@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
*,:after,:before{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*,a,div,h1,h2,h3,h4,h5,html,img,li,p,span{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-size:12px;line-height:normal;color:#333;font-family:"Microsoft YaHei","微软雅黑",sans-serif;-webkit-text-size-adjust:none;background:#FFFFFF;text-align:center;position:relative;line-height:1;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu{display:block;}
input{font-size:12px;line-height:16px;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0;}
ul{list-style:none;}
textarea{resize:none;overflow:auto;}

/* 颜色链接 */
a:link,a:visited{text-decoration:none;}
a:hover{transition:all 0.3s ease-in-out 0s;}
textarea,input,select,button{outline:none;border: 0;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/* HTY Common Reset*/
html{overflow-x:hidden}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}

/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
.area{width:1280px;position:relative;margin:0 auto;height: auto;}
.opacity0{opacity:0;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;box-shadow:none;}
.flex{display: flex; align-items: center; justify-content: space-between;}
.flex-1{display: flex; align-items: center; justify-content: center; }
/*隐藏*/
.hide1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hide2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.hide3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/* 头部 */
.header{width: 100%; background: url(../images/topbg.jpg) no-repeat center center;background-size: 100%; height: 130px;border-bottom: 5px solid #e5310e; z-index: 99;position: relative;}
.header .navbox{display: flex; width:90%; justify-content:space-between; margin: 0 auto;align-items: center; height: 130px;position: relative;padding: 0 10%;}
.header .navbox a{background: url(../images/nav-bg.png) no-repeat center center; background-size:41px 105px; height:105px;display: flex; width: 41px; color: #FFFFFF; font-size:18px;padding: 8px; align-items: center;}
.header .navbox .navlist{width:35%; display: flex; justify-content:space-around;}
.header .logo{width:217px;position: relative; height: 130px;z-index: 99;}
.header .logo img{position: absolute;left: 0;top: 0; width: 100%;}
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.banner{position: relative; z-index: 11;}
.scale{-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;}

.banner .swiper-button-prev{margin-bottom:.825rem}
.banner .next,.banner .prev{margin:0 .825rem}
.banner .swiper-wrapper .swiper-slide img{width:100%;height:auto;left:0;top:0}
.banner .bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.banner .swiper-slide-active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}
.banner .swiper-pagination-bullet{ width:14px !important; height:14px !important;  background:#FFFFFE !important; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-bottom:20px; margin-right:10px !important;}
.banner .swiper-pagination-bullet-active{ background:#FFBE01 !important;}

.footer{background-color: #333333;width: 100%; height: 300px;padding: 0 13.5%;display: flex; align-items: center; justify-content: space-between;}
.footer .left{width:50%;}
.footer .left .flogo{width:180px; margin-bottom: 10px;}
.footer .left .flogo img{width:100%;}
.footer .left .contact{display: flex;width: 100%;}
.footer .left .contact img{width:auto; height: 125px;}
.footer .left .contact .text{color: #999999;text-align: left; margin-left: 8px;}
.footer .left .contact .text h3{font-size:18px;}
.footer .left .contact .text h1{font-size:35px;color: #f4f3f3; margin: 10px 0 15px 0;font-weight: bold;}
.footer .left .contact .text p{font-size:16px;line-height:24px;}
.footer .right{width: 300px;}
.footer .right .ftop{display: flex; justify-content: space-around;}
.footer .right .ftop .er{width: 120px;}
.footer .right .ftop .er img{width:100%;}
.footer .right .ftop .er p{font-size:16px;color: #999999;text-align: center;padding:5px 0;}
.footer .right .fmsg{background-color: #e5310e;border-radius:30px;height: 60px; display: flex;align-items: center; justify-content: center; color: #FFFFFF;font-size: 16px; margin-top: 10px;}
.footer .right .fmsg img{width:21px; margin-right: 5px;}
.icp{width: 100%; background-color: #1f1e1e; height:50px; display:flex;align-items: center; justify-content: center;}
.icp p{color:#adadad;font-size: 15px;padding: 0 15px; display: flex; line-height: 50px;}
.icp p a{display: block; color: #adadad;}

@font-face{font-family:'zhanku';src:url('/fonts/zhanku.eot');src:url('/fonts/zhanku.woff') format('woff'),url('/fonts/zhanku.ttf') format('truetype')}
@font-face{font-family:'youshe';src:url('/fonts/youshe.eot');src:url('/fonts/youshe.woff') format('woff'),url('/fonts/youshe.ttf') format('truetype')}
/* 移动导航 */
.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    /* background: #fff; */
	background: rgba(28, 35, 39, 1);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: .96rem;
	display: block;
	margin:0.3rem auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	text-align: left;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.empty{width: 350px; margin: 0 auto;}
.empty img{width:338px;height: 338px;}
.empty p{line-height:32px;font-size:18px;color: #999999;width: 100%;display: flex;justify-content: center;padding: 10px 0;}
.mheader{display: none;}
.mbanner{display: none;}
.mboot{display: none;}
@media screen and (max-width: 992px){
	.header{display: none;}
	.banner{display: none;}
	.mheader{display: flex; justify-content: space-between;background-color: #222222;height: 1.25rem;}
	.mheader .logo{width: 3rem;}
	.mheader .logo img{width: 100%;}
	.mheader #navToggle{width: 1.25rem;}
	.mheader #navToggle img{width: 100%;}
	.mheader .back{width: .8rem; height: 1.25rem;display: flex; align-items: center; margin-right: .45rem;}
	.mheader .back img{width:.56rem;margin: 0 auto;}
	.mheader .title{font-size: .42rem;color: #FFFFFE;line-height: 1.25rem;}
	.mbanner{position: relative; z-index: 11; display: block;}
	.mbanner .swiper-wrapper .swiper-slide img{width:100%;height:auto;left:0;top:0}
	.mbanner .bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
	.mbanner .swiper-slide-active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}
	.mbanner .swiper-pagination-bullet{ width:.18rem !important; height:.18rem !important;  background:#FFFFFE !important; opacity:1;}
	.mbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-bottom:.1rem; margin-right:.1rem !important;}
	.mbanner .swiper-pagination-bullet-active{ background:#FFBE01 !important;}
	.mboot{width:100%;height:1.28rem;position:fixed;bottom:0;background-color:#e5310e;max-width:100%;z-index:999;display:-webkit-flex;display:flex;}
	.mboot a{flex-grow:1;text-align:center;font-size:0.28rem;color:#ffffff;background-repeat:no-repeat;background-position:center 0rem;padding:.25rem 0;width: 20%;position: relative;}
	.mboot a span{display:block;line-height: .45rem}
	.footer a+a{border-left:none}
	.mboot .home{width:1.35rem;margin-top:-.35rem;}
	.mboot .pro{display:block;width:.48rem;height:.48rem;margin:0 auto;background-image:url(../images/m/m-ico-1.png);background-size:0.48rem 0.48rem;}
	.mboot .case{display:block;width:.48rem;height:.48rem;margin:0 auto;background-image:url(../images/m/m-ico-2.png);background-size:0.48rem 0.48rem;}
	.mboot .join{display:block;width:.48rem;height:.48rem;margin:0 auto;background-image:url(../images/m/m-ico-3.png);background-size:0.48rem 0.48rem;}
	.mboot .tel{display:block;width:.48rem;height:.48rem;margin:0 auto;background-image:url(../images/m/m-ico-4.png);background-size:0.48rem 0.48rem;}
	.mboot a:nth-child(1)::before{content: "";position: absolute;top:50%;right: 0;width: 1px;height:.52rem;background-color: #ff7a60;transform: translateY(-50%);}
	.mboot a:nth-child(1)::after{content: "";position: absolute;top:50%;right:-1px;width: 1px;height:.52rem;background-color: #bc280c;transform: translateY(-50%);}
	.mboot a:nth-child(4)::before{content: "";position: absolute;top:50%;right: 0;width: 1px;height:.52rem;background-color: #ff7a60;transform: translateY(-50%);}
	.mboot a:nth-child(4)::after{content: "";position: absolute;top:50%;right:-1px;width: 1px;height:.52rem;background-color: #bc280c;transform: translateY(-50%);}
	.zhanwei{height:1.5rem;background-color: #1f1e1e;}
	/* .footer{display: none;} */
	.icp{height:.5rem;color: #adadad;font-size: .22rem;background-color:#1f1e1e;line-height: .5rem;}
	.icp p{color: #adadad;font-size: .22rem;display: none;}
	.icp p:first-child{display: block;}
	.footer{padding: 5% 4%;height: auto;}
	.footer .left{width:72%;}
	.footer .left .flogo{width:1.8rem;margin-bottom: .1rem;}
	.footer .left .contact img{display: none;}
	.footer .left .contact .text h3{font-size: .24rem;}
	.footer .left .contact .text h1{font-size: .4rem;margin: .1rem 0 .15rem 0;}
	.footer .left .contact .text p{font-size: .24rem;line-height: .32rem;}
	.footer .right{width: 28%;}
	.footer .right .ftop .er img{width: 1.3rem;}
	.footer .right .ftop .er p{font-size: .22rem;}
	.footer .right .ftop .er:last-child{display: none;}
	.footer .right .fmsg{height: .5rem;font-size:.23rem; margin-top: .1rem;}
	.footer .right .fmsg img{width: .28rem;}
	.empty{width: 3.5rem; margin-bottom: .8rem;}
	.empty img{width: 3.38rem;height: 3.38rem;}
	.empty  p{font-size: .28rem;line-height: .42rem;padding: .1rem 0;}
}