@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 16px; color: #333;background-color: #fff;font-family: "Arial","Microsoft YaHei";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow-x: hidden !important;
}
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-layout: fixed;}
table td {border-collapse: collapse;font-size: 1px;}
select, input, p,textarea {font-size: 16px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #0C8918;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

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

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

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

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {
    color: #585858;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}
.auto_1520{max-width: 1520px;width: 90%; margin: auto;}
@media(max-width:1024px){
    .auto_1520{width: 96%; }
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
		 url("../fonts/Roboto-Regular.woff") format("woff"),
		 url("../fonts/Roboto-Regular.ttf") format("truetype"),
		 url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),
		 url("../fonts/Roboto-Regular.svg") format("svg");
	/* font-weight: bold; */
	font-style: normal;
}
@font-face {
	font-family: "YouSheBiaoTiHei";
	src: url("../fonts/YouSheBiaoTiHei-2.woff2") format("woff2"),
		 url("../fonts/YouSheBiaoTiHei-2.woff") format("woff"),
		 url("../fonts/YouSheBiaoTiHei-2.ttf") format("truetype"),
		 url("../fonts/YouSheBiaoTiHei-2.eot") format("embedded-opentype"),
		 url("../fonts/YouSheBiaoTiHei-2.svg") format("svg"),
		 url("../fonts/YouSheBiaoTiHei-2.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald.eot);
    src: url(../fonts/Oswald.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Oswald.woff2) format('woff2'),
    url(../fonts/Oswald.woff) format('woff'),
    url(../fonts/Oswald.ttf) format('truetype'),
    url(../fonts/Oswald.svg#Oswald) format('svg')
}

  /* 头部 */
.header{position: absolute;width: 100%; left: 50%; transform: translateX(-50%); transition: all .2s; z-index: 50;}
.header .top{position: relative;}
.header .header-left{ padding: 1% 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18%; min-width: 120px;}
.header .header-left .show{display: block;}
.header .header-left .hover{display: none;}
.header.header_hover .header-left .show{display: none;}
.header.header_hover .header-left .hover{display: block;}
.header.header_fixed .header-left .show{display: none;}
.header.header_fixed .header-left .hover{display: block;}
.header.header_active .header-left .show{display: none;}
.header.header_active .header-left .hover{display: block;}

.header .header-right{float: right; padding-top: 27px; margin-left: 230px;}

.header .handle-box>div{float: right;}
.header .handle-box .login{margin-left: 2.5vw;}
.header .handle-box .login a{display: block; padding-left: 22px; line-height: 30px; font-size: 14px;color: #fff; background: url(../img/top_member.png) left center no-repeat; }
.header .handle-box .lan{position: relative;font-size: 16px; color: #fff;line-height: 30px; z-index: 10;}
.header .handle-box .lan .btn{padding:0 16px;position: relative; cursor: pointer;}
.header .handle-box .lan .btn::after{content: ''; width: 0; height: 0; border: 4px solid transparent; border-top-color: #fff; position: absolute; right: 0; top: 12px;}
.header .handle-box .lan a{display: block; width: 100%;background-color: #fff;color: #333; padding: 0 16px;}
.header .handle-box .lan .sub-lan{position: absolute;min-width: 100%; top: 100%; display: none;}

.header .handle-box .contact a{display: block; line-height: 30px ; color: #fff; font-size: 16px;}
.header .handle-box .top-search{margin-left: 1.5625vw; position: relative;}
.header .handle-box .open-search{width: 30px; height: 30px; display: block; background: url(../img/top_search.png) center center no-repeat;}
.header .header-nav li em{font-style: normal; display: block;position: relative; }
.header .header-nav li em a{display: block;}

.header .search_box{ position:absolute; top:34px; right:3px; z-index:100; display:none;}
.header .search_box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.5); color:#fff; padding:0 50px 0 10px;}
.header .search_box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif; height: 100%; background: url("../img/top_search.png") no-repeat center;}
.header .search_box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}
.header .search_box .text::placeholder{color: #fff;}
.header .open-search-show{ background: none!important;}
.header .open-search-show::before,
.header .open-search-show::after{ position:absolute; content:''; width:60%; height:2px; background:#666; top:50%; left:20%; transform:rotate(-45deg);}
.header .open-search-show::after{transform:rotate(45deg);}


.header .header-nav li{padding-left: 3.125vw;}
.header .header-nav li:first-of-type{padding-left:0;}
.header.header_hover{background-color: #fff;}
.header.header_hover .handle-box .login a{color: #333; background: url(../img/top_member_a.png) left center no-repeat;}
.header.header_hover .handle-box .lan{color: #333;}
.header.header_hover .handle-box .lan div::after{border-top-color: #333;}
.header.header_hover .handle-box .open-search{background: url(../img/top_search_a.png) center center no-repeat;}
.header.header_hover  .handle-box .contact a{color: #333;}

.header.header_fixed {position: fixed; top: -120px;}
.header.header_fixed2 {position: fixed; top: 0px;}
.header.header_fixed{background-color: #fff;}
.header.header_fixed .handle-box .login a{color: #333; background: url(../img/top_member_a.png) left center no-repeat;}
.header.header_fixed .handle-box .lan{color: #333;}
.header.header_fixed .handle-box .lan div::after{border-top-color: #333;}
.header.header_fixed .handle-box .open-search{background: url(../img/top_search_a.png) center center no-repeat;}
.header.header_fixed  .handle-box .contact a{color: #333;}

.header.header_active{background-color: #fff;}
.header.header_active .handle-box .login a{color: #333; background: url(../img/top_member_a.png) left center no-repeat;}
.header.header_active .handle-box .lan{color: #333;}
.header.header_active .handle-box .lan div::after{border-top-color: #333;}
.header.header_active .handle-box .open-search{background: url(../img/top_search_a.png) center center no-repeat;}
.header.header_active  .handle-box .contact a{color: #333;}


.header .header-nav li .sub{position: absolute; min-width: 720px; background-color: rgba(255, 255, 255,0.949); padding: 3.29% 3.95% 3.29% 4.6%; display: none;}
@media(min-width:1921px){
    .header .handle-box .login{margin-left: 48px;}
    .header .handle-box .top-search{margin-left: 30px;}

    .header .header-nav li{padding-left: 60px;}
}
@media(min-width:1025px) {
    .header .header-nav li{float: left;}
    .header .header-nav li em a{ color: #fff;}
    .header .header-nav li em a{ font-size: 20px;}
    .header .header-nav li em{padding-top: 9px; padding-bottom: 14px; }
    .header.header_hover .header-nav li em a{color: #333;}
    .header.header_fixed .header-nav li em a{color: #333;}
    .header.header_active .header-nav li em a{color: #333;}

    .header .header-nav li em::before{content: ''; width: 0; height: 2px; background-color: #008000; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s;}
    .header .header-nav li:hover em::before{width: 100%;}
    .header .header-nav li:hover em a{color: #008000;}

    .header .header-nav li .sub dd a{ font-size: 16px; color: rgb(153, 153, 153);line-height: 2.497; display: inline-block;}
    .header .header-nav li .sub dl{float: left; width: 32.2%; padding-top: 10px;}
    .header .header-nav li .sub .img-box{width: 67.8% ; float: left;}
    .header .header-nav li .sub dd a{min-width: 115px; max-width: 175px; position: relative; padding-right: 10px;}
    .header .header-nav li .sub dd a:hover{color: #008000;}
    .header .header-nav li .sub dd a:hover::before{content: ''; width: 7px; height: 100%; position: absolute; right: 0px; top: 0; background: url(../img/sub_nav_hover.png ) center center no-repeat;}
}
@media(max-width:1024px){
    .header .header-right{margin-left: 130px;}
    .header-nav{position: fixed; z-index: 5; width: 100vw;  max-width: 300px; padding: 0 15px; padding-top: 30px; height: calc(100vh + 76px); overflow-y: auto; right: 0; background-color: #fff; line-height: 50px; color: #fff; transform: translateX(100%); transition: all .3s;}
    .header .header-nav li{padding-left: 15px!important; border-bottom: 1px solid #eee;}
    .header .header-nav li.has-sub em::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .header .header-nav li.has-sub em i{width: 40px; height: 100%; position: absolute; right: 0; top: 0; transition: 0.3s;}
    .header .header-nav li.has-sub em i::before,
    .header .header-nav li.has-sub em i::after{    position: absolute; content: ''; width: 12px; height: 2px; background: #ccc; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.3s;}
    .header .header-nav li.has-sub em i::after{    width: 2px; height: 12px;}
    .header .header-nav li.has-sub em.active i::after{height: 0;}
    .header .header-nav li em a{font-size: 16px;}
    .header .header-nav li .sub{position: static;}

    .header .header-nav li .sub .img-box{display: none;}
    .header .header-nav li .sub .sub-nav{line-height: 40px;}
    .header .header-nav li .sub .sub-nav a{font-size: 16px;}
    .header .header-nav li .sub{min-width: auto; width: 100%;}

    .header .header-right{padding-top: 15px; padding-bottom: 15px;}
    .header_hover #open-menu i,.header_hover #open-menu::before,.header_hover #open-menu::after{background-color: #333;}
    .header_active #open-menu i,.header_active #open-menu::before,.header_active #open-menu::after{background-color: #333;}
    .header_fixed #open-menu i,.header_fixed #open-menu::before,.header_fixed #open-menu::after{background-color: #333;}
    #open-menu{width: 25px; height: 30px;  margin-left: 10px; position: relative;}

    #open-menu i,#open-menu::before,#open-menu::after{width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; right: 0; margin: auto; transition: all .3s;}
    #open-menu::before,#open-menu::after{content: ''; }
    #open-menu i{top: 0; bottom: 0;}
    #open-menu::before{top: 4px; }
    #open-menu::after{bottom: 4px; }
    .header_active #open-menu::before{bottom: 4px; transform: rotateZ(45deg);}
    .header_active #open-menu i{opacity: 0;}
    .header_active #open-menu::after{top: 4px; transform: rotateZ(-45deg);}
    .header-nav.active{transform: translateX(0);}
    .header_active::after{content: ''; width: 100vw; height: 100vh; position: absolute; left: 0; top: 100%;background-color: rgba(0, 0, 0, 0.2);}
    .header .handle-box .contact a{font-size: 14px;}
}
@media(max-width:640px){
    .header .handle-box .lan div,.header .handle-box .lan a{padding: 0 10px; font-size: 14px; white-space: nowrap;}
    .header .handle-box .top-search{margin-left: 0;}
}
/* 底部 */
.bottom .bot-nav{background-color: #edeef0; padding-top: 3.65%; padding-bottom: 3.8%;}
.bottom .bot-nav ul{float: left; width: 84.87%; max-width: 1134px;}
.bottom .bot-nav .qrcode{float: right; width: 15.13%; padding-left: 1%;}
.bottom .bot-nav .qrcode .img{display: inline-block; text-align: center;font-size: 16px;color: rgb(153, 153, 153); line-height: 1.875;}
.bottom .bot-nav .qrcode .img img{margin-bottom: 8px;}

.bottom .bot-nav ul li{float: left; width: 17.15%;}
.bottom .bot-nav ul li:nth-of-type(-n+2){ width: 15.7%;}
.bottom .bot-nav ul li em{font-style: normal; margin-bottom:18px; display: block;}
.bottom .bot-nav ul li em a{ font-size: 18px; color: rgb(51, 51, 51); line-height: 1;}
.bottom .bot-nav ul li .bot-sub a{font-size: 14px;color: rgb(128,128,128); line-height: 2.375;}
.bottom .bot-nav ul li .bot-sub a:hover{font-size: 16px;color: rgb(5,119,72); line-height: 2.375;}

.bottom .copyright{background-color: #339933;font-size: 14px;color: rgba(247, 248, 250, 0.6); line-height: 30px; padding: 1.3% 0;}
.bottom .copyright a{font-size: 14px;color: rgba(247, 248, 250, 0.6);}
.bottom .copyright a:hover{color: rgba(247, 248, 250,1);}
.bottom .copyright .left{float: left;}
.bottom .copyright .right{float: right; font-size: 0;}
.bottom .copyright .right a{padding: 0 7px;position: relative;}
.bottom .copyright .right a::after{content: ''; width: 2px; height: 2px; border-radius: 50% ; background-color: rgba(247, 248, 250,0.6); position: absolute; right: 0; top: 0; bottom: 0; transform: translateX(1px); margin: auto;}
.bottom .copyright .right a:last-of-type{padding-right: 0; }
.bottom .copyright .right a:last-of-type::after{display: none;}
@media(max-width:1024px){
    .bottom .bot-nav ul{float: none; width: 100%; text-align: justify;}
    .bottom .bot-nav ul::after{content: ''; width: 100%; height: 0; display: inline-block;}
    .bottom .bot-nav ul li{display: inline-block;  text-align: left; float: none; vertical-align: top; width: auto;}
    .bottom .bot-nav .qrcode{width: 100%;float: none; padding-left: 0; text-align: center; padding-top: 5%;}
}
@media(max-width:768px){
    .bottom .bot-nav ul{display: none;}
    .bottom .bot-nav .qrcode{padding-top: 0;}
    .bottom .copyright .left,.bottom .copyright .right{width: 100%; float: none; text-align: center;}
    .bottom .copyright .left a{display: inline-block;}
}


/* 首页 */
.index-banner .inner{opacity: 0; }
.index-banner .video-inner{height: 100%;position: relative;}
.index-banner .video-inner video{position: absolute; left: 0; top: 0; width: 100%; background: #000;height: 100%;object-fit: cover;}


.index-banner .slick-item{height: 100%; position: relative;}
.index-banner .slick-item .wap{display: none;}
.index-banner .slick-item .pc{height: 100%;}
.index-banner .slick-list,.index-banner .slick-track{height: 100%;}
.index-banner .slick-dots{position: absolute; width: 100%; text-align: center; font-size: 0; left: 0; bottom: 3.39%; z-index: 2;}
.index-banner .slick-dots li{ width: 18px; height: 18px; border-radius: 50%; cursor: pointer; position: relative ; border: 1px solid transparent; display: inline-block; margin: 0 9px; transition: all .3s;}
.index-banner .slick-dots li button{display: none;}
.index-banner .slick-dots li::before{content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; position: absolute; left: 0 ; top: 0; right: 0; bottom: 0; margin: auto;}
.index-banner .slick-dots li.slick-active{border-color: #fff;}
.index-banner .txt{position: absolute; max-width: 1664px; left: 50%; transform: translateX(-50%); z-index: 1; width: 90%;top: 34.15%;}

@media(max-width:1024px){
    .fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto !important;}
    .index-banner .slick-item .wap{display: block;}
    .index-banner .slick-item .pc{display: none;}
}


.index-title{ font-size: 54px; color: rgb(51, 51, 51); line-height: 54px; font-weight: normal; margin: 0;}
.index-sub-title{font-size: 16px; color: rgb(102, 102, 102); margin: 0;line-height: 2; margin-top: 20px;}

.index-part2 .title{padding-top: 60px; padding-bottom: 20px; background: url(../img/index-part2bg.png) left center; background-size: cover;}
.index-part2 .list{height: calc(100% - 186px);}
.index-part2 .slick-big,.index-part2 .slick-big .slick-list,.index-part2 .slick-big .slick-track,.index-part2 .slick-big .slick-item figure,.index-part2 .slick-big .slick-item{height: 100%;}
.index-part2 .slick-big .slick-item{position: relative;}
.index-part2 .slick-big .slick-item .txt{position: absolute; left: 50%; transform: translateX(-50%); width: 80%; max-width: 1520px; z-index: 2; top: 35.57%; top: 260px;}
.index-part2 .slick-big .slick-item .txt h2{margin: 0; font-size: 36px;color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 2.96%;}

.btn_white{width: 195px; height: 56px;display: block; font-size: 16px; color: rgb(255, 255, 255); background: url(../img/learn_more_w.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 54px; padding-right: 2px; }
.btn_white:hover{color: #fff;}
.btn_blue{width: 195px; height: 56px;display: block; font-size: 16px;   color: rgb(12,137,24); background: url(../img/learn_more_b.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 54px; padding-right: 2px; }

.index-part2 .slick-small{position: absolute; width: 100%; bottom: 0; left: 0; z-index: 3; text-align: left; padding-bottom: 3.125%;}
.index-part2 .slick-small .spot{display: inline-block; width: 37px; height: 37px; position: relative;}
.index-part2 .slick-small .spot i,
.index-part2 .slick-small .spot::before,
.index-part2 .slick-small .spot::after{border-radius: 50%;position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;background-color: #fff; transition: all .3s;}
.index-part2 .slick-small .spot::before,
.index-part2 .slick-small .spot::after{content: '';}
.index-part2 .slick-small .spot::before,
.index-part2 .slick-small .spot::after{ display: none;}
.index-part2 .slick-small .spot i{width: 24%; height: 24%;  }
.index-part2 .slick-small .spot::before{width: 57%; height: 57%; opacity: 0.102;}
.index-part2 .slick-small .spot::after{width: 100%; height: 100%;  opacity: 0.051;}

.index-part2 .slick-small .slick-current .spot::before,
.index-part2 .slick-small .slick-current .spot::after{
    display: block;
}
.index-part2 .slick-small .slick-list{padding-top: 70px; margin-left: 30px;  padding-left:30px; }
.index-part2 .slick-small .slick-item{padding-bottom: 20px; position: relative; cursor: pointer; padding-left: 15px;}
.index-part2 .slick-small .slick-item .icon{width: 50px; height: 50px; position: absolute; left: 50%; top: -70px; z-index: 3; transform: translateX(-50%);}
.index-part2 .slick-small .slick-item .icon img{position: absolute;left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}
.index-part2 .slick-small .slick-item .txt{position: absolute; left: 50%; bottom: -20px; z-index: 3; transform: translateX(-50%); white-space: nowrap; font-size: 16px; color: rgb(255, 255, 255); line-height: 1;max-width: 200px; text-align: center;}

.index-part2 .slick-small .slick-item::before,
.index-part2 .slick-small .slick-item::after{content: ''; width: calc(100% - 67px); height: 1px; position: absolute; left: 67px; bottom: 40px;}
.index-part2 .slick-small .slick-item::before{background-color: rgba(255, 255, 255,0.149);}
.index-part2 .slick-small .slick-item::after{ background-color: #fff; width: 0;}
.index-part2 .slick-small .slick-item.active::after{ width: calc(100% - 67px); transition: all 4s;}

.index-part2 .slick-small .slick-box{position: relative;}
.index-part2 .slick-small .slick-box::before,
.index-part2 .slick-small .slick-box::after{content: ''; width: 100%; height: 1px;background-color: rgba(255, 255, 255,0.149); position: absolute; bottom: 40px;}
.index-part2 .slick-small .slick-box::before{right: calc(100% - 30px);}
.index-part2 .slick-small .slick-box::after{left: 100%;}

@media(max-width:1024px){
    .index-part2 .slick-big .slick-item figure{padding-top: 50%;}
    .index-part2 .slick-big .slick-item .txt{top: 25.7%;}
    #fp-nav.fp-left{display: none !important;}
    .index-part2 .slick-big .slick-item .txt h2{font-size: 30px;}
    .btn_white,.btn_blue{width: 120px; height: 45px; line-height: 45px; font-size: 14px;}
    .index-part2 .slick-small .slick-item .icon{width: 40px; height: 40px;}
    .index-part2 .slick-small .slick-list{padding-top: 50px;}
    .index-part2 .slick-small .slick-item .icon{top: -50px;}
    .index-part2 .slick-small .slick-item .txt{font-size: 14px;}
    .index-title{font-size: 40px; line-height: 1.5  ;}
    .index-part2 .title{padding-top: 3.125%; padding-bottom: 1.04%;}
    .index-sub-title{margin-top: 1.31%;}
}
@media(max-width:768px){
    .index-part2 .slick-big .slick-item .txt h2{font-size: 22px;}
    .index-part2 .slick-big .slick-item .txt{top: 20%;}
    .index-part2 .slick-small .slick-item .icon{width: 30px; height: 30px;}
    .index-part2 .slick-small .slick-list{padding-top: 30px;}
    .index-part2 .slick-small .slick-item .icon{top: -30px;}
    .index-part2 .slick-small .spot{width: 25px; height: 25px;}
    .btn_white,.btn_blue{height: 35px; line-height: 35px;}
    .index-part2 .slick-big .slick-item figure{padding-top: 70%;}
    .index-part2 .slick-small .slick-list{ padding-left: 0;}
    .index-title{font-size: 28px;}
}

.index-part3{background: url(../img/index-part3bg1.png) ; background-size: 100% 100%; }
.index-part3 .auto{padding: 5% 0; padding-left: 10%;}
.index-part3 .left{width: 36%; float: left; padding-top: 3.72%;}
.index-part3 .right{width: 64%; float: right; position: relative;}
.index-part3 .right .video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #fff; display: none;}
.index-part3 .right .video video{position: absolute; left: 0; top: 0;  right: 0; bottom: 0; margin: auto; width: 70%; max-height: 100%;}
.index-part3 .right .play{width: 80px; height: 80px; position: absolute; left: 0; top: 0;  right: 0; bottom: 0; margin: auto; background: url(../img/index-play.png) center center no-repeat; background-size: contain; cursor: pointer;}
.index-part3 .right .close{width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.6); position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 5;}
.index-part3 .right .close::after,
.index-part3 .right .close::before{content: ''; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; top: 0;  right: 0; bottom: 0; margin: auto; transform: rotateZ(45deg);}
.index-part3 .right .close::after{transform: rotateZ(-45deg);}

.index-part3 .index-title{padding-bottom: 30px; position: relative;}
.index-part3 .index-title::after{content: ''; width: 40px; height: 2px; background-color: #008000; position: absolute; left: 0; bottom: 0;}
.index-part3 .index-subtitle{ font-size: 24px; color: rgb(102, 102, 102);line-height: 1.25; margin: 0; font-weight: normal; padding-top: 7.23%; padding-bottom: 4.5%;}
.index-part3 .index-subtitle span{font-size: 16px;  color: rgb(128, 128, 128);}
.index-part3 .index-subtitle .red{color: #008000;}
.index-part3 .des {padding-bottom: 6.43%;}
.index-part3 .des p{font-size: 16px;color: rgb(128, 128, 128);line-height: 1.875; margin: 0; margin-bottom: 10px;}

@media(max-width:1024px){
    .index-part3 .auto{width: 96%; padding: 0; margin: 0 auto;}
    .index-part3 .right{padding-top: 5%;}
}
@media(max-width:768px){
    .index-part3 .left{width: 100%; float: none;}
    .index-part3 .right{padding-top: 5%; width: 100%;}
    .index-part3 .right .video video{width: 100%;}

}
.index-part4{background: url(../img/index-part4bg1.png) ; background-size: 100% 100%; }
.index-part4 .title-box{position: relative; z-index: 4;}
.index-part4 .index-title{ padding-top: 3.95%; position: relative;z-index: 100 }
.index-part4 .left{width: 44.74%; float: left;}
.index-part4 .en{ font-size: 240px;font-family: "Oswald"; color: rgb(254, 255, 255);line-height: 1; position: absolute; right: 0; top: 0 ; font-weight: bolder;
    background-image:-webkit-linear-gradient(top,rgb(254, 255, 255),rgb(254, 255, 255),rgba(254, 255, 255,0));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;  d
}
.index-part4 .list{padding-top: 3.95%;position: relative; z-index: 5;}
.index-part4 .index-title .btn_blue{float: right; position: relative; z-index: 2;}
.index-part4 .left .pic{overflow: hidden; position: relative;z-index: 1;}
.index-part4 .left .pic figure{padding-top: 70%; transition: all .3s; }
.index-part4 .left .txt{color: #000;  position: relative;z-index: 2;}
.index-part4 .left .date{float: left;font-family: "Oswald"; width: 24.91%; min-width: 100px;}
.index-part4 .left .date .day{font-size: 36px;}
.index-part4 .left .date .year{ font-size: 18px; color: rgba(, 0.2);line-height: 1.333;}
.index-part4 .left h2{ font-size: 24px;line-height: 1.5; font-weight: normal; margin: 0; height: 3em;}

.index-part4 .slick-arrow{width: 40px; height: 40px;background: url(../img/up_blue.png) center center no-repeat; position: absolute; right: 0; bottom: 50px; border: 0; font-size: 0; z-index: 2 ; cursor: pointer;}
.index-part4 .slick-arrow.slick-next{bottom: 10px; transform: rotateZ(180deg);}
.index-part4 .slick-item:hover .pic figure{transform: scale(1.1);}

.index-part4 .slick-dots{display: block;  width: 100%;  padding: 0;  margin: 0;  list-style: none;  text-align: center;position:absolute; top: 94%;z-index: 1;}
.index-part4 .slick-dots li{  position: relative;  display: inline-block;  padding: 0 10px;height:16px;  cursor: pointer;}
.index-part4 .slick-dots li button{  font-size: 0;  line-height: 0;  display: block;  width:16px;  height:3px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background: #666;}
.index-part4 .slick-dots li.slick-active button{ background:#fff}

.index-part4 .right{width: 48.68% ; float: right;}
.index-part4 .right .date{font-family: "Oswald"; min-width: 100px; width: 21%; padding-top: 3.29%; padding-bottom: 4.11%;}
.index-part4 .right .date .day{font-size: 36px; color: rgb(12,137,24);}
.index-part4 .right .date .year{ font-size: 18px;  color: rgba(38, 61, 143, 0.2);line-height: 1.333;}
.index-part4 .right .item{padding-left: 5.4%; padding-right: 12.4%; background-color: #fff; margin-bottom: 2.74%; transition: all .3s;}
.index-part4 .right .item:last-of-type{margin-bottom: 0;}
.index-part4 .right .item .txt{font-size: 20px; color: rgb(51, 51, 51);line-height: 2;}
.index-part4 .right .item:hover{box-shadow: 0 0 5px 0 #0C8918;}
.index-part4 .right .item:hover .txt{color: rgb(12,137,24);}


@media(max-width:1024px){
    .index-part4 .right .date .day,.index-part4 .left .date .day{font-size: 30px;}
    .index-part4 .right .date{width: 80px;}
    .index-part4 .right .item .txt{font-size: 18px;}
    .index-part4 .left h2{font-size: 22px;}
}
@media(max-width:768px){
    .index-part4 .en{ display: none }
    .index-part4 .left,.index-part4 .right{width: 100%;float: none; padding: 2% 0;}
    .index-part4 .left h2{font-size:18px;}
    .index-part4 .right .date .day, .index-part4 .left .date .day{font-size: 24px;line-height: 1;}
    .index-part4 .left .txt{padding: 3%;}
    .index-part4 .left h2,.index-part4 .right .item .txt{font-size: 16px;}
    .index-part4 .left .date .year,.index-part4 .right .date .year{font-size: 14px;}
    .index-part4 .left .date{min-width: auto; width: 80px;}
    .index-part4 .right .item{padding-right: 5%;}
}

#fp-nav ul li .fp-tooltip.fp-left{right: 30px !important;  left: auto !important ; top: auto !important; bottom: 0; transform: translateY(40%); color: rgb(12,137,24);  font-size: 14px;}
#fp-nav.fp-left{left: 90px !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: none !important;}
#fp-nav ul, .fp-slidesNav ul{background-image: url(../img/fullpage.png); background-repeat: no-repeat; background-position: center top ;}
#fp-nav ul li, .fp-slidesNav ul li{width: 30px !important; height: 30px !important; margin: 0 !important;}
/* #fp-nav ul li:first-of-type,#fp-nav ul li:last-of-type{display: none;} */

/* banner */
.column-banner .pc{display: block;}
.column-banner .wap{display: none;}
@media(max-width:1024px){
    .column-banner .pc{display: none;}
.column-banner .wap{display: block;}
}

/* menu */
.location_menu{  line-height: 40px; background: #f9f9f9; border-bottom: 1px solid #e5e5e5;}
.location{ font-size: 16px; color: rgb(153, 153, 153); padding-left:20px; background: url("../img/location.png") no-repeat left center}
.location a{ color: #999999; padding: 0px 5px;}
.location a:hover{ color: #008000;}
.location span{ color: #008000; padding-left: 5px;}
.menu{ padding: 0; margin: 0; position: relative;}
.menu li { font-size: 16px; position: relative; z-index: 10;}
.menu li a{ display: block;color: #808080;}
.menu li a:hover{font-size: 20px;  color: #008000;}
.menu li:last-child{ margin-right: 0}
.menu .column{ display: none}




@media(min-width:768px){
    .menu ul{ display: block!important;}
    .menu li{ float: left; margin-right: 18px;}
    .menu li.aon a{ color: #008000; }
    .menu li a:after{ content: ''; width: 100%; position: absolute; left: 50%;  bottom: 0px;  height: 1px;background: #008000;transition: all .3s; transform: translateX(-50%); opacity: 0;}
    .menu li.aon a:after{ opacity: 1;}
    .menu li a:hover:after{ opacity: 1;}
    .menu li a::before{content: ''; width: 5px; height: 5px; border: 1px solid #008000; border-radius: 50%; position: absolute; right: 0; bottom: 0; transform: translate(100%,50%); box-sizing: border-box; opacity: 0; transition: all .3s;}
    .menu li.aon a::before,
    .menu li a:hover::before{ opacity: 1;}
}
@media(min-width:1025px){
    .location{ float: left}
    .menu{ float: right}
    .menu li{margin-right: 30px;}
    .location_menu{line-height: 80px;}
    .location{font-size: 16px;}
    .menu .column{font-size: 18px;}
}
@media(min-width:1340px){
    .menu li{margin-right: 48px;}
}
@media(max-width:1024px){
    .location_menu{padding-top: 20px;}
    .menu ul li{padding-bottom: 20px;}
}
@media(max-width:768px){
    .location_menu{padding-bottom: 20px;}
    .menu .column{ color: #008000; font-size: 18px; position: relative;display: block; padding: 5px 0px; margin: 0;}
    .menu .column:after{ content: ''; display: block; height: 2px;
    background: #008000; /* Old browsers */
    background: -moz-linear-gradient(left, #008000 0%, #8597d8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #008000 0%,#8597d8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #008000 0%,#8597d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#8597d8',GradientType=1 ); /* IE6-9 */
    }
    .menu .column:before{ content: ''; width:20px; height: 20px; position: absolute; right: 2%; transition: 0.4s; background: url(../img/icon_menu.png) no-repeat left}
    .menu .column.on:before{ background-position: right}
    .menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
    .menu ul li{font-size: 16px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
    .menu ul li a{ display: block; padding: 0 20px}
}



.pad100{padding-top: 2.21%;}
.pad101{display: none;}
.pad101.SingleTrue{display: block;}
.pad101.SpecialTrue{display: block;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font48{font-size: 48px;}
@media(max-width:1200px){
    .font36{font-size: 32px;}
    .font38{font-size: 34px;}
    .font48{font-size: 40px;}
}
@media(max-width:1024px){
    .font16{font-size: 15px;}
    .font18{font-size: 17px;}
    .font20{font-size: 19px;}
    .font22{font-size: 20px;}
    .font24{font-size: 22px;}
    .font26{font-size: 24px;}
    .font36{font-size: 28px;}
    .font38{font-size: 30px;}
    .font48{font-size: 36px;}
}
@media(max-width:768px){
    .font16{font-size: 14px;}
    .font18{font-size: 16px;}
    .font20{font-size: 18px;}
    .font22{font-size: 18px;}
    .font24{font-size: 20px;}
    .font26{font-size: 22px;}
    .font36{font-size: 24px;}
    .font38{font-size: 26px;}
    .font48{font-size: 30px;}
}


.SingleTrue .title{font-size: 30px;color: #333;position: relative;padding-left: 30px;margin-bottom: 0.95%;}
.SingleTrue .title:nth-child(2){margin-top: 2%}
.SingleTrue .title::before{content: '';width: 7px;height: 33px;background: #008000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: 3px}
.SingleTrue .txt{font-size: 18px; line-height: 2; padding-bottom: 5%;}
.SingleTrue li .pic{overflow: hidden}
.SingleTrue li .pic img{max-width:auto;height:380px;width:auto;display: block; margin: 0 auto;transition: 0.3s}
.SingleTrue li:hover .pic img{transform: scale(1.1)}

.SingleTrue .area ul{padding: 60px 0 30px;}
.SingleTrue .area li{float: left;width: 17.6%;margin-right: 3%;border: 2px solid #008000;border-radius: 10px;padding: 10px; margin-bottom: 3%;}
.SingleTrue .area li:nth-child(5n){margin-right: 0%;}
.SingleTrue .area li:nth-child(5n){margin-right: 0%;}
/* .SingleTrue .area li:nth-child(2n-1) {margin-top: -50px;} */
.SingleTrue .area li .txt{padding: 20px; text-align: center;}
.SingleTrue .area li h3{font-size: 18px;color: #008000;margin: 0;padding-bottom: 10px;}
.SingleTrue .area li p{font-size: 16px;color: #666;margin: 0;line-height: 26px; height:130px; overflow: hidden;}

.SingleTrue .line{background: #008000;height: 3px;margin: 10px  0px 20px 0px}

.SingleTrue .case li{width: 30.66%;float: left;margin-right: 4.01%;margin-bottom: 3.29%;border: 2px solid #008000;border-radius: 10px;padding: 10px; }
.SingleTrue .case li:nth-of-type(3n) {margin-right: 0;}
.SingleTrue .case li .pic img{border: 1px solid #ebebeb}
.SingleTrue .case li h3{font-size: 20px;color: #008000;margin-bottom: 0;padding-bottom: 10px;text-align: center}

@media(max-width:1400px){
 .SingleTrue .area li h3{height: 60px;}
.SingleTrue .area li p{height:190px; }
}


@media(min-width:1024px){
.SingleTrue .case li:nth-child(3n+1) {clear: both}
}
.SingleTrue .server li{width: 30.66%;float: left;margin-right: 4.01%; margin-bottom: 2%;border: 2px solid #008000;border-radius: 10px;padding: 10px; }
.SingleTrue .server li:nth-of-type(3n) {margin-right: 0;}
/* .SingleTrue .server li:nth-child(2n){padding-top: 2.24vw;} */
.SingleTrue .server li .txt{padding: 20px 0; text-align: center;}
.SingleTrue .server li h3{font-size: 18px;color: #008000;margin: 0;padding-bottom: 10px;}
.SingleTrue .server li p{font-size: 16px;color: #666;margin: 0;line-height: 26px; height: 78px; overflow: hidden;}

.SingleTrue .aviation ul{margin: 0 -1%;}
.SingleTrue .aviation li{border: 2px solid #008000;border-radius: 10px;padding: 10px;float: left; margin: 1%; position: relative; width: 48%;border: 2px solid #008000;border-radius: 10px;padding: 10px;}
.SingleTrue .aviation li:last-child{margin-right: 0;}
/* .SingleTrue .aviation li{float: left;width: 49%;margin-right: 2%;position: relative;}
.SingleTrue .aviation li:nth-of-type(2n) {margin-right: 0;} */
/* ..SingleTrue .aviation li:after {transition: 0.3s;position: absolute;left: 10px;bottom: 10px;height: 100%;right: 10px;z-index: 3;content: '';z-index: 2;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
} */
.SingleTrue .aviation li .txt{padding: 20px 0;z-index: 10; text-align: center;}
.SingleTrue .aviation li h3{font-size: 20px;color: #008000;margin: 0;padding-bottom: 10px;}
.SingleTrue .aviation li p{font-size: 16px;color: #666;margin: 0;line-height: 26px;}

@media(max-width:1024px){
.SingleTrue .title{font-size: 28px;}
.SingleTrue .title::before{height: 27px;margin-top: 2px}

.SingleTrue .area ul{padding: 30px 0;}
.SingleTrue .area li{float: none;width:100%;margin-right: 0%;margin-bottom: 20px;}
.SingleTrue .area li:nth-child(2n-1) {margin-top:0px;}

 .SingleTrue .area li h3{height: auto;}
.SingleTrue .area li p{height: auto; }

.SingleTrue .line{margin: 20px 0}

.SingleTrue .case li{width: 100%;float: none;margin-right:0;margin-bottom: 20px;;}

.SingleTrue .server li{width: 100%;float: none;margin-right:0;margin-bottom: 20px;}

.SingleTrue .aviation li{float: none;width: 98% !important;}
.SingleTrue .aviation li .txt{padding: 20px;}
}



.about .part1 .title{position: relative;}
.about .part1 .title .auto_1520{position: relative;z-index: 2;}
.about .part1 .title h1{font-weight: normal; margin: 0;  color: rgb(51, 51, 51); line-height: 1; margin-bottom: 1.316%; padding-top: 24px;}
.about .part1 .title h2{font-weight: normal; margin: 0;color: rgb(51, 51, 51); line-height: 1; padding-bottom: 30px;}
.about .part1 .title .en{font-size: 160px;font-family: "Oswald"; color: rgb(247, 249, 250); line-height: 0.8; position: absolute; right: -10%; top: 0; white-space: nowrap; text-transform: uppercase}
.about .part1 .content{ position: relative;}
.about .part1 .content .txt{float: right; width: 40.79%; padding-bottom: 7.9%;}
.about .part1 .content .img{position: absolute; left: 0; width: 58.125%; top: 0; bottom: 0; margin: auto; max-height: 100%;}
.about .part1 .content .img img{max-height: 100%;}

.about .part1 .subtitle{ font-size: 24px; color: rgb(102, 102, 102);line-height: 1.25; margin: 0; font-weight: normal; padding-top: 10.91%; padding-bottom: 7.74%;}
.about .part1 .subtitle span{font-size: 16px;  color: rgb(128, 128, 128);}
.about .part1 .subtitle .red{color: #e83c42;}
.about .part1 .des {padding-bottom: 6.43%; max-height: 530px; overflow-y: auto;}
.about .part1 .des p{font-size: 16px;color: rgb(128, 128, 128);line-height: 1.875; margin: 0; }
@media(max-width:1024px){
    .about .part1 .title .en{font-size: 100px; top: 50%;transform: translateY(-50%);}
}
@media(max-width:768px){
    .about .part1 .title .en{font-size: 60px;}
    .about .part1 .content .img,.about .part1 .content .txt{width: 100%; float: none; position: relative;}
}


.mCSB_scrollTools .mCSB_draggerRail{width: 4px !important; background-color: #ebecef !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #008000 !important;}

.about-title{text-align: center; line-height: 1; padding-top: 5.21%; padding-bottom: 3.125%;}
.about .part2 .list{margin-left: -20px; margin-right: -20px; padding-bottom: 6.65%;}
.about .part2 .list .item{padding: 0 20px; width: 33.33%;min-height: 300px;}
.about .part2 .list .item a{display: block; background-color: #fff; padding: 8.33%; position: relative;color: rgb(51, 51, 51);}
.about .part2 .list .item a::before{content: ''; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; transition: all .3s;}
.about .part2 .list .item a .box{position: relative; z-index: 2;}
.about .part2 .list .item .icon{width: 28px; height: 34px; display: block; background: url(../img/about_address.png) center center no-repeat; background-size: contain;}
.about .part2 .list .item:hover .icon{background: url(../img/about_address_a.png) center center no-repeat;}
.about .part2 .list .item:hover a::before{opacity: 0;}
.about .part2 .list .item .title{ padding-bottom: 5%; border-bottom: 1px solid #ebebeb; padding-top: 3.25%;}
.about .part2 .list .item .det{padding-top: 6.5%; padding-bottom: 1%;}
.about .part2 .list .item .det li{padding-left: 50px;line-height: 1.5; position: relative; margin-bottom    : 2.5%; }
.about .part2 .list .item .det li .label{ color: rgb(153, 153, 153); position: absolute; left: 0; top: 0; }

.about .part2 .list .item:hover a{color: #fff;}
.about .part2 .list .item:hover .title{border-color: rgb(255, 255, 255,0.102);}
.about .part2 .list .item:hover .det li .label{ color: rgb(150, 157, 193);}

.circle_dots .slick-dots{text-align: center; padding-top: 3.65%; }
.circle_dots .slick-dots li{display: inline-block; list-style: none; width: 10px; height: 10px; border-radius: 50%; background-color: #bfbfbf; cursor: pointer;margin: 0 8px;transition: all .3s;}
.circle_dots .slick-dots li button{display: none; }
.circle_dots .slick-dots li.slick-active{background-color: #008000;}


/* .about .part3 .list .slick-list {padding: 60px 0 !important;} */
.about .part3 .item *{transform-style:preserve-3d; overflow: visible; }
.about .part3 .item{width: 33.33%; background-position: center;perspective: 800px; }
.about .part3 .item a{display: block; padding-top: 55.56%;position: relative; }
.about .part3 .item a .txt{position: absolute; width: 100%; left: 0; bottom: 0; padding: 4.1666%; opacity: 0; padding-bottom: 3%;
    background-image: linear-gradient(to bottom,rgba(6, 10, 250,0),rgba(6, 10, 25,1));
}
.about .part3 .item a .title-box{color: #fff; line-height: 40px;  border-bottom: 1px solid #fff;}
.about .part3 .item a .title-box div{float: right; margin-left: 9.01%;}
.about .part3 .item a h2{margin: 0; font-weight: normal; float: left;}
.about .part3 .item a .des{    font-size: 14px; color: rgba(255, 255, 255, 0.8);line-height: 1.714; padding-top: 2.27%;}
.about .part3 .item.slick-current{ z-index: 100; position: relative;transition: all .3s;}
.about .part3 .item.slick-active{z-index: 99; position: relative;}
.about .part3 .slick-list{padding: 0 26.31% !important; }

.about .part3 .item.nextshow a{transform: translate3d(-140px, 0px, 0px) rotateX(0deg) rotateY(-30deg) scaleX(0.8) scaleY(0.6); transition: all .3s;}
.about .part3 .item.prevshow a{transform: translate3d(140px, 0px, 0px) rotateX(0deg) rotateY(30deg) scaleX(0.8) scaleY(0.6); transition: all .3s; }
.about .part3 .item.slick-current a .txt{opacity: 1;}
.about .part3 .item.slick-current{perspective: 0;}

.about .part3 .slick-arrow{width: 40px; height: 40px; background: url(../img/about_next.png) center center no-repeat; position: absolute; right: 26.32%;; top: 0; bottom: 0; margin: auto; font-size: 0; z-index: 5;border: 0; cursor: pointer;}
.about .part3 .slick-arrow.slick-prev{transform: rotateY(180deg); right: auto; left: 26.32%;}
.about .part3 .slick-dots{text-align: center; font-size: 0; padding: 2.63% 0 6.58%;}
.about .part3 .slick-dots li{width: 80px; height: 3px; background-color: #e0e0e0; display: inline-block; position: relative; cursor: pointer;margin: 0 10px; }
.about .part3 .slick-dots li button{display: none;}
.about .part3 .slick-dots li::before{content: ''; width: 0; height: 100%; background-color: #008000;  z-index: 2; position: absolute;left: 0; top: 0;}
.about .part3 .slick-dots li.slick-active::before{width: 100%;transition: all 4s;}
@media(max-width:1024px){
    .about .part3 .slick-list{padding: 0 15% !important;}
    .about .part3 .slick-arrow{right: 15%;}
    .about .part3 .slick-arrow.slick-prev{left: 15%;}
    .about .part3 .slick-dots li{width: 40px;}
}
@media(max-width:640px){
    .about .part3 .slick-list{padding: 0 !important;}
    .about .part3 .slick-arrow{right: 0;}
    .about .part3 .slick-arrow.slick-prev{left: 0;}
}
.column-title{color: rgb(51, 51, 51);line-height: 1; text-align: center; margin-bottom: 3.95%;}
.process .slick-nav .slick-item{width: 20%; padding: 0 20px;}
.process .slick-nav .item-box{ text-align: center;position: relative;color: rgb(51, 51, 51); transition: all .3s;
    padding-top: 10.86%; padding-bottom: 10.86%; margin-bottom: 14px;position: relative;
    background-image: -moz-linear-gradient( 90deg, rgb(245,247,250) 0%, rgb(215,219,224) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(245,247,250) 0%, rgb(215,219,224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(245,247,250) 0%, rgb(215,219,224) 100%);
    box-shadow: 0px 1px 1px 0px rgba(128, 139, 164, 0.1);
}
.process .slick-nav .item-box::after{content: '';width: 0; height: 0; border: 14px solid transparent; border-top-color: #008000; position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); opacity: 0;transition: all .3s;}
.process .slick-nav .year{ font-family: "Oswald";line-height: 1; margin-bottom: 9.1%;}
.process .slick-nav .des{line-height: 1;}
.process .slick-nav .slick-current .item-box{background: url(../img/process_bg.png) ; background-size: 100% 100%; color: #fff;}
.process .slick-nav .slick-current .item-box::after{opacity: 1;}


.process .slick-box{padding-top: 6.84%; padding-bottom: 9.87%;}
.process .slick-box .slick-item{padding-left: 160px; padding-right: 50px; position: relative;}
.process .slick-box .slick-item .slick-list{padding: 7px 0; padding-left: 10px;}
.process .slick-box .slick-item .year{ font-family: "Oswald"; color: rgb(12,137,24); font-weight: bold;line-height: 1; margin-top: -7px; margin-bottom: 6.7%;}
.process .slick-box .slick-item .des{color: rgb(51, 51, 51);line-height: 1.75; max-width: 310px; overflow: auto; max-height: 160px;}
.process .slick-box .slick-item .item:nth-of-type(even){padding-top: 230px;}
.process .slick-box .slick-item .item:nth-of-type(odd){padding-bottom: 230px;}
.process .slick-box .slick-item .item:nth-of-type(even) .ytable-cell{vertical-align: bottom;}
.process .slick-box .slick-item .item:nth-of-type(odd) .ytable-cell{vertical-align: top;}
.process .slick-box .slick-item .item .ytable{width: 200%; padding-left: 13.69%; padding-right:13.69%; height: 230px; border-left: 0px solid #c5c9d6; position: relative;z-index: 10;}
.process .slick-box .slick-item .item:nth-of-type(odd) .ytable{padding-bottom: 13.69%;}
.process .slick-box .slick-item .item{position: relative;}
.process .slick-box .slick-item .item::before{content: ''; width: 10px; height: 1px ; background-color: #c5c9d6; position: absolute ; }
.process .slick-box .slick-item .item:nth-of-type(odd)::before{top: 0;}
.process .slick-box .slick-item .item:nth-of-type(even)::before{bottom: 0;}
.process .slick-box .slick-item .item i{width: 17px; height: 17px; border-radius: 50%; background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0;margin: auto; transform: translateX(-50%);}
.process .slick-box .slick-item .item i::before{content: ''; width: 50%; height: 50%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; border-radius: 50%; background-color: #d9d9d9;}
.process .slick-box .slick-item::after{content: ''; width: 100%; height: 1px ; background-color: #c5c9d6; position: absolute; left: 0; top: 0; bottom: 0; margin: auto}
.circle_arrow .slick-arrow{width: 50px; height: 50px; border-radius: 50%; font-size: 0; border: 1px solid #c5c9d6;background-color: #f4f6f9; background-position: center center ; background-repeat: no-repeat; background-image: url(../img/process_next.png); position: absolute; top: 0; bottom: 0; margin: auto; z-index: 20; cursor: pointer;}
.circle_arrow .slick-prev{left: 0; transform: rotateZ(180deg);}
.circle_arrow .slick-next{right: 0; }
.parent_arrow .slick-arrow{width: 50px; height: 50px; border-radius: 50%; font-size: 0; border: 1px solid #f8f9fa;background-color: #f8f9fa; background-position: center center ; background-repeat: no-repeat; background-image: url(../img/process_next.png); position: absolute; top: 0; bottom: 0; margin: auto; z-index: 20; cursor: pointer;}
.parent_arrow .slick-prev{left: 0; transform: rotateZ(180deg);}
.parent_arrow .slick-next{right: 0; }

@media(max-width:768px){
    .process .slick-box .slick-item{padding-left: 70px;}
}

.honor {padding-bottom: 5.21%;}
.honor .slick-nav{padding: 0 8.22%; text-align: center; position: relative; margin-bottom: 3.29%;}
.honor .slick-nav::before{content: '';width: 100%; height: 1px ; background-color: #e9ebf2; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.honor .slick-nav .slick-item{color: rgb(102, 102, 102); line-height: 2.854; position: relative; cursor: pointer;}
.honor .slick-nav .slick-item::before{content: ''; width: 100%; height: 1px ; background-color: #e9ebf2; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.honor .slick-nav .slick-item span{display: inline-block; padding: 0 20px; background-color: #fff; position: relative ;z-index: 2; line-height: 1;}
.honor .slick-box{padding: 4.6% 50px;}
.honor .slick-box .slick-item{position: relative;}
.honor .slick-box .slick-item .box{padding-left: 130px;  position: relative;}
.honor .slick-nav .slick-item::after{content: '';width: 0; height: 0; border: 8px solid transparent; border-top-color: #008000; position: absolute; left: 0; right: 0; bottom: 0px; margin: auto; opacity: 0; transition: all .3s;}
.honor .slick-nav .slick-item.slick-current::after{opacity: 1;}
.honor .slick-nav .slick-item.slick-current{color: #008000;}
.honor .slick-box .item:nth-of-type(odd){padding-bottom: 300px;}
.honor .slick-box .item:nth-of-type(even){padding-top: 300px;}
.honor .slick-box .item:nth-of-type(odd) .ytable{padding-top: 6%;}
.honor .slick-box .item:nth-of-type(even) .ytable{padding-top: 19%;}
.honor .slick-box .item .ytable{width: 100%; max-width: 380px; height: 290px; padding-left: 13.16%; padding-right: 5%; padding-bottom: 5%;border-left: 1px solid #e3e6ef; }
.honor .slick-box .item .ytable ul li{padding-left: 16px;font-family: "Adobe Heiti Std"; color: rgb(102, 102, 102); line-height: 1.625; position: relative; margin-bottom: 8.7%;}
.honor .slick-box .item .ytable ul li::before{content: '';width: 4px; height: 4px; background-color: #b9c0da; position: absolute; left: 0; top: 11px;}
.honor .slick-box .item .ytable .imgbox{padding-left: 16px;}
.honor .slick-box .item .ytable .imgbox img{display: block; margin-bottom: 2%;}
.honor .slick-box .slick-item .box::after{content: ''; width: 100%; height: 1px ; background-color: #ced3e5; position: absolute; left: 0; top: 0; bottom: 0; margin: auto}
.honor .slick-box{position: relative ; background-color: #f8f9fa;}
.honor .slick-box .current-year{ font-size: 300px;font-family: "Poppins"; color: rgba(38, 61, 143, 0.039);position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.honor .slick-box .slick-item .item{position: relative;}
.honor .slick-box .slick-item .item i{width: 22px; height: 22px; border-radius: 50%; background-color: #f0f3f5; position: absolute; left: 0; top: 0; bottom: 0;margin: auto; transform: translateX(-50%);}
.honor .slick-box .slick-item .item i::before{content: ''; width: 5px; height: 5px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; border-radius: 50%; background-color: #008000;}
.honor .slick-box .slick-item .slick-list{ padding-left: 10px;}
.honor .slick-box .slick-item .item .txt-box{height: 290px; overflow-y: auto; width: 200%; position: relative;z-index: 10;}
.honor .mCSB_scrollTools { right: -6px}
@media(max-width:768px){
    .circle_arrow .slick-arrow{width: 35px; height: 35px;}
    .honor .slick-nav{padding: 0 35px;}
    .honor .slick-box .slick-item .box{padding-left: 60px;}
    .honor .slick-box{padding: 4.6% 0;}
}
.culture .list{border-bottom: 1px solid #f3f3f3;}
.culture .list a{display: block;padding: 10.41667%; padding-bottom: 8.5%;}
.culture .list .icon{padding-top: 26px; position: relative;margin-bottom: 4.1667%; margin-top: 12.5%;}
.culture .list .icon img{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; max-height: 100%; opacity: 0.4}
.culture .list .item{ width: 20%; transition: all .3s;}
.culture .list .item .title{  font-size: 16px; color: #666;  line-height: 1.5; padding-bottom: 9.583%; border-bottom: 1px solid #ebebeb;
}
.culture .list .item .des{ color: #008000;font-weight: bold; font-size: 18px;
    line-height: 1.875; padding-top: 13.33%; min-height:6em; box-sizing: content-box;}
.culture .list .item:hover{ box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.1);}
.culture .list .item:hover .title{color: rgb(12,137,24);}
.culture .column-title{margin-bottom: 1.975%;}
.culture .slick-list{padding-top: 30px; padding-bottom: 30px;}

.culture .video-box{padding-top: 3%; padding-bottom: 7.24%;}
.culture .video-box video{width: 100%;}


.duty  .list{padding-bottom: 6.58%;}
.duty .item{width:29.6%; float: left; padding-left: 30px; margin-bottom: 1.32%; margin-right: 5.6%;}
.duty .item:nth-of-type(3n){margin-right: 0;}
.duty .item a{display: block; background-size: 100% 100%; background-image: url(../img/duty_bg.jpg); padding-top: 10.48%; padding-bottom: 13.57%;}
.duty .item .title{position: relative; padding-left: 22px; line-height: 1;color: rgb(51, 51, 51); margin-bottom: 14.29%;}
.duty .item .title i{width: 2px; height: 100%; position: absolute; left: 0; top: 0;background-color:#008000;}
.duty .item .title i:nth-of-type(even){border-color: #e62129;}
.duty .item .pic{width: 85.7%;position: relative; transform: translateX(-30px);}
.duty .item .pic::before{content: '' ; width: 77.22%; height: 100%; background: url(../img/shadow.png) center bottom;  background-size: contain; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); }
.duty .item .pic figure{padding-top: 66.67%; transition: all .3s; position: relative; z-index: 2;}
.duty .item :hover .pic figure{transform: scale(1.1);}
.duty .item .des{font-family: "Adobe Heiti Std";color: rgb(102, 102, 102);line-height: 1.875;height: 3.75em; text-align: right; padding-left: 4.76%; padding-right: 4.76%; margin-top: 32px;}

@media(max-width:1024px){
    .duty .item{padding-left: 15px;}
    .duty .item .pic{transform: translateX(-15px);}
}
@media(max-width:640px){
    .duty .item{width: 100%; margin-right: 0; margin-bottom: 3%;}
}
.duty-nav{text-align: center; font-size: 0; margin-bottom: 3.95%;}
.duty-nav a{display: inline-block; width: calc(33.33% - 2px); margin: 0 1px; max-width: 240px; line-height: 60px; background-color: #edeef0; color: rgb(102, 102, 102); transition: all .3s;}
.duty-nav a:hover,.duty-nav a.active{background: url(../img/duty_nav_bg.jpg); background-size: 100% 100%; color: #fff;}


.duty-det .content{color: rgb(102, 102, 102);  line-height: 1.875; text-align: justify;}
.duty-det .content .part{margin-bottom: 6.58%;}
.duty-det .content .w39{width: 39.47%;}
.duty-det .content .w61{width: 58%;}
.duty-det .content .w62{width: 62%;}
.duty-det .content .w38{width: 38%;}
.duty-det .content .pad7{padding-right: 7.9%;}
.duty-det .content .num{font-size: 70px;font-family: "Oswald"; color: rgb(230, 230, 230);line-height: 80px;
margin-bottom: 40px; position: relative; display: block;}
.duty-det .content .num span{ display: inline-block;;position: relative; }
.duty-det .content .num span:before{ content: ""; display: block; position: absolute; left:5%; bottom: -1px; width: 90%;height:4px;
background:rgb(230, 230, 230);z-index: -10; border-radius: 50px; }



.duty-det .content .num2{font-size: 70px;font-family: "Oswald"; color: rgb(230, 230, 230);line-height: 80px;
margin-bottom: 40px; position: relative; display: block; text-align: center;}
.duty-det .content .num2 span{ display: inline-block;;position: relative; }
.duty-det .content .num2 span:before{ content: ""; display: block; position: absolute; left:5%; bottom: -1px; width: 90%;height: 4px;
background:rgb(230, 230, 230);z-index: -10; border-radius: 50px; }





@media(max-width:768px){
    .duty-det .ytable,
    .duty-det .ytable-cell{display: block; width: 100% !important; padding: 2% 0 !important;}
    .duty-det .content .num{text-align: center;}
    .duty-det .content .num span{display: inline-block; position: relative;}
}

.duty-det .content .list{margin-left: -10px; margin-right: -10px; padding-top: 3.29%;}
.duty-det .content .list .item{padding: 0 10px; width: 33.33%;}
.duty-det .content .list .item .pic{position: relative; overflow: hidden;}
.duty-det .content .list .item .pic figure{padding-top: 75.46%; transition: all .3s;}
.duty-det .content .list .item .txt{ color: rgb(247, 247, 247); line-height: 50px; text-align: center;color: rgb(247, 247, 247); background-color: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; left: 0; bottom: 0;}
.duty-det .content .list .item:hover .pic figure{transform: scale(1.1);}
.duty-det .content .list .slick-dots{padding-top: 2.63%;}

.duty-det .content .part4{max-width: 1240px; margin: 0 auto 6.58%; padding: 3.29% 7.9% 6.58%;
    background-image: linear-gradient(to bottom,#fff,rgb(228, 233, 240));
}
.duty-det .content .part4 p{margin: 0;}

@media(max-width:768px){
    .duty-det .duty-nav a{line-height: 40px; font-size: 14px;}
}


.welfare .item{width: 30.66%; float: left; margin-right: 4.01%; margin-bottom: 3.29%;}
.welfare .item:nth-of-type(3n){margin-right: 0;}
.welfare .item a{display: block;}
.welfare .item .pic{overflow: hidden;}
.welfare .item figure{padding-top: 75.1%; transition: all .3s;}
.welfare .item:hover figure{transform: scale(1.1);}
.welfare .item .time{font-family: "Oswald";color: rgb(51, 51, 51);line-height: 1.5; font-weight: lighter;}
.welfare .item .title{ color: rgb(51, 51, 51); line-height: 2; margin-bottom: 2.15%;}
.welfare .item .more{color: rgb(12,137,24); line-height: 1.875;}
.welfare .item .txt{padding-top: 5.15%; }

@media(max-width:768px){
    .welfare .item{width: 48%; margin-right: 4%;}
    .welfare .item:nth-of-type(3n){margin-right: 4%;}
    .welfare .item:nth-of-type(2n){margin-right: 0;}
}


/*pages*/
.Pages{ text-align: center; font-size: 0; padding-top: 1.32%; padding-bottom: 6.58%;}
.Pages span{ padding:0px 3px; display:inline-block; vertical-align: top;}
.Pages a{ display:inline-block; vertical-align: top; margin:0px 7px; width: 45px; height: 45px; line-height: 43px; border: 1px solid #eee;font-family: "Oswald";}
.Pages .p_cur b{ color:#F00;}
.Pages .p_count b{ color:#F00;}
.Pages .p_total b{ color:#F00;}
.Pages .p_page em{ font-style:normal; }
.Pages .p_page em a{padding:0px 7px; font-size: 16px; color: #555; transition: all .3s;}
.Pages .p_page em a.a_cur{ color:#fff; background-color: #008000; border-color: #008000;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
.Pages .p_page em a:hover{ color:#fff; background-color: #008000; border-color: #008000;}
/*pages end*/
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end {
  display: none;
}

.Pages .a_prev {
  background: url(../img/page_next.png) no-repeat center center;
  margin-right: 43px;
  transform: rotateY(180deg);
  transition: all .3s;
}
.Pages .a_prev:hover{
    background: #008000 url(../img/page_next_a.png) no-repeat center center;
    border-color: #008000;
}
.Pages .a_next {
  background: url(../img/page_next.png) no-repeat center center;
  margin-left: 43px;
  transition: all .3s;
}
.Pages .a_next:hover{
    background: #008000 url(../img/page_next_a.png) no-repeat center center;
    border-color: #008000;
}
.pages-container {
  padding: 6% 0 5%;
}
@media (max-width: 768px) {
  .Pages .p_page .num a.a_num{display: none;}
  .Pages .a_prev{ margin-right: 15px;}
  .Pages .a_next{margin-left: 15px;}
}


.news_list .item{width: 30.66%; float: left; margin-right: 4.01%; margin-bottom: 3.29%;}
.news_list .item:nth-of-type(3n){margin-right: 0;}
.news_list .item a{display: block;}
.news_list .item .pic{overflow: hidden;}
.news_list .item figure{padding-top: 62.23%; transition: all .3s;}
.news_list .item:hover figure{transform: scale(1.1);}
.news_list .txt{padding-top: 7.3%; display: table;}
.news_list .date{width: 26.39%; min-width: 70px; font-family: "Oswald"; display: table-cell; vertical-align: top;}
.news_list .title{display: table-cell;}
.news_list .date .day{font-size: 30px;color: rgb(12,137,24);}
.news_list .date .year{ font-size: 16px;color: rgba(38, 61, 143, 0.2);}
.news_list .txt h2{height: 3em;color: rgb(51, 51, 51);line-height: 1.5; margin: 0; margin-bottom: 4.96%;}

.news_list .txt .more{color: rgb(12,137,24);line-height: 1.875; position: relative; display: inline-block; opacity: 0;}
.news_list .txt .more i{width: 0; height: 1px; display: inline-block; vertical-align: middle; margin-left: 10px; height: 5px;  position: relative; padding: 2px 0;padding-right: 5px; transition: all .5s;}
.news_list .txt .more i::before{content: '';width: 100%; height: 1px; background-color: #008000;  display: block;}
.news_list .txt .more i::after{content: ''; width: 5px; height: 5px; border-radius: 50%; box-sizing: border-box; border: 1px solid #008000; position: absolute; right: 0; top: 0;opacity: 0;}
.news_list .item:hover .txt .more i{width: 60px;}
.news_list .item:hover .txt .more i::after{opacity: 1;}
.news_list .item:hover .txt h2{color: rgb(12,137,24);}
.news_list .item:hover .txt .more {opacity: 1;}
@media(min-width:1024px){
.news_list .item:nth-child(3n+1){ clear: both}
}
@media(max-width:1024px){
    .news_list .date .day{font-size: 24px;}
}
@media(max-width:768px){
    .news_list .item{width: 48%; margin-right: 4%;}
    .news_list .item:nth-of-type(3n){margin-right: 4%;}
    .news_list .item:nth-of-type(2n){margin-right: 0;}
    .news_list .txt h2{font-size: 16px;}
    .news_list .date .day{font-size: 20px;}
    .news_list .date{min-width: 60px;}
    .news_list .item:nth-child(2n+1){ clear: both}
}


.solution .list{padding-bottom: 5.92%;}
.solution .pic{width: 100%; overflow: hidden;}
.solution .pic figure{padding-top: 56.48%; transition: all .3s;}
.solution .item:hover .pic figure{transform: scale(1.1);}
.solution .txt{width: 28.9%; position: absolute;  vertical-align: middle; overflow: hidden; padding-left: 3.29%; padding-right: 3.29%; background-color: #f6f7fb;}
.solution .txt .title{ color: rgb(1, 1, 1); margin-bottom: 8.7%;}
.solution .txt .icon{height: 74.75%; position: absolute; right: 0; top: 50%; transform: translate(50%,-50%);}


.solution .item{position: relative; margin-bottom: 10px;}
.solution .item:nth-of-type(odd){padding-right: 28.9%;}
.solution .item:nth-of-type(odd) .txt{right: 0; top: 0; height: 100%;}
.solution .item:nth-of-type(even){padding-left: 28.9%;}
.solution .item:nth-of-type(even) .txt{left: 0; top: 0; height: 100%;}

@media(max-width:640px){
    .solution .txt{width: 160px;}
    .solution .item:nth-of-type(odd){padding-right: 160px;}
    .solution .item:nth-of-type(even){padding-left: 160px;}
    .solution .txt .title{font-size: 20px;}
}
.solution-det .content .list-box{position: relative;}
.solution-det .content .list-box .bg{display: block; margin: 0 auto;}
.solution-det .content .part1{padding-bottom: 6.78%;}

.solution-det .content  .item{position: absolute;}
.solution-det .content .det-list .txt{text-align: center; border: 2px dotted #b3b3b3; color: #b3b3b3; border-radius: 20px; display: table; height: 80px; padding: 10px;
    position: absolute; top: 50%; transform: translateY(-50%);
}
.solution-det .content .det-list .txt span{display: table-cell; vertical-align: middle;}

.solution-det .content .det-list .item.mini .txt{width: 200px;}
.solution-det .content .det-list .item.primary .txt{width: 320px;}


.solution-det .content .det-list .line{height: 0;border-bottom: 2px dotted #b3b3b3; position: absolute;right: 100%; top: 50%; transform: translateY(-50%); left: 100%;}
.solution-det .content .det-list .spot{width: 9px; height: 9px; border: 2px solid #b3b3b3;border-radius: 50%;display: block; }
.solution-det .content .det-list .lineH{position: absolute; border-right: 2px dotted #b3b3b3;width: 0;transform: translateX(-50%);position: absolute; top: 8px; left: 50%;}

.solution-det .content .det-list .item:hover .line{border-color: #1ca625;}
.solution-det .content .det-list .item:hover .lineH{border-color: #1ca625;}
.solution-det .content .det-list .item:hover .spot{border-color: #1ca625;}
.solution-det .content .det-list .item:hover .txt{border-color: #1ca625; color: #1ca625;}
.solution-det .content .det-list .item:hover .img{display: block;}

.solution-det .content .det-list .img{position: absolute; left: -100px; top: 0; transform: translateY(-50%); width: 210px; border: 6px solid #fff; border-radius: 5px;box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.3); display: none; z-index: 5;}
@media(max-width:1024px){
    .solution-det .content .det-list .item.mini .txt{width: 150px;}
    .solution-det .content .det-list .item.primary .txt{width: 250px;}
    .solution-det .content .det-list .txt{font-size: 14px; height: 60px;}
}
@media(max-width:768px){
    .solution-det .content .det-list .item.mini .txt{width: 130px;}
    .solution-det .content .det-list .item.primary .txt{width: 200px;}
    .solution-det .content .det-list .txt{font-size: 12px; height: 50px;}
}
@media(max-width:768px){
    .solution-det .content .det-list .item {position: relative; left: auto !important; top: auto !important;}
    .solution-det .content .det-list .item .txt{position: relative; left: auto !important; top: auto !important; right: auto !important; width: 100% !important ; transform: translate(0) !important; margin-bottom: 2%;}

    .solution-det .content .det-list .item .line{display: none;}
    .solution-det .content .det-list .item .lineH{display: none;}
    .solution-det .content .det-list .item .spot{display: none;}
    .solution-det .content .det-list .img{left: 50%; top: 50%; transform: translate(-50%,-50%); }
}
.workmanship{margin-left: -15px; margin-right: -15px;padding-bottom: 6.58%;}
.workmanship .pic{overflow: hidden;}
.workmanship figure{padding-top: 57.61%; transition: all .3s;}
.workmanship .item{padding: 0 15px;}
.workmanship .item:hover figure{transform: scale(1.1);}
.workmanship  .txt{ font-size: 18px;color: #008000; font-weight: bold; text-align: center; padding:20px 0 10px 0;}

.workmanship.circle_dots .slick-dots{padding-top: 1.316%; }
.workmanship .group{}
.workmanship .group .item{ float: left; width: 32%;margin-right: 2%; border: 2px solid #008000;border-radius: 10px;padding: 10px;}
.workmanship .group .item:nth-child(3n){ margin-right: 0}
@media(max-width:768px){
.workmanship {margin:0;}
.workmanship  .group .item{width:49%;margin-bottom:10px;}
.workmanship .group .item:nth-child(2n){ margin-right: 0}
}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}

.search{padding: 5.21% 0;}
.search .Pages{padding-top: 3.57%;}
.search .item{padding-right: 100px; border-bottom: 1px dashed #eee; position: relative;}
.search .item a{line-height: 40px; height: 40px;}
.search .item .time{position: absolute; width: 100px; right: 0; top: 50%; transform: translateY(-50%);}

@media(max-width:640px){
    .search .item{padding-right: 75px;}
    .search .item .time{width: 70px; font-size: 12px;}
}
.singlePage{line-height: 1.5; padding-bottom: 5.21%;}

/* 联系我们 */
.contact_bg{background-size: cover; background-position: center;}
.contact_us{padding: 5% 0;}
.contact_us .detail{display: flex; flex-direction: row; justify-content: space-between;}
.contact_us .left{padding: 6% 2% 6% 3%; background-color: #fff; width: 33%;}
.contact_us .logo{width: 210px; padding-top: 46px; background: url(../file/logo.png)no-repeat center;}
.contact_us .infor{font-size: 16px; padding: 5% 0; border-bottom: 1px solid #eee;}
.contact_us .infor1{font-size: 16px; color: #333;}
.contact_us .infor span,
.contact_us .infor1 span{color: #919191; line-height: 2;}
.contact_us .market{font-size: 20px; padding-top: 5%; line-height: 1.8;}
.contact_us .map{width: 66.5%;}
.contact_us .map img{ max-width: none}
.contact_us .list{padding-top: 1%;}
.contact_us .list ul{display: flex; flex-direction: row; justify-content: space-between;}
.contact_us li{width: 33%; background-color: #fff; padding: 3% 2% 3% 3%; transition: all 0.2s ease-in-out;}
.contact_us li:hover{cursor: pointer; background-color: #008000;}
.contact_us .name{font-size: 24px; background: url(../img/maker_pointer.png)no-repeat; padding-left: 30px; line-height: 2; color: #333; background-position: left 12px;}
.contact_us li .content{color: #333;}
.contact_us li .content span{color: #919191; line-height: 2;}
.contact_us li:hover .name{color: #fff; background: url(../img/maker_pointer01.png)no-repeat; background-position: left 12px;}
.contact_us li:hover .content,
.contact_us li:hover .content span{color: #fff}
.contact_us li.active{background-color: #008000;}
.contact_us li.active .name{color: #fff; background: url(../img/maker_pointer01.png)no-repeat; background-position: left 12px;}
.contact_us li.active .content,
.contact_us li.active .content span{color: #fff}
@media(max-width: 960px){
  .contact_us .name{font-size: 20px; background-position: left 10px;}
  .contact_us li:hover .name,
  .contact_us li.active .name{background-position: left 10px;}
}
@media(max-width: 768px){
  .contact_us .detail,
  .contact_us .list ul{flex-direction: column;}
  .contact_us .left,
  .contact_us li{width: 100%; margin-top: 2%;}
  .contact_us .map{width: 100%; height: 400px;}
}

/* 人力资源 */
.human_resources .box1,
.human_resources .box3{padding: 3% 0;}
.human_resources .box2{background-size: cover; background-position: center; padding: 5% 0;}
.human_resources .title{font-size: 36px; text-align: center;}

.human_resources .pic_list{margin: 2% -1%;}
.human_resources .pic_list li{float: left; width: 33.3333%; padding: 0 1%; margin: 1% 0; position: relative;}
.human_resources .box1 .pic_list li:hover{cursor: pointer;}
.human_resources .pic_list .pic{width: 100%; padding-top: 56%; background-size: 100%; background-position: center; background-repeat: no-repeat; transition: 0.2s ease-in-out;}
.human_resources .box3 .pic_list .pic{padding-top: 70%;}
.human_resources .tit{position: absolute; bottom: 0; width: 94%; color: #fff; font-size: 18px; text-align: center; padding-bottom: 5%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.human_resources .pic_list li:hover .pic{background-size: 110%;}
.human_resources .box1 .type{float: left; color: #333; line-height: 60px; font-size: 24px; max-width: calc(100% - 80px);}
.human_resources .box1 .check{color: #008000; float: right; line-height: 60px; font-size: 16px; padding-right: 15px; background: url(../img/check_pointer.png)no-repeat right center;}

.human_resources .table_box{overflow: hidden; overflow-x: auto;}
.human_resources .txt{font-size: 16px; color: #666; line-height: 1.8; padding: 3% 0;}

.human_resources table{width: 96%; max-width: 1300px; margin: 0 auto;}
.human_resources table td{padding: 0;}
.human_resources table .item{width: 240px; line-height: 60px; text-align: center; font-size: 18px; margin: auto;}
.human_resources .arrow01{background: url(../img/arrow01.png)no-repeat center; height: 100px; background-size: contain;}
.human_resources .arrow02{background: url(../img/arrow02.png)no-repeat center; height: 50px; background-size: contain;}
.human_resources table tr:last-child .item{background-color: #008000; color: #edeef0; position: relative;}
.human_resources table tr:last-child .item::before{content: ''; background: url(../img/left_top.png)no-repeat left top; position: absolute; width: 31px; height: 12px; left: 10px; top: 10px;}
.human_resources table tr:last-child .item::after{content: ''; background: url(../img/right_bottom.png)no-repeat right bottom; position: absolute; width: 31px; height: 12px; right: 10px; bottom: 10px;}

.human_resources table tr:nth-child(1) .item{background-color: #e9ebf4;}
.human_resources table tr:nth-child(3) .item{background-color: #dfe2ee;}
.human_resources table tr:nth-child(5) .item{background-color: #d4d8e9;}

.human_resources table tr:nth-child(7) .item{background-color: #c9cee3;}


@media(max-width: 1200px){
  .human_resources table .item{width: 200px; line-height: 50px;}
}
@media(max-width: 1024px){
  .human_resources .arrow01{width: 80%; margin: auto; height: 80px;}
}
@media(max-width: 960px){
  .human_resources .arrow01{width: 75%; margin: auto; height: 70px;}
  .human_resources .title{font-size: 28px;}
  .human_resources .box1 .type{font-size: 18px;}
  .human_resources table .item{width: 150px; line-height: 40px; font-size: 16px;}
}
@media(max-width: 768px){
  .human_resources table{width: 700px;}
}
@media(max-width: 640px){
  .human_resources .pic_list li{width: 50%;}
}
@media(max-width: 480px){
  .human_resources .title{font-size: 20px;}
  .human_resources .box1 .type{font-size: 16px;}
  .human_resources .tit{font-size: 16px;}
}

/* 投资者关系 */
.investor_relation{position: relative;}
.investor_relation .show_data{background-size: cover; padding: 3% 5% 1% 5%; position: absolute; top: 0; left: 0; transform: translateY(-100%); width: 100%;}
.investor_relation ul{margin: 0;}
.investor_relation li{width: 15%; float: left;}
.investor_relation li:first-child{width: 37.5%;}
.investor_relation li span{font-size: 18px; color: #808080; display: block; padding: 1% 0; white-space: nowrap; overflow: hidden;}
.investor_relation li:first-child span{color: #333;}
.investor_relation li div{font-size: 40px; font-weight: bold; line-height: 70px; display: inline-block; margin-top: 10px;}
.investor_relation .rmb{font-size: 30px; color: #e62129;}
.investor_relation .main{font-size: 60px; padding-right: 25px; margin-right: 15px; color: #e62129;}
.investor_relation .main.raise{background: url(../img/raise.png)no-repeat right 40px;}
/*.investor_relation .main.drop{background: url(../img/drop.png)no-repeat right 40px;}*/
    .investor_relation .main.drop {
        color: #0ebe98;
        background: url(../img/topgp2.png)no-repeat right 40px;
    }
.investor_relation .tips{color: #808080;}

.investor_relation .relation{padding: 5% 0;}
.investor_relation .title{font-size: 36px; text-align: center;}
.investor_relation .outside{padding-top: 3%;}
.investor_relation .outside,
.investor_relation .inner{display: flex; flex-direction: row; justify-content: space-between; align-content: space-between;}
.investor_relation .left{width: 32%; background-size: 100%; background-position: center; padding-top: 42%; position: relative; transition: 0.2s ease-in-out;}
.investor_relation .inner{width: 66%; flex-wrap: wrap;}
.investor_relation .right{width: 48.5%; background-size: 100%; background-position: center; padding-top: 30%; background-repeat: no-repeat; height: 0; position: relative; transition: 0.2s ease-in-out;}
.investor_relation .left:hover,
.investor_relation .right:hover{cursor: pointer; background-size: 110%;}
.investor_relation .tit{position: absolute; bottom: 0; text-align: center; color: #fff; font-size: 30px; padding: 10% 0 5% 0; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(bottom,  rgba(15,31,89,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom,  rgba(15,31,89,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top,  rgba(15,31,89,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
@media(max-width: 1024px){
  .investor_relation li span{font-size: 16px;}
  .investor_relation li div{font-size: 32px;}
  .investor_relation .rmb{font-size: 26px;}
  .investor_relation .main{font-size: 48px;}
  .investor_relation .main.raise{background: url(../img/raise.png)no-repeat right 28px;}
  .investor_relation .main.drop{background: url(../img/drop.png)no-repeat right 28px;}
  .investor_relation .title{font-size: 30px;}
  .investor_relation .tit{font-size: 24px;}
}
@media(max-width: 768px){
  .investor_relation li span{font-size: 14px;}
  .investor_relation li{width: 17.5%;}
  .investor_relation li:first-child{width: 30%;}
  .investor_relation .rmb{font-size: 18px;}
  .investor_relation .main{font-size: 32px; padding-right: 20px; margin-right: 10px;}
  .investor_relation .main.raise{background-size: 10%;}
  .investor_relation .main.drop{background-size: 10%;}

  .investor_relation .show_data{ overflow: hidden; overflow-x: scroll;}
  .investor_relation ul, .investor_relation .tips{width: 800px;}
  .investor_relation li div{line-height: 50px; font-size: 20px;}
  .investor_relation .title{font-size: 20px;}
  .investor_relation .tit{font-size: 16px;}
}
@media(max-width: 480px){
  .investor_relation ul, .investor_relation .tips{width: 600px;}
}


.contact_way{background-size: cover; background-position: center; padding: 3% 0;}
.contact_way .content{width: 96%; max-width: 1520px; margin: auto;}
.contact_way ul{margin: 0 -1%;}
.contact_way li{width: 25%; float: left; padding: 0 1%;}
.contact_way .txt{font-size: 36px; color: #333; position: relative; display: inline;}
.contact_way .txt::after{content: ''; background: url(../img/text_icon01.png)no-repeat center; position: absolute; bottom: -20px; width: 102px; height: 9px; left: 0;}
.contact_way .phone,
.contact_way .mail,
.contact_way .Interactive{font-size: 24px; color: #333; line-height: 1.5; padding: 3% 0 3% 120px;}
.contact_way .phone{background: url(../img/phone_icon.png)no-repeat left center;}
.contact_way .mail{background: url(../img/mail_icon.png)no-repeat left center;}
.contact_way .Interactive{background: url(../img/phone_icon2.png)no-repeat left top;}
.contact_way .phone span,
.contact_way .mail span,
.contact_way .Interactive span{font-size: 24px; color: #808080; display: block;}
@media(max-width: 1024px){
  .contact_way .txt{font-size: 28px;}
  .contact_way .txt::after{background-size: 80%; background-position: left;}
  .contact_way .phone,
  .contact_way .mail{font-size: 18px; background-size: 20%; padding: 3% 0 3% 70px;}
  .contact_way .phone span,
  .contact_way .mail span,
  .contact_way .Interactive span{font-size: 18px;}
}
@media(max-width: 768px){
  .contact_way .txt{font-size: 22px;}
  .contact_way .phone,
  .contact_way .mail,
  .contact_way .Interactive{font-size: 16px; background-size: 20%; padding: 3% 0 3% 60px;}
  .contact_way .phone span,
  .contact_way .mail span,
  .contact_way .Interactive span{font-size: 16px;}
}
@media(max-width: 640px){
  .contact_way .txt{font-size: 18px;}
  .contact_way li:first-child{width: 100%; padding-bottom: 5%;}
  .contact_way li{width: 50%;}
  .contact_way .phone,
  .contact_way .mail,
  .contact_way .Interactive{font-size: 13px; background-size: 20%; padding: 3% 0 3% 25%;}
  
  .contact_way .txt::after{bottom: -13px;}
  .contact_way .phone span,
  .contact_way .mail span{font-size: 14px;}
}

/* 股东回报 */
/* 财务数据 */
.shareholder_return,.financial_data{padding: 5% 0;}
.title01{font-size: 36px; color: #333; text-align: center; padding: 3% 0; border-bottom: 1px solid #eee;}
.subtitle01{font-size: 30px; color: #333; margin: 2% 0; line-height: 26px; border-left: 6px solid #008000; padding-left: 10px; position: relative; float: left;}
.subtitle02{font-size: 30px; color: #333; margin: 2% 0; line-height: 26px; float: right;}
.subtitle01::before{content: ''; background-color: #e62129; width: 6px; height: 13px; position: absolute; left: -6px; top: 0;}
.data_table{width: 100%;}
.data_table td{width: 25%; text-align: center; height: 80px; font-size: 18px; padding: 2%; color: #808080; border: 1px solid #eee;}
.data_table tr:first-child{background-color: #008000;}
.data_table tr:first-child td{color: #fff; border: 1px solid rgba(255, 255, 255, 0.2);}
.table_box{overflow: hidden; overflow-x: auto;}
.table_box::-webkit-scrollbar{width: 1px; height: 4px;}
.table_box::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #008000;}
.table_box::-webkit-scrollbar-track{border-radius: 4px; background-color: #F3F4F8;}
.table_box::-webkit-scrollbar-button{display: none;}
@media(max-width: 768px){
  .title01{font-size: 26px;}
  .subtitle01,
  .subtitle02{font-size: 20px;}
  .data_table{width: 800px;}
  .data_table td{font-size: 16px;}
}
@media(max-width: 480px){
  .title01{font-size: 24px;}
  .subtitle01,
  .subtitle02{font-size: 14px;}
  .data_table{width: 600px;}
  .data_table td{font-size: 14px;}
}

/* 公司研报 */
/* 公司调研 */
.company_report, .company_research{padding: 5% 0;}
.title02{font-size: 36px; color: #333; text-align: center; padding: 3% 0;}
.data_list li{padding: 2% 2% 2% 3%; margin: 1% 0; transition: all 0.2s ease-in-out;}
.data_list.report li{background: url(../img/check_pointer.png)no-repeat 97% center #edeef0;}
.data_list.research li{background: #edeef0;}
.data_list.research li a{display: block;}
.data_list.research li .down{ display: inline-block; line-height: 30px; color: #008000; float: right; padding-left: 36px; background: url(../img/download.png) no-repeat left;}
.data_list .date{color: #808080; font-size: 16px;}
.data_list .txt{font-size: 18px; color: #000;}
.data_list li:hover{cursor: pointer;}
.data_list li:hover .date{color: #fff;}
.data_list li:hover .txt{color: #fff;}
.data_list.report li:hover{background: url(../img/check_pointer01.png)no-repeat 97% center #008000;}
.data_list.research li:hover{background:#008000;}
.data_list.research li:hover .down{color: #fff; background-image: url(../img/download01.png)}
@media(max-width: 640px){
  .title02{font-size: 24px;}
  .data_list .date{font-size: 14px;}
  .data_list .txt{font-size: 16px;}
  .data_list li{padding: 3% 8% 3% 3%;}
  .data_list.research li{padding: 3% 1% 3% 3%;}
  .data_list.research li .down{ font-size: 0;}
}

/* 质量与持续改善文化 */
.quality_culture{background-size: contain; background-position: bottom; background-repeat: no-repeat;}
.quality_culture .top{padding: 5% 0;}
.quality_culture .top .left,
.quality_culture .top .right{float: left; width: 50%;}
.quality_culture .right img{width: 100%;}
.quality_culture .top .left{padding: 4% 0;}
.quality_culture .title{font-size: 36px; color: #333; line-height: 2;}
.quality_culture .txt{font-size: 16px; color: #666; line-height: 2; padding-right: 13%; text-align: justify;}
.quality_culture .right img{box-shadow: -15px -15px 0 0 #F2F4F8;}

.quality_culture .histroy{padding: 5% 0;}
.quality_culture .histroy ul{padding-top: 3%;}
.quality_culture .histroy .slick-list{position: relative;}
.quality_culture .histroy .slick-list::before{content: ''; position: absolute; width: 1px; height: 100%; background-color: #ddd; left: 15px; top: 0;}
.quality_culture .box{padding: 2% 0 0 11px;}
.quality_culture .time{font-size: 36px; color: #808080; padding: 0 3% 0 3.5%; float: left; line-height: 40px; position: relative; width: 13%;}
.quality_culture .time::before{content: ''; position: absolute; height: 8px; width: 8px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); background-color: #008000;}
.quality_culture .time::after{content: ''; position: absolute; height: 20px; width: 4px; background-color: #E8EAF4; right: 0; top: 50%; transform: translateY(-50%);}
.quality_culture .content{font-size: 18px; font-weight: lighter; color: #666; float: left; padding: 0 0.5% 0 3%; line-height: 40px; width: 87%;height: 80px; overflow: hidden; overflow-y: auto; text-align: justify;}
.quality_culture .content::-webkit-scrollbar{width: 4px; height: 1px;}
.quality_culture .content::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #008000;}
.quality_culture .content::-webkit-scrollbar-track{border-radius: 4px; background-color: #F3F4F8;}
.quality_culture .content::-webkit-scrollbar-button{display: none;}
.quality_culture .slick-prev,
.quality_culture .slick-next{border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 0;}
.quality_culture .slick-prev{background: url(../img/slick-prev01.png)no-repeat center #008000;}
.quality_culture .slick-next{background: url(../img/slick-next01.png)no-repeat center #008000;}
.quality_culture .slick-prev:hover,
.quality_culture .slick-next:hover{cursor: pointer;}
@media(max-width: 960px){
  .quality_culture .top .left,
  .quality_culture .top .right{width: 100%;}
  .quality_culture .txt{padding-right: 0;}

  .quality_culture .time{padding: 0 50px; width: auto;}
  .quality_culture .content{width: 100%; padding-left: 50px; line-height: 1.8; padding-right: 3%;}
}
@media(max-width: 640px){
  .quality_culture .time{font-size: 30px;}
  .quality_culture .content{font-size: 16px; height: 85px;}
}
@media(max-width: 480px){
  .quality_culture .time{font-size: 26px;}
  .quality_culture .content{font-size: 14px;}
  .quality_culture .title{font-size: 24px;}
  .quality_culture .txt{font-size: 14px;}
}

/* 体系认证 */
.system_certification{padding: 5% 0;}
.system_certification .btn_list{margin: auto; text-align: center; width: 100%; font-size: 0;}
.system_certification .btn_list li{background-color: #edeef0; margin: 0 3px; position: relative; transition: all 0.2s ease-in-out; max-width: 240px; width: 16%; height: 60px; display: inline-block;}
.system_certification .btn_list a{font-size: 18px; display: block; color: #666; line-height: 60px;text-align: center; white-space: nowrap;}
.system_certification .btn_list li:hover,
.system_certification .btn_list li.active{cursor: pointer;}
.system_certification .btn_list li:hover::before,
.system_certification .btn_list li.active::before{content: ''; background: url(../img/left_top.png)no-repeat left top; position: absolute; width: 31px; height: 12px; left: 10px; top: 10px;}
.system_certification .btn_list li:hover::after,
.system_certification .btn_list li.active::after{content: ''; background: url(../img/right_bottom.png)no-repeat right bottom; position: absolute; width: 31px; height: 12px; right: 10px; bottom: 10px;}
.system_certification .btn_list li:hover,
.system_certification .btn_list li.active{background-color: #008000;}
.system_certification .btn_list li:hover a,
.system_certification .btn_list li.active a{color: #fff;}
@media(max-width: 1200px){
  .system_certification .btn_list li{width: 50%; height: 50px; margin: 3px; max-width: 200px;}
  .system_certification .btn_list a{line-height: 50px; font-size: 16px;}
}
@media(max-width: 960px){
  .system_certification .btn_list{width: 420px;}
}
@media(max-width: 480px){
  .system_certification .btn_list{width: 220px;}
  .system_certification .btn_list li{width: 100%;}
}

.system_certification .content_box .content{display: none;}
.system_certification .content_box .content.show{display: block;}
.system_certification .title{font-size: 30px; text-align: center; padding: 4% 0 1% 0;}
.system_certification .txt{font-size: 18px; text-align: center; font-weight: lighter; color: #808080; padding-bottom: 3%;}
.system_certification .items{margin: 0; padding: 0 80px;}
.system_certification .items li{float: left; width: 25%; padding: 0; margin: 2% 0; position: relative;}
.system_certification .items .pic{background: url(../img/pic_frame.png)no-repeat center; width: 219px; height: 292px; margin: auto; padding: 18px 20px; position: relative;}
.system_certification .items .pic::after{content: ''; height: 90%; width: 50px; box-shadow: 0 0 5px 15px #E0E0E0; position: absolute; right: 6px; top: 17px; z-index: -10; transform: rotate(-2deg);}
.system_certification .items .pic img{width: 100%; height: 100%;}
.system_certification .items .icon{background: url(../img/checkout.png)no-repeat center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; display: none;}
.system_certification .items aside{background: url(../img/base.png)no-repeat center; height: 83px; background-size: cover;}
.system_certification .items .pic:hover{cursor: pointer;}
.system_certification .items .pic:hover .icon{display: block;}
.system_certification .items li:first-child::before,
.system_certification .items li:nth-child(4n + 1)::before{content: ''; background: url(../img/base_head.png)no-repeat center; height: 83px; position: absolute; bottom: 0; width: 80px; left: -80px; background-size: cover;}
.system_certification .items li:nth-child(4n + 4)::after,
.system_certification .items li:last-child::after{content: ''; background: url(../img/base_end.png)no-repeat center; height: 83px; position: absolute; bottom: 0; width: 80px; right: -80px; background-size: cover;}
.system_certification .infor{font-size: 14px; color: #808080; text-align: center; font-weight: lighter; position: absolute; left: 50%; bottom: 1%; transform: translateX(-50%); width: 100%;}
.system_certification .infor span{font-size: 18px; color: #008000; font-weight: normal; display: block; padding-bottom: 1%; line-height: 1.5;}
@media(max-width: 1200px){
  .system_certification .items li{width: 33.3333%;}
  .system_certification .items li:nth-child(4n + 1)::before{content: none;}
  .system_certification .items li:nth-child(4n + 4)::after{content: none;}
  .system_certification .items li:first-child::before,
  .system_certification .items li:nth-child(3n + 1)::before{content: ''; background: url(../img/base_head.png)no-repeat center; height: 83px; position: absolute; bottom: 0; width: 80px; left: -80px; background-size: cover;}
  .system_certification .items li:nth-child(3n + 3)::after,
  .system_certification .items li:last-child::after{content: ''; background: url(../img/base_end.png)no-repeat center; height: 83px; position: absolute; bottom: 0; width: 80px; right: -80px; background-size: cover;}
}
@media(max-width: 960px){
  .system_certification .title{font-size: 24px;}
  .system_certification .txt{font-size: 16px;}
  .system_certification .items li{width: 50%;}
  .system_certification .items li:nth-child(3n + 1)::before{content: none;}
  .system_certification .items li:nth-child(3n + 3)::after{content: none;}
  .system_certification .items li:first-child::before,
  .system_certification .items li:nth-child(2n + 1)::before{content: ''; background: url(../img/base_head.png)no-repeat center; height: 83px; position: absolute; bottom: 0; width: 80px; left: -80px; background-size: cover;}
  .system_certification .items li:nth-child(2n + 2)::after,
  .system_certification .items li:last-child::after{content: ''; background: url(../img/base_end.png)no-repeat center; height: 83px; position: absolute; bottom: 0; width: 80px; right: -80px; background-size: cover;}
}
@media(max-width: 640px){
  .system_certification .title{font-size: 20px;}
  .system_certification .txt{font-size: 14px;}
  .system_certification .items{padding: 0 2%;}
  .system_certification .items li{width: 100%;}
  .system_certification .items li:nth-child(2n + 1)::before{content: none;}
  .system_certification .items li:nth-child(2n + 2)::after{content: none;}
  .system_certification .items li:last-child::after{content: none;}
  .system_certification .items aside{background: url(../img/base_whole.png)no-repeat center; background-size: contain; height: 70px;}
}

.cover{width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); text-align: center; z-index: 8088; position: fixed; left: 0; top: 0; display: none;}
.cover .content{ position: absolute; left: 50%; top: 50%; width: 80%; max-width: 550px; transform: translate(-50%, -50%); max-height: 100%; overflow-y: auto;}
.cover .pic{background: url(../img/pic_frame_fancybox.png)no-repeat center; width: 100%; height: 100%; margin: auto; background-size: cover; padding: 51px 53px;}
.cover .pic img{width: 100%; height: 100%;}
.cover .title{text-align: center; color: #fff; font-size: 30px; line-height: 50px;}
.cover .txt{text-align: center; color: #fff; height: 30px; font-weight: lighter; font-size: 18px;}
.cover .out{width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; margin: auto; background: url(../img/cover_out.png)no-repeat center;}
.cover .out:hover{cursor: pointer;}
@media(max-width: 768px){
  .cover .title{font-size: 22px;}
  .cover .txt{font-size: 16px;}
}
@media(max-width: 640px){
  .cover .content{width: 90%;}
  .cover .pic{ padding: 48px 46px;}
  .cover .title{font-size: 18px;}
  .cover .txt{font-size: 14px;}
}
@media(max-width: 480px){
  .cover .pic{ padding: 38px 40px;}
}
@media(max-width: 320px){
  .cover .pic{ padding: 26px 25px;}
}

/* 产品与技术 */
.product_tech{padding: 5% 0 0 0;}
.product_tech .title{font-size: 36px; color: #333; text-align: center; padding-bottom: 3%;}
.product_tech .top{width: 100%; position: relative; overflow: hidden;}
.product_tech img{transition:all 0.2s ease-in-out;}
.product_tech .top:hover img{transform: scale(1.1);}
.product_tech .content{position: absolute; left: 0; top: 0; width: 50%; height: 100%; padding: 10% 5%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(15,31,89,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(15,31,89,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(15,31,89,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.product_tech .subtit{font-size: 30px; color: #fff; padding-left: 55px; line-height: 2.2; display: inline-block;}
.product_tech .top .subtit{background: url(../img/product-tech_icon01.png)no-repeat left center;}
.product_tech .top .txt{font-size: 16px; color: #fff; line-height: 2; height: 6em; margin: 5% 0 7% 0; text-align: justify;}
.product_tech .more{display: block; color: #fff; font-size: 22px; font-weight: lighter; background: url(../img/btn_bg.png)no-repeat center; line-height: 56px; width: 195px; text-align: center;}
.product_tech .more:hover{cursor: pointer;}

.product_tech .below{padding: 4% 0; }
.product_tech .below li{width: 48%; overflow: hidden; position: relative; margin-bottom: 4%; float: left; margin-right: 4%;}
.product_tech .below li:nth-of-type(2n){margin-right: 0;}
.product_tech .below .pic{width: 100%; padding-top: 56%; background-size: 100%; background-position: center; transition: all 0.2s ease-in-out;}
.product_tech .below .bg{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(45deg,  rgba(15,31,89,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(15,31,89,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(15,31,89,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.product_tech .below li:hover{cursor: pointer;}
.product_tech .below li:hover .pic{background-size: 110%;}
.product_tech .below .subtit{position: absolute; bottom: 5%; left: 5%;}
.product_tech .below li:nth-child(1) .subtit{background: url(../img/product-tech_icon02.png)no-repeat left center;}
.product_tech .below li:nth-child(2) .subtit{background: url(../img/product-tech_icon03.png)no-repeat left center;}
.product_tech .below li:nth-child(3) .subtit{background: url(../img/product-tech_icon04.png)no-repeat left center;}
.product_tech .below li:nth-child(4) .subtit{background: url(../img/product-tech_icon05.png)no-repeat left center;}
@media(max-width: 1200px){
  .product_tech .subtit{font-size: 22px;}
}
@media(max-width: 1024px){
  .product_tech .title{font-size: 30px;}
  .product_tech .content{width: 70%; padding: 5%;}
  .product_tech .more{font-size: 18px; background-size: 95%; width: 160px;}
}
@media(max-width: 768px){
  .product_tech .subtit{font-size: 20px;}
  .product_tech .top .txt{font-size: 14px; margin: 3% 0 5% 0;}
}
@media(max-width: 640px){
  .product_tech .title{font-size: 24px;}
  .product_tech .content{width: 100%; padding: 3%;}
  .product_tech .top .txt{margin: 2% 0; line-height: 1.5;}
  .product_tech .more{font-size: 14px; width: 120px; line-height: 40px;}
  .product_tech .subtit{padding-left: 30px;}
  .product_tech .top .subtit{background-size: 15%;}
  .product_tech .below li .subtit{background-size: 20%!important;}
}
@media(max-width: 480px){
  .product_tech .content{ padding: 1% 3%;}
  .product_tech .more{width: 110px; line-height: 35px;}
  .product_tech .subtit{font-size: 16px; line-height: 1.8;}
  .product_tech .below li{width: 100%; margin-right: 0;}
  .product_tech .top .txt{margin: 0;}
}

/* 技术中心简介 */
.tech_center_intro{padding: 5% 0; position: relative; overflow: hidden;}
.tech_center_intro .bg_font{font-size: 180px; color: #f7f9fa; position: absolute; left: 0; top: 48%; text-transform: uppercase; font-family: 'Oswald'; z-index: -1;}
.tech_center_intro .left,
.tech_center_intro .right{width: 50%; float: left;}
.tech_center_intro .left{padding: 8% 11% 8% 0;}
.tech_center_intro .left .title{font-size: 36px; position: relative; line-height: 80px;}
.tech_center_intro .left .title::after{content: ''; background: url(../img/text_icon01.png)no-repeat center; position: absolute; left: 0; bottom: 0; width: 102px; height: 9px;}
.tech_center_intro .left .txt{font-size: 16; color: #666; line-height: 2; padding: 5% 0; text-align: justify;}
.tech_center_intro .right{padding-left: 3%;}
.tech_center_intro .right img{width: 100%;}

.tech_center_intro ul{ width: 100%;  font-size: 0; text-align: justify; text-justify:inter-ideograph;}
.tech_center_intro ul:after{content: ''; width: 100%; height: 1px; display: inline-block; }
.tech_center_intro ul li{text-align: center; padding-top: 5%;display: inline-block;}
.tech_center_intro ul li .subtit{font-size: 16px;}
.tech_center_intro .blue{font-size: 86px; color: #008000; position: relative; font-family: 'Poppins'; display: inline-block;}
.tech_center_intro .count{font-size: 86px;}
.tech_center_intro li:nth-child(n + 3) .blue::after{content: '+'; color: #008000; font-size: 36px; position: absolute; right: -30px; top: 50%; transform: translateY(-50%);}
@media(max-width: 1200px){
  .tech_center_intro .bg_font{font-size: 120px;}
  .tech_center_intro .left{padding: 5% 8% 5% 0;}
  .tech_center_intro .blue,
  .tech_center_intro .count{font-size: 70px;}
  .tech_center_intro ul{padding: 0 2%;}
}
@media(max-width: 1024px){
  .tech_center_intro .bg_font{font-size: 100px;}
  .tech_center_intro .left .title{font-size: 26px;}
  .tech_center_intro .left{padding: 5% 5% 5% 0;}
  .tech_center_intro .blue,
  .tech_center_intro .count{font-size: 50px;}
}
@media(max-width: 960px){
  .tech_center_intro .left,
  .tech_center_intro .right{width: 100%;}
  .tech_center_intro .left{padding: 5% 0;}
  .tech_center_intro .right{padding-left: 0;}
}
@media(max-width: 640px){
  .tech_center_intro ul li{width: 33.3333%;}
  .tech_center_intro ul::after{content: ''; width: 33.3333%;}
}
@media(max-width: 480px){
  .tech_center_intro ul li{width: 50%;}
  .tech_center_intro ul::after{content: ''; width: 50%;}
}

/* 研发荣誉 */
.RD_honor{padding: 5% 0;}
.RD_honor .title{font-size: 36px; color: #333; text-align: center;}
.RD_honor .honor_box{padding-top: 5%; display: flex; flex-direction: row; flex-wrap: wrap;}
.RD_honor .left,
.RD_honor .right{width: 50%; position: relative; float: }
.RD_honor .right{ padding-left: 5%}
.RD_honor .left img{ height: 450px;max-width: auto !important;margin:0 auto; display: block;}

.RD_honor .right{}
.RD_honor .right ul li{font-size: 20px; line-height: 75px; color: #333;}
.RD_honor .right ul li:hover{cursor: pointer;}
.RD_honor .right ul li.active{color: #008000;}
.RD_honor .nav_box{position: absolute; right: 0; top: 5%; width: 13px; height: 100%;}
.RD_honor .nav_box .progress{position: relative; margin: auto; margin-top: 20px; height: 90%; width: 1px;}
.RD_honor .nav_box .progress .line{background-color: #008000; width: 1px; height: 0; position: absolute;left: 50%; top: 0; transition: all 0.15s ease-in-out;}
.RD_honor .nav_box .progress::after{content: ''; width: 1px; height: 100%; background-color: #ebebeb; position: absolute; left: 50%; top: 50%; transform: translate(0, -50%); z-index: -1;}
.RD_honor .nav_box .prev{background: url(../img/slick-prev02.png)no-repeat center; width: 13px; height: 8px; position: absolute; top: 0;}
.RD_honor .nav_box .next{background: url(../img/slick-next02.png)no-repeat center; width: 13px; height: 8px; position: absolute; bottom: 0;}
.RD_honor .nav_box .prev:hover,
.RD_honor .nav_box .next:hover{cursor: pointer;}
@media(max-width: 1200px){
  .RD_honor .left{display: flex; justify-content: center; align-items: center;}
  .RD_honor .left::after{width: 100%;}
  .RD_honor .left{text-align: center;}
  .RD_honor .left img{ float: none; height: auto;}
  .RD_honor .right{padding: 3% 5%;}
  .RD_honor .right ul li{line-height: 65px;}
  .RD_honor .nav_box{top: 0;}
}
@media(max-width: 1024px){
  .RD_honor .title{font-size: 22px;}
  .RD_honor .right ul li{font-size: 18px;}
}

@media(max-width: 1024px){
  .RD_honor .left,
  .RD_honor .right{width: 100%;}
  .RD_honor .right ul li{line-height: 40px;}
  .RD_honor .nav_box .progress{margin-top: 12px;}
}

/* 研发成果 */
.RD_gain{padding: 5% 0 10% 0; position: relative; overflow: hidden;}
.RD_gain .title{font-size: 36px; text-align: center; color: #333; padding: 3% 0;}
.RD_gain .txt{font-size: 16px; line-height: 2; color: #666; padding-bottom: 5%;}
.RD_gain .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 30%; z-index: -1;}
@media(max-width: 640px){
  .RD_gain .title{font-size: 26px;}
}

/* 知识产权 */
.intellectual_property{padding: 5% 0;}
.intellectual_property .title{font-size: 36px; color: #333; text-align: center; padding-bottom: 3%;}
.intellectual_property .txt{font-size: 16px; color: #666; line-height: 2; max-width: 1070px; margin: auto; padding-bottom: 3%; text-align: justify;}
.intellectual_property .below{display: flex; flex-wrap: wrap;}
.intellectual_property .left,
.intellectual_property .right{width: 50%; z-index: -10;}
.intellectual_property .left{padding-right: 5%;}
.intellectual_property .left ul{padding: 12% 0; border-top: 1px solid #e8e9eb; border-bottom: 1px solid #e8e9eb; height: 100%;}
.intellectual_property .left ul li{float: left; width: 25%; font-size: 16px; color: #666;}
.intellectual_property .left ul li span{display: block; font-size: 46px; color: #008000; line-height: 65px;}
.intellectual_property .right{background-color: #f7f8fa; padding: 3% 3% 0 3%; overflow: hidden;}
.intellectual_property .pic{display: flex; justify-content: space-between;}
.intellectual_property .shadow{width: 48%; position: relative;}
.intellectual_property img{width: 100%; height: 100%; z-index: 50;}
.intellectual_property .shadow:before,.intellectual_property .shadow:after{
  position:absolute;
  content:"";
  box-shadow:0 10px 5px 20px rgba(0, 0, 0, 0.39);
  top:90%;left:10px;bottom:0px;
  width:20%;
  z-index:-1;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.intellectual_property .shadow:after{
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  transform: rotate(15deg);
  right: 10px;left: auto;
}
@media(max-width: 1200px){
  .intellectual_property .left,
  .intellectual_property .right{width: 100%;}
  .intellectual_property .left{padding-right: 0;}
  .intellectual_property .left ul{padding: 8% 0;}
  .intellectual_property .left ul li{text-align: center;}
  .intellectual_property .right{background-color: #fff;}
}
@media(max-width: 640px){
  .intellectual_property .left ul li{font-size: 14px; width: 50%;}
  .intellectual_property .left ul li span{font-size: 30px; line-height: 50px;}
}

/* 技术能力 */
.technical_skills{padding: 5% 0;}
.technical_skills .btn_box{display: flex; justify-content: center;}
.technical_skills .btn_box li{line-height: 60px; width: 50%; max-width: 240px; color: #666; text-align: center; background-color: #edeef0; margin-right: 3px; position: relative; transition: all 0.15s ease-in-out;}
.technical_skills .btn_box li a{ font-size: 18px; display: block; font-weight: lighter;}
.technical_skills .btn_box li:hover,
.technical_skills .btn_box li.active{background-color: #008000; cursor: pointer;}
.technical_skills .btn_box li:hover a,
.technical_skills .btn_box li.active a{color: #fff;}
.technical_skills .btn_box li:hover::before,
.technical_skills .btn_box li.active::before{content: ''; background: url(../img/left_top.png)no-repeat left top; position: absolute; width: 31px; height: 12px; left: 10px; top: 10px;}
.technical_skills .btn_box li:hover::after,
.technical_skills .btn_box li.active::after{content: ''; background: url(../img/right_bottom.png)no-repeat right bottom; position: absolute; width: 31px; height: 12px; right: 10px; bottom: 10px;}
@media(max-width: 960px){
  .technical_skills .btn_box li{line-height: 50px; font-size: 16px; max-width: 200px;}
}
@media(max-width: 480px){
  .technical_skills .btn_box li{line-height: 40px; font-size: 14px; max-width: 150px;}
}

.technical_skills .scroll{ overflow: hidden; overflow-x: auto;}
.technical_skills .scroll::-webkit-scrollbar{width: 1px; height: 4px;}
.technical_skills .scroll::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #008000;}
.technical_skills .scroll::-webkit-scrollbar-track{border-radius: 4px; background-color: #F3F4F8;}
.technical_skills .scroll::-webkit-scrollbar-button{display: none;}
.technical_skills .box .title{font-size: 30px; color: #333; text-align: center; padding: 3% 0;}
.technical_skills .out,
.technical_skills .in{width: 100%;}
.technical_skills .out td{line-height: 60px; text-align: center; border: 1px solid #fff; font-size: 16px; color: #666; width: 15.4%;}
.technical_skills .out tr:first-child td{border: 1px solid rgba(255, 255, 255, 0.25); background-color: #008000; color: #fff; font-size: 20px;}
.technical_skills .out tr td:first-child{width: 23%; text-align: start; padding-left: 3%;}
.technical_skills .out tr:nth-child(even){background-color: #f6f7fb;}
.technical_skills .out tr:nth-child(odd){background-color: #ebeef5;}
.technical_skills .out #spec{text-align: center; padding-left: 0;}
.technical_skills .in tr:first-child td{background-color: inherit;}
.technical_skills .in tr td:first-child{width: 100%; border: none; border-bottom: 1px solid #fff; text-align: center; font-size: 16px; color: #666; padding-left: 0;}
.technical_skills .in tr:last-child td{border: none;}
.technical_skills .in tr:first-child,
.technical_skills .in tr:nth-child(even),
.technical_skills .in tr:nth-child(odd){background-color: inherit;}
@media(max-width: 1200px){
  .technical_skills .out td,
  .technical_skills .in td{font-size: 14px;}
  .technical_skills .in tr td:first-child{font-size: 14px;}
  .technical_skills .out tr:first-child td{font-size: 18px;}
  .technical_skills .out{width: 1160px;}
}

.technical_skills .product{margin: 0 -1.3%;}
.technical_skills .product li{float: left; width: 25%; padding: 0 1.3%; margin: 2% 0;}
.technical_skills .pic{width: 100%; padding-top: 67%; background-size: 100%; background-position: center; transition: all 0.15s ease-in-out;}
.technical_skills .name{text-align: center; line-height: 60px; font-size: 20px; color: #333; border-bottom: 1px solid #ebebeb;}
.technical_skills .product li:hover{cursor: pointer;}
.technical_skills .product li:hover .pic{background-size: 110%;}
@media(max-width: 768px){
  .technical_skills .box .title{font-size: 24px;}
  .technical_skills .product li{width: 33.3333%;}
}
@media(max-width: 480px){
  .technical_skills .box .title{font-size: 18px;}
  .technical_skills .product li{width: 50%;}
  .technical_skills .name{font-size: 16px; line-height: 40px;}
}
.friendlinks .list{margin-left: -2%; margin-right: -2%;}
.friendlinks .item{width: 25%; float: left; padding: 0 2%; margin-bottom: 2%;}
.friendlinks .item a{display: block; line-height: 60px; text-align: center; box-shadow: 0 0 15px #eee; transition: all .3s; padding: 0 2%;}
.friendlinks .item a:hover{color: #fff; background-color: #008000;}
@media(max-width: 768px){
  .friendlinks .item{width: 50%;}
  .friendlinks .item a{line-height: 50px;}
}
@media(max-width: 480px){
  .friendlinks .item{width: 100%;}
}





.honor001{padding:5% 0;}

.slick-box { border-left: 0px solid #ddd  }


.honor001 .item_list{  border-bottom: 1px solid #ddd ;padding: 3% 0;padding-left: 80px;position: relative;}
.honor001 .item_list:before{ content: ""; display: block; width: 20px ;height: 20px; position: absolute; left: -12px; top:-12px; border:2px solid #ddd; background: #fff; border-radius: 100px;}
.honor001 .item_list:last-child{border:none;}
.honor001 .current-year{font-size:18px; margin-bottom: 15px;}
.honor001 .current-year h1{font-size:36px;     font-family: "Oswald";    color: rgb(12,137,24); display: inline-block; margin-right:10px; }
.honor001  li{ margin-bottom: 20px; line-height: 26px; padding-left: 20px; position: relative;}
.honor001  li:before{ content: "-"; display: block; position: absolute; left: 0; top: 0; width: 16px ;height: 16px; }

.honor001  il{ margin-bottom: 20px; line-height: 26px; padding-left: 20px; position: relative; display: block;}
.honor001  il:before{ content: "-"; display: block; position: absolute; left: 0; top: 0; width: 16px ;height: 16px; }


.honor001 .more{text-align: center; margin-top:5%;}
.honor001 .more a{ display: inline-block;width: 195px; height: 56px; font-size: 16px;   color: rgb(12,137,24); background: url(../img/learn_more_b.png) no-repeat;
    background-size: 100% 100%; text-align: center; line-height: 54px; padding-right: 2px; }

@media(max-width: 768px){
.honor001{ padding:30px;}
.honor001 .more{ margin:50px 0;}
.honor001 .item_list{  padding: 30px 0;padding-left:50px;position: relative;}
}




.pictext_list { margin-top:3%;  }
.pictext_list li{ margin-bottom: 2% }
.pictext_list li a{ display: block; height: auto; overflow:hidden; position: relative;background: #f5f5f5  }
.pictext_list li .text{  width: 65%; float: left; padding: 5% }
.pictext_list li .pic{  width: 30%;position: absolute; right: 0; top: 0; height: 100%; background-size: cover; }


.pictext_list li .text h1{ font-size: 22px ;font-weight: normal; color: #222;margin:0 0 20px 0; }
.pictext_list li .text p{ font-size: 16px ; line-height: 28px; color: #666 }
@media(min-width: 769px){
.pictext_list li .pic .slick-slider,
.pictext_list li .pic .slick-list,
.pictext_list li .pic .slick-track,
.pictext_list li .pic .slick-slide{ height: 100%;  }
.pictext_list li .pic .slick-slide{  background-size: cover; background-position:center center; }

}

@media(max-width: 768px){
.pictext_list li{  margin-bottom: 20px }
.pictext_list li .text{  width: 100%; float: left; padding: 30px }
.pictext_list li .pic{  width: 100%;position: relative; }

.pictext_list li .slick-slide{  width: 100%; height: 250px;background-size: cover; background-position:center center; }
}

.pictext_list .slick-arrow{width: 40px; height: 40px; background: url(../img/about_next.png) center center no-repeat; position: absolute;
    right: 15px; top: 0; bottom: 0; margin: auto; font-size: 0; z-index: 5;border: 0; cursor: pointer;}
.pictext_list .slick-arrow.slick-prev{transform: rotateY(180deg); right: auto; left: 15px;}



.xiangqing{ padding:5% 0;}
.xiangqing .news_info .title{text-align:center;padding-bottom:0.2rem;font-size: 14px;    margin-bottom: 20px;}
.xiangqing .news_info .title h1{margin: 0;
    padding-bottom: 15px;
    font-size: 23px;
    font-weight: bold;
    color: #333;}
.xiangqing .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.xiangqing .news_info .title p span{ margin:0 5px; color:#777;}
.xiangqing .news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.xiangqing .news_info .info p{font-size:15px;line-height:30px;}
.more0 {
	padding: 10px 0;
	width: 120px;
	margin: auto;
	border: 1px solid #ccc;
	margin-top: 2%;
	font-size: 1.0rem;
	position: relative;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	text-align: center;
	cursor: pointer;
}
.more0 strong {
	color: #0c8918;
	font-size: 1.0rem;
	position: relative;
	z-index: 3;
	letter-spacing: 0.5px;
}
.more0:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0%;
	width: 0%;
	height: 100%;
	background: #bce672;
	color: #fff;
	font-size: 1.5rem;
	opacity: 0;
	z-index: 2;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.more0:hover strong {
	color: #fff;
}
.more0:hover:before {
	opacity: 1;
	width: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.all_top2 .more0 {
	padding: 10px 0;
	width: 150px;
	margin: auto;
}