@charset "utf-8";
/**初始**/

@font-face {
    font-family: "huxiaobo";
    src: url("../fonts/huxiaobo.woff2") format("woff2"),
    url("../fonts/huxiaobo.woff") format("woff"),
    url("../fonts/huxiaobo.ttf") format("truetype"),
    url("../fonts/huxiaobo.eot") format("embedded-opentype"),
    url("../fonts/huxiaobo.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0; padding: 0;}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #666666; font-family: "Microsoft YaHei","Arial";
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #263147;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after {content:''; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*多行文本省略号*/
.dot2,
.dot3,
.dot4{ display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fl{ float: left;}
.fr{ float: right;}

.normal{ font-weight: normal;}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.slick-slide .slick-loading img {
    display: none;
}
.slick-slide .dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}

.slick-arrow{ width: 23px; height: 42px; position: absolute; top: 50%; margin-top: -20px;  border: none; z-index: 10; font-size: 0; cursor: pointer;}
.slick-prev{ left: 3%;}
.slick-next{ right: 3%;background-position: right center;}

.ytable{ display: table; width: 100%; table-layout: fixed;}
.ytable_cell{ display: table-cell; vertical-align: middle;}

.w1440{ max-width:1440px; margin:0 auto; width: 96%;}
.w960{ max-width: 960px; margin: 0 auto;}
.w880{ max-width: 880px; margin: 0 auto;}
.header .top{ background: #212121; line-height: 30px; text-align: right;}
.header .top a{ display: inline-block; color: #fff; padding-left: 20px; background: url("../images/login_icon1.png") no-repeat left center; margin-left: 22px;}
.header .top .a_website{ background-image: url("../images/home_icon1.png");}
.header .w1440{ position: relative;}
.header .logo{ display: inline-block; padding: 2.5% 0;}
.header .other{ position: absolute; right: 0; top: 50%; margin-top: -15px; font-size: 0;}
.header .other *{ display: inline-block; vertical-align: middle; font-size: 14px;}
.header .other em{ background: #eeeeee; margin: 0 25px; font-style: normal; width: 1px; height: 16px; }
.header .other .a_login{ width: 106px; line-height: 28px; border: 1px solid #dddddd; border-radius: 50px; text-align: center;}
.header .other .a_login:after{ content: ''; display: inline-block; width: 22px; height: 22px; background: url("../images/login_icon2.png") no-repeat center; vertical-align: middle; margin-left: 5px;}
.header .other .a_login_on{  line-height: 28px; border: 1px solid #dddddd; border-radius: 50px; text-align: center; padding: 0 10px;}
.header .other .a_login_on:before{ content: ''; display: inline-block; width: 22px; height: 22px; background: url("../images/login_icon2.png") no-repeat center; vertical-align: middle; margin-right: 5px;}
.header .other .a_login_on:after{ content: ''; display: inline-block; width: 11px; height: 11px; background: url("../images/arrow_icon1.png") no-repeat center; vertical-align: middle; margin-left: 5px; opacity: .5; }
.header .other .login_down{ position: relative;}
.header .other .sub{ position: absolute; left: 50%; top: 100%; padding-top: 20px; width: 140px; margin-left: -70px; z-index: 210; display: none;}
.header .other .sub ul{ background: #fff; border-radius: 10px; box-shadow: 0 0 8px #999; position: relative; width: 100%;}
.header .other .sub ul:before{ content: ''; position: absolute; left: 50%; bottom: 100%; border: 8px solid transparent; border-bottom-color:#fff; margin-left: -8px; }
.header .other .sub a{ display: block; color: #bbbbbb; margin: 20px 0; text-align: center;}
.header .other .sub a:hover{ color: #333;}
.header .other .a_website{ width: 25px; height: 30px; background: url("../images/home_icon2.png") no-repeat center;}
.header .other .a_lang{ width: 44px; height: 21px;}
.header .other .a_lang:before,
.header .other .a_lang:after{ content: ''; display: inline-block; vertical-align: middle; height: 21px; background: url("../images/lang_icon.png") no-repeat center;}
.header .other .a_lang:before{ width: 21px;}
.header .other .a_lang:after{ width: 11px; background-image: url("../images/arrow_icon1.png"); margin-left: 10px;}
.header .search_box{ position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 480px;}
.header .search_box dt{ position: relative; padding-right: 60px;}
.header .search_box dd{ padding: 0 10px; margin-top: 2.5%;}
.header .search_box dd *{ display: inline-block; vertical-align: middle;}
.header .search_box dd a{ color: #bbbbbb;}
.header .search_box dd a:hover{ color: #000;}
.header .search_box dd em{ background: #bbbbbb; margin: 0 3.5% 0 4%; font-style: normal; width: 1px; height: 14px; }
.header .search_box dd em:last-child{ display: none;}
.header .search_box .text{ width: 100%; background: #f5f5f5; border: 1px solid #eeeeee; height: 40px; line-height: 40px; color: #999999; padding: 0 10px;}
.header .search_box .btn{ position: absolute; width: 60px; height: 100%; right: 0; top: 0; background: url("../images/search_icon.png") no-repeat center #bbbbbb;}
.topNav{ border-top: 1px solid #eeeeee; line-height: 52px;position: relative;}
.topNav .w1440 {position: static;}
.topNav li{ float: left;}
.topNav em{ margin: 0 4%; float: left; text-align: center}
.topNav em:before{ display: inline-block; vertical-align:middle; content: ''; width: 3px; height: 3px; background: #cccccc; transform: rotate(45deg);}
.topNav em:last-child{ display: none;}
.topNav li > a{ display: block; font-size: 16px; color: #000;}
.topNav .subnav-view {position: absolute;top: 52px;left: 0;width: 100%;background-color: #fff;z-index: 200;font-style: normal;box-shadow: 0 0 10px rgba(0,0,0,.2) inset;padding: 40px 0 80px;display: none;}
.topNav .subnav-view .w1440 > div {float: left;}
.topNav .subnav-view .subnav {padding-right: 4%;}
.topNav .subnav-view .subnav a {font-size: 16px;display: block;line-height: 46px;}
.topNav .subnav-view .subnav a:hover {color: #00461a;}
.topNav .subnav-view .content {width: 31%;min-height: 240px;border-left: 1px solid #ebebeb;padding-left: 60px;}
.topNav .subnav-view .content .title {font-size: 20px;margin: 0;line-height: 46px;color: #333;font-weight: 400;text-align: left;}
.topNav .subnav-view .content .title::after {content: "";display: block;width: 22px;height: 2px;background-color: #00461a;margin-top: 6px;}
.topNav .subnav-view .content .desc {line-height: 26px;margin-top: 26px;}
.topNav .subnav-view .imagebox {width: 32%;margin-left: 7.6%;}
.topNav .subnav-view .image {padding-top: 52.17%;}
.Hindex_top .other .a_login,.header .other .a_login,
.Hindex_top .other em,.header .other em,
.Hindex_top .other .a_website,.header .other .a_website{ display: none;}
.Hindex_top .top,.header .top{ display: block;}

.header-img{display:inline-block;float:right;position: absolute; right: 80px;height: 70%;width: 24%;background-size:cover;background-repeat:no-repeat;background-position:center center;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);top:50%;}
@media(min-width:1025px){
    .topNav li.aon > a,
    .topNav li > a:hover{  color: #005f38; }
}
@media(max-width:1480px){
    .topNav{ text-align: center;}
    .topNav em,
    .topNav li{ display: inline-block; float: none;}
    .topNav em{ margin: 0 4.8%; }
}
@media(min-width:1480px){
    .topNav{ text-align: center;}
    .topNav em,
    .topNav li{ display: inline-block; float: none;}
    .topNav em{ margin: 0 4.8%; }
}
@media(max-width:1280px){
 .header-img{right:60px;}
}
@media(max-width:1200px){
    .topNav em{ margin: 0 4%; }
    .header .search_box{ width: 380px;}
}
@media(max-width:1024px){
.header-img{right:130px;}
    .header .all{ position: relative;}
    .header .other{ right: 50px}
    .header .search_box{ position: relative; transform: none; width: 100%; left: auto; top: auto; margin-bottom: 2%;}
    .header .search_box dd{ display: none;}
    #open_menu{ width: 35px;height: 36px;margin-left: 10px;position: relative;z-index: 120;transition: background 0.3s; border-radius: 10px 0 10px 0; vertical-align: middle; position: absolute; right: 0; top: 50%; margin-top: -18px;}
    #open_menu i,
    #open_menu i::before,
    #open_menu i::after{ background:#555; border-radius:3px;position: absolute;border-radius: 3px;}
    #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;top: 50%;}
    #open_menu i::before,
    #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
    #open_menu i::before{ top:6px;}
    #open_menu i::after{top:-6px;}
    #open_menu.open_menu_on{position: fixed;top: 30px;right: 50%;z-index: 120; background: none;}
    #open_menu.open_menu_on i{height:3px; margin-top:-1.5px; background:none !important; width: 80%; left: 10%;}
    #open_menu.open_menu_on i::before,
    #open_menu.open_menu_on i::after{  top:0 !important; background: #fff;}
    #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
    #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
    .topNav{position: fixed;top: 0;right: -100%;z-index: 110;overflow: auto;width: 250px;height: 100%;background: #000;opacity: 0;transition: .3s;width: 50%; margin: 0; float: none; padding-top: 5%; padding-left: 0;}
    .topNav li{ display: block; width: 100%; margin: 0; padding: 0;}
    .topNav em{ display: none;}
    .topNav li > a{ line-height: 50px; color: #fff;}
    .header-menu-show{right: 0;opacity: 1;}
    .menu-layer {position: fixed;top: 0;left: 0;z-index: 105;display: none;overflow: hidden;width: 100%;height: 100%;background: rgba(0,0,0,.65)!important;}
    .topNav .subnav-view {display: none !important;}
}
@media(max-width:640px){
.header-img{display:none;}
    .header .logo {max-width:140px;}
    .header .other .a_login,
    .header .other .a_website,
    .header .other em{ display: none;}
    .header .top{ display: block;}
}

.Nybanner{ position: relative;}
.Nybanner .txt{ position: absolute; text-align: center; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.Nybanner .txt h3{ font-size: 48px;}
.Nybanner .txt p{ text-transform: uppercase; font-size: 16px; margin-top: 12px;}
.Nybanner img{ width: 100%;}
.Nybanner .search{ width: 80%; max-width: 709px; margin: 2.2% auto 0; position: relative;}
.Nybanner .search .text{ width: 100%; height: 44px; line-height: 44px; border: none; background: #fff; padding: 0 48px 0 15px; color: #b7b7b7; font-size: 16px;}
.Nybanner .search .btn{ position: relative; width: 48px; height: 100%; position: absolute; right: 0; top: 0; background: url("../images/search_icon2.png") no-repeat center;}
.wapBan{ display: none;}
@media(max-width:1024px){
    .wapBan{ display: block;}
    .pcBan{ display: none;}
    .Nybanner .txt h3{ font-size: 36px;}
}
@media(max-width:768px){
    .Nybanner .txt h3{ font-size: 30px;}
}
@media(max-width:640px){
    .Nybanner .txt h3{ font-size: 20px;}
    .Nybanner .txt p{ font-size: 14px; margin-top: 6px;}
}

.Nmenu{ text-align: center; line-height: 85px; margin-bottom: 3%;position: relative;}
.Nmenu .Nmenu-view {position: absolute;left: 0;right: 0;top: 0; border-bottom: 1px solid #e6e6e6;z-index: 10;background-color: #fff;}
.Nmenu::before {content: "";height: 85px;display: block;width: 100%;}
.Nmenu.navFix .Nmenu-view {position: fixed;}
.Nmenu ul{ font-size: 0; margin-bottom: -9px;}
.Nmenu li{ display: inline-block; margin: 0 3.9%;}
.Nmenu li a{ display: block; font-size: 21px; color: #999999; transition: all 0.5s; position: relative;}
.Nmenu li a:before{ content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #005f38; transition: all 0.5s; opacity: 0;}
.Nmenu .aon a,
.Nmenu li a:hover{ color: #333333;}
.Nmenu .aon a:before,
.Nmenu li a:hover:before{ width: 100%; opacity: 1}
@media(max-width:768px){
    .Nmenu{ line-height: 55px;}
    .Nmenu li a{ font-size: 18px;}
}
@media(max-width:640px){
    .Nmenu{ line-height: 48px;}
    .Nmenu li a{ font-size: 16px;}
}
.classification {border-bottom: 1px solid #e6e6e6;}
.classification .list .item {float: left;width: 25%;text-align: center;list-style: none;}
.classification .list .item a {font-weight: lighter;font-size: 20px;color: #999;line-height: 65px;display: block;transition: .2s;-webkit-transition: .2s;}
.classification .list .item .icon {display: inline-block;vertical-align: middle;width: 30px;margin-bottom: 4px;margin-right: 6px;}
.classification .list .item .icon.hover {display: none;}
.classification .list .item.active .icon {display: none;}
.classification .list .item.active .icon.hover {display: inline-block;}
.classification .list .item.active a {background-color: #000000;color: #fff;}
.classification .list .item:hover a {background-color: #000000;color: #fff;}
.classification .list .item:hover .icon {display: none;}
.classification .list .item:hover .icon.hover {display: inline-block;}
.case_Column{ text-align: center; font-size: 30px; color: #333333; margin-bottom: 3%;}
.case_menu .box{ border-bottom: 1px solid #e6e6e6;margin-bottom: 4%;background-color: #f8f8f8;padding: 15px 0;}
.case_menu ul{ font-size: 0; text-align: center}
.case_menu li{ display: inline-block; margin-right: 30px;line-height: 46px;}
.case_menu li a{ display: inline-block; font-size: 16px; color: #999; transition: all 0.5s; position: relative;line-height: 40px;vertical-align: middle;}
.case_menu li a:before{ content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #005f38; transition: all 0.5s; opacity: 0;}
.case_menu .aon a,
.case_menu li a:hover{ color: #333333;}
.case_menu .aon a:before,
.case_menu li a:hover:before{ width: 100%; opacity: 1;}
.case_menu {overflow: hidden;}
.case_menu.show_ul { height: auto}
@media(max-width:768px){
    .case_Column{ font-size: 26px;}
   .case_menu .box{ line-height: 46px; position: relative}
    .case_menu .w1440{height:92px;overflow:hidden;}
    .case_menu .w1440.show{ height: auto}
    .case_menu .w1440.show .btn{ transform: rotate(-180deg)}
    .case_menu ul{ margin-bottom: 0;/*height:44px;*/overflow:hidden;}
    .case_menu li a{ font-size: 16px;}
    .case_menu .btn {width:30px;height:30px;display:block;margin:0 auto; position: absolute; bottom: 0; left: 50%; margin-left: -15px; transition: 0.5s}
    .case_menu.on .btn {transform: rotate(180deg)}
    .case_menu .btn:before ,
    .case_menu .btn:after {position:absolute;content:'';width:12px;height:1px;top:50%;left:50%;margin-top:-3px;background:#999;}
    .case_menu .btn:before {margin-left:-10px;transform: rotate(45deg)}
    .case_menu .btn:after {margin-left:-2px;transform: rotate(-45deg)}
}
@media(max-width:640px){
    .case_Column{ font-size: 20px;}
    .case_menu{ line-height: 30px;}
    .case_menu li a{ font-size: 14px;}
    .classification .list .item {width: 50%;}
    .classification .list .item a {font-size: 16px;line-height: 46px;}
    .classification .list .item .icon {width: 24px;}
}
.current{ line-height: 40px;}
.current_info{ border-top: 1px solid #eeeeee; line-height: 52px; padding-top: 5px;}
.current_info .w1440{ border-bottom: 1px solid #eee;}
.current a{ color: #999999; cursor:pointer}
.current i{ display: inline-block; font-style: normal; font-family: 宋体; margin: 0 10px;}
.current a:hover,
.current span{ color: #333333;}



#footer{ background: #f0f0f0; padding: 6% 0 3%;}
#footer .fr{ width: 65%;}
#footer .fr .tit{ font-family: "微软雅黑"; font-size: 30px; color: #333333; letter-spacing: 5px; padding-bottom: 4.5%; border-bottom: 1px solid #e1e1e1; margin-bottom: 5%;}
#footer .fr .tit span{ font-size: 16px; color: #b8b8b8; display: inline-block; }
#footer .fr dl{ float: left; margin-right: 10.5%;}
#footer .fr dl:last-child{ margin-right: 0;}
#footer .fr dt{ font-size: 18px; color: #333333; margin-bottom: 30px;}
#footer .fr dd a{ font-size: 16px; line-height: 36px; color: #999999;}
#footer .fr p{ padding-top: 5%; border-top: 1px solid #e1e1e1; margin-top: 4.5%; line-height: 30px; color: #333333;}
#footer .fl{ width: 30%;font-size: 16px; color: #333;  }
#footer .share{ margin: 20% 0 29%;}
#footer .share > div{ margin-top: 5%;}
#footer .share a{ display: inline-block; width: 60px; height: 60px; border-radius: 100%; border: 1px solid #999999; background: url("../images/foot_wx.png") no-repeat center; margin-right: 5%; position: relative;}
#footer .share figure{display: none;z-index: 100;position: absolute;bottom: 100%;margin-bottom: 10px;width: 150px;height: 150px;left: 50%;margin-left: -75px;}
#footer .share img{ width: 150px; height: 150px;}
#footer .share .sina{ background-image: url("../images/foot_sina.png");}
#footer .share .dy{ background-image: url("../images/foot_dy.png");}
#footer .tel h3{ font-size: 36px; margin: 3% 0 6%;}
@media(max-width:1500px){
    #footer .fr dl{ margin-right: 8%;}
}
@media(max-width:1200px){
    #footer .fr{ width: 57%;}
    #footer .fl{ width: 35%;}
    #footer .fr dl{ margin-right: 5%;}
}
@media(max-width:1100px){
    #footer .fr dl{ margin-right: 3%;}
}
@media(max-width:1024px){
    #footer .fr,
    #footer .fl{ float: none; width: 100%; text-align: center;}
    #footer .fr .tit,
    #footer .fr nav{ display: none;}
    #footer .share{ margin: 4% 0 6%;}
    #footer .share > div{ margin-top: 2%;}
    #footer .tel h3{ margin: 1% 0;}
    #footer .share a{ margin-right: 3%; width: 50px; height: 50px;}
    #footer .fr p{ padding-top: 3%; margin-top: 3%;}
}
@media(max-width:640px){
    #footer .fl{ font-size: 14px;}
    #footer .fl figure {display:none;}
    #footer .share a{ margin:0 2%; width: 45px; height: 45px;}
    #footer .tel h3{ font-size: 24px;}
    #footer .fr p{ line-height: 24px;}
}

/*分页*/
.Pages{ text-align:center; padding:55px 0; border-top: 1px solid #e4e4e4; margin-top: 3%;}
.Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 12px; line-height:34px; color:#999; font-size: 16px;font-family: "manrope"; background-color: #fbfbfb; }
.Pages a:hover,
.Pages a.a_cur{ background-color:#000000; color:#fff;}
.Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden; margin-left: 12px;}
.Pages em a{ float:left; margin-right: 5px;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total,
.Pages .a_first,
.Pages .a_end{ display:none;}
.Pages .a_prev,
.Pages .a_next{ padding:0; width:36px; overflow:hidden;  height:36px; font-size: 0; background: url("../images/btn_icon1.png") no-repeat left center #fbfbfb;}
.Pages .a_next{ background-position: right center; margin-left: 6px;}
@media(max-width:640px) {
    .Pages em{display: none;}
}


/*品牌介绍*/
.about_index{ padding: 2% 0 10%;}
.about_index .fl{ width: 44%; font-size: 16px; color: #666666; line-height: 30px; text-align: justify;}
.about_index .fr{ width: 52.362%; padding-top: 17px;}
.Column{ font-size: 30px; color: #333333; margin-bottom:30px;}
.Column span{ font-size: 18px; display: inline-block; margin-left: 10px;}
.Column:before{ content: ''; display: block; width: 49px; height: 2px; background: #7d7d7d; margin-bottom: 15px;}
.Nobefore:before{ display: none;}
@media(max-width:768px){
    .about_index .fl,
    .about_index .fr{ float: none; width: 100%;}
    .about_index .tit{ font-size: 26px;}
}
@media(max-width:640px){
    .about_index .fl{ font-size: 14px; line-height: 24px;}
    .Column{ font-size: 20px;}
}

/*发展历程*/

.history_list{ margin: 10% 0; position: relative;}
.history_list:before{ content: ''; width: 100%; height: 2px; background: url("../images/history_line3.png") repeat-y center; position: absolute; left: 0; top: 44.8%; z-index: 100;}
.history_list li{}
.history_list li .hover,
.history_list .slick-current .time{ display: none;}
.history_list li .time{ text-align: center; display: block; padding-top: 282px; position: relative; z-index: 120;}
.history_list .slick-active time{ display: block; margin: 0 -20px;}
.history_list .slick-current .hover{ display: block; position: relative; margin: 0 -46.185%; background: #fff; padding: 0 5%;}
.history_list .hover:before,
.history_list .hover:after{ content: ''; width: 33px; height: 100%; top: 0; background: url("../images/history_line1.png") no-repeat right center; background-size: cover; position: absolute;}
.history_list .hover:before{ left: -33px;}
.history_list .hover:after{ background-position: left center; background-image: url("../images/history_line2.png"); right: -33px;}
.history_list .info{ max-width: 443px; width: 100%; margin: 0 auto; padding: 2% 0 5% 2%;}
.history_list .info figure{ margin-bottom: 60px;}
.history_list .info time{ display: block; font-size: 30px; color: #666666; margin: 70px 0 20px; position: relative;}
.history_list .info time i{ display: block; width: 34px; height: 2px; background: #209c65; margin-bottom: 8px;}
.history_list .info time:before,
.history_list .info time:after{ content: ''; position: absolute; border-radius: 100%; left: 0; }
.history_list .info time:before{ width: 24px; height: 24px; background: rgba(27,108,73,0.2); top: -40px;}
.history_list .info time:after{ width: 12px; height: 12px; background: #1b6c49; left: 6px; top: -34px;}
.history_list .info ul{}
.history_list .info li{ font-size: 16px; color: #666666; margin-bottom: 12px; padding-left: 15px; position: relative;}
.history_list .info li:before{ content: '' ;position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #1b6c49; border-radius: 100%;}
.history_list li .time{ transition: all 0.5s; font-size: 24px; color: #666666;}
.history_list li .time i{ display: block; margin: 0 auto 20px; width: 16px; height: 16px; background: rgba(0,0,0,0.2); border-radius: 100%; position: relative;}
.history_list li .time i:before{ content: ''; position: absolute; width: 8px; height: 8px; left: 50%; top: 50%; margin: -4px 0 0 -4px; background: #333333; border-radius: 100%;}
.history_list #set0 .time{ margin-left: -100%;}
.history_list #set1 .time{ margin-right: -100%;}
.history_list .slick-arrow{ width: 26px; height: 51px; background: url("../images/btn_icon5.png") no-repeat left center; margin-top: -58px;}
.history_list .slick-prev{ left: -1%;}
.history_list .slick-next{ right: -1%; background-position: right center;}
@media(max-width:1200px){
    .history_list:before{top: 43.6%;}
    .history_list li .time{ padding-top: 123.5%;}
}
@media(max-width:1024px){
    .history_list:before{top: 39.6%;}
    .history_list li .time{ padding-top: 135.8%;}
    .history_list .slick-arrow{ margin-top: -93px;}
}
@media(max-width:768px){
    .history_list .slick-current .hover{ margin: 0 -27%;}
    .history_list #set0 .time{ margin-left: -50%;}
    .history_list #set1 .time{ margin-right: -50%;}
    .history_list li .time{ padding-top: 106.8%;}
}
@media(max-width:640px){
    .history_list{ margin: 10% 2%;}
    .history_list .slick-current .hover{ margin: 0;}
    .history_list #set0 .time{ margin-left: 0;}
    .history_list #set1 .time{ margin-right: 0;}
    .history_list li .time{ padding-top: 106.8%;}
    .history_list .info time{ font-size: 24px;}
    .history_list .info li{ font-size: 14px;}
}

/*资质荣誉*/
.honor_list{ padding: 5px 0 0;}
.honor_list li{ float: left; width: 23.959%;margin-right: 1.3%; margin-bottom: 2%; text-align: center;transition: all 0.5s;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .pic{ background: url("../images/honor_bg.jpg") no-repeat center; background-size: 100% 100%; overflow: hidden;}
.honor_list li figure{ padding-top: 100%; transition: all 0.5s;background-size: 90% auto;}
.honor_list li p{ background: #f6f6f6; line-height: 60px; font-size: 16px; padding: 0 10px;}
.honor_list li:hover{ box-shadow: 0 0 10px #ccc;}
.honor_list li:hover figure{ transform: scale(1.05);}
@media(max-width:768px){
    .honor_list li{ width: 48%; margin: 0 1% 3% !important;}
}
@media(max-width:480px){
    .honor_list li p{ font-size: 14px;}
}

/*科研实力*/
.research_index{ padding: 2% 0 3%;}
.research_index .fl{ width: 49%; font-size: 16px; color: #666666; line-height: 30px; text-align: justify;}
.research_index .fr{ width: 47.917%; padding-top: 17px; margin-top: 4.5%; position: relative;}
.research_index .fr:before{ content: ''; position: absolute; right: -12%; top: -10%; width: 50%; padding-top: 50%; background: url("../images/research_img1_2.jpg") no-repeat center; background-size: contain;}
.research_index .fr img{ position: relative;}
.research_ul_num li{ width: 33.3%; float: left; text-align: center; margin: 4.5% 0; position: relative;}
.research_ul_num li:before{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #dbdbdb; height: 86%; width: 1px;}
.research_ul_num li span{ display: block; font-size: 44px; color: #005f38;}
@media(max-width:1600px){
    .research_index .fr:before{ right: 0;}
    .research_index .fr{ padding-right: 5%;}
}
@media(max-width:1000px){
    .research_ul_num li span{ font-size: 32px;}
}
@media(max-width:768px){
    .research_index .fl,
    .research_index .fr{ float: none; width: 100%;}
}
@media(max-width:640px){
    .research_index .fl{ font-size: 14px; line-height: 24px;}
    .research_ul_num li{ font-size: 12px;}
    .research_ul_num li span{ font-size: 26px;}
}
.research_list{ font-size: 0; padding-bottom: 5%;}
.research_list li{ display: inline-block; vertical-align: top; width: 17.848%; margin-right: 2.66%; text-align: center;}
.research_list li:nth-child(5n){ margin-right: 0;}
.research_list li figure{ padding-top: 66.54%;}
.research_list li p{ font-size: 15px; color: #999999; margin: 15px 0; line-height: 24px; height: 48px; overflow: hidden;}
@media(max-width:768px){
    .research_list li{ width: 31%; margin: 0 1% 2% !important;}
}
@media(max-width:480px){
    .research_list li{ width: 48%;}
}


/*行业地位*/
.status_index{ padding:2% 0 7%;}
.status_index .fl{ width: 43.7%;}
.status_index .fr{ width: 50.5%;}
.status_ul li{ position: relative; margin-bottom: 3.6%; padding-left: 30px; font-size: 16px; line-height: 24px;}
.status_ul li:before{ content: ''; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; border: 2px solid #005f3d; border-radius: 100%;}
@media(max-width:768px){
    .status_index .fl,
    .status_index .fr{ float: none; width: 100%; margin-bottom: 2%;}
}
@media(max-width:640px){
    .status_ul li{ font-size: 14px;}
    .status_ul li:before{ top: 6px;}
}

/*经销商登录*/
.login_index{ padding: 6.7% 0; background-size: cover;}
.login_index dl{ float: right; width: 480px; padding: 4% 3%; background: rgba(255,255,255,0.6);}
.login_index dt{ text-align: center; color: #005f38; font-size: 22px; font-weight: bold; padding: 6% 0 10%;}
.login_index dd{ margin-bottom: 22px;}
.login_index .text{ width: 100%; border: 1px solid #eeeeee; background: #fff; line-height: 44px; height: 44px; padding: 0 22px;}
.login_index dd .pass{ float: right; color: #005f38;}
.login_index dd .checkbox{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; border: 1px solid #dedede;}
.login_index .btn{ width: 100%; border: none; background: #005f38; color: #fff; text-align: center; height: 44px; line-height: 44px; margin-top: 15px; border-radius: 5px; font-size: 16px; cursor: pointer;}
.login_index .btn_a{ text-align: center; margin-bottom: -1%;margin-top: 11%;}
.login_index .btn_a a{ color: #005f38;}
@media(max-width:640px){
    .login_index dl{ margin: 0 auto; float: none; max-width: 96%;}
    .login_index dt{ font-size: 18px;}
}

/*战略合作*/
.strategy_index{ font-size: 16px; line-height: 30px; padding-bottom: 5%;}
.strategy_list .list{ margin: 0 -11px;}
.strategy_list figure{ padding-top: 50%; background-color: #f9f9f9; margin:11px;}
.strategy_list .controls{ margin: 3% 0 5%; text-align: center;}
.strategy_list .pages,
.strategy_list .slick-dot{ display: inline-block; vertical-align: middle;}
.strategy_list .pages{ padding: 0 25px; position: relative;}
.strategy_list .slick-dots{list-style: none; text-align: center; }
.strategy_list .slick-dots li{ display: inline-block; margin: 0 12px; vertical-align: middle; }
.strategy_list .slick-dots button{border: none; width: 20px; height: 20px; border-radius: 100%; background: #ececec; font-size: 0; display: block;}
.strategy_list .slick-active button{ background: #007746;}
.strategy_list .slick-arrow{  width: 12px; height: 21px; background: url("../images/btn_icon2.png") no-repeat left center; margin-top: -10px;}
.strategy_list .slick-prev{ left: 0;}
.strategy_list .slick-next{ right: 0; background-position: right center;}
@media(max-width:768px){
    .strategy_index{ font-size: 14px; line-height: 24px;}
    .strategy_list .list{ margin: 0;}
    .strategy_list .controls{ margin: 5% 0 8%;}
    .strategy_list .slick-dots li{ margin: 0 5px;}
    .strategy_list .slick-dots button{ width: 12px; height: 12px;}
    .strategy_list figure{ margin: 6px;}
}


/*公装案例*/
.case_list{}
.case_list li{ width: 29.1%; float: left; margin-right: 6.2%; margin-bottom: 2%; overflow: hidden; position: relative;}
.case_list li:nth-child(3n){ margin-right: 0;}
.case_hot{ position: absolute;left: 0;top: 0;width: 21.72%;padding-top: 21.72%;background: url(../images/case_icon4.png) no-repeat center;z-index: 2;background-size: contain;}
.case_list li figure{ padding-top: 64.2%; background-size:contain;transition: all .5s;}
.case_list li .cover{ background-size: cover;}
.case_list li .effect {display:none;}
.case_list li p{ font-size: 18px; padding: 6% 0; text-align: center; position: relative; background: #fff;}
.case_list li a:hover p{ color: #005f38;}
.case_list li a:hover .img{display:none;}
.case_list li .icon{ position: absolute;left: 0;top: 0;width: 21.72%;padding-top: 21.72%;z-index: 2;}
.case_list li .icon .case_hot{ width: 100%; height: 100%;background: url(../images/case_icon4.png) no-repeat center;background-size: contain;}
.case_list li .icon .case_fine{ width: 100%; height: 100%;background: url(../images/case_icon9.png) no-repeat center;background-size: contain;position: absolute;left: 0;top: 0;}
.case_list li .icon_two span{ display: none;}
.case_list li .icon_two{background: url(../images/case_icon10.png) no-repeat center;background-size: contain;}

.case_list li a:hover .effect {display:block;}
@media(max-width:768px){
    .case_list li{ width: 31.5%; margin-right: 2.5%;}
    .case_list li p{ font-size: 16px;}
}
@media(max-width:640px){
    .case_list li{ width: 48%; margin: 0 1% 2% !important}
    .case_list li p{ font-size: 14px;}
}

/*公装案例*/
.news_info_tit{ text-align: center; font-size: 30px; color: #333333; padding: 2% 0; border-bottom: 1px solid #e4e4e4; margin-bottom: 4%;}
.news_info_tit2{ text-align: center; font-size: 20px; color: #333333; padding: 4% 0 1.5%; }
.news_info_icon{ text-align: center; margin-bottom: 4%;}
.news_info_icon span{ display: inline-block; vertical-align: middle; margin: 0 1.8%; padding-left: 23px; color: #999999; background: url("../images/icon_2.png") no-repeat left center;}
.news_info_icon .hits{ background-image: url("../images/icon_1.png"); padding-left: 30px;}
.news_info{ color: #333333; line-height: 30px; font-size: 16px;}
.info_pn{ border-top: 1px solid #e4e4e4; padding: 5% 0 8%; margin-top: 80px; text-align: center; font-size: 0;}
.info_pn span{ display: inline-block; font-size: 18px; color: #999999; margin: 0 8%; vertical-align: middle; position: relative;}
.info_pn span a{ color: #999999; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.info_pn span:hover{ color: #333;}
.info_pn span:first-child:before,
.info_pn span:last-child:after{ content: ''; display: inline-block; width: 8px; height: 13px; background: url("../images/btn_icon2.png") no-repeat left center; background-size: cover;}
.info_pn span:first-child:before{ margin-right: 25px;}
.info_pn span:last-child:after{ margin-left: 25px; background-position: right center;}
.info_pn i{ width: 1px; height: 19px; display: inline-block; vertical-align: middle; background: #c8c8c8;}
@media(max-width:640px){
    .news_info_tit{ font-size: 20px;}
    .news_info{ font-size: 14px; line-height: 24px;}
    .info_pn span{ font-size: 16px;}
}


/*公装案例*/
.news_list{}
.news_list li{ width: 29.1%; float: left; margin-right: 6.2%; margin-bottom: 3%; overflow: hidden;}
.news_list li:nth-child(3n){ margin-right: 0;}
.news_list li figure{ padding-top: 64.2%; transition: all .5s;}
.news_list li .txt{ position: relative; background: #fff; padding: 4%;}
.news_list li time{ color: #999999;}
.news_list li h3{ font-size: 18px; font-weight: normal; padding: 2.5% 0;}
.news_list li p{ color: #999999; line-height: 24px;overflow: hidden;height: 48px;}
.news_list li span{ display: block; margin-top: 9%; color: #005f38; font-size: 16px;}
.news_list li span:after{ content: '>'; display: inline-block; vertical-align: middle; font-family: 宋体; font-weight: bold; margin-left: 10px; margin-top: -2px;}
.news_list li a:hover figure{ transform: scale(1.05);}
.news_list li a:hover h3{ color: #005f38;}
@media(max-width:768px){
    .news_list li{ width: 31.5%; margin-right: 2.5%;}
}
@media(max-width:640px){
    .news_list li{ width: 48%; margin: 0 1% 3% !important}
    .news_list li h3{ font-size: 16px;}
}
@media(max-width:480px){
    .news_list li{ width: 100%; margin: 0 0 4% !important}
}

.Jz_case .Nmenu{ margin-bottom: 0;}
.filter{ background: #f8f8f8; border-bottom: 1px solid #eeeeee; padding: 2.5% 0; margin-bottom: 4.5%;}
.filter dl{ display: table; width: 100%; table-layout: fixed; font-size: 16px; color: #999999; line-height: 58px; border-bottom: 1px solid #ececec;}
.filter dl:last-child{ border-bottom: none;}
.filter dl dt,
.filter dl dd{ display: table-cell;}
.filter dl dt{ width: 85px; padding-left: 30px; background: url("../images/case_icon1.png") no-repeat 5px 20px;}
.filter dl .style{ background-image: url("../images/case_icon2.png");}
.filter dl .space{ background-image: url("../images/case_icon3.png");}
.filter dd a{ color: #999999; margin-right: 2%; display: inline-block; border-bottom: 2px solid transparent;}
.filter .btn {display:none;}
.filter dd a:hover,
.filter dd a.on{ border-bottom-color: #0d794d; color: #0d794d;}

.Jz_case_info_one{ background: #f8f8f8; padding: 7% 0 3%; border-bottom: 1px solid #eeeeee;}
.Jz_case_info_one .fl{ width: 59.168%;}
.Jz_case_info_one .fr{ width: 35%;}
.Jz_case_info_one .pic{ position: relative;}
.Jz_case_info_one .view{ position: absolute; left: 50%; top: 50%; width: 160px; line-height: 50px; transform: translate(-50%,-50%); text-align: center; background: rgba(0,0,0,0.5); font-size: 18px; color: #fff; border-radius: 50px;}
.Jz_case_info_one .view:before{ content: ''; width: 32px; height: 19px; display: inline-block; vertical-align: middle; background: url("../images/case_icon5.png") no-repeat; margin-right: 10px; margin-top: -5px;}
.Jz_case_info_one h2{ font-size: 30px; color: #545454; font-weight: normal;}
.Jz_case_info_one .txt{ padding: 7% 0; margin-bottom: 7%; border-bottom: 1px solid #e3e3e3; font-size: 16px; line-height: 30px; color: #999999;}
.Jz_case_info_one dl{ position: relative; padding-left: 90px; min-height: 30px; line-height: 30px; font-size: 18px; color: #545454; margin-bottom: 7px;}
.Jz_case_info_one dt{ position: absolute; left: 0; top: 0; }
.Jz_case_info_one ul{ font-size: 0;}
.Jz_case_info_one li{ display: inline-block; vertical-align: top; margin-right: 2%; width: 32%; font-size: 14px; text-align: center; padding-top: 10px;}
.Jz_case_info_one li:nth-child(3n){ margin-right: 0;}
.Jz_case_info_one li span{ display: block;}
.Jz_case_info_one .btn a{ float: left; width: 140px; line-height: 50px; color: #fff; font-size: 18px; text-align: center; background: #005f39; border-radius: 5px;border: 1px solid #005f39;}
.Jz_case_info_one .btn a:before{ content: ''; width: 30px; height: 30px; display: inline-block; vertical-align: middle; background: url("../images/case_icon6.png") no-repeat center; margin-right: 3px; margin-top: -5px;}
.Jz_case_info_one .btn .add{ float: right; background-color: #fff;border: 1px solid #000;color: #000;}
.Jz_case_info_one .btn .add:before{ background-image: url("../images/case_icon8.png");}
.case_info_tit{ font-size: 18px; color: #333333; margin: 5.8% 0 4.5%; position: relative; line-height: 36px;}
.Jz_case_article{ padding-bottom: 3%; border-bottom: 1px solid #f2f2f2;}

.Jz_case_infoList,.Jz_case_infoLists{ padding-bottom: 30px;}
.Jz_case_infoList ul,.Jz_case_infoLists ul{ margin: 0 -15px;}
.Jz_case_infoList li a,.Jz_case_infoLists li a{ overflow: hidden; position: relative; margin: 0 15px; display: block;}
.Jz_case_infoList li figure,.Jz_case_infoLists li figure{ padding-top: 64.2%; transition: all .5s;}
.Jz_case_infoList li p,.Jz_case_infoLists li p{ font-size: 18px; padding: 6% 0; text-align: center; position: relative; background: #fff;}
.Jz_case_infoList li a:hover p,.Jz_case_infoLists li a:hover p{ color: #005f38;}
.Jz_case_infoList li a:hover figure,.Jz_case_infoLists li a:hover figure{ transform: scale(1.05);}
.Jz_case_infoList .btn,.Jz_case_infoLists .btn{ position: absolute; right: 0; top: 0; font-size: 0;  }
.Jz_case_infoList .btn button,.Jz_case_infoLists .btn button{ display: inline-block; width: 36px; height: 36px; border: 1px solid #dddddd; background:url("../images/btn_icon3.png") no-repeat left center #fbfbfb;position: static; top: auto; margin-top: 0; margin-left: 30px;}
.Jz_case_infoList .btn .slick-next,.Jz_case_infoLists .btn .slick-next{ background-position: right center;}
@media(max-width:960px){
    .Jz_case_info_one .w960{ padding: 0 2%;}
    .Jz_case_infoList ul, .Jz_case_infoLists ul{ margin: 0;}
}

@media(max-width:768px){
    .Jz_case_info_one .fl,
    .Jz_case_info_one .fr{ width: 100%; float: none; padding-bottom: 2%;}
    .Jz_case_info_one .fl img{ width: 100%;}
    .Jz_case_info_one h2{ font-size: 24px;}
    .Jz_case_info_one .txt{ padding: 3% 0; margin-bottom: 3%;}
    .Jz_case_info_one dl{ font-size: 16px;}
    .Jz_case_info_one li{ width: 100px; font-size: 12px; margin-right: 1%;}
    .Jz_case_info_one li:nth-child(3n){ margin-right: 1%;}
    .Jz_case_info_one .btn{ max-width: 300px; margin: 0 auto;}
}

@media(max-width:640px){
    .Jz_case_info_one h2{ font-size: 20px;}
    .Jz_case_info_one .txt{ font-size: 14px; line-height: 24px;}
    .Jz_case_info_one dl{ font-size: 14px; padding-left: 65px;}
    .Jz_case_info_one li{ width: 85px;}
    .Jz_case_info_one .btn a{ font-size: 14px; width: 120px; line-height: 40px;}
    .Jz_case_infoList li a,  .Jz_case_infoLists li a{ margin: 0;}
    .Jz_case_infoList li p,.Jz_case_infoLists li p{ font-size: 16px;}
    .filter dl {display:flex;line-height: 40px;}
    .filter dl dt,
    .filter dl dd {display:block;}
    .filter dl dt {background-position:5px 12px;}
    .filter dl dd {width:69%;height:auto;overflow:hidden;}
    .filter dl .btn {position:relative;width:30px;height:60px;display:block;}
    .filter dl.on .btn {transform: rotate(180deg)}
    .filter dl .btn:before ,
    .filter dl .btn:after {position:absolute;content:'';width:12px;height:1px;top:50%;left:50%;margin-top:-3px;background:#999;}
    .filter dl .btn:before {margin-left:-10px;transform: rotate(45deg)}
    .filter dl .btn:after {margin-left:-2px;transform: rotate(-45deg)}
}

.nMmenu .Nmenu{ margin-bottom: 0;}

.service_search{ padding: 40px 0; background: #f8f8f8;border-bottom: 1px solid #eeeeee; }
.service_search select{ float: left; width: 18.75%; margin-right: 2%; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; background: #fff; padding: 0 15px; color: #7f7f7f; display: block!important;}
.service_search .search{ float: right; padding-right: 110px; position: relative; width: 32.362%; margin-right: 2%;}
.service_search .search .btn{ position: absolute; right: 0; top: 0; background: #006039; color: #fff; text-align: center; width: 100px; line-height: 40px; }
.service_search .search .text{ width: 100%; line-height: 40px; height: 40px; border: 1px solid #e5e5e5; background:url("../images/search_icon3.png") no-repeat 15px center #fff; color: #cccccc; padding-left: 40px;}
.service_info .w1440{ padding: 40px 0 80px; position: relative;}
.service_info .w1440:before{ content: ''; position: absolute; left: 10%; width: 42px; height: 30px; background: url("../images/arrow_icon2.png") no-repeat center; top: -1px;}
.service_info .fl{ width: 25%; border: 1px solid #eeeeee; }
.service_info .fl h2{ font-weight: normal; padding: 0 8%; line-height: 60px;border-bottom: 1px solid #eeeeee; font-size: 18px; color: #7f7f7f;}
.service_info .fl li{border-bottom: 1px solid #eeeeee;}
.service_info .fl .txt{ margin:25px 8%; height: 104px; overflow: auto; }
.service_info .fl .add{ margin: 10px 0;}
.service_info .fl h3{ font-weight: normal; font-size: 18px; color: #333333;}
.service_info .fl p{ color: #7f7f7f; line-height: 20px; background: url("../images/add_icon.png") no-repeat left 3px; padding-left: 20px;}
.service_info .fl .tel{ background-image: url("../images/tel_icon.png"); color: #005f38;}
.service_info .fl ul{ padding-bottom: 60px;}
.service_info .fl .slick-arrow{ position: absolute; bottom: 0; width: 50%; top: auto; margin-top: 0; height: 60px; background:url("../images/btn_icon4.png") no-repeat right center #fff; border-top: 1px solid #eeeeee;}
.service_info .fl .slick-prev{ right: 0; left: auto;}
.service_info .fl .slick-next{ left: 0; border-right: 1px solid #eeeeee; background-position: left center;}
.service_info .fr{ width: 73.8%;}
.service_info #allmap{ width: 100%; height: 746px;}
.service_info #allmap .BMap_mask:before{ content: ''; position: absolute; z-index: 100; width: 20px; height:25px; margin-left: -10px; margin-top: -12.5px; left: 50%; top: 50%; background:url(../images/marker_red_sprite.png) no-repeat center center;}
.service_info #allmap *{ max-width: none;}
@media(max-width:1100px){
    .service_info .fl{ width: 32%;}
    .service_info .fr{ width: 66.5%;}
}
@media(max-width:768px){
    .service_search select{ width: 32%;}
    .service_search select:nth-child(3){ margin-right: 0;}
    .service_search .search{ width: 100%; margin-right: 0; margin-top: 2%;}
}
@media(max-width:640px){
    .service_info .fl{ width: 100%;}
    .service_info .fr{ width: 100%; margin-top: 10px;}
    .service_info #allmap{ height: 250px;}
    .service_info .fl h3{ font-size: 16px;}
}

/*安装指南*/
.design_list li{ padding:30px 0; border-bottom: 1px solid #dedede;}
.design_list li a{ display: table; position: relative; padding-right: 170px; width: 100%; table-layout: fixed;}
.design_list li:first-child{ padding-top: 0;}
.design_list figure,
.design_list .txt{ display: table-cell; vertical-align: middle;}
.design_list figure{ width: 324px; overflow: hidden;}
.design_list figure img{ width: 100%; transition: all 0.5s;}
.design_list .txt{ width: 80%; padding: 0 5% 0 4%; position: relative;}
.design_list .txt:before{ content: ''; position: absolute; right: 0; width: 1px; top: 50%; transform: translateY(-50%); height: 82%; background: #dedede;}
.design_list h3{ font-weight: normal; font-size: 20px; margin-bottom: 4%; transition: all 0.5s;}
.design_list p{ line-height: 34px; color: #666666; font-size: 16px; height: 68px; overflow: hidden;}
.design_list time{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 170px; text-align: center; color: #999999; font-size: 16px;}
.design_list time b{ display: block; font-size: 50px; font-weight: normal;}
.design_list .Pages{ border-top: none; margin-top: 0;}
.design_list li a:hover img{ transform: scale(1.05);}
.design_list li a:hover h3{color: #005f38;}

@media(max-width:1024px){
    .design_list figure{ width: 30%;}
    .design_list .txt{ width: 70%;}
    .design_list h3{ font-size: 18px;}
    .design_list p{ line-height: 30px;}
}
@media(max-width:640px){
    .design_list li a{ padding-right: 60px;}
    .design_list figure{ width: 37%;}
    .design_list .txt{ width: 63%;}
    .design_list h3{ font-size: 16px;}
    .design_list p{ line-height: 24px; font-size: 14px; height: 48px;}
    .design_list time{ font-size: 12px; width: 55px;}
    .design_list time b{ font-size: 28px;}

}

/*门店服务*/
.Store_list{ margin: 0 auto 10%; max-width: 1400px;}
.Store_list li:nth-child(2n-1){ background: #f8f8f8;}
.Store_list .ytable_cell{ width: 50%;}
.Store_list .txt{ text-align: center;}
.Store_list .txt i{ display: block; width: 60px; margin: 0 auto;}
.Store_list .txt h3{ font-size: 20px; color: #333333; font-weight: normal; margin: 2.5% 0;}
.Store_list .txt p{ max-width: 300px; margin: 0 auto; line-height: 30px; color: #999999;}
@media(max-width:1000px){
    .Store_list .txt i{ width: 40px;}
    .Store_list .txt h3{ font-size: 18px;}
    .Store_list .txt p{ line-height: 24px;}
}
@media(max-width:750px){
    .Store_list .ytable_cell{ width: 100%; display: block;}
    .Store_list .txt{ padding: 5% 0;}
    .Store_list .txt h3{ font-size: 16px;}
}


/*视频中心*/
.video_list li{ float: left; width: 31.25%; margin-right: 3.12%; margin-bottom: 1.5%;}
.video_list li:nth-child(3n){ margin-right: 0;}
.video_list figure{ padding-top: 73.78%; background-size: cover; border: 2px solid #555; border-radius: 10px; overflow: hidden; position: relative;}
.video_list figure:before,
.video_list figure:after{ content: ''; position: absolute;}
.video_list figure:before{ width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.1);}
.video_list figure:after{ left: 50%; top: 50%; transform: translate(-50%,-50%); width: 13%; padding-top: 13%; background: url("../images/video_icon.png") no-repeat; background-size: contain;}
.video_list p{ text-align: center; font-size: 16px; color: #666666; margin: 6% 0;}
.video_list li:hover .box{ box-shadow: 0 0 30px rgba(145,145,145,0.18)}
.video_list li:hover .box:before{ opacity: 1;}
.video_list li:hover p{ color: #005f38;}
.video_list li:hover figure{ border-color: #005f38;}
@media(max-width:640px) {
    .video_list li{ width: 48%; margin-left: 1%; margin-right: 1% !important;}
    .video_list p{ font-size: 14px;}
}




.pro_banner,
.pro_banner li{ position: relative;}
.pro_banner .txt{ position: absolute; text-align: center; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.pro_txt_one h2,
.pro_txt_one .pic{ max-width: 495px; margin: 0 auto; text-align: left;}
.pro_txt_one h2{ font-size: 24px;}
.pro_txt_one .pic{ margin: 1% auto 2%;}
.pro_txt_one p{ border-top: 1px solid #fff; max-width: 647px; margin: 0 auto; padding: 12px 10px 0; font-size: 18px; line-height: 30px;}
.pro_banner .slick-arrow{ width: 37px; height: 71px; background: url("../images/btn_icon6.png") no-repeat left center; margin-top: -35px;}
.pro_banner .slick-prev{ left: 5%;}
.pro_banner .slick-next{right: 5%; background-position: right center;}
.pro_banner .slick-dots{ position: absolute; width: 100%; text-align: center; left: 0; bottom: 8%; z-index: 100;}
.pro_banner .slick-dots *{ display: inline-block;}
.pro_banner .slick-dots li{ margin: 0 0.7%;}
.pro_banner .slick-dots button{ width: 18px; height: 18px; border-radius: 100%; background: #fff; border: none; font-size: 0;}
.pro_banner .slick-dots .slick-active button{ width: 40px; border-radius: 50px; background: #008550;}
@media(max-width:1024px) {
    .pro_banner .txt{ display: none;}
}

.pro_index_one{ padding: 8% 0 10%;}
.pro_index_one .fl{ width: 41%;}
.pro_index_one .fr{ width: 56.945%; padding-top: 2%;}
.pro_index_one h3{ font-size: 46px; color: #999999; font-weight: normal;}
.pro_index_one h2{ font-size: 42px; color: #333333; font-weight: normal;}
.pro_index_one p{ font-size: 18px; line-height: 30px; color: #999999; margin: 1% 0 3%;}
.pro_index_one pre{ font-size: 16px; color: #999999; line-height: 30px;}
@media(max-width:1200px) {
    .pro_index_one h3{ font-size: 40px;}
    .pro_index_one h2{ font-size: 38px;}

}
@media(max-width:1024px) {
    .pro_index_one .fl,
    .pro_index_one .fr{ width: 100%; padding-top: 2%; float: none;}

}
@media(max-width:768px) {
    .pro_index_one h3{ font-size: 34px;}
    .pro_index_one h2{ font-size: 28px;}
}
@media(max-width:640px) {
    .pro_index_one h3{ font-size: 28px;}
    .pro_index_one h2{ font-size: 22px;}
    .pro_index_one p{ font-size: 16px;}
    .pro_index_one pre{ font-size: 14px; line-height: 24px;}
}


.pro_index_two li{ background: url("../images/pro_bg1.png") no-repeat center bottom; background-size: contain; padding-bottom: 3.5%; margin-bottom: 5%;}
.pro_index_two .pic{ float: left; width: 62.008%;}
.pro_index_two .pic2{ float: left; width: 12.822%;padding-top: 7%;margin-left: -3.6%;margin-right: 1.5%;}
.pro_index_two .txt{ float: left; width: 25%;  padding-top: 2%; max-width: 291px;}
.pro_index_two .txt h2{ font-size:32px; color: #12140f; font-weight: normal;}
.pro_index_two .txt h3{ font-weight: normal; font-size: 16px; color: #999999; padding: 3% 0 6%;}
.pro_index_two .txt p{ font-size: 16px; color: #333333; line-height: 26px;}
.pro_index_two .txt .more{ display: block; margin-top: 45px; font-size: 16px; transition: all 0.5s;}
.pro_index_two .txt .more i{ display: inline-block; vertical-align: middle; width: 80px; height: 1px; background: #999999; margin-left: 6%; transition: all 0.5s;}
.pro_index_two .txt .more:hover{ color: #008550;}
.pro_index_two .txt .more:hover i{ width: 55%;}
.pro_index_two li:nth-child(2n){ background-image: url("../images/pro_bg2.png");}
.pro_index_two li:nth-child(2n) .pic,
.pro_index_two li:nth-child(2n) .pic2,
.pro_index_two li:nth-child(2n) .txt{ float: right;}
.pro_index_two li:nth-child(2n) .pic2{ margin-right: -5%;margin-left: 2.9%;}
@media(max-width:768px) {
    .pro_index_two .txt h2{ font-size: 24px;}
}
@media(max-width:640px) {
    .pro_index_two{ margin: 0 2%;}
    .pro_index_two .txt{ width: 100%; max-width: 100%;}
    .pro_index_two .pic{ width: 77%;}
    .pro_index_two .pic2{ width: 24%;}
    .pro_index_two .txt h2{ font-size: 18px;}
    .pro_index_two .txt p{ font-size: 14px;}
    .pro_index_two .txt .more{ margin-top: 15px;}
    .pro_index_two .txt h3{ padding: 1% 0 2.5%;}
}

.bgf8f8f8{ background: #f8f8f8;}
.w1033{ max-width: 1033px; margin: 0 auto; width: 96%;}
.pro_info_one{ padding: 3.5% 0 4.5%; border-bottom: 1px solid #eeeeee;}
.pro_info_one .pic{ width: 42.8%;}
.pro_info_one .bigimg{ position: relative;}
.pro_info_one .slider-for{ border: 1px solid #ebebeb;}
.pro_info_one .pic figure{ padding-top: 60%;}
.pro_info_one .pic .more{ position: absolute; right: 0; bottom: 0; width: 53px; height: 53px; background: url("../images/arrow_icon3.png") no-repeat center #fff;}
.pro_info_one .slider-for figure{ background-size: contain; background-position: center; background-repeat: no-repeat; padding-top: 100%;}
.pro_info_one .small{ margin: 30px 0; position: relative;}
.pro_info_one .small ul{ max-width: 330px; margin: 0 auto;}
.pro_info_one .small figure{ margin: 0 10px; position: relative;}

.pro_info_one .slick-arrow{ width: 19px; height: 37px; background: url("../images/btn_icon5.png") no-repeat left center; margin-top: -18px; background-size: cover;}
.pro_info_one .slick-prev{ left: 0;}
.pro_info_one .slick-next{right: 0; background-position: right center;}
.pro_info_one .small .slick-current figure:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #008550;}
.pro_info_one .txt{ width: 51.5%;}
.pro_info_one .txt_h2{ font-size: 30px; font-weight: normal;}
.pro_info_one .txt_p{ padding: 3% 0 4%; margin-bottom: 4%; border-bottom: 1px solid #e3e3e3; font-size: 16px; color: #999999; line-height: 30px;}
.pro_info_one .item{ position: relative; padding-left: 130px; line-height: 24px; color: #333333; font-size: 16px; min-height: 30px; margin-bottom: 3%;}
.pro_info_one .item .name{ position: absolute; width: 120px; text-align: right; left: 0; top: 0; color: #999999;}
.pro_info_one .ke-insertfile{ color: #22825d;}

.pro_info_two article{ font-size: 16px; color: #999999; line-height: 30px;}
.pro_info_two .case_info_tit{ margin-bottom: 2%;}

.pro_space_list{ border-top: 1px solid #eee; margin-top: 50px;}
.pro_slider_list{ margin: 0 -15px; padding: 50px 0;}
.pro_slider_list li{ padding: 0 15px;}
.pro_slider_list li figure{padding-top: 71.08%; position: relative;background-size: contain;}
.pro_space_list li figure i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/arrow_icon4.png") no-repeat center rgba(0,0,0,0.5); opacity: 0; transition: all 0.5s;}
.pro_slider_list li .txt{ background: #f5f5f5; position: relative; padding: 15px 30px;}
.pro_slider_list li h2{ font-weight: normal; font-size: 18px; color: #313131;}
.pro_slider_list li p{ font-size: 16px; color: #999999; margin-top: 5px;}
.pro_space_list li a:hover .txt:before{ content: ''; position: absolute; width: 15px; height: 4px; background: #005f3d; left: 0; top: 25px;}
.pro_space_list li a:hover figure i{ opacity: 1;}

.pro_similar_list .pro_slider_list li figure{background-size:contain;}

.pro_case_list .case_info_tit,
.pro_similar_list .case_info_tit{ margin: 0 0 -1%; padding-top: 5%;}
.pro_case_list h3{ font-size: 18px; color: #333333; font-weight: normal; padding: 20px 0;}
.pro_case_list i{width: 89px;line-height: 35px;text-align: center;background: rgba(0,0,0,0.5);font-size: 14px;color: #fff;border-radius: 50px; right: 8%; top: 10%; font-style: normal; position: absolute;}
.pro_case_list i:before{ content: ''; width: 24px; height: 15px; display: inline-block; vertical-align: middle; background: url("../images/case_icon5.png") no-repeat; margin-right: 10px; margin-top: -5px; background-size: contain;}
.pro_similar_list h3{ font-size: 18px; color: #333333; font-weight: normal; background: #f5f5f5; line-height: 64px; padding: 0 30px;}


.pro_slider_list .slick-arrow{ width: 19px; height: 37px; background: url("../images/btn_icon5.png") no-repeat left center; margin-top: -18px; background-size: cover;}
.pro_slider_list .slick-prev{ left:-2%;}
.pro_slider_list .slick-next{right: -2%; background-position: right center;}
@media(max-width:1100px) {
    .pro_slider_list{ margin: 0;}
    .pro_slider_list .slick-prev{ left: -1%;}
    .pro_slider_list .slick-next{ right: -1%;}
}
@media(max-width:1000px) {
    .pro_info_one .txt_h2{ font-size: 26px;}
}
@media(max-width:768px) {
    .pro_info_one .txt_h2{ font-size: 22px;}
    .pro_info_one .txt_p,
    .pro_info_one .item,
    .pro_info_two article{ font-size: 14px; line-height: 24px;}
    .pro_slider_list li .txt{ padding: 15px 17px;}
    .pro_slider_list li h2,
    .pro_case_list h3,
    .pro_similar_list h3{ font-size: 16px;}
    .pro_slider_list li p{ font-size: 14px;}
    .pro_case_list h3{ padding: 10px 0;}
    .pro_similar_list h3{ line-height: 40px;}
}
@media(max-width:640px) {
    .pro_info_one .pic,
    .pro_info_one .txt{ width: 100%; float: none;}
    .pro_info_one .txt_h2{ font-size: 20px;}
}
.H_banner{ position: relative;}
.H_banner .slick-arrow{ width: 54px; height: 107px; background: url("../images/btn_icon7.png") no-repeat left center; margin-top: -53px;}
.H_banner .slick-prev{ left: 5%;}
.H_banner .slick-next{right: 5%; background-position: right center;}
.H_banner .slick-dots{ position: absolute; width: 100%; text-align: center; left: 0; bottom: 6%; z-index: 100;}
.H_banner .slick-dots *{ display: inline-block;}
.H_banner .slick-dots li{ margin: 0 0.6%; width: 30px; height: 30px; line-height: 30px; border: 1px solid transparent; border-radius: 100%; position: relative;}
.H_banner .slick-dots button{ width: 6px; height: 6px; border-radius: 100%; background: #fff; border: none; font-size: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.H_banner .slick-dots .slick-active{ border-color: #fff;}
.H_banner .ban_menu{ position: absolute; width: 315px; left: 50%; margin-left: -704px; top: 7.4%; z-index: 101; height: 68%;display:none!important;}
.H_banner dl{}
.H_banner dt{ line-height: 50px; text-align: center; font-size: 18px; color: #555555; text-align: center; background: #fafafa;}
.H_banner dd{line-height: 44px;overflow: auto;padding-top: 60px;position: absolute; height: 100%; width: 100%; overflow: auto; max-height: 100%; background: #ffffff;}
.H_banner dd ul{position: absolute;left: 0;top: 0;width: 100%;max-height: 100%;overflow: auto; padding: 13px 0;}
.H_banner dd li{ padding: 0 10%;}
.H_banner dd li:nth-child(2n){ background: #ffffff;}
.H_banner dd li a{ display: block; padding-right: 10px; position: relative; font-size: 16px; color: #555555;}
.H_banner dd li a:after{ content: '>'; font-family: 宋体; font-size: 16px; color: #8a8a8a; position: absolute; right: 0; top: 0;}
.H_banner dd li a:hover{ color: #005f38;}
.H_banner dd ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.H_banner dd ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.H_banner dd ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
@media(max-width:1440px) {
    .H_banner .ban_menu{ left: 2%; margin-left: 0;}
}
@media(max-width:768px) {
    .H_banner .ban_menu{ position: relative; height: auto; width: 96%; margin: 3% auto; height: auto;left: auto;}
    .H_banner .ban_menu dd{ display: none; z-index: 101;height: 300px; max-height: 300px;}
}
@media(max-width:640px) {
    .H_banner .slick-arrow{ display: none!important;}
    .H_banner dt{ font-size: 18px;}
}





.Hbox1{ background: #f8f8f8; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; overflow: hidden;}
.Hbox1 .w1440{ display: table; width: 100%; table-layout: fixed; max-width: 1300px;}
.Hbox1 .txt{ text-align: center; width: 335px; font-size: 40px; color: #333333;}
.Hbox1 .txt p{ font-size: 24px;}
.Hbox1 .txt p b{ font-size: 38px; color: #fc8310;}
.Hbox1 .table{ padding:4% 13% 4% 3%; position: relative;}
.Hbox1 .table:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 17%; height: 90%; background: url("../images/Hbox_table_icon.png") no-repeat left bottom;background-size: contain;}
.Hbox1 .table .row{ margin-bottom: 10px;}
.Hbox1 .table .row_3 .item,
.Hbox1 .table .row select{ float: left; width: 32.33%; margin-right: 1.5%; position: relative;}
.Hbox1 .table .row_3 .item:last-child,
.Hbox1 .table .row select:last-child{ margin-right: 0;}
.Hbox1 .table .text{ width: 100%; height: 45px; line-height: 45px; padding: 0 10px; border: 1px solid #eeeeee; background: #fff; border-radius: 5px; font-size: 16px; color: #999999;}
.Hbox1 .table .yzm .text{ padding-right: 85px;}
.Hbox1 .table .yzm .click{ position: absolute; width: 93px; line-height: 45px; /*background: #a1c5c1;*/ background:#000000;text-align: center; color: #fff; border-radius: 0 5px 5px 0; right: 0; top: 0;}
.Hbox1 .table select{height: 45px; line-height: 45px; padding: 0 10px; border: 1px solid #eeeeee; background: #fff; border-radius: 5px; font-size: 16px; color: #999999;}
.Hbox1 .table .row_2 select{ width: 75%;}
.Hbox1 .table .row_2 .btn{ line-height: 45px; width: 23%; text-align: center; height: 45px; border: none; background: #000000; color: #fff; border-radius: 5px;}
@media(max-width:1200px) {
    .Hbox1 .table{ padding-right: 12%;}
    .Hbox1 .table:after{ width: 14%;}
    .Hbox1 .txt{ font-size: 34px;}
}
@media(max-width:768px) {
    .Hbox1 .ytable_cell{ display: block; width: 100%; padding-top: 2%;}
    .Hbox1 .table{ padding-right: 12%;}
    .Hbox1 .table:after{ width: 10%;}
    .Hbox1 .txt{ font-size: 30px;}
    .Hbox1 .txt p{ font-size: 18px;}
    .Hbox1 .txt p b{ font-size: 32px}
}
@media(max-width:640px) {
    .Hbox1 .txt{ font-size: 26px;}
    .Hbox1 .txt p{ font-size: 16px;}
    .Hbox1 .txt p b{ font-size: 28px}
    .Hbox1 .table .row{ margin-bottom: 0;}
    .Hbox1 .table .row_3 .item, .Hbox1 .table .row select{ float: none; width: 100%; margin-right:0; margin-bottom: 10px; }
    .Hbox1 .table .row_2 .btn {display:block;width:33%;margin:0 auto;}
}


.Htitle{ text-align: center; padding: 3.5% 0 0; font-size: 44px; color: #333333;}
.Htitle p{ font-size: 18px; margin-top: 1%;}
@media(max-width:1200px) {
    .Htitle{ font-size: 36px;}
}
@media(max-width:768px) {
    .Htitle{ font-size: 30px;}
    .Htitle p{ font-size: 16px;}
}
@media(max-width:640px) {
    .Htitle{ font-size: 22px;}
    .Htitle p{ font-size: 14px;}
}
.Hbox2{ background: url("../images/Hbox2_bg.png") no-repeat left bottom; background-size: contain; padding-bottom: 7%;}
.Hbox2 .tab_span{ text-align: center; font-size: 0; margin: 1.5% 0;}
.Hbox2 .tab_span span{ display: inline-block; font-size: 20px; color: #999999; line-height: 36px; border-bottom: 3px solid transparent; margin: 0 1.8%; cursor: pointer; }
.Hbox2 .tab_span .on{ border-bottom-color: #005f38;  color: #005f38;}
.Hbox2 .list{ padding:0 6.5%; position: relative;}
.Hbox2 li{ position: relative;}
.Hbox2 figure{ padding-top: 64.5%; transition: all 0.5s;}
.Hbox2 p{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px; line-height: 75px; color: #fff; background: url("../images/arrow_icon5.png") no-repeat center; background-size: cover; font-size: 16px;}
.Hbox2 .slick-slide >div{ padding-bottom: 1px; padding-right: 1px;}
.Hbox2 .slick-slide li{ display: block!important; overflow: hidden;}
.Hbox2 a:hover figure{ transform: scale(1.05);}

/* .Hbox2 .btn{ position: absolute; left: 5%;} */
.Hbox2 .slick-arrow{ width: 64px; height: 64px; background: url("../images/btn_icon8.png") no-repeat top center #f8f8f8; margin-top:0; position: static; border: 1px solid #e9e9e9; position: absolute; top: 50%; transform: translateY(-50%); background-size: cover; z-index: 10;}
.Hbox2 .slick-prev{ left: 4%}
.Hbox2 .slick-next{right: 4%; background-position: bottom center;}
@media(max-width:1440px) {
    .Hbox2 .list{ padding:0 2%;}
}
@media(max-width:1300px) {
    .Hbox2 .btn{ left: 2%;}
    .Hbox2 .slick-arrow{ width: 90px; height: 90px; background-size: cover;}
}
@media(max-width:768px) {
    .Hbox2 .tab_span span{ font-size: 18px;}
}
@media(max-width:640px) {
    .Hbox2 .tab_span span{ font-size: 16px;}
    .Hbox2 .list{ margin: 0 2%; padding-left: 0;}
    .Hbox2 .btn{ position: static;}
    .Hbox2 .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px;display:none!important;}
    .Hbox2 .slick-prev{ left: 0;}
    .Hbox2 .slick-next{ right: 0;}
    .Hbox2 p{ line-height: 34px; font-size: 14px;}
}



.Hbox3{background: url("../images/Hbox3_bg2.png") no-repeat left bottom; background-size: contain; padding-bottom: 7%;}
.Hbox3 .list{ margin-top: 3%; max-width: 1700px; margin-left: auto; margin-right: auto;}
.Hbox3 .fr{ width: 18%; background: url("../images/Hbox3_bg1.png") no-repeat left bottom #f8f8f8; border: 1px solid #eee; padding-bottom: 15%;}
.Hbox3 .fr ul{ text-align: center; max-width: 165px;}
.Hbox3 .fr li{ line-height: 80px;  position: relative;}
.Hbox3 .fr li:after{ content: ''; width: 100%; height: 21px; background: url("../images/arrow_icon6.png") no-repeat center bottom; left: 0; top: 100%; position: absolute;}
.Hbox3 .fr li span{ display: block; position: relative; color: #000000; font-size: 16px;}
.Hbox3 .fr li span:before{ content: '<'; display: inline-block; vertical-align: middle; margin-right: 12px; font-family: 宋体; margin-top: -2px; color: #fff; display: none;}
.Hbox3 .fr li:before{ content: ''; position: absolute; right: 0; height: 100%; background: url("../images/arrow_icon7.png") no-repeat; width: 190px; opacity: 0; transition: all 0.5s;}
.Hbox3 .fr li:hover,
.Hbox3 .fr li.on{ padding-right: 10px;}
.Hbox3 .fr li:hover span,
.Hbox3 .fr li.on span{ color: #fff;}
.Hbox3 .fr li:hover span:before,
.Hbox3 .fr li.on span:before{ display: inline-block;}
.Hbox3 .fr li:hover:before,
.Hbox3 .fr li.on:before{ opacity: 1;}
.Hbox3 .fl{ width: 82%;}
.Hbox3 .fl .pic{ width: 63.059%; float: left;}
.Hbox3 .fl .txt{ float: left; width: 30%; margin-left: 3%;}
.Hbox3 .txt h2{ font-size:30px; color: #333333; font-weight: normal; padding: 1% 0 1%;}
.Hbox3 .txt h3{ font-weight: normal; font-size: 18px; color: #333333; padding: 3% 0 6%;}
.Hbox3 .txt pre{ font-size: 14px; color: #999999; line-height: 24px;}
.Hbox3 .txt .more{ display: block; margin-top: 45px; font-size: 16px; transition: all 0.5s;}
.Hbox3 .txt .more i{ display: inline-block; vertical-align: middle; width: 80px; height: 1px; background: #999999; margin-left: 6%; transition: all 0.5s;}
.Hbox3 .txt .more:hover{ color: #008550;}
.Hbox3 .txt .more:hover i{ width: 55%;}
.Hbox3 .txt ul{ margin-top: 17%;}
.Hbox3 .txt figure{ padding-top: 202%; margin: 0 5px; box-shadow: 5px 0 5px #ccc;}
.Hbox3 .slick-arrow{ width: 40px; height: 40px; background: url("../images/btn_icon9.png") no-repeat left center; margin-top: -20px;}
.Hbox3 .slick-prev{ left: -4%;}
.Hbox3 .slick-next{right: -4%; background-position: right center;}
@media(max-width:1200px) {
    .Hbox3 .txt h2{ font-size: 38px;}
}
@media(max-width:768px) {
    .Hbox3 .list{ margin: 3% 2%;}
    .Hbox3 .fl .pic,
    .Hbox3 .fl .txt{ width: 100%; float: none; margin: 0 0 3%;}
    .Hbox3 .txt h2{ font-size: 30px; padding: 0;}
    .Hbox3 .txt h3{ padding: 1% 0;}
    .Hbox3 .txt .more{ margin-top: 15px;display:inline-block;width:48%;}
    .Hbox3 .txt ul{display:inline-block;width:30%;margin-top:4%;margin-left:15%;vertical-align:middle;}
    /*.Hbox3 .txt ul{ display: none;}*/
}
@media(max-width:640px) {
    .Hbox3 .list{ margin: 3% 2%;}
    .Hbox3 .fr,
    .Hbox3 .fl{ display: block; width: 100%; float: none; padding-bottom: 0;}
    .Hbox3 .fr ul{ width: 100%; text-align: center; max-width: 100%;}
    .Hbox3 .fr ul li{ display: inline-block; margin: 0 7px; line-height: 36px; padding-right: 0!important;}
    .Hbox3 .fr li:after,
    .Hbox3 .fr li:before{ display: none;}
    .Hbox3 .fr li:hover span, .Hbox3 .fr li.on span,
    .Hbox3 .fr li:hover span:before, .Hbox3 .fr li.on span:before{ color: #008550;}
    .Hbox3 .fr li span:before{ display: none!important;}
    .Hbox3 .txt h2{ font-size: 22px; }
    .Hbox3 .txt h3{  font-size: 16px;}
}


.Hbox4{background: url("../images/Hbox4_bg.png") no-repeat left bottom; background-size: contain; padding-bottom: 5%;}
.Hbox4_box{margin-top: 2.5%; padding:0 6.5%;}
.Hbox4_box a{ display: block; transition: all 0.5s;}
.Hbox4_box a:hover{ box-shadow: 0 0 10px #ccc;}
.Hbox4 .fr{ width: 55.508%; position: relative;}
.Hbox4 .txt h2{ font-size: 24px; font-weight: normal;}
.Hbox4 .icon{ display: block; text-align: center; border-radius: 100%; overflow: hidden; background: #ececec; margin: 15px 0; width: 50px;}
.Hbox4 .icon img{ width: 50px; height: 50px;}
.Hbox4 .num{ font-size: 16px;}
.Hbox4 .num span{ font-size: 48px; font-family: Arial; display: inline-block;}
.Hbox4 .fr .txt{ position: absolute; left: 0; top: 0; padding: 5% 0 0 15%; width: 100%; color: #333;}
.Hbox4 .fr .icon{ background: #166456;}
.Hbox4 .fr .num{ font-size: 24px;}
.Hbox4 .fr .num span{ font-size: 70px;}
.Hbox4 .fl{ width: 44.492%;}
.Hbox4 .fl li{ width: 47.5%; margin-right: 2.5%; float: left; position: relative; margin-bottom: 2.5%; border: 1px solid #ececec;}
.Hbox4 .fl li figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Hbox4 .fl li .txt{ position: relative; text-align: center; z-index: 3; color: #333; padding: 12.7% 1%;}
.Hbox4 .fl li .txt p{ max-width: 250px; margin: 5% auto 0; font-size: 16px; line-height: 24px;}
.Hbox4 .fl li .txt em{ display: inline-block; vertical-align: top; font-style: normal; font-size: 18px; font-weight: bold;}
.Hbox4 .fl .icon{ margin-left: auto;  margin-right: auto;}
@media(max-width:1440px) {
    .Hbox4_box{ padding:0 2%;}
    .Hbox4 .fr{ width: 59.508%;}
    .Hbox4 .fl{ width: 40.492%;}
}
@media(max-width:1366px) {
    .Hbox4 .txt h2{ font-size: 22px;}
    .Hbox4 .num span{ font-size: 40px;}
}
@media(max-width:1024px) {
    .Hbox4 .txt h2{ font-size: 20px;}
    .Hbox4 .num span{ font-size: 30px;}
    .Hbox4 .fl li .txt p{ font-size: 14px;}
}
@media(max-width:768px) {
    .Hbox4_box{ margin: 3% 2% 0;}
    .Hbox4 .fl,
    .Hbox4 .fr{ width: 100%; float: none; overflow: hidden; margin-bottom: 2%;}
    .Hbox4 .fl li{ width: 48%; margin: 0 1% 2%;}
    .Hbox4 .txt h2{ font-size: 20px;}
    .Hbox4 .num span{ font-size: 30px;}
    .Hbox4 .fl li .txt p{ font-size: 14px;}
}
@media(max-width:640px) {
    .Hbox4 .fr .num span{ font-size: 46px;}
    .Hbox4 .txt h2{ font-size: 18px;}
}

.Hbox5{ padding-bottom: 2%;}
.Hbox5 .tab_span{ text-align: center; font-size: 0; margin: 1.5% 0 3%;}
.Hbox5 .tab_span li{display: inline-block; padding: 0 48px; position: relative;}
.Hbox5 .tab_span li:nth-child(2):before,
.Hbox5 .tab_span li:nth-child(2):after{ content: ''; position: absolute; top: 50%; margin-top: -8px; width: 1px; height: 16px; background: #c6c6c6;}
.Hbox5 .tab_span li:nth-child(2):before{ left: 0;}
.Hbox5 .tab_span li:nth-child(2):after{ right: 0;}
.Hbox5 .tab_span span{ display: inline-block; font-size: 20px; color: #999999; line-height: 36px; border-bottom: 3px solid transparent; cursor: pointer; padding: 0 5px; }
.Hbox5 .tab_span .on span{ border-bottom-color: #005f38;  color: #005f38;}
.Hbox5 .Hbox5_info{ padding: 0 6.5%;}
.Hbox5 .fr{ width: 47%; padding-bottom: 5%;}
.Hbox5 .fr dt,
.Hbox5 .fr dd{ overflow: hidden; padding-bottom: 3%; border-bottom: 1px dotted #bfbfbf; margin-bottom: 3%;}
.Hbox5 .fr dd{}
.Hbox5 .fr figure{ float: left;width: 30.1%;padding-top: 21.02%;}
.Hbox5 .fr .txt{ float: right; width: 65%; padding-top: 1%;}
.Hbox5 .fr time{ color: #999999; display: block; margin-top: 5%;}
.Hbox5 .fr h2{ font-weight: normal; font-size: 20px;}
.Hbox5 .fr h2:hover{ color: #005f38;}
.Hbox5 .fr p{ color: #999999; line-height: 24px; margin: 2.5% 0; max-height: 48px;overflow: hidden;}
.Hbox5 .fr dd p{ margin: 1.5% 0 0;}
.Hbox5 .more{ display: block; margin-top: 45px; font-size: 16px; transition: all 0.5s;}
.Hbox5 .more i{ display: inline-block; vertical-align: middle; width: 80px; height: 1px; background: #999999; margin-left: 6%; transition: all 0.5s;}
.Hbox5 .more:hover{ color: #008550;}
.Hbox5 .more:hover i{ width: 55%;}
.Hbox5 .fl{ width: 50%;}
.Hbox5 .fl li{ position: relative;}
.Hbox5 .fl li span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 20px; color: #ffffff;}
.Hbox5 .fl li span:before{ content: ''; width: 92px; height: 92px; display: block; background: url("../images/video_icon2.png") no-repeat center; background-size: contain; margin-bottom: 20px;}
.Hbox5 .fl figure{ padding-top: 55.5%;}
.Hbox5 .btn{ text-align: center; margin: 20px 0;}
.Hbox5 .pages{ display: inline-block; padding: 0 20px; position: relative; }
.Hbox5 .slick-arrow{ width: 12px; height: 21px; background: url("../images/btn_icon2.png") no-repeat left center; margin-top: -10px;}
.Hbox5 .slick-prev{ left: 0;}
.Hbox5 .slick-next{right: 0; background-position: right center;}
.Hbox5 .slick-dots{ }
.Hbox5 .slick-dots *{ display: inline-block;}
.Hbox5 .slick-dots li{ margin: 0 17px;}
.Hbox5 .slick-dots button{ width: 18px; height: 18px; border-radius: 100%; background: #ececec; border: none; font-size: 0;}
.Hbox5 .slick-dots .slick-active button{  background: #000000;}
@media(max-width:1440px) {
	.Hbox5 .Hbox5_info{ padding: 0 2%;}
    .Hbox5 .fr{ padding-right: 0; width: 45%;}
    .Hbox5 .fl{ width: 50%;}
}
@media(max-width:768px) {
    .Hbox5 .fr,
    .Hbox5 .fl{ width: 100%; float: none;}
}
@media(max-width:640px) {
    .Hbox5 .tab_span li{ padding: 0 10px;}
    .Hbox5 .tab_span span{ font-size: 16px;}
    .Hbox5 .fr figure,
    .Hbox5 .fr .txt{ width: 100%; float: none;}
    .Hbox5 .fr figure{ padding-top: 68%;}
    .Hbox5 .fr h2{ font-size: 16px;}
    .Hbox5 .fl li span{ font-size: 16px;}
    .Hbox5 .fl li span:before{ width: 50px; height: 50px;margin: 0 auto 10px;}
}


/*搜索*/
.newsList_box{}
.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #008550;}

.shop-list {padding: 5.5% 0 4.2%;}
.shop-list .shop {float: left;width: 29.2%; text-align: center;margin-right: 6.2%;}
.shop-list .shop .iconbox {display: block;width: 100%;border: 1px solid #ebebeb;padding: 9.3vh 4%;}
.shop-list .shop .iconbox .icon {max-height: 124px;}
.shop-list .shop .title {font-size: 16px;line-height: 60px;font-weight: 500}
@media(min-width: 640px) {
    .shop-list .shop:nth-child(3n) {margin-right: 0;}
}
@media(max-width:640px) {
    .shop-list .shop {width: 46.9%;}
    .shop-list .shop:nth-child(2n) {margin-right: 0;}
    .shop-list .shop .iconbox {padding: 18% 20%;}
}



.current_down{ margin-top: 3%;}
.padd_t5{ padding-bottom: 5%;}
.down_list ul{ display: table; width: 100%; table-layout: fixed}
.down_list ul li{ display: table-row;}
.down_list ul span{ display: table-cell; line-height: 60px; font-size: 16px; border-bottom: 1px solid #f5f5f5; text-align: center; color: #999999;}
.down_list .name{ width: 55%; text-align: left; padding-left: 75px; position: relative; color: #333;}
.down_list .top{ background: #005f38!important;}
.down_list .top span{ color: #fff;}
.down_list .name i{ width: 16px; height: 16px; border: 1px solid #bbbbbb; position: absolute; left: 40px; top: 22px; border-radius: 2px;    display: none;}
.down_list .icon{ display: inline-block; width: 34px; height: 34px; border: 2px solid #b5b5b5; border-radius: 100%; background: url("../images/arrow_icon8.png") no-repeat center; vertical-align: middle;/* display: none;*/}
.down_list .name a{ display: block; padding-left: 30px; position: relative;}
.down_list .name em{ position: absolute; left: 0; top: 0; width: 20px; height: 20px;}
.down_list  li:hover,
.down_list  li.aon{ background: #f2f7f5;}
.down_list  li:hover .icon,
.down_list  li.aon .icon{ display: inline-block;}
.down_list  li.aon .name i{ background: url("../images/arrow_icon9.png") no-repeat center;}
.down_list .all{ background: #f8f8f8; display: block; line-height: 60px; font-size: 16px; color: #333; }
.down_list .all .btn{ display: inline-block; margin-left: 30px; color: #138e5d;}
.down_list .aon i{ background: url("../images/arrow_icon10.png") no-repeat center #005f38;}
@media(max-width:640px) {
    .down_search .down_menu,
    .down_search .search{ width: 100%; float: none; margin: 1% 0;}
    .down_list li span{ padding-top: 18px; padding-bottom: 18px; line-height: normal;}
    .down_list .name{ width: 80%;}
    .down_list .size,
    .down_list .time{ display: none;}
}

.down_menu_sub{ padding: 3% 0 5%;}
.down_menu_sub li{ float: left; margin-right: 10px; line-height: 30px; font-size: 14px;}
.down_menu_sub li a{ color: #666; display: inline-block; border-bottom: 1px solid transparent; padding: 5px 10px; border-radius: 5px;}
.down_menu_sub li a.aon{ background: #005f38; color: #fff;}


.Hbox3 .slick-dots{text-align: center;margin-top: -10px;padding-right: 30%;position: relative;z-index: 10;}
.Hbox3 .slick-dots li{width: 18px;height: 18px;border-radius: 50%;margin: 0 10px;cursor: pointer;display: inline-block;     background: #999;}
.Hbox3 .slick-dots li *{display: none;}
.Hbox3 .slick-dots li.slick-active{background: rgba(0, 0, 0);}
@media(max-width:640px) {
.Hbox3 .slick-dots li{height: 16px;width: 16px;margin: 0 5px;}
}

.fixed_r{position: fixed;right: 1%;top: 80%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;z-index: 10;}
.fixed_r .items li{width: 60px;height: 60px;border: 1px solid #eeeeee;border-bottom: 0;background-color: #fff;position:relative;}
.fixed_r .items li:last-child{border-bottom: 1px solid #eee;}
.fixed_r .items .get_top{background-color: #383838;border: 1px solid #383838!important;}
.fixed_r .items .icon{display: block;padding-bottom: 62%;position: relative;}
.fixed_r .items .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
.fixed_r .items .txt{font-size: 12px;color: #999999;}
.fixed_r .items{box-shadow: 0 0 10px 0 #ccc;}
.fixed_r .right_logo{position: absolute;top: 0;left: 50%;transform: translate(-50%,-70%);width: 110%;z-index: -1;}
.fixed_r .items .get_top .icon{padding-bottom: 38%;}
.fixed_r .items .get_top .icon img{top: auto;}
.fixed_r .items .get_top .txt{font-size: 14px;color: #fff;margin-top: 8px;font-family: "Oswald";}

.fixed_r .items .cont{text-align:left; display:none;background:#fff; position:absolute;width:250px;top:-1px;right:100%;border: 1px solid #eeeeee;box-shadow: -4px 0 10px 0 #ccc;padding:10px;transition:all 0.3s;-webkit-transition:all 0.3s;font-size:14px;color:#333;}
.fixed_r .items li:hover  .cont{display:block;}
@media  (max-width: 1024px){
    .fixed_r{display: none;}
}


.down_list .selectFile{position:absolute;left:15px;top:0;bottom:0;margin:auto;height:20px;width:20px;}
.fancybox-button--download{background-image:url('../images/download.png')!important;background-size:40%!important;background-repeat:no-repeat!important;background-position:center center!important;}


.current_down{position:relative;margin-top:10px!important;}
.current_down .search_box{ position:absolute; top:50%; right:0%;transform: translateY(-50%); width: 240px;}
.current_down .search_box dt{ position: relative; padding-right: 60px;}
.current_down .search_box .text{ width: 100%; background: #f5f5f5; border: 1px solid #eeeeee; height: 40px; line-height: 40px; color: #999999; padding: 0 10px;}
.current_down .search_box .btn{ position: absolute; width: 60px; height: 40px; right: 0; top: 0; bottom:0;margin:auto; background: url("../images/search_icon.png") no-repeat center #bbbbbb;}
.current_down .back{margin-left:20px;cursor:pointer;}
.current_down #path{padding-right:250px;}
.user_option{padding:0 2%;margin-top:30px;}
.user_option > *{display:inline-block;vertical-align:middle;color:#999;}
.user_option a:hover{color:#333;}
.user_option a{margin-left:15px;}
.newsList_box li{position:relative;padding-right:85px;line-height:normal;}
.newsList_box li a{display:inline-block;poding-right:80px;line-height:55px;max-width:100%;}
.newsList_box li time{position:absolute;right:0;top:0;line-height:55px;}
.newsList_box .label{display:inline-block;margin-left:10px;vertical-align:middle;position:absolute;right:0;top:0;bottom:0;margin:auto;padding:0 10px;border:1px solid #333;height:24px;line-height:22px;}
.newsList_box li a:hover .label{border-color:#008550}
.case_menu_two{margin-bottom: 20px}