@font-face {

    font-family: 'Dutch801';

    src: url('../font/Dutch801.eot');

    src:

    url('../font/Dutch801.eot?#font-spider') format('embedded-opentype'),

    url('../font/Dutch801.woff') format('woff'),

    url('../font/Dutch801.ttf') format('truetype'),

    url('../font/Dutch801.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}





@charset "utf-8";

/* 初始化CSS */

*{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}

fieldset, img{border:none; vertical-align:middle;}

address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}

ul, ol{list-style:none;}

li{list-style-type:none;}

input{padding-top:0; padding-bottom:0; font-family: "SimSun",Arial,sans-serif;}

select, input{vertical-align:middle;}

select, input, textarea{ margin:0; font-size:12px;}

input[type="text"], input[type="password"], textarea{outline-style:none;}

textarea{font-family: "SimSun",Arial,sans-serif; resize:none;}

body{font:12px "SimSun",Arial,sans-serif; color:#333; background:#fff;}

a{text-decoration:none; color:inherit;}

i, em{ font-style:normal;}

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

.clearfix{zoom:1;}

.fl{ float:left;}

.fr{ float:right;}

.auto{ margin-left:auto; margin-right:auto;}



/*html5*/

article,aside,footer,header,section,footer,nav,figure,main{display:block}

a,*{-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}



/*小号文字  scale以12号字体为基准 需写实际字号大小*/

.font_adjust{-webkit-text-size-adjust:none;}

.font_scale8{ -webkit-transform: scale(0.66);}

.font_scale10{ -webkit-transform: scale(0.83);}

.font_lc{-webkit-transform-origin:left center;}

.font_rc{-webkit-transform-origin:right center;}

.font_up{text-transform:uppercase;}



/*文字截断*/

.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/*transition*/

.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}

.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}

.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}

.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}



.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }

.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}



/*网页限定宽度*/

.con_1000{ position:relative; margin:0 auto; width:1000px;}

.con_1000:after{content:""; display:block; height:0; clear:both;}



body{color: #474747; margin: 0 auto; background: #ffffff; min-width: 320px; font-size: 12px; line-height: 24px; font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;}

body.bodyBg{background: #f5f5f5;}



.w1280{width: 1280px;margin: 0 auto;}



.header .menuIcon{width: 24px;cursor: pointer;margin: 30px 0 0 20px;display: none;}

.header .menuIcon span{display: block;height: 3px;background: #9bdcc9;margin-top: 5px;position: relative;}

.header .menuIcon span:before{content: "";height: 100%;width: 0;background: #fff;position: absolute;left: 0;top: 0;}

.header .menuIcon span.line1:before{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}

.header .menuIcon span.line2:before{-webkit-transition:all 0.2s linear 0.1s; -moz-transition:all 0.2s linear 0.1s; -ms-transition:all 0.2s linear 0.1s; transition:all 0.2s linear 0.1s;}

.header .menuIcon span.line3:before{-webkit-transition:all 0.2s linear 0.2s; -moz-transition:all 0.2s linear 0.2s; -ms-transition:all 0.2s linear 0.2s; transition:all 0.2s linear 0.2s;}

.header .menuIcon:hover span:before{width: 100%;}



.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}

.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}

.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }

.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }

.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }

.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }

.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #01a576;}



.header{width: 100%;height: 90px;background: #01a576 url(../images/headerBg.png) no-repeat center;}

.header .w1280{position: relative;height: 100%;}

.header .w1280 .logo{display: block;width: 317px;height: 110px;background: #fff;position: absolute;left: 0;top: 0;z-index: 2;text-align: center;line-height: 110px;font-size: 0;}

.header .w1280 .logo:before{content: "";width: 8px;height: 20px;position: absolute;right: -8px;bottom: 0;background: url(../images/logoBg.png) no-repeat left bottom;}

.header .w1280 .icon{width: 24px;height: 100%;position: relative;margin-left: 16px;cursor: pointer;}

.header .w1280 .icon:before,

.header .w1280 .icon:after{content: "";width: 24px;height: 24px;position: absolute;left: 0;top: 50%;margin-top: -12px;background: url(../images/language.png) no-repeat left top;

-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

.header .w1280 .icon:after{z-index: 2;filter: alpha(opacity=0);opacity: 0;background-position: left bottom;}

/*.header .w1280 .icon:hover:before{filter: alpha(opacity=0);opacity: 0;}

.header .w1280 .icon:hover:after{filter: alpha(opacity=100);opacity: 1;}*/

.header .w1280 .icon:hover:before{background-position: left bottom;}

.header .w1280 .langChoose .langList{width: 120px;position: absolute;left: 50%;top: 82px;z-index: 2;margin-left: -60px;display: none;}

.header .w1280 .langChoose .langList i{display: block;width: 100%;height: 8px;background: url(../images/trangle.png) no-repeat center bottom;}

.header .w1280 .langChoose .langList ul{background: #f3f3f3;padding: 10px 0;}

.header .w1280 .langChoose .langList ul li{border-top: 1px solid #eaeaea;}

.header .w1280 .langChoose .langList ul li:first-child{border-top: none;}

.header .w1280 .langChoose .langList ul li a{display: block;line-height: 34px;text-align: center;color: #333;}

.header .w1280 .langChoose .langList ul li a:hover{color: #01a576;}

.header .w1280 .link.icon:before,

.header .w1280 .link.icon:after{background-image: url(../images/tmallIcon.png);}

.header .w1280 .searchBtn.icon{margin-left: 44px;}

.header .w1280 .searchBtn.icon:before,

.header .w1280 .searchBtn.icon:after{background-image: url(../images/searchBtn.png);}



.header .w1280 .pcNav ul .nLi{float: left;position: relative;}

.header .w1280 .pcNav ul .nLi h3 a{display: block;height: 90px;line-height: 90px;padding: 0 23px;font-size: 15px;color: #ffffff;font-weight: normal;}

.header .w1280 .pcNav ul .nLi .navSub{width: 100%;position: absolute;left: 0;top: 85px;text-align: center;display: none;z-index: 5;}

.header .w1280 .pcNav ul .nLi .navSub i{display: block;margin: 0 auto;width: 0;height: 0;border-right: 5px solid transparent;border-bottom: 5px solid #fff;border-left: 5px solid transparent;}

.header .w1280 .pcNav ul .nLi .navSub ul{padding: 5px 0;background: #fff;}

.header .w1280 .pcNav ul .nLi .navSub li a{display: block;line-height: 24px;font-size: 12px;padding: 5px 0;color: #666;}

.header .w1280 .pcNav ul .nLi .navSub li a:hover{color: #01a576;}



.bannerWrap{margin-bottom: 40px;overflow: hidden;position: relative;}

.bannerWrap .swiper-slide a{display: block;width: 100%;height: 470px;background-position: center top;background-repeat: no-repeat;}

.bannerWrap .banner.swiper-container-horizontal > .swiper-pagination-bullets{height: 12px;position: absolute;left: 0;bottom: 20px;z-index: 2;line-height: 12px;font-size: 0;text-align: center;}

.bannerWrap .banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 12px;height: 12px;background: #eee;border-radius: 50%;opacity: 1;}

.bannerWrap .banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #01a576;}



.iMain{margin-bottom: 40px;}

.iMain .isect1{width: 610px;background: #ffffff;padding-right: 30px;}

.iMain .isect1 dt{width: 220px;height: 220px;background: #01a576;overflow: hidden;}

.iMain .isect1 dt a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 36px 36px 26px;position: relative;}

.iMain .isect1 dt a b{width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/titBg.png) no-repeat left top;}

.iMain .isect1 dt h4{height: 25px;line-height: 25px;font-size: 18px;color: #fffefe;font-weight: normal;}

.iMain .isect1 dt h5{font-size: 14px;line-height: 17px;color: #ffffff;font-weight: normal;filter: alpha(opacity=60);opacity: 0.6;margin-bottom: 81px;}

/*.iMain .isect1 dt i{display: block;width: 35px;height: 35px;background: url(../images/moreIcon.png) no-repeat center;}*/

.iMain .isect1 dt .icon{width: 33px;height: 33px;border:1px solid #ffffff;position: relative;}

.iMain .isect1 dt .icon:before,

.iMain .isect1 dt .icon:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/addIcon2.png) no-repeat left top;

-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

.iMain .isect1 dt .icon:after{z-index: 2;filter: alpha(opacity=0);opacity: 0;background-position: left bottom;}

.iMain .isect1:hover dt .icon{background: #fff;}

.iMain .isect1:hover dt .icon:before{filter: alpha(opacity=0);opacity: 0;}

.iMain .isect1:hover dt .icon:after{filter: alpha(opacity=100);opacity: 1;}



.iMain .isect1:hover dt a b{-webkit-animation:amtDown 1s 0.3s both;-moz-animation:amtDown 1s 0.3s both;animation:amtDown 1s 0.3s both;

/*width:0;-webkit-animation:amtWidth 1.5s both;-moz-animation:amtWidth 1.5s both;animation:amtWidth 1.5s both;*/}



.iMain .isect1:hover dt h4{-webkit-animation:amtLeft 1s 0.3s both;-moz-animation:amtLeft 1s 0.3s both;animation:amtLeft 1s 0.3s both;}

.iMain .isect1:hover dt h5{-webkit-animation:amtRight 1s 0.3s both;-moz-animation:amtRight 1s 0.3s both;animation:amtRight 1s 0.3s both;}

/*.iMain .isect1:hover dt .icon{-webkit-animation:amtUp 1s 0.3s both;-moz-animation:amtUp 1s 0.3s both;animation:amtUp 1s 0.3s both;}*/

@-webkit-keyframes amtWidth {

  0%{width: 0;}

  100%{width: 100%;}

}



@-moz-keyframes amtWidth {

  0%{width: 0;}

  100%{width: 100%;}

}



@-o-keyframes amtWidth {

  0%{width: 0;}

  100%{width: 100%;}

}



@keyframes amtWidth {

  0%{width: 0;}

  100%{width: 100%;}

}



@-webkit-keyframes amtDown {

    0%{

        -webkit-opacity:0;

        opacity:0;

        -webkit-transform:translate(30px,-50px);

        transform:translate(30px,-50px);

    }

    100%{

        -webkit-opacity:1;

        opacity:1;

        -webkit-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@-moz-keyframes amtDown {



    0%{

        opacity:0;

        -moz-transform:translate(30px,-50px);

        transform:translate(30px,-50px);

    }

    100%{

        opacity:1;

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@keyframes amtDown {



    0%{

        -webkit-opacity:0;

        filter:alpha(opacity=0);

        opacity:0;

        -webkit-transform:translate(30px,-50px);

        -moz-transform:translate(30px,-50px);

        transform:translate(30px,-50px);

    }

    100%{

        -webkit-opacity:1;

        filter:alpha(opacity=100);

        opacity:1;

        -webkit-transform:translate(0,0);

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}



 @-webkit-keyframes amtLeft {

  

    0%{

        -webkit-opacity:0;

        opacity:0;

        -webkit-transform:translate(50px,0);

        transform:translate(50px,0);

    }

    100%{

        -webkit-opacity:1;

        opacity:1;

        -webkit-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@-moz-keyframes amtLeft {



    0%{

        opacity:0;

        -moz-transform:translate(50px,0);

        transform:translate(50px,0);

    }

    100%{

        opacity:1;

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@keyframes amtLeft {



    0%{

        -webkit-opacity:0;

        filter:alpha(opacity=0);

        opacity:0;

        -webkit-transform:translate(50px,0);

        -moz-transform:translate(50px,0);

        transform:translate(50px,0);

    }

    100%{

        -webkit-opacity:1;

        filter:alpha(opacity=100);

        opacity:1;

        -webkit-transform:translate(0,0);

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}



 @-webkit-keyframes amtRight {

  

    0%{

        -webkit-opacity:0;

        opacity:0;

        -webkit-transform:translate(-50px,0);

        transform:translate(-50px,0);

    }

    100%{

        -webkit-opacity:1;

        opacity:1;

        -webkit-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@-moz-keyframes amtRight {



    0%{

        opacity:0;

        -moz-transform:translate(-50px,0);

        transform:translate(-50px,0);

    }

    100%{

        opacity:1;

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@keyframes amtRight {



    0%{

        -webkit-opacity:0;

        filter:alpha(opacity=0);

        opacity:0;

        -webkit-transform:translate(-50px,0);

        -moz-transform:translate(-50px,0);

        transform:translate(-50px,0);

    }

    100%{

        -webkit-opacity:1;

        filter:alpha(opacity=100);

        opacity:1;

        -webkit-transform:translate(0,0);

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@-webkit-keyframes amtUp {

    0%{

        -webkit-opacity:0;

        opacity:0;

        -webkit-transform:translate(0,50px);

        transform:translate(0,50px);

    }

    100%{

        -webkit-opacity:1;

        opacity:1;

        -webkit-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@-moz-keyframes amtUp {



    0%{

        opacity:0;

        -moz-transform:translate(0,50px);

        transform:translate(0,50px);

    }

    100%{

        opacity:1;

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}

@keyframes amtUp {



    0%{

        -webkit-opacity:0;

        filter:alpha(opacity=0);

        opacity:0;

        -webkit-transform:translate(0,50px);

        -moz-transform:translate(0,50px);

        transform:translate(0,50px);

    }

    100%{

        -webkit-opacity:1;

        filter:alpha(opacity=100);

        opacity:1;

        -webkit-transform:translate(0,0);

        -moz-transform:translate(0,0);

        transform:translate(0,0);

    }



}



.iMain .isect1 dd{width: 367px;height: 182px;padding: 21px 0 0 0;}

.iMain .isect1 dd ul{padding-right: 10px;height: 182px;overflow: auto;}

.iMain .isect1 dd ul::-webkit-scrollbar{width:1px;height:1px}

.iMain .isect1 dd ul::-webkit-scrollbar-button:vertical{display:none}

.iMain .isect1 dd ul::-webkit-scrollbar-corner,

.iMain .isect1 dd ul::-webkit-scrollbar-track{background-color:#cccccc}

.iMain .isect1 dd ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#01a576; }

.iMain .isect1 dd ul::-webkit-scrollbar-thumb:vertical:hover{ }

.iMain .isect1 dd ul::-webkit-scrollbar-thumb:vertical:active{ }

.iMain .isect1 dd ul li{height: 30px;}

.iMain .isect1 dd ul li a{font-size: 14px;line-height: 30px;color: #333232;padding-left: 32px;position: relative;}

.iMain .isect1 dd ul li a:before{content: "";width: 4px;height: 4px;background: #1f5b42;position: absolute;left: 7px;top: 14px;

-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

.iMain .isect1 dd ul li a i{width: 20px;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/liIcon.png) no-repeat left center;filter: alpha(opacity=0);opacity: 0;

-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}

.iMain .isect1 dd ul li a:hover{color: #01a576;}

.iMain .isect1 dd ul li a:hover:before{filter: alpha(opacity=0);opacity: 0;}

.iMain .isect1 dd ul li a:hover i{filter: alpha(opacity=100);opacity: 1;

-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.iMain .isect2{width: 640px;height: 220px;overflow: hidden;position: relative;}

.iMain .isect2 .tit{position: absolute;left: 37px;top: 37px;z-index: 5;}

.iMain .isect2 .tit h4{height: 22px;line-height: 22px;color: #fffefe;font-weight: normal;font-size: 18px;}

.iMain .isect2 .tit h5{font-size: 14px;line-height: 22px;color: #ffffff;font-weight: normal;filter: alpha(opacity=60);opacity: 0.6;}

.iMain .isect2 .tit .icon{position: absolute;left: 0;top: 120px;width: 33px;height: 33px;border:1px solid #ffffff;background: url(../images/addIcon.png) no-repeat center;}

.iMain .isect2 .tit .icon:hover{border-color: #01a576;background-color: #01a576}



.iMain .isect2 .wrap{width: 100%;height: 220px;position: relative;}

.iMain .isect2  #box{position:absolute;width:1144px;height:220px;top: 0;left: -300px;}

.iMain .isect2  #box ul{position:relative;width:1144px;height:220px;}

.iMain .isect2  #box li{position:absolute;list-style:none;width:0;height:0;top:0;left:300px;z-index:0;cursor:pointer;}

.iMain .isect2  #box li .pic{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 5;}

.iMain .isect2  #box li .pic img{width: 100%;height: 100%;opacity: 1 !important;}.iMain .isect2  #box li .text img{margin-right: 16px;}

.iMain .isect2  #box .btn{width: 0;height: 0;position: absolute;opacity: 0;filter: alpha(opacity=0);opacity: 0;z-index: -1;}

.iMain .isect2  #box li a{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: none;}

.iMain .isect2  #box li.on a{display: block;}



.iMain .isect2 .wapScroll{display: none;padding-bottom: 40px;overflow: hidden;}

.iMain .isect2 .wapScroll .swiper-slide a{display: block;height: 0;padding-bottom: 40.7%;position: relative;overflow: hidden;}

.iMain .isect2 .wapScroll .swiper-slide a img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.iMain .isect2 .wapScroll.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #01a576;}





.fTop{padding: 54px 0 66px;background: url(../images/fTopBg.jpg) no-repeat center top;}

.fTop .item1{width: 400px;padding-right: 32px;}

.fTop .item2{width: 302px;}

.fTop .item3{width: 300px;}

.fTop .item4{width: 246px;}

.fTop .fTit{margin-bottom: 28px;}

.fTop .fTit h4{height: 28px;line-height: 28px;font-size: 18px;color: #222222;font-weight: normal;}

.fTop .fTit h5{font-size: 12px;line-height: 21px;color: #999999;font-weight: normal;text-transform: uppercase;margin-bottom: 13px;}

.fTop .fTit i{display: block;width: 26px;height: 1px;background: #333333;}

.fTop .item1 .add{font-size: 14px;color: #333333;line-height: 16px;}

.fTop .item2 .fTit{margin-bottom: 24px;}

.fTop .item2 .tel{font-size: 18px;color: #333333;font-weight: bold;line-height: 20px;}

.fTop .item3 .fTit{margin-bottom: 18px;}

.fTop .item3 .bdsharebuttonbox{height: 26px;}

.fTop .item3 .bdsharebuttonbox .shareItem{height: 26px;float: left;background: url(../images/shareBg.png) no-repeat left top;padding: 0;position: relative;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_tsina{width: 20px;margin: 0 20px 0 0;background-position: left top;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin{width: 22px;margin: 0 22px 0 0;background-position: -41px top;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_sqq{width: 17px;margin: 0 24px 0 0;background-position: -85px top;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_whatsapp{width: 18px;margin: 0 26px 0 0;background-position: -126px top;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_msn{width: 13px;margin: 0;background-position: -170px top;display: block;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_albb{width: 20px;margin: 0 0 0 22px;background-position: -208px top;display: block;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_whatsapp .whatsapp{position: absolute;width: 180px;left: 50%;margin-left: -90px;top: -48px;opacity: 1;display: none;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_whatsapp .whatsapp p{height: 40px;line-height: 40px;width: 180px;background: #fff;border-radius: 4px;font-size: 14px;color: #555;text-align: center;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_whatsapp .whatsapp i{display: block;margin: 0 auto;width: 0;height: 0;

border: 8px solid transparent;border-top: 8px solid #fff;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_whatsapp:hover{opacity: 1;}





.fTop .item3 .bdsharebuttonbox .shareItem.bds_tsina:hover{background-position: left bottom;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin:hover{background-position: -41px bottom;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_sqq:hover{background-position: -85px bottom;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_whatsapp:hover{background-position: -126px bottom;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_msn:hover{background-position: -170px bottom;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_albb:hover{background-position: -208px bottom;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1{width: 22px;margin: 0 22px 0 0;background-position: -41px top;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1:hover{background-position: -41px bottom;}



.fTop .item3 .bdsharebuttonbox{position: relative;z-index: 8;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1 .codeImg{position: absolute;left: 50%;margin-left: -75px;bottom: 26px;z-index: 8;display: none;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1 .codeImg .pic{width: 140px;height: 140px;background: #fff;padding: 5px;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1 .codeImg .pic img{width: 100%;height: 100%;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1 .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;}

.fTop .item3 .bdsharebuttonbox .shareItem.bds_weixin1:hover{opacity: 1;}



.fTop .item4 .fTit{margin-bottom: 28px;}

.fTop .select{width: 100%;max-width: 246px;}

.fTop .select {height: 30px; position: relative;}

.fTop .select dt { height: 28px;border: 1px solid #999999; background: #ffffff; line-height: 28px; padding: 0 27px 0 10px; cursor: pointer;position: relative; z-index: 3; color: #666666; font-size: 14px; }

.fTop .select dt i{width: 12px;height: 7px;position: absolute;right: 12px;top: 10px;background: url(../images/trangle1.png) no-repeat center;}

.fTop .select dt.cur i{-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.fTop .select dd {width: 100%; position: absolute; left: 0; bottom: 30px;box-sizing: border-box; border: 1px solid #d2ccc4; background: #fff; display: none; }

.fTop .select dd ul {width: 100%; max-height: 250px; overflow: auto; }

.fTop .select dd ul li { display: block; width: 100%;}

.fTop .select dd ul li a { line-height: 32px; display: block; padding: 0 8px; }

.fTop .select dd ul li a:hover { background: #f5f5f5; }

.fTop .select dd ul::-webkit-scrollbar{width:1px;height:1px}

.fTop .select dd ul::-webkit-scrollbar-button:vertical{display:none}

.fTop .select dd ul::-webkit-scrollbar-corner,

.fTop .select dd ul::-webkit-scrollbar-track{background-color:#cccccc}

.fTop .select dd ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#01a576; }

.fTop .select dd ul::-webkit-scrollbar-thumb:vertical:hover{ }

.fTop .select dd ul::-webkit-scrollbar-thumb:vertical:active{ }



.fBtm{width: 100%;padding: 20px 0;background: #1f5b42;font-size: 14px;color: #ced7d3;line-height: 30px;}

.fBtm .copy span{margin-right: 4px;}

.fBtm ul{font-size: 0;}

.fBtm ul li{padding-left: 20px;position: relative;display: inline-block;*display: inline;*zoom: 1;font-size: 14px;}

.fBtm ul li:before{content: "";width: 2px;height: 15px;background: #abbbb3;position: absolute;left: 9px;top: 50%;margin-top: -7px;}

.fBtm ul li:first-child{padding-left: 0;}

.fBtm ul li:first-child:before{display: none;}

.fBtm ul li a:hover{color: #fff;}



body.nyBodyBg{background: #f2f5f8;}

.nyBanner{width: 100%;height: 260px;background-repeat: no-repeat;background-position: center top;}

.nyNav{width: 100%;background: #ffffff;text-align: center;font-size: 0;}

.nyNav ul li{display: inline-block;*display: inline;*zoom: 1;padding: 0 24px;}

.nyNav ul li a{display: block;font-size: 16px;color: #333333;line-height: 56px;font-weight: bold;}

.nyNav ul li.on a,.nyNav ul li:hover a{color: #01996d;}



.nyWrap{padding: 40px 0 60px;min-height: 350px;}



.pcDevpScroll{width: 1220px;margin: 0 auto;position: relative;overflow: hidden;}

.pcDevpScroll:before{content: "";width: 100%;height: 1px;background: #cccccc;position: absolute;left: 0;top: 50%;}

.pcDevpScroll .btn{width: 26px;height: 25px;position: absolute;left: 0;top: 50%;margin-top: -13px;border:1px solid #cccccc;background: #ffffff;cursor: pointer;}

.pcDevpScroll .btn.swiper-button-prev{left: 0;}

.pcDevpScroll .btn.swiper-button-next{right: 0;left: auto;}

.pcDevpScroll .btn:before,

.pcDevpScroll .btn:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;

-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

.pcDevpScroll .btn:after{z-index: 2;filter: alpha(opacity=0);opacity: 0;}

.pcDevpScroll .btn.swiper-button-prev:before{background: url(../images/leftArr.png) no-repeat left top;}

.pcDevpScroll .btn.swiper-button-prev:after{background: url(../images/leftArr.png) no-repeat left bottom;}

.pcDevpScroll .btn.swiper-button-next:before{background: url(../images/rightArr.png) no-repeat left top;}

.pcDevpScroll .btn.swiper-button-next:after{background: url(../images/rightArr.png) no-repeat left bottom;}

.pcDevpScroll .btn:hover{background: #01a576;border-color: #01a576;}

.pcDevpScroll .btn:hover:before{filter: alpha(opacity=0);opacity: 0;}

.pcDevpScroll .btn:hover:after{filter: alpha(opacity=100);opacity: 1;}

.pcDevpScroll .swiper-slide{width: 100%;overflow: hidden;}

.pcDevpScroll .swiper-slide ul{width: 100%;box-sizing: border-box;padding: 0 64px;}

.pcDevpScroll .swiper-slide ul li{width: 180px;height: 64px;padding: 160px 0;text-align: center;font-size: 0;position: relative;}

.pcDevpScroll .swiper-slide ul li .icon{display: inline-block;*display: inline;*zoom: 1;width: 55px;height: 55px;padding: 3px;background: #ffffff;border:1px solid #d3d3d3;border-radius: 50%;}

.pcDevpScroll .swiper-slide ul li .icon i{display: block;width: 100%;height: 100%;background: #02a576;border-radius: 50%;font-size: 16px;color: #02a576;line-height: 55px;font-weight: bold;color: #ffffff;}

.pcDevpScroll .swiper-slide ul li .devpCont{width: 292px;height: 147px;box-sizing: border-box;border:1px solid #02a576;padding: 14px 0 13px 30px;background: #ffffff;position: absolute;left: 50%;margin-left: -146px;}

.pcDevpScroll .swiper-slide ul li.li1 .devpCont{top: 0;}

.pcDevpScroll .swiper-slide ul li.li2 .devpCont{bottom: 0;}

.pcDevpScroll .swiper-slide ul li .trangle{width: 13px;height: 6px;position: absolute;left: 50%;margin-left: -6px;}

.pcDevpScroll .swiper-slide ul li.li1 .trangle{bottom: -6px;background: url(../images/trangle2.png) no-repeat center top;}

.pcDevpScroll .swiper-slide ul li.li2 .trangle{top:-6px;background: url(../images/trangle3.png) no-repeat center bottom;}

.pcDevpScroll .swiper-slide ul li .cont{padding-right: 30px;font-size: 14px;line-height: 24px;color: #666666;text-align: left;height: 120px;overflow: auto;}

.pcDevpScroll .swiper-slide ul li .cont *{max-width: 100% !important;}

.pcDevpScroll .swiper-slide ul li .cont p{margin-bottom: 8px;}

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar{width: 2px;height:2px}

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar-button:vertical{display:none}

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar-corner,

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar-track{background-color:#fff}

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar-thumb{border-radius:0;background-color:#01a576; }

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar-thumb:vertical:hover{ }

.pcDevpScroll .swiper-slide ul li .cont::-webkit-scrollbar-thumb:vertical:active{ }



.wrapDevpList{display: none;}

.wrapDevpList ul{position: relative;border-left: 2px solid #01a576;}

.wrapDevpList ul li{padding: 0 0 0 20px;margin-bottom: 20px;}

.wrapDevpList ul li .date{font-size: 16px;color: #4c4c4c;line-height: 34px;position: relative;z-index: 2;}

.wrapDevpList ul li .date:before{content: "";width: 12px;height: 12px;background: #01a576;border-radius: 50%;position: absolute;left: -27px;top:10px;}

.wrapDevpList ul li .cont{padding-right: 30px;font-size: 14px;line-height: 24px;color: #666666;text-align: left;max-height: 120px;overflow: auto;}

.wrapDevpList ul li .cont *{max-width: 100% !important;}

.wrapDevpList ul li .cont::-webkit-scrollbar{width: 2px;height:2px}

.wrapDevpList ul li .cont::-webkit-scrollbar-button:vertical{display:none}

.wrapDevpList ul li .cont::-webkit-scrollbar-corner,

.wrapDevpList ul li .cont::-webkit-scrollbar-track{background-color:#fff}

.wrapDevpList ul li .cont::-webkit-scrollbar-thumb{border-radius:0;background-color:#01a576; }

.wrapDevpList ul li .cont::-webkit-scrollbar-thumb:vertical:hover{ }

.wrapDevpList ul li .cont::-webkit-scrollbar-thumb:vertical:active{ }



.detail{font-size: 14px;line-height: 42px;color: #333333;}

.detail *{max-width: 100% !important;}

.detail img{height: auto !important;}

.about{padding: 46px 30px 50px 30px;background: #ffffff;min-height: 350px;}

.about .pic{width: 360px;}

.about .text{width: 820px;}





.cultureWrap.detail{font-size: 14px;line-height: 26px;color: #666666;}

.cultureWrap{position: relative;min-height: 730px;}

.cultureWrap:before{content: "";width: 1px;height: 100%;background: #02a576;position: absolute;left: 50%;top:0;}

.cultureWrap .culRight{width: 556px;margin-right: 48px;}

.cultureWrap .culRight .tit{padding: 15px 0 33px;}

.cultureWrap .culRight .tit .en{line-height: 48px;font-size: 36px;color: #02a576;font-weight: normal;font-family: "Bebas","Arial";text-transform: uppercase;}

.cultureWrap .culRight .tit .ch{height: 48px;line-height: 48px;font-size: 32px;color: #02a576;}

.cultureWrap .culRight .list dl{margin-bottom: 18px;padding-left: 173px;min-height: 42px;position: relative;}

.cultureWrap .culRight .list dl dt{width: 139px;height: 42px;box-sizing: border-box;padding-left: 15px;position: absolute;left: 0;top:0;background: url(../images/dtBg.png) no-repeat left;

font-size: 16px;color: #fffefe;font-weight: bold;line-height: 42px;}

.cultureWrap .culRight .list dl dd{width: 100%;font-size: 14px;color: #333333;line-height: 42px;}

.cultureWrap .culRight .list dl.dl3 dd{line-height: 22px;}



.cultureWrap .culLeft{width: 605px;padding-top: 28px;}

.cultureWrap .culLeft .tit{height: 95px;padding-right: 133px;position: relative;text-align: right;font-size: 22px;color: #02a576;line-height: 95px;margin-bottom: 35px;}

.cultureWrap .culLeft .tit i{width: 93px;height: 93px;border:1px solid #08a779;border-radius: 50%;background: url(../images/culIcon1.png) no-repeat center;position: absolute;right: 0;top:0;}

.cultureWrap .culLeft .list1 li{margin-bottom: 31px;min-height: 95px;padding-right: 133px;position: relative;}

.cultureWrap .culLeft .list1 li .num{width: 93px;height: 93px;border:1px solid #08a779;border-radius: 50%;text-align: center;line-height: 93px;font-size: 47px;color: #02a576;font-family: "Dutch801","Arial";

position: absolute;right: 0;top:0;}

.cultureWrap .culLeft .list1 li .text{text-align: right;}

.cultureWrap .culLeft .list1 li.li3 .text{padding-top: 28px;}



.p3List li{padding: 30px;background: #ffffff;margin-bottom: 30px;}

.p3List li a{display: block;height: 180px;padding-left: 320px;position: relative;}

.p3List li a .pic{width: 290px;height: 180px;position: absolute;left: 0;top:0;overflow: hidden;}

.p3List li a .pic img{width: 100%;height: 100%;}

.p3List li a .text{width: 100%;}

.p3List li a .text h5{font-size: 18px;line-height: 44px;color: #333333;font-weight: bold;}

.p3List li a .text i{display: block;width: 60px;height: 1px;background: #02a576;margin: 4px 0 18px 0;}

.p3List li a .text p{font-size: 14px;line-height: 26px;color: #666666;height: 52px;overflow: hidden;margin-bottom: 26px;}

.p3List li a .text span{display: block;font-size: 14px;line-height: 24px;color: #02a576;}

.p3List li a:hover .text h5{color: #02a576;}



.passage{padding: 30px 30px 40px;background: #ffffff;min-height: 350px;}

.passage .psgTit{text-align: center;line-height: 42px;color: #333333;font-size: 20px;margin-bottom: 9px;}

.passage .info{text-align: center;line-height: 22px;font-size: 0;margin-bottom: 23px;}

.passage .info span{display: inline-block;*display: inline;*zoom: 1;margin: 0 17px;font-size: 13px;color: #999999;}

.passage .info span.time{padding-left: 18px;background: url(../images/timeIcon.png) no-repeat left center;}

.passage .info span.views{padding-left: 23px;background: url(../images/viewsIcon.png) no-repeat left center;}

.passage .psgCont{font-size: 14px;line-height: 32px;color: #666666;padding-bottom: 48px;}

.passage .psgCont *{max-width: 100% !important;}

.passage .psgCont img{height: auto !important;}

.passage .psgLink{padding-top: 43px;border-top: 1px solid #cccccc;}

.passage .psgLink .btn{width: 98px;height: 33px;border:1px solid #cccccc;text-align: center;font-size: 14px;color: #666666;line-height: 33px;margin-right: 20px;}

.passage .psgLink .btn:hover{color: #009f8a;border-color: #009f8a;}

.passage .psgLink .btn.toList{margin-right: 0;}



.procedTit{text-align: center;font-size: 16px;color: #333333;line-height: 16px;margin-bottom: 30px;letter-spacing: 5px;}



.joinUs{padding: 0 40px 85px 40px;background: #ffffff;min-height: 350px;}

.joinUs.detail{font-size: 14px;line-height: 42px;color: #333333;}

.joinUs .top{height: 22px;padding: 16px 0 14px;border-bottom: 1px solid #e6e6e6;margin-bottom: 16px;text-align: center;font-size: 0;color: #333333;font-weight: bold;line-height: 22px;}

.joinUs .top .clearfix{display: inline-block;*display: inline;*zoom: 1;font-size: 14px;}

.joinUs .top span{display: inline-block;*display: inline;*zoom: 1;margin: 0 42px;font-size: 14px;}



.quesList{width: 710px;padding: 25px 40px 40px 30px;background: #ffffff;}

.quesList ul{height: 440px;padding-bottom: 36px;}

.quesList ul li{border-bottom: 1px dotted #cccccc;margin-bottom: 17px;}

.quesList ul li a{display: block;padding-bottom: 13px;}

.quesList ul li a dl{padding-left: 79px;position: relative;}

.quesList ul li a dl.question{margin-bottom: 6px;}

.quesList ul li a dl dt{width: 79px;position: absolute;left: 0;top:0;font-size: 16px;color: #333333;line-height: 26px;text-align: right;}

.quesList ul li a dl.question dt{background: url(../images/quesIcon.png) no-repeat left center;}

.quesList ul li a dl.answer dt{background: url(../images/answIcon.png) no-repeat left center;}

.quesList ul li a dl dd{width: 100%;}

.quesList ul li a dl.question dd h5{max-width: 70%;font-size: 16px;color: #333333;line-height: 26px;font-weight: normal;}

.quesList ul li a dl.question dd span{font-size: 12px;color: #808080;line-height: 26px;}

.quesList ul li a dl.answer dd{font-size: 14px;line-height: 24px;color: #666666;height: 48px;overflow: hidden;}

.quesList ul li a:hover dl.question dt,.quesList ul li a:hover dl.question dd h5{color: #009f8a;}



.page{text-align: center;font-size: 0;height: 32px;}

.page .wrap{display: inline-block;*display: inline;*zoom: 1;}

.page .wrap a,.page .wrap span,.page .wrap .text{float: left;font-size: 14px;color: #4c4c4c;line-height: 30px;margin: 0 5px;}

.page .wrap a.prev,.page .wrap a.next{padding: 0 18px;border:1px solid #dbdbdb;}

.page .wrap a.num{padding: 0 10px;border:1px solid #dbdbdb;}

.page .wrap span{line-height: 32px;}

.page .wrap .text{width: 58px;height: 30px;border:1px solid #dbdbdb;text-align: center;line-height: 30px;font-family: "Microsoft Yahei";font-size: 14px;color: #4c4c4c;margin-right: 0;}

.page .wrap .go{width: 32px;height: 32px;text-align: center;line-height: 32px;background: #01a576;font-size: 14px;color: #ffffff;text-transform: uppercase;margin: 0;}

.page .wrap a:hover,.page .wrap a.on{border-color: #01a576;background: #01a576;color: #fff;}



.msgWrap{width: 430px;height: 521px;padding: 15px 30px 38px 30px;background: #ffffff;}

.msgWrap dl{margin-bottom: 18px;}

.msgWrap dl dt{height: 29px;line-height: 29px;font-size: 16px;color: #4c4c4c;}

.msgWrap dl dd .text{width: 100%;height: 32px;border:none;background: #eeeeee;font-size: 14px;line-height: 32px;color: #4c4c4c;font-family: "Microsoft Yahei";box-sizing: border-box;padding: 0 8px;}

.msgWrap dl dd textarea{width: 100%;height: 120px;border:none;background: #eeeeee;font-size: 14px;line-height: 32px;color: #4c4c4c;font-family: "Microsoft Yahei";box-sizing: border-box;padding: 0 8px;}

.msgWrap .codeWrap{margin-bottom: 42px;padding-top: 4px;}

.msgWrap .codeWrap .tit{width: 76px;height: 32px;line-height: 32px;font-size: 16px;color: #4c4c4c;}

.msgWrap .codeWrap .text{width: 138px;height: 30px;border:1px solid #d2d2d2;margin-right: 13px;text-align: center;line-height: 30px;font-family: "Microsoft Yahei";color: #4c4c4c;}

.msgWrap .codeWrap .codeImg{width: 113px;height: 30px;border:1px solid #d2d2d2;cursor: pointer;margin-right: 19px;}

.msgWrap .codeWrap .codeImg img{width: 100%;height: 100%;}

.msgWrap .codeWrap .btn{font-size: 14px;line-height: 32px;color: #02a576;text-decoration: underline;}

.msgWrap .subm{width: 100%;height: 34px;border:none;background: #01a576;text-align: center;line-height: 34px;font-family: "Microsoft Yahei";font-size: 14px;color: #fefefe;letter-spacing: 5px;cursor: pointer;}



.prodList{width: 100%;overflow: hidden;}

.prodList ul{padding-bottom: 15px;width: 1301px;}

.prodList ul li{width: 304px;margin: 0 21px 30px 0;}

.prodList ul li a{display: block;}

.prodList ul li a .pic{border:1px solid #d2d2d2;}

.prodList ul li a .pic span{display: block;width: 100%;height: 202px;font-size: 0;overflow: hidden;}

.prodList ul li a .pic span img{width: 100%;height: 100%;}

.prodList ul li a h5{height: 40px;line-height: 40px;text-align: center;font-size: 15px;color: #333333;font-weight: normal;}

.prodList ul li a:hover h5{color: #01a576;}



.newsList{width: 100%;overflow: hidden;}

.newsList ul{width: 1320px;padding-bottom: 36px;}

.newsList ul li{width: 400px;margin: 0 40px 40px 0;background: #ffffff;}

.newsList ul li a{display: block;}

.newsList ul li a .pic{width: 100%;height: 220px;font-size: 0;overflow: hidden;position: relative;}

.newsList ul li a .pic img{width: 100%;height: 100%;}

.newsList ul li a .pic b{width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/grayBg.png) repeat;z-index: 3;filter: alpha(opacity=0);opacity: 0;}

.newsList ul li a .text{padding: 10px 26px 14px 20px;}

.newsList ul li a .text h5{font-size: 16px;line-height: 32px;color: #333333;}

.newsList ul li a .text .date{display: block;font-size: 14px;line-height: 27px;color: #999999;margin-bottom: 4px;}

.newsList ul li a .text p{font-size: 14px;line-height: 26px;color: #333333;height: 52px;overflow: hidden;}

/*.newsList ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);

 -webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);}*/

.newsList ul li:hover a .text h5{color: #01a576;}

.newsList ul li:hover a .pic b{filter: alpha(opacity=100);opacity: 1;}



.pcHonor #box{position:relative;width:990px;height:431px;margin:0 auto;}

.pcHonor #box ul{position:relative;width:890px;height:431px;}

.pcHonor #box li{position:absolute;list-style:none;width:0;height:0;top:0;left:360px;z-index:0;cursor:pointer;}

.pcHonor #box li .pic{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 5;background: #d1cfcf;}

.pcHonor #box li .pic img{width: 100%;height: 100%;/*opacity: 1 !important;*/}

.pcHonor #box li .text{font-size: 16px;color: #333333;line-height: 42px;text-align: center;width: 100%;height: 42px;position: absolute;left: 0;bottom: -59px;opacity: 0;}

.pcHonor #box .btn{width: 30px;height: 90px;cursor: pointer;position: absolute;top: 140px;font-size: 0;text-indent: 999em;}

.pcHonor #box .btn.prev{background: url(../images/arrow1.png) no-repeat top;left: -105px;}

.pcHonor #box .btn.next{background: url(../images/arrow1.png) no-repeat bottom;right: -105px;}



.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:url(../images/grayBg.png) repeat;opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}

.Gallery.show{opacity:1}

.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}

.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}

.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}

.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}

.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}

.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}

.Gallery img{max-height:87%;max-width:99%}

.Gallery.Gallery-none img{max-height:100%;max-width:99%}

.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}

.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}

.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}

.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}

.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}

.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}

.g-list span{display:inline-block;vertical-align:middle;height:100%}

.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}

.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}

.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}

.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}

.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}

.g-close{cursor:pointer}

.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}

.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}

.g-top button:hover{opacity:1}



.wapHonor{width: 100%;overflow: hidden;padding-bottom: 50px;position: relative;display: none;}

.wapHonor .swiper-slide a{display: block;}

.wapHonor .swiper-slide a .pic{width: 100%;height: 0;padding-bottom:137.8%;position: relative;overflow: hidden;margin-bottom: 16px;}

.wapHonor .swiper-slide a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.wapHonor .swiper-slide a .text{font-size: 16px;color: #333333;line-height: 42px;text-align: center;}

.wapHonor .swiper-pagination-bullet-active{background: #01a576;}

.wapHonor.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{cursor: pointer;}



.networkMap{height: 529px;background: #ffffff;margin-bottom: 35px;}

.networkText{font-size: 14px;line-height: 24px;color: #333333;text-align: justify;word-break: break-all;}

.networkText *{max-width: 100% !important;}

.networkText .tel,.networkText .add,.networkText .email,

.networkText .tmall,.networkText .alibaba{padding-left: 30px;margin-bottom: 16px;}

.networkText .add{background: url(../images/addIcon1.png) no-repeat left 3px;margin-bottom: 16px;}

.networkText .tel{background: url(../images/telIcon1.png) no-repeat left 5px;}

.networkText .email{background: url(../images/emailIcon1.png) no-repeat -2px 3px;}

.networkText .tmall{background: url(../images/tmalllIcon1.png) no-repeat -2px 3px;}

.networkText .alibaba{background: url(../images/alibabaIcon1.png) no-repeat -2px 3px;}

.networkText a:hover{color: #01a576;text-decoration: underline;}



.cyWrap{padding: 30px 30px 42px 30px;background: #ffffff;min-height: 350px;}

.cyWrap.detail{font-size: 14px;line-height: 24px;color: #333333;}

.cyWrap .cyList{padding-left: 119px;}

.cyWrap .cyList li{width: 215px;padding-top: 224px;position: relative;}

.cyWrap .cyList li.li1{z-index: 5;}

.cyWrap .cyList li.li2{z-index: 4;}

.cyWrap .cyList li.li3{z-index: 3;}

.cyWrap .cyList li.li4{z-index: 2;}

.cyWrap .cyList li.li5{z-index: 1;}

.cyWrap .cyList li .pic{width: 241px;height: 241px;max-width: 300px !important;position: absolute;top:0;left: -58px;border:2px solid #fff;border-radius: 50%;z-index: 3;}

.cyWrap .cyList li .pic img{width: 100%;height: 100%;}

.cyWrap .cyList li .pic b{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background: url(../images/grayBg1.png) repeat;border-radius: 50%;filter: alpha(opacity=0);opacity: 0;}

.cyWrap .cyList li .pic:before{content: "";width: 35px;height: 40px;position: absolute;top:50%;margin-top: -20px;right: -18px;background: url(../images/arrow2.png) no-repeat center;z-index: 5;}

.cyWrap .cyList li.li5 .pic:before{display: none;}

.cyWrap .cyList li .cont{padding: 28px 30px 28px 20px;min-height: 314px;border-left: 1px solid #02a576;position: relative;}

.cyWrap .cyList li .cont:before{content: "";width: 12px;height: 12px;background: #02a576;border-radius: 50%;position: absolute;left: -6px;bottom: 0;}

.cyWrap .cyList li .cont .tit{margin-bottom: 15px;font-size: 14px;line-height: 20px;color: #333333;}

.cyWrap .cyList li .wapPic{width: 100%;height: 0;padding-bottom: 58.33%;position: relative;display: none;}

.cyWrap .cyList li .wapPic img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}

.cyWrap .cyList li:hover .pic b{filter: alpha(opacity=100);opacity: 1;}



.mapWrap{margin: 30px auto 40px;min-height: 350px;height: 500px;padding: 5px;background: #fff;}



.searchList ul{margin-bottom: 30px;min-height: 300px;}

.searchList ul li{height: 30px;}

.searchList ul li a{font-size: 14px;line-height: 30px;color: #333232;padding-left: 32px;position: relative;display: block;}

.searchList ul li a:before{content: "";width: 4px;height: 4px;background: #1f5b42;position: absolute;left: 7px;top: 14px;

-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

.searchList ul li a i{width: 20px;height: 15px;position: absolute;left: 0;top: 9px;background: url(../images/liIcon.png) no-repeat left center;filter: alpha(opacity=0);opacity: 0;

-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}

.searchList ul li a:hover{color: #01a576;}

.searchList ul li a:hover:before{filter: alpha(opacity=0);opacity: 0;}

.searchList ul li a:hover i{filter: alpha(opacity=100);opacity: 1;

-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.searchList ul li a h5{font-weight: normal;max-width: 70%;}

.searchList ul li a span{font-size: 12px;}



.devpPc{background: url(../images/devpBg.png) no-repeat center bottom;padding: 28px 30px 90px;}

.contactList{width: 100%;}

.contactList li{width: 20%;text-align: center;box-sizing: border-box;padding: 0 32px;}

.contactList li .icon{font-size: 0;}

.contactList li h5{line-height: 28px;font-size: 14px;color: #666666;font-weight: normal;margin-bottom: 2px;}

.contactList li p{font-size: 14px;line-height: 24px;color: #333333;min-height: 48px;}



.leaderWrap{margin: 77px auto 55px;}

.leaderWrap .cont{margin-left: 45px;padding: 34px 40px 67px 36px;background: #fff;min-height: 350px;}

.leaderWrap .cont.detail{line-height: 34px;}

.leaderWrap .cont .leaderPic{width: 296px;height: 358px;overflow: hidden;margin: -84px 40px 24px -80px;}

.leaderWrap .cont .leaderPic img{width: 100%;height: 100%;}





.floatQ{position: fixed;right: 0;top:35%;z-index: 99;}



@media screen and (max-width: 1300px){

.w1280{width: auto;padding: 0 5%;}

.header .w1280 .pcNav ul .nLi h3 a{padding: 0 10px;}

.header .w1280 .searchBtn.icon{margin-left: 24px;}

.header .w1280 .logo{left: 5%;}



.bannerWrap.w1280{padding: 0;}

.bannerWrap .swiper-slide a{height: 0;padding-bottom: 36.82%;background-size: cover;padding-bottom: 50%;}







.fTop{background-size: cover;}

.fTop .item1{width: 32%;}

.fTop .item2,.fTop .item3,.fTop .item4{width: 21%;box-sizing: border-box;padding-right: 20px;}



.iMain .isect1{width: 100%;box-sizing: border-box;margin-bottom: 30px;}

.iMain .isect1 dl{padding-left: 240px;position: relative;height: 220px;}

.iMain .isect1 dl dt{position: absolute;left: 0;top: 0;}

.iMain .isect1 dl dd{width: 100%;}



.iMain .isect2{width: 100%;height: auto;}

.iMain .isect2 .tit{position: static;margin-bottom: 20px;}

.iMain .isect2 .tit h4{color: #222222;}

.iMain .isect2 .tit h5{color: #666;}



.iMain .isect2 #box{left: 50%;

-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}



.nyBanner{background-size: cover;}



.nyWrap{padding: 40px 5% 60px;}

.pcDevpScroll,.devpPc{display: none;}

.wrapDevpList{display: block;}



.about .pic{display: none;}

.about .text{width: 100%;}



.cultureWrap:before{display: none;}

.cultureWrap .culRight{width: 100%;margin-right: 0;}

.cultureWrap .culLeft{width: 100%;padding-top: 20px;margin-top: 20px;border-top: 1px solid #02a576;}

.cultureWrap .culLeft .tit{padding: 0 0 0 133px;text-align: left;}

.cultureWrap .culLeft .tit i{right: auto;left: 0;}

.cultureWrap .culLeft .list1 li{padding: 0 0 0 133px;}

.cultureWrap .culLeft .list1 li .num{left: 0;right: auto;}

.cultureWrap .culLeft .list1 li .text{text-align: left;}





.quesList,.msgWrap{width: 100%;box-sizing: border-box;height: auto;}

.quesList{margin-bottom: 20px;}

.quesList ul{height: auto;padding-bottom: 6px;}



.prodList ul{width: 100%;}

.prodList ul li{width: 23%;margin-right: 2.66%;}

.prodList ul li:nth-child(4n){margin-right: 0;}

.prodList ul li a .pic span{height: 0;padding-bottom: 66.89%;position: relative;}

.prodList ul li a .pic span img{position: absolute;left: 0;top:0;}



.newsList ul{width: 100%;}

.newsList ul li{width: 32%;margin-right: 2%;}

.newsList ul li:nth-child(3n){margin-right: 0;}

.newsList ul li a .pic{height: 0;padding-bottom: 55%;position: relative;}

.newsList ul li a .pic img{position: absolute;left: 0;top:0;}



.pcHonor{display: none;}

.wapHonor{display: block;}



.cyWrap .cyList{padding-left: 0;}

.cyWrap .cyList li{width: 20%;box-sizing: border-box;}

/*.cyWrap .cyList li .pic{display: none;}

.cyWrap .cyList li .cont:before{bottom: auto;top:0;}*/



.contactList li .icon img{width: 100px;}



.joinUs .top{height: auto;}





}



@media screen and (max-width: 1180px){

.header .w1280 .pcNav{display: none;}

.header .menuIcon{display: block;}



.fTop .item1,.fTop .item2,.fTop .item3,.fTop .item4{width: 50%;margin: 0 0 50px 0;padding: 0;}

.fTop .item3,.fTop .item4{margin-bottom: 0;}



.contactList li{width: 33.3%;margin-bottom: 20px;}

}

@media screen and (max-width: 1024px){

.nyNav ul li{padding: 0 12px;}



.prodList ul li{width: 32%;margin-right: 2%;}

.prodList ul li:nth-child(3n){margin-right: 0;}

.prodList ul li:nth-child(4n){margin-right: 2%;}



.cyWrap .cyList li{width: 33.3%;}



}

@media screen and (max-width: 768px){

.header .w1280 .logo{height: 99px;line-height: 99px;}

.header .w1280 .logo:before{height: 9px;}



.fTop{padding: 30px 0;}

.fTop .item1,.fTop .item2,.fTop .item3,.fTop .item4{width: 100%;margin: 0 0 40px 0;}

.fTop .fTit h5{margin-bottom: 6px;}

.fTop .item1 .fTit,.fTop .item2 .fTit,.fTop .item3 .fTit,.fTop .item4 .fTit{margin-bottom: 10px;}



.fBtm ul,.fBtm .copy{width: 100%;text-align: center;}

.fBtm ul li{padding: 0 9px 0 11px;}

.fBtm ul li:before{left: 0;}



.iMain .isect1{padding: 20px;}

.iMain .isect1 dl{padding-left: 0;}

.iMain .isect1 dl dt{width: 100%;height: auto;position: static;padding: 0;background: none}

.iMain .isect1 dt a{padding: 0;}

.iMain .isect1 dt i{display: none;}

.iMain .isect1 dt .icon{display: none;}

.iMain .isect1 dt h4{color: #222;}

.iMain .isect1 dt h5{margin-bottom: 0;color: #666;;}



.iMain .isect2{box-sizing: border-box;}

.iMain .isect2 .wrap{display: none;}

.iMain .isect2 .wapScroll{display: block;}



.nyBanner{height: 200px;}



.nyNav{display: none;}



.cultureWrap .culRight .list dl{padding-left: 0;margin-bottom: 28px;}

.cultureWrap .culRight .list dl dt{position: static;margin-bottom: 8px;height: 38px;line-height: 38px;}

.cultureWrap .culRight .list dl dd{line-height: 22px;}



.cultureWrap .culLeft .tit{height: 60px;line-height: 60px;padding-left: 0;margin-bottom: 0;}

.cultureWrap .culLeft .tit i{width: 58px;height: 58px;background-size: 30% auto;}

.cultureWrap .culLeft .list1 li{padding-left: 50px;padding-left: 0;}

.cultureWrap .culLeft .list1 li .num{width: 38px;height: 38px;line-height: 38px;font-size: 27px;border:none;display: none;}

.cultureWrap .culLeft .list1 li.li3 .text{padding-top: 0;}



.p3List li{padding: 15px;}

.p3List li a{height: 124px;padding-left: 220px;}

.p3List li a .pic{width: 200px;height: 124px;}

.p3List li a .text p{height: 26px;margin-bottom: 6px;}

.p3List li a .text i{margin-bottom: 8px;}





.quesList,.msgWrap{padding: 20px 20px 30px;}

.quesList ul li a dl.question dd h5{max-width: 100%;}

.quesList ul li a dl.question dd span{display: none;}



.msgWrap .codeWrap{margin-bottom: 22px;}

.msgWrap .codeWrap .tit{width: auto;}

.msgWrap .codeWrap .text{width: 60px;}

.msgWrap .codeWrap .codeImg{width: 50px;margin-right: 5px;}



.page .wrap span,.page .wrap a,.page .wrap .text{display: none;}

.page .wrap a.prev,.page .wrap a.next,.page .wrap a.on{display: inline-block;*display: inline;*zoom: 1;}



.prodList ul li{width: 49%;}

.prodList ul li:nth-child(3n){margin-right: 2%;}

.prodList ul li:nth-child(2n){margin-right: 0;}



.newsList ul li{width: 49%;}

.newsList ul li:nth-child(3n){margin-right: 2%;}

.newsList ul li:nth-child(2n){margin-right: 0;}



.networkMap{height: 400px;}



.cyWrap .cyList li{width: 100%;padding-left: 58px;margin-bottom: 20px;padding-top: 0;padding-left: 0}

.cyWrap .cyList li .pic{left: 0;display: none;}

.cyWrap .cyList li .wapPic{display: block;}

.cyWrap .cyList li .cont{min-height: auto;border-left: none;padding: 20px 0;}

.cyWrap .cyList li .cont:before{display: none;}



.mapWrap{height: 350px;}



.contactList li{width: 100%;padding: 0 0 0 70px;text-align: left;box-sizing: border-box;position: relative;margin-bottom: 30px;}

.contactList li .icon{width: 60px;position: absolute;left: 0;top: 0;top:50%;margin-top: -34px;}

.contactList li .icon img{width: 60px;}

/*.contactList li .icon{display: none;}*/

.contactList li h5{font-weight: bold;color: #333;}

.contactList li p{min-height: 24px;}



.leaderWrap .cont{margin-left: 0;}

.leaderWrap .cont .leaderPic{margin: 0 auto 24px;float: none;}



.floatQ{display: none;}

}

@media screen and (max-width: 568px){

.header{height: 60px;}

/*.header .w1280 .icon{display: none;}*/

.header .w1280 .logo{width: 140px;height: 66px;line-height: 66px;}

.header .w1280 .logo img{width: 120px;}

.header .w1280 .logo:before{height: 6px;}

.header .menuIcon{margin-top: 17px;margin-left: 10px;}



.header .w1280 .icon{margin-left: 8px;}

.header .w1280 .langChoose .langList{top:50px;}



.networkMap{height: 300px;}

}

@media screen and (max-width: 468px){

.bannerWrap .banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 8px;}



.nyBanner{height: 150px;}

.about{padding: 30px 20px;}



.p3List li a{height: auto;padding-left: 0;}

.p3List li a .pic{width: 100%;height: 0;padding-bottom: 62.07%;position: relative;}

.p3List li a .pic img{position: absolute;left: 0;top:0;}

.p3List li a .text{padding: 10px 0;}

.p3List li a .text p{height: auto;max-height: 52px;}



.passage .psgLink .btn.toList{display: none;}



.joinUs{padding: 0 20px 40px;}

.joinUs .top span{display: block;margin: 0;}

.joinUs .top span:first-child{margin-bottom: 10px;}



.prodList ul li{width: 100%;margin-right: 0;}

.prodList ul li:nth-child(3n){margin-right: 0;}



.newsList ul li{width: 100%;margin-right: 0;}

.newsList ul li:nth-child(3n){margin-right: 0;}



.mapWrap{height: 300px;min-height: 300px;}



.searchList ul li a h5{max-width: 60%;}





.leaderWrap{margin: 35px auto;}

.leaderWrap .cont .leaderPic{width: 200px;height: 242px;}



}