﻿@charset "utf-8";
/**初始**/

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;}

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;}

.w1800{width: 100%; padding-left: calc( 150 / 1920 * 100vw); padding-right: calc( 150 / 1920 * 100vw); }
.w1600{ max-width: calc( 1600 / 1920 * 100vw); margin: 0 auto;width: 92%; }
.w1200{ max-width: calc( 1200 / 1920 * 100vw); margin: 0 auto;width: 92%;  }
.w1440{ max-width: calc( 1440 / 1920 * 100vw); margin: 0 auto; width: 92%;  }

@media screen and (max-width: 1920px) {
    .w1600{ max-width: 1600px; width: 92%; margin: 0 auto;}  
    .w1440{ max-width: 1440px; width: 92%; margin: 0 auto;}  
    .w1200{ max-width: 1200px; width: 92%; margin: 0 auto;}  
}
@media screen and (max-width: 1600px) {
    .w1600{ max-width: 100%; width: 92%; }
}
@media screen and (max-width: 1200px) {
    .Hindex .w1600,
    .w1800{ padding-left: 0; padding-right: 0;}
    .w1800,
    .w1600,
    .w1440,
    .w1200{ max-width: 100%; width: 92%; margin: 0 auto;}  
}

.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; }
.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 .w1600{margin: auto; max-width: 1600px; width: 96%;}
.header .other .a_search { cursor: pointer; background:#006633 url(../images/search_icon.png) no-repeat center;}
.header .other .a_search,
.header .other .a_lang{width: 33px; height: 33px; line-height: 33px; text-align: center;  border-radius: 100px; }
.header .other .a_lang{background: #cccccc; color: #FFF; margin-left: 10px;}
.header .other .a_lang:before,
.header .other .a_lang:after{display: none}
.header .search_box{left: auto; transform:none; top:38px; display: none; position:absolute !important; z-index: 100}

@media(min-width:1024px) {
.header .logo{position: absolute;padding: 25px 0}
.header .all{position: relative; z-index: 10}
.header .all .w1600{position: relative}
.header .other{top:40px; margin-top: 0}
.header .search_box{right: 9%; width:230px;}
.header .search_box .text {height:38px;line-height:38px;}
.header .header-img{display: none}
.header .topNav {line-height: 61px}
.header .topNav .ul{padding: 25px 0 25px 25%}
.header .topNav .ul li{padding: 0px 22px}
.header .topNav em{display: none}
.topNav .subnav-view{top: 111px}
}
@media(min-width:1601px) and (max-width:1920px) {
    .header .search_box{right: 13%;}
}
@media (max-width:768px) {
.header .search_box{top: 60px;}
}


.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 3%; }
}
@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; min-height:220px; object-fit:cover;}
    .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: 42px 0;}
.case_menu ul{ font-size: 0;}
.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: 6.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: 5%;}
}
@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:#005f38; 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:before{ display:none;}
    .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{ background-position: right center;}
.Jz_case_infoLists .btn .slick-arrow:before {display:none;}
@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: 100%; border: 1px solid #eeeeee; position:relative; }
.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 .pageBtn{ position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:100%; max-width:360px; display:flex; }
.service_info .fl .slick-arrow,
.service_info .fl .pageBtn span{  margin-top: 0; height: 60px; background:url("../images/btn_icon4.png") no-repeat right center #fff; border: 1px solid #eeeeee; width:50%; display:inline-block;}
.service_info .fl .slick-prev,
.service_info .fl .pageBtn .prev{ right: 0; left: auto;}
.service_info .fl .slick-next,
.service_info .fl .pageBtn .next{ left: 0;  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: 0; 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;text-align:center;}
.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{padding-bottom:6%;}
    .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; width:auto; object-fit:contain; margin:0 auto;}
.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}













@font-face {
  font-family: fonts-Light;
  src: url(../fonts/SourceHanSansCN-Light.woff);
}
@font-face {
  font-family: fonts-Regular;
  src: url(../fonts/SourceHanSansCN-Regular.woff);
}
@font-face {
  font-family: fonts-Normal;
  src: url(../fonts/SourceHanSansCN-Normal.woff);
}
@font-face {
  font-family: fonts-Bold;
  src: url(../fonts/SourceHanSansCN-Bold.woff);
}
.yx-con{
  font-family: fonts-Light;
}
/*Banner002992*/
.Banner002992{position: relative; z-index: 1;}
@media(min-width:1025px){
.Banner002992 .wap{display: none;}
}
@media(max-width:1024px){
.Banner002992 .pc{display: none;}
}
.Banner002992 .slick-dots{position: absolute; left: 0; bottom: 1.93vw; width: 100%; z-index: 10; text-align: center;display: none;}
.Banner002992 .slick-dots li{display: inline-block; width: 29px; height: 29px;position: relative;}
.Banner002992 .slick-dots li:before{position: absolute; content: '';width: 5px;height: 5px;background-color: #ffffff; border-radius: 50%; top: 50%;left: 50%; margin: -2.5px 0 0 -2.5px;}
.Banner002992 .slick-dots li button{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: url("../images/Banner002992_active.png") no-repeat center center;cursor: pointer;opacity: 0; border: 0;font-size: 0;}
.Banner002992 .slick-dots li.slick-active button{opacity: 1; animation: infinite 1s zhuan linear;}
@keyframes zhuan{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.auto_1440{max-width:1440px;}
@media(max-width:1440px){
  .auto_1440{padding:0 2%;}
}


.Medallist{padding:2% 0 0%;}
.Medallistno{display: none;}
.Medallist .auto{max-width:900px;}
.Medallist dl{border:1px solid #d2d2d2;padding:1% 2%;}
.Medallist dl dd{width:33.3%;text-align: center;float:left;position: relative;}
.Medallist dl dd:after{content:'';background-image: linear-gradient(#fff, #d2d2d2, #fff);width:1px;height: 74px;position: absolute;right:0;top:8%;}
.Medallist dl dd:nth-child(3):after{display: none;}
.Medallist dl dd .con{width:100px;margin:0 auto;}
.Medallist dl dd .img{display: inline-block;float:left;line-height: 25px;}
.Medallist dl dd .img img{display: block;margin:0 auto;}
.Medallist dl dd .txt{display: inline-block;font-size:28px;color:#000;font-family: fonts-Bold;margin-left:18%;float:left;line-height: 70px;}

@media(max-width:768px){
	.Medallist{padding:3% 2% 3%;}
	.Medallist dl dd .txt{font-size:32px;margin-left:12%;}
	.Medallist dl dd .con{width:82px;}
}

.countdown{text-align: center;background:#f4f4f4;padding:30px 0;}
.countdownno{display: none;}
.countdown .auto{max-width:1120px;}
.countdown .tit{width:23%;}
.countdown .tit span{font-size:24px;color:#575757;letter-spacing: 3px;margin-right:14px;}
.countdown .time{background-image: linear-gradient(to right,#6722ff, #c700fe);color:#fff;font-size:24px;padding:8px 24px 8px 40px;border-radius: 0 0 20px 0;width:60%;}
.countdown .time p{margin:0;}
.countdown .time b{float:left;font-size:32px;font-family: fonts-Regular;font-weight: normal; background:rgba(35,0,109,0.5);border-radius: 5px;padding:0px 12px;display: inline-block;line-height: 46px;min-width:83px;}
.countdown .time span{float:left;display: inline-block;line-height: 46px;margin:0 14px;font-weight: lighter;}
.countdown .more{width:21%;}
.countdown .more a{position: relative; background-image: linear-gradient(to right,#ec0788, #fe4c5c);color:#fff;display: inline-block;padding:9px 64px 9px 38px;font-size:20px;border-radius: 41px;margin-left:15%;}
.countdown .more a:after{content:'';width:21px;height: 21px;background:url(../images/more_icon.png) no-repeat center center;position: absolute;right:18%;top:29%;}

@media(max-width:1200px){
	.countdown .time{width:54%;}
	.countdown .time b{min-width:70px;}
}
@media(max-width:1024px){
	.countdown{padding:5% 2%;}
	.countdown .ytable,
	.countdown .ytable-cell{display: block;}
	.countdown .tit{width:100%;margin-bottom:3%;}
	.countdown .tit span{font-size:22px;letter-spacing: 1px;margin-right:0;}
	.countdown .time{width:100%;font-size:16px;margin-bottom:3%;padding:7px 22px;}
	.countdown .time b{font-size:16px;line-height: 35px;min-width: auto;padding:0 6px;float:none;}
	.countdown .time span{line-height: 35px;margin:0 8px;float:none;}
	.countdown .more{width:100%;}
	.countdown .more a{margin-left:0;font-size:16px;}
}


/*Banner002563 */
.Banner002563{ padding:0 0%;max-width:1440px;margin:0 auto;margin-top:3%}

/*slick Basic*/
.Banner002563 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Banner002563 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Banner002563 .slick-list:focus {outline: none}
.Banner002563 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Banner002563 .slick-slider .slick-track, 
.Banner002563 .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)}
.Banner002563 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Banner002563 .slick-track:before, 
.Banner002563 .slick-track:after{display: table; content: '';}
.Banner002563 .slick-track:after{ clear: both;}
.Banner002563 .slick-loading .slick-track { visibility: hidden;}
.Banner002563 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Banner002563 .slick-slide .slick-loading img { display: none;}
.Banner002563 .slick-slide .dragging img { pointer-events: none;}
.Banner002563 .slick-initialized .slick-slide { display: block;}
.Banner002563 .slick-loading .slick-slide { visibility: hidden;}
.Banner002563 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Banner002563 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

.Banner002563 .slick-arrow{ position:absolute; z-index:10; width:77px; height:91px; background:rgba(0,0,0,0.8); top:50%; margin-top:-45px;font-size: 0;padding: 0; cursor: pointer;transition:0.2s; border: 0;}
.Banner002563 .slick-arrow:hover{ background:#6822ff;}
.Banner002563 .slick-arrow::before{ position:absolute; content:''; width:32px; height:32px; transform:rotate(-45deg); top:50%; margin-top:-16px;border-top:2px solid #fff; border-left:2px solid #fff;}
.Banner002563 .slick-arrow:hover::before{ border-color:#fff !important;}
.Banner002563 .slick-prev{ left:8%;}
.Banner002563 .slick-prev::before{  left:40%;}
.Banner002563 .slick-next{ right:8%;}
.Banner002563 .slick-next::before{  left:20%;transform:rotate(135deg);}

.Banner002563 .slick-dots{ position:absolute; left:0; text-align:center; width:100%; bottom:5%; z-index:10;}
.Banner002563 .slick-dots li{ display:inline-block;padding-right:28px; position:relative; cursor: pointer;}
.Banner002563 .slick-dots li:after{ position:absolute; content:''; right:0; top:0; width:28px; height:1px; background:rgba(255,255,255,0.28); top:50%;}
.Banner002563 .slick-dots li:last-child{ padding-right:0;}
.Banner002563 .slick-dots li:last-child:after{ display:none;}

.Banner002563 .slick-dots li button{ display:block; border:1px solid transparent; width:30px; height:30px; border-radius:50%; margin:0 2px; position:relative;font-size: 0;padding: 0;background: none;}
.Banner002563 .slick-dots li button::before{ position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-6px; width:12px; height:12px;border-radius:50%; content:''; background:#fff;}
.Banner002563 .slick-dots li.slick-active button{ border-color:#fff;}

.Banner002563 li{position: relative;}
.Banner002563 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.Banner002563 li .txt-img{ position:absolute; width:100%; top:0; left:0; text-align:center; z-index:1; 	height:80%;}
.Banner002563 li .txt-img .ytable{height: 100%;}
.Banner002563 li .txt-img img{opacity: 0; transform: translateX(-100%); transition: 1s;}
.Banner002563 li p{margin:0;font-size:28px;text-align: center;letter-spacing: 3px;position: absolute;bottom:20px;width:100%;color:#fff;padding:0 3%;z-index: 10;}
.Banner002563 li:after{content:'';width:100%;height: 20%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));bottom:0;left:0;position: absolute;}
.Banner002563 li.slick-current .txt-img img{transform: translateX(0);opacity: 1;}
@media(max-width:1440px){
	.Banner002563{padding:0 2%;}
}
@media(max-width:1200px){
.Banner002563{ padding:0;}
.Banner002563 li p{font-size:16px;letter-spacing: 0;bottom:15px;}
.Banner002563 li:after{height: 23%}
.Banner002563 .slick-arrow{width:60px;height: 72px;}
.Banner002563 .slick-arrow::before{width:26px;height: 26px;margin-top:-14px;}
}
@media(min-width:1025px){
.Banner002563 li > img{ display:block; width:100%;}
.Banner002563 li img.wap{ display:none;}

}
@media(max-width:1024px){
.Banner002563 li .table img{ max-width:75%; margin:0 auto;}
}
@media(max-width:768px){
	.Banner002563 .slick-arrow{width:48px;height: 65px;}
	.Banner002563 .slick-arrow::before{width:21px;height: 21px;margin-top:-11px;}
}
@media(max-width:480px){
.Banner002563 .slick-arrow{ transform:scale(0.7);}
.Banner002563 .slick-dots li{padding-right:10px; }
.Banner002563 .slick-dots li::after{ width:10px;}
.Banner002563 .slick-dots li button{width:20px; height:20px; }
}


.yx-title{text-align: center;margin-bottom:4%;}
.yx-title h2{font-size:42px;margin:0;color:#000;letter-spacing: 2px;margin-bottom:0px;font-family: fonts-Bold;}
.yx-title .p{font-size:24px;letter-spacing: 3px;color:#000;margin:0;margin-top:4px;}

@media(max-width:1024px){
	.yx-title h2{font-size:30px;letter-spacing: 0}
	.yx-title img{max-width:120px;}
	.yx-title .p{font-size:20px;margin-top:0;}
}

/*Floor002891 */
.Floor002891{background-color: #fff;padding: 3% 0;}
.Floor002891 .auto{max-width: 1440px; }

.Floor002891 .tab-list ul{border:1px solid #d2d2d2;}
.Floor002891 .tab-list ol{position: relative;}
.Floor002891 .tab-list ol p{position: absolute;width:100%;bottom:0;left:0; font-size:26px;font-family: fonts-Bold;margin:0;color:#fff;background-image: linear-gradient(to right,#6722ff, #c700fe);line-height: 63px;padding:0 3%;}
.Floor002891 .tab-list ol .Ispic{display: block;}
.Floor002891 .tab-list li{padding:0 4% 0 6.5%;}
.Floor002891 .tab-list li a{display: block; }
.Floor002891 .tab-list li.on a{}
.Floor002891 .tab-list li .tit{font-size:22px; color:#737373; margin-bottom: 0px;font-family: fonts-Normal;letter-spacing: 2px;position: relative;padding-left:20px;}
.Floor002891 .tab-list li .tit:after{content:'';width:5px;height: 5px;background:#d2d2d2;border-radius: 50%;position: absolute;left:0;top:12px;}
.Floor002891 .tab-list li.on a .tit{color: #000;font-weight: bold;}
@media(max-width:1440px){
	.Floor002891 .auto{padding:0 2%;}
}
@media(min-width:1025px){
.Floor002891 .tab-list li{float: right;width: 50%;clear: right;}
.Floor002891 .tab-list ol{float: left;width: 50%; }
.Floor002891 .tab-list ol .Ispic{height: 455px;}
.Floor002891 .tab-list li{margin-top: 40px;} 
.Floor002891 .tab-list li:nth-child(2){margin-top:62px;}
.Floor002891 .tab-list li a{width: 100%; }
}
@media(min-width:1025px) and (max-width:1366px){
.Floor002891 .tab-list li:not(:last-child){}
.Floor002891 .tab-list ol .Ispic{height: 413px;}
}
@media(max-width:1024px){
.Floor002891 .tab-list ol .Ispic{padding-bottom: 60%;}
 .Floor002891 .tab-list li{margin: 3vw 0;}
}
@media(max-width:768px){
.Floor002891 .tab-list ol p{font-size:16px;line-height: 48px}
.Floor002891 .tab-list li{padding:0 2% 0 2%;}
.Floor002891 .tab-list li .tit:after{top:9px;}
.Floor002891 .tab-list li .tit{font-size: 16px;margin-bottom: 0.2em;padding-left:16px;}
}
@media(max-width:480px){

}




/*Floor002733 */
.Floor002733{overflow-x: hidden;background:#f4f4f4;padding:2% 0 4.5%;}
.Floor002733 .auto{padding: 0!important; width: 96%; }
.Floor002733 .slick-dots{position: absolute;bottom:3%;width:100%;z-index: 2; text-align: center;}
.Floor002733 .slick-dots li{list-style: none; display: inline-block; margin: 0 8px; width: 30px; height: 12px; border-radius: 20px; border:1px solid #fff; cursor: pointer; position: relative;}
.Floor002733 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: none;  padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;}
.Floor002733 .slick-dots li.slick-active{border-color: #fff;background:#fff;width:51px;}
.Floor002733 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; }

.Floor002733 .more{padding: 20px 0 44px 0; }
.Floor002733 .more a{display: block; line-height: 58px; width: 220px; border-radius: 5px; border: 1px solid #e5e5e5; margin: 0 auto;text-align: center; font-size: 16px; transition: 0.3s; color: #aaa;}
.Floor002733 .more a:hover{background: #184477; border-color: #184477; color: #fff;}
.Floor002733 li.slick-slide{padding-top: 0px; height: auto;}
.Floor002733 li.slick-slide .inner{ position: relative;transition: 0.3s; }
.Floor002733 li.slick-slide .inner:after{content:'';width:100%;height: 20%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));bottom:0;left:0;position: absolute;}
.Floor002733 li.slick-slide .inner > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10;transition: 0.3s;opacity: 0;-webkit-opacity: 0;}
.Floor002733 li.slick-slide .pic{overflow: hidden;}
.Floor002733 li.slick-slide .Ispic{padding-bottom: 60.695%; transition: 0.3s;}
.Floor002733 li:hover .Ispic{ transform: scale(1.10);-webkit-transform: scale(1.1);-ms-transform: scale(1.10);}
.Floor002733 li.slick-slide:hover a{ opacity: 1;-webkit-opacity: 1;}
.Floor002733 li.slick-slide .txt{padding: 15px;text-align: center;position: absolute;bottom:7%;font-family: fonts-Normal;width:100%;z-index: 2;}
.Floor002733 li.slick-slide .txt aside{ color: #fff;font-size: 31px; margin-top: 0px;letter-spacing: 2px;}
@media(min-width:1201px){
.Floor002733 .slider{ }
.Floor002733 li.slick-slide .inner{ }
}
@media(max-width:1200px){
.Floor002733 li.slick-slide .inner{ }
}
@media(max-width:1024px){
.Floor002733 li.slick-slide .txt{padding: 15px;}
}
@media(max-width:768px){
	.Floor002733 .slick-dots li{width:18px;height: 8px;margin:0 5px;}
	.Floor002733 .slick-dots li.slick-active{width:30px;}
	.Floor002733 li.slick-slide .txt aside{font-size:16px;letter-spacing: 0;}
}


/*
 .PicList002796 
 */
.PicList002796{ padding:2.5% 0 2.5%;}
.PicList002796 ul{position: relative;}
.PicList002796 ol{}
.PicList002796 ol figure em{ padding-bottom: 56.25%; }
.PicList002796 ol p{margin:0; font-size: 24px; color: #fff; line-height: 28px; text-align: justify;position: absolute;bottom:0;width:100%;padding:15px 20px;letter-spacing: 2px; z-index: 2}


.PicList002796 li{ }
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}
.PicList002796 figure{ position:relative;}
.PicList002796 figure em{ display:block; padding-bottom: 56.305%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0;background:url(../images/video.png) no-repeat center center/112px rgba(0,0,0,0.2); }

.PicList002796 li p{margin:0; font-size: 16px; color: #fff; line-height: 28px; text-align: justify; overflow: hidden;letter-spacing: 2px;position: absolute;bottom:0;width:100%;padding:5px 12px;}
@media(min-width:769px){
.PicList002796 ol{width:66.667%;float:left;}
.PicList002796 li{ float: right; width: 31.945%;margin-bottom:1.53%;} 
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li figure a{background:url(../images/video.png) no-repeat center center/60px rgba(0,0,0,0.2);}

}
@media(max-width:768px){
.PicList002796 ol{margin-bottom:4%;}
.PicList002796 ol p{font-size:16px;padding:5px 12px;}
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 4%;}
.PicList002796 figure em{ padding-bottom: 56%; background-size:cover;}
.PicList002796 figure a{background: url(../images/video.png) no-repeat center center/80px rgba(0,0,0,0.2);}
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}
/*Bottom002968 */
.Bottom002968{background: url("../images/Bottom002968_bg.jpg") no-repeat center center;background-size: 100% 100%; padding: 38px 0;font-size: 20px;line-height: 1.875em;}
.Bottom002968 .auto{text-align: center;color: #fff;}
.Bottom002968 a{display: inline-block;color: #fff;}
.Bottom002968 a:hover{text-decoration: underline;color:#fff}

.Bottom002968 .webhit span.design{}
@media(max-width:480px){
.Bottom002968{font-size: 3.5vw;}
}
/*20230512*/
@media (min-width:1200px) and (max-width: 1480px){
    .topNav em, .topNav li {
    float: left;
}
    .topNav em{margin:0 4%;}
}
@media (min-width:1024px) and (max-width: 1200px){
     .topNav em{margin: 0 3.2%;}
}
.backbtn {
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 16px;
    text-align: right;
}

.backbtn .in {
    max-width: 1440px;
    margin: auto;
    padding-right: 20px;
}

.backbtn a {
    background: #ec0788;
    background-image: linear-gradient(to right,#ec0788, #fe4c5c);
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    border-radius: 41px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: 2px;
}
@media(max-width:560px){
.backbtn a {
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px;
}    
}

.wapShow{ display:none;}
@media(max-width:768px){
	.wapShow{ display:block;}
	.pcShow{ display:none;}
	
	.logo a {display:block; width:160px;}
}


.ispage .newheader {position:relative;}

