@charset "utf-8";

/* CSS Document */

*{

	 margin:0 auto; 

	 padding:0px; 

	 color: #3E3E3E; 

	 font-size: 12px;

	 font-family: "PingFang","Microsoft YaHei","微软雅黑";

	 font-style: normal;

}



img {

	display: block;

	border:0;

	margin:0; 

	padding:0;

}

ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{

	list-style:none;

	margin:0;

	padding:0;

	text-decoration: none;

}

a{

	text-decoration: none;

}

a:hover{

	color: #FC0000;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.wrap{

	width: 1200px;

	margin: 0 auto;

}

.head{

	border-bottom: solid 2px #CDCDCD;

}

.head .wrap{

	height: 110px;

}

.head h1{

	float: left;

	margin-top: 25px;

}

.head h1 img{

	height: 60px;

}

.head-r{

	float: right;

}

.head-r1{

	position: relative;

	text-align: right;

	padding: 10px 0;

}

.head-r1-a{

	position: absolute;

	right: 230px;

	top: 17px;

	height: 30px;

}

.head-r1 a{

	display: inline-block;

	text-indent: 28px;

	line-height: 16px;

	margin-right: 5px;

	padding-right: 8px;

	border-right: solid 1px #6F706C;

}

.head-r1 a:nth-child(1){

	background: url(../img/ch.jpg) left center no-repeat;

}

.head-r1 a:nth-child(2){

	background: url(../img/us.jpg) left center no-repeat;

}

.head-r1 a:nth-child(3){

	background: url(../img/rs.jpg) left center no-repeat;

	border: none;

}

.head-r1 .search{

	display: inline-block;

	background: #008738;

	border-radius: 6px;

	padding: 3px 3px;

	overflow: hidden;

}

.head-r1 .search input{

	float: left;

}

.head-r1 .search .input1{

	border: none;

	line-height: 24px;

	border-radius: 6px 0 0 6px;

	width: 180px;

	text-indent: 10px;

}

.head-r1 .search .input2{

	background: url(../img/icon1.png) center center no-repeat;

	border: none;

	width: 30px;

	height: 24px;

	cursor: pointer;

}

.head-r2{

	padding-top: 15px;

}

.head-r2 li{

	display: inline-block;

	height: 30px;

	padding-bottom: 12px;

	position: relative;

}

.head-r2 li a{

	display: block;

	width: 110px;

	color: #5a5a5a;

	font-size: 16px;

	line-height: 30px;

	text-align: center;

}

.head-r2 li:hover{

	/*color: #008738;*/

	background: #008738;

}

.head-r2 li:hover a{

	color: #fff;

}

.head-r2 li:hover .nav-secondary li a{

	color: #5a5a5a;

}

.nav-secondary{

	display: none;

	z-index: 15;

	position: absolute;

	left: 0;

	top: 42px;

	background: #FFFFFF;

}

.nav-secondary li{

	height: 35px;

	padding-bottom: 0;

}

.nav-secondary li a{

	line-height: 35px;

	font-size: 14px;

}

.head-r2 li .nav-secondary li:hover a{

	color: #FFFFFF;

	background: #008738;

}

.nav-secondary .nav-th{

	position: absolute;

	left: 100%;

	top: 0;

	background: #FFFFFF;

}

.nav-secondary .nav-th a{

	font-size: 12px;

}

.head-r2 li .nav-secondary .nav-th a:hover{

	background: #fff;

	color: #008738;

}

#banner{

	position: relative;

	width: 1200px;

	height: 380px;

	overflow: hidden;

}

#banner ul{

	position: relative;

	top: 0;

	height: 100%;

	overflow: hidden;

}

#banner .banner_li{

	float: left;

	height: 100%;

	background-position: center top;

	background-repeat: no-repeat;

}

.banner_nav{

	position: absolute;

	left: 0;

	bottom: 5%;

	width: 100%;

	text-align: center;

}

.banner_nav span{

	display: inline-block; 

	margin: 0 10px; 

	width: 25px; 

	height:25px;

	border: solid 2px #cdcdcd;

	text-align: center;

	line-height: 25px;

	font-size: 14px;

	cursor: pointer; 

	color: #FFFFFF;

	background: #cdcdcd;

	border-radius: 50%;

}

.banner_nav .on{

	background: url(../img/icon1.png) no-repeat;

	background: #FFFFFF;

	color: #999999;

}

.banner_btn{

	display: none;

	width: 50px;

	height: 50px;

	background: #666;

	opacity: .5;

	position: absolute;

	top: 40%;

	color: #fff;

	font-size: 40px;

	text-align: center;

	line-height: 45px;

	z-index: 2;

	cursor: pointer;

}

.banner_prev{

	left: 0;

}

.banner_next{

	right: 0;

}

.i-cont{

	margin: 20px auto;

}

.i-a{

	overflow: hidden;

	margin-bottom: 30px;

}

.i-a1{

	width: 680px;

}

.i-a2{

	width: 425px;

}

.i-a1-a{

	border-bottom: solid 1px #D6D8D3;

	overflow: hidden;

	margin-bottom: 20px;

}

.i-a1-a h2{

	font-size: 22px;

	color: #008738;

	letter-spacing: 2px;

	border-bottom: solid 2px #008738;

	padding-right: 15px;

	padding-bottom: 2px;
	max-width: 45%;
	overflow: hidden;
	height: 30px;

}

.i-a1-a i{

	color: #F2AA64;

	font-size: 22px;

	font-weight: normal;

}

.i-a1-a span{

	color: #A9A9A9;

	font-size: 22px;

	font-weight: normal;

	letter-spacing: normal;

}

.i-a1-a a{

	color: #858684;

	margin-top: 15px;

}

.i-a1-a a:hover{

	color: #FC0000;

}

.i-a1-b{

	overflow: hidden;

}

.i-a1-b1{

	width: 310px;

	height: 170px;

}

.i-a1-b2{

	width: 350px;

	line-height: 25px;

}

.i-a2-a li{

	overflow: hidden;

	margin-bottom: 10px;

}

.i-a2-a li img{

	float: left;

	width: 90px;

	height: 60px;

	margin-right: 10px;

}

.i-a2-a li dl{

	float: right;

	width: 320px;

}

.i-a2-a li dt{

	width: 100%;

	height: 30px;

	overflow: hidden;

}

.i-a2-a li dt a{

	line-height: 30px;

	font-size: 14px;

}

.i-a2-a li dd{

	line-height: 30px;

}

.i-b{

	overflow: hidden;

}

.i-b1{

	width: 680px;

}

.i-b2{

	width: 425px;

}

.i-b1-b{

	width: 100%;

	overflow: hidden;

}

.i-b1-b ul{

	width: 780px;

}

.i-b1-b li{

	float: left;

	width: 160px;

	height: 140px;

	margin-right: 100px;

	margin-bottom: 40px;

}

.i-b1-b li h3{

	background: #008738;

	color: #FFFFFF;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

	border-radius: 10px;

	margin-bottom: 10px;

}

.i-b1-b li a{

	display: block;

	background: url(../img/icon2.jpg) 5px center no-repeat;

	text-indent: 20px;

	line-height: 30px;

	font-size: 14px;

	height: 30px;

	width: 160px;

	overflow: hidden;

}

.i-b2-a ul{

	margin-bottom: 20px;

}

.i-b2-a li{

	overflow: hidden;

}

.i-b2-a li a{

	display: block;

	float: left;

	background: url(../img/icon2.jpg) left center no-repeat;

	text-indent: 20px;

	line-height: 30px;

	font-size: 14px;

	width: 280px;

	height: 30px;

	overflow: hidden;

}

.i-b2-a li span{

	display: block;

	float: right;

	line-height: 30px;

}

.link{

	padding-bottom: 20px;

}

.link-a ul{

	overflow: hidden;

}

.link-a li{

	float: left;

	width: 220px;

	margin: 5px 10px;

}

.link-a li img{

	width: 100%;

	height: 40px;

}

#pic-scroll{

	position: relative;

	width: 1200px;

	text-align: center;

	margin: 0 auto;

}

#pic-scroll .prve,#pic-scroll .next{

	position: absolute;

	top: 0;

	width: 50px;

	height: 100%;

	line-height: 240px;

	text-align: center;

	cursor: pointer;

	color: #fff;

	font-size: 30px;

	background: #ccc;

}

#pic-scroll .prve{

	left: 0;

}

#pic-scroll .next{

	right: 0;

}

#pic-scroll .scroll-box{

	*position: relative;

	*left: 0px;

	*top: 0;

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}

#pic-scroll .scroll-box ul{

	float: left;

	overflow: hidden;

}

#pic-scroll .scroll{

	position: relative;

	left: 0;

	top: 0;

	width: 10000px;

	overflow: hidden;

}

#pic-scroll ul li{

	float: left;

	width: 230px;

	margin: 0 5px;

}

#pic-scroll ul li img{

	width: 100%;

	height: 40px;

}

.footer{

	border-top: solid 4px #008738;

	background: #9A9A9A;

	padding: 15px 0;

}

.footer .wrap{

	background: url(../img/logo.png) left center no-repeat;

}

.ft-a{

	text-align: center;

	margin-bottom: 5px;

}

.ft-a li{

	display: inline-block;

}

.ft-a a{

	display: inline-block;

	color: #FFFFFF;

	padding: 0 10px;

	line-height: 12px;

}

.ft-a a:last-child{

	border: none;

}

.ft-a a:hover{

	color: #FC0000;

}

.ft-b{

	text-align: center;

	color: #FFFFFF;

	line-height: 25px;

	font-size: 14px;

}

.page-box{

	overflow: hidden;

	margin: 30px auto;

}

.pb-a{

	width: 160px;

}

.pb-a h2{

	line-height: 60px;

	color: #FFFFFF;

	font-size: 16px;

	background: #008738;

	text-indent: 20px;

}

.pb-b{

	width: 1000px;

}

.pb-a1{

	border: solid 1px #D2D2D2;

	width: 158px;

	margin: 5px auto;

}

.pb-a1 a{

	display: block;

	text-align: center;

	font-size: 14px;

	line-height: 40px;

}

.pb-a1 a:hover{

	background: #155EA0;

	color: #FFFFFF;

}

.position{
	max-width: 40%;
	text-align: right;
	height: 30px;
	overflow: hidden;

	line-height: 30px;

	color: #767676;

}

.content{

	line-height: 2em;

	font-size: 14px;

	margin-bottom: 20px;

}

.content *{

	line-height: 2em;

	font-size: 14px;

}
.content p img{
    text-align: center;
    margin: auto;
}
.news-ul li{

	overflow: hidden;

	border-bottom: dashed 1px #C9C9C9;

}

.news-ul li a{

	display: block;

	float: left;

	line-height: 40px;

}

.news-ul li span{

	display: block;

	float: right;

	line-height: 40px;

}

.pagination{

	text-align: center;

}

.pagination li{

	display: inline-block;

	border: solid 1px #CDCDCD;

	line-height: 30px;

	padding: 0 10px;

	margin: 0 5px;

}

.pagination .active{

	background: #0480BE;

	color: #FFFFFF;

}

.pagination .active span{

	color: #FFFFFF;

}

#table{

	border: solid 1px #ccc;

text-align: center;

border-bottom: 0;

border-left: 0;

}

#table th{

	line-height: 30px;

	border-left: solid 1px #ccc;

	border-bottom: solid 1px #CCCCCC;

}

#table td{

	text-align: center;

	line-height: 30px;

	border-left: solid 1px #ccc;

	border-bottom: solid 1px #CCCCCC;

}

.list-product{

	margin-bottom: 20px;

}

.nextpage{

	overflow: hidden;

	border-top: solid 1px #D6D8D3;

	padding-top: 20px;

}

.nextpage a{

	display: block;

	padding: 0 10px;

	background: #EAB75F;

	color: #fff;

	line-height: 35px;

	border-radius: 5px;

}

.main-title h3{

	font-size: 16px;

	margin-bottom: 20px;

}

.main-title p{

	line-height: 25px;

	font-size: 14px;

}

.i-b2-a1{

	line-height: 30px;

	font-size: 14px;

}

.qqline{

	position: fixed;

	right: 5px;

	top: 40%;

	background: snow;

	padding: 0 5px;

	border: solid 1px #CCCCCC;

	z-index: 99999;

}

.qqline h3{

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	letter-spacing: 2px;

}

.qqline a{

	display: block;

	margin: 10px auto;

}

.container{
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}


.clearfix:after{clear:both;content:""; display:block; visibility:hidden; height:0;overflow: hidden;}	

.h-zw{
	height: 170px;
}
.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 170px;
	background-color: #fff;
	box-shadow: 0 0 10px #ddd;
}
.header .container{
	overflow: inherit;
}
.header .h-logo img{
	width: 300px;
	vertical-align: top;
	margin-top: 27px;
}
.header .fr{
	min-width: 60%;
}
.header .h-top{
	text-align: right;
	margin-top: 18px;
}
.header .h-top .language{
	display: inline-block;
	vertical-align: top;
	line-height: 36px;
}
.header .h-top .language a{
	display: inline-block;
  font-size: 14px;
  color: #666;
  margin-right: 10px;
}
.header .h-top .language a:last-child{
	margin-right: 0;
}
.header .h-top .language a:hover,.header .h-top .language a.on{
	font-weight: 700;
  color: #005197;
}
.header .h-top .fg{
	display: inline-block;
	vertical-align: top;
	width: 36px;
	height: 12px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 12px 12px;
}
.header .h-top .search{
	display: inline-block;
	vertical-align: top;
	/*width: 26px;*/
	height: 36px;
	position: relative;
	
	width: 340px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 18px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
}
.header .h-top .search:hover{
	width: 340px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 18px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
}
.header .h-top .search .search-type{
	display: inline-block;
	vertical-align: top;
	height: 34px;
	opacity: 0;
}
.header .h-top .search:hover .search-type{
	opacity: 1;
}
.header .h-top .search .search-type a{
	display: inline-block;
	float: left;
	line-height: 34px;
	font-size: 12px;
	color: #999;
}
.header .h-top .search .search-type span{
	float: left;
	margin: 0 5px;
	line-height: 34px;
}
.header .h-top .search .search-type a.on{
	color: #005197;
}
.header .h-top .search input{
	float: right;
  width: 100%;
  background: #fff;
  height: 34px;
  line-height: 34px;
  border: none;
  font-size: 12px;
  color: #999;
  padding: 0 36px 0 10px;
  border-radius: 20px;
  box-sizing: border-box;
  margin: 0 auto;
  display: none;
}
.header .h-top .search:hover input{
	display: block;
}
.header .h-top .search .icon{
	position: absolute;
  right: 10px;
  top: 0;
  z-index: 10;
  display: inline-block;
  width: 14px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../new/img/search.png) no-repeat center center;
  background-size: 14px;
	border: 0;
}
.header .nav{
	margin-top: 30px;
}
.header .nav>ul>li{
	float: left;
	width: 120px;
	text-align: center;
	position: relative;
}
.header .nav>ul>li>a{
	display: block;
	width: 100%;
	padding: 15px 0;
	line-height: 20px;
	font-size: 16px;
	color: #333;
}
.header .nav>ul>li>a>span{
	display: block;
	font-size: 12px;
	color: #666;
}
.header .nav>ul>li>a:after{
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 5;
	content: '';
	display: inline-block;
	width: 0;
	height: 2px;
	background-color: #0DBF8C;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: all .3s;
	-webkit-transition: all .3s;
}
.header .nav>ul>li>a:hover:after{
	width: 70%;
}
.header .nav>ul>li>a:hover, .header .nav>ul>li>a:hover span, .header .nav>ul>li.active>a, .header .nav>ul>li.active>a span{
	color: #0DBF8C;
}
.header .nav>ul>li>ul{
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 3;
	width: 100%;
	background: rgba(13,191,140,0.7);
	padding: 10px 0px;
	display: none;
}
.header .nav>ul>li>ul>li>a{
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	padding: 6px 20px;
}
.header .nav>ul>li>ul>li>a:hover{
	background-color: #0dbf8c;
}

.footer{
	padding: 30px 0;
	background-color: #056f05;
}
.footer .f-xx{
	line-height: 20px;
	color: #fafafa;
	font-size: 12px;
}
.footer .f-xx div{
	color: #fafafa;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer .f-ewm{
	width: auto;
}
.footer .f-ewm ul li{
	float: left;
	width: 100px;
	text-align: center;
	margin-left: 20px;
}
.footer .f-ewm ul li img{
	display: block;
	width: 100%;
}
.footer .f-ewm ul li p{
	line-height: 28px;
	color: #fdfbfb;
	font-size: 12px;
}
.footer .container{
	overflow: initial;
}
.footer .f-icon{
	width: 224px;
	padding-top: 78px;
}
.footer .f-icon ul li{
	float: left;
	width: 46px;
	text-align: center;
	margin: 0 5px;
	cursor: pointer;
	position: relative;
}
.footer .f-icon ul li img{
	display: block;
	width: 100%;
}
.footer .f-icon ul li div{
	opacity: 0;
	position: absolute;
	top: -55px;
	left: 0;
	z-index: 3;
	width: auto;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	border-radius: 10px;
	font-size: 16px;
	white-space: nowrap;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.footer .f-icon ul li:hover div{
	opacity: 1;
}
.footer .f-bottom{
	color: #fafdfc;
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}
.footer .f-bottom a{
	color: #fff;
	margin-right: 15px;
}
.footer .f-bottom a:hover{
	color: #32FB0A;
	text-decoration: underline;
}
.footer .f-bottom div{
	color: #fafdfc;
}
.footer .f-bottom div a{
	margin-right: 0;
}

#com_323 {
	position: fixed!important;
	top: 250px;
	right: 0px;
	width: auto!important;
	z-index: 9999!important;
	overflow: hidden;
}

#com_323 .ui-resizable-handle {
	display: none!important;
}

#com_323 {
	left: 0px;
	right: auto;
}

#com_323 button[rel=styleHandler] {
	display: none;
}

#com_323 .skin_model_view,
#com_323 .skin_model_view a,
#com_323.box_serviceOnline .qqStyleTitle {
	color: #494949
}

#com_323 .serviceFloat_c {
	border-color: #1c5fc4
}

#com_323 .serviceFloat_title,
#com_323 .serviceFloat_tip {
	background: #1c5fc4;
}

#com_323 .serviceFloat.open {
	width: 220px;
}

#com_323 .serviceFloat .serviceFloat_c {
	width: calc(220px - 40px);
}		
.box_serviceOnline .qqStyle, .box_serviceOnline .workTime, .box_serviceOnline .conact{padding-bottom:10px; margin-bottom:10px; clear:both; overflow:hidden;}
.box_serviceOnline .qqStyle a, .box_serviceOnline .workTime p, .box_serviceOnline .conact p{display:block; padding-right:20px; line-height:20px; margin:8px 0;}
.box_serviceOnline .qqStyle a{line-height:30px;}
.box_serviceOnline .qqStyle a span{display:inline-block; vertical-align:middle; width:20px; height:20px; margin:5px 5px 0 0; background:url(../new/img/service.png) no-repeat; background-position:-1px -106px;}
.box_serviceOnline .qqStyle a span.s{background-position:-1px -70px;}
.box_serviceOnline .qqStyle a span.q{background-position:-1px -36px;}
.box_serviceOnline .qqStyle a span.whatsapp{background-position:-2px -169px; margin: 0px 5px 0 0}
.box_serviceOnline .qqStyle_display a, .box_serviceOnline .qqStyle_display p{display:block; clear:both;}
.box_serviceOnline .qqStyle_inline a, .box_serviceOnline .qqStyle_inline p{float:left; display:inline-block;}
.box_serviceOnline .qqStyleTitle{font-size:16px; color:#333; font-weight:bold; line-height:20px;}
.box_serviceOnline .serviceFloat{position:relative; width:40px; overflow:hidden; transition:width 0.2s; -moz-transition:width .2s; /* Firefox 4 */ -webkit-transition:width .2s; /* Safari and Chrome */ -o-transition:width .2s; /* Opera */}
.box_serviceOnline .serviceFloat.open{width:235px;}
.box_serviceOnline .serviceFloat_tip{position:absolute; left:0px; top:35px; z-index:9; background:#2094f1; width:40px; height:180px; border-radius:5px 0 0 5px;}
.box_serviceOnline .serviceFloat_tip span{display:inline-block; vertical-align:middle; width:28px; height:28px; margin:14px 0 8px 9px; background:url(../new/img/service.png) no-repeat; background-position:0px 2px;}
.box_serviceOnline .serviceFloat_tip i{display:inline-block; vertical-align:middle; width:20px; height:20px; margin:9px 0 0px 10px; background:url(../new/img/service.png) no-repeat; background-position:0px -137px;}
.box_serviceOnline .serviceFloat.open .serviceFloat_tip i{background-position:1px -159px;}
.box_serviceOnline .serviceFloat_tip p{font-size:16px; color:#fff; width:15px; margin:0px auto; line-height:22px;}
.box_serviceOnline .serviceOnline_chat{display:block; height:88px; width:30px !important; margin:0 auto; background:url(../new/img/chat.png) no-repeat;}
.box_serviceOnline .serviceFloat_tip p.service_en{text-align:center; padding-left:3px; line-height:17px; white-space:normal; word-break:break-all; text-transform:uppercase;}
.box_serviceOnline .serviceFloat_c{opacity:0; float:right; width:195px; min-height:240px; background:#fff; border:1px solid #2094f1;}
.box_serviceOnline .serviceFloat_title{height:35px; background:#2094f1; line-height:35px; text-align:center; font-size:16px; color:#fff;}
.box_serviceOnline .serviceFloat .skin_model_view{padding:15px 0 0 15px;}
.box_serviceOnline .serviceFloat_left .serviceFloat_tip{right:0px; left:auto; border-radius:0px 5px 5px 0px;}
.box_serviceOnline .serviceFloat_left .serviceFloat_c{float:left;}
.box_serviceOnline .serviceFloat_left .serviceFloat_tip i{background-position:1px -159px;}
.box_serviceOnline .serviceFloat.open.serviceFloat_left .serviceFloat_tip i{background-position:0px -137px;}
.box_serviceOnline .serviceFloat_nohide.serviceFloat{width:auto;}
.box_serviceOnline .serviceFloat_nohide .serviceFloat_c{opacity:1;}
.box_serviceOnline .serviceFloat_nohide .serviceFloat_tip{display:none;}
.box_serviceOnline > .view{overflow:inherit;}


.banner{
	width: 100%;
}
.banner .swiper-slide{
	width: 100%;
	height: 680px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner .swiper-pagination-bullet{
	opacity: 1;
	background: #fff;
	width: 12px;
	height: 12px;
}
.banner .swiper-pagination-bullet-active{
	background: #1c5fc4;
}