@charset "utf-8";
@import url(zsls.css);
* {outline: 0;-webkit-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #333;background-color: #fff;font-family: "Microsoft YaHei";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);

  
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;}
a:hover {color: #28AD36;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
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%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
.ytable-row{ display:table-row; vertical-align:middle;}
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;
}


@font-face {
    font-family: 'AkzidenzGroteskBQ-XBdCnd';
    src: url(../fonts/IBSAkzidenzGroteskBQ-XBdCnd_9.eot);
    src: url(../fonts/IBSAkzidenzGroteskBQ-XBdCnd_9.eot?#iefix) format('embedded-opentype'),
    url(../fonts/IBSAkzidenzGroteskBQ-XBdCnd_9.woff2) format('woff2'),
    url(../fonts/IBSAkzidenzGroteskBQ-XBdCnd_9.woff) format('woff'),
    url(../fonts/IBSAkzidenzGroteskBQ-XBdCnd_9.ttf) format('truetype'), url(../fonts/IBSAkzidenzGroteskBQ-XBdCnd_9.svg#IBSAkzidenzGroteskBQ-XBdCnd_9) format('svg')
}


.auto_1600{max-width: 85%;margin: auto;}
/* @media (max-width: 1600px) {
    .auto_1600{padding: 0 2%;}
} */


/*top.html*/
.top{position: absolute;top: 0;left: 0;width: 100%;z-index: 1000;background-color: rgba(0, 0, 0, 0.4);font-weight:bolder}
.top::before{content:"";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,0.1); display:none}
.top >.auto_1600{position: relative;}
.top .logo{position: absolute;top: 50%;left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.top:hover {
   
}

.top:hover .top_nav li > a {
 
}

.top:hover .logo img {
    content: url('http://39.105.140.209:8002/images/shhb_logo.png');
}
.top .top_search{float: right;height: 21px;width: 21px;margin: 32px 0 32px 20px;position: relative;z-index: 1;}
.top .open-search{ display:block; width:100%; height:100%; background:url(../images/top-search.png) no-repeat center center;}
.top .top-search{ position:absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%); right:0; background: #333; padding:1px 40px 1px 1px; width:250px; display:none;}
.top .top-search .text{ width:100%; background:#fff; height:40px; line-height:40px; padding:0 10px; border:none;}
.top .top-search .btn{ position:absolute; right:1px; top:1px; height:40px; width:40px; background:url(../images/top-searchs.png) no-repeat center center #fff;}
.top .top_nav{float: right;}
.top .top_nav li{margin: 0 30px;display: inline-block;float: left;position: relative;}
.top .top_nav li >a{display: block;padding: 30px 0;position: relative;font-size: 18px;color: #ffffff;font-weight: 900;}
.top .top_nav li >a.on{color: #28AD36;}
.top .top_nav li >a.on::after{content:"";display: block;width: 100%;height: 3px; background-color: #ff5a00;position: absolute;left: 0;bottom: 0;}
.top .subnav_bg{position: absolute;width: 20%;height:0;top:100%;left: 0;overflow: hidden;display: none;}
.top .subnav_bg::before{content:"";display: block;  position: absolute;width: 100%;top: 0;height: 0;    box-shadow: 0 0 20px 1px #333;}
.top .top_sub::after{content: "";display: block;position: absolute;width: 25%;left: 37%;top: -10px;height: 13px;background:url(../images/triangle_32.png) no-repeat center;}
.top .top_sub{position: absolute;top: 100%;left: -50%;max-width: 1600px;display: none;padding-top:5px;     padding-bottom: 5px;   white-space: nowrap;background-color: #fff;    border-radius: 5px;width: 147px;}
.top .top_sub dd{display: inline-block;float: left;text-align: center;width: 100%;}
/* .top .top_sub dd:first-child {margin-left: 0} */
/* .top li:last-child .top_sub {right: 0;left: auto} */
/* .top .top_sub dd:last-child {margin-right: 0} */
.top .top_sub a{	font-size: 16px;color: #000;display: block;padding: 10px 0;font-weight: 500;}
.top .nav_btn{float: right;width: 21px;height: 21px;position: relative;cursor: pointer;display: none;margin: 42px 0 42px 20px;}
.top .nav_btn::before,.top .nav_btn::after,.top .nav_btn i{content:"";background: #fff;position: absolute;border-radius: 10px;width: 100%;height: 2px;left: 0;}
.top .nav_btn::before{top: 10%;}
.top .nav_btn i{top: 50%;margin-top: -1px;}
.top .nav_btn::after{bottom: 10%;}
.top .nav_btn.open{transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.top .nav_btn.open i{display: none;}
.top .nav_btn.open::before{top: 0;bottom: 0;margin: auto;}
.top .nav_btn.open::after{bottom: auto;width: 2px;height: 100%;left: 0;right: 0;margin: auto;}
.top .top_nav li >a:hover,  .top .top_nav li >a.on{}
.top .top_nav li .top_sub >dd:hover{background-color: #28AD36!important;}
.top .top_nav li .top_sub a:hover{color: #fff;}


.bottom{background: url(../images/bottom_bg.png);padding: 50px 0 10px;color: rgba(255,255,255,0.3);}
.bottom a{color: rgba(255,255,255,0.3);}
.bottom a:hover{color: rgba(255,255,255,1)}
.bottom .bt_left{position: relative;float: left;padding-right: 2%;}
.bottom .bt_left::after{content: "";display: block;width: 1px;height: 100%;position: absolute;right: 0;background-color: #ffffff;opacity: 0.1;}
.bottom .bt_nav{float: left;margin-right: 50px;}
.bottom .bt_nav dt{margin-bottom: 15px;}
.bottom .bt_nav dt a{	font-size: 18px;color: rgba(255,255,255,0.6);}
.bottom .bt_nav dd{line-height: 36px;font-size: 14px;}
.bottom .bt_right{float: right;}
.bottom .bt_info{float: left;margin-right: 70px;}
.bottom .bt_info > div{  /*控制内容的可选择性*/-webkit-user-select: text;-ms-user-select: text;-moz-user-select: text;user-select: text;}
.bottom .bt_info > div.label{  /*控制内容的可选择性*/-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;user-select: none;}
.bottom .bt_info .tit{	font-size: 18px;color: rgba(255,255,255,0.6);margin-top:0;margin-bottom: 15px;}
.bottom .bt_info .tit_b{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 12px;
}
.bottom .bt_info .phone{font-size: 24px;color:#28AD36;font-family: 'AkzidenzGroteskBQ-XBdCnd';line-height: 36px;margin-top: 50px;}
.bottom .bt_info .tip,.bottom .bt_info .mail{	font-size: 14px;line-height: 36px;}
.bottom .bt_info:last-child{margin-right: 0;margin-left: 60px;}
.bottom .bt_info .label{margin-top: 10px; text-align:center}
.bottom .bt_info  img{ width:120px;}
.bottom .copyright{border-top: 1px solid rgba(255,255,255,0.1);margin-top: 60px;text-align: center;}
.bottom .ct_info{float: left;position: relative;}
.bottom .ct_info::before{content: "";display: block;width: 1px;height: 80%;position: absolute;right: -60px;background-color: #ffffff;opacity: 0.1;}

.page_bn{text-align: center;}
.page_bn .mb{display: none;}
.page_menu .menu_nav{float: left;}
.page_menu .menu_nav li{float: left;}
.page_menu .menu_nav a{display: inline-block;min-width: 100px;text-align: center;padding: 35px 25px;	font-size: 16px;color: #333333;margin: 0px 36px;}
.page_menu .menu_nav a:hover{border-bottom: 3px solid #28AD36;}
.page_menu .menu_nav a.on{color: #28AD36;border-bottom: 4px solid #28AD36;border-image: linear-gradient(90deg, #1AAB53, #BFD94A) 1;}
.page_menu .location{float: right;padding: 34px 15px;font-size: 16px;}
.page_menu .location a{display: inline-block;vertical-align: middle;position: relative;color: #999;padding-right: 35px;}
.page_menu .location a::after{
		content: '/';
	    display: block;
	    /* height: 0; */
	    /* width: 0; */
	    /* border-left-color: transparent; */
	    /* border-bottom-color: transparent; */
	    /* transform: rotate(45deg); */
	    -ms-transform: rotate(45deg);
	    /* -webkit-transform: rotate(45deg); */
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 15px;
	    margin: auto;
	}
.page_menu .location span{display: inline-block;vertical-align: middle;	color:#28AD36;}
.page_menu .location a:hover{color: #28AD36;}

@media  (min-width: 1000px){
    .top .top_nav li:hover .top_sub{display: block;}
    /* .top:hover{background-color: #fff;}
    .top:hover .top_nav li >a{color: #333;} */
    .top:hover .open-search{ background:url(../images/top-searchs.png) no-repeat center center;}
    /* .top:hover .logo img{display: none;} */
    .top:hover .logo .hover{display: inline-block;}
    .top:hover .nav_btn::before,.top:hover .nav_btn::after,.top:hover .nav_btn i{background-color: #333;}
    /* .top .top_nav li >a:hover::after{content:"";display: block;width: 100%;height: 3px; background-color: #28AD36;position: absolute;left: 0;bottom: 0;} */
    .top .top_nav li:last-child .top_sub{padding-left: 0!important;text-align: right;}
}
/* 
@media (max-width: 1600px) {
    .top .logo{left: 2%;}
}
@media (max-width: 1440px){
    .bottom .bt_info:last-child{margin-left: 0px;}
}
@media (max-width: 1366px){
    .bottom .bt_nav{margin-right: 30px;}
    .page_menu .menu_nav a{padding: 35px 20px;}
}
@media (max-width: 1200px){
    .bottom .bt_info{margin-right: 30px;}
}

@media (max-width: 1024px){
    .top .top_nav li{margin:  0 8px;}
    .bottom .bt_left{display: none;}
    .bottom .bt_right{width: 100%;text-align: center;}
    .bottom .bt_info{float: none;display: inline-block;text-align: left;vertical-align: text-top;}
    .bottom .copyright{margin-top: 30px;}
}

@media (max-width: 1000px){
    .top .logo img{max-height: 34px;}
    .top .top_search,.top .nav_btn{margin: 20px 0 20px 15px;}
    .top .top_nav{float: none;height: auto;height:100vh;position: absolute;left: 0; top: 0;padding-top: 61px;width: 100%;display: none;background-color: rgba(51,51,51,0.8);}
    .top .nav_btn{display: block;}
    .top .top_nav li{display: block; float: none;text-align: center;}
    .top .top_nav li >a{padding: 10px 0;display: inline-block;}
    .top .subnav_bg{display: none!important;}

    .top .top_sub{position: relative;width: 100%;transform: none;left: auto;top: auto;background-color: transparent;box-shadow: none;padding: 0;}
    .top .top_sub a{padding: 5px 0;color: #fff;}
    .top .top_sub dd:first-child a{padding-top: 15px;}
    .top .top_sub dd:last-child a{padding-bottom: 15px;}
    .bottom{padding-top: 30px;}
    .top .logo,.top .nav_btn,.top .top_search{z-index: 10;}
}
@media (max-width: 640px){
    .bottom .bt_info:nth-child(2){display: none}
    .bottom .bt_info{margin-right: 10px;}
    .bottom .copyright{padding-top: 10px;padding-bottom: 10px;}
} */







.about_main{}
.about_main .part1{padding-top: 140px; padding-bottom: 100px;}
.about_main .part1 .txt{	font-size: 16px;line-height: 30px;color: #666666;}
.about_main .part1 .txt .pic{float: right;margin-left: 8.75%;width: 50%;}
.about_main .part1 .txt .en_tit{	font-size: 20px;color: #666666;margin: 0 0;font-weight: normal;padding-top: 50px;}
.about_main .part1 .txt .tit{	font-size: 48px;font-weight: normal;color: #333333;position: relative;padding-bottom: 40px;margin-bottom: 40px;margin-top: 10px;line-height: normal;}
.about_main .part1 .txt .tit::after{content:"";display: block;width: 40px;height: 4px;background-color: #28AD36;position: absolute;left: 0;bottom: 0;}
.about_main .part1 .txt .sub_tit{font-size: 18px;font-weight: normal;line-height: 36px;color: #333333;margin: 0 0 40px;}
.about_main .part1 .nums{margin-top: 30px;padding: 48px 0;background-color: #f7f7f7;}
.about_main .part1 .nums li{float: left;width: 25%;text-align: center;position: relative}
.about_main .part1 .nums li::after{content:"";display: block;width: 1px;height: 100%;background-color: #e6e6e6;position: absolute;right: 0;top: 0;}
.about_main .part1 .nums li:last-child::after{display: none;}
.about_main .part1 .nums .value >*{display: inline-block;vertical-align: middle;}
.about_main .part1 .nums .value{font-family: impact;font-size: 45px;color: #28AD37;}
.about_main .part1 .nums .unit{font-weight: bold;font-size: 14px;vertical-align: middle;padding-left: 5px;margin-top: 10%;margin-right: -15px;color: #333333;}
.about_main .part1 .nums .value .add{color: #28AD37;font-weight: bold;font-family: Serif;font-size: 36px;vertical-align: text-top;margin-right: -20px;}
.about_main .part1 .nums .label{	font-size: 14px;color: #666666;padding-top: 5px;}

.about_main .part2{position: relative;}
.about_main .part2 .pic{display: block;margin: auto;}
.about_main .part3 .txt{position: relative;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);max-width: 1600px;width: 100%;padding: 60px 20px 40px 380px;min-height: 260px;margin: auto;background-color: #fff;}
.about_main .part3 .tit{position: absolute;left: 0;bottom: 0;height: 100%;background: url("../images/about-bg1.jpg") no-repeat center center #ff5a00;background-size: cover;font-size: 48px;color: #ffffff;margin: 0;width: 300px;text-align: center;}
.about_main .part3 .tit span{display: block;position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.about_main .part3 .tits{	font-size: 30px;font-weight: normal;color: #333333;margin: 0;padding-bottom: 30px;position: relative;}
.about_main .part3 .tits::after{content:"";	width: 40px;height: 4px;background-color: #ff5a00;display: block;position: absolute;left: 0;bottom: 0;}
.about_main .part3 .desc{margin: 30px 0 0;	font-size: 16px;line-height: 30px;color: #666666;}

.about_main .part4 .left{float: left;width: 66.5%; padding-left: 3%;}
.about_main .part4 .right{float: right;width: 30%;text-align: right; padding-right: 3%;}
.about_main .part4 .tit{font-size: 30px;font-weight: normal;color: #333333;margin: 0;padding-bottom: 30px;padding-left:3%;position: relative;}
.about_main .part4 .tit::after{content:"";	width: 40px;height: 4px;background-color: #ff5a00;display: block;position: absolute;left: 3%;bottom: 0;}
.about_main .part4 .intro{	font-size: 16px;line-height: 30px;color: #666666;margin: 0;}
.about_main .part4 .label{font-size: 30px;line-height: 30px;letter-spacing: 7px;color: #808380;margin-top: 20px;}
.about_main .part4 .img{margin-top:8.75%;padding-bottom:8.75%;}
.about_main .part4 .img img{display:block;margin:auto;}

.about_main .part5{margin-top: 135px;position: relative;margin-bottom: 140px;}
.isBg{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.about_main .part5 ul{position:relative;}
.about_main .part5 li{width: 26.25%; background-color: rgba(0,0,0,0.2);position:relative;z-index:1;}
.about_main .part5 li a{display: block;padding: 50px 20px 50px 50px;color: #fff;position: relative;}
.about_main .part5 .tit{margin: 0;font-size: 26px;font-weight: normal;}
.about_main .part5 .intro{font-size: 18px;margin:10px 0 0;}
.about_main .part5 li a:hover,.about_main .part5 li a.on{background-color: #ff5a00;}
.about_main .part5 li a:hover::after,.about_main .part5 li a.on::after{content:"";display: none;width: 40px;height: 100%;background-color: #ff5a00;opacity: 0.6;position: absolute;left: 100%;top: 0;}
.about_main .part5 li a:hover::before,.about_main .part5 li a.on::before{content:"";display: none;width: 0;height: 0;border: 5px solid #fff;border-left-color: transparent;border-bottom-color: transparent;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;top: 0;bottom: 0;right: -20px;margin: auto;z-index: 1}

.about_main .part5 dl,.about_main .part5 dl dd{position:absolute;left:0;top:0;width:100%;height:100%;}


.auto_1280{max-width: 1280px;margin: auto;}
/* @media (max-width: 1280px){
    .auto_1280{padding: 0 2%;}
} */
.event_main{padding: 140px 0 160px;}
.event_main .open_btn{
	position: relative;
	    z-index: 2;
	    padding: 0 46%;
}
.event_item {position: relative;overflow: hidden;  padding-top: 10px;}
.event_item .time{	font-size: 24px;color: #ffffff;	width: 120px;height: 40px;background-color: #28AD36;border-radius: 20px;text-align: center;line-height: 40px;display: block;position: relative;margin: 0 auto 80px;z-index: 10;}
.event_item .time:nth-of-type(n+2){margin: 80px auto 80px;}
.event_item .time + .cont{margin-top: 0!important;}
.event_item::before{content:"";display: block; background-color: #eeeeee;height: 100%;width: 3px;position: absolute;left: 0;right: 0;top: 6%;bottom: 0;margin: auto;}
.event_item .txt{width: 41.4%;position: relative;}
.event_item .txt::before{
	content: '';
    position: absolute;
    width: 20%;
    background: #b7b7b7;
    right: -20%;
    top: 54%;
    z-index: -1;
    opacity: 1;
    transition: all 0.5s;
	border: 2px solid #e5e5e5;
}
.event_item .date{	font-size: 36px;font-weight: normal;color: #000;margin: 0;}
.event_item .intro{	font-size: 18px;line-height: 24px;color: #000;margin-bottom: 0;}
.event_item .cont.on .txt,.event_item .cont.on .txt::before{box-shadow: 0px 0px 30px 0px rgba(218, 77, 0, 0.1);border: solid 1px #28AD36;}
.event_item .cont.on .txt::before{border-left-color: transparent;border-bottom-color: transparent;}
.event_item .cont{position: relative;clear: both;text-align: right;}
.event_item .cont .eventFig{float: right;width: 53%;margin-left: 20px;border-radius: 15px;}
.event_item .cont .eventFig img{border-radius: 15px;}
.event_item .cont::after{content:"";display: block;width: 10px;height: 10px;background-color: #ffffff;border: solid 2px#28AD36;position: absolute;left: 0;right: 0;top: 50%;margin: auto;border-radius: 50%;}
.event_item .cont.on::after{background-color: #28AD36;box-shadow: 0 0 0 7px rgba(255,90,0,0.2); }
.event_item .cont.on::before{content:"";display: block; width: 2px;height: 5000px;background-color: #28AD36;position: absolute;left: 0;right: 0;bottom: 100%;margin: auto;transform: translateY(12px);}
.event_item .cont:nth-of-type(2n){text-align: right;}
.event_item .cont:nth-of-type(2n) .txt{text-align: left;display: inline-block;}
.event_item .cont:nth-of-type(2n) .txt::before{right: auto;left: -20%;border: 2px solid #e5e5e5;}
.event_item .cont:nth-of-type(2n).on .txt,.event_item .cont:nth-of-type(2n).on .txt::before{box-shadow: 0px 0px 30px 0px rgba(218, 77, 0, 0.1);border: solid 1px #28AD36;}
.event_item .cont:nth-of-type(2n).on  .txt::before{border-right-color: transparent;border-top-color: transparent;}
.event_item .cont:nth-of-type(2n) .eventFig{float: left;margin-left: 0px;margin-right: 20px;}
.event_item .more{width: 66px;height: 66px;background-color: #28AD36;display: block;margin: auto;text-align: center;margin-top: 80px;position: relative;border-radius: 50%;color: #fff;font-size: 16px;padding-top: 16px;cursor: pointer;}
.event_item .more::after{content:"";display: block;height: 5px;width: 5px; border: solid 2px #ffffff;border-top-color: transparent;border-left-color: transparent; transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); background-color: transparent;position: absolute;right: 0;left: 0;bottom: 16px;margin: auto;}
.event_item .more.open::after {transform: rotate(-135deg);-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}




.dev_main .part1{padding-top: 140px;}
.dev_main .dev_tit{	font-size: 48px;font-weight: normal;color: #333333;padding-bottom: 45px;margin: 0;position: relative;}
.dev_main .dev_tit::after{content:"";display: block;	width: 40px;height: 4px;background-color: #ff5a00;position: absolute;left: 0;bottom: 0;}
.dev_main .part1 .slick_box{margin: 0px -8px 0;}
.dev_main .part1 .slick_box li{padding: 0 8px;}
.dev_main .part1 .slick_box a{display: block;position: relative;}
.dev_main .part1 .slick_box a::after{content:"";display: block;width: 100%;bottom: 0;height: 100%;left: 0;background: url("../images/dev-mask.png") no-repeat center bottom;background-size: contain;position: absolute;}
.dev_main .part1 .pic{padding-bottom: 154.63%;}
.dev_main .part1 .txt{position: absolute;bottom: 40%;left: 12px;right:12px;margin: auto;text-align: center;color: #fff; z-index: 1;}
.dev_main .part1 .txt .icon{max-height:48px;max-width:48px;}
.dev_main .part1 .tit{margin-top: 25px;margin-bottom: 35px;font-size: 23px;font-weight: normal;}
.dev_main .part1 .intro{display: none;	font-size: 18px;line-height: 30px;margin: 0;max-height: 240px;overflow: hidden;}
.dev_main .part1 a:hover .txt{background-color: rgba(255,90,0,0.8);top: 12px;padding: 22% 30px 0;text-align: left;}
.dev_main .part1 a:hover .txt::after{content:"";display: none;width: 34px;height: 10px;background: url("../images/dev-arrow.png") no-repeat center center;background-size: contain;position: absolute;right: 30px;bottom: 30px;}
.dev_main .part1 a:hover .intro{display: block;}
.dev_main .part1 .slick-arrow{position: absolute;top: 0;bottom: 0;z-index: 10;margin: auto;  width: 65px; height: 65px; border: none; background: url("../images/btn_prev.png") no-repeat center rgba(0,0,0,0.3); font-size: 0; cursor: pointer;}
.dev_main .part1 .slick-next{ background-image: url("../images/btn_next.png");right: 8px;}
.dev_main .part1 .slick-prev{left: 8px;}
.dev_main .part1 .slick-arrow:hover{ background-color: #ff5a00;}
.dev_main .part2{padding-bottom: 140px;}
.dev_main .part2 .data{}
.dev_main .part2 li{position: relative;padding: 60px 0 60px 43.75%;}
.dev_main .part2 li a:hover .img{transform:scale(1.1);-webkit-transform:scale(1.1)-ms-transform:scale(1.1);}
.dev_main .part2 .pic{position: absolute;top: 0;left: 0;width: 50%;height: 100%;overflow:hidden;}
.dev_main .part2 .img{position:absolute;width:100%;height:480px;top:10%;left:0;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius: 20px;}
.dev_main .part2 li :hover .img {transform: scale(1.05);}
.dev_main .part2 .txt{position: relative;background-color: #fff;padding: 110px 60px 110px 120px;z-index: -1;top: 90px;height: 480px;}
.dev_main .part2 .tit{	color: #333333; padding-bottom: 25px;margin: 0;font-family: Microsoft YaHei;font-size: 30px;text-align: center;}
.dev_main .part2 .intro{margin: 30px 0 0;font-family: Microsoft YaHei;font-weight: 400;font-size: 18px;color: #333333;line-height: 38px;}
.dev_main .part2 li:nth-child(2n){padding: 60px 43.75% 60px 0; margin-top: 80px;}
.dev_main .part2 li:nth-child(2n) .pic{ left: auto;right: 0;}
.dev_main .part2 li:nth-child(2n) .txt{ padding: 110px 100px 110px 60px;}


.honor_main .part1{padding-top: 140px;padding-bottom: 60px;}
.honor_main .honor_tit{text-align: center;	font-size: 48px;color: #000000;margin: 0 -20px 60px -20px;}
/*.honor_main .honor_ls li{float: left;margin-right: 2.5%;width: 23.125%;margin-bottom: 60px;}*/
.honor_main .honor_ls li {width: 25%;float: left;margin-bottom: 60px;padding: 0 20px}
.honor_main .honor_ls li:nth-child(4n){margin-right: 0;}
.honor_main .honor_ls a{display: block;position: relative;}
.honor_main .honor_ls .pic{background-color: #f5f5f5;padding-bottom: 70.27%;position: relative;}
.honor_main .honor_ls .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 81%;max-height: 80%;}
.honor_main .honor_ls .tit{font-size: 14px;color: #888888;font-weight: normal;margin: 25px 0 0;text-align: center;}
.honor_ls .slick-arrow {position: absolute;top: 30%;z-index: 2;background: url("../images/next.png") no-repeat center;width: 30px;height: 50px;font-size: 0;border: none;cursor: pointer}
.honor_ls .slick-prev {left: -20px;background: url("../images/prev.png") no-repeat center;}
.honor_ls .slick-next {right: -20px;top: 30%;}
.honor_main .part2{padding-bottom: 180px;}
.honor_main .Pages{margin: 20px 0 0;}


.bns_main .part1{padding-top: 130px;padding-bottom: 90px;}
.bns_main .bns_tit{	font-size: 36px;color: #333333;margin: 0;}
.bns_main .bns_tit .tit-en {text-align: left;}
.bns_main .part1 .txt{font-size: 18px;color: #333333;margin-top: 30px;line-height: 30px;}
.bns_main .part2{padding-bottom: 180px;}
.bns_main .part2 .slick_box{margin: 30px -40px 0;}
.bns_main .part2 .slick_box li{padding:0  40px;}
.bns_main .part2 .slick_box a{display: block;}
.bns_main .part2 .slick_box .pic{padding-bottom: 58.333%;}
.bns_main .part2 .slick_box .txt{padding: 40px 30px;position: relative;min-height: 320px;font-size: 16px;line-height: 30px;color: #666666;background-color: #f7f8fa;}
.bns_main .part2 .slick_box .tit{font-size: 24px;font-weight: normal;color: #333333;margin: 0 0 20px;padding-bottom: 20px;border-bottom: 1px solid #eeeeee;line-height: normal;}
.bns_main .part2 .slick_box .time{display: block;}
.bns_main .part2 .slick_box .intro{margin: 0;}
.bns_main .part2 .slick_box .view_more{position: absolute;left: 30px;right: 30px;bottom: 40px;margin: auto;}
.bns_main .part2 .slick_box .view_more::after{content:"";display: block; width: 24px;height: 24px;position: absolute;top:0;bottom:0;right: 0;margin: auto; border-radius: 50%;background: url("../images/bns-more.png") no-repeat 9px center;}
.bns_main .part2 .slick_box a:hover .txt{background-color: #ff5a00;}
.bns_main .part2 .slick_box a:hover .tit{border-bottom-color: #fff;}
.bns_main .part2 .slick_box a:hover *{color: #fff!important;}
.bns_main .part2 .slick_box a:hover .view_more::after{background: url("../images/bns-more-on.png") no-repeat 9px center #fff;}
.bns_main .part2 .slick-arrow{position: absolute;top: 0;color: transparent; bottom: 0;margin: auto;background: url("../images/bns-more-on.png") no-repeat center center #fff;width: 56px;height: 56px;box-shadow: 0px 0px 30px 0px rgba(218, 77, 0, 0.1);border: solid 1px #ff5a00;z-index: 5;border-radius: 50%;}
.bns_main .part2 .slick-arrow:hover{background: url("../images/bns-next.png") no-repeat center center #ff5a00;}
.bns_main .part2 .slick-prev{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);left: 40px;}
.bns_main .part2 .slick-next{right: 40px;}


.case_main{padding-top: 140px;padding-bottom: 160px;}
.case_main .data li{float: left;width: 32%;margin-bottom: 20px;margin-right: 2%;}
.case_main .data li:nth-child(1){clear: both;width: 100%;margin-right: 0;text-align: center;}
.case_main .data li:nth-child(4){margin-right: 0;}
.case_main .data .tit{	font-size: 36px;color: #ff5a00;margin: 0 0 40px;display: block !important;padding-bottom: 50px;border-bottom: 1px solid #eeeeee;}
.case_main .data .txt{	font-size: 18px;line-height: 30px;color: #666666;}
.case_main .data .label{margin: 15px 0;}
.case_main .data .label b{font-weight: bold;color: #333333;}
.fancybox-close::before, .fancybox-close::after,.fancybox-title-float-wrap .child{background-color: #ff5a00!important;}



.join_main{padding-top: 140px;padding-bottom: 140px;}
.job_ls li{padding: 0 40px;border: solid 1px #eeeeee;margin-bottom: 30px;}
.job_ls .bar .label{float: left;font-size: 18px;color: #333333;line-height: 66px;text-align: center}
.job_ls li:nth-child(n+2) .bar{cursor: pointer;}
.job_ls li:first-child{background-color: #f7f8fa;border-color: #f7f8fa;}
.job_ls .bar .name{width: 20.39%;text-align: left;}
.job_ls .bar .site{width: 15.79%;}
.job_ls .bar .salary{width: 26.31%;}
.job_ls .bar .num{width: 15.13%}
.job_ls .bar .date{width: 17.10%;}
.job_ls .bar .btn{width: 5.28%;color:transparent!important;position: relative;}
.job_ls .bar .btn i{display: block; position: absolute;	width: 22px;height: 22px;background-color: #f4622b;border-radius: 50%;right: 0;top: 0;bottom: 0;margin: auto;}
.job_ls .bar .btn i::before,.job_ls .bar .btn i::after{content:"";display: block;background-color: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 1px;}
.job_ls .bar .btn i::before{width: 60%;height: 2px;}
.job_ls .bar .btn i::after{height: 60%;width: 2px;}
.job_ls .txt{padding: 25px 0 50px;	font-size: 16px;line-height: 30px;color: #666666;display: none;}
.job_ls .txt .tit{	font-size: 18px;font-weight: normal;color: #333333;margin: 35px 0 25px;}
.job_ls .txt .send{display: block;background-color: #f4622b;width: 180px;text-align: center; border-radius: 50px;line-height: 50px;	font-size: 18px;color: #ffffff;margin-top: 30px;}
.job_ls .txt .send:before{content:"";display: inline-block;	width: 20px;height: 20px;margin-right: 5px;background: url("../images/plane.png") no-repeat center center;background-size: contain;vertical-align: middle;}
.job_ls .on .bar .btn i::after{display: none;}
.job_ls .on .bar{border-bottom: 1px solid #eee;}
.job_ls .on .bar .label{color: #f4622b;}




.sub_menu{text-align: center;}
.sub_menu li{display: inline-block;margin: 0 40px;}
.sub_menu li a{display: block;padding: 0 45px;line-height: 50px;background-color: #f7f8fa;border-radius: 25px;font-size: 18px;}
.sub_menu li a.on,.sub_menu li a:hover{background-color: #f4622b;color: #fff;}
.join_main .sub_menu{margin-bottom: 60px;}





.preach_ls{border-collapse: collapse;text-align: center;min-width: 640px;}
.preach_ls .ytable-cell{border: solid 1px #eeeeee;padding: 21px 5px;font-size: 18px;color: #666666;}
.preach_ls .ytable-row:first-child{font-size: 18px;color: #333333;background-color: #f7f8fa;}
.preach_ls .ytable-row:first-child .ytable-cell{border-top-color: transparent;}
.preach_ls .ytable-row:first-child .ytable-cell:first-child{border-left-color: transparent;}
.preach_ls .ytable-row:first-child .ytable-cell:last-child{border-right-color: transparent;}
.join_main .Pages{margin: 100px 0 40px;}
.over_auto{overflow: auto;}

.qiaoyin_ls{}
.qiaoyin_ls li{float: left;width: 31.875%;margin-right: 2.1875%;margin-bottom: 80px;}
.qiaoyin_ls li:nth-child(3n){margin-right: 0;}
.qiaoyin_ls li a{display: block;position: relative;}
.qiaoyin_ls .pic{padding-bottom: 78.43%;}
.qiaoyin_ls .tit{padding: 0 5px;	font-size: 20px;font-weight: normal;line-height: 60px;color: #333333;width: 100%;text-align: center;position: absolute;left: 0;bottom: 0;background-color: rgba(247,248,250,0.8);margin: 0;}
.qiaoyin_ls a:hover .tit{	background-color: #ff5a00;color: #fff;}
.qiaoyin_ls + .Pages{margin: 20px 0 0;}



.media_link{padding: 140px 0;}
.media_link .part1{position: relative;margin-top:4%;}
.media_link .txt{width: 31.25%;position: relative;padding: 120px 60px 0;color: #fff;background-color: rgba(0,0,0,0.5);min-height: 640px;	font-size: 18px;line-height: 30px;}
.media_link .txt .tit{	font-size: 44px;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.3);margin: 0 0 40px;line-height: normal;}
.media_link .txt .tit .tit-en {text-align: left;color: #fff}
.media_link .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}




@media  (min-width: 1920px){
    .bns_main .part2 .slick-prev{left: -70px;}
    .bns_main .part2 .slick-next{right: -70px;}
}
/*
@media (max-width: 1600px){
    .bns_main .part2 .slick_box{margin: 30px -1% 0;}
    .bns_main .part2 .slick_box li{padding:0  1%;}
    .bns_main .part2 .slick-prev{left: 1%;}
    .bns_main .part2 .slick-next{right: 1%;}
}
@media (max-width: 1366px){
    .media_link .txt{width: 45%;}
}
 @media (max-width: 1000px){
    .page_menu .menu_nav a{padding: 10px;min-width: 84px;}
    .page_menu .location{padding: 10px 0;}
    .about_main .part1{padding-top: 30px;padding-bottom: 30px;}
    .about_main .part1 .nums{margin-top: 30px;padding: 24px 0;}
    .about_main .part1 .nums li{width: 50%;}
    .about_main .part1 .nums li:nth-child(3n)::after{display: none;}
    .about_main .part1 .nums li:nth-child(3n + 1){clear: both;}
    .about_main .part3 .tit{font-size: 30px;width: 200px;}
    .about_main .part3 .txt{padding:40px 20px 20px 250px;}
    .about_main .part4 .left{width: 100%;}
    .about_main .part4 .right{width: 100%;margin-top: 20px;}
    .about_main .part5 li{width: 50%; }
    .about_main .part5 li a {padding: 20px;}
    .about_main .part5{margin-top: 30px;margin-bottom: 30px;}

    .dev_main .dev_tit{font-size: 32px;padding-bottom: 30px;}
    .dev_main .part1{padding-top: 30px;padding-bottom: 40px;}
    .dev_main .part1 .slick_box{margin-top: 30px;}
    .dev_main .part2{padding-bottom: 30px;}
    .dev_main .part2 li{margin-top: 20px;}
    .honor_main .honor_tit{font-size: 32px;margin-bottom: 20px;}
    .honor_main .part1{padding-top: 30px;padding-bottom: 30px;}
    .honor_main .honor_ls li{margin-bottom: 20px;}
    .honor_main .part2{padding-bottom: 30px;}

    .bns_main .part1{padding-top: 30px;padding-bottom: 30px;}
    .bns_main .part2{padding-bottom: 30px;}
    .case_main .data li{width: 100%;}
    .case_main{padding-top: 30px;padding-bottom: 30px;}

    .join_main{padding-top: 30px;padding-bottom: 30px;}
    .job_ls li{margin-bottom: 20px;}

    .join_main .Pages{margin: 30px 0 0px;}
    .join_main .sub_menu{margin-bottom: 25px;}
    .qiaoyin_ls li{margin-bottom: 20px;}
    .media_link{padding: 30px 0;}
} */
/* 
@media (max-width: 640px){
    .page_menu .menu_nav a{padding: 10px 8px;min-width: 50px;}
    .page_menu .location{padding: 10px 0;float: left;display: none;}
    .page_bn .mb{display: inline-block;}
    .page_bn .pc{display: none;}
    .about_main .part1 .txt .pic{width: 100%;margin-left: 0;}
    .about_main .part1 .txt .en_tit{font-size: 14px;padding-top: 20px;clear: both;}
    .about_main .part1 .txt .tit{font-size: 22px;margin: 0 0 20px;padding-bottom: 20px;}
    .about_main .part1 .txt .sub_tit{font-size: 16px;line-height: 28px;margin-bottom: 20px;}
    .about_main .part1 .txt{line-height: 28px;}
    .about_main .part1 .nums li{padding: 5px;}
    .about_main .part1 .nums .value{font-size: 28px;}
    .about_main .part1 .nums .unit{margin-top: 0;padding-left: 2px;font-size: 20px;}
    .about_main .part1 .nums .value .add{font-size: 20px;}
    .about_main .part3 .txt{transform: none;}
    .about_main .part3 .tit{position: relative;width: 100%;font-size: 24px;padding: 5% 0;}
    .about_main .part3 .txt{padding:0;}
    .about_main .part3 .tit span{transform: none;top: auto;}
    .about_main .part3 .tits{font-size: 22px;padding-bottom: 15px;margin-top: 20px;}
    .about_main .part3 .desc{margin-top: 15px;}

    .about_main .part4 .tit{font-size: 22px;padding-bottom: 15px;margin-top: 20px;}
    .about_main .part4 .label{font-size: 18px;}
    .about_main .part5 li{width: 80%;}
    .about_main .part5 .tit{font-size: 20px;}
    .about_main .part5 .intro{font-size: 16px;margin-top: 5px;}


    .event_main{padding: 30px 0;}
    .event_item .time{font-size: 20px;width: 100px;height: 30px;line-height: 30px;margin-left: 0;margin-bottom: 40px;}
    .event_item .time:nth-of-type(n+2){margin-left: 0;margin-bottom: 40px;margin-top: 40px;}
    .event_item .date{font-size: 18px;}
    .event_item .cont:nth-of-type(n){text-align: right;margin-top: 20px!important;}
    .event_item .cont:nth-of-type(n) .txt{text-align: left;display: inline-block;width: 82.8%;padding: 15px 20px 20px;}
    .event_item .cont:nth-of-type(n) .txt::before{right: auto;left: -6px;border: 1px solid #e5e5e5;border-right-color: transparent;border-top-color: transparent;}
    .event_item .cont:nth-of-type(n).on .txt,.event_item .cont:nth-of-type(n).on .txt::before{box-shadow: 0px 0px 30px 0px rgba(218, 77, 0, 0.1);border: solid 1px #ff5a00;}
    .event_item .cont:nth-of-type(n).on  .txt::before{border-right-color: transparent;border-top-color: transparent;}
    .event_item .cont.on::before,.event_item::before,.event_item .cont.on::after,.event_item .cont::after{right: 82.8%;}

    .dev_main .dev_tit{font-size: 24px;padding-bottom: 15px;}
    .dev_main .part1 .slick-arrow{height: 45px;width: 45px;}
    .dev_main .part1 .tit{font-size: 20px;}
    .dev_main .part2 .pic{position: relative;width: 100%;padding-bottom: 60%;}
    .dev_main .part2 .txt{padding: 20px 15px;}
    .dev_main .part2 li,.dev_main .part2 li:nth-child(2n){padding: 0;}
    .dev_main .part2 .tit,.dev_main .part2 li:nth-child(2n) .tit{font-size: 20px;padding-bottom: 15px;}
    .dev_main .part2 .intro,.dev_main .part2 li:nth-child(2n) .intro{margin-top: 20px;}
    .dev_main .part2 .intro{font-size: 16px;line-height: 28px;}

    .honor_main .honor_ls li{width: 49%;margin-right: 2%;}
    .honor_main .honor_ls li:nth-child(2n){margin-right: 0;}
    .honor_main .honor_ls .tit{margin-top: 15px;}
    .honor_main .honor_tit{font-size: 24px;}
    .bns_main .bns_tit{font-size: 24px;}
	
    .bns_main .part1 .txt{margin-top: 15px;}
    .bns_main .part2 .slick_box .tit{font-size: 20px;}
    .case_main .data .tit{font-size: 24px;padding-bottom: 25px;margin-bottom: 20px;}
    .case_main .data .txt{font-size: 16px;}
    .case_main .data .label{margin: 10px 0;}

    .job_ls li{padding: 0 10px;}
    .job_ls .bar .salary,.job_ls .bar .num,.job_ls .bar .date{display: none;}
    .job_ls .bar .name{width: 60%;}
    .job_ls .bar .site{width: 30%;}
    .job_ls .bar .btn{width: 10%;}
    .job_ls .bar .label{line-height: 50px;}
    .job_ls .txt{padding: 10px 0 20px;line-height: 28px;}
    .job_ls .txt .tit{margin: 20px 0 10px;}
    .job_ls .txt .send{font-size: 16px;}
    .sub_menu li{margin: 5px;}
    .sub_menu li a{padding: 0 10px;line-height: 35px;font-size: 16px;}
    .preach_ls .ytable-cell{font-size: 16px;padding: 15px 5px;}

    .qiaoyin_ls li{width: 49%;margin-right: 2%;}
    .qiaoyin_ls li:nth-child(2n+1){margin-right: 2%;}
    .qiaoyin_ls li:nth-child(2n){margin-right: 0!important;}
    .qiaoyin_ls + .Pages{margin: 0px 0 0;}

    .media_link .txt{width: 100%;padding: 60px 30px;min-height: 320px;}
    .media_link .txt .tit{font-size: 26px;padding-bottom: 20px;margin-bottom: 20px;}


} */
/* @media (max-width: 480px){
    .bns_main .part2 .slick_box{margin: 30px 0 0;}
    .bns_main .part2 .slick_box li{padding:0  0%;}
    .bns_main .part2 .slick-arrow{height: 45px;width: 45px;bottom: 85px;}
    .bns_main .part2 .slick-prev{left: 0%;}
    .bns_main .part2 .slick-next{right: 0%;}
    .qiaoyin_ls li{width: 49%;margin-right: 2%;}
    .qiaoyin_ls li{width: 100%;margin-right: 0!important;}
    .qiaoyin_ls .tit{line-height: 50px;font-size: 18px;}
} */


.overhide{overflow: hidden;}
.popup{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);width: 90%; max-width: 1100px; margin:auto; padding: 0; position: relative; display: inline-block; border-radius: 10px;}
.popup-container .map{border-radius: 15px; overflow: hidden; max-width: 100%;}
.popup-container .map .con{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 6; background: #fff; color: #333; padding: 15px 20px; text-align: left;}
.popup-container .map .con .h3{font-size: 20px; font-weight: bold;}
.popup-container .map .con .p{font-size: 16px;}
.popup .closed{ position: absolute;top: -30px; right: -30px; cursor: pointer; background: #000; border-radius: 100%; padding: 10px;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 30px; color: #fff; line-height: 30px; }
/* @media (max-width:640px) {
    .popup .closed{ right: 0;}
} */

.inputbox{ position:relative; line-height:44px;}
.inputbox label{ position:absolute; left:0; padding: 0 10px; color:#bfbfbf; z-index: 0; font-size: 16px;}
.inputbox .text{ width:100%;  line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none; position: relative; z-index: 2; font-size: 16px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.inputbox .text:focus{ border-color:#3a4b94;}

.jobpopup .popup-container{background:none;box-shadow:none; max-width: 720px;}
.jobpopup .popup-con{border-radius: 10px; overflow: hidden; background: #fff;}
.jobpopup .closed{top: 2%; right: 8%; background: none;}
.jobpopup .closed:before{color: #333;}
.jobformbox{ display: none;}
.jobform .form-tit{ border-bottom: 1px solid #eee; color: #333; font-size: 24px; text-align: left; padding: 20px 10%;}
.jobform form{padding: 5% 10%;}
.jobform .item{text-align: left; margin-bottom: 15px;}
.jobform .item2 .selectbox{width: 48%;float: left;}
.jobform .item2 .selectbox:last-child{float: right;}
.jobform .selectbox select{display: block; background: #f9f9f9; height: 55px; padding: 10px; line-height: 30px; width: 100%; border: none; color: #999; font-size: 16px;}
.jobform .name{color: #333; font-size: 18px;}
.jobform .inputbox { position: relative; cursor: text; width: 100%; height: 50px; padding: 10px; line-height: 30px; font-size: 16px; background: #f9f9f9;}
.jobform .inputbox span.tit { position: absolute; color: #999; top: 10px; left: 10px;}
.jobform .inputbox input.text ,.jobform .inputbox select.text{ border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;padding:0;}
.jobform .file-filestyle{ line-height: 30px; font-size: 16px; }
.jobform .file-filestyle input.text { border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;}
.jobform .file-filestyle span.tit { color: #333; display:block; margin-bottom:15px; }
.jobform .file-filestyle .filebtn{position:relative; width: 100px; height:100px; border:2px solid #ededed; display:inline-block; font-size:0; text-align: center; line-height: 50px; cursor: pointer;}
.jobform .file-filestyle .filebtn::before,
.jobform .file-filestyle .filebtn::after{ position:absolute; content:''; background:#ededed;}
.jobform .file-filestyle .filebtn::before{ left:20%; width:60%; height:3px; top:50%; margin-top:-1px;}
.jobform .file-filestyle .filebtn::after{ left:50%; margin-left:-1px; width:3px; top:20%; height:60%;}
.jobform .btns{padding-top: 5%; text-align: left;}
.jobform .btn{display: inline-block; background: #f4622b; font-size: 16px; color: #fff; width: 170px; height: 55px; text-align: center; line-height: 55px; border-radius: 55px; border: none; cursor: pointer;}
/* @media (max-width:640px) {
    .jobform .form-tit{font-size: 20px;}
    .jobform .name,.jobform .inputbox,.jobform .file-filestyle{font-size: 14px;}
    .jobform .inputbox input.text{font-size: 14px;}
    .jobform .inputbox span.tit,.jobform .file-filestyle span.tit{top: 5px;}
    .jobform .inputbox{padding: 5px 10px; line-height: 20px; height: 30px;}
    .jobform .file-filestyle{padding: 0 10px; line-height: 20px; height: 30px;}
    .jobform .file-filestyle .filebtn{line-height: 30px;width: 90px;}
    .jobform .btn{font-size:14px; width: 110px;height: 30px;line-height: 30px;border-radius: 30px;}
} */



.list_istop{ padding:0% 0 2% 0;margin: 0 auto;margin-top:1.5%;}
.list_istop .auto{ }
.list_istop ol{overflow:hidden; padding-bottom:15px; margin-bottom:15px;    border-bottom: 1px solid #eee;}
.list_istop ol img{ float:left; width:30%; margin-right: 2%;}
.list_istop ol h1{ margin:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#010101; font-weight:normal;}
.list_istop ol time{ color: #999;  margin-right: 5%;font-size: 14px;}
.list_istop ol p{ margin:2% 0; color:#707070; line-height:24px;    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.list_istop ol a.more{ color:#f4622b;display:inline-block;}
.list_istop li {position: relative; border-bottom: 1px #b2b2b2 dotted; height:52px; line-height:51px; overflow:hidden;}
.list_istop li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#ccc; left:5px; top:50%; margin-top:-2px;}
.list_istop li time{ float:right; font-size:13px; color:#4c4c4c;}
.list_istop li a{ display:block; float:left; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;  font-size:16px}
.list_istop li a:hover{ color:#f4622b;}

/* @media(max-width:640px){
    .list_istop li a{width:76%;}
} */


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color:#666666;
    font-size:14px;
    /* color: #337ab7; */
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.ajax_page{
    width: 100%;
    text-align: center;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #28AD36;
    border-color: #28AD36;
}

.pagination .page_link {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color:#666666;
    font-size:14px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}
    .pagination .page_active {
    color:#fff;
    background-color: #28AD36;
}
   .Hbox.wheel{padding-bottom: 100px;margin-bottom: 100px;}
    .Hbox.wheel .txts{display: inline-block;position: relative;}
    .Hbox.wheel .part2{padding-bottom: 0;}
    .Hbox.wheel .txts::after{content:"";display: block;width: 100%;left: 0;height: 1px;background-color: #ff5a00;bottom: -26px;position: absolute;}
    .Hbox.wheel .wheel_tit{	font-size: 42px;line-height: 30px;letter-spacing: 1px;color: #333333;margin: 0;text-align: center;}
    .Hbox.wheel .wheel_tits{margin: 20px 0 0;text-align: center;font-size: 30px;font-weight: normal;color: #666666;}   
	.Hbox.wheel{padding: 120px 0 100px;margin-bottom: 100px;}
    .Hbox.wheel .txts{display: inline-block;position: relative;}
    .Hbox.wheel .part2{padding-bottom: 0;}
    .Hbox.wheel .txts::after{content:"";display: block;width: 100%;left: 0;height: 1px;background-color: #ff5a00;bottom: -26px;position: absolute;}
    
	
	 .employee-tit{	font-size: 36px;line-height: 30px;letter-spacing: 1px;color: #333333;margin: auto;text-align: center;}
     .employee-intro{max-width: 920px;text-align: center;margin: 20px auto 0;	font-size: 18px;line-height: 30px;color: #666666;}
     .employee .slick-box{margin: 60px -17px 0;}
     .employee .slick-box .slick-slide{padding: 0 17px;}
     .employee .slick-box .pic{padding-bottom: 62.745%;background-position: center center;background-size: cover;background-repeat: no-repeat;}

     .employee .slick-dots{ width: 100%; z-index: 2; text-align: center;margin-top: 60px;}
     .employee .slick-dots *{ display: inline-block; vertical-align: middle;}
     .employee .slick-dots li{ width: 16px; height: 16px; border: 1px solid transparent; border-radius: 100%; margin: 0 10px; line-height: 16px;}
     .employee .slick-dots button{ width: 10px; height: 10px; background: #e6e6e6; border-radius: 100%; font-size: 0; border: none; padding: 0;display: block;margin: 2px auto; cursor: pointer;}
     .employee .slick-dots .slick-active{ border-color: #ff5a00;}
     .employee .slick-dots .slick-active button{ background: #ff5a00;}


.tit-en {text-transform:uppercase;display: block;margin: 6px 0 0;text-align: center;font-size: 16px;font-weight: normal;color: #666666;}


.investor_contact_man{margin: 3% 0}
.investor_contact{ font-size: 18px; line-height: 40px;}
.investor_contact a{ color: #ff5a00; border-bottom: solid 2px #ff5a00}

.investor_faq .list{ font-size: 14px; line-height: 30px;border: 1px solid #b6b6b6;margin-bottom:20px;border-radius: 10px;}
.investor_faq .q_txt{ position: relative;font-size: 16px; background: #eee ; padding: 10px 90px 10px 45px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.investor_faq .q_txt span{ position: absolute; right: 10px; font-size: 14px; color: #999}
.investor_faq .q_txt img{ position: absolute; left: 10px;}
.investor_faq .a_txt{ padding: 1% 0 1% 45px; color: #555}
.LogoInfo{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 800px;
	position: relative;
	border-radius: 30px;
}
.LogoInfo:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7);border-radius: 30px;}
.LogoInfo .LogoIntrtlt{ width: 100%; height: 10%; position: absolute;top: 5%;}
.LogoInfo .LogoIntrtlt p{color: #fff;text-align: center;font-size: 45px;}
.LogoInfo .LogoIntr{height: 60%; width: 42%; background: rgb(255, 255, 255,0.7);position: absolute;top: 25%;border-radius: 25px;padding: 70px 50px;}
.LogoInfo .LogoIntr .tlt{text-align: center;font-size: 30px;}
.LogoInfo .LogoIntr .content{text-indent: 2em; }
.LogoInfo .LogoIntr:nth-child(2){left: 6%;}
.LogoInfo .LogoIntr:nth-child(3){right: 6%;}
.business_main .service_con{margin-top:5%;background-color: #f8f8f8;}
.business_main .service_con li{float: left;width: 50%;border-radius: 20px;}
.business_main .service_con li img{border-radius: 20px;}
.business_main .service_con li:nth-child(2n){padding: 75px;}
.business_main .service_con li h1{font-size: 45px;}
.business_main .service_con li p{font-size: 22px;}
.business_main .case_con{margin:1% 0;}
.business_main .case_con li{float: left;width:25%;margin-right: 12.5%;margin-top: 5%;}
.business_main .case_con li:nth-child(3n){margin-right: 0;}
.business_main .case_con li img{height: 280px;width:400px;object-fit: cover;}
.business_main .case_con li p{font-size: 25px;text-align: center;}
.case_con .wheel_tit{font-size: 36px;line-height: 30px;letter-spacing: 1px;color: #333333;margin: 5%;text-align: center;}

.news_main .news_con{margin:3% 0;}
.news_main .news_con .news_tlt{font-size: 48px;color: #333333;text-align: center;}
.news_main .news_con li{float: left;width:30%;margin-right: 5%;margin-top: 5%;}
.news_main .news_con li:nth-child(3n){margin-right: 0;}
.news_main .news_con li img{width: 100%;    height: 320px;object-fit: cover;border-top-left-radius:15px ;border-top-right-radius:15px ;}
.news_main .news_con li .news_txt p{
	    font-size: 18px;
	    padding: 4% 5%;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    margin: 0;
	    line-height: 1.5em;
	    max-height: 4em;
	    height: 85px;
}
.news_main .news_con li figure{position: relative;}
/* .news_main .news_con li figure p{position: absolute;left: 5%;background:#28AD36 ;color: #fff;padding: 3% 5%;border-radius: 15px;bottom: -11%;} */
.news_main .news_con li figure .news_date p{position: absolute;left: 5%;background:#28AD36 ;color: #fff;padding: 2% 5%;border-radius: 15px;bottom: -11%;font-family: Microsoft YaHei;font-weight: 400;font-size: 18px;}
.news_main .news_con li:hover .news_txt  p{color: #28AD36;}
.yqfk_main .yqfk_con{margin:5% 0;}
.yqfk_main .yqfk_con li{float: left;width:45%;margin-right: 10%;margin-top: 5%; position: relative;}
.yqfk_main .yqfk_con li:nth-child(2n){margin-right: 0;}
.yqfk_main .yqfk_con li img{width: 100%;object-fit: cover;border-radius: 15px;}
.yqfk_main .yqfk_con li:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	border-radius: 20px;
}
.yqfk_main .yqfk_con li figure{position: relative;}
.yqfk_main .yqfk_con li .txt{position: absolute;left: 5%;bottom: 10%;color: #fff;: 0 5%;z-index: 2;}
.yqfk_main .yqfk_con li figure p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-overflow: ellipsis;font-size: 18px;padding-right: 30%;}
.yqfk_main .yqfk_con li:hover::before {
	background: rgba(0, 0, 0, 0.5);
}
.bottom_info{
	position: absolute;
	top: 40%;
	color: #fff;
	z-index: 2;
	width: 100%;
	padding: 0px 20%;
}
.bottom_info .l{
	float: left;
	border: 1px solid #fff;
	width: 45%;
	padding: 2% 0;
	padding-left: 12%;
	position: relative;
	backdrop-filter: blur(10px); 
	border-radius: 20px;
}

.bottom_info .l:nth-child(2n){
	float: right;
}
.bottom_info .bottom_info_img{
	width: 10%;
	height: 40%;
	position: absolute;
	top: 30%;
	left: 10%;
	background: url("../images/bottom_joinus.png");
	background-repeat:no-repeat;
}
.bottom_info .l:nth-child(2n) .bottom_info_img{
	background: url("../images/bottom_honer.png");
	background-repeat:no-repeat;
}

.bottom_info .l:hover{
	border: 1px solid #28AD36;
	color:#28AD36 ;
}
.bottom_info .l:hover .bottom_info_img{
	background: url("../images/bottom_joinus_on.png");
	background-repeat:no-repeat;
}
.bottom_info .l:nth-child(2n):hover .bottom_info_img{
	background: url("../images/bottom_honer_on.png");
	background-repeat:no-repeat;
}
.bottom_info .bottom_info_img_arrow{
	width: 10%;
	height: 40%;
	position: absolute;
	top: 30%;
	right: 10%;
	background: url("../images/cc-arrow-right-circle.png");
	background-repeat:no-repeat;
}
.bottom_info .l:hover .bottom_info_img_arrow{
	background: url("../images/cc-arrow-right-circle_on.png");
	background-repeat:no-repeat;
}

	/* 父容器样式 */
		.news_main .czjh_con {
			width: 100%;
			overflow-x: auto;
			/* 允许横向滚动 */
		}

		/* ul 样式 */
		.news_main .czjh_con .ul {
			list-style: none;
			padding: 0;
			margin: 0;
			white-space: nowrap;
			/* 强制所有 li 在同一行显示 */
		}

		/* 默认 li 样式 */
		.news_main .czjh_con .ul li {
			display: inline-block;
			/* 使 li 在同一行显示 */
			width: 400px;
			/* 默认宽度 */
			height: 320px;
			/* 固定高度 */
			margin-right: 20px;
			/* li 之间的间距 */
			transition: all 0.3s ease;
			/* 平滑过渡 */
			vertical-align: top;
			/* 顶部对齐 */
			position: relative;
			/* 为内部元素定位提供参考 */
			overflow: hidden;
			/* 防止内容溢出 */
			margin-top: 5%;
		}

		/* li_show 样式 */
		.news_main .czjh_con .ul li.li_show {
			width: 750px;
			/* 获取 li_show 类时的宽度 */
			border: 7px #28AD37 solid;
			border-radius: 15px;
		}

		.news_main .czjh_con .ul li.li_show figure::after {
			background: rgba(0, 0, 0, 0.2);
		}

		/* 图片样式 */
		.news_main .czjh_con .ul li img {
			width: 100%;
			height: 320px;
			object-fit: cover;
			border-radius: 15px;
			position: relative;
			/* 为遮罩和文字定位提供参考 */
		}

		/* 图片遮罩 */
		.news_main .czjh_con .ul li figure {
			position: relative;
			display: inline-block;
		}

		.news_main .czjh_con .ul li figure::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 15px;
			background: rgba(0, 0, 0, 0.5);
			/* 半透明黑色遮罩 */
		}

		/* 文本样式 */
		.news_main .czjh_con .ul li .news_txt {
			position: absolute;
			top: 50%;
			/* 垂直居中 */
			left: 50%;
			/* 水平居中 */
			transform: translate(-50%, -50%);
			/* 精确居中 */
			width: 100%;
			/* 宽度占满父容器 */
			text-align: center;
			/* 文字居中 */
			z-index: 1;
			/* 确保文字在遮罩上方 */
		}

		.news_main .czjh_con .ul li .news_txt p {
			color: white;
			/* 白色字体 */
			font-size: 24px;
			/* 字体大小 */
			font-weight: bold;
			/* 加粗 */
			margin: 0;
			/* 去除默认 margin */
			padding: 0 10px;
			/* 防止文字溢出 */
			line-height: 1.5;
			/* 行高 */
			-webkit-line-clamp: 1;
			/* 限制为一行 */
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		/* li_show 图片居中 */
		.news_main .czjh_con .ul li.li_show figure {
			display: flex;
			/* 使用 flexbox 布局 */
			justify-content: center;
			/* 水平居中 */
			align-items: center;
			/* 垂直居中 */
			height: 100%;
			/* 高度占满父容器 */
		}

		.news_main .czjh_con .ul li.li_show img {
			max-width: 100%;
			/* 图片最大宽度为父容器宽度 */
			max-height: 100%;
			/* 图片最大高度为父容器高度 */
			object-fit: contain;
			/* 保持图片比例 */
		}

		.news_main .czjh_con .ul li.li_show figure::after {
			border-radius: 0px;
		}

		.news_main .ygfc_con {
			margin-top: 80px;
		}

		.news_main .ygfc_con ul {
			display: flex;
			justify-content: space-between;
			gap: 8px;
			/* 设置 li 之间的间距为 8px */
		}

		.news_main .ygfc_con ul li {
			position: relative;
			height: 340px;
			/* 固定高度为 340px */
			overflow: hidden;
			/* 防止内容溢出 */
			flex: 1;
			/* 默认比例 */
			box-sizing: border-box;
			/* 确保宽度计算包括 padding 和 border */
		}

		/* 第一行的比例 */
		.news_main .ygfc_con ul li:first-child {
			flex: 0 0 calc(50% - 4px);
			/* 比例为 2 的宽度 */
		}

		.news_main .ygfc_con ul li:not(:first-child) {
			flex: 0 0 calc(25% - 6px);
			/* 比例为 1 的宽度 */
		}

		.news_main .ygfc_con.row2 {
			margin-top: 8px;
		}

		/* 第二行的比例 */
		.news_main .ygfc_con.row2 ul li:first-child {
			flex: 0 0 calc(25% - 6px);
			/* 比例为 1 的宽度 */
		}

		.news_main .ygfc_con.row2 ul li:last-child {
			flex: 0 0 calc(50% - 4px);
			/* 比例为 2 的宽度 */
		}

		.news_main .ygfc_con ul li .news_txt {
			position: absolute;
			bottom: 30px;
			left: 40px;
			color: #fff;
			font-size: 18px;
			z-index: 1;
			width: calc(100% - 80px);
			/* 减去左右 padding 或 margin */
			white-space: nowrap;
			/* 禁止换行 */
			overflow: hidden;
			/* 超出部分隐藏 */
			text-overflow: ellipsis;
			/* 超出部分显示为省略号 */
		}

		.news_main .ygfc_con ul li .news_txt p {
			margin: 0;
			color: #fff;
		}

		.news_main .ygfc_con ul li:hover .news_txt {
			background-color: transparent;
			/* 移除背景色 */
		}

		.news_main .ygfc_con ul li:hover .news_txt p {
			color: #fff;
			/* 保持白色字体 */
		}

		.news_main .ygfc_con ul li figure {
			position: relative;
			overflow: hidden;
			height: 100%;
			/* 让 figure 占满 li 的高度 */
		}

		.news_main .ygfc_con ul li figure img {
			width: 100%;
			height: 100%;
			/* 让图片占满 figure 的高度 */
			object-fit: cover;
			/* 保持图片比例并覆盖整个区域 */
			display: block;
		}

		.cssy_main .part1 {
			padding-top: 140px;
		}
		
		.cssy_main .cssy_tit {
			text-align: center;
			font-size: 48px;
			color: #000000;
			margin: 0 -20px 60px -20px;
		}
		
		/*.cssy_main .cssy_ls li{float: left;margin-right: 2.5%;width: 23.125%;margin-bottom: 60px;}*/
		.cssy_main .cssy_ls li {
			width: 25%;
			float: left;
			padding: 0 20px
		}
		
		.cssy_main .cssy_ls li:nth-child(4n) {
			margin-right: 0;
		}
		
		.cssy_main .cssy_ls a {
			display: block;
			position: relative;
		}
		
		.cssy_main .cssy_ls .pic {
			padding-bottom: 70.27%;
			position: relative;
		}
		
		.cssy_main .cssy_ls .pic img {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
		}
		
		.cssy_main .cssy_ls .tit {
			font-size: 18px; /* 字号设置为18px */
			color: #ffffff; /* 文字颜色设置为白色 */
			font-weight: normal;
			margin: 0; /* 去掉原有的margin */
			position: absolute; /* 绝对定位 */
			bottom: 15px; /* 距离底部15px */
			left: 15px; /* 距离左边15px */
			right: 15px; /* 距离右边15px */
			white-space: nowrap; /* 不换行 */
			overflow: hidden; /* 超出部分隐藏 */
			text-overflow: ellipsis; /* 超出部分用省略号表示 */
		}
		
		.cssy_ls .slick-arrow {
			position: absolute;
			top: 40%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			z-index: 2;
			background: url("../images/next.png") no-repeat center center;
			width: 30px;
			height: 50px;
			font-size: 0;
			border: none;
			cursor: pointer
		}
		
		.cssy_ls .slick-prev {
			left: -20px;
      top: 50%;
			background: url("../images/prev.png") no-repeat center center;
		}
		
		.cssy_ls .slick-next {
			right: -20px;
			top: 50%;
		}
		
		.cssy_main .part2 {
			padding-bottom: 180px;
		}
		
		.cssy_main .Pages {
			margin: 20px 0 0;
		}