@charset "utf-8";
/* CSS Document */

.container-fluid{ width:100%; padding:0;}
.container {width: 100%; padding:0 10px;}
@media (min-width:768px){
    .container {width: 100%; padding:0 10%;}
}
@media (min-width:992px){
    .container {width: 992px; padding:0 15px;}
}
@media (min-width:1200px){
    .container {width: 1200px; padding:0 15px;}
}

{ float:left; width:100%; overflow:hidden;}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}


/*头*/
.top{ background:white; height:95px; position:fixed; left:0; top:0; z-index:9; background:white; background:rgba(255,255,255,0.8);}
.top.on{background:rgba(255,255,255,1);box-shadow:0 3px 5px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; }
.top .logo{ float:left; height:95px; line-height:95px; width:190px;}
.top .logo a{ display:inline-block; line-height:0; vertical-align:middle; margin-top:-3px;}
.top .logo img {max-width:190px;_width:expression(this.width > 190 ? "190px" : this.width);}
.top .topRight{ float:right; margin-left:46px;}
.top .topRight .lang{ float:left; font-size:16px; color:#333; line-height:95px; text-transform:uppercase;}
.top .topRight .lang a{ color:#333; margin-right:16px;}
.top .topRight .lang a.hover{ color:#8ec31f; font-weight:bold;}
.top .topRight .so_box{ float:right; position:relative; z-index:99; height:95px; width:55px;}
.top .topRight .so_box:before{ content:''; width:1px; height:16px; background:#d4d4d4; position:absolute; left:0; top:50%; margin-top:-8px;}
.top .topRight .so_but{float:left; width:100%; height:95px; z-index:99; background:url(_im_g/top1.png) no-repeat center center; cursor:pointer; background-size:15px 15px;}
.top .topRight .so{ position:absolute; right:0; top:100%; display:none; width:313px; height:44px; border:solid 1px #8ec31f; padding-right:54px; background:white; z-index:9;}
.top .topRight .so .Search{ float:left; width:166px; height:42px; background:none; border:none; line-height:22px; padding:10px; color:#333; font-size:14px;}
.so .sear_sub{ width:53px; height:42px; border:none;background:url(_im_g/top2.png) center no-repeat #8ec31f; background-size:15px 15px; cursor:pointer; position:absolute; right:0; top:0;}
.so .sear_sub input{ width:100%; position:absolute; left:0; top:0; height:100%; cursor:pointer; opacity:0;}
.so .sear_sub:before{ content:''; display:block;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #8ec31f; position:absolute; left:50%; top:-7px; margin-left:-8px;}


.so span{display:block; float:left; width:90px; height:42px; background:url(_im_g/img_1_11.png) no-repeat 75px center #f5f5f5; cursor:pointer; position:relative; z-index:9999;}
.so span input{ display:block; position:absolute; left:0; top:0; width:90px; height:42px; z-index:1; opacity:0; filter:alpha(opacity=00);}
.so span div{ float:left; padding:0 20px 0 16px; text-align:center; height:42px; line-height:42px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:100%;}
.so span ul{ display:none; position:absolute; left:-1px; top:42px; background:#f5f5f5; border:1px solid #8ec31f; border-top:0 none; width:91px; height:auto; z-index:9}
.so span ul li{ float:left; width:100%; text-align:center; height:33px; line-height:38px; font-size:12px; color:#4c4c4c;}
.so span ul li:hover{ background:#fff;}


.menu{ z-index:99; float:right;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left; text-align:center; z-index:99; position:relative;}
.menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:95px; line-height:95px; color:#333; text-align:center; font-size:16px; letter-spacing:1px; position:relative; padding:0 30px;}
.menu ul .nli.on span a,.menu ul .nli:hover span a{ color:#8ec31f;}
.menu ul .nli span a:before{ content:''; width:0; height:3px; background:#8ec31f; position:absolute; left:50%; bottom:1px;}
.menu ul .nli.on span a:before{ width:52px; margin-left:-26px;}


/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; float:left;  clear:both; width:120px; left: 50%; margin-left: -60px;top:100% !important; display:none;}
.sub .ul1{ width:100%;}
.sub .l2{ width:100%; float: left; position: relative;}
.sub .l2 .l2_a{ line-height: 50px;  width:100%;  display:block; font-size: 14px;  float:left; color:#8ec31f; letter-spacing:0.5px; background:black; background:rgba(255,255,255,0.8);}
.sub .l2:hover .l2_a { color:#fff; background:#8ec31f;}
.sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none;  margin:0px;  width:100%;  overflow:hidden;background:url(_im_g/bg_8.png);/*  box-shadow:0 3px 16px rgba(0,0,0,0.15);*/}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#fff; background: url(_im_g/bg_3.png);}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


.pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:6; background:rgba(0,0,0,0.8); display:none;}
.pf_menu_bg.on{ display:block;}
.pf_menu{ position:fixed; height:100%; width:300px; overflow-y:auto; right:-100%;background:white; top:0; z-index:7; display:block; padding:55px 0 0 0; float: left;
-webkit-transition: all 0.6s ease-out 0s; 
-moz-transition: all 0.6s ease-out 0s; 
-o-transition: all 0.6s ease-out 0s; 
transition: all 0.6s ease-out 0s;}
.ph_menu{ float:left; width:100%; text-align:center;}
.ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:15px; padding-right:40px; padding-left:90px; position:relative;}
.ph_menu .search .search_k{ float:left; width:100%; height:40px; line-height:20px; padding:10px 10px; color:#8ec31f; font-size:14px; background:white; background:rgba(0,0,0,0.05);
-moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;}
.ph_menu .search .search_b{ position:absolute; right:0; top:0; width:40px; height:40px; border:none;background:url(_im_g/top9.png) center no-repeat #8ec31f; cursor: pointer; background-size:contain;}


.ph_menu .search span{display:block;  float:left; width:90px; height:40px; background:url(_im_g/img_1_11.png) no-repeat 75px center #f5f5f5; cursor:pointer; position:absolute; left:0; top:0; z-index:9999;}
.ph_menu .search span div{ float:left; padding:0 20px 0 16px; height:40px; line-height:40px; font-size:12px; color:#4c4c4c; position:relative; z-index:9; width:100%;}
.ph_menu .search span ul{ display:none; position:absolute; left:0px; top:40px; background:#f5f5f5;width:88px; height:auto;z-index:9}
.ph_menu .search span ul li{ float:left; width:100%; text-align:center; height:33px; line-height:38px; font-size:12px; color:#4c4c4c;}
.ph_menu .search span ul li:hover{ background:#fff;}


.pf_menu.on{ right:0;}
.nav_box{ width:100%; float:left; border-top:solid 1px #f0f0f0;}
.ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;}
.ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#8ec31f; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#8ec31f;}
.ph_menu .nli .l2_ul li a{ line-height:34px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.8;}
.ph_menu .nli .l2_ul li a:active{ opacity:1;}
.ph_menu .nli span i{ position:absolute; right:5%; top:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli span i:before,.ph_menu .nli span i:after{ content:''; width:6px; height:1px; background:#8ec31f; transform:rotate(45deg); transform-origin:right bottom; position:absolute; right:-3px; top:0;}
.ph_menu .nli span i:after{ transform:rotate(-45deg); transform-origin:right top;}
.ph_menu .nli.on span i{ transform:rotate(90deg);}

.ph_menu .lang{ width:100%; float:left; text-align:center; padding:0 5%; margin-top:20px;}
.ph_menu .lang a{ display:inline-block; padding:0 20px; font-size:12px; line-height:24px; color:#8ec31f; letter-spacing:1px; position:relative;}
.ph_menu .lang a:before{ content:''; width:1px; height:10px; background:#e6e6e6; opacity:0.8; position:absolute; left:0; top:50%; margin-top:-5px;}
.ph_menu .lang a:first-child:before{ display:none;}

@media (max-width:1199px){
.menu ul .nli span a{ padding:0 15px;}
.top .topRight{ margin-left:14px;}
}
@media screen and (max-width:991px) {
.top .topRight,.menu{ display: none;}
.top{ height:55px;}
.top.on{ background:white;}
.top .logo{ height:55px; line-height:55px;}
.top .logo img{ height:43px;}
.menuph{ float:right; cursor: pointer;  width: 22px;  height: 22px; text-align: center; display: block;}
.menuph .point {  display: inline-block;  width: 22px;  height: 22px;  margin-top: 16px;  position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 22px;  }
.menuph .navbtn {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #333;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #333;  }
.menuph .navbtn::after { top:-8px; }
.menuph .navbtn::before { top:8px; }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background: #8ec31f;}
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background: #8ec31f;}
.h56{ width:100%; float:left; height:56px;}
}
@media screen and (max-width:767px) {
.ph_menu .nli span i{ width:5px;}	
}	

/*footer*/
.footer{ background:#242021; padding-top:53px; padding-bottom:51px;}
.footer .footerMenu{ width:72.52%; float:left;}
.footer .footerMenu ul{ float:left; width:25%;}
.footer .footerMenu ul .dt{ width:120px; float:left; font-size:16px; color:white; line-height:30px; letter-spacing:1px; padding-bottom:12px; border-bottom:solid 1px white; border-bottom:solid 1px rgba(255,255,255,0.2); position:relative; margin-bottom:15px;}
.footer .footerMenu ul .dt:before{ content:''; width:30px; height:3px; background:#8ec31f; position:absolute; left:0; bottom:-2px;}
.footer .footerMenu ul li{ width:100%; float:left; padding-left:20px; position:relative;}
.footer .footerMenu ul li:before{ content:''; width:4px; height:4px; background:white; opacity:0.2; position:absolute; left:0; top:50%; margin-top:-2px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.footer .footerMenu ul li a{ display:block; width:100%; float:left; font-size:14px; color:white; line-height:36px; opacity:0.5;}
.footer .footerMenu ul li:hover a{ opacity:1;}
.footer .footerAdd{ width:27.48%; float:right;}
.footer .footerAdd .hd{ width:100%; float:left; height:43px; border-bottom:solid 1px white; border-bottom:solid 1px rgba(255,255,255,0.2);}
.footer .footerAdd .hd li{ float:left; height:42px; position:relative; margin-right:30px; font-size:14px; line-height:30px; color:white; opacity:0.6; cursor:pointer;}
.footer .footerAdd .hd li.on{ opacity:1; font-size:16px;}
.footer .footerAdd .hd li.on:before{ content:''; width:100%; height:3px; background:#8ec31f; position:absolute; left:0; bottom:-2px;}
.footer .footerAdd .bd{ width:100%; float:left; margin-top:7px;}
.footer .footerAdd .bd ul{ width:100%; float:left;}
.footer .footerAdd .bd ul li{ width:100%; float:left; margin-top:14px; padding-left:14px; position:relative; font-size:14px; color:white; line-height:24px; opacity:0.5; word-break:break-all;}
.footer .footerAdd .bd ul li:before{ content:''; width:4px; height:4px; background:white; opacity:0.4; position:absolute; left:0; top:50%; margin-top:-2px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.down{ background:#fff; padding-top:20px; padding-bottom:14px;}
.down .bq{ text-align: center;font-size:14px; color:#666; line-height:26px;}
.down .gz{ float:right;}
.down .gz a{ display:inline-block; vertical-align:top; width:26px; height:26px; margin-left:7px; background-color:#d4d4d4; background-size:contain; background-repeat:no-repeat; background-position:center center; position:relative;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.down .gz a .ewm{ width:110px; height:110px; padding:9px; background:white; box-shadow:0 0 10px rgba(0,0,0,0.2); position:absolute; left:50%; bottom:120%; margin-left:-55px; overflow:hidden; display:none; z-index:5;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
@media screen and (min-width:991px) {
.down .gz a:hover .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
}
.down .gz .a1{ background-image:url(_im_g/footer1.png);}
.down .gz .a2{ background-image:url(_im_g/footer2.png);}
.down .gz .a3{ background-image:url(_im_g/footer3.png);}
.down .gz .a1:hover{ background-image:url(_im_g/footer1_h.png);}
.down .gz .a2:hover{ background-image:url(_im_g/footer2_h.png);}
.down .gz .a3:hover{ background-image:url(_im_g/footer3_h.png);}
.down .gz a:hover{ background-color:#8ec31f;}
@media screen and (max-width:991px) {
.footer .footerMenu{ display:none;}
.footer .footerAdd{ width:100%;}
.down .bq{ font-size:12px;}
}
@media screen and (max-width:767px) {
.footer{ padding-top:23px; padding-bottom:21px;}
.footer .footerAdd .hd{ height:38px; text-align:center;}
.footer .footerAdd .hd li{ height:37px; float:none; display:inline-block; vertical-align:top; margin:0 10px;}
.footer .footerAdd .bd{ margin-top:2px;}
.footer .footerAdd .bd ul li{ margin-top:8px; padding-left:12px; font-size:12px; line-height:20px;}
.footer .footerAdd .bd ul li:before{ width:2px; height:2px; margin-top:-1px;}
.down{ padding-top:10px; padding-bottom:8px; text-align:center;}
.down .bq{ width:100%; line-height:20px;}
.down .gz{ width:100%; text-align:center; margin-top:20px;}
.down .gz a{ margin:0 4px;}
}

/*首页banner*/
.indexBanner{ position:relative;}
.indexBanner .banner img{ width:100%; float:left;}
.indexBanner .banner_mb{ width:100%; position:absolute; left:0; bottom:0; z-index:2;}
.indexBanner .banner_mb img{ width:100%; float:left;}

.indexBanner:before{ content:''; background:url(_im_g/banner2.png) no-repeat center center; width:60px; height:193px; position:absolute; left:50%; bottom:0; margin-left:-31px; z-index:2;}
.indexBanner .banner_1number{ position:absolute; right:50%; top:40%; margin-right:-700px; height:56px; width:70px; color:white; z-index:5; letter-spacing:1px;}
.indexBanner .banner_1number font{ vertical-align:top; font-size:18px; line-height:30px;font-family: 'OPENSANS-REGULAR';}
.indexBanner .banner_1number font:first-child{ display:inline-block; font-size:60px; line-height:56px; padding-top:5px; margin-right:5px; font-weight:bold;}
.indexBanner .slick-dots
{
    position: absolute;
    bottom:auto;
	right:50%;
	margin-right:-655px;
    top:50%;
    display: block;
    width: 10px;
    padding: 0;
    list-style: none;
    text-align: center;
}
.indexBanner .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px 0 0 0;
    padding: 0;
    cursor: pointer;
	background:white;
	opacity:0.4;
}
.indexBanner .slick-dots li button
{ display:none;}
.indexBanner .slick-dots li.slick-active
{
    opacity:1;
}
@media screen and (max-width: 1400px) {
.indexBanner .banner_1number{ margin-right:-600px;}
.indexBanner .slick-dots{margin-right:-555px;}
}
@media screen and (max-width: 1199px) {
.indexBanner .banner_1number{ margin-right:-500px; top:35%;}
.indexBanner .slick-dots{margin-right:-455px;}

}
@media screen and (max-width: 991px) {
.indexBanner .banner_1number{ margin-right:0; right:20px; top:40%;}
.indexBanner .slick-dots{margin-right:0px; right:65px;}
}
@media screen and (max-width: 767px) {
.indexBanner:before{ display:none;}
.indexBanner .slick-dots{ display:none;}
.indexBanner .banner_1number{ margin-right:0; text-align:center; width:100%; right:0; padding-left:15px; top:auto; bottom:15px; height:30px;}
.indexBanner .banner_1number font{ font-size:12px; line-height:20px;}
.indexBanner .banner_1number font:first-child{ font-size:30px; line-height:24px; padding-top:3px; margin-right:0px;}

}

/*首页产品推荐1*/
.indexHead{ width:100%; float:left; text-align:center;}
.indexHead h3{ width:100%; font-size:40px; color:#322f30; line-height:58px; letter-spacing:2px;}
.indexHead h3 span{ color:#8ec31f;}
.indexHead h5{ width:100%; text-align:center; margin-top:16px;}
.indexHead h5 span{ display:inline-block; vertical-align:top; padding:0 50px 0 65px; line-height:40px; border:solid 1px #ececec; font-size:18px; color:#888; letter-spacing:2px; position:relative;}
.indexHead h5 span:before{ content:''; width:2px; height:21px; background:#8ec31f; position:absolute; left:50%; top:-10px; margin-left:-1px;}
@media screen and (max-width: 991px) {
.indexHead h3{ font-size:34px; line-height:52px; letter-spacing:1px;}
.indexHead h5{ margin-top:10px;}
.indexHead h5 span{ padding:0 30px 0 40px; line-height:34px; font-size:16px; letter-spacing:10px;}
.indexHead h5 span:before{ height:16px; top:-8px;}
}
@media screen and (max-width: 767px) {
.indexHead h3{ font-size:28px; line-height:42px; letter-spacing:0px;}
.indexHead h5{ margin-top:6px;}
.indexHead h5 span{ padding:0 20px 0 26px; line-height:28px; font-size:14px; letter-spacing:6px;}
.indexHead h5 span:before{ height:12px; top:-6px;}
}

.index1{ padding:122px 0 0 0;}
.index1 .index1Body{ width:100%; float:left; margin-top:62px;}
.index1 .index1Body ul,.index1 .index1Body ul li a > img{ width:100%; float:left;}
.index1 .index1Body ul li{ width:100%; float:left; position:relative; background:black; overflow:hidden;}
.index1 .index1Body ul li a > img{ opacity:0.6;
		 transition: all 0.8s linear 0.1s;
	-moz-transition: all 0.8s linear 0.1s;
 -webkit-transition: all 0.8s linear 0.1s;
-o-transition: width all 0.8s linear 0.1s;}
.index1 .index1Body ul li:hover a > img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.index1 .index1Body ul li .text{ width:100%; text-align:center; position:absolute; left:0; top:50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.index1 .index1Body ul li .text h5{ width:100%; font-size:16px; color:white; line-height:24px; text-transform:uppercase; font-weight:bold;	font-family: 'OPENSANS-REGULAR'; letter-spacing:2px;}
.index1 .index1Body ul li .text h4{ width:100%; overflow:hidden;}
.index1 .index1Body ul li .text h4 span{ display:inline-block; vertical-align:top; font-size:24px; color:white; line-height:34px; padding:0 20px; letter-spacing:2px; position:relative;}
.index1 .index1Body ul li .text h4 span:before,.index1 .index1Body ul li .text h4 span:after{ content:''; width:85px; position:absolute; left:-85px; top:50%; height:1px; background:white; opacity:0.4;}
.index1 .index1Body ul li .text h4 span:after{ left:auto; right:-85px;}
.index1 .index1Body ul li .text .detail{ display:inline-block; vertical-align:top; width:96px; height:30px; line-height:28px; font-size:12px; letter-spacing:1px; border:solid 1px white; color:white; margin-top:41px;}
.index1 .index1Body ul li .text .detail img{ vertical-align:middle; margin:-3px 0 0 6px;}
.index1 .index1Body ul li:hover .text{ margin-top:-60px;}
.index1 .index1Body ul li:hover .text .detail{ background:#8ec31f; border-color:#8ec31f;}
@media screen and (max-width: 1366px) {
.index1 .index1Body ul li .text h4 span:before,.index1 .index1Body ul li .text h4 span:after{ width:65px; left:-65px;}
.index1 .index1Body ul li .text h4 span:after{ left:auto; right:-65px;}
}
@media screen and (max-width: 1199px) {
.index1 .index1Body ul li .text h5{ font-size:14px; line-height:22px; letter-spacing:1px;}
.index1 .index1Body ul li .text h4 span:before,.index1 .index1Body ul li .text h4 span:after{ width:45px; left:-45px;}
.index1 .index1Body ul li .text h4 span:after{ left:auto; right:-45px;}
}
@media screen and (max-width: 991px) {
.index1{ padding:62px 0 20px 0;}
.index1 ul{ padding-bottom:30px; position:relative;}
.index1 .index1Body{ margin-top:41px;}
.index1 .index1Body .slick-dots
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	height:10px;
}
.index1 .index1Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    padding: 0;
	vertical-align:top;
	background:#ddd;
    cursor: pointer;
	float:none;
}
.index1 .index1Body .slick-dots li button
{ display:none;}
.index1 .index1Body .slick-dots li.slick-active
{
	background:#8ec31f;
}
.index1 .index1Body ul li .text h4 span{ font-size:18px; line-height:28px; padding:0 15px; letter-spacing:1px;}
.index1 .index1Body ul li .text .detail{ margin-top:20px;}
}
@media screen and (max-width: 767px) {
.index1{ padding:31px 0 20px 0;}
.index1 ul{ padding-bottom:20px; position:relative;}
.index1 .index1Body{ margin-top:20px;}
.index1 .index1Body .slick-dots
{
	height:8px;
}
.index1 .index1Body .slick-dots li
{
    width: 8px;
    height: 8px;
    margin: 0 3px;
}
.index1 .index1Body ul li .text{ padding:0 10px;}
.index1 .index1Body ul li .text h5{ font-size:12px; line-height:20px; letter-spacing:0px;}
.index1 .index1Body ul li .text h4 span{ font-size:16px; line-height:24px; padding:0 10px; letter-spacing:0px;}
.index1 .index1Body ul li .text .detail{ margin-top:10px;}
.index1 .index1Body ul li:hover .text{ margin-top:-30px;}
}

/*首页产品信息*/
.index2{ padding:87px 0 60px 0; background:#f4f4f4;}
.index2 .index2Body{ width:100%; float:left; margin-top:30px; padding-bottom:63px; position:relative;}
.index2 .index2Body ul{ width:100%; float:left;}
.index2 .index2Body ul li{ width:25%; float:left; padding:0 5px; margin-top:10px;}
.index2 .index2Body ul li a{ display:block; width:100%; float:left; position:relative; overflow:hidden; /*height:320px;*/}
.index2 .index2Body ul li a > img{ width:100%; /*height:320px; position:absolute; left:50%; top:0;*/ /*max-width:none;*/ /*margin-left:-240px;*/
		 transition: all 0.8s linear 0.1s;
	-moz-transition: all 0.8s linear 0.1s;
 -webkit-transition: all 0.8s linear 0.1s;
-o-transition: width all 0.8s linear 0.1s;}
.index2 .index2Body ul li a .text{ width:100%; position:absolute; left:0; top:100%; height:100%; background:rgba(142,195,31,0.8);padding:66px 30px 55px 30px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.index2 .index2Body ul li a .text h4{ width:100%; font-size:24px; color:white; line-height:30px; letter-spacing:1px; text-transform:uppercase;}
.index2 .index2Body ul li a .text .title{ width:100%; margin-top:8px; font-size:16px; color:white; line-height:24px; letter-spacing:1px;}
.index2 .index2Body ul li a .text .jj{ width:100%; margin-top:8px; font-size:14px; color:white; line-height:24px; letter-spacing:1px; height:48px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.index2 .index2Body ul li a .text .detail{ width:96px; height:30px; line-height:28px; font-size:12px; letter-spacing:1px; border:solid 1px white; color:white; margin-top:41px; text-align:center;}
.index2 .index2Body ul li a .text .detail img{ vertical-align:middle; margin:-3px 0 0 6px;}
.index2 .index2Body ul li a:hover .text{ top:0;}
.index2 .index2Body ul li a:hover > img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.index2 .index2Body .slick-dots
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	height:16px;
}
.index2 .index2Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 12px;
    padding: 0;
	vertical-align:top;
	background:#c3c3c3;
    cursor: pointer;
	float:none;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.index2 .index2Body .slick-dots li button
{ display:none;}
.index2 .index2Body .slick-dots li.slick-active
{
	background:#8ec31f;
}
@media screen and (min-width: 1920px) {
.index2 .index2Body ul li a > img{ width:100%; height:auto; left:0; top:0; margin-left:0;}
}
@media screen and (max-width: 1199px) {
.index2 .index2Body ul li a{ /*height:200px;*/}
.index2 .index2Body ul li a > img{ /*width:300px; height:200px; margin-left:-150px;*/}
.index2 .index2Body ul li a .text{ padding:16px 20px 25px 20px;}
.index2 .index2Body ul li a .text .detail{ margin-top:20px;}
}
@media screen and (max-width: 991px) {
.index2{ padding:44px 0 30px 0;}
.index2 .index2Body{ margin-top:20px; padding-bottom:32px;}
.index2 .index2Body ul li a .text h4{ font-size:18px; color:white; line-height:24px; letter-spacing:0px;}
.index2 .index2Body ul li a .text .title{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;}
.index2 .index2Body ul li a .text .jj{ margin-top:6px; font-size:12px; line-height:22px; letter-spacing:0px; height:44px;}
.index2 .index2Body ul li a{ /*height:150px;*/}
.index2 .index2Body ul li a > img{ /*width:224px; height:150px; margin-left:-112px;*/}
.index2 .index2Body ul li a .text{ padding:20px 10px 15px 10px;}
.index2 .index2Body ul li a .text .detail{ display:none;}
.index2 .index2Body .slick-dots
{
	height:10px;
}
.index2 .index2Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;}
}
@media screen and (max-width: 767px) {
.index2{ padding:22px 0 15px 0;}
.index2 .index2Body{ margin-top:15px; padding-bottom:21px;}
.index2 .index2Body ul li{ width:50%; padding:0 2px; margin-top:4px;}
.index2 .index2Body ul li a .text h4{ font-size:18px; color:white; line-height:24px; letter-spacing:0px;}
.index2 .index2Body ul li a .text .title{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;}
.index2 .index2Body ul li a .text .jj{ margin-top:6px; font-size:12px; line-height:22px; letter-spacing:0px; height:44px;}
.index2 .index2Body ul li a{ height:auto;}
.index2 .index2Body ul li a > img{ width:100%; height:auto; margin-left:0; position:relative; left:auto; top:auto; float:left;}
.index2 .index2Body ul li a .text{ padding:15px 10px 15px 10px;}
.index2 .index2Body ul li a .text .detail{ display:none;}
.index2 .index2Body .slick-dots
{
	height:8px;
}
.index2 .index2Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;}
}

/*首页新闻推荐*/
.index3{ padding:88px 0 61px 0;}
.index3 ul{ width:100%; float:left; margin-top:40px;}
.index3 ul li{ width:100%; float:left;}
.index3 ul li a{ display:block; float:left; width:100%; padding:0 15px; text-align:center;}
.index3 ul li a .pic{ width:100%; vertical-align:top; overflow:hidden; position:relative; z-index:2;}
.index3 ul li a .pic img{ width:100%; float:left;
		 transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
 -webkit-transition: all 0.5s linear;
-o-transition: width all 0.5s linear;}
.index3 ul li a:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.index3 ul li a .time{ vertical-align:top; width:144px; height:28px; line-height:28px;font-size:16px; background:#8ec31f; color:white; letter-spacing:1px; display:inline-block; margin-top:-14px; position:relative; z-index:3;}
.index3 ul li a .title{ vertical-align:top; width:100%; margin-top:31px; font-size:18px; color:#222; line-height:24px; height:48px; letter-spacing:1px; font-weight:bold; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.index3 ul li a:hover .title{ color:#8ec31f;}
.index3 ul li a:hover .time{ background:black; background:rgba(0,0,0,0.8); }
@media screen and (max-width: 991px) {
.index3{ padding:44px 0 30px 0;}
.index3 ul{ margin-top:20px;}
.index3 ul li a .time{ width:120px; height:24px; line-height:24px;font-size:14px; letter-spacing:0px; margin-top:-12px;}
.index3 ul li a .title{ margin-top:10px; font-size:16px; line-height:22px; height:44px; letter-spacing:0px;}
}
@media screen and (max-width: 767px) {
.index3{ padding:22px 0 15px 0;}
.index3 ul{ margin-top:10px; padding:0 10px 25px 10px; position:relative;}
.index3 ul li a{ padding:0 5px;}
.index3 ul li a .time{ width:100px;font-size:12px;}
.index3 ul li a .title{ margin-top:8px; font-size:14px; line-height:20px; height:38px;}
.index3 ul .slick-dots
{
    position: absolute;
    bottom: 0px;
	left:0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	height:8px;
}
.index3 ul .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;
	vertical-align:top;
	background:#ddd;
    cursor: pointer;
	float:none;
}
.index3 ul .slick-dots li button
{ display:none;}
.index3 ul .slick-dots li.slick-active
{
	background:#8ec31f;
}
}

/*首页关于介绍*/
.index4{ padding:32px 0 40px 0; min-height:440px; text-align:center;}
.index4 .text{ width:100%; float:left; margin-top:28px; font-size:16px; color:#666; line-height:36px; letter-spacing:1px;}
@media screen and (max-width: 991px) {
.index4{ padding:22px 0 20px 0; min-height:340px;}
.index4 .text{ margin-top:20px; font-size:14px; line-height:30px; letter-spacing:0px;}
}
@media screen and (max-width: 767px) {
.index4{ padding:11px 0 10px 0; min-height:300px;}
.index4 .text{ margin-top:10px; font-size:12px; line-height:24px;}
}

/*首页关于介绍*/
.index5{ padding:104px 0 79px 0; min-height:341px; text-align:center;}
.index5 h4{ width:100%; font-size:24px; color:#333; line-height:34px; letter-spacing:2px; text-transform:uppercase; font-family:Arial;}
.index5 h3{ width:100%; margin-top:13px; font-size:36px; color:#1b1b1b; line-height:52px; letter-spacing:4px;}
.index5 h3 a{ color:#8ec31f;}
.index5 h6{ width:100%; margin-top:9px; font-size:14px; color:#aaa; line-height:24px; letter-spacing:2px; text-transform:uppercase; font-family:Arial;}
.index5 .bian{ display:inline-block; vertical-align:top; margin-top:25px; width:100px; height:1px; background:#e0e0e0;}
@media screen and (max-width: 991px) {
.index5{ padding:82px 0 45px 0; min-height:264px;}
.index5 h4{ font-size:18px; line-height:28px; letter-spacing:1px;}
.index5 h3{ margin-top:9px; font-size:30px; line-height:40px; letter-spacing:2px;}
.index5 h6{ margin-top:5px; font-size:12px; line-height:22px; letter-spacing:1px;}
.index5 .bian{ margin-top:20px; width:80px;}
}
@media screen and (max-width: 767px) {
.index5{ padding:82px 0 23px 0; min-height:250px;}
.index5 h4{ font-size:16px; line-height:22px; letter-spacing:0px;}
.index5 h3{ margin-top:5px; font-size:24px; line-height:34px; letter-spacing:1px;}
.index5 h6{ margin-top:5px; line-height:20px; letter-spacing:0px;}
.index5 .bian{ margin-top:15px; width:60px;}
}

@font-face {
	font-family: 'OPENSANS-REGULAR';
	src: url('fonts/OPENSANS-REGULAR.eot');
	src: local('☺'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*banner*/
.banners{ position:relative; background:black; min-height:100px;}
.banners img{ width:100%; float:left; opacity:0.85;}
.banners .bannerDown{ position:absolute; left:0; bottom:0; z-index:3; width:100%;}
.banners .bannerDown .headline{ float:left; font-size:48px; color:white; line-height:86px; letter-spacing:1px;}
.banners .bannerDown .pz_SideLayer{ float:right; margin-top:26px;}
.banners .bannerDown .pz_SideLayer li{ float:left; margin-left:1px;}
.banners .bannerDown .pz_SideLayer li a{ display:block; width:158px; height:60px; line-height:60px; background:white; background:rgba(255,255,255,0.89); text-align:center; float:left; font-size:16px; color:#333;}
.banners .bannerDown .pz_SideLayer li.on a,.banners .bannerDown .pz_SideLayer li:hover a{ color:white; background:#8ec31f; background:rgba(142,195,31,0.89);}
.apply{ padding:47px 0 43px 0; text-align:center;}
.apply ul{ display:inline-block; vertical-align:top;}
.apply ul li{ float:left; background:#8ec31f; width:120px; height:120px; overflow:hidden; text-align:center; padding:7px 10px 11px 10px;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.apply ul li .ico{ width:100%; height:66px;}
.apply ul li .ico img{ height:100%;}
.apply ul li h5{ width:100%; font-size:24px; color:white; line-height:36px; letter-spacing:1px;}
@media screen and (max-width:991px) {
    
.banners .bannerDown .headline{ font-size:40px; line-height:68px; letter-spacing:0px;}
.banners .bannerDown .pz_SideLayer{ margin-top:18px;}
.banners .bannerDown .pz_SideLayer li a{ width:130px; font-size:14px; line-height:50px; height:50px;}
.apply{ padding:25px 0 22px 0;}
.apply ul li{ width:90px; height:90px; padding:5px 0 6px 0;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
.apply ul li .ico{ height:44px;}
.apply ul li h5{ font-size:20px; line-height:30px; letter-spacing:0px;}
}
@media screen and (max-width:767px) {
    /*.banners .bannerDown{position:initial; width:100%; float:left; background:#fff;}*/
.banners .bannerDown .headline{ display:none;}
.banners .bannerDown .pz_SideLayer{ margin-top:0px; width:100%; text-align:center;}
.banners .bannerDown .pz_SideLayer li{ width:24%; float:none; display:inline-block; vertical-align:top;}
.banners .bannerDown .pz_SideLayer li a{ width:100%; font-size:12px; line-height:34px; height:34px;}
.apply{ padding:13px 0 11px 0;}
.apply ul li{ width:70px; height:70px; padding:5px 0 6px 0;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.apply ul li .ico{ height:33px;}
.apply ul li h5{ font-size:14px; line-height:24px;}
}

/*关于华体会电竞*/
.about1{ width:100%; float:left; padding:50px 0 60px 0;}
.about1 .text{ width:100%; float:left; font-size:16px; color:#666; line-height:36px; letter-spacing:1px;}
.about1 .pic{ width:100%; float:left; margin-top:40px;}
@media screen and (max-width:991px) {
.about1{ padding:30px 0 40px 0;}
.about1 .pic{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.about1{ padding:20px 0 30px 0;}
.about1 .pic{ margin-top:10px;}
.about1 .text{ font-size:14px; line-height:28px; letter-spacing:0px;}
}

.about2{ width:100%; float:left; padding:89px 0 0 0; background:url(_im_g/about2.png) no-repeat top center; overflow:hidden;}
.about2 .lszs{ width:100%; float:left; position:relative; padding:27px 0 101px 0;}
.about2 .lszs .bian{ width:1px; height:100%; position:absolute; left:50%; top:0; background:#dadada;}
.about2 .lszs dt{ width:38px; height:3px; overflow:hidden; background:#8ec31f; position:absolute; left:50%; top:0; margin-left:-19px;}
.about2 .lszs dd{ width:100%; margin-top:18px; float:left;}
.about2 .lszs dd .time{ width:50%; float:left; position:relative;}
.about2 .lszs dd .time span{ display:inline-block;*display:inline; *zoom:1; width:89px; height:89px; background:#99a089; text-align:center; line-height:89px; font-size:24px; color:#fff; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; position:relative; z-index:2; font-family:Arial; box-shadow:0 9px 13px rgba(0,0,0,0.07);}
.about2 .lszs dd.d1 .time .ico{ background:url(_im_g/about3.png) no-repeat center; width:34px; height:22px; position:absolute; right:-11px; top:50%; margin-top:-11px;}
.about2 .lszs dd.d1 .time{ text-align:right; padding-right:21px;}
.about2 .lszs dd.d2 .time .ico{ background:url(_im_g/about3_1.png) no-repeat center; width:34px; height:22px; position:absolute; left:-11px; top:50%; margin-top:-11px;}
.about2 .lszs dd.d2 .time{ text-align:left; padding-left:21px; float:right;}
.about2 .lszs dd .text{ width:48%; float:right; padding:10px 25px 10px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden; cursor:pointer; background:#f5f5f5; min-height:88px; line-height:68px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.about2 .lszs dd .text .p{ width:100%; display:inline-block; vertical-align:middle; line-height:20px; font-size:16px; color:#4f4b4c;}
.about2 .lszs dd .text img{ margin-top:15px;}

.about2 .lszs dd.d2 .text{ text-align:right; float:left;}
.about2 .lszs .btn{ width:89px; height:89px; text-align:center; line-height:89px; color:white; font-size:18px; background:#d12026; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; position:absolute; left:50%; bottom:0; margin-left:-45px; cursor:pointer;}
.about2 .lszs dd:hover .text,.about2 .lszs dd:hover .time span{ background:#8ec31f;}
.about2 .lszs dd:hover .text p{ color:white;}
@media  screen and (min-width:768px){
.about2 .lszs dd.d1:hover .time .ico{ background-image:url(_im_g/about4.png)}
.about2 .lszs dd.d2:hover .time .ico{ background-image:url(_im_g/about4_1.png)}
}
@media  screen and (max-width:991px){
.about2{ padding:40px 0 0 0; background-size:14px auto;}
.about2 .lszs{ padding:20px 0 60px 0;}
.about2 .lszs dt{ width:28px; height:2px; margin-left:-14px;}
.about2 .lszs dd{ margin-top:10px;}
.about2 .lszs dd .time span{ width:80px; height:80px; line-height:80px; font-size:20px;}
.about2 .lszs dd.d1 .time{ padding-right:20px;}
.about2 .lszs dd.d2 .time{ padding-left:20px;}
.about2 .lszs dd .text{ padding:10px 20px; font-size:14px; line-height:60px; min-height:80px;}
.about2 .lszs dd .text .p{ font-size:13px;}
}
@media  screen and (max-width:767px){
.about2{ padding:10px 0 0 0; background:none;}
	
.about2 .lszs{ padding:10px 0 30px 0;}
.about2 .lszs dd.d2 .time{ float:left;text-align:right; padding-right:19px; padding-left:0;}
.about2 .lszs dd .time .ico{ background-size:22px 14px !important; width:22px !important; height:14px !important; right:-3px !important;}
.about2 .lszs dd.d2 .time .ico{ left:auto; right:-3px; background-image:url(_im_g/about3.png);}
.about2 .lszs dd.d2 .text{ text-align:left; padding-left:26px; padding-right:0;}
.about2 .lszs dd{ margin-top:10px;}
.about2 .lszs dd .time{ width:30%; padding-right:19px !important;}
.about2 .lszs dd .text{ width:66%; float:right !important; padding-left:16px !important;}
.about2 .lszs dd .text .p{ font-size:12px;}
.about2 .lszs .bian{ left:28.5%;}
.about2 .lszs dt{ left:28.5%;}
}

/*技术优势*/
.jsys{ width:100%; float:left; padding:5px 0 72px 0; position:relative;}
.jsys .md1{ position:absolute; left:50%; margin-left:-730px; width:150px; top:185px; border-left:solid 1px #c3c2c2;}
.jsys .md1 .hd{ width:100%; float:left; position:relative; padding-left:15px; margin-top:24px; font-size:18px; color:#333; line-height:36px;}
.jsys .md1 .hd:before{ content:''; width:0; height:0; background:#8ec31f; position:absolute; left:0; top:50%; margin-top:-3.5px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.jsys .md1 .hd.on:before{ left:-4px; width:7px; height:7px; margin-top:-3.5px;}
.jsys .md1 .hd.on{ color:#8ec31f;}
.jsys .md1 .hd:first-child{ margin-top:0;}
.jsys .md1.fixed{ position:fixed; left:50%; top:95px;}
.jsys .jsysBody,.jsys .jsysBody .bd{ width:100%; float:left;}
.jsys .jsysBody .jsysHead{ width:100%; float:left; padding-bottom:26px; font-weight:bold; font-size:30px; color:#333; line-height:44px; letter-spacing:1px; position:relative; text-align:center; margin-top:65px;}
.jsys .jsysBody .jsysHead:before{ content:''; width:38px; height:3px; position:absolute; left:50%; bottom:0; margin-left:-19px; background:#8ec31f;}
.jsys .jsysBody .text{ width:100%; float:left; margin-top:29px; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;}
.jsys .jsysBody .text h4{ width:100%; font-size:30px; color:#333; text-align:center;}
.jsys .jsysBody .text h5{ width:100%; font-weight:bold; font-size:20px; color:#8ec31f;}


@media screen and (max-width:1480px) {
.jsys{ padding-left:200px;}
.jsys .md1{ margin-left:-580px;}
}
@media screen and (max-width:1199px) {
.jsys .md1{ margin-left:-480px;}
}
@media screen and (max-width:991px) {
.jsys .md1{ display:none; margin-left:-380px;}
.jsys{ padding:5px 0 35px 0;}
.jsys .jsysBody .jsysHead{ padding-bottom:20px; font-size:24px; line-height:36px; letter-spacing:0px; margin-top:33px;}
.jsys .jsysBody .jsysHead:before{ width:28px; height:2px; margin-left:-14px;}
.jsys .jsysBody .text{ margin-top:15px; font-size:14px; line-height:30px; letter-spacing:0px;}
.jsys .jsysBody .text h4{ font-size:24px;}
.jsys .jsysBody .text h5{ font-size:16px;}
}
@media screen and (max-width:767px) {
.jsys{ padding:5px 0 20px 0;}
.jsys .jsysBody .jsysHead{ padding-bottom:15px; font-size:18px; line-height:30px; margin-top:25px;}
.jsys .jsysBody .jsysHead:before{ width:20px; margin-left:-10px;}
.jsys .jsysBody .text{ margin-top:10px; font-size:12px; line-height:24px;}
.jsys .jsysBody .text h4{ font-size:18px;}
.jsys .jsysBody .text h5{ font-size:14px;}
}

/*联系*/
.contact{ width:100%; float:left; padding:20px 0 80px 0;}
.contact li{ width:100%; float:left; margin-top:60px;}
/*.contact li .dl{ width:48.71%; float:left; background:#f4f4f4; min-height:351px; position:relative;}*/
.contact li .dl{ width:99%; float:left; background:#f4f4f4; min-height:351px; position:relative;}
/*.contact li .dl:before{ content:''; background:url(_im_g/contact5.png) no-repeat right center; background-size:contain; width:17px; height:28px; position:absolute; right:-15px; top:32px;}*/
.contact li .dl .dt{ width:100%; float:left; border-bottom:solid 1px white; padding:0 38px; font-size:30px; color:#8ec31f; line-height:83px; letter-spacing:1px;}
.contact li .dl .dt span{ color:#333; font-size:18px; text-transform:uppercase; margin-left:23px;}
.contact li .dl .dd{ width:100%; float:left; padding:0 38px 10px 38px;}
.contact li .dl .dd dd{ width:100%; float:left; margin-top:20px; padding-left:55px; position:relative; font-size:16px; color:#555; line-height:21px; min-height:34px; padding-top:6px;}
.contact li .dl .dd dd img{ position:absolute; left:0; top:0; width:34px; height:34px; background:rgba(142,159,31,0.1);
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.contact li .dtu{ width:48.71%; float:right; height:351px;}
.contact li .dtu .ditu{ width:100%; height:100%; position:relative;}
@media screen and (max-width:991px) {
.contact{ padding:10px 0 40px 0;}
.contact li{ margin-top:30px;}
.contact li .dl .dt{ padding:0 25px; font-size:20px; line-height:60px; letter-spacing:0px;}
.contact li .dl .dt span{ font-size:16px; margin-left:12px;}
.contact li .dl .dd{ padding:0 30px 10px 30px;}
.contact li .dl .dd dd{ margin-top:15px; padding-left:50px; font-size:14px; line-height:20px; min-height:30px; padding-top:4px;}
.contact li .dl .dd dd img{ width:30px; height:30px;}
.contact li .dl{ min-height:300px;}
.contact li .dtu{ height:300px;}
.contact li .dl:before{ top:18px; right:-10px;}
}
@media screen and (max-width:767px) {
.contact{ padding:10px 0 20px 0;}
.contact li{ margin-top:20px;}
.contact li .dl .dt{ padding:0 15px; font-size:16px; line-height:40px;}
.contact li .dl .dt span{ font-size:12px; margin-left:8px;}
.contact li .dl .dd{ padding:0 20px 10px 20px;}
.contact li .dl .dd dd{ margin-top:10px; padding-left:40px; font-size:12px; min-height:26px; padding-top:2px;}
.contact li .dl .dd dd img{ width:26px; height:26px;}
.contact li .dl{ width:100%; min-height:200px;}
.contact li .dtu{ width:100%; height:200px;}
.contact li .dl:before{ display:none;}
}

/*新闻*/
.news1{ width:100%; float:left; margin-top:50px;}
.news1 ul{ float: left; width: 100%; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.news1 ul li{ padding: 20px 0; border-bottom: #ededed solid 1px; overflow: hidden;  }
.news1 ul li a{ display:block; width:100%; float:left; padding:10px 0 10px 10px;}

.news1 ul li a:hover{ background:#8ec31f;}
.news1 ul li .unionPicture{ float: left; width: 23.27%; line-height: 0;}
.news1 ul li .unionPicture img{ width:100%; float:left;}
.news1 ul li .unionIco{ float: right; width: 90px; height: 203px; line-height: 203px; border-left:solid 1px #ededed; background:url(_im_g/news4.png) no-repeat center center; background-size:18px auto;}
.news1 ul li .hot{ float:left; width:68%; padding: 0 60px 0 40px;}
.news1 ul li .hot .hotH3{ float: left; width: 100%; padding-top: 41px; color: #333; font-size: 18px; line-height: 30px; letter-spacing:1px;}
.news1 ul li .hot .hotTime{ margin-top: 6px; color: #666; font-size:12px; letter-spacing:1px; line-height: 14px;}
.news1 ul li .hot .hotDown{ float: left; width: 100%; height: 48px; margin-top: 22px; padding-left: 19px; border-left: rgba(77,79,78,0.1) solid 1px; color: #444; font-size: 14px; line-height: 24px; overflow: hidden; letter-spacing:1px;}

.news1 ul li a:hover .unionIco{ background-image:url(_im_g/news5.png); border-left-color: rgba(255,255,255,0.4);}
.news1 ul li a:hover .hot .hotH3{ color: #ffffff;}
.news1 ul li a:hover .hot .hotTime{ color: #ffffff; opacity:0.6;}
.news1 ul li a:hover .hot .hotDown{ border-left-color: rgba(255,255,255,0.4); color: #ffffff;}
@media  screen and (max-width:1200px){
.news1 ul li .unionIco{ height:165px; line-height:165px;}
.news1 ul li .hot .hotH3{ padding-top: 20px;}
.news1 ul li .hot{ width:66%;}
}
@media  screen and (max-width:991px){
.news1{ margin-top:30px;}
.news1 ul li{ padding: 10px 0;}
.news1 ul li .hot{ width:66%; padding: 0 30px;}
.news1 ul li .unionIco{ width: 60px; height: 126px; background-size:14px auto;}
.news1 ul li .hot .hotH3{ padding-top: 13px; font-size:16px; line-height:26px; letter-spacing:0;}
.news1 ul li .hot .hotDown{ height: 44px; margin-top: 11px; padding-left: 15px; font-size: 13px; line-height: 22px; letter-spacing:0px;}
}
@media  screen and (max-width:767px){
.news1{ margin-top:10px;}
.news1 ul li .hot{ width:100%; padding: 0 10px;}
.news1 ul li .unionPicture{ width:100%; padding:10px; border-bottom:solid 1px rgba(77,79,78,0.1); background:#8ec31f;}
.news1 ul li a{ padding:0 0 10px 0;}
.news1 ul li .hot .hotDown{ padding:0; border-left:0;}

.news1 ul li .unionIco{ display:none;}    
}

/*列表分页2*/
.d_0100_fy{ float:left; width:100%; text-align:center; padding:60px 0 80px 0;}
.pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy1 a {display:block; float:left; width:31px; height:31px; text-align:center; line-height:30px; border:1px solid #e5e5e5; font-size:14px; color:#272727; margin:0 8px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.pz_fy1 a:hover,.pz_fy1 a.on{color: #fff; border:1px solid #8ec31f; background:#8ec31f; text-decoration:none;}
.pz_fy1 a.prve{ background:url(_im_g/sprve_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.prve:hover,
.pz_fy1 a.prve.on{ background:url(_im_g/sprve_fy_h.png) no-repeat center #8ec31f; border:1px solid #8ec31f;}
.pz_fy1 a.next{ background:url(_im_g/snext_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.next:hover,
.pz_fy1 a.next.on{ background:url(_im_g/snext_fy_h.png) no-repeat center #8ec31f; border:1px solid #8ec31f;}
.fy_phone{ display:none;}
@media  screen and (max-width:1199px){
.d_0100_fy{ padding:30px 0 40px 0;}
}
@media  screen and (max-width:767px){
.d_0100_fy{ padding:20px 0;}
.pz_fy1{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a.prve{ background:url(../_im_g/prve_fy.png) no-repeat center;}
.fy_phone a.next{ background:url(../_im_g/next_fy.png) no-repeat center;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;}
}

/*新闻详情*/
.news2{ width:100%; float:left; padding:69px 0 80px 0;}
.news2 h1{ width:100%; float:left; text-align:center; font-size:24px; color:#444; line-height:42px; letter-spacing:1px;}
.news2 .main_1{ width:100%; float:left; margin-top:30px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:53px;}
.news2 .main_1 .p{ float:left; font-size:14px; color:#777;}
.news2 .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;}
.news2 .main_1 .btn{ float:right; line-height:53px; font-size:14px;}
.news2 .main_1 .btn img{ margin-left:10px; margin-top:-3px; vertical-align:middle;}
.news2 .main_1 .btn a{ color:#777;}
.news2 .main_1 .btn a:hover{ color:#8ec31f;}
.news2 .text{ width:100%; float:left; margin-top:35px; font-size:14px; color:#4a4a4a; line-height:30px; /*text-indent: 2em;*/}
.news2 .text h5{ font-weight:bold; color:#8ec31f; font-size:14px;}
.news2 .bdsharebuttonbox{ width:100%; float:left; margin-top:30px; text-align:center;}
.news2 .bdsharebuttonbox a{display:inline-block;*display:inline; *zoom:1; width:36px; height:36px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:none;}
.news2 .bdsharebuttonbox a.a1{ background:url(_im_g/ico_10_1.png) no-repeat center;}
.news2 .bdsharebuttonbox a.a2{ background:url(_im_g/ico_10_2.png) no-repeat center;}
.news2 .bdsharebuttonbox a.a3{ background:url(_im_g/ico_10_3.png) no-repeat center;}
.news2 .main_2{ width:100%; float:left; margin-top:32px;}
.news2 .main_2 .title{ width:100%; float:left; font-size:18px; color:#8ec31f; line-height:41px;}
.news2 .main_2 ul{ width:100%; float:left; margin-top:10px;}
.news2 .main_2 ul li{ width:48.46%; float:left; border-bottom:solid 1px #dcdcdc; line-height:50px; padding-right:80px; position:relative;}
.news2 .main_2 ul li h5{ width:100%; float:left; font-size:16px; color:#333; line-height:50px;}
.news2 .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:50px; color:#777;}
.news2 .main_2 ul li.l1{ float:right;}
.news2 .main_2 ul li:hover h5{ color:#8ec31f;}
.news2 .main_3{ width:100%; float: left; margin-top: 30px; border-top: solid 1px #dbdbdb; overflow: hidden;}
.news2 .main_3 h5{ width:48%; float: left; padding: 15px 0; font-size: 16px; color: #666; line-height: 30px; }
.news2 .main_3 h5 a{ line-height: 30px; color: #666;}
.news2 .main_3 h5.last{text-align: right;}
.news2 .main_3 h5:hover a,.news .main_3 h5:hover{ color: #8ec31f;}

@media screen and (max-width:991px) {
.news2{ padding:35px 0 40px 0;}
.news2 .text{ margin-top:23px;}
}
@media screen and (max-width:767px) {
.news2{ padding:15px 10px 20px 10px;}
.news2 h1{ font-size:16px; line-height:26px;}
.news2 .main_1{ margin-top:12px; line-height:43px;}
.news2 .main_1 .p{ font-size:12px; width:100%;}
.news2 .main_1 .p span{ margin-right:10px;}
.news2 .main_1 .btn img{ width:24px;}
.news2 .text{ margin-top:22px; font-size:12px; line-height:22px;}
.news2 .bdsharebuttonbox{ display:none; margin-top:17px;}
.news2 .main_2{ margin-top:15px;}
.news2 .main_2 .title{  font-size:16px;}
.news2 .main_2 ul{ height: auto; margin-top: 10px;}
.news2 .main_2 ul li{ width:100%; line-height:34px;}
.news2 .main_2 ul li h5{ font-size:12px; line-height:34px;}
.news2 .main_2 ul li .time{ font-size:12px; line-height:34px;}
.news2 .main_3{ padding: 5px 0; margin-top: 18px;}
.news2 .main_3 h5{ width:100%; padding: 0; font-size:12px; line-height:30px;}
.news2 .main_3 h5.last{ text-align: left;}
}
@media screen and (max-width:480px) {
.news2 .main_1{ border:0;}
.news2 .main_1 .p{ display:none;}
.news2 .text{ margin-top:12px;}
.news2 .bdsharebuttonbox a{ width:30px; height:30px; margin:0 5px; background-size:contain !important;}
.news2 .main_2 ul{ margin-top:6px;}
}

/*应用领域*/
.yyly{ background:#f4f4f4;}
.yyly .yyly1{ width:100%; float:left; background:white; padding:52px 42px 60px 42px; text-align:center; margin-top:60px;}
.yyly .yyly1 h4{ width:100%; float:left; font-size:30px; color:#333; line-height:40px; letter-spacing:1px;}
.yyly .yyly1 img{ width:100%; float:left; margin-top:31px;}
@media screen and (max-width:991px) {
.yyly .yyly1{ padding:32px 22px 40px 22px; margin-top:40px;}
.yyly .yyly1 h4{ font-size:24px; line-height:34px; letter-spacing:0px;}
.yyly .yyly1 img{ margin-top:21px;}
}
@media screen and (max-width:767px) {
.yyly .yyly1{ padding:12px 11px 20px 11px; margin-top:20px;}
.yyly .yyly1 h4{ font-size:18px; line-height:28px;}
.yyly .yyly1 img{ margin-top:10px;}
}

.yyly .yyly2{ width:100%; float:left; margin-top:61px;}
.yyly .yyly2 .hd{ width:100%; float:left; text-align:center;}
.yyly .yyly2 .hd li{ display:inline-block; vertical-align:top; width:120px; height:120px; line-height:100px; padding:10px; text-align:center; background:#8d8e92; margin:0 48px; cursor:pointer; position:relative;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.yyly .yyly2 .hd li span{ display:inline-block; vertical-align:middle; width:100%; color:white; font-size:16px; line-height:22px;}
.yyly .yyly2 .hd li:before{ content:'';width: 0;  height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #8ec31f; position:absolute; left:50%; bottom:-8px; margin-left:-15px; display:none;}
.yyly .yyly2 .hd li.on:before{ display:block;}
.yyly .yyly2 .hd li.on,.yyly .yyly2 .hd li:hover{ background:#8ec31f;}
.yyly .yyly2 .bd{ width:100%; float:left; margin-top:45px;}
.yyly .yyly2 .bd ul{ width:100%; float:left; overflow:hidden;}
.yyly .yyly2 .bd ul .js{ width:100%; float:left; background:white; padding:40px 70px 40px 70px; position:relative;}
.yyly .yyly2 .bd ul .js ul{ width:58.26%; float:left; /*max-height:104px; overflow-y:auto;*/}
.yyly .yyly2 .bd ul .js ul::-webkit-scrollbar {
background:color(#fff);
width:3px
}

.yyly .yyly2 .bd ul .js ul::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.2);
}
.yyly .yyly2 .bd ul .js ul::selection {
	color: rgba(0,0,0,0.2);
	-webkit-text-fill-color: rgba(0,0,0,0.2);
	   -moz-text-fill-color: rgba(0,0,0,0.2);
	        text-fill-color: rgba(0,0,0,0.2);
	
}
.yyly .yyly2 .bd ul .js ul::-moz-selection {
color:rgba(0,0,0,0.2);
-webkit-text-fill-color:rgba(0,0,0,0.2)
}
.yyly .yyly2 .bd ul .js li{ width:100%; float:left; font-size:16px; color:#333; line-height:30px; letter-spacing:1px; padding-left:20px; position:relative; margin-top:6px;}
.yyly .yyly2 .bd ul .js li:before{ content:''; width:5px; height:5px; position:absolute; left:0; top:50%; background:#8ec31f; margin-top:-2.5px;}
.yyly .yyly2 .bd ul .js .tab{ float:right; width:41.74%; border-left:dashed 1px #b2b2b2;}
.yyly .yyly2 .bd ul .js .tab h5{ width:300px; float:right; margin-top:20px; background:#f4f4f4; text-align:center; height:42px; font-size:16px; color:#666; line-height:42px; letter-spacing:1px; overflow:hidden;
-moz-border-radius:21px; 
-webkit-border-radius:21px; 
-khtml-border-radius:21px;
border-radius:21px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.yyly .yyly2 .bd ul .js .tab h5 a{display:block;}
.yyly .yyly2 .bd ul .js .tab h5:hover a{color:white;}
.yyly .yyly2 .bd ul .js .tab h5:hover{ background:#8ec31f; color:white;}
.yyly .yyly2 .bd ul .js .tab h5:first-child{ margin-top:0;}
@media screen and (max-width:1199px) {
.yyly .yyly2 .hd li{ margin:0 24px;}
}
@media screen and (max-width:991px) {
.yyly .yyly2{ margin-top:30px;}
.yyly .yyly2 .hd li{ margin:0 12px; width:100px; height:100px; line-height:90px; padding:5px;}
.yyly .yyly2 .hd li span{ font-size:14px; line-height:20px;}
.yyly .yyly2 .bd{ margin-top:23px;}
.yyly .yyly2 .bd ul .js ul{ max-height:none;}
.yyly .yyly2 .bd ul .js{ padding:20px 40px 20px 40px;}
.yyly .yyly2 .bd ul .js .tab h5{ width:200px; font-size:14px;}
.yyly .yyly2 .bd ul .js li{ font-size:14px; letter-spacing:0px; padding-left:16px;}
}
@media screen and (max-width:767px) {
.yyly .yyly2{ margin-top:15px;}
.yyly .yyly2 .hd li{ margin:0 2px; width:60px; height:60px; line-height:50px;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
.yyly .yyly2 .hd li:before{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 4px solid #8ec31f; bottom:-3px; margin-left:-6px;}
.yyly .yyly2 .hd li span{ font-size:10px; line-height:12px; word-break:break-all;}
.yyly .yyly2 .bd{ margin-top:12px;}
.yyly .yyly2 .bd ul .js{ padding:10px 20px;}
.yyly .yyly2 .bd ul .js .tab,.yyly .yyly2 .bd ul .js ul{ width:100%; border-left:0;}
.yyly .yyly2 .bd ul .js .tab h5{ width:100%; font-size:14px; height:32px; line-height:32px; margin-top:5px;}
.yyly .yyly2 .bd ul .js li{ font-size:12px; padding-left:12px; line-height:24px;}
.yyly .yyly2 .bd ul .js li:before{ width:3px; height:3px; margin-top:-1.5px;}
}

.yyly .yyly2 .bd ul .yyly2Body{ width:100%; float:left; margin-top:53px; margin-bottom:38px; position:relative; padding-left:185px; overflow:hidden;}
.yyly .yyly2 .bd ul .yyly2Body .md{ width:150px; position:absolute; left:26px; top:0; border-left:solid 1px #c3c2c2; background:#f4f4f4;}
.yyly .yyly2 .bd ul .yyly2Body .md .hds{ width:100%; float:left; position:relative; padding-left:15px; margin-top:24px; font-size:18px; color:#333; line-height:36px;}
.yyly .yyly2 .bd ul .yyly2Body .md .hds:before{ content:''; width:0; height:0; background:#8ec31f; position:absolute; left:0; top:50%; margin-top:-3.5px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.yyly .yyly2 .bd ul .yyly2Body .md .hds.on:before{ left:-4px; width:7px; height:7px; margin-top:-3.5px;}
.yyly .yyly2 .bd ul .yyly2Body .md .hds.on{ color:#8ec31f;}
.yyly .yyly2 .bd ul .yyly2Body .md .hds:first-child{ margin-top:0;}
.yyly .yyly2 .bd ul .yyly2Body .md.fixed{ position:fixed; left:50%; top:95px; margin-left:-559px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight{ width:100%; float:left;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds{ width:100%; float:left; margin-bottom:42px; padding-left:44px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .dt{ width:100%; float:left; font-size:24px; color:#333; line-height:36px; font-weight:bold; letter-spacing:1px; margin-bottom:24px; position:relative;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .dt img{ position:absolute; left:-46px; top:0; width:36px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li{ width:100%; float:left; padding-left:27px; position:relative; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li:before{ content:''; width:5px; height:5px; background:#8ec31f; position:absolute; left:13px; top:17px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li.l1{ width:50%;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table{ width:100%; float:left; margin-top:34px; overflow:hidden; box-shadow:0 0 18px rgba(0,0,0,0.04);
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px;
border-radius:8px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .tr{ width:100%; float:left; text-align:center; background:#8ec31f;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td1{ width:50%;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .tr .td1{ height:54px; float:left; line-height:54px; font-size:18px; color:white; letter-spacing:1px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td{ width:100%; float:left; background:white; padding:0 18px 30px 18px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table{ width:100%; float:left; text-align:center;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table .td1{ border-bottom:solid 1px #e0e3da; color:#333; font-size:18px; line-height:30px; padding:13px 10px 12px 10px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table .td1:hover{ background:#8ec31f; color:white; text-decoration:underline;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table .td2{ background:rgba(142,195,31,0.05) !important; color:#8ec31f !important; font-weight:bold; border-right:solid 1px #e0e3da;}

.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table .td3{ background:#f9f9f9;}
@media screen and (max-width:1199px) {
.yyly .yyly2 .bd ul .yyly2Body .md.fixed{ margin-left:-456px;}
}
@media screen and (max-width:991px) {
.yyly .yyly2 .bd ul .yyly2Body{ margin-top:30px; margin-bottom:26px; padding-left:0;}
.yyly .yyly2 .bd ul .yyly2Body .md{ display:none !important;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds{ margin-bottom:21px; padding-left:34px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .dt{ font-size:18px; line-height:30px; letter-spacing:0px; margin-bottom:12px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .dt img{ left:-34px; width:30px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li{ padding-left:15px; font-size:14px; line-height:30px; letter-spacing:0px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li:before{ width:4px; height:4px; left:0px; top:14px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table{ margin-top:22px; box-shadow:0 0 10px rgba(0,0,0,0.04);
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .tr .td1{ height:44px; line-height:44px; font-size:16px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td{ padding:0 10px 20px 10px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table .td1{ font-size:16px; line-height:24px; padding:9px 10px 8px 10px;}
}
@media screen and (max-width:767px) {
.yyly .yyly2 .bd ul .yyly2Body{ margin-top:20px; margin-bottom:16px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds{ margin-bottom:10px; padding-left:22px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .dt{ font-size:16px; line-height:24px; margin-bottom:8px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .dt img{ left:-22px; width:20px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li{ padding-left:10px; font-size:12px; line-height:24px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li.l1{ width:100%;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds ul li:before{ width:3px; height:3px; left:0px; top:10px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table{ margin-top:11px; box-shadow:0 0 6px rgba(0,0,0,0.04);}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .tr .td1{ height:36px; line-height:36px; font-size:14px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td{ padding:0 5px 10px 5px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .table .td table .td1{ font-size:14px; line-height:20px; padding:9px 5px 8px 5px;}
}


/*质量管理*/
.zlglHead{ width:100%; float:left; text-align:center;}
.zlglHead h3{ width:100%; float:left; font-size:30px; color:#333; line-height:48px; font-weight:bold; letter-spacing:1px; padding-bottom:24px; position:relative;}
.zlglHead h3:before{ content:''; width:38px; height:3px; background:#8ec31f; position:absolute; left:50%; margin-left:-19px; bottom:0;}
.zlglHead .p{ width:100%; float:left; margin-top:45px; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;}
.zlglHead .p span{ font-weight:bold; color:#8ec31f;}
.zlglHead .p img{ vertical-align:top;}
@media screen and (max-width:991px) {
.zlglHead h3{ font-size:24px; line-height:40px; letter-spacing:0px; padding-bottom:20px;}
.zlglHead h3:before{ width:30px; height:2px; margin-left:-15px;}
.zlglHead .p{ margin-top:25px; font-size:14px; line-height:30px; letter-spacing:0px;}
.zlglHead .p img{ vertical-align:top;}
}
@media screen and (max-width:767px) {
.zlglHead h3{ font-size:18px; line-height:30px; padding-bottom:15px;}
.zlglHead h3:before{ width:20px; margin-left:-10px;}
.zlglHead .p{ margin-top:12px; font-size:12px; line-height:24px;}
}
/*质量管理1*/
.zlgl1{ padding:132px 0 0 0; height:430px;}
@media screen and (max-width:991px) {
.zlgl1{ padding:91px 0 0 0; height:320px;}
}
@media screen and (max-width:767px) {
.zlgl1{ padding:40px 10px 0 10px; height:160px;}
}
/*质量管理2*/
.zlgl2{ padding:80px 0 73px 0; text-align:center;}
.zlgl2 .zlgl2Body{ display:inline-block; vertical-align:top;}
.zlgl2 .zlgl2Body .pic{ float:left; width:264px;}
.zlgl2 .zlgl2Body .text{ float:right; margin-left:75px; width:400px; line-height:315px;}
.zlgl2 .zlgl2Body .text .zlglHead{ display:inline-block; vertical-align:middle; float:none; text-align:left;}
.zlgl2 .zlgl2Body .zlglHead h3,.zlgl2 .zlgl2Body .zlglHead .p{ color:white;}
.zlgl2 .zlgl2Body .zlglHead h3:before{ left:0; margin-left:0;}
@media screen and (max-width:991px) {
.zlgl2{ padding:50px 0 42px 0;}
.zlgl2 .zlgl2Body .pic{ width:200px;}
.zlgl2 .zlgl2Body .text{ margin-left:50px; line-height:220px;}
}
@media screen and (max-width:767px) {
.zlgl2{ padding:30px 0 21px 0;}
.zlgl2 .zlgl2Body{ width:100%;}
.zlgl2 .zlgl2Body .pic{ width:100px;}
.zlgl2 .zlgl2Body .text{ float:none; margin-left:120px; line-height:100px; width:auto;}
}
/*质量管理3*/
.zlgl3{ padding:90px 0 91px 0;}
.zlgl3 .zlglHead .p{ margin-top:29px;}
@media screen and (max-width:991px) {
.zlgl3{ padding:50px 0 50px 0;}
.zlgl3 .zlglHead .p{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.zlgl3{ padding:30px 0;}
.zlgl3 .zlglHead .p{ margin-top:10px;}
}

/*质量管理4*/
.zlgl4{ padding:92px 17px 82px 17px; background:#f4f4f4;}
.zlgl4 .zlglHead .p{ margin-top:22px;}
.zlgl4 .zbox{ width:100%; float:left; overflow-x:auto;}
.zlgl4 .zlgl4Body{ width:1134px; float:left; margin-top:28px; overflow:hidden; box-shadow:0 0 18px rgba(0,0,0,0.04);
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px;
border-radius:8px;}
.zlgl4 .zlgl4Body .title{ width:100%; float:left; background:#8ec31f; padding:0 30px;}
.zlgl4 .zlgl4Body .title li{ float:left; font-size:18px; color:white; line-height:54px;}
.zlgl4 .zlgl4Body .down{ width:100%; float:left; background:white; padding:0 30px 32px 30px;}
.zlgl4 .zlgl4Body .down table{ width:100%; float:left;}
.zlgl4 .zlgl4Body .down table td{ font-size:14px; color:#333; line-height:24px; border:solid 1px #e0e3da; padding:18px 10px 15px 10px; text-align:left;}
.zlgl4 .zlgl4Body .dd1{ width:12.1%; padding-left:23px !important;}
.zlgl4 .zlgl4Body .dd2{ width:11.6%; padding-left:20px !important;}
.zlgl4 .zlgl4Body .dd3{ width:26.9%; padding-left:22px !important;}
.zlgl4 .zlgl4Body .dd4{ width:16.86%; padding-left:22px !important;}
.zlgl4 .zlgl4Body .dd5{ width:9.22%; padding-left:18px !important;}
.zlgl4 .zlgl4Body .dd6{ width:5.77%; text-align:center !important;}
.zlgl4 .zlgl4Body .dd7{ width:17.52%; text-align:center !important;}
.zlgl4 .zlgl4Body .down table .tr1{ background:#f9f9f9;}
.zlgl4 .zlgl4Body .down table .dd1{ background:rgba(142,195,31,0.1);}
@media screen and (max-width:1199px) {
.zlgl4{ padding:92px 0 82px 0;}
}
@media screen and (max-width:991px) {
.zlgl4{ padding:50px 0 40px 0;}
.zlgl4 .zlglHead .p{ margin-top:16px;}
.zlgl4 .zlgl4Body .title li{ font-size:16px; line-height:50px;}
.zlgl4 .zlgl4Body .down table td{ font-size:14px; padding:12px 10px 11px 10px;}
}
@media screen and (max-width:767px) {
.zlgl4{ padding:30px 0 20px 0;}
.zlgl4 .zlglHead .p{ margin-top:10px;}
.zlgl4 .zlgl4Body .title li{ font-size:14px; line-height:40px;}
.zlgl4 .zlgl4Body .down table td{ font-size:12px; padding:8px 10px 7px 10px; line-height:20px;}

}

.products1{ width:100%; float:left; background:#f4f4f4; padding:80px 0;}
.products1 .pic{ float:left; width:34.18%;}
.products1 .pic img{ width:100%; float:left;}
.products1 .text{ float:right; /*width:59.82%;*/}
.products1 .text .title{ width:100%; margin-top:23px; color:#333; line-height:46px; font-size:30px; letter-spacing:1px;}
.products1 .text .jj{ width:100%; margin-top:21px; color:#666; line-height:36px; font-size:18px; letter-spacing:1px;}
.products1 .text .fx{ width:100%; margin-top:75px;}
.products1 .text .fx .bdsharebuttonbox a{ font-size:16px; color:#888; line-height:32px; letter-spacing:1px; background:none !important; margin:0 !important; padding:0 !important;}
.products1 .text .fx .bdsharebuttonbox a img{ vertical-align:middle; margin:-3px 6px 0 0; width:16px;}
@media screen and (max-width:991px) {
.products1{ padding:40px 0;}
.products1 .text .title{ margin-top:0px; line-height:36px; font-size:24px; letter-spacing:0px;}
.products1 .text .jj{ margin-top:10px; line-height:30px; font-size:16px; letter-spacing:0px;}
.products1 .text .fx{ margin-top:30px;}
.products1 .text .fx .bdsharebuttonbox a{ font-size:14px; line-height:26px; letter-spacing:0px;}
.products1 .text .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;}
}
@media screen and (max-width:767px) {
.products1{ padding:20px 0;}
.products1 .pic{ width:100%;}
.products1 .text{ width:100%; margin-top:10px;}
.products1 .text .title{ line-height:30px; font-size:18px;}
.products1 .text .jj{ line-height:24px; font-size:14px;}
.products1 .text .fx{ margin-top:20px; display:none;}
.products1 .text .fx .bdsharebuttonbox a{ font-size:14px; line-height:26px; letter-spacing:0px;}
.products1 .text .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;}
}

.products2{ width:100%; float:left; padding:31px 0 0 0;}
.products2 .down{ width:100%; text-align:right; float:left;}
.products2 .down h4{ float:left; font-size:24px; color:#333; line-height:32px; letter-spacing:1px;}
.products2 .down a{ display:block; float:right; font-size:16px; color:#8ec31f; line-height:32px; letter-spacing:1px;}
.products2 .down a:hover{ text-decoration:underline;}
.products2 .down a img{ vertical-align:middle; margin:-3px 4px 0 0;}
.products2 .shaixuan{ width:100%; float:left;}
.products2 table{ width:1170px; float:left;}
.products2 table td, .products2 table th { border: 1px solid #ddd; font-size: 16px; text-align: center; vertical-align: middle; line-height:26px;}
.products2 table thead td { white-space: nowrap; padding: 5px 10px; font-weight: bold; background: #666; color:white; border-color: #cdcdcd; font-weight:normal;}
.products2 table thead tr.screen td { background: #f6f6f6; }
.products2 table thead tr.screen div.sbox { height: 142px; overflow: hidden; text-align: left; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; position:relative; padding-right:20px;}
.products2 table thead tr.screen div.sbox .scroll_box,.products2 table thead tr.screen div.sbox .scroll_box .scroll_cont{ width:100%;}
.products2 table thead tr.screen div.sbox .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
.products2 table thead tr.screen .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .products2 table thead tr.screen .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { right: -7px !important; }
.products2 table thead tr.screen div.sbox label { display: block;font-size:12px; color:#333; width:100%; line-height:20px; float:left;}
.products2 table thead tr.screen div.sbox label > input { margin-left: 0; margin-right:4px; word-wrap:break-word; word-break:break-all;}
.products2 table thead tr.screen div.sbox label span { position:relative; top: -2px; word-wrap:break-word; word-break:break-all;}
.products2 table thead tr.screen .ui-slider-vertical { width: 6px !important; }
.products2 table thead tr.screen .ui-slider .ui-slider-handle { width: 12px !important; height: 12px !important; border-radius: 2px !important; }
.products2 table thead tr.screen div.sbox2 { margin: 10px 5px 14px 5px; font-weight: normal; position: relative; width: 60px; display: inline-block; }
.products2 table thead tr.screen div.sbox2 span.max, .products2 table thead tr.screen div.sbox2 span.min { display: block; position: absolute; left: 14px; font-size:12px; color:#333;}
.products2 table thead tr.screen div.sbox2 span.max { top: 0; }
.products2 table thead tr.screen div.sbox2 span.min { bottom: -4px; }
.products2 table thead tr.screen div.sbox2 .maxBtn, .products2 table thead tr.screen div.sbox2 .minBtn { display: block; position: absolute; left: 14px; font-size:12px; color:#333; z-index:3; display:none;}
.products2 table thead tr.screen div.sbox2 .maxBtn { top: 0; }
.products2 table thead tr.screen div.sbox2 .minBtn { bottom: -4px; }
.products2 table thead tr.screen div.sbox2 .maxBtn .mSearch, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch{ width:60px; padding-right:18px; position:relative; overflow:hidden;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.products2 table thead tr.screen div.sbox2 .maxBtn .mSearch .mSearchb, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch .mSearchb{ width:18px; height:18px; text-align:center; position:absolute; right:0; top:0; background:#8ec31f; line-height:18px; color:white; -moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.products2 table thead tr.screen div.sbox2 .maxBtn .mSearch .mSearchk, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch .mSearchk{ width:100%; height:18px; border:solid 1px #cbcbcb; line-height:16px; padding-left:4px; font-size:10px; color:#333; border-right:0; float:left; text-transform:uppercase;-moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}

.products2 table thead tr.screen .slider-range { height: 120px; }
.products2 table thead a { text-decoration: none; color:white; letter-spacing:1px;}
.products2 table thead a:hover { color: #8ec31f; }
.products2 table thead a:after { content: '▼'; opacity:0.6; font-size:10px; margin-left:5px; font-family:"宋体";}
.products2 table thead a.desc:after { content: '▲'; }

.products2 table tbody tr:hover { background: #c9e987; }
.products2 table tbody td { white-space: nowrap; padding:11px 5px; position:relative; font-size:12px; color:#333; line-height:20px;}
.products2 table tbody td.td1{ font-size:14px;}

.products2 table tbody td a { text-decoration: none; color: #8ec31f; font-size:14px;}
.products2 table tbody tr:hover td a{ color:#333;}
.products2 table tbody tr td a:hover{ text-decoration:underline;}
.products2 table tbody td .tc1{ width:170px; background:white; background:rgba(255,255,255,0.89); position:absolute; left:50%; bottom:100%; margin-left:-85px; padding:16px 20px 17px 20px; text-align:left; box-shadow:0 0 7px rgba(0,0,0,0.13); display:none;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.products2 table tbody td .tc1:before{ content:'▼'; font-size:20px; color:white; opacity:0.9; position:absolute; left:0; line-height:1; bottom:-10px; width:100%; text-align:center;}
.products2 table tbody tr td:hover .tc1{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.products2 table tbody td .tc1 li{ width:100%;}
.products2 table tbody td .tc1 li a{ display:block; font-size:14p; color:#333; line-height:32px; width:100%;}
.products2 table tbody td .tc1 li a img{ vertical-align:middle; margin:-3px 8px 0 0;}
.p-btns { text-align: right; padding-bottom: 10px; padding-right: 3px; }
.p-btns a.btn { font-size: 15px; color: #000; text-decoration: none; background: url(../images/excel-icon.png) left bottom no-repeat; padding-left: 28px; padding-top: 9px; display: inline-block; }
.p-btns a.btn:hover { text-decoration: underline; }
.scroll_tiao{ width:2px !important; background:#e5e5e5; right:0px !important; opacity:0;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.scroll_huakuai{ width:2px !important; background:#8ec31f !important; right:0 !important;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px}
.products2 table thead tr.screen div.sbox:hover .scroll_tiao{ opacity:1;}
.products2 .ui-tooltip { font-weight: normal !important; font-size: 13px !important; }
.products2 .doc-list a { text-decoration: none; color: #000; }
.products2 .doc-list a:hover { text-decoration: underline; color: #cc0000; }
.products2 .doc-list li { padding: 3px 0; padding-left: 20px; position: relative; }
.products2 .doc-list li:before { content:''; background: url(../images/pdf-icon.png) center center no-repeat; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.products2 table thead tr.screen div.sbox2 .mb{ width:55px; height:84px; position:absolute; right:-5px; top:50%; margin-top:-40px;}
@media screen and (max-width:767px) {
.products2 table{ width:1020px;}
.products2 table td, .products2 table th { font-size: 12px; line-height:20px;}
.products2 table thead td { padding: 5px;}
.mCustomScrollBox{ padding-bottom:0;}
.products2 table tbody td {
    padding: 6px 5px;
    line-height: 18px;
}
.products2 table tbody td.td1,.products2 table tbody td a{
    font-size: 12px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;}
.products2{ padding:20px 0 0 0;}
.products2 .down a{ font-size:14px; line-height:28px; letter-spacing:0px;}
.products2 .down a img{ width:14px; margin:-3px 2px 0 0;}
.products2 .down h4{ font-size:18px; line-height:28px;}
}

/*产品详情*/
.products3{ width:100%; float:left; padding:80px 0 85px 0;}
.products3 .products3Left{ float:left; width:31.62%;}
.products3 .products3Left .pic,.products3 .products3Left .pic img{ width:100%; float:left;}
.products3 .products3Left ul{ width:100%; float:left; margin-top:20px;}
.products3 .products3Left ul li{ width:100%; float:left; margin-bottom:1px;}
.products3 .products3Left ul li a{ display:block; width:100%; float:left; padding:0 22px 0 18px; min-height:52px; line-height:52px; background:#f4f4f4; font-size:14px; color:#333;}
.products3 .products3Left ul li a .ico{ display:inline-block; vertical-align:middle; margin:-3px 10px 0 0; width:32px; height:52px; background:url(_im_g/pro6.png) no-repeat center center; background-size:contain;}
.products3 .products3Left ul li a span{ float:right; font-size:14px; color:#999;}
.products3 .products3Left ul li a:hover span{ text-decoration:underline;}
.products3 .products3Left ul li a:hover{ background:#8ec31f; color:white;}
.products3 .products3Left ul li a:hover .ico{ background-image:url(_im_g/pro7.png);}

.products3 .products3Right{ float:right; width:62.39%;}
.products3 .products3Right table{ width:100%; float:left; border-top:solid 2px #8ec31f; border-bottom:solid 1px #8ec31f;}
.products3 .products3Right table td{ font-size:14px; color:#333; line-height:30px; border:solid 1px white; padding:0 10px 0 40px;}
.products3 .products3Right table td.td1{ background:rgba(142,195,31,0.05); width:33.69%;}
.products3 .products3Right table td.td2{ background:rgba(142,195,31,0.15); width:66.31%;}
.products3 .products3Right table td.td3{ background:rgba(142,195,31,0.05); width:16.845%;}
.products3 .products3Right table tr.tr1 .td1{ background:rgba(142,195,31,0.15);}
.products3 .products3Right table tr.tr1 .td2{ background:rgba(142,195,31,0.05);}
.products3 .products3Right table tr.tr1 .td3{ background:rgba(142,195,31,0.15);}
.products3 .products3Right .button{ float:right; margin-top:82px;}
.products3 .products3Right .button .fx{ float:right;}
.products3 .products3Right .button .fx .bdsharebuttonbox a{ font-size:16px; color:#888; line-height:50px; letter-spacing:1px; background:none !important; margin:0 !important; padding:0 !important;}
.products3 .products3Right .button .fx .bdsharebuttonbox a img{ vertical-align:middle; margin:-3px 6px 0 0; width:16px;}
.products3 .products3Right .button .consult{ float:left; display:block; width:166px; height:50px; line-height:50px; text-align:center; margin-right:30px; color:white; font-size:16px; letter-spacing:1px; background:#8ec31f;}
.products3 .products3Right .button .consult img{ vertical-align:middle; margin:-3px 8px 0 0;}
.products3 .products3Right .button .consult:hover{ overflow:hidden; box-shadow:0 0 20px rgba(142,195,31,0.2);
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
@media screen and (max-width:1199px) {
.products3 .products3Left{ width:40%;}
.products3 .products3Right{ width:58%;}
.products3 .products3Right table td{ padding:0 10px 0 30px;}
.products3 .products3Right table td.td1{ width:40%;}
.products3 .products3Right table td.td2{ width:60%;}
.products3 .products3Right table td.td3{ width:20%;}
}
@media screen and (max-width:991px) {
.products3{ padding:40px 0 43px 0;}
.products3 .products3Left ul li a{ padding:0 11px 0 10px; font-size:12px;}
.products3 .products3Left ul li a .ico{ margin:-3px 6px 0 0; width:28px; height:48px;}
.products3 .products3Left ul li a span{ font-size:12px;}
.products3 .products3Right table td{ font-size:12px; line-height:24px; padding:5px 10px;}
.products3 .products3Right .button{ margin-top:41px;}
.products3 .products3Right .button .fx .bdsharebuttonbox a{ font-size:14px; line-height:40px; letter-spacing:0px;}
.products3 .products3Right .button .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;}
.products3 .products3Right .button .consult{ width:130px; height:40px; line-height:40px; margin-right:20px; font-size:14px; letter-spacing:0px;}
.products3 .products3Right .button .consult img{ margin:-3px 6px 0 0; width:18px;}
}
@media screen and (max-width:767px) {
.products3{ padding:20px 0 22px 0;}
.products3 .products3Left,.products3 .products3Right{ width:100%;}
.products3 .products3Left ul li a{ padding:0 6px 0 10px; height:48px; line-height:48px;}
.products3 .products3Right .button{ margin-top:20px; width:100%;}
.products3 .products3Right .button .fx{ display:none;}
.products3 .products3Right .button .fx .bdsharebuttonbox a{ font-size:14px; line-height:40px; letter-spacing:0px;}
.products3 .products3Right .button .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;}
.products3 .products3Right .button .consult{ width:100%; height:40px; line-height:40px; margin-right:0px; font-size:14px;}
.products3 .products3Right .button .consult img{ margin:-3px 6px 0 0; width:16px;}
.products3 .products3Right table td.td1{ width:50%;}
.products3 .products3Right table td.td2{ width:50%;}
.products3 .products3Right table td.td3{ width:25%;}
}

.spSearch{ width:100%; display:inline-block; vertical-align:middle; height:30px; line-height:30px; padding-right:30px; position:relative; overflow:hidden; border:solid 1px #ddd;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.spSearch .spSearchk{ width:100%; height:28px; line-height:20px; padding:5px; background:white; font-size:14px; color:#333;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
.spSearch .spSearchb{ width:30px; height:30px; position:absolute; right:-1px; top:-1px; text-align:center; line-height:30px;  background:#8ec31f; color:white; font-size:14px; text-transform:uppercase; cursor:pointer;}


.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img,
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .imgslide li{ width:100%; float:left; position:relative;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .imgslide img{display:block; width:auto; margin:0 auto;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .imgslide{ width:100%; float:left; padding-right:44px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sPrev,.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sNext{ display:block;  width:18px; height:34px; position:absolute; left:-44px; top:50%; margin-top:-17px;  overflow:hidden; cursor:pointer; background:url(_im_g/yyly8.png) no-repeat left center; z-index:6;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sNext{ left:auto; right:0px; background-position:right center;}
@media screen and (max-width:991px) {

.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .imgslide{ padding-right:34px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sPrev,.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sNext{  left:-34px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sNext{ left:auto; right:0px;}
}
@media screen and (max-width:767px) {

.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .imgslide{ padding-right:22px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sPrev,.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sNext{   width:12px; height:23px; left:-22px; margin-top:-12px; background-size:auto 23px;}
.yyly .yyly2 .bd ul .yyly2Body .yyly2BodyRight .bds .img .sNext{ left:auto; right:0px;}
}