@charset "utf-8";
/* CSS Document */
/* powered by:杭州翰臣科技有限公司 方小燕; */
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/

@font-face{
	font-family: 'Helvetica Neue Light';
	/*src:url(../font/Helvetica Neue Light.eot)format('eot'),/*IE*/
	src:url(../font/Helvetica Neue Light.ttf)format('ttf');
}
@font-face{
	font-family: 'Helvetica Neue LT Pro';
	/*src:url(../font/Helvetica Neue Light.eot)format('eot'),/*IE*/
	src:url(../font/HelveticaNeueLTPro-Th.otf)format('otf');
}
body{ margin:0; padding:0; font-family: 'Helvetica Neue Light', 'arial' ; font-size:12px; color:#404040;}
input ,textarea , select{ font-family: 'Helvetica Neue Light', arial; outline: none; border: 0 none; background: none;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{ margin:0; padding:0;}
a, a:hover, a:visited, li, li:hover, dd, dd:hover{ text-decoration:none; color:#404040;}
ul,li{ list-style:none; margin:0; padding:0;}
img{ border:0 none; text-decoration:none; padding: 0; margin: 0;}
.clear{ clear:both; width:0; height:0;}
html{ overflow-x:hidden;}
.container {width: 1200px; margin: 0 auto;}

/* head */
.header{ width: 100%; background-color: #363636; height: 80px; box-shadow: 0 1px 10px #000; position: relative; z-index: 10px;}
.head{ width: 1200px; margin: 0 auto; height: 54px; padding: 5px 0;}
.head .logo{ float: left; width: 450px; height: 54px;}
.head .logo a{ display: block;}
.navigation{ width: 650px; float: right; padding-top: 13px}
.navigation li{ float: left;}
.navigation li a{ display: block; font-size: 15px; line-height: 54px; padding-left: 34px; color: #d9d9d9; text-transform: uppercase; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.navigation li:hover a , .navigation li.current a{ color: #fff21c;}

/**** banner *****/
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height: 496px; overflow:hidden;}
.banner .slides_container{ width:1920px; height:496px; position:relative; overflow:hidden; display:block;}
.banner .slides_container li ,.banner .slides_container li a ,.banner .slides_container li a img{ width:1920px; display:block;}
.banner .pagination { margin-top:-40px; position:absolute; z-index:10; right:40px; left:76%; margin-left:-45px;}
.banner .pagination li {float:left; margin:0 1px; list-style:none; }
.banner .pagination li a {display:block; width:11px; font-size:0px; height:11px; border: 1px solid #a7a5a5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float:left; overflow:hidden; margin-left:10px; font-size:0px; line-height:1000px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.banner .pagination li.current a,.banner .pagination li a:hover{ background: #a7a5a5;}
/* index */
.inSection{ width: 1200px; margin: 0 auto; padding: 15px 0 20px 0; overflow: hidden;}
.inSection li{ float: left; width: 270px; height: 288px; margin-right: 40px; position: relative;}
.inSection li.last{ margin-right: 0;}
.inSection li .img{ width: 269px; height: 145px; overflow: hidden; border-radius: 10px; margin-bottom: 10px;}
.inSection li .img a{ display: block; width: 269px; height: 145px; position: relative;}
.inSection li .img img{ width: 100%; height: 100%; -webkit-transition:-webkit-transform 0.8s ease-out; -moz-transition:-mos-transform 0.8s ease-out; -ms-transition:-ms-transform 0.8s ease-out; transition:transform 0.8s ease-out;}
.inSection li:hover .img img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}
.inSection li .img span{ display: block; width: 269px; height: 145px; position: absolute; left: 0; top: 0; background: url(../Images/inaboutimgbg.png) no-repeat center;}
.inSection li h3{ text-transform: capitalize; font-size: 20px; line-height: 36px; color: #666; font-weight: normal; margin-bottom: 10px;}
.inSection li .txt{ line-height: 20px; color: #888; font-size: 13px;}
.inSection li .linkList{ position: absolute; bottom: 0; left: 0;}
.inSection li .linkList a{ padding-left: 22px; position: relative; color: #91b002; display: block; line-height: 26px; font-size: 14px; font-weight: normal;}
.inSection li .linkList a:before{ position: absolute; left: 0; top: 7px; content: ''; display: block; width: 12px; height: 12px; background-color: #91b002;}
.inSection li .linkList a:hover{ color: #009242;}
.inSection li .linkList a:hover:before{ background-color: #009242;}

 .title-nav{font-size:14px;padding:10px 0;border-bottom:2px solid #ddd;}  
 .title-nav .floor-tag{color:#444;font-size:18px;font-weight:bold}  
 .title-nav .title{font-size:18px;margin-left:5px;color:#ef8000;}
.product {background-color: #FFF;border: 1px solid #e4e4e4;}
 .lists .item .sub-2 .index-products li{float:left;text-align:center;width:300px;position:relative}  
 .lists .item .sub-2 .index-products li .img{padding-top:5px}  
 .lists .item .sub-2 .index-products li:hover dt img{margin-right:5px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}  
 .lists .item .sub-2 .index-products li dl.product{height:269px;padding-top:10px} 
  .lists .item .sub-2 .index-products li dl.product dd{text-align:left;color:#999}  
  .lists .item .sub-2 .index-products li dl.product dd.price{font-size:16px;color:#dd2727}  
  .lists .item .sub-2 .index-products li dl.product dd.title{overflow:hidden;height:3em;line-height:3em;text-align:center} 


/*环境首选*/

#tabs{ clear:both;}
.tabsUl{ text-align:right;height:45px;margin-top:5px}
.tabsUl li{float: left}
.tabsUl li>a{display: block;color: #444;font-size: 14px; line-height:35px; width:110px; text-align:center; border:5px solid #fff; margin-bottom:-1px}
.tabsUl li:nth-child(2)>a{ border-left:0; border-right:0}
.tabsUl li>a:hover{background:#ededed; color:#333}
.tabulous_active {cursor: default;background:#a7cc09 !important; color:#fff!important}
.tabsCon {padding: 0px 0;position: relative;}
.tabsCon>.tadsItem { width:100%; padding-bottom:20px}
.make_transist ,.secStxt{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.hidescale {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
filter: alpha(opacity=0);
opacity: 0;}
.showscale {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;

-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;}

/*解决方案*/
.solution{ width:1200px; height:355px; margin:auto; overflow:hidden;margin-top:0px;}

.M_2{ margin-top:0px;margin-bottom:70px;}
.M_2 .tempWrap{ width:100%;}
.M_2 .slideTxtBox2 .parBd { width: 100%;margin: 0 auto;}
.M_2 .slideTxtBox2 .parBd .picScroll-left { position: relative; width:100%;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd {height: 50px; /*left: -32px;*/ position: absolute;top:107%; width: 95.5%; right: 0; z-index: 9; text-align:center;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev,.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext,.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .smore { background: url(../images/product_bg1.png) center center no-repeat; cursor: pointer;  display:inline-block;  height: 50px;  width: 50px;background-size:auto 100%;margin-left:6px; margin-right:6px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev:hover,.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext:hover {transition: all 0.3s; opacity: 0.8; filter: Alpha(opacity=80);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev { }
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext { background: url(../images/product_bg2.png) center center no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .smore { background: url(../images/product_bg3.png) center center no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .prevStop {background-position: -60px 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .nextStop {background-position: -60px -50px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd {height: auto; overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul {height: auto; padding: 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li { float: left; height: auto; width: 25%;text-align:center; overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con{ width:92.7%; margin-left:1.7%; position:relative;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .imgs{ display:block; width:100%; max-height:248px; overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .imgs img{ width:100%; display:block;-webkit-transition: all 0.8s ease-out;height:175px;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .p{ height:35px; line-height:35px; font-size:14px; color:#333333; overflow:hidden; background-color:#e6e6e6;transition: all 1.6s;padding-left:5px; padding-right:5px; }
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .show_bg{ width:100%; height:100%; background:url(../images/i_two_bg.png) top center no-repeat; background-size:100% auto; position:absolute; top:0;transition: all 0.6s; opacity: 0; filter: Alpha(opacity=0); left:0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .show_bg .p2{ position:absolute; bottom:0; height:98px; overflow:hidden; border-top:1px solid #0181b0; border-bottom:1px solid #0181b0; background-color:#a7cc09;color:#fff; font-size:16px; width:96%;line-height:46px;padding-left:2%; padding-right:2%; left:0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .show_bg .p2 h2{ font-weight:normal; margin-top:3px; height:46px;  overflow:hidden; font-size:14px; background:url(../images/i_two_bg2.png) bottom center no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a:hover .team_con .p{opacity: 0; filter: Alpha(opacity=0);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a:hover .team_con .show_bg{opacity: 1.0; filter: Alpha(opacity=100);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a{ text-decoration:none; display:block;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a:hover .team_con img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


/* 新闻列表 */
.col-md-6 {
    width: 49%;    float: left;
}
.col-md-2 {
    width: 16.66666667%;float: left;
}
.col-md-10 {
    width: 82.33333333%;float: right;
}
.news{margin-top:0px;}
.news_son{margin-top:15px;}
.news_son .hd{height:38px; margin:0px auto; width:320px; position:relative; }
.news_son .hd ul{ position:absolute; height:38px;}
.news_son .hd ul li{float:left; padding:8px 19px 8px; cursor:pointer; margin:0px 5px; border:1px solid; border-color: #ddd #ddd #2c71b2;background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); text-align:center; font-size:14px; color:#000000;}
.news_son .hd ul li.on,.news_son .hd ul li:hover{background:#00549e; color:#ffffff;}
.news_son .bd ul{zoom:1;}
.news_son .bd ul li{border-bottom:1px solid #dddddd; height:105px; margin-top:0px; padding-right:10px;}
.news_pic{padding:0px;}
.news_txt .news_tit a{font-size:1.2em; line-height:14px;color:#91b002;font-weight:600;}
.news_txt .news_con a{line-height:20px; margin-top:3px; max-height: 60px; overflow: hidden; font-size: 12px;color:#888}






/********** foot **********/
.footer{ width: 100%;clear:both}
.footTop{ background-color: #e6e6e6;}
.footTopCenter{ width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0;}
.footNav{ float: left; width: 930px;}
.footNav dl{ margin-right: 120px; float: left;}
.footNav dt{ font-size: 14px; color: #3d3d3d; text-transform: uppercase; font-weight: bold; margin-bottom: 20px;}
.footNav dd{ text-transform: capitalize; line-height: 24px;}
.contactWay{ float: right; width: 270px;}
.contactWay p{ padding-left: 42px; height: 35px; line-height: 25px; font-size: 13px;}
.contactWay p.p1{ background: url(../Images/footicon1.png) no-repeat left center;}
.contactWay p.p2{ background: url(../Images/footicon2.png) no-repeat left center;}
.contactWay p.p3{ background: url(../Images/footicon3.png) no-repeat left center;}
.contactWay p.p4{ background: url(../Images/footicon4.png) no-repeat left center;}
.footBottm{ width: 100%; background-color: #656262; color: #f8f8f8;}
.footBottmCenter{ width: 1200px; margin: 0 auto; overflow: hidden; height: 50px; line-height: 50px;}
.footBottmCenter .p1{ float: left; font-family: arial;}
.footBottmCenter .p2{ float: right; text-transform: uppercase;}
.footBottmCenter .p2 a{ color: #f8f8f8;}
.footer a{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer a:hover{ color: #009242;}

/************* about *************/
#fp-nav ul li, .fp-slidesNav ul li {display: block; width: 28px; height: 28px; margin: 4px; position:relative; }
.fp-slidesNav ul li {display: inline-block; }
#fp-nav ul li a, .fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } 
#fp-nav ul li.active a span, .fp-slidesNav ul li.active a span {background: url(../Images/dot2.png) no-repeat center; }
#fp-nav ul li a.active span, .fp-slidesNav ul lia.active  span {background: url(../Images/dot2.png) no-repeat center; }
#fp-nav ul li a span, .fp-slidesNav ul li a span {top: 2px; left: 2px; width: 28px; height: 28px; border: 0 none; background: url(../Images/dot1.png) no-repeat center; border-radius: 0; position: absolute; z-index: 1; }
#fp-nav ul li .fp-tooltip {position: absolute; top: 3px; color: #fff; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: auto; font-size: 10px; text-transform: uppercase; background: url(../Images/tipicon.png) no-repeat right center; padding-right: 3px;}
#fp-nav ul li.active .fp-tooltip{ opacity: 1;}
#fp-nav ul li .fp-tooltip.right { right: 30px;}
#fp-nav ul li .fp-tooltip span{ background-color: #33ac69; padding: 4px 10px; display: block;}



.aboutBox1{ width: 1200px; margin: 0 auto; padding-top: 6%;}
.abouthd{ text-align: center; margin-bottom: 64px;}
.abouthd ul{ width: 696px; margin: 0 auto;}
.abouthd li{ width: 232px; float: left; padding-top: 120px; font-style: italic; font-size: 18px; line-height: 48px; font-weight: 600; font-family: 'Helvetica Neue LT Pro', arial; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.abouthd li.li1{ background: url(../Images/rdicon.png) no-repeat center top;}
.abouthd li.li2{ background: url(../Images/mficon.png) no-repeat center top;}
.abouthd li.li3{ background: url(../Images/qaicon.png) no-repeat center top;}
.abouthd li.li1:hover , .abouthd li.li1.resp-tab-active{ background: url(../Images/rdicon1.png) no-repeat center top;}
.abouthd li.li2:hover , .abouthd li.li2.resp-tab-active{ background: url(../Images/mficon1.png) no-repeat center top;}
.abouthd li.li3:hover , .abouthd li.li3.resp-tab-active{ background: url(../Images/qaicon1.png) no-repeat center top;}

.aboutBdBox{ width: 1042px; height: 314px; background-color: #a9c3b5; margin: 0 auto; padding: 38px 44px;}
.aboutBd{ width: 1042px; height: 314px; overflow: hidden;}
.aboutBdList{ width: 999999px; width: 1042px; height: 314px;}
.aboutBdItem{ float: left; width: 1042px; height: 314px; overflow: hidden; display: none;}
.aboutBdItem .abHd{ width: 230px; float: left;}
.aboutBdItem .abHd li{ cursor: pointer; font-size: 14px; font-family: 'Helvetica Neue LT Pro', arial; line-height: 32px; height: 32px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.aboutBdItem .abHd li:hover , .aboutBdItem .abHd li.resp-tab-active{ color: #fff;}
.aboutBdItem .adBd{ float: left; width: 810px; height: 314px; float: right;}
.aboutBdItem .adBd ul{ position: relative; width: 810px; height: 314px;}
.aboutBdItem .adBd li{ text-align: center; width: 810px; height: 314px; display: none;}
.aboutBdItem .adBd li img{ max-width: 100%; max-height: 100%;}

.aboutSecB{ width: 1200px; margin: 0 auto; padding-top: 20%; color: #99d5b4;}
.aboutSecB h3{ font-family: 'Helvetica Neue LT Pro', arial; text-transform: uppercase; font-size: 30px; padding-bottom: 40px; line-height: 40px; border-bottom: 1px solid #99d5b4; width: 910px; margin-bottom: 6px;}
.aboutSecB p{ font-size: 18px; line-height: 30px; width: 910px; margin-bottom: 20px;}
.aboutSecB span{ width: 106px; height: 22px; line-height: 22px; border: 1px solid #99d5b4; text-align: center; text-transform: uppercase; display: block; letter-spacing: 2px;}
.aboutSecB3{ width: 1200px; margin: 0 auto; /*background: url(../Images/aboutimg3.jpg) no-repeat center bottom;*/ height: 100%; text-align: center;}
.sectionTreeTit{ height: 20%; padding-top: 6%; margin-bottom: 2%;}
.aboutSecB3 h3{ text-transform: uppercase; color: #33ac69; font-size: 32px; font-family: 'Helvetica Neue LT Pro', arial; margin-bottom: 2%;}
.aboutSecB3 p{ font-size: 14px; line-height: 36px;}
.sectionTreeImg{ height: 70%; text-align: center;}
.sectionTreeImg img{ height: 100%;}
.aboutSection4{ overflow-y: scroll; overflow-x: hidden;}
.abSecTop{ background-color: #e6e6e6; padding: 116px 0 90px 0;}
.abSecTop .box{ text-align: right; width: 1200px; margin: 0 auto;}
.abSecTop .box h1{ text-transform: uppercase; color: #33ac69; font-size: 48px; font-weight: normal; margin-bottom: 30px; line-height: 50px;}
.abSecTop .box p{ font-size: 16px; line-height: 36px; font-family: 'Helvetica Neue LT Pro' ,arial;}
.aboutImg4{ width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 607px;}
/*********** features ***********/
/*.featureSectionOne{ background: url(../Images/featurebg.jpg) no-repeat center bottom #efeff1; padding-top: 6%;}
.featSectionMain{ width: 1200px; margin: 0 auto; padding-bottom: 188px;}
.featSectionMain h1{ text-align: center; text-transform: uppercase; font-size: 48px; color: #aa8c70; font-weight: 800; font-family: 'Helvetica Neue LT Pro' ,arial; letter-spacing: 2px; margin-bottom: 4%;}
.featurePro{ display: block; margin: 0 auto;}
.featureSectionTwo .tit{ height: 215px; background: url(../Images/line1.png) repeat-x; width: 100%;}
.featureSectionTwo .tit h1{ width: 1200px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: 800; font-family: 'Helvetica Neue LT Pro' ,arial; letter-spacing: 2px; padding-top: 96px; line-height: 60px; font-size: 40px; color: #aa8c70; text-shadow: 1px 1px 2px #7d6753;}
.featVideo1{ width: 1200px; margin: 0 auto; padding-top: 103px;}
.featVideoImg{ border: 1px solid #ccc; padding: 20px 30px; width: 1040px; margin: 0 auto; margin-bottom: 92px;}
.featVideoImgB{ text-align: center; padding-bottom: 140px;}
.featureSection3{ background-color: #efeff1; padding: 92px 0 120px 0; margin-bottom: 10px;}
.featVideoImgB1{ width: 1200px; margin: 0 auto;}
.featVideoImgB1 h1 , .videoTit3 h1{ text-align: center; font-size: 40px; color: #aa8c70; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro', arial; margin-bottom: 74px; font-weight: 800;}
.featVideoImg1{ text-align: center;}
.featureSection4{ border-top: 1px solid #aaa; padding: 70px 0;}
.featVideoImgB2 , .featVideoImgB3{ width: 1200px; margin: 0 auto;}
.videoTit2{ text-transform: uppercase; text-align: center; margin-bottom: 58px;}
.videoTit2 h1{ font-size: 40px; color: #666; font-weight: 800; margin-bottom: 30px; font-family: 'Helvetica Neue LT Pro', arial;}
.videoTit2 span{ font-family: arial; font-size: 24px; color: #aa8c70;}
.videoImg2{ text-align: center;}
.videoBanner{ width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.featureSection5{ padding: 86px 0 126px 0;}*/
.featureTitle{ background: url(../Images/featurebg.jpg) no-repeat center bottom #e3e0db;}
.featureTitle .tt{ height: 50px; line-height: 50px; padding: 110px 0 156px 0; text-align: center; width: 1200px; margin: 0 auto; text-transform: uppercase; font-size: 40px; color: #aa8c70; font-weight: 800; font-family: 'Helvetica Neue LT Pro' ,arial; letter-spacing: 2px;}
.tab_menu ul{ padding: 76px 0 20px 30px; width: 1098px; margin: 0 auto; height: 146px; background: url(../Images/kk.png) no-repeat center 76px; overflow: hidden;}
.tab_menu ul li{ float: left; padding: 22px 0 35px 0; margin: 0 28px;}
.tab_menu ul li a{ display: block;}
.tab_menu ul li.current a{ box-shadow: 1px 1px 8px #aaa;}
.tab_menu ul li.current{ background: url(../Images/featvideoicon.png) no-repeat center bottom;}
.tab_contanier{ width: 100%; background-color: #d7d4cf; padding: 88px 0 145px 0;}
.tab_box{ width: 1200px; margin: 0 auto;}
.tab_box .vedio{ width: 640px; height: 330px; margin: 0 auto;}
.tab_box .hide{ display: none;}






















/********** products ************/
.proMain .location{ margin-bottom: 40px;}
.proBox{ padding-bottom: 180px;}
.sidebar{ float: left; width: 252px;}
.sideTit{ background: url(../Images/protit.jpg) no-repeat left top #f6f8fd; width: 215px; padding-left: 36px; height: 52px; line-height: 52px; font-size: 22px; font-family: 'Helvetica Neue LT Pro', arial; font-weight: 500; text-transform: uppercase; letter-spacing: 2px;}
.sideBarList li{ border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.sideBarList li .a1{ display: block; padding-left: 36px; padding-top: 10px; font-size: 16px; line-height: 40px; font-family: arial; position: relative;}
.sideBarList li .a1 i{ position: absolute; left: 12px; top: 20px; display: block; width: 16px; height: 16px; background: url(../Images/proicon.png) no-repeat center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;}
.sideBarList li div{ padding-left: 50px; line-height: 28px; display: none;}
.sideBarList li div a{ display: block; color: #999; font-size: 12px; font-family: 'Helvetica Neue LT Pro', arial; text-transform: uppercase; letter-spacing: 1px;}
.sideBarList li div a:hover , .sideBarList li .a1:hover{ color: #018766;}
.sideBarList li.active .a1 i{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.sideBarList li.active div{ display: block;}
.proRg{ width: 810px; float: right;}
.proListTit{ font-size: 24px; font-family: arial; line-height: 38px; border-bottom: 1px solid #ddd; margin-bottom: 46px;}
.proList ul li{ float: left; width: 228px; height: 190px; margin-bottom: 27px; margin-right: 60px;}
.proList ul li.marginNone{ margin-right: 0;}
.proList ul li a{ display: block;}
.proList ul li .img{ width: 226px; height: 131px; overflow: hidden; border: 1px solid #aaa;}
.proList ul li .img img{ width: 100%; height: 100%; -webkit-transition:-webkit-transform 0.8s ease-out; -moz-transition:-mos-transform 0.8s ease-out; -ms-transition:-ms-transform 0.8s ease-out; transition:transform 0.8s ease-out;}
.proList ul li:hover .img img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}
.proList ul li p{ text-transform: uppercase; font-size: 14px; font-family: arial; text-align: center; line-height: 56px; height: 56px; overflow: hidden;}
.proList ul li:hover .img{ border: 1px solid #018766;}
.proList ul li:hover a{ color: #018766;}

.sideBarListinfo li{ border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.sideBarListinfo li .a1{ display: block; padding-left: 36px; padding-top: 10px; font-size: 14px; line-height: 40px; font-family: arial; position: relative;}
.sideBarListinfo li .a1:hover{ color: #018766;}
.sideBarListinfo li.active div{ display: block;}
.proinfo{ width: 810px;}
.proinfo img{ max-width: 100%;}



/************** download ***************/
.downloadMain , .proMain{ width: 1120px; padding: 40px; padding-bottom: 1px; background-color: #fff; margin: 0 auto;}
.downBox1{ position: relative; border: 1px solid #ccc; padding: 62px 50px 20px 50px; margin-bottom: 58px;}
.downBox1 h3{ position: absolute; padding: 0 14px; background-color: #fff; top: -8px; left: 44px;}
.downList li{ width: 276px; height: 218px; text-align: center; float: left; margin-bottom: 40px; margin-right: 90px;}
.downList li.last{ margin-right: 0;}
.downList li a{ display: block; }
.downList li .img{ width: 276px; height: 154px; margin-bottom: 10px;}
.downList li .img img , .downList1 li .img img{ width: 100%; height: 100%;}
.downList li p{ line-height: 22px; font-weight: bold; margin-bottom: 8px;}
.downList li a.a1 , .downList1 li a.a1{ display: inline; font-size: 20px; font-family: arial; text-transform: uppercase; color: #08896a; font-weight: normal; padding-right: 32px; background: url(../Images/downicon.png) no-repeat right center;}
.downList1 li{ width: 269px; float: left; margin-right: 80px; margin-bottom: 60px; text-align: center;}
.downList1 li.last{ margin-right: 0;}
.downList1 li a{ display: block; width: 100%; height: 100%;}
.downList1 li .img{ width: 261px; height: 142px; overflow: hidden; border: 4px solid #018766; margin-bottom: 20px;}

/********** contact **********/
.contactWrapper , .proWrapper{ width: 100%; background: url(../Images/contactbg.jpg); padding: 24px 0;}
.contactMain{ width: 1120px; height: 676px; padding: 40px; background-color: #fff; margin: 0 auto;}
.location{ border-bottom: 1px solid #ddd; text-transform: uppercase; color: #1a1a1a; margin-bottom: 70px; padding-bottom: 10px;}
.location a{ color: #00923f; text-decoration: underline;}
.contactB{ overflow: hidden;}
.contactLf{ float: left; width: 430px; margin-left: 22px;}
.contactLf p{ line-height: 50px; height: 50px; padding-left: 64px; font-size: 14px;}
.contactLf p.p1{ background: url(../Images/conticon1.png) no-repeat left center;}
.contactLf p.p2{ background: url(../Images/conticon2.png) no-repeat left center;}
.contactLf p.p3{ background: url(../Images/conticon3.png) no-repeat left center;}
.contactLf p.p4{ background: url(../Images/conticon4.png) no-repeat left center;}
.contactLf span{ display: block; width: 162px; height: 28px; color: #fff; background-color: #5aac7d; margin-left: 46px; text-align: center; font-size: 16px; text-transform: uppercase; line-height: 28px; margin-top: 30px;}
.contactRg{ float: right; margin-right: 20px; border: 1px solid #5aac7d; padding: 10px 30px; overflow: hidden;}
.contactRg img{ width: 100%; -webkit-transition:-webkit-transform 0.8s ease-out; -moz-transition:-mos-transform 0.8s ease-out; -ms-transition:-ms-transform 0.8s ease-out; transition:transform 0.8s ease-out;}
.contactRg:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}

图标转动：
/*.a2{ position:absolute; z-index:10; top:390px; left:510px; -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; }
.a2:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }*/


.page1 span a{border:1px solid #666;color:#666;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #333;background:#666;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}

.fenye{clear:both; text-align:center;font-size:12px; margin-top:20px;}
.fenye span{padding:5px 10px; border:1px solid #0187C5; margin-left:5px; margin-right:5px;}
.fenye a{ padding:5px 10px; border:1px solid #0187C5; background:#0187C5;color:#fff; margin-left:5px; margin-right:5px;}
.fenye .current{border:1px solid #0187C5;background:#fff;color:#0187C5;}
.fenye .disabled{border:1px solid #0187C5;color:#fff;cursor:default;}

/************************* 新加样式 ****************************/
.lf{ float:left;}
.rg{ float:right; }
.section1{ background:#f5f5f5;}
.section1 .head{ z-index:1000;}
.div_abo1{ position:absolute; top:50%; width:1200px; left:50%; margin-left:-600px; margin-top:-230px;}
.div_abo1 .lf{ width:600px; color:#34a673; font-size:12px; line-height:19px; font-size:14px;}
.div_abo1 .lf .div1{ color:#34a673; font-size:26px; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.div_abo1 .lf strong{ font-size:14px;}
.div_abo1 .rg{ padding-top:25px;}

.section2{ background:url(../Images/contactbg.jpg) }
.div_abo2{ position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-300px; color:#34a673; font-size:16px; line-height:24px;}
.div_abo2 .div1 strong{ font-size:26px; display:block; margin-bottom:10px;}
.div_abo2 .div2{ background:#a9c3b5; padding:25px 40px; margin-top:20px;}
.div_abo2 .div2 .p1{ font-size:24px; font-weight:bold;}
.div_abo2 .div2 .p2{ background:#d5e2db; padding:16px; margin-top:14px; margin-bottom:10px;}
.div_abo2 .div2 .p2 ul li{ margin-right:63px; float:left; height:164px; overflow:hidden; position:relative;}
.div_abo2 .div2 .p2 ul .li{ margin-right:0px;}
.div_abo2 .div2 .p2 ul li .pp2{ position:absolute; background:#434343; filter:alpha(opacity=0); opacity:0; width:100%; height:100%; top:0px; left:0px;}
.div_abo2 .div2 .p2 ul li .pp3{ position:absolute; bottom:-164px; width:100%; text-align:center; left:0px;}
.div_abo2 .div2 .p3{ background:#d5e2db; padding:16px; margin-top:14px;}
.div_abo2 .div2 .p3 ul li{ margin-right:15px; float:left; height:133px; overflow:hidden; position:relative;}
.div_abo2 .div2 .p3 ul .li{ margin-right:0px;}
.div_abo2 .div2 .p3 ul li .pp2{ position:absolute; background:#434343; filter:alpha(opacity=0); opacity:0; width:100%; height:100%; top:0px; left:0px;}
.div_abo2 .div2 .p3 ul li .pp3{ position:absolute; bottom:-164px; width:100%; text-align:center; left:0px;}

.div_abo3{ position:absolute; width:100%; height:100%; text-align:center; overflow:hidden;}
/*.div_abo3 img{ width:100%;}*/
.div_abo4{ position:absolute; top:50%; margin-top:-224px; left:50%; margin-left:-600px; width:1200px; }
.div_abo4 .div1{ color:#a0f3ce; font-size:16px; line-height:24px; border-bottom:1px solid #a9bdb2; padding-bottom:10px;}
.div_abo4 .div1 strong{ font-size:26px; display:block; margin-bottom:10px;}
.div_abo4 .div2{ margin-top:48px;}
.div_abo4 .div2 li{ float:left; width:280px; margin-right:26px;}
.div_abo4 .div2 .li{ margin-right:0px;}
.div_abo4 .div2 li .p2{ background:#17375e; height:106px; line-height:106px; text-align:center; color:#dbdbdb; font-size:18px;}

/****************************** 分页 ******************************/
.page1{clear:both; text-align:center;font-size:12px; height:24px; line-height:24px;}
.page1 span a{border:1px solid #fbb03b;color:#fbb03b;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #fbb03b;background:#fbb03b;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}