@charset "utf-8";

@font-face {
  font-family: "iconfont"; /* Project id 4382676 */
  src: url('https://at.alicdn.com/t/c/font_4382676_1bkw55gxw7y.woff2?t=1703211797485') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4382676_1bkw55gxw7y.woff?t=1703211797485') format('woff'),
       url('https://at.alicdn.com/t/c/font_4382676_1bkw55gxw7y.ttf?t=1703211797485') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dianhua2:before {
  content: "\e641";
}

.icon-gongsixinxi:before {
  content: "\e618";
}

.icon-yuangongguanli:before {
  content: "\e60b";
}

.icon-battery:before {
  content: "\e761";
}

.icon-chilun--:before {
  content: "\e61f";
}

.icon-diqiu:before {
  content: "\e844";
}

.icon-cooperation-full:before {
  content: "\e85d";
}

.icon-shouye:before {
  content: "\e632";
}

.icon-lianxiren:before {
  content: "\e642";
}

.icon-biaodankongjianlianxiren:before {
  content: "\e8c1";
}

.icon-tianjialianxiren:before {
  content: "\e63f";
}

.icon-xuanzelianxiren:before {
  content: "\e640";
}

.icon-lianxishouhou:before {
  content: "\e638";
}

.icon-lianxiwomen:before {
  content: "\e61b";
}

.icon-lianximaijia:before {
  content: "\e644";
}

.icon-lianxi:before {
  content: "\e66f";
}

.icon-yuwolianxi:before {
  content: "\e608";
}

.icon-lianxiren1:before {
  content: "\e890";
}

.icon-Icon_lianxiren:before {
  content: "\e60c";
}

.icon-weixin:before {
  content: "\e601";
}

.icon-facebookfacebook52:before {
  content: "\e602";
}

.icon-tuitetwitter44:before {
  content: "\e708";
}

.icon-facebook:before {
  content: "\e801";
}

.icon-qq:before {
  content: "\e623";
}

.icon-qq1:before {
  content: "\e630";
}

.icon-weixin-copy:before {
  content: "\e65b";
}

.icon-facebookfacebook51:before {
  content: "\e604";
}

.icon-facebook1:before {
  content: "\e87d";
}

.icon-instagram:before {
  content: "\e87f";
}

.icon-QQ-circle-fill:before {
  content: "\e887";
}

.icon-facebook-fill:before {
  content: "\e88d";
}

.icon-instagram-fill:before {
  content: "\e88f";
}

.icon-weixin1:before {
  content: "\e614";
}

.icon-twitter:before {
  content: "\e646";
}

.icon-tuite:before {
  content: "\e61d";
}

.icon-bxl-linkedin:before {
  content: "\e6e7";
}

.icon-bxl-linkedin-square:before {
  content: "\e6ee";
}

.icon-tuite1:before {
  content: "\ee49";
}

.icon-ins_nor:before {
  content: "\e631";
}

.icon-whatsapp:before {
  content: "\e7d6";
}

.icon-31dianhua:before {
  content: "\e600";
}

.icon-diqiuquanqiu:before {
  content: "\e76c";
}

.icon-jinjilianxiren:before {
  content: "\e60a";
}

.icon-ai206:before {
  content: "\e6c2";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-dizhi:before {
  content: "\e616";
}

.icon-youxiang1:before {
  content: "\e611";
}

.icon-dianhua:before {
  content: "\e610";
}

.icon-dianhua1:before {
  content: "\e649";
}

.icon-wangzhi_huaban:before {
  content: "\e629";
}

.icon-dizhi1:before {
  content: "\e648";
}

.icon-dizhi2:before {
  content: "\e814";
}

.icon-dizhi3:before {
  content: "\e65d";
}


em,i{font-style: normal;}

.fl {float:left;}

.fr {float:right;}

.clear{clear:both;}



.header .head_body .logo{width: 20%}

.header .head_body .logo img{height: 90px;}

nav{width: 100%;position: relative;z-index: 9999999}

.flexnav {*zoom: 1;-webkit-transition: 0;-moz-transition: 0;-o-transition: 0;transition: 0;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0;}

.flexnav:after {content: "";display: table;clear: both;}

.flexnav.show {max-height: 2000px;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;position: absolute;background: #dfdfdf;}

.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px;}

.flexnav li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #eee;}

.flexnav li a {position: relative;display: block;overflow: hidden;color: #333;line-height: 50px;text-align: center;font-size: 16px}

.flexnav li ul {width: 100%;}

.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #fff;}

.flexnav li ul.show li {overflow: visible;}

.flexnav li ul li a {display: block;background: #efefef;}

.flexnav ul li ul li a {background: #bfbfbc;}

.flexnav ul li ul li ul li a {background: #cbcbc9;}

.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.075);text-align: center;}

.flexnav .touch-button:hover {cursor: pointer;}

.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666;}



/*header end*/



/*banner start*/

.rslides{

	position:relative;

	list-style:none;

	overflow:hidden;

	width:100%;

	padding:0;

	margin:0;

}

.rslides li{

	-webkit-backface-visibility:hidden;

	position:absolute;

	display:none;

	width:100%;

	left:0;

	top:0;

}

.rslides li:first-child{

	position:relative;

	display:block;

	float:left;

}

.rslides img{

	display:block;

	height:auto;

	float:left;

	width:100%;

	border:0;

}

/*pager*/

.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}

.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}

.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}



/* Callback example */

.callbacks_container{

	position:relative;

	width:100%;

	max-width:100%;

	text-align:center;

}



.callbacks{

	position:relative;

	list-style:none;

	overflow:hidden;

	width:100%;

	padding:0;

	margin:0;

}

.callbacks li{

	position:absolute;

	width:100%;

	left:0;

	top:0;

}

.callbacks img{

	display:block;

	position:relative;

	z-index:1;

	height:auto;

	width:100%;

	border:0;

}

.callbacks .caption{

	display:block;

	position:absolute;

	z-index:2;

	font-size:20px;

	text-shadow:none;

	color:#fff;

	background:#000;

	background:rgba(0,0,0, .8);

	left:0;

	right:0;

	bottom:0;

	padding:10px 20px;

	margin:0;

	max-width:none;

}

.callbacks_nav{

	position:absolute;

	-webkit-tap-highlight-color:rgba(0,0,0,0);

	top:50%;

	left:0;

	opacity:0.6;

	z-index:3;

	text-indent:-9999px;

	overflow:hidden;

	text-decoration:none;

	height:61px;

	width:38px;

	background:transparent url("../images/themes.gif") no-repeat left top;

	margin-top:-30px;

	display:none;

}

.callbacks_container:hover .callbacks_nav{display:block;}

.callbacks_nav:active{opacity:1.0;}

.callbacks_nav.next{

	left:auto;

	background-position:right top;

	right:0;

}



@media screen and (max-width:600px){

	.callbacks_nav{

		top:47%;

	}

}

/*banner end*/



/*company start*/

.title{text-align: center;margin-bottom: 2%}

.title b{font-size: 34px;color: #EFA42F}

.title p{text-align: center;}

.company{padding: 3% 0;}

.company .com_l ul li{margin-bottom: 10%}

.company .com_l ul li:nth-child(3) {margin-bottom: 0px;}

.company .com_l i{display: inline-block;width: 110px;height: 110px;border:2px solid #EFA42F;border-radius: 110px;text-align: center;line-height: 110px;font-size: 65px;color: #EFA42F}

.company .com_l i.i1{line-height: 100px;font-size: 70px}

.company .com_l i.i2{line-height: 100px;}

.company .com_l i.i3{line-height: 115px;}

.company .com_l span{display: inline-block;width: 340px;float: right;}

.company .com_l span b{font-size: 20px;line-height: 270%}

.company .com_r img{width: 100%;padding-bottom: 2%}

.company .com_r p{text-indent: 2em;line-height: 180%}

.company .com_r a{display:inline-block;line-height: 180%;color: #EFA42F;border-bottom: 1px solid #EFA42F;margin-top: 2%}



/*company end*/



/*prolist start*/

.scrollbg{width: 100%; height:150%;background-image: url("../images/ptolist_bg.jpg"); background-attachment: fixed; background-position: 50% 0%; background-repeat: no-repeat;position: absolute;z-index: -1; overflow: hidden;}

.prolist ul li{float: left;width:50%; text-align: center;font-size: 17px;color: #fff;background: rgba(232,149,36,0.85);display: flex; align-items: center;}

.prolist ul li span{ display:block; width:50%; float:left;}

.prolist ul li .span a{display: block;color: #fff;padding: 50px 20px}

.prolist ul li .span i{display:block;width: 82px;height:82px;border:2px solid #fff;border-radius: 82px;line-height: 82px;text-align: center;color: #fff;font-size: 35px;margin: 0 auto 20px;}

.prolist ul li .span em{display: block;width: 25px;height: 25px;text-align: center;line-height: 25px;border:1px solid #fff;color: #fff;margin: 20px auto 0px}

.prolist ul li:hover {background: rgba(68,68,68,0.85);}

.prolist ul li.on{background: rgba(68,68,68,0.85);}

.prolist ul li .spann{}

.prolist ul li .spann a{display: block;color: #fff; padding:5px 0; text-align:left;}

.prolist ul li .spann a:hover{ color:#e89524;}

/*prolist start*/



/*product start*/

.probg{background: url(../images/combg.jpg) no-repeat center top;}

.product{padding: 3% 0 2%}

.pro_con li .img{width: 100%;overflow: hidden;}

.pro_con li img{ width: 100%; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}

.pro_con li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}

.pro_con p{display: block;height: 40px;line-height: 40px;padding: 0 15px;font-size: 15px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pro_con li:hover p{background:#EFA42F !important;color: #fff}

/*product end*/



/*case start*/

.case{padding: 3% 0;background: url(../images/casebg.png) no-repeat center top;background-size: cover;}

.case .title b,.case .title p{color: #fff;}

.tempWrap{margin: 0 auto}

.teaScroll-pc{ width:100%;  overflow:hidden; position:relative; }

.teaScroll-pc .bd ul{overflow:hidden; zoom:1;}

.teaScroll-pc .bd ul li{ width:260px;float:left; _display:inline; overflow:hidden; text-align:center;margin:0 16px;}

.teaScroll-pc .bd ul li .pic{ text-align:center;margin: 0 auto;border:1px solid #fff;height: 190px;width: 250px;overflow: hidden;}



.teaScroll-pc .bd ul li .pic img{width:250px; height:190;padding:4px;display:block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}

.teaScroll-pc .bd ul li .pic img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}



.teaScroll-pc .bd ul li .zi{line-height:24px;text-align: center;}

.teaScroll-pc .bd ul li .zi b{font-size: 16px;line-height: 200%}

.teaScroll-pc .bd ul li .zi p{text-indent: 2em;}

.teaScroll-pc .bd ul li .zi a{color: #fff;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.teaScroll-pc .hd{overflow:hidden;height:40px;padding:0 10px;width: 120px;margin: 20px auto 0;}

.teaScroll-pc .hd .prev,.teaScroll-pc .hd .next{display:block;width:40px;height:40px; float:right; margin-right:5px; overflow:hidden;cursor:pointer; background:url("../images/arrow_r.png") no-repeat;}

.teaScroll-pc .hd .next{background:url("../images/arrow_l.png")}

.teaScroll-pc .hd .prevStop{background-position:-60px 0;}

.teaScroll-pc .hd .nextStop{background-position:-60px -50px;}



/*case end*/



/*new start*/

.new{padding: 2% 0;background:url(../images/newbg.jpg) no-repeat center bottom #efefef}

.new .tab{margin: 0px 10px 20px;background: url(../images/dot.jpg) repeat-x center;position: relative;text-align: center;}

.new .tab a{display: inline-block;width: 150px;height: 40px;background: #fff;border: 2px solid #dfdfdf;border-radius: 20px;text-align: center;line-height: 38px;margin:0 20px;font-size: 1.1em;cursor: pointer;}

.new .tab a.cur{background: #EFA42F;color: #fff}

.new .con{display: none;}

.new .con img{padding-right: 20px;}

.new .con .contant{padding-right: 20px;}

.new .con .contant b{font-size: 16px;display: block;padding: 5px 0;transition: all 0.2s ease-in;}

.new .con .contant p{font-size: 15px;color: #999;text-indent: 2em;transition: all 0.2s ease-in;}

.new .con a.more{display: block;width: 120px;height: 32px;background: #EFA42F;text-align: center;line-height: 32px;color: #fff;margin-top: 10px;}

.new .con .newRight{padding-left: 20px;}

.new .con .newRight li{height: 90px;width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dfdfdf}

.new .con .newRight .time{display: inline-block;width: 15%;height: 90px;float: left;text-align: center;}

.new .con .newRight .time b{font-size: 35px;display: block;transition: all 0.2s ease-in;}

.new .con .newRight .time p{font-size: 16px;text-align: center;transition: all 0.2s ease-in;}

.new .con .newRight .newcon{display: inline-block;float: right;width:82% }

.new .con .newRight .newcon b{font-size: 16px;display: block;padding: 5px 0;transition: all 0.2s ease-in;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.new .con .newRight .newcon p{font-size: 15px;color: #999;text-indent: 2em;transition: all 0.2s ease-in;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.new .on{display: block;}

.new .con .newRight li:hover b{color: #EFA42F}

.new .con .newRight li:hover p{color: #666}

.new .con .newRight li:hover .time p{color: #EFA42F}

.new .con a.more:hover {background: #444}



/*footer start*/

.footer{background: url(../images/footbg.jpg) no-repeat center bottom;}

.footer .foot_body{padding: 2% 0;text-align: center;}

.footer .foot_logo {display: inline-block;vertical-align: middle;}



.footer .foot_body ul{display: inline-block;vertical-align: middle;text-align: left;}

.footer .foot_body ul li{color: #efefef;font-size: 15px;line-height: 45px;}

.footer .foot_body ul li span{padding: 0 15px}

.footer .foot_body i{display:inline-block;font-size: 20px;text-align: center}

.footer .foot_bot {text-align: center;border-top: 1px solid #aaa;line-height: 25px;padding: 1% 0}

.footer .foot_bot span{padding: 0 15px;color: #ddd;font-size: 14px}

.footer .foot_bot span a{color: #ddd}



@media (min-width: 993px) {

	.pcnone{display: none;}



	/*header start*/

	.header{position: fixed;z-index: 999;width: 100%;background: rgba(0,0,0,0.3);}

	nav{width: 72%}

	.flexnav {overflow: visible;}

    .flexnav.one-page {top: 0;right: auto;max-width: 1080px;}

    .flexnav li {position: relative;list-style: none;float: left;display: block;width: 12%;overflow: visible;z-index: 999999;border:none;}

    .flexnav li > a{line-height: 90px;color: #fff}

    .flexnav li > ul {position: absolute;top: auto;left: 0;display: block;}

    .flexnav li > ul li {width: 100%;height: 50px;line-height: 50px}

    .flexnav li ul li a {border-bottom: none;line-height: 50px;font-size: 15px;color: #666}

    .flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 99;}

    .flexnav li ul.open li {overflow: visible; max-height: 100px;}

    .flexnav li ul.open ul.open {margin-left: 100%;top: 0;}

    .flexnav li .touch-button{display: none;}

	.menu-button {display: none;}

	.flexnav li:hover > a{background: url(../images/navlihover.jpg) repeat-x center;color: #fff}

	.flexnav li ul li:hover a{background: #EFA42F;color: #fff}

	.flexnav dt{font-size: 100%;position: relative;overflow: hidden; float:right;color: #fff;line-height: 90px;}

.flexnav dt a {color: #fff;line-height: 50px;text-align: center;font-size: 16px; padding:0 2px;}

.flexnav dt a:hover{ color:#EFA42F;}

	/*company start*/

	.company .com_l li{transform: transition: all 0.2s ease-in;}

	.company .com_l li:hover {background: #EFA42F;box-shadow: 0 0 10px 0 #dfdfdf;}

	.company .com_l li i{transition: all 0.5s linear 0s;}

	.company .com_l li:hover i{color: #fff;border-color: #fff;transform:rotate(360deg)}

	.company .com_l li:hover b{color: #fff}

	.company .com_l li:hover p{color: #fff}

	.company .com_r{padding-left:60px}



}





.prolist ul li:nth-child(1),
	.prolist ul li:nth-child(3) {
		width: calc(40% - 1px);
	}
	.prolist ul li:nth-child(2){
		width: 20%;
	}
	.prolist ul li:nth-child(1),
	.prolist ul li:nth-child(2) {
		border-right: 1px solid rgba(255,255,255,0.3);
	}
	.prolist ul li:nth-child(2) .span{
		width: 100%;
	}
	.prolist ul li:nth-child(2) .spann{
		display: none;
	}