/* 顶部 */
#webHeader{width:100%;height:90px;position:fixed;top:0px;left:0px;z-index:1000;box-shadow:0px 0px 6px 0px #ccc;}
#Header{width:100%;height:90px;position:absolute;top:0px;left:0px;z-index:1000;background:#fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.wrap{width:1200px;max-width:1200px;min-width:768px;margin:0px auto;position:relative;}
#Header .logo{width:298px;height:70px;position:relative;overflow:hidden;float:left;margin-top:10px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
#Header .logo a{display:block;width:100%;height:100%;}
#Header .logo img {width: 100%;height: 100%;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.header_ulContent{width:845px;float:right;z-index:99;overflow-x:hidden;}
#Header .menu{height:100%;float:right;left:0;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#Header .menu li:hover{overflow:hidden;background:#009944;}
#Header .menu ul{width:100%;height:100%;}
#Header .menu li{height:100%;float:left;padding-left:10px;padding-right:10px;display:block;width:120px;}

#Header .menu li.current{background:#009944;}
#Header .menu li:hover a span,#Header .menu li.current a span{color:#fff;}
#Header .menu li a{display:block;height:100%;line-height:90px;color:#333;font-size:14px;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;white-space:nowrap;text-align: center;}
#Header .menu li a span{font-size: 16px;}
.indexabout{position:absolute;left:0;width:100%;height:60px;display:none;background-color: rgba(24,24,24,0.7);}
.subMenuI{position:relative;text-align:left;width:1200px;margin:0 auto;}
.subMenuI.li1{left:500px;}
.subMenuI.li2{left:640px;}
.subMenuI.li3{left:780px;}
.subMenuI.li4{left:670px;}
.subMenuI.li5{left:746px;}
.subMenuI.li6{left:746px;}  
.subMenuI.li7{left:690px;}
.subMenuI.li8{left:995px;}
#Header .menu .subMenuI a{color:#fff;display:inline-block;padding:0 22px;line-height:60px;}
#Header .menu li:hover .subMenuI a{color:#fff;background:none;}
#Header .menu li .subMenuI a:hover{color:#b6c06e;background:none;}

@media only screen and (max-width: 768px) {
   #webHeader, #Header{height: 70px;}
   #Header .logo{margin-top: 10px;margin-left: 5px;width:226px;height:auto;}
  .header_ulContent{display: none;}
}

   
.nav_w{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.nav_button{position:fixed;right:30px;top:25px;background:#e5e5e5;z-index:1020;padding:2px 10px;cursor:pointer;height:38px;}
.nav_button:hover{border-radius:100px;background:#fff;}
.nav_w{width:30px;height:2px;background:#009944;margin:8px 0;}
.nav_button:hover .nav_w:nth-child(1){-webkit-transform:rotate(45deg) translate(7px,7px);}
.nav_button:hover .nav_w:nth-child(2){opacity:0;}
.nav_button:hover .nav_w:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-7px);}

@media only screen and (max-width:768px){
    .nav_button{top: 15px;right: 15px;}
    .nav_button:hover .nav_w:nth-child(3),.nav_button:hover .nav_w:nth-child(1){-webkit-transform:rotate(0deg) translate(0,0);}
.nav_button:hover .nav_w:nth-child(2){opacity: 1;}
}


.nav_content{position:fixed;right:-460px;top:0px;z-index:1010;background:#fff;border:1px solid #e2e2e2;width:456px;height:100%;overflow:hidden;}
.nav_he{position:relative;width:100%;background:#009944;color:#fff;padding:30px 30px;font-size:20px;}
.nav_contentBlock{padding:5px 30px;position:relative;width:430px;height:80%;overflow:hidden;}
.nav_ulBlock{position:relative;width:100%;}
.nav_liBlock1{border-bottom:1px solid #e2e2e2;padding:12px 0;}
a.nav_liTitle{color:#676666;font-size:16px;}
.nav_ul{padding-top:8px;}
a.nav_li{color:#787878;margin-right:15px;margin-bottom:6px;display:block;float:left;}
.nav_block{position:relative;padding:25px 0;}
a.nav_a{color:#464646;float:left;}

.nav_ulBlock a:hover{color:#009944;}
.nav_wcImg{position:absolute;left:20px;width:129px;height:129px;bottom:20px;margin-left:-65px;display:none;}
.nav_wc:hover .nav_wcImg{display:block;}

.mCSB_container{width:auto;margin-right:30px;overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}

.mCustomScrollBox{-ms-touch-action:none;}

.nav_content.cur {
    right: 0px;
}

@media screen and (max-width:768px){
    .nav_he{padding-top: 20px;padding-bottom: 20px;}
    .nav_content{width: 100%;}
     .nav_button{background-color: #fff;}
     .nav_contentBlock {padding: 0px;margin: 0px;width: 100%;}
     .nav_liBlock1,.nav_block{padding-left: 20px;}
}

.nav_bgColor{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.nav_bgColor{position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(/images/b_1.png);z-index:1005;display:none;}


 
/* 右栏 */
.right_column{display:block;}
.imgY180 img{-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.imgY180:hover img{cursor:pointer;-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.webRight{z-index:100;position:fixed;right:5%;bottom:10%;}
.webRight .right_column{z-index:11111;width:auto;height:79px;border-radius:0.277778rem;}
.webRight .right_column.active{transition:width 0.1s,border-radius 0.8s ease 0.2s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);}
.webRight .right_column.active .right_column_content{-webkit-transition:width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);transition:width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);width:450px;}
.webRight .right_column.active .right_column_content .right_column_item_text{opacity:1;-webkit-transition:opacity 0.2s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);transition:opacity 0.2s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5),opacity 0.2s;transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5),opacity 0.2s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);transition:all 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);-webkit-transition-delay:.3s;transition-delay:.3s;}
.webRight .right_column_content{position:relative;width:0;margin-right:40px;background:#339933;border-radius:40px 0 0 40px;height:100%;-webkit-transition:width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);transition:width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23),border-radius 0.1s cubic-bezier(0.48, 0.43, 0.29, 1.3);}
.webRight .right_column_items{position:relative;width:409px;height:100%;padding:0 0 0 30px;list-style-type:none;font-size:0;}
.webRight .right_column_item{display:inline-block;vertical-align:top;width:69px;text-align:center;height:100%;-webkit-perspective:3.472222rem;perspective:3.472222rem;cursor:pointer;margin-right:0.034722rem;}
.webRight .right_column_item a{display:block;color:#fff;font-size:0;padding:15px 0;}
.webRight .right_column_item span{font-size:12px;font-weight:bold;display:block;margin-top:3px;color: #fff;}
.webRight .right_column_item img{display:inline-block;height:33px;width:44px;}
.webRight .right_column_item:hover{color:#031a4b;}
.webRight .right_column_item_text{display:inline-block;width:auto;opacity:0;-webkit-transition:opacity 0.7s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);transition:opacity 0.7s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5),opacity 0.7s;transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5),opacity 0.7s,-webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);}
.webRight .right_column_btn{position:absolute;right:0;top:0;width:79px;height:79px;background:#339933;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-radius:50% 50% 0 50%;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);cursor:pointer;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:background-color 0.3s,-webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);transition:background-color 0.3s,-webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);transition:transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3),background-color 0.3s;transition:transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3),background-color 0.3s,-webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);}
.webRight .right_column_btn img{width:41px;height:38px;display:block;margin:40px auto 0;transform:translateY(-50%);}
.webRight .right_column_item.right_column_weixin .pic{position:absolute;left:50%;bottom:100%;max-width:none;width:100px;height:100px;margin-left:-50px;border:5px solid #fff;display:none;}
.webRight .right_column_item.right_column_weixin:hover .pic{display:block;}
.webRight .right_column.active .right_column_btn{box-shadow:inherit;}
.webRight{opacity:0;visibility:hidden;margin-bottom:-50px;transition:.5s ease;}
.webRight.on{opacity:1;visibility:visible;margin-bottom:0;}
.webRight .right_column_item span{font-weight:normal;}
.webRight .right_column.active .right_column_content{width:276px;}
.webRight .right_column_items{width:248px;}

@media only screen and (max-width: 768px){
.webRight{display:none;}
}




/**模块标题头部*******************/


@media screen and (min-width:769px) {
    .section-title h4 {
        font-size: 36px;
        margin-bottom: 20px;
        color: #333;
        font-weight: 900;
    }
}

@media screen and (max-width:768px) {
    .section-title h4 {
        font-size: 20px;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
    }
}

.section-title {
    text-align: center;
}

.home-des {
    width: 50%;
    margin-left: 25%;
    height: 2px;
    background: rgba(35,37,46,.1);
    z-index: 1;
}

    .home-des div {
        height: 3px;
        width: 50px;
        background-color: #ff6600;
        margin: 0 auto;
        margin-top: 3px;
    }

.home-info {
    text-align: center;
    color: #777;
    width: 90%;
    line-height: 24px;
    margin: 23px auto 30px;
}

@media screen and (max-width:768px) {
    .home-info {
        margin-bottom: 10px;
    }
}
/*! CSS Used from: Embedded */
div:hover {
    text-decoration: none;
}