body,select,input,view,text,button,textarea{
    font-family:"Alibaba-PuHuiTi-Medium","Alibaba Sans",'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	line-height: 1.7; color: #1c1c1c;
}
a{
	color: inherit;
}
::-webkit-scrollbar {
		width: 4px; height: 4px;
	}
	
	::-webkit-scrollbar-track {
		/*background: rgba(0,0,0,0.1)*/
	}
	
	::-webkit-scrollbar-thumb {
		background: rgba(0,0,0,0.4);
		border-radius: 2px
	}
	
	::-webkit-scrollbar-thumb:hover {
		background: #545c70
	}
.bc-gray{
	background-color: #737375;
}			
.header-box{
	height: 110px;
}			
.header{
	height: 110px;
	background: #c1c1c1; position: fixed; left: 0; right: 0; top: 0; z-index: 99;  box-shadow: 0 0 10px 3px rgba(0,0,0,0.15); color: #000;
}
.header .logo{
	margin-top: 15px;
	float: left;
	line-height: 0;
}
.header .nav{
	float: right;
	line-height: 110px; font-weight: lighter; margin-right: -25px;
}
.header .nav li{
	float: left; font-size: 20px;
	
	text-transform: uppercase;
	
}
.header .nav li a{
	display: block; padding: 0 25px;
}
.header .nav li.on{
	font-weight: bold; 
}
.header .nav li.on>a{
	color: #f69802;
}
.header .nav li a:hover{
	color: #f69802;
}
.wrapper{
	width: 1380px; 
	margin: 0 auto;
}
.wrapper-sm{
	width: 1110px;
	margin: 0 auto;
}
.footer{
	background: #c1c1c1;
	border-top: #f39800 solid 4px;
	color: #000;
}

.footer a{
	color: inherit;
}
.footmain{
	padding: 45px 0; overflow: hidden;
}
.copyright{
	padding: 60px 0 20px; color: #868688;
	border-top: #848486 solid 1px; text-align: center;
}
.footmain_l{
	float: left;
}
.footmain_r{
	float: right;
	overflow: hidden;
}
.foottele{
	text-align: center; 
}
.footqr{
	float: left; margin-left: 35px;
}
.foottele h3{
	font-size: 18px; line-height: 1.5;
	position: relative;
}
/* .foottele h3:before{
	content: "";
	position: absolute;
	width: 100%; height: 2px; left: 0; right: 0; top: 50%; margin-top: -1px; background: #a4a4a4;
} */
.foottele h3 span{
	display: inline-block; padding: 0 45px; position: relative; 
}
.foottele h3 span::before,
.foottele h3 span::after{
	position: absolute; top: 50%; height: 1px; background-color: #000; height: 2px; width: 38px; content: "";
}
.foottele h3 span::before{
	left: 0px; 
}
.foottele h3 span::after{
	right: 0;
}
.foottele h2{
	font-size: 24px; line-height: 1.2; font-weight:bold;
}
.foottele h4{
	font-size: 16px;
}
.foottele p{
	font-size: 14px;
}
.foottele .item{
	margin-bottom: 10px;
}
.fnav {
	font-size: 16px; margin-top: 20px;
}
.fnav li{
	display: inline-block;
	padding-right: 20px;
	margin-right: 20px;
	position: relative;
}
.fnav li:after{
	content: '|';
	position: absolute; right: 0; top: 0;
}
.fnav li:last-child:after{
	display: none;
}

/*新闻*/
.pagecontainer{
	margin: 100px auto;
	overflow: hidden;
}
.pageleft{
	width: 250px; float: left;
}
.pageright{
	width: 785px; float: right;
}

.newsdetail .head h2{
	font-size: 20px; font-weight: bold; padding-bottom: 20px;
}
.newsdetail .body{
	font-size: 16px; color: #575757;
}
.newsdetail .body p{
	margin-bottom: 1em; text-indent: 2em;
}
.newsdetail .body p >img{
	margin-left: -2em;
}

.subnav .tit{
	font-size: 35px;
	padding-bottom: 20px;
	position: relative;
	line-height: 1;
	margin-bottom: 25px;
}
.subnav .tit:after{
	content: "";
	position: absolute;
	width: 70px; height: 6px; left: 0; bottom:0; background: #f39800;
}
.subnav .nav{
	margin-bottom: 8px;
}
.subnav .nav h4{
	line-height: 45px; font-size: 26px; background: #e4e7eb;
	padding: 0 12px;
	cursor: pointer;
}
.subnav .nav:hover h4{
	background: #f39800;
}
.subnav .nav ul{
	padding: 5px 0 10px;
	font-size: 15px;
	color: #686868;
	display: none;
}
.subnav .nav li{
	padding: 6px 10px;
}
.subnav .nav li:hover{
	background: #eee;
}
.subnav .nav li a{
	display: block;
}
.subnav .navon h4{
	background: #f39800;
}
.subnav .navon ul{
	display: block;
}

/**/
.caselist{
	margin-top: 60px; padding-bottom: 100px;
}
.caselist ul{
	overflow: hidden;
	width: 105%;
}
.caselist li{
	float: left; margin-right: 30px;
	line-height: 0; margin-bottom: 30px;
	overflow: hidden; width: 351px; height: 351px;position: relative;
}
.caselist li .img1{
	 display: block;
}
.caselist li .img2{
	 display: none;
}
.caselist li img{
	transition: all 0.5s ease-in-out; display: block;
}
.caselist li:hover .img1{
	display: none;
}
.caselist li:hover .img2{
	display: block;
}
.casetype{
	margin-top: 150px;
}
.casetype .typerow{
	height: 110px; background: #b9b9b9; overflow: hidden; margin-bottom: 3px;
}
.casetype .typerow .tit{
	float: left;
	width: 190px; text-align: center;
	height: 110px;
	background: #646466;
	padding-top: 22px;
	line-height: 1.4; border-right: 4px solid #f39800;
}
.casetype .typerow .tit h3{
	font-size: 26px; font-weight: bold;
}
.casetype .typerow .tit p{
	font-size: 18px; text-transform: uppercase; margin-top: 3px;
}
.casetype .typerow .nav{
	float: left; line-height: 110px; padding-left: 20px;
	overflow-x: scroll;
	width: 920px;
}
.casetype .typerow .nav ul{
	white-space: nowrap;
}
.casetype .typerow .nav li{
	font-size: 22px;display: inline-block;vertical-align: top; line-height: 110px;text-align: center;
	transition: all 0.3s ease-in-out;
}
.casetype .typerow .nav li a{
	display: block; min-width:110px; padding: 0 10px;
}
.casetype .typerow .nav li:hover{
	background-color: #EDEDED;
}
.casetype .typerow .nav li span{
	line-height: 1.3;vertical-align: middle; display: inline-block;
}

/**/
.banner{
	background: url(../images/contact-banner.jpg) no-repeat center top; background-size:cover ; height: 512px;
	text-align: center;
}
.banner .txt{
	padding-top: 285px;
	color: #fff; /*letter-spacing: 0.2em;*/ 
}
.banner .txt h2{
	font-size: 54px; 
}
.banner .txt h3{
	font-size: 45px;/* text-align: right;*/ line-height: 1.3; display: inline-block;
}
.banner .txt h3 small{
	display: inline-block;/* text-align: right;*/ font-size: 25px;
	position: relative;
}
.banner .txt h3 small:after{
	content: "";
	width: 100px; height: 2px; background: #fff;
	position: absolute;  left: -110px; top: 50%;
}
.contactmap{
	margin-top: 150px;
}
.contactmap .maptxt{
	margin-top: 30px; 
	border-bottom: #888888 solid 5px; padding-bottom: 15px;
}
.contactmap .maptxt ul{
	font-weight: bold; font-size: 18px; 
}
.contactmap .maptxt li{
	display: inline-block; margin-right: 30px; padding-right: 30px;
	position: relative;
}
.contactmap .maptxt li:after{
	content: "|";
	position: absolute; right: 0; top: 0;
}
.contactmap .maptxt li:last-child:after{
	display: none;
}
.contactmap .maptxt p{
	margin-top: 20px; line-height: 1.7; text-transform: uppercase; font-size: 15px;
}

.chead{
	background: #646466;
	padding: 8px ; text-align: center; line-height: 1.2; border-bottom: 3px solid #f39800;
}
.chead h2{
	font-size: 33px; 
}
.chead h4{
	font-size: 20px; text-transform: uppercase; font-weight: lighter; margin-top: 5px;
}
.contactserv{
	margin-top: 90px;
}
.contactserv .body{
	padding: 80px 50px 60px;
	background: #ededed url(../images/bg1.jpg) no-repeat center; background-size:cover ; text-align: center;
}
.contactserv .body ul{
	overflow: hidden; margin-left: -50px; margin-right: -50px;
}
.contactserv .body li{
	  padding: 0 50px; display: inline-block;vertical-align: top;
}
.contactserv .body li .img{
	position: relative;
	display: inline-block; width: 158px;
}
.contactserv .body li .img:before{
	content: "";
	width: 158px; height: 220px;
	position: absolute; left: 10px; top: 10px;
	background: #a9a9a9;
	transition: all 0.3s ease-in-out;
}
.contactserv .body li:hover .img::before{
	 top: 15px; opacity: 0.9;
}
.contactserv .body li:hover hr{
	width: 60px;
}
.contactserv .body li .img img{
	position: relative;
}
.contactserv .body li .txt{
	margin-top: 30px; text-align: center;
}
.contactserv .body li .txt h2{
	font-size: 24px;line-height: 1.2;
}
.contactserv .body li .txt h3{
	font-size: 20px;  margin-top: 2px;
}
.contactserv .body li hr{
	width: 50px; height: 5px; background: #f39800; margin: 5px auto; border: none;
	transition: all 0.3s ease-in-out;
}
.contactserv .body li .txt p{
	font-size: 18px;
}
.contactjoin{
	margin-bottom: 200px;
}
.contactjoin .body{
	padding:60px;
	background: #ededed;
}

.contactjoin .body ul{
	overflow: hidden; width: 110%;
}
.contactjoin .body li{
	float: left; width: 210px; margin-right: 50px;
	border: #f39800 solid 2px;
	text-align: center;
}

.contactjoin .body li .hd{
	height: 35px; background: #646466 ; text-align: center; line-height: 35px; font-size: 20px; font-weight: bold;
}
.contactjoin .body li .bd{
	padding: 20px 10px;
}
.contactjoin .body li dl{
	padding-bottom: 20px;
}
.contactjoin .body li dd{
	margin-bottom: 20px; font-size: 20px;
}
.contactjoin .body li dd small{
	display: block; font-size: 15px;
}
.contactjoin .body li  h3{

	font-size: 16px; font-weight: bold;
	background: url(../images/contact-arr.png) no-repeat center top;
	padding-top: 40px;
}
.contactjoin .body li  h4{
	font-size: 16px; 
}

/**/
.aboutpage{
	margin: 90px 0 200px;
	
}

.aboutrow{
	overflow: hidden;
	background: #cfcfcf;
	transition: all 0.3s;
}
.aboutrow >div{
	width: 50%; float: left;
}
.aboutrow .img{
	line-height: 0; overflow: hidden;
}
.aboutrow .img img{
	transition: all 0.3s;
}
.aboutrow:hover .img img{
	transform: scale(1.02);
}
.aboutrow .txt{
	padding: 70px 80px 20px;
}

.aboutrow:hover  .txthd label{
	right: -15px;
}
.aboutrow .txthd{
	border-bottom: #646466 solid 14px; position: relative; padding-bottom: 5px;
}
.aboutrow .txthd h2{
	font-size: 40px; font-weight: bold;
}
.aboutrow .txthd h2 small{
	font-size: 35px; margin-left: 10px; text-transform: uppercase;vertical-align: bottom; line-height: 1.6;
}
.aboutrow .txthd label{
	position: absolute; right: 0; bottom: 10px; transition: all 0.3s ease-in-out;
}
.aboutrow .txtbd{
	padding: 30px 0 0; font-size: 14px; line-height: 1.7; text-align: justify;
}
.aboutrow .txtbd p{
	margin-bottom: 5px;
}
.aboutrow .txtbd h4{
	font-size: 20px; font-weight: bold; margin-bottom: 0.5em;
}
.pr30{
	padding-right: 30px;
}
.aboutrow .txtbd h5{
	font-size: 18px; font-weight: bold; margin-bottom: 0.5em;
}
.aboutrow .txtbd h2{
	font-size: 34px; font-weight: bold; line-height: 1.5; margin-bottom: 1em;
}
.mb0{
	margin-bottom: 0 !important;
}

.aboutrow-even .txt{
	float:right;
}

/**/
.thead{
	padding-bottom: 20px;
}
.thead h2{
	font-size: 40px; line-height: 1.2; font-weight: bold;
}
.thead h2 small{
	font-size: 30px; margin-left: 10px; text-transform: uppercase;vertical-align: bottom;
}
.techlist{
	margin-top: 40px;
}
.techrow{
	position: relative; margin-bottom: 30px;
}
.techrow:hover .tit{
	background: rgba(0,0,0,0.9);
}
.techrow .tit{
	background: rgba(0,0,0,0.6);
	position: absolute; left: 0; top: 0; bottom: 0; width: 95px; z-index: 2;
	transition: all 0.3s ease-in-out;
}
.techrow .tit span{
	width: 130px; height: 130px; line-height: 130px; background: #f39800; text-align: center; border-radius: 100%;
	display: block;
	top: 30px; left: 30px; position: absolute;
	font-size: 30px; font-weight: bold;
}
.techlist ul{
	overflow: hidden;  line-height: 0;
	
}
.techlist li{
	float: left; width: 370px; overflow: hidden;
}
.techlist li img{
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.techlist li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.techadv{
	margin-bottom: 170px; margin-top: 40px;
}
.techadv ul{
	overflow: hidden;  
	width: 110%;
	
}
.techadv li{
	float: left; width: 550px; margin-right: 10px; position: relative; margin-bottom: 10px;
}
.techadv li .img{
	line-height: 0;
}

.techadv li .txt{
	position: absolute; left: 0; right: 0; top: 0;
	background: url(../images/tech-advbg.png) no-repeat left top;
	height: 40px;
	font-weight: 100;
	padding-left: 20px;
}
.techadv li .txt h3{
	color: #fff; font-size: 22px; line-height: 40px;
}
.techadv li .txt h4{
	font-size: 25px; color: #fff; line-height: 1.2; text-transform: uppercase; margin-top: 3px;
	transition: all 0.3s;
}

/**/
.hbanner{
	clear: both;
	position: relative;
}

.hbanner-item{
	background-position:center bottom;
	background-repeat:no-repeat ;
	background-size:cover ;height: 730px;
	color: #fff; text-align: center; 
	padding-top: 120px;
}
.hbanner .swiper-pagination{
	color: #fff; left: 0; right: 0; bottom: 20px;
}
.hbanner h2{
	font-size: 124px; line-height: 1.2;
}
.hbanner .swiper-slide-active h2{
	-webkit-animation: fadeIn 0.6s 0.5s  both;
	animation: fadeIn 0.6s 0.5s  both;
	-ms-animation: fadeIn 0.6s 0.5s both;
}
.hbanner .swiper-slide-active h3{
	-webkit-animation: fadeInUp 0.6s 0.8s  both;
	animation: fadeInUp 0.6s 0.8s  both;
	-ms-animation: fadeInUp 0.6s 0.8s both;
}
.hbanner h3{
	font-size: 94px; font-weight: bold;
}

.hfeature{
	 background-color: #1c1c1c; padding: 95px 0 80px 0;
	text-align: center;

}
.hfeature .img1{
	display: none;
}
.hfeature .img{
	position: relative; width: 1203px; margin: 0 auto;
}
.hfeature .img .item{
	position: absolute;width: 317px;
}
.hfeature .img .l1{
	left: 155px; top: 99px;
}
.hfeature .img .l2{
	left: 77px; top: 238px;
}
.hfeature .img .l3{
	left: 0; top: 376px;
}
.hfeature .img .l4{
	right: 155px; top: 99px;
}
.hfeature .img .l5{
	right: 77px; top: 238px;
}
.hfeature .img .l6{
	right: 0; top: 376px;
}
.hfeature .img .item{
	transition: all 0.3s ;
}
.hfeature .img .l1:hover,
.hfeature .img .l2:hover,
.hfeature .img .l3:hover{
	transform: translateX(-20px);
}
.hfeature .img .l4:hover,
.hfeature .img .l5:hover,
.hfeature .img .l6:hover{
	transform: translateX(20px);
}
.hfeature  ul{
	margin-top: 35px;
}
.hfeature li{
	background: url(../images/hfeature-numbg.png) no-repeat center;
	width: 156px; height: 156px;
	display: inline-block;
	padding-top: 30px;
	margin: 0 40px; color: #8e8e8e;
}
.hfeature li h2{
	font-weight: bold; font-size: 50px; line-height: 1.2; display: inline-block;
	position: relative;
	font-family: "DIN-Alternate-Bold";
}
.hfeature li h2 sup{
	position: absolute; font-size: 28px; position: absolute; right: -15px; top: -10px;
}
.hfeature li p{
	font-size: 20px; line-height: 1.3;
}

.hcustomer{
	 padding: 50px 0;
}
.hcustomer .body{
	padding: 35px 110px 0 110px;
}
.hcustomer .body ul{
	overflow: hidden; /* width: 110%; */
}
.hcustomer .body li{
	 text-align: center; font-size: 0; width: 16.66%;
	float: left; overflow: hidden; font-size: 0;
	transition: all 0.3s ease-in-out; padding: 18px 0;
}
.hcustomer .body li:hover{
	opacity: 0.85; border-color: #fff;
	transform:translateY(10px);
}
.hcustomer .body li img{
	 display: inline-block;vertical-align: middle;
}
.hcustomer .body li a{
	display: block;
}
.hhead{
	padding-top: 50px; text-align: center;  color: #f29900;
}
.hhead h2{
	font-size: 42px;  line-height: 1.2; 
}

.hhead p{
	font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 8px;
}
.hhead p span{
	 position: relative;
}
.hhead p span:before,
.hhead p span:after{
	content: "";
	background: #f39800;
	width: 120px; height: 2px;
	position: absolute; 
	top: 50%;
}
.hhead p span:before{
	left: -135px;
}
.hhead p span:after{
	right: -135px;
}
.hbusiness{
	padding-bottom: 100px;
}
.hbusiness .body{
	padding: 50px 0; text-align: center;
}

.hvideo{
	padding: 70px 0 120px;
}
.hvideo .head{
	text-align: center; color: #f39801;
}
.hvideo .head h2{
	font-size: 36px;line-height: 1.3;
}
.hvideo .head p{
	font-size:18px; text-transform: uppercase; font-weight: bold;
}
.hvideo .body{
	text-align: center; margin-top: 25px;
}

.hslogan{
	background: url(../images/hsloganbg.jpg) no-repeat center top;
	height: 536px;
	padding-top: 350px;
	color: #fff; text-align: center;
}
.hslogan .txt h2{
	font-size: 52px; text-align: right; line-height: 1.3; display: inline-block;
	letter-spacing: 15px;
}
.hslogan .txt h2 small{
	display: inline-block; text-align: right; font-size: 25px;
	position: relative;
}
.hslogan .txt h2 small:after{
	content: "";
	width: 100px; height: 2px; background: #fff;
	position: absolute;  left: -110px; top: 50%;
}

.himgtxt{
	margin-top: 150px; margin-bottom: 130px; 
}

.imgtxt{
	overflow: hidden;
	background: #cacaca; margin-bottom: 15px;
}
.imgtxt-even .img{
	float: right; text-align: right;
}
.imgtxt-even .txt{
	float: left;
}
.imgtxt>div{
	width: 555px; height: 440px; float: left;
}
.imgtxt .img{
	background: url(../images/hcompany-bg1.jpg) no-repeat center center;
	background-size:100% 100% ;
	padding: 65px 70px 20px 70px;
	transition: all 0.3s ease-in-out; color: #f39800; position: relative;
	
}
.imgtxt .img::before{
	position: absolute; left: 0; top: 0; bottom: 0; width: 12px; background-color: #f39800; content: "";
}
.imgtxt-even .img::before{
	left: auto; right: 0;
}
.imgtxtbg2 .img{
	background-image: url(../images/hcompany-bg2.jpg);
}
.imgtxtbg3 .img{
	background-image: url(../images/hcompany-bg3.jpg);
}
.imgtxtbg4 .img{
	background-image: url(../images/hcompany-bg4.jpg);
}
.imgtxt .img h2{
	font-size: 60px; line-height: 1.4;
}
.imgtxt .img h4{
	font-size: 54px; 
	text-transform: uppercase; line-height: 1.2; font-weight: lighter; margin-top: 8px;
}
.imgtxt .img hr{
	width: 120px; height: 6px;
	background: #f39800;
	border: none; margin-top: 20px; display: inline-block;
	transition: all 0.3s ease-in-out;
}
.imgtxt .img:hover{
	background-size:110% 110% ;
}
.imgtxt .img:hover hr{
	width: 200px;
}
.imgtxt .txt{
	padding: 50px 20px 50px 60px; line-height: 2.4; font-size: 20px;
	position: relative;
}
.imgtxt .txt a:hover{
	color: #666;
}
.imgtxt .txt .morelink{
	position: absolute; right: 20px; bottom: 0; line-height: 2; font-size: 22px; color: #fff;
}

/**/
.caseshow{
	margin: 80px 0 120px; 
}
.caseshowswiper{
	text-align: center;
	position: relative;
}
.caseshowswiper .swiper-button-next, 
.caseshowswiper .swiper-button-prev{
	background: url(../images/prev.png) no-repeat center;
	width: 50px; height: 90px;
	margin-top: -45px;
	transition: all 0.3s;
}
.caseshowswiper .swiper-button-prev{
	left: -90px;
}
.caseshowswiper .swiper-button-next{
	background-image: url(../images/next.png); right: -90px;
}
.caseshowswiper .swiper-button-prev:hover,
.caseshowswiper .swiper-button-next:hover{
	transform: scale(1.08);
}
.caseshowmeta{
	margin-top: 20px;
}
.caseshowmeta li{
	display: inline-block; font-size: 18px; color: #b2b2b2; font-size: 20px;
	margin-right: 40px;
}

#allmap{
	width: 1110px; height: 560px;
}
#allmap img{
	max-width: inherit; max-width: initial;
}
#allmap .anchorBL{
	display: none;
}
.hhonor {
	padding-bottom: 50px;
}
.hhonor .body{
	text-align: center; margin-top: 40px; 
}
.mbanner{
	background-size:cover ; background-position:center ; background-repeat:no-repeat ; height: 512px;
}
.techteam{
	padding-top: 85px;
}
.techteam .body{
	
}
.techteam .body .img{
	height: auto;overflow: hidden; position: relative;
}
.techteam .body .img::after{
	position: absolute; left: 0; right: 0; height: 4px; bottom: 0; background: #f39800; content: "";
	
}
.techteam .body .img img{
	display: block; width: 100%;
	transition: all 0.3s;
}
.techteam .body .imgcol2{
	float: left; width: 50%;overflow: hidden;
}
.techteam .body .img img:hover{
	transform: scale(1.03);
}

.search-pagination{ width:100%; margin:auto; margin-top:30px;}
.search-pagination .pagination{ width: 100%; text-align: center;}
.search-pagination .pagination>li{ margin: 0 5px; display: inline-block; height: 20px; line-height: 20px!important;}
.search-pagination .pagination>li a{ float: none; color: #555; border: solid 1px #f39800; padding: 3px 5px; border-radius: 0; font-size: 14px;}
.search-pagination .pagination>li a:hover{ background-color:#f39800;     border-color: #f39800; color: #fff;}
.search-pagination .pagination>li.active{ background:#f39800;}
.search-pagination .pagination>li.active a{ color:#fff; background-color:#f39800;     border-color: #f39800; padding: 3px 5px;}