﻿@charset 'utf-8';

/* author:ZJ;date:2018-02;*/

body{color:#333;background:#fff;}


.yahei{font-family:'Microsoft YaHei';}


.top-box{position:relative;z-index:10;}
.top-box .area{height:130px;}
.top-box .logo{position:absolute;top:0;left:0;height:100%;font-size:0;}
.top-box .logo:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:middle;height:100%;}
.top-box .logo img{vertical-align:middle;}

.top-tel{position:absolute;top:28px;right:0;text-align:right;}
.top-tel .wechat{float:right;display:inline;margin-left:12px;}
.top-tel .wechat img.erwei{width:70px;height:70px;}
.top-tel .conBox{overflow:hidden;}
.top-tel .conBox h4{line-height:22px;font-weight:normal;}
.top-tel .conBox p.tel{line-height:26px;font-size:24px;color:#666;}
.top-tel .conBox p.tel strong{color:#396;}
.top-tel .conBox p.text{line-height:20px;}


.nav-box{position:relative;z-index:10;background:url(../images/bg-nav.png) center repeat;}

.m-search{position:absolute;z-index:10;top:0;right:0;line-height:0;font-size:0;}
.m-search input{vertical-align:top;border:0 none;}
.m-search .u-text{width:0;height:44px;line-height:44px;font-size:16px;-moz-box-shadow:inset 0 0 0 2px #82bc2f;-webkit-box-shadow:inset 0 0 0 2px #82bc2f;box-shadow:inset 0 0 0 2px #82bc2f;-webkit-transition:.6s all .3s ease;-moz-transition:.6s all .3s ease;transition:.6s all .3s ease;}
.m-search .u-btn{width:44px;height:44px;overflow:hidden;background:#82bc2f url(../images/ico-search.png) center no-repeat;}
.m-search.show .u-text{width:200px;padding:0 6px;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s;}


.m-nav{margin-right:45px;}
/*.m-nav a{-webkit-transition:none;-moz-transition:none;transition:none;}*/
.m-nav .fir-ul{font-size:0;text-align:center;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;text-align:center;visibility:hidden;}
.m-nav .fir-ul .u-a{position:relative;z-index:5;display:block;height:44px;line-height:44px;overflow:hidden;font-size:18px;color:#fff;}
.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a{background:#85bd2d;}

.m-nav .sec-box{position:absolute;z-index:10;top:44px;left:0;width:100%;}
.m-nav .sec-ul li{margin-top:1px;height:42px;line-height:42px;overflow:hidden;font-size:14px;text-align:center;}
.m-nav .sec-ul a{display:block;color:#fff;background:rgba(49,77,115,.7);}
.m-nav .sec-ul a:hover{background:#85bd2d;}
.m-nav .nav-y .sec-box{display:none;}


.banner-box{position:relative;z-index:0;}
.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;height:678px;}
.m-focus .switchable-content li{width:100%;height:678px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:678px;}
.m-focus .switchable-nav{position:absolute;bottom:24px;left:50%;margin-left:-600px;width:1200px;line-height:0;font-size:0;text-align:center;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 8px;padding-top:8px;width:8px;height:0;overflow:hidden;border:solid 2px #fff;background:#fff;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-focus .switchable-nav li.active{background-color:#209b5b;}

.sub-focus .switchable-box,
.sub-focus .switchable-content li,
.sub-focus .switchable-content li a{height:408px;}


.m-menu{position:absolute;bottom:62px;left:50%;margin-left:-536px;width:1072px;height:142px;overflow:hidden;}
.m-menu li{float:left;display:inline;margin-left:2px;width:356px;}
.m-menu li:first-child{margin-left:-2px;}
.m-menu li.first{margin-left:-2px;}
.m-menu .u-box{position:relative;zoom:1;overflow:hidden;display:block;line-height:30px;color:#fff;}
.m-menu .u-img{display:block;width:356px;height:142px;overflow:hidden;}
.m-menu .u-name{position:absolute;z-index:10;top:22px;left:22px;right:22px;height:60px;overflow:hidden;font-size:16px;}
.m-menu .u-more{position:absolute;z-index:10;bottom:16px;left:22px;right:22px;height:30px;overflow:hidden;font-size:14px;}

.m-menu .u-box .u-img .jqthumb>div{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;}
.m-menu .u-box:hover .u-img .jqthumb>div{-webkit-filter:brightness(.6);-moz-filter:brightness(.6);filter:brightness(.6);}
.m-menu .u-box:before{content:"";position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);-webkit-transform:scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);-moz-transform:scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.m-menu .u-box:hover:before{-webkit-transform:scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);-moz-transform:scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}


.main-box,.sub-box{position:relative;z-index:5;padding-bottom:60px;}

.m-title{position:relative;zoom:1;margin:0 auto;padding:8px 8px 0;width:166px;line-height:0;font-size:0;text-align:center;}
.m-title:before{content:"";position:absolute;top:0;left:0;right:0;height:25px;border:solid 2px #27c085;border-bottom:none;}
.m-title h2{height:32px;line-height:32px;overflow:hidden;font-size:24px;font-weight:normal;}
.m-title p{display:inline-block;*display:inline;zoom:1;vertical-align:top;padding:0 3px;height:22px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
.m-title span.line{content:"";position:absolute;bottom:9px;width:20px;height:20px;border-bottom:solid 2px #27c085;}
.m-title span.lineL{left:0;border-left:solid 2px #27c085;}
.m-title span.lineR{right:0;border-right:solid 2px #27c085;}

.m-scheme{padding:36px 0 50px;}
.m-scheme .listBox{margin-top:44px;}
.m-scheme .listBox li{float:left;display:inline;margin-right:36px;width:273px;}
.m-scheme .listBox .ico{position:absolute;z-index:10;top:50%;left:50%;margin:-37px 0 0 -37px;width:70px;height:70px;overflow:hidden;border:solid 2px #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:.6s all .15s ease;-moz-transition:.6s all .15s ease;transition:.6s all .15s ease;}
.m-scheme .listBox .ico img{display:block;width:100%;height:100%;}
.m-scheme .listBox .line{content:"";position:absolute;z-index:5;top:10px;bottom:10px;left:12px;right:12px;overflow:hidden;border:solid 1px #fff;background:rgba(255,255,255,.05);}
.m-scheme .listBox .u-box{position:relative;zoom:1;display:block;}
.m-scheme .listBox .u-img{display:block;width:273px;height:204px;overflow:hidden;}
.m-scheme .listBox .u-name{margin-top:18px;height:24px;line-height:24px;overflow:hidden;font-size:18px;font-weight:normal;text-align:center;}

.m-scheme .listBox .u-box:hover .ico{-moz-box-shadow:0 0 0 6px rgba(255,255,255,.25);-webkit-box-shadow:0 0 0 6px rgba(255,255,255,.25);box-shadow:0 0 0 6px rgba(255,255,255,.25);}

.m-scheme .listBox .line:before,
.m-scheme .listBox .line:after{content:"";position:absolute;top:100%;left:50%;margin-left:-168.5px;width:0;height:0;border-left:solid 168.5px transparent;border-right:solid 168.5px transparent;border-bottom:337px solid rgba(255,255,255,0.15);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-scheme .listBox .line:after{-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;}
.m-scheme .listBox .u-box:hover .line:before{-webkit-transform:translate(0px,-337px);transform:translate(0px,-337px);}
.m-scheme .listBox .u-box:hover .line:after{-webkit-transform:translate(0px,-247px);transform:translate(0px,-247px);}
.m-scheme .listBox .u-box:hover .line:after{-webkit-transition-delay:.15s;-moz-transition-delay:.15s;transition-delay:.15s;}

.m-product{position:relative;zoom:1;padding-top:40px;height:665px;}
.m-product .bgBox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.m-product .bgBox img{display:none;}
.m-product .m-title h2,
.m-product .m-title p{color:#fff;}

.m-product .tabBox{margin-top:30px;overflow:hidden;}
.m-product .tabTitle{height:36px;line-height:36px;overflow:hidden;font-size:0;text-align:center;}
.m-product .tabTitle li{position: relative;display: inline-block;zoom: 1;vertical-align: middle;font-size: 18px;color: #fff;width: calc(100% / 8);text-align: center;}
.m-product .tabTitle a{display:block;color:#fff;}

.m-product .tabTitle li:before{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:#259c74;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-product .tabTitle li.on:before{left:20%;right:20%;}

.m-product .tabCon{margin:30px -1px 0;}
.m-product .tabCon .content{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-product .listBox li{float:left;display:inline;margin:0 1px;width:299px;}
.m-product .listBox .u-box{position:relative;zoom:1;display:block;height:412px;background:#fff;}
.m-product .listBox .u-img{position:absolute;top:113px;left:0;width:299px;height:299px;overflow:hidden;}
.m-product .listBox .u-con{position:absolute;top:0;left:0;right:0;padding:22px 26px 0;}
.m-product .listBox .u-con h4,
.m-product .listBox .u-con p{height:30px;line-height:30px;overflow:hidden;}
.m-product .listBox .u-con h4{font-size:18px;font-weight:normal;}
.m-product .listBox .u-con p{font-size:16px;color:#0e915a;}

.m-product .listBox li.child-odd .u-img{top:0;}
.m-product .listBox li.child-odd .u-con{top:299px;}

.m-product .pageBox{display:none;margin-top:38px;line-height:0;font-size:0;text-align:center;}
.m-product .pageBox li{float:none;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 6px;padding-top:8px;width:8px;height:0;overflow:hidden;border:solid 2px #fff;background:#fff;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-product .pageBox li.active{background-color:#209b5b;}


.m-project{padding:50px 0 72px;overflow:hidden;}
.m-project .listBox{position:relative;zoom:1;margin:44px 0 24px;}
.m-project .listBox li{float:left;display:inline;margin-right:16px;width:288px;}
.m-project .listBox .u-box{position:relative;zoom:1;display:block;margin-bottom:56px;color:#fff;}
.m-project .listBox .u-img{display:block;width:288px;height:382px;overflow:hidden;}
.m-project .listBox .u-con{position:absolute;bottom:0;left:0;right:0;padding:0 10px;height:0;overflow:hidden;background:#209b5b;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-project .listBox .u-con h4{padding-top:30px;height:72px;line-height:24px;overflow:hidden;font-size:16px;font-weight:normal;}
.m-project .listBox .u-con p{margin-top:14px;height:50px;line-height:50px;overflow:hidden;font-size:14px;border-top:solid 1px #42ba7c;}
.m-project .listBox .u-box:hover .u-con{height:172px;bottom:-56px;}
.m-project .btnBox a{position:absolute;top:50%;margin-top:-54px;width:32px;height:51px;overflow:hidden;background:url(../images/btn-scroll.png) no-repeat;filter:alpha(opacity=40);opacity:.4;}
.m-project .btnBox a.prevBtn{left:0;background-position:0 0;}
.m-project .btnBox a.nextBtn{right:0;background-position:-42px 0;}
.m-project .btnBox a:hover{filter:alpha(opacity=80);opacity:.8;}


.btn-more{position:relative;zoom:1;display:block;margin:0 auto;width:166px;height:44px;line-height:44px;font-size:14px;text-align:center;color:#138e4e;}
.btn-more:before,
.btn-more:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;-moz-border-radius:34px;-webkit-border-radius:34px;border-radius:34px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.btn-more:before{border:solid 2px #209b5b;}
.btn-more:after{margin:8px;filter:alpha(opacity=0);opacity:0;background:#209b5b;}
.btn-more span{position:relative;z-index:10;}
.btn-more:hover{color:#fff;}
.btn-more:hover:before{margin:-12px;filter:alpha(opacity=0);opacity:0;}
.btn-more:hover:after{margin:0;filter:alpha(opacity=100);opacity:1;}


.m-news{padding:54px 0 48px;overflow:hidden;background:#f5f5f5;}
.m-news .listBox{position:relative;zoom:1;margin:50px 0 35px;}
.m-news .listBox li{float:left;display:inline;margin-right:32px;padding-bottom:16px;width:276px;}
.m-news .listBox a:hover{color:#209b5b;}
.m-news .listBox .u-img{position:relative;zoom:1;display:block;width:276px;height:206px;overflow:hidden;}
.m-news .listBox .u-img .date{position:absolute;z-index:10;top:0;left:18px;padding:30px 4px 6px;width:44px;color:#fff;background:#209b5b url(../images/bg-date.png) 0 80px repeat-x;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-news .listBox .u-img .date .DD{line-height:30px;text-indent:3px;font-size:26px;}
.m-news .listBox .u-img .date .YYMM{line-height:14px;white-space:nowrap;}
.m-news .listBox .u-img:hover .date{background-position:0 0;}
.m-news .listBox .u-name{margin-top:15px;height:48px;line-height:24px;overflow:hidden;font-size:16px;font-weight:normal;}
.m-news .listBox .u-con{margin-top:18px;padding-top:16px;height:72px;line-height:24px;overflow:hidden;font-size:14px;color:#666;border-top:solid 1px #ccc;}
.m-news .listBox .u-more{margin-top:4px;line-height:24px;}
.m-news .listBox .u-more a{font-size:14px;color:#209b5b;}
.m-news .listBox .u-more a:after{content:">";vertical-align:top;font-size:15px;font-family:'SimHei';filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-news .listBox .u-more a:hover:after{margin-left:6px;filter:alpha(opacity=100);opacity:1;}

.m-news .btnBox a{position:absolute;top:78px;width:32px;height:51px;overflow:hidden;background:url(../images/btn-scroll.png) no-repeat;filter:alpha(opacity=40);opacity:.4;}
.m-news .btnBox a.prevBtn{left:0;background-position:0 0;}
.m-news .btnBox a.nextBtn{right:0;background-position:-42px 0;}
.m-news .btnBox a:hover{filter:alpha(opacity=80);opacity:.8;}


.m-about{padding:50px 0 60px;}
.m-about .conBox{margin-top:36px;}
.m-about .conBox .w596{width:596px;}
.m-about .conBox .u-img{display:block;width:596px;height:446px;overflow:hidden;}
.m-about .content{padding:6px 32px 28px;color:#fff;background:url(../images/bg-about.png) center repeat-y;}
.m-about .content .u-name{height:58px;line-height:58px;overflow:hidden;font-size:20px;}
.m-about .content .u-con{height:104px;line-height:30px;font-size:14px;}
.m-about .content .u-con:before{content:"";display:block;margin-bottom:12px;width:40px;height:2px;overflow:hidden;background:#fff;}

.m-about .contact{padding:20px 32px;min-height:210px;_height:210px;background:#f5f5f5;}
.m-about .contact a{color:#666;}
.m-about .contact a:hover{text-decoration:underline;}
.m-about .contact .addrBox{width:300px;}
.m-about .contact .telBox{width:204px;}

.m-about .contact .title{padding-top:14px;height:36px;line-height:36px;overflow:hidden;font-size:18px;font-weight:normal;border-bottom:solid 1px #ccc;}
.m-about .contact .title:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:-5px 10px 0 0;height:32px;overflow:hidden;background:url(../images/ico-contact.png) no-repeat;}
.m-about .contact .addrBox .title:before{width:24px;background-position:0 0;}
.m-about .contact .telBox .title:before{width:32px;background-position:-34px 0;}

.m-about .contact .u-con{margin-top:25px;line-height:30px;overflow:hidden;font-size:16px;color:#666;}
.m-about .contact .addrBox .u-con .en{margin-top:15px;line-height:24px;font-size:14px;}

.m-about .contact .telBox .u-con .tel{ margin-top:5px;}
.m-about .contact .telBox .u-con .tel:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:2px 10px 0 0;width:26px;height:26px;overflow:hidden;background:url(../images/ico-tel.png) no-repeat;}


.m-links{overflow:hidden;}
.m-links .listBox{margin:0 -1px;}
.m-links .listBox li{float:left;display:inline;margin-right:23px;width:222px;height:90px;overflow:hidden;}
.m-links .listBox li img{vertical-align:middle;max-width:100%;max-height:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.m-links .listBox li a{position:relative;zoom:1;display:block;width:222px;height:90px;line-height:0;overflow:hidden;font-size:0;text-align:center;}
.m-links .listBox li a:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:middle;height:100%;}
.m-links .listBox li a:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:solid 0 #e5e5e5;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.m-links .listBox li a:hover:after{border-width:4px;-moz-box-shadow:0 0 0 1px #fff inset;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset;}
.m-links .listBox li a:hover img{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);}

.m-links .btnBox a{position:absolute;top:50%;margin-top:-26px;width:32px;height:51px;overflow:hidden;background:url(../images/btn-scroll.png) no-repeat;filter:alpha(opacity=40);opacity:.4;}
.m-links .btnBox a.prevBtn{left:0;background-position:0 0;}
.m-links .btnBox a.nextBtn{right:0;background-position:-42px 0;}
.m-links .btnBox a:hover{filter:alpha(opacity=80);opacity:.8;}


.footer-box{position:relative;z-index:10;padding-top:40px;overflow:hidden;background:#333;}

.footer-box,
.footer-box a{color:#999;}
.footer-box a:hover{color:#ccc;}

.m-footer{margin-bottom:60px;}

.footer-nav{float:left;display:inline;width:700px;}
.footer-nav .fir-li{float:left;display:inline;}
.footer-nav h4{height:30px;line-height:30px;overflow:hidden;font-size:16px;font-weight:normal;}
.footer-nav h4 a{color:#fff;}
.footer-nav .sec-ul{margin-top:32px;}
.footer-nav .sec-ul li{height:30px;line-height:30px;overflow:hidden;font-size:14px;}

.footer-contact{float:right;display:inline;margin-right:40px;max-width:440px;line-height:0;font-size:0;text-align:right;}

.footer-contact .tel{position:relative;zoom:1;padding-left:68px;text-align:left;}
.footer-contact .tel:before{content:"";position:absolute;top:0;left:0;width:55px;height:100%;overflow:hidden;border-right:solid 1px #5c5c5c;background:url(../images/ico-footer-tel.png) 0 center no-repeat;}
.footer-contact .tel h4{line-height:20px;font-size:14px;font-weight:normal;color:#ccc;}
.footer-contact .tel p{margin-top:6px;line-height:1;font-size:24px;font-weight:bold;color:#fff;}
.footer-contact .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-top:20px;width:336px;overflow:hidden;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.footer-contact .search input{vertical-align:top;height:40px;border:0 none;background:none;}
.footer-contact .search .u-text{padding:0 16px;width:264px;line-height:40px;font-size:14px;color:#aeaeae;background:#666;}
.footer-contact .search .u-text::-webkit-input-placeholder{color:#999;}
.footer-contact .search .u-text::-moz-placeholder{color:#999;}
.footer-contact .search .u-text:-moz-placeholder{color:#999;}
.footer-contact .search .u-text:-ms-input-placeholder{color:#999;}
.footer-contact .search .u-btn{width:40px;background:#1e1e1e url(../images/ico-footer-search.png) 8px center no-repeat;}

.footer-copyright{border-top:solid 1px #616161;padding:20px 0;line-height:30px;font-size:14px;}
.footer-copyright .link{float:right;display:inline;margin-left:20px;}


.m-client{position:fixed;z-index:99;top:50%;right:0;margin-top:-85px;width:42px;_position:absolute;}
.m-client li{margin-bottom:1px;}
.m-client li.client-goTop{display:none;}
.m-client .u-a{position:relative;display:block;padding-left:42px;height:42px;background:#129864;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client .u-a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:url(../images/bg-client.png) repeat;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client .u-a .ico{position:absolute;top:0;left:0;width:42px;height:42px;overflow:hidden;background:url(../images/ico-client.png) no-repeat;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.m-client .u-a:hover{background-color:#057fbf;}
.m-client .u-a:hover:before{filter:alpha(opacity=100);opacity:1;}


.m-client .home .ico{background-position:0 0;}
.m-client .tel .ico{background-position:0 -42px;}
.m-client .qq .ico{background-position:0 -84px;}
.m-client .wechat .ico{background-position:0 -126px;}
.m-client .goTop .ico{background-position:0 -168px;}

.m-client .conBox .con{display:none;position:absolute;top:0;right:100%;margin-right:6px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.m-client .conBox .con:before{content:"";position:absolute;top:17px;right:0;margin-right:-8px;width:0;height:0;overflow:hidden;border-width:4px;border-style:solid;border-color:transparent transparent transparent #057fbf;}

.m-client .text{padding:0 16px;line-height:42px;font-size:20px;font-family:Arial;font-weight:bold;color:#fff;background:#057fbf;white-space:nowrap;}

.m-client .erwei{padding:2px;min-height:38px;background:#057fbf;}
.m-client .erwei img{width:124px;height:124px;}

.m-client li.client-goTop .u-a,
.m-client li.client-goTop .u-a:hover{background:#003d25;}
.m-client li.client-goTop .u-a:hover .ico{-webkit-animation:goTop .6s infinite;animation:goTop .6s infinite;}
.m-client li.client-goTop .u-a:before{display:none;}

@keyframes goTop{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-2px)}100%{-webkit-transform:translate(0,0)}}


.sub-box{overflow:hidden;background:#f2f2f2;}

.sub-menu{margin-bottom:8px;padding-top:30px;}
.sub-menu .tabBox{margin:0 auto;width:1124px;}
.sub-menu .tabCon .content{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.sub-menu .btnBox a{position:absolute;top:0;width:28px;overflow:hidden;font-family:'SimHei';text-align:center;}
.sub-menu .btnBox a.prevBtn{left:-38px;}
.sub-menu .btnBox a.nextBtn{right:-38px;}

.sub-menu .fir-box{position:relative;zoom:1;}
.sub-menu .fir-box li{position:relative;zoom:1;float:left;display:inline;margin-right:4px;width:278px;background:#fff;}
.sub-menu .fir-box li a{position:relative;display:block;height:84px;line-height:84px;overflow:hidden;font-size:18px;text-align:center;}
.sub-menu .fir-box li:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bg-menu.png) center repeat-y;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sub-menu .fir-box li.on:before{filter:alpha(opacity=100);opacity:1;}
.sub-menu .fir-box li.on a{color:#fff;}
.sub-menu .fir-box .btnBox a{height:84px;line-height:84px;font-size:26px;background:#fff;}
.sub-menu .fir-box .btnBox a:hover{color:#fff;background:#069b46;}

.sub-menu .sec-box{position:relative;zoom:1;margin-top:1px;background:#c6c6c6;}
.sub-menu .sec-box li{float:left;display:inline;margin-right:4px;width:184px;}
.sub-menu .sec-box li a{position:relative;zoom:1;display:block;height:54px;line-height:54px;overflow:hidden;font-size:16px;text-align:center;color:#fff;}
.sub-menu .sec-box li a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;overflow:hidden;background:#049b41;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sub-menu .sec-box li a:hover:before,
.sub-menu .sec-box li.current a:before{left:0;width:100%;}

.sub-menu .sec-box .btnBox a{height:54px;line-height:54px;font-size:20px;color:#999;}
.sub-menu .sec-box .btnBox a:hover{color:#069b46;}



.detail-share{position:absolute;bottom:44px;right:0;width:40px;}
.detail-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.detail-share .bdsharebuttonbox .bds_more{margin:0;width:40px;height:auto;line-height:1;text-indent:0;text-align:center;background:url(../images/ico-share.png) center 0 no-repeat;}
.detail-share .bdsharebuttonbox .bds_more:before{content:"分享";margin-top:34px;display:block;font-size:14px;}


.detail-page{margin-top:60px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.detail-page .page-text{position:relative;padding-left:62px;overflow:hidden;width:44%;height:46px;line-height:46px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#666;}
.detail-page .page-text a{color:#666;}
.detail-page .page-text a:before{position:absolute;top:0;margin-left:-62px;width:44px;font-size:26px;font-family:'SimSun';text-align:center;border-left:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.detail-page .page-text a:hover:before{color:#fff;border-color:#008d51;background:#008d51;}
.detail-page .f-fl a:before{content:"<";}
.detail-page .f-fr{text-align:right;}
.detail-page .f-fr a:before{content:">";}



.sub-pic{margin-top:50px;}
.sub-pic ul{margin:-24px 0 0 -24px;}
.sub-pic li{float:left;display:inline;margin:24px 0 0 24px;width:384px;}
.sub-pic .u-box{position:relative;top:0;display:block;padding-bottom:2px;background:#fff;-webkit-transition:top .5s ease, -webkit-box-shadow .3s ease;-moz-transition:top .5s ease, -moz-box-shadow .3s ease;transition:top .5s ease, box-shadow .3s ease;}
.sub-pic .u-img{display:block;padding:9px;width:366px;height:362px;overflow:hidden;}
.sub-pic .u-name{border-top:solid 1px #b1b1b1;height:80px;line-height:80px;overflow:hidden;font-size:18px;font-weight:normal;text-align:center;}
.sub-pic .u-box:hover{top:-10px;-moz-box-shadow:0 0 12px rgba(0,0,0,.4);-webkit-box-shadow:0 0 12px rgba(0,0,0,.4);box-shadow:0 0 12px rgba(0,0,0,.4);}


.pro-detail{padding-top:40px;background:url(../images/bg-detail.jpg) center 0 no-repeat;}
.pro-detail .detail-bg{margin:0 auto;padding:0 26px 60px;width:1148px;background:#fff;}
.pro-detail .detail-title{position:relative;zoom:1;margin-bottom:26px;padding:54px 60px 44px 0;border-bottom:solid 1px #ccc;}
.pro-detail .detail-title h1{padding:6px 0;line-height:36px;font-size:26px;color:#039c3f;}
.pro-detail .detail-img{position:relative;zoom:1;line-height:0;font-size:0;text-align:center;}
.pro-detail .detail-img li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-right:8px;width:570px;text-align:center;}
.pro-detail .detail-img img{max-width:100%;}
.pro-detail .detail-img .btnBox{display:none;position:absolute;right:0;bottom:0;}
.pro-detail .detail-img .btnBox a{float:left;display:inline;margin-left:1px;width:45px;height:45px;line-height:45px;overflow:hidden;font-size:36px;font-family:'SimSun';background:#f2f2f2;}
.pro-detail .detail-img .btnBox a:hover{color:#fff;background:#069b46;}
.pro-detail .detail-con{line-height:30px;padding:30px 0;font-size:14px;}
.pro-detail .detail-con img{max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "" :"940px" );}


.sub-news{margin-top:50px;overflow:hidden;}
.sub-news ul{margin:-32px 0 0 -32px;}
.sub-news li{float:left;display:inline;margin:32px 0 0 32px;padding-bottom:16px;width:276px;}
.sub-news a:hover{color:#209b5b;}
.sub-news .u-img{position:relative;zoom:1;display:block;width:276px;height:206px;overflow:hidden;}
.sub-news .u-img .date{position:absolute;z-index:10;top:0;left:18px;padding:30px 4px 6px;width:44px;color:#fff;background:#209b5b url(../images/bg-date.png) 0 80px repeat-x;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sub-news .u-img .date .DD{line-height:30px;text-indent:3px;font-size:26px;}
.sub-news .u-img .date .YYMM{line-height:14px;white-space:nowrap;}
.sub-news .u-img:hover .date{background-position:0 0;}
.sub-news .u-name{margin-top:15px;height:48px;line-height:24px;overflow:hidden;font-size:16px;font-weight:normal;}
.sub-news .u-con{margin-top:18px;padding-top:16px;height:72px;line-height:24px;overflow:hidden;font-size:14px;color:#666;border-top:solid 1px #ccc;}
.sub-news .u-more{margin-top:4px;line-height:24px;}
.sub-news .u-more a{font-size:14px;color:#209b5b;}
.sub-news .u-more a:after{content:">";vertical-align:top;font-size:15px;font-family:'SimHei';filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sub-news .u-more a:hover:after{margin-left:6px;filter:alpha(opacity=100);opacity:1;}


.news-detail{margin-top:8px;padding-top:40px;background:url(../images/bg-detail.jpg) center 0 no-repeat;}
.news-detail .detail-bg{margin:0 auto;padding:0 26px 60px;width:1148px;background:#fff;}
.news-detail .detail-title{position:relative;zoom:1;margin-bottom:26px;padding:54px 60px 44px 0;border-bottom:solid 1px #ccc;}
.news-detail .detail-title h1{padding:6px 0;line-height:36px;font-size:26px;color:#039c3f;}
.news-detail .detail-img{text-align:center;}
.news-detail .detail-img img,
.news-detail .detail-con img{max-width:1148px;_width:expression((documentElement.clientWidth < 1148) ? "" :"1148px" );}
.news-detail .detail-con{line-height:30px;padding:30px 0;font-size:14px;}


.sub-content{padding-top:40px;background:url(../images/bg-detail.jpg) center 0 no-repeat;}
.sub-content .content-bg{margin:0 auto;padding:60px 26px;width:1148px;min-height:300px;background:#fff;}
.sub-content img{max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "" :"940px" );}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{margin-bottom:50px;line-height:36px;font-size:26px;text-align:center;color:#039c3f;}
.sub-content p{line-height:30px;font-size:14px;}
.sub-content a:hover{color:#039c3f;}
.sub-content #platform img{max-width:none;_width:none;}


.sub-message{padding-top:40px;background:url(../images/bg-detail.jpg) center 0 no-repeat;}
.sub-message .message-bg{margin:0 auto;padding:60px 26px;width:1148px;background:#fff;}
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'microsoft yahei';font-size:14px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'microsoft yahei';border:1px solid #ddd;background:#fff;}
.sub-message .m-form{border:1px solid #e9e9e9;background:#fcfcfc;}
.sub-message .m-submit .btn{color:#fff;background:#209b5b;}


.search-no .bd{padding:60px 0;}
.search-no .inputs{width:410px;margin-right:auto;margin-left:auto;font-size:0;}
.search-no .inputs input{font-family:'SimSun';font-size:14px;vertical-align:top;}
.search-no .inputs input.text{width:326px;height:30px;line-height:30px;padding:0 6px;border:2px solid #f5811a;border-right:0;background:#fff;}
.search-no .inputs input.btn{width:70px;height:34px;color:#fff;border:0;border:0 none;background:#f5811a;cursor:pointer;}
.search-no .pt{height:240px;padding:100px 220px 0 500px;background:url(../images/search-no.png) 220px center no-repeat;}
.search-no .pt h3{margin-bottom:10px;font-size:18px;font-family:'microsoft yahei';font-weight:normal;color:#333;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#888;}

/*自定义*/
.page_pro{margin-top: 50px; width:100%; margin:0; padding:0;}
.page_pro .item{float: left;display: block;position: relative;top: 0;background: #fff;}
.page_pro .item .img{margin: 9px;height: 362px;overflow: hidden;}
.page_pro .item .img img{width: 100%;height: auto;}
.page_pro .item p{border-top: solid 1px #b1b1b1; display:flex;align-items: center;justify-content: center;height: 80px;overflow: hidden;font-size: 18px;}

.msybox{ width:100%;display: flex;justify-content: center;}
.msyflex{ width:auto;display: flex;align-items: center;justify-content: center;position: relative;}
.msyflex img{width: 100%;height: auto;}
.msy{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; background-position:center; background-repeat:no-repeat;background-size:60%;}

/*大小样式*/
.page_pro .item{margin-top:24px; margin-right:24px;width:calc(calc(100% - 48px) / 3);}
.page_pro .item:nth-child(3n){ margin-right:0;}

/*动画效果*/
.page_pro .item{transition: top .5s ease, box-shadow .3s ease;}
.page_pro .item:hover{top: -10px;box-shadow: 0 0 12px rgba(0,0,0,.4);}

.mtry1{transition: all .6s ease;}
.mtry1:hover{filter: brightness(.85);transform: scale(1.1);}
.m-product .listBox .u-img, .m-product .listBox .u-box{overflow: hidden;}


