 @charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333; font-family:Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s; font-family:Arial, Helvetica, sans-serif;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.mln {margin-left: 0!important}
input, textarea { font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

 .search form .sb-search-input ::-webkit-input-placeholder {/* WebKit browsers */
 color:#999;}
 .search form .sb-search-input :-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999;}
 .search form .sb-search-input ::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999;}
 .search form .sb-search-input :-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999;}
 
 .input1{    border:1px solid #73a50e;	background:#fff;	color:#003863;	font-weight:bold;	padding:1px 3px;	margin-bottom:5px;}
 .top20{ margin-top:20px}
 
 
  .cuxin .int1 input ::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
 .cuxin .int1 input :-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
 .cuxin .int1 input ::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
.cuxin .int1 input :-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 
 
 
 
 
 



@media screen and (min-width:1220px){.wp {width: 1200px;margin: auto; font-size:15px; }}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;font-size:15px;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}.copyright2{display: none}}

.mln{margin-left: 0!important;}
.mbn{margin-bottom: 0!important;}

.zitilr{font-family: 'LATOREGULAR';  }
.zitill{ font-family: 'LATOLIGHT';}
/*lun bo*/
.index_focus {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9;height: 605px;}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 605px;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; z-index:9998 ;height: 14px;left:50%;margin-left:-48px ;bottom:19px; }
.index_focus .slide_nav a{ width:14px; height:14px; cursor:pointer;display: inline-block;margin-top: 9px; margin-right:2px; margin-left:2px;  border-radius: 10px; background:#fff; border:#73a50e solid 2px }



.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:#73a50e; border:#fff solid 2px   }
.index_focus_pre,.index_focus_next {display: block;position: absolute;top:50%;margin-top:-2px;width:64px;height:64px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}



.index_focus1 {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9;height: 385px;}
.index_focusn1{width:1980px; position:absolute; left:50%; top:0px; margin-left:-990px; z-index:99;height: 385px;}
.index_focus1 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus1 .slide_nav {position: absolute; z-index:9998 ;height: 14px;left:50%;margin-left:-48px ;bottom:19px; }
.index_focus1 .slide_nav a{ width:14px; height:14px; cursor:pointer;display: inline-block;margin-top: 9px; margin-right:2px; margin-left:2px; background:url(12.png) no-repeat top center;  border-radius: 10px; }

.index_focus_post {z-index: 10;}
.index_focus1 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus1 .pic:hover {text-decoration: none;}
.index_focus1 .slide_nav li:hover,.index_focus1 .slide_nav .on{text-decoration: none;background:url(11.png) no-repeat top center;  }
.index_focus_pre,.index_focus_next {display: block;position: absolute;top:50%;margin-top:-2px;width:64px;height:64px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}


@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:484px;}
.index_focusn { height: 484px; }
.index_focusn img {width:80%;}

.index_focus1 {height:286px;}
.index_focusn1 img {width: 80%;}
/* 
.index_focus .slide_nav { position: absolute; z-index: 9998; height: 18px;left: 50%; margin-left: -48px; top: 405px; } */
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus1 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 323px;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}

.carousel ol{position: absolute;z-index: 2;width: 70px;height:5px;bottom: 30px;
left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;
background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#73a50e;}
.carousel ol li:last-child{margin: 0;}

}

@media screen and (min-width:960px) {
    .container,.nav{ display:none};

}


.search{  margin-top: 17px;height: 26px; width: 100%; margin-bottom: 25px;  }
.search form{ float: right; width: 223px; position: relative; height: 26px; border:1px solid #cdcdcd; margin-left: 14px; }
.guoqi{ float: right;  }
.guoqi a{ margin-left:7px; font-family:Arial, Helvetica, sans-serif;  font-size: 14px; font-size: 1.4rem; color: #666666;}
.guoqi .guo1{background: url(che.png) no-repeat left center;  padding-left: 20px;}
.guoqi .guo2{background: url(xin.png) no-repeat left center;  padding-left: 20px;}
.guoqi a:hover{ color: #73a50e; }

.guoqi img{ display:block; float: left; margin-top: 5px; width:30px; height: 18px; margin-right: 8px;  }
.guoqi {color: #666666; font-size: 14px; font-size: 1.4rem; line-height: 30px;}

.search form .sb-search-input{  font-style: italic;  position: absolute; top:0; left: 0; background: none; color: #999999; height: 26px; line-height: 26px; text-indent: 1em; font-size: 14px; font-size: 1.4rem;   }
.search form .sb-search-submit{cursor:pointer;  position: absolute; top:6px; right: 6px;  background: url(../img/sousuo.png) no-repeat top center; display: block;width: 14px; height: 14px; }


.search1{  margin-top: 8px;height: 26px; width: 100%; margin-bottom: 25px;}
.search1 form{ float: right; width: 206px; position: relative; height: 26px; border:1px solid #cdcdcd; margin-left: 21px; }
.search1 form .sb-search-input{position: absolute; top:0; left: 0; background: none; color: #999999; height: 26px; line-height: 26px; text-indent: 1em; }
.search1 form .sb-search-submit  {position: absolute; top:7px; right: 6px;  background: url(../img/sousuo.png) no-repeat top center; display: block;width: 14px; height: 14px; }



/*container*/
.container{ width:5px; height:100%;position:absolute; right:0px;top:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.container .menubtn{width: 35px;height: 30px;position: absolute;top:27px;right:12px;transition:all 0.4s ease 0s; z-index:999999}
.container .menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #73a50e;}
.container .nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav ul {display: none; margin-top:10px;}
.container .nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.container .nav ul li a{ color:#fff;}


/*head*/
.head {  width: 100%; margin: 0 auto; z-index: 1111; }
.wrap{ width: 100%;max-width: 1200px; margin: 0 auto; position: relative; }
.header-top{ width: 100%; text-align: right; padding: 10px 0 9px 0 ; margin: 0 auto;}
.header-top a{ display: inline-block; margin-left: 28px; }
.box{ background-image: 100% 100%; max-width: 1200px; margin: 0 auto;  border-radius: 10px;}
.logo{max-width:86px;margin-top: 8px; margin-bottom: 3px; }
.logo a{display: block;}
.logo a img{display: block; width: 104px;margin: 0 auto; }
.fr{ float: right\9; margin-left: 0px\9; width: 1020px\9;}
.fr ul{ margin-left: 142px;  width: 1020px\9;margin-left:0px\9; }
.fr ul>li{float: left; margin-left: 52px; position: relative;}
.fr ul>li>a{display: block;   padding-bottom: 10px;text-align: center; font-family:Arial, Helvetica, sans-serif;font-size: 18px;font-size: 1.8rem;color: #324048;border-bottom: 1px solid transparent; padding-left: 6px; padding-right: 7px;}
.fr ul>li.on>a,.fr ul>li:hover>a{color: #89b62e;border-bottom: 1px solid #89b62e;}
.fr ul>li:hover dl{display: block;}
.xuanzxp{color: #89b62e !important;border-bottom: 1px solid #89b62e !important;}
.fr ul>li dl{z-index: 9999;
display: none; width: 160px; padding-top: 13px;
position: absolute;top: 100%;left:-13px;}
.fr ul>li dl dd{ background-color: #73a50e; }
.fr ul>li dl dd a{padding-left: 13px;  display: block; font-size:14px;font-size:1.4rem; color: #fff;line-height: 40px; }
.fr ul>li dl dd:hover>a{ background: #fff;  color: #73a50e;}
.fr ul>li>dl>.on:hover{ background: #fff; color: #73a50e; }

.fr ul>li dl dd{position: relative;}
.fr ul>li dl dd>ol{background-color: #73a50e;
    display: none; width: 160px;
position: absolute;left: 100%;top: 0; background-color: #73a50e; }
.fr ul>li>dl>dd>ol>li{ background: #73a50e; color: #fff; }
.fr ul>li>dl>dd>ol>li a{padding-left: 13px;  line-height: 40px;  font-size:14px;font-size:1.4rem;  font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif}
.fr ul>li>dl>dd:hover ol{display: block;}
.fr ul>li>dl>dd>ol>li a{}
.fr ul>li>dl>dd:hover ol li a:hover{ background: #fff; color: #73a50e;}

#input980{width: 60%;margin-top: 23px;margin-right: 50px; display: none; }
#input980 form{width: 100%;border: 1px solid #8a182f;background-color: transparent;border-radius: 18px;overflow: hidden;}
#input980 form .ipt{display: block;width: 80%;height: 34px;line-height: 34px;padding-left: 3%;background-color: transparent;font-size:14px;font-size:1.4rem; color: #333;}
#input980 form .ips{display: block;width: 10%;height: 34px;line-height: 34px;background:  transparent url(../img/sousuo.png) no-repeat right center; }

#input980,.b980{display: none;}
.nav2{display: none;}
.nav2 ul{display: flex;justify-content: space-around;margin-top: 10px;}
.nav2 ul li>a{display: block;height: 30px;line-height: 30px;text-align: center; padding: 0 12px;font-size: 12px;font-size: 1.2rem;color: #333;}
.search1{ display: none; }



@media screen and (max-width:1219px) {
    .fr{  width: 88%; margin-bottom: 0}
    .fr ul{ margin: 0; padding: 0;  float: right; width: 95%;}
    .fr ul>li{  margin-left: 0; margin-left:17px;}
    .fr ul>li>a{padding: 0 7px;}
    .fr ul>li:hover .pro-bj{display: none;}
    .search1{ width: 510px; margin-right: 12%; margin-top: 30px;}
}

@media screen and (max-width:959px) {
    .nav2{ display: block;}
    .headerno{  display: none;}
    .input1220{ display: none; }
    .search1{ display: block; }
    #input980{ display: block; }
    .search1{ width: 515px; margin-right: 50px; margin-top: 20px;}
    
}


@media screen and (max-width:912px) {
.search1{ margin-top: 40px;}
}

@media screen and (max-width:704px) {
.search1{ width: 281px;  margin-top: 40px;}
.nav2 ul li>a{font-size: 14px;font-size: 1.4rem;}


}


@media screen and (max-width:457px) {
.search1{ width: 200px;   margin-top: 17px;}
.guoqi a{ margin-left: 0; }

}


@media screen and (max-width:400px)  {    
.search1{ width: 100%;    float: none;  margin-top: 17px;}
.search1 form{ width: 100%; }
.guoqi{ width: 100%; }
.guoqi .guo1{ float: left; }
.guoqi .guo2{ float: right; }
}




.index-h1{width: 100%;margin: 0 auto; padding-top: 52px;color: #4d4d4d; }
.index-h12{width: 100%;margin: 0 auto; padding-top: 42px;color: #4d4d4d; }
.index-h1 a:hover{color: #89b62e;  }
.index-h1 .h2,.index-h12 .h2{ background: url(title1.png) no-repeat center 11px ;  font-size: 36px; font-size: 3.6rem;  text-align: center; }
.index-h1 .h2 a,.index-h12 .h2 a{ font-family:Arial, Helvetica, sans-serif; color: #4d4d4d; display:inline-block;  }
.index-h1 .h2  a:hover,.index-h12 .h2 a:hover{color: #89b62e;  }
.index-h1 .h3{ width: 100%; background: url(title1.png) no-repeat top center;  font-size: 36px; font-size: 3.6rem;  text-align: center; }
.index-h1 .h3  a:hover{color: #89b62e;  }
.index-h1 .h3 a{ color: #4d4d4d;}
.index-h1 .h1 a{ color: #4d4d4d;}

.index-h1 p{ width: 90%; margin-left:auto; margin-right:auto; padding-top: 11px; text-align: left;}
.index-h1 p a{ font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666; }
.index-h1 p a:hover{color: #89b62e;}

.top12{ margin-top:12px}

.m2-r ul li a:hover{color: #89b62e;}

.main1{ width: 100%;  margin-top: 49px; margin-bottom: 3px;}
.main1 ul li { float: left; width:300px; margin-left: 87px; }
.main1 ul li a { display: block; }
.main1 ul li a img{ display: block; max-width: 170px; width: 100%; margin: 0 auto; }
.main1 ul li p a{ display: block; width: 100%; text-align: center;margin-top: 15px; font-size: 16px; font-size: 1.6rem;  }
.main1 ul li p a:hover{ color: #89b62e; }

@media screen and (max-width:1350px) {
   
.index-h1 .h2,.index-h12 .h2{ width: 90%;  margin: 0 auto; background-size: 100% 100%;  }
.index-h1 .h2 a,.index-h12 .h2 a{ font-size: 2.4rem; }

}

@media screen and (max-width:1219px) {
    .main1 ul li { width: 31%; margin: 0 auto; margin-left: 1%; margin-right: 1%; margin-bottom:10px  }

}


@media screen and (max-width:900px) {
   
.index-h1 .h2,.index-h12 .h2{ width: 90%;  margin: 0 auto; background:none;  }
.index-h1 .h2 a,.index-h12 .h2 a{ font-size: 3.6rem; }

}


@media screen and (max-width:400px) {
 .main1 ul li { width: 98%; margin: 0 auto; margin-left: 1%; margin-right: 1%;  margin-bottom: 30px;}
.main1{ margin-bottom:-40px;　}

}




.main2{ width: 100%; margin-top: 32px;}

.m2-l{ width: 578px; }
.m2-r{ width: 584px; }
.m2-l video{ display:none}


.m2-l embed{display: block; max-width: 578px; width: 100%; margin: 0 auto; }
@media screen and (max-width:640px) {
.m2-l video{ display:block} 
.m2-l embed{ display:none}
}


.m2-r ul li { width: 247px; margin-top: 21px; margin-bottom: 10px;   float: left; margin-left: 90px; }
.m2-r ul li a{ display: block; }
.m2-r ul li img{display: block; max-width: 70px; height: 57px; width: 100%; margin: 0 auto; }
.m2-r ul li p{ width: 100%; text-align: center; line-height: 24px; }
.m2-r ul li .p1{margin-bottom: 7px; margin-top: 15px;  font-size: 16px; font-size: 1.6rem; line-height: 24px; }
.m2-r ul li .p2{ color: #666666;  font-size: 14px; font-size: 1.4rem; line-height: 24px;}
.m2-r ul li .p2 a{ color: #666666; }

@media screen and (max-width:1219px) {
.m2-l{ width: 100%; float: none; margin-bottom: 30px;  }
.m2-r{ width: 100%; float: none;}
.m2-r ul li { width: 23%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important; }
}

@media screen and (max-width:800px) {

.m2-r ul li { width: 48%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important;  margin-bottom: 30px!important;}
}

@media screen and (max-width:400px) {

.m2-r ul li { width: 98%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 30px!important; }
}


.mian3{ width: 100%;background: url(main3.jpg) no-repeat top center;   margin-top: 52px; padding-bottom:50px;}

.mian3 .index-h1{ padding-top: 40px; margin-bottom: 53px; }
.mian3 .zon>a{ display: block; max-width: 268px; max-height: 202px; width: 100%; }

.mian3 ul li { float: left;  margin-left: 40px; max-height: 240px; background: #fff; overflow: hidden;  }
.mian3 ul li p{border-top: 1px solid #d7d7d7; line-height: 38px;  width: 90%; margin: 0 auto;  text-align: center; }
.mian3 ul li p a{ font-size: 14px; font-size: 1.4rem; }
.mian3 ul li p  a:hover{ color: #89b62e; }
.mian3 ul li img{ display: block; width: 100%; }
@media screen and (max-width:1500px) {
	.mian3{ width: 100%;background: url(main3.jpg) no-repeat bottom center #e9f1d7; background-size:100% auto;    margin-top: 52px; padding-bottom: 300px;}

}

@media screen and (max-width:1219px) {

.mian3 ul li{ width: 23%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important; }
.mian3{ width: 100%;background: url(main3.jpg) no-repeat bottom center #e9f1d7; background-size:100% auto;    margin-top: 52px; padding-bottom: 120px;}


}
@media screen and (max-width:600px) {
.mian3{ background-attachment: fixed; }
.mian3 ul li { width: 48%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important;  margin-bottom: 30px!important;}
.mian3{ width: 100%;background: none; background-size:100% auto;    margin-top: 52px; padding-bottom: 20px;}

}

@media screen and (max-width:400px) {

.mian3  ul li { width: 98%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 30px!important; }
}



/*footer*/
.foot {background-color: #89b62e;padding-top: 48px; padding-bottom:20px}
.foot .item1{width: 348px;float: left;margin-right: 121px;}
.foot .item1 .heading{text-align: left;font-size: 18px; font-size:1.8rem; color: #fff;margin-bottom: 15px;}
.foot .item1 .heading a{text-align: left;font-size: 18px; font-size:1.8rem; color: #fff;}
.foot .item1 .heading a:hover{text-align: left;font-size: 18px; font-size:1.8rem; color:#333;}
.foot .item1 .ms{margin-bottom:9px ;}
.foot .item1 .ms{font-size: 14px;color: #fff;}
.foot .item1 ul li{padding-left: 20px; }
.foot .item1 ul li.li1{background: url(h-site.png) no-repeat left 7px}
.foot .item1 ul li.li2{background: url(h-tel.png) no-repeat left center;}
.foot .item1 ul li.li3{}
.foot .item1 ul li.li4{}
.foot .item1 ul li.li5{background: url(h-mail.png) no-repeat left center;}
.foot .item1 ul li.li6{background: url(h-skype.png) no-repeat left center;}
.foot .item1 ul li{font-size: 14px; color: #fff; line-height: 30px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif;}
.foot .item1 ul li a{font-size: 14px; color: #fff; line-height: 30px; font-size: 1.4rem;font-family:Arial, Helvetica, sans-serif;}
.foot .item1 ul li a:hover{color:#333;}

.foot .item2{width: 351px;float: left;margin-right: 95px;position: relative;}
.foot .item2 .heading {text-align: left;font-size: 18px;  font-size:1.8rem; color: #fff;margin-bottom: 18px;}
.foot .item2 .heading a{font-size: 18px; font-size:1.8rem; color: #fff;}
.foot .item2 .heading a:hover{color: #333;}
.foot .item2 ul li .top .img{width: 90px;margin-right: 10px;}
.foot .item2 ul li .top .img a{display: block;width: 100%;}
.foot .item2 ul li .top .img a img{display: block;width: 100%;}
.foot .item2 ul li .mid{margin-top: 8px;}
.foot .item2 ul li .mid p{line-height: 30px;margin-bottom: 12px;}
.foot .item2 ul li .mid p a{font-size: 12px;color: #fff;}
.foot .item2 ul li .mid p a:hover{color: #333;}
.foot .item2 ul li .readmore a:hover {color: #333;border: 1px solid #333;}
.foot .item2 ul li .readmore a{display: block;width: 113px;height: 29px;line-height: 29px;text-align: center;font-size: 12px;color: #fff;border: 1px solid #bdd490;margin-top: 11px;  }
.foot .item2 .slideBoxfoot .hd ul{position: absolute;right: 0;top: 6px;}
.foot .item2 .slideBoxfoot .hd ul li{cursor: pointer; margin-left:7px;float:left;width: 8px;height: 8px;background: url(oval.png) center center;}
.foot .item2 .slideBoxfoot .hd ul li.on{background: url(ovalon.png) center center;}
.foot .item2 .top .content{ width: 247px; margin-top: -10px; }
.foot .item2 .top .content  p { margin-top: 0; padding-top: 0; }
.foot .item2 .top .content  p a{font-size: 14px; font-size: 14px; color: #fff;font-family:Arial, Helvetica, sans-serif; line-height: 30px;  } 
.foot .item2 .top .content  p a:hover{color: #333; font-family:Arial, Helvetica, sans-serif;}


.foot .item3{width: 285px;float: left;}
.foot .item3 .heading{text-align: left;font-size: 18px; font-size:1.8rem; color: #fff;margin-bottom:16px;}
.foot .item3 .heading a{text-align: left;font-size: 18px; font-size:1.8rem; color: #fff;}
.foot .item3>ul li{float: left;margin-right:32px;width: 37px;height: 37px;}
.foot .item3>ul li a{display: block;height: 37px;width: 37px;}
.foot .item3>ul li.li1 a{background: url(../img/fb.png) center center;}
.foot .item3>ul li.li2 a{background: url(../img/google.png) center center;}
.foot .item3>ul li.li3 a{background: url(../img/in.png) center center;}
.foot .item3>ul li.li4 a{background: url(../img/twitter.png) center center;}
.foot .item3>ul li.li5 a{}
.foot .item3>ul li.li6 a{}

.foot .item3>ul li.li1 a:hover{background: url(../img/fbon.png) center center;}
.foot .item3>ul li.li2 a:hover{background: url(../img/googleon.png) center center;}
.foot .item3>ul li.li3 a:hover{background: url(../img/inon.png) center center;}
.foot .item3>ul li.li4 a:hover{background: url(../img/twitteron.png) center center;}
.foot .item3>ul li.li5 a:hover{}
.foot .item3>ul li.li6 a:hover{}
.foot .item3>ul li.li6{margin-right: 0px;}
.foot .item3 .content{margin-top: 11px;}
.foot .item3 .content .con1{margin-top: 5px; line-height:28px;}
.foot .item3 .content .con1 p span{font-size: 14px; font-size: 1.4rem; color: #fff; font-family:Arial, Helvetica, sans-serif; }
.foot .item3 .content .con1 p a{ font-size: 14px; font-size: 1.4rem; color: #fff; padding-left: 5px; font-family:Arial, Helvetica, sans-serif; }
.foot .item3 .content .con1 p a:hover{ color: #333; font-family:Arial, Helvetica, sans-serif;  }

.links { padding-bottom: 10px; margin-top: 18px; height:23px;font-size: 18px; color: #fff;  }
.links a{ font-size: 18px; color: #fff; margin-right:15px;   }


@media screen and (max-width:1219px) {

.foot .item1{width: 300px; margin-right: 0px;}
.foot .item2{width: 312px; margin-right: 20px;}
.foot .item3{width: 280px; }

.foot .item2 .top .content{ width: 211px; }

}


@media screen and (max-width:959px) {

.foot .item1{width: 348px; margin-right: 0px;}
.foot .item2{width: 312px; margin-right: 20px;}
.foot .item3{width: 280px;  float: none;}

.foot .item2 .top .content{ width: 211px; }

}



@media screen and (max-width:700px) {

.foot .item1{width: 100%; float: none; margin-bottom: 30px;}
.foot .item2{width: 300px; float: none; margin-bottom: 30px;}
.foot .item3{width: 350px; float: none;}

.foot .item2 .top .content{ width:200px; }

}


@media screen and (max-width:350px) {

.foot .item1{width: 100%; float: none; margin-bottom: 30px;}
.foot .item2{width: 290px; float: none; margin-bottom: 30px;}
.foot .item3{width: 280px; float: none;}

.foot .item2 .top .content{ width: 187px; }

}



/* headerbotton */
.headerbotton{ width: 100%; height: 61px; }
.headerbotton .hnav{ }
.headerbotton .hnav {  font-size: 14px; font-size: 1.4rem; color: #333;padding-top: 12px;  }
.headerbotton .hnav  a{margin-left:3px; margin-right:3px}
.headerbotton .hnav a:hover,.yanselvs{ color:#73a50e;  }
.yanse33{ color: #333;}

.headerbotton .hnav #home{ margin-left:0px}

/* ================products==================== */
/* ================products==================== */
/* ================products==================== */
/* ================products==================== */
.products{width: 100%; margin-top: 0px;/* margin-bottom: 82px;*/ } 
.pro-r { float: right; width: 914px; }
.pro-r p{ color:#333333;}
.pro-l { float: left; width: 251px; }





.subNavBox{padding-bottom:10px; }
.prltbiao{ display:block; }
.prltbiao img{ width:100%; max-width:280px; max-height:70px;}


 .subNav{cursor: pointer;margin-bottom: 0px; margin-top: 8px;padding-top: 0px; background: #eee; background:#eee url(san1.png) no-repeat 7px center;}
 .subNav a{ line-height:40px; padding-left:21px; font-size:14px; font-size:1.4rem; color:#333333; transition:0s; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif}

 .subNav:hover>a{ color:#89b62e; background:#eee url(san.png) no-repeat 7px center;}

 .currentDd>a{color:#89b62e; background:#eee url(san.png) no-repeat 7px center; }
.lvse{color:#89b62e !important;}


 .navContent{display: none; background:#eee;position: relative;padding-bottom:10px; margin-top:-5px }
 .navContent>li a{display:block; font-size:14px; font-size:1.4rem; padding-top: 0;padding-bottom: 0px; color:#666; padding-left:28px;line-height: 30px; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif  !important;}
 .navContent>li a:hover{color: #89b62e;}
 
 
 
 
 
 



.navdl{ display: none; }
.navContent>li>dl>dd a{ padding-left: 46px; }




 .title2{width: 100%;margin-bottom:20px;margin-top: 100px;}
 .title2 a{font-size:24px;font-size:2.4rem; display: block;height:45px;line-height:45px;background-color: #eee;color: #fff;padding-left: 25px;}
 .subNav dl{border: 1px solid #ccc;background-color: #eeeeee;}
 .subNav dl dd{background-color: #eeeeee;padding-bottom:15px;border-bottom: 1px solid #ccc;padding-left: 22px;padding-right: 22px;padding-top: 22px;}
 .subNav dl dd .top a{font-size:16px;font-size:1.6rem;color: #333;padding-left: 26px; display: block;  line-height: 26px;}
 .subNav dl dd .bottom a{font-size:14px;font-size:1.4rem;color: #333;line-height: 30px;display: block;}
 .subNav dl dd a:hover{color: #eee; }
 .subNav dl dd .bottom{margin-top: 0px;}
 .subNav dl dd.dd2{border-bottom: 0px;}







.pro-l-footer{ width: 100%; }

.pro-l-footer { font-size: 14px; font-size: 1.4rem; line-height: 28px;  color: #333333;}

.pro-l .h1{ width: 100%; height: 40px; line-height: 40px; background: #73a50e; text-align: center; color: #fff; font-size: 20px;font-size: 2rem;  }
.pro-l .h1 a{color: #fff; }
.toph2{ width: 588px;  margin:0 auto; margin-bottom: 52px;}
.toph2 .input{ font-family:Arial, Helvetica, sans-serif; display: block; width: 150px; line-height: 35px; color: #fff; background: #7d7d7d; float: left; text-align: center; font-size: 14px; font-size: 1.4rem; cursor:pointer }
.toph2 .input:hover{ background: #89b62e; }
.toph2 .input1{ }
.toph2 .input2{ margin-left: 53px;  margin-right: 31px;}
.toph2 span{ color: #999999; line-height: 35px; font-size: 14px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif; }
.toph2 img{ display: block;  float: right;  }


 .share{ float:right; margin-top:3px}
 
.share svg{ width:25px !important; height:25px !important;}
.at-icon-wrapper{width:25px !important; height:25px !important;    border-radius: 2px;}
.at-icon-wrapper{border-radius:2px !important;}
.at-style-responsive .at-share-btn{     padding: 1px !important;}



.pro-l-b{ margin-top: 27px; }
.pro-l-b .h2{ margin-bottom: 28px; padding-bottom: 6px; color: #89b62e; font-family:Arial, Helvetica, sans-serif; font-size: 22px; font-size: 2.2rem; border-bottom: 2px solid #89b62e; font-weight: bold; }

.pro-l-b .h2 a{color: #89b62e;}

.chanlie{ width:270px; float:left;margin-left:50px; margin-bottom:60px;}
.chantu{ max-width:268px; margin: 0 auto; position:relative; border: 1px solid #d7d7d7; }
.chantun{ position:relative; overflow:hidden;}
.prtu{ display:block; text-align:center; position: relative; }

.chantu .span{ position: relative; display: block; width: 90%; margin: 0 auto;  text-align: center; line-height: 36px;  border-top: 1px solid #d7d7d7;   font-size: 14px; font-size: 1.4rem;  font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif  }


.prtu img{ display: block; width:100%; max-width:268px; max-height:201px; }
.chantu input{ position:absolute; left:0px; bottom:10px;z-index: 14;  }

.prtu1{ display:block; text-align:center; position: relative; }
.prtu1 img{ display: block; width:100%; max-width:268px; max-height:361px; }

.chanfu{ background: url(../img/zhezhao.png) no-repeat top center; width:100%; height:100%; position:absolute; left:0px; top:100%; transition:0.5s;}
.chanfu a{ display:block; width:110px; height:28px; background: #73a50e; line-height: 28px; text-align:center; font-size: 12px; font-size: 1.2rem; color:#fff; position:absolute; left:30%; /*margin-left:-67px;*/ top:50%; margin-top:-13px; }
.chantu .span a:hover{ color:#89b62e;}


.chanlie:hover .chanfu{ top:0px;}
.top80{ margin-top:80px}


@media screen and (max-width:1219px) {

.chanlie{ width: 31%; margin: 0 auto; margin-left: 1%; margin-right:1%; margin-bottom: 30px; }

}
@media screen and (max-width:979px) {
.chanfu{top:0;}
.top80{ margin-top:20px}
}



/*ppage*/
.fenye{ width:720px; margin: 0 auto; }
.ppage{text-align: center;  margin: 0 auto; }
.ppage a:hover{color: #fff;background-color: #73a50e;}
.ppage a,.ppage span {display: inline-block; margin-right:6px; border: 1px solid #e8e8e8;  width: 33px;height: 28px;line-height: 28px;text-align:center;color: #333333;font-size: 12px;font-size: 1.2rem;background-color: #eeeeee; font-family:Arial, Helvetica, sans-serif;}
.ppage span.on,.ppage a:hover{background-color: #73a50e;color: #fff;}
.ppage a.first,.ppage span.first{width:59px;margin-right: 6px;}
.ppage a.last,.ppage span.last{width: 59px;margin-left: -2px;}

.pro1-add{ margin-left: -4px;  text-align: center;  float: left; background: url(../img/add.png) no-repeat right center; padding-right: 26px; }
.pro1-add input{ width: 131px; height: 28px;color:#fff;  background: #73a50e;  font-size: 12px; font-size: 1.2rem; line-height: 28px;  float: right; margin-left: 10px; font-family:Arial, Helvetica, sans-serif; }
.pro1-add input:hover{ cursor:pointer;  }








/* fangdajing */

.left-pro #showArea img{cursor:pointer;display:block;margin-bottom:30px;margin-top: 10px; max-width:122px; max-height:90px;border:1px solid #ccc; }
.left-pro #showArea a{ display:block; width:122px;height:90px; margin-bottom: 32px; }
.left-pro #main_img{cursor:pointer;display:block;}
.left-pro #gotop{cursor:pointer;display:block; margin:auto; }
.left-pro #gobottom{cursor:pointer;display:block; margin:auto;}
.left-pro #showArea{ width: 134px; height:373px; overflow:hidden; margin-top: -1px; margin-bottom: -15px;}
.left-pro .MagicZoomBigImageCont {background:#FFF;width:300px!important;height:300px!important;}
.left-pro .MagicZoomBigImageCont img{width:1000px;height:1000px}
.left-pro .MagicZoomPup {border:0px solid #aaa;background:#ffffff;}


.left-pro{width:690px;margin: 0 auto;}
.left-pro .t1{width:126px;float:left; margin-left: 31px;}
.left-pro .t2{width:530px;text-indent:0;float:left;}
.left-pro .t2 a{ display:block; }
.left-pro .t2 img{text-indent:0;display: block; max-width:530px; border:#ccc  solid 1px}
.MagicZoomBigImageCont,.MagicZoomPup{display: none!important;}

.pro2640{ display: none; }

@media screen and (max-width:720px){
    .left-pro{ width: 100%; }
    .left-pro .t1{ display:none;　}
    .left-pro .t2{ display:none;　}
    .pro2640{ display: block;  width: 100%; margin: 0 auto; }
   
    .pro2640  img{ display: block; float: left;  width:49%; margin-left: .5%; margin-right: .5%; margin-bottom: 20px; }
	
}
@media screen and (max-width:460px){

.pro2640 a{ display: inline-block;  width:99%; margin-left: .5%; margin-right: .5%;}
}




.pro2-h2{ width:100%;margin: 0 auto; text-align: center;  margin-top: 18px; margin-bottom: 22px;}
.pro2-h2 a{ display: inline-block; line-height: 40px; font-size: 18px; font-size: 1.8rem; color: #333;}
.pro-title{ margin-top: 50px;  margin-bottom: 33px;  border-bottom: 2px solid #73a50e; }
.pro-title span{ display: block;width: 145px; background: #73a50e; color: #fff; line-height: 35px; text-align: center;font-size: 18px; font-size: 1.8rem; }

.porx{ margin-bottom:80px}
.porx p ,.porx p span,.porx p{  color: #333333; font-size: 14px; font-size: 1.4rem; line-height: 28px; }
.porx img{ display: block; max-width: 100%; }

.porx p a,.porx a{ color:#73a50e !important;　}

.porx p{ color: #333333; font-size: 14px; font-size: 1.4rem; padding-bottom: 47px; }
.porx .p1{ color: #73a50e; font-size: 16px; font-size: 1.6rem; padding-bottom: 10px;  }
.porx img{ display: block; max-width: 100%; }
.porx .pic a{ display: block; max-width: 426px; }
.porx .pic a img{ max-width: 426px;display: block; width: 100%; margin: 0 auto; }
.porx table{}

@media screen and (max-width:1219px){

.pro-r { float: right; width: 70%; }
.pro-l { float: left; width: 27%; }
.pro-l-footer dl dd{ float: left; margin-left: 20px; width: 47%; }
.porx .pic a{ width: 50%; }

}

@media screen and (max-width:979px){

.pro-r { float: none; width: 100%; margin-bottom: 40px; }
.pro-l { float: none; width: 100%;  }

}

@media screen and (max-width:642px){

.pro-l-footer dl dd{ width:50%; }
.fenye{ width: 100%; }
.ppage a{ margin-bottom: 30px; }
.pro1-add { margin: 0 auto; }
}


@media screen and (max-width:588px){
.toph2{ width: 100%; }
.toph2 img{ float: none; margin: 0 auto; }
.share {float: none; margin: 0 auto; text-align:center}
.toph2 .input{ float: none; margin-left: 0; margin: 0 auto; margin-bottom: 20px;  }
}








.pro-footer{ width: 100%; padding-bottom:79px;}

.pro-footer .index-h1{ padding-top: 0px; margin-bottom: 42px; }
.pro-footer .index-h1 .h2{ background: url(../img/title3.jpg) no-repeat center 9px ;  font-size: 36px; font-size: 3.6rem;  text-align: center; }

.pro-footer .zon>a{ display: block; max-width: 268px; max-height: 202px; width: 100%; }

.pro-footer ul li { float: left;  margin-left: 40px;  background: #fff; border: 1px solid #dcdcdc;  }
.pro-footer ul li p{ border-top: 1px solid #d7d7d7; line-height: 36px;  width: 90%; margin: 0 auto; text-align: center; }
.pro-footer ul li p a{ font-size: 14px; font-size: 1.4rem; }
.pro-footer ul li p  a:hover{ color: #89b62e; }
.pro-footer ul li img{ display: block; width: 100%;  max-width: 268px;  }

@media screen and (max-width:1219px) {

.pro-footer ul li{ width: 22%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important; }

}
@media screen and (max-width:600px) {
.zon{ max-width:270px; margin:0 auto;  }
.pro-footer{ background-attachment: fixed; }
.pro-footer ul li { width: 48%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important;  margin-bottom: 30px!important;}
}

@media screen and (max-width:400px) {

.pro-footer  ul li { width: 98%; margin: 0 auto!important; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 30px!important; }
}


/* =================new1=============== */

.new{ width: 100%; }
.new-top{ width: 100%; border-bottom: 1px  dashed #d0cece; padding-bottom: 32px;  margin-bottom: 65px;}
.new-top .new-timg{ max-width: 230px; margin-right: 18px; float: left; position: relative;}
.new-top .new-timg a{display: block;}
.new-top .new-timg a img{display: block;}

.new-top  .h1 a{ font-size: 16px; font-size: 1.6rem; line-height: 24px;}
.new-timg .time{ position: absolute; top: 0; left: 0; width: 51px; height: 51px; background: #ee7c89; }
.new-timg .time h2,p{color: #fff; width: 100%;}
.new-timg .time h2{ font-size: 24px; font-size: 2.4rem; text-align: center;}
.new-timg .time p{ font-size: 12px; font-size: 1.2rem;   text-align: center;}

.new-t-r{ width: 932px; }

.new-t-r .h1 a:hover{color: #73a50e;  }
.new-t-r p a:hover{color: #73a50e;  }
.new-t-r .h1{ font-weight: normal; font-size: 16px; font-size: 1.6rem; line-height: 24px;  margin-bottom: 20px;}
.new-t-r .h1 a{ display: block; color: #333; line-height: 36px; }
.new-t-r p{ text-align: left;  margin-top: 3px; }
.new-t-r p a{color: #666666; line-height: 28px;font-size: 14px; font-size: 1.4rem; }
.new-t-r .new-more { padding-top: 23px; }
.new-t-r .new-more a{display: block; color: #73a50e;font-size: 14px; font-size: 1.4rem; padding-left: 21px; background: url(../img/biao.png) no-repeat left center; }
.new-t-r .new-more a:hover{ color: #333;  }

.but{ margin-bottom: 50px; }
.new-footer{ margin-top: 78px; }

.newfenye{ width: 363px; margin: 0 auto; }

@media screen and (max-width:1219px){.new-t-r{ width:70%;}}

@media screen and (max-width:900px){
    .new-top{ height: 100%;  }
    .new-top .new-timg{ width: 100%; margin: 0 auto; float: none; }
    .new-t-r{width: 100%; margin: 0 auto; float: none; margin-bottom: 30px; }

}

@media screen and (max-width:370px){
.newfenye{ width: 100%; margin: 0 auto; }

}




/* new1 */
.prox table,.newx table{ width:97%; border-collapse:collapse; line-height:24px;}
.prox tr td,.newx tr td{ line-height:24px; padding:2px;}


.new1 .newx {position: relative;}
.new1 .newx  .h1 {width: 100%; text-align: center;  font-weight: normal;font-size: 18px;font-size:1.8rem;color: #333; line-height:24px; margin-bottom: 14px; }
.new1 .newx  .time{ width: 99px; margin:0 auto; text-align: center;margin-top: 8px;margin-bottom: 23px;}
.new1 .newx  .time{font-size: 14px;font-size:1.4rem;color: #73a50e;line-height: 20px;padding-left: 20px; background: url(../img/biao.png) no-repeat left;}


.new1 .newx  p{margin-bottom: 45px; font-size: 14px;font-size:1.4rem; line-height: 28px; color: #333;}
.new1 .newx  p a{ font-size: 14px;font-size:1.4rem; line-height: 28px; }
.new1 .newx  p span{ font-size: 14px;font-size:1.4rem; line-height: 28px; color: #333;}
.new1 .newx img{ display: block; max-width: 100%;}

.newx a{ color:#73a50e !important;　}
.new1 .newx .b-pic{margin-top: -2px;margin-bottom: 50px;}
.new1 .newx .b-pic a img{display: block;margin: 0 auto;max-width: 885px;width: 100%;}


.updown{padding-top: 22px;border-top: 1px dashed #ccc;margin-bottom:72px;}
.updown .up{margin-top: 0px;margin-bottom: 2px;}
.updown p{line-height: 24px;font-size: 14px;font-size:1.4rem;color: #666666; padding-left: 23px; }

.updown p a{font-size: 14px;font-size:1.4rem; line-height: 28px; color: #666;}
.updown p a:hover{color: #73a50e;}

.updown .up p{background: url(../img/pp.png) no-repeat left center;}

.updown .down p{background: url(../img/pp1.png) no-repeat left center;}


.porx table,.newx table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; }
.porx table tr td,.newx table tr td{ padding:3px; border:1px solid #ccc; background:#fff}


/* about */
.About{ width: 100%; }
.abh1{ font-size:2.6rem; font-size: 26px; color: #73a50e;  }


.abz{ margin-top: 15px; margin-bottom: 14px; }
.About .abz .ab-l { width: 625px;  }
.About .abz .ab-r { width: 570px; }
.About .abz .ab-l p{ color: #333; font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-bottom: 30px;  }

.About .abz .ab-r  img{ display: block; width: 100%; max-width: 608px; margin:0 auto; margin-top: 58px; }



#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Arial, Helvetica, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

.img-scroll3 { position:relative; padding-top:29px; margin-bottom: 22px; }
.img-scroll3 .prev3,.img-scroll3 .next3{position:absolute;display:block;width:50px;height:98px;top: 50%;margin-top: -49px;}
.img-scroll3 .prev3 { left:-110px;cursor:pointer; border-radius: 10%;}
.img-scroll3 .next3 { right:-110px;cursor:pointer;border-radius: 10%;}
.img-scroll3 .prev3:hover {}
.img-scroll3 .next3:hover {}
.img-list3 { position:relative; width:1200px; overflow:hidden;margin: 0 auto 0px;}
.img-list3 ul { }
.img-list3 li { float:left; display:inline; width:250px; margin-right:65px;}
.img-list3 li .m3lie2{ max-width:435px;text-align: center;background: #f6f6f6; overflow: hidden; border-bottom: 4px solid #299b9d;}
.img-list3 li .m3lie2 img{ max-width:435px; max-height:435px;width: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.img-list3 li .m2-3{ display: block; text-align: center; font-size: 16px; font-size:1.6rem;color: #299b9d;line-height: 30px; width: 90%; margin: 0 auto; padding-top: 8px; text-align: left;}
.img-list3 li .m3tu{display: block; overflow: hidden; width: 100%; height: 185px;}
.img-list3 li .m2-3:hover{color: #333;}
.img-list3 li .m1lie { margin-top: 0; }

.img-list3 li .m1lie .m1tu{  max-width: 283px;}
.img-list3 li .m1lie .m1tu .m1tun{  max-width: 281px;}
.img-list3 li .m1lie .m1tu .m1tun img{  max-width: 281px; width: 100%;}
.img-list3 li .m3lien1{margin-top: 60px; }
.img-list3 li .m3lie2 img:hover{transform: scale(1.1);}
.img-list3 li .m2-3{text-align: center;    color: #333;font-size: 14px;  width: 85%; margin:0 auto; line-height: 27px;  display: block; padding-bottom: 14px; padding-top: 7px;}
.img-list3 li .m2-3:hover{color: #299b9d;}
.img-scroll33{display: none;}
.img-scroll33 ul{display: flex;justify-content: flex-start;flex-wrap: wrap; margin-top: 20px; margin-bottom: 30px; }
.img-scroll33 ul li{width: 33.33%;margin-bottom: 15px; }
.img-scroll33 ul li a{display: block; width: 100%;overflow: hidden;}
.img-scroll33 ul li a img{display: block;width: 100%;max-width: 280px;}
.img-scroll33 ul li a{font-size: 14px;color: #333;line-height: 40px;text-align: center;}
.img-scroll33 ul li .m2-3{color: #333;font-size: 14px;  width: 80%; margin: 0 auto;  display: block;}
.img-scroll33 ul li .m2-3{font-size: 14px;  font-size: 1.4rem;line-height: 30px; width: 100%; margin: 0 auto; text-align: center;}


.m1tu {    position: relative;    margin: 0 auto;    max-width: 250px; overflow: hidden;  }
.m1tun { display: block; width: 100%;}
.m1fu {display: block; position: absolute; left: 0px; top: 100%; width: 100%; max-width:250px;   height: 100%;}
.m1fu img { width: 66px; height: 53px; position: absolute;left: 50%;  margin-left: -20px;  top: 41%;}
.m1lie:hover .m1fu {    top: 0px;}



@media screen and (max-width:1450px) {
    .img-scroll3 .next3{right: 44%;top:115%;}
    .img-scroll3 .prev3{left: 44%;top:115%;}
}


@media screen and (max-width:1219px) {
     .img-list3{width: 930px;}
     .img-list3 li{ width:180px; }
     .img-list3 li .m1lie{ width: 100%; }
}


@media screen and (max-width:959px) {
     .img-list3{width:95%;}
     .img-list3 li{margin-right: 107px;}
}
@media screen and (max-width:959px) {
      .img-scroll3{display: none;}
      .img-scroll33{display: block;}
      .img-scroll33 ul li{width:48%; margin-left: 1%; margin-right: 1%; margin: 0 auto; margin-top: 15px;}
    
}
@media screen and (max-width:639px) {
    -title a{ font-size: 30px; }
    .img-scroll3{ width: 90%; margin: 0 auto; }
    .m3zi{padding-top: 10px;}
    .img-scroll33 ul li{width:280px; margin:0 auto; margin-bottom: 25px;}
    .img-scroll33 ul li .m3zi{color: #4d4d4d;font-size: 14px; line-height: 25px;  width: 80%; margin: 0 auto; text-align: left; display: block; padding-bottom: 20px;}
}
@media screen and (max-width:750px) {
     .img-scroll33 ul li{width:280px; margin-left: 4%; margin-bottom: 25px;}
     .img-scroll33 ul  li .m3zi{ width: 100%;  font-size: 14px; }
}
@media screen and (max-width:680px) {
     .img-scroll33 ul li{width:280px;  margin: 0 auto; margin-bottom: 25px;}
     .img-scroll33 ul  li .m3zi{ width: 100%;  font-size: 14px; }
}






.left-pro1{width:1200px;text-align:left; margin-top: 49px; margin-bottom: 80px; }
.left-pro1 .t1{width:202px;float: left; }
.left-pro1 .t2{width:974px;text-indent:0;float: right;  height: 604px; position: relative; margin-top: -3px; }
.left-pro1 .t2 a{ display:block;margin-bottom: 18px;}
.left-pro1 .t2 p { position: absolute; bottom:0px;  text-align: center; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 35px; background: url(../img/xianbj.png) no-repeat top center; }
.left-pro1 .t2 img{text-indent:0;display: block; max-width: 974px; width: 100%;}
.MagicZoomBigImageCont,.MagicZoomPup{display: none!important;}



.left-pro1 #showArea img{cursor:pointer;display:block;margin-top: 10px;width:192px;height:118px; border:2px solid  transparent;}
.left-pro1 #showArea a{ display:block;}
.left-pro1 #main_img{cursor:pointer;display:block; width: 100%; }
.left-pro1 #gotop{cursor:pointer;display:block; margin:auto; }
.left-pro1 #gobottom{cursor:pointer;display:block; margin:auto;}
.left-pro1 #showArea{height:527px; overflow:hidden; margin-top: 3px; margin-bottom: 13px; }
.left-pro1 #showArea a:hover{ background:url(../img/probj.png) no-repeat right center;}
.left-pro1 .MagicZoomBigImageCont {background:#FFF;width:300px!important;height:300px!important;}
.left-pro1 .MagicZoomBigImageCont img{width:1000px;height:1000px}
.left-pro1 .MagicZoomPup {border:0px solid #aaa;background:#ffffff;}

.showArea2{display: none;}




@media screen and (max-width:1219px){

.About .abz .ab-l { width:50%;  }
.About .abz .ab-r { width: 50%; }
.left-pro1{width:100%;}
.left-pro1 .t1{width:20%;}
.left-pro1 .t2{width:77%;}

}

@media screen and (max-width:959px){

.About .abz .ab-l { width:100%;  float: none;}
.About .abz .ab-r { width: 100%; float: none;}
.left-pro1{ display: none; }
.showArea2{ display: block;  margin-bottom: 40px;}
.showArea2 a{ display: block; float: left; width: 48%; margin: 0 auto; margin-left: 1%; margin-right: 1%; margin-top: 20px; }
.showArea2 a img{ display: block; max-width: 100%; }

}


@media screen and (max-width:680px){

.showArea2 a{ display: block; float: left; width: 98%; margin: 0 auto; margin-left: 1%; margin-right: 1%; margin-top: 20px; }

}











/* contact */

.conh1 p{ font-size: 14px; font-size: 1.4rem;  color: #333;  padding-bottom: 13px; width: 100%;  }


.con-ul{ margin-top: 106px; }
.con-ul li { width: 248px;  height: 201px;  float: left; margin-left: 59px; }
.con-ul li .ul{ width: 248px;  height: 201px;  position: relative; border:1px solid #73a50e; }
.con-ul li img{ position: absolute; top:-73px;  left: 50%; margin-left: -66px; }

.con-ul li p{ color: #333; font-size: 14px; font-size: 1.4rem;line-height: 30px; }
.con-ul li p a{ display: block; color: #333; font-size: 14px; font-size: 1.4rem; line-height: 30px;  }
.con-ul li p a:hover{ color:  #73a50e; }


.con-ul li .p1{ width: 190px; padding-left: 45px; background: url(../img/didian.png) no-repeat 10px 10px;  margin-top: 68px; }

.con-ul li .p2{ width: 135px; padding-left: 45px; background: url(../img/didian2.png) no-repeat 10px 10px; margin: 0 auto; margin-top: 92px; }

.con-ul li .p3{ width: 132px; padding-left: 45px; background: url(../img/didian3.png) no-repeat 10px center; margin: 0 auto; margin-top: 100px; }
.con-ul li .p4{ width: 132px; padding-left: 45px; background: url(../img/didian4.png) no-repeat 10px center; margin: 0 auto; margin-top: 100px; }






.cubiao{ text-align:center; padding-top:57px;}
.cubiao a{font-family:Arial, Helvetica, sans-serif; display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase;font-weight:bold;}
.cubiao p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-size:1.4rem; line-height:25px; text-transform:uppercase; color:#73a50e; margin-top:0px;}

.cuxin{ margin-top:9px;  margin-bottom: 79px;}
.xinl{ width:462px; float:left;}
.xinr{ width:662px; float:right;}
.cuxin .int1{ padding-left:18px; margin-top:19px;}
.cuxin .xing{ background:url(../img/xing.jpg) no-repeat left 22px;}
.cuxin .int1 input{ width:439px; height:48px; border:1px solid #bbbbbb; font-family:Arial, Helvetica, sans-serif; padding-left:40px; font-size:16px; font-size:1.6rem; line-height:46px; border-radius:5px; color:#333}
.cuxin .curen{ background:#fff url(../img/coren.jpg) no-repeat left center;}
.cuxin .cuxinfeng2{ background:#fff url(../img/coxinfeng.jpg) no-repeat left center;}
.cuxin .cudianhua2{ background:#fff url(../img/codianhua.jpg) no-repeat left center;}
.cuxin .cufangzi2{ background:#fff url(../img/cofang.jpg) no-repeat left center;}
.cuxin .int2{padding-left:18px; margin-top:19px;}
.cuxin .int3{padding-left:18px; margin-top:16px;}
.cuxin textarea{ width:600px; height:186px; border:1px solid #bbbbbb; font-family:Arial, Helvetica, sans-serif;  padding-left:40px; font-size:16px; font-size:1.6rem; line-height:46px;background:#fff url(../img/cobiji.jpg) no-repeat left top; border-radius:5px; color:#333}
.cuxin .int4{width:230px; height:48px; border:1px solid #bbbbbb; padding-left:11px; font-size:16px; font-size:1.6rem; line-height:48px; float:left; border-radius:5px; color:#333}
.cuxin .cuyanzheng{float:left; margin-left:8px; cursor:pointer;}
.cuxin .int5{ font-family:Arial, Helvetica, sans-serif; width:199px; height:50px; border:none; background:#73a50e; float:right; cursor:pointer; font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#fff; border-radius:5px; }
.ditu{ width:1200px; height:512px; margin-top:45px;}
.cuxin .int5:hover{ background:none; border:1px solid #73a50e; color: #73a50e;}

@media screen and (min-width:1000px) and (max-width:1219px){
.cot{ background:none}
.cot ul{ width:190px; margin-left:5px;}
.xinl{ width:400px;}
.xinr{ width:564px;}
.cuxin .int1 input{ width:337px;}
.cuxin textarea{ width:503px;}
.cuxin .int4{width:179px;}
.cuxin .int5{ width:150px;}
.ditu{ margin-left:auto;width:100%; height:auto; max-width:1181px; max-height:512px;}

.con-ul li{ width: 23%; margin: 0 auto;  margin-left: 1%; margin-right: 1%; }

}
@media screen and (max-width:999px){
.cot{ background:none}
.cot ul{ width:32%; margin-left:1%; margin-top:20px;}
.xinl{ width:100%;}
.xinr{ width:100%;}
.cuxin .int1 input{ width:92.3%;}
.cuxin textarea{ width:92.3%;}
.cuxin .int4{width:30%;}
.cuxin .int5{ width:30%; float:left; margin-left:10px;}
.ditu{ margin-left:auto;width:100%; height:auto; max-width:1181px; max-height:512px;}
.coc li{ display:block; text-align:left; margin:10px 0;}
.con-ul li{ width: 23%; margin: 0 auto;  margin-left: 1%; margin-right: 1%; }
.con-ul li .p1{ width: 83%; }
}
@media screen and (max-width:639px){
.cuxin .int1 input{ width:88.5%;}
.cuxin textarea{ width:88.5%;}
.cuxin .int4{width:30%;}
.cuxin .cuyanzheng{ float:left; margin-left:10px;}
.cuxin .int5{ width:100%; margin-top:20px; margin-left:auto;}
.ditu{ margin-left:auto;}
.cot ul{ width:49%; margin-left:1%; margin-top:20px;}
.comain{ padding-top:30px; padding-bottom:30px;}
}
@media screen and (max-width:419px){
.cuxin .int1 input{ width:84.5%;}
.cuxin textarea{ width:84.5%;}
.cot ul{ width:99%;}
}

@media screen and (max-width:959px){
 .con-ul li{ width: 50%; margin: 0 auto!important;  margin-bottom: 50px!important; margin-top: 50px!important;}
   
 .con-ul li .ul{ width: 248px; margin: 0 auto!important;   }

}


@media screen and (max-width:540px){
 .con-ul li{ width: 100%; margin-bottom: 50px!important; margin-top: 50px!important;}
   
 .con-ul li .ul{ width: 248px; margin: 0 auto!important;   }

}




@media screen and (max-width:640px) {
   
   .links{ display: none; }

}

/***********************  contact  *****************************/
.cobiao{ display:block; text-align:center;   }

.activator,.activator2{cursor:pointer}
.overlay,.overlay2 { position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1110000; text-align:center; width:100%; margin:0 auto; max-width:1920px; }
.box1 ,.box2{ position:fixed; top:-1800px; background:#fff;  z-index:111111000; width:100%; max-width:754px; margin:0 auto; margin-top:267px; padding-top:11px; padding-bottom:53px; border:solid 1px #dedede; box-shadow: 0 0 16px rgba(0, 0, 0, .2); }


.box_n{ margin:0 auto;  }

a.boxclose,a.boxclose2{ display:block; cursor:pointer; position:relative; text-align:right; padding-right:13px; }
 

.box_xp{ padding-top:11px;  width:100%; max-width:350px; margin:0 auto; padding-bottom:19px;  }

.box_div1{ padding-bottom:20px; }
.box_left{ float:left; width:90px; padding-top:4px; line-height:31px; font-size:14px; font-size:1.4rem; }
.box_lwz1{ float:left; }
.box_lwz2{ float:right; padding-right:16px; }

.box_right{ float:left; }
.box_right input{ height:31px; line-height:31px; width:241px; border:solid 1px #dcdcdc; float:left; text-indent:10px; color:#4d4d4d; }
.box_bt{ float:left; font-family:Arial, Helvetica, sans-serif; width:14px; text-align:right; color:#ff0000; line-height:35px; }

.box_tjiao{ text-align:center; margin-top:5px; padding-bottom:1px; }
.box_send{ width:131px; height:33px; line-height:31px; text-align:center; color:#fff; background:#73a50e; border-radius:10px; font-size:16px; font-size:1.6rem; cursor:pointer; border-radius:5px; }
.box_send:hover{ color:#4d4d4d; }

@media screen and (min-width:1220px){
.box1,.box2 { margin-left:13%; }	
}
@media screen and (max-width:1219px){
.box1,.box2  { margin-left:10%; }	
.d_lnr a{ display:block; }
}
@media screen and (max-width:999px){
.box1,.box2  { margin-left:8%; }	
.d_left{ width:80%; }
.box1{ margin-top:157px; }
}
@media screen and (max-width:899px){
.box1,.box2 { margin-left:2%; }	
}
@media screen and (max-width:839px){
.box1 { margin-left:0px; }	
.d_left{ width:77%; }
}
@media screen and (max-width:799px){
.box1,.box2  { width:95%; }
}
@media screen and (max-width:739px){
.d_left{ width:74%; }
}
@media screen and (max-width:679px){
.d_left{ width:100%; float:none; text-align:center;}
.d_right{ width:100%; float:none; margin:0 auto; max-width:140px; }
}
@media screen and (max-width:499px){
.d_ltitle a{ display:block; }	
}
@media screen and (max-width:379px){
.box_div1{ padding-left:10px; }
.box_left{ width:100%; }	
}








.p1_in2 {
width: 111px;
margin: 0 auto;
text-align:center;
}
.p1_in2 a {
display: block;
padding-left: 9px;
width: 111px;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
height: 38px; /*padding-top:36px;*/
line-height: 38px;
background: #2fa7e0; }
.p1_badd2 {
float: left;
/*font-size: 14px;
font-size: 1.4rem;*/
font-family:Arial, Helvetica, sans-serif;
padding-top:36px;
}
.p1_badd2 a{ color:#fff; line-height:28px; display:block; margin-left: 11px; 
width: 155px;
height: 39px;
line-height: 37px;
text-align: center;
background: #59b9e7;
cursor: pointer;
color: #fff;
}


@media screen and (max-width:999px){
.p1_badd2 { margin:0 auto;  float:right; margin-top:20px; margin-right:23px; }	 
}
@media screen and (max-width:899px){
.p1_badd2 { float:none; margin:0 auto !important; width:100%; padding-left:60px; max-width:155px; padding-top:20px; }	
}



.p2_left{ display:none; }
@media screen and (max-width:999px){
.p2_left{ display:block; width:100%; max-width:240px; margin:0 auto; margin-top:50px;  }	
}



.list_cart div{width:133px; height:27px }
.list_cart{ width:100%; margin-bottom:10px; }
.top10{margin-top:10px}
.list_cart div.continue a{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#73a50e; color:#fff; cursor:pointer}
.list_cart div.continue{ float:left;; }
.list_cart div.inquirecart{  float:right; }
.list_cart div.inquirecart input{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#73a50e; cursor:pointer; color:#fff}
.xuanpzhi{ width:100%; font-size:16px; font-size:1.6rem; color:#333; line-height:25px; text-indent:5rem}
.top30{  margin-top:30px}
.cuowu{ width:658px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px}
.cuowu img{ width:100%; max-width:658px; overflow:hidden}
@media screen and (max-width:999px){
	
	
	.list_cart{ width:100%}
.list_cart .continue{ width:30%; float:left}
.list_cart div.inquirecart{  float:right; width:30%;  }
.xuanpzhi{  text-indent:0rem !important}
.cuowu{ width:80%; margin-left:auto; margin-right:auto; }



}

@media screen and (max-width:420px){
.list_cart div.continue{ float:none; }
.list_cart div.inquirecart{  float:none; }

.list_cart{ width:100%;margin-top:1.5rem}
.list_cart .continue{ width:100%; float:none}
.list_cart div.inquirecart{  float:none; width:100%; margin-top:1.5rem   }
}

