@charset "utf-8";
/**初始**/
@font-face {
    font-family: "ALIBABA";
    src: url("../fonts/ALIBABA-PUHUITI-MEDIUM.woff2") format("woff2"),
    url("../fonts/ALIBABA-PUHUITI-MEDIUM.woff") format("woff"),
    url("../fonts/ALIBABA-PUHUITI-MEDIUM.ttf") format("truetype"),
    url("../fonts/ALIBABA-PUHUITI-MEDIUM.eot") format("embedded-opentype"),
    url("../fonts/ALIBABA-PUHUITI-MEDIUM.svg") format("svg");
}

* {outline: 0;-webkit-box-sizing: border-box;-moz-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: #666666; font-family: "ALIBABA","Microsoft YaHei","Arial";
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "ALIBABA","Microsoft YaHei","Arial";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #263147;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
p{margin-top:}0
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "ALIBABA","Microsoft YaHei","Arial";
    text-align:justify;
    text-justify:inter-ideograph;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select.gif) no-repeat scroll 96% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

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

.fl{ float: left;}
.fr{ float: right;}
.center{ text-align: center;}

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

.slick_btn .slick-arrow,
.slick_btn .slick-dots{ position: absolute; z-index: 10;}
.slick_btn .slick-arrow{ width: 72px; height: 72px; top: 50%; margin-top: -36px; background: url("../images/prev_btn2.png") no-repeat center #e5e5e5; background-size: contain; border: none; font-size: 0; cursor: pointer; border-radius: 100%;}
.slick_btn .slick-prev{ left: -14.5%;}
.slick_btn .slick-next{ right: -14.5%; background-image: url("../images/next_btn2.png");}
.slick_btn .slick-arrow:hover{ background-color: #068a4b;}

.slick_btn .slick-dots{ text-align: center; width: 100%; left: 0; bottom:7.5%; font-size: 0;}
.slick_btn .slick-dots li{ display: inline-block; margin: 0 5px;}
.slick_btn .slick-dots button{ display: block; border:none; width: 18px; height: 18px; border-radius: 100%; background: rgba(255,255,255,0.3); font-size: 0; }
.slick_btn .slick-dots .slick-active button{ background: #fff; }
@media(max-width:1366px){
    .slick_btn .slick-prev{ left: -5%;}
    .slick_btn .slick-next{ right: -5%;}
}
@media(max-width:1200px){
    .slick_btn .slick-arrow{ width: 50px; height: 50px; opacity: 0.5;}
    .slick_btn .slick-prev{ left: 0;}
    .slick_btn .slick-next{ right: 0;}
}


.nM{ margin: 0; }
.normal{ font-weight: normal; }

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



.w1760{ max-width: 1760px; margin: 0 auto;}
@media(max-width:1800px){
    .w1760{ max-width: 1600px;}
}
@media(max-width:1660px){
    .w1760{ max-width: 1440px;}
}
@media(max-width:1500px){
    .w1760{ max-width: 1366px;}
}
.w1440{ max-width: 1440px; margin: 0 auto;}
@media(max-width:1500px){
    .w1440{ max-width: 1366px;}
}
@media(max-width:1366px){
    .w1760,
    .w1440{ padding: 0 2%;}
}




.header{ position: relative; background: #fff;}
.header .w1760{ position: relative;padding: 30px 0; }

.header .tel{ float: right; font-size: 18px; color: #2a4356;}
.header .other{ position: absolute; right: -7px; bottom: 20px; z-index: 103;}
.header .other dt{ width: 35px; height: 36px; position: relative;}
.header .open-search{ display: inline-block; width: 35px; height: 36px; background: url("../images/icon_search.png") no-repeat center center; vertical-align:bottom; position: relative;}
.header .open-search-show{ background: none;}
.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 .search_box{ position:absolute; top:50px; right:0; 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.2); 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;}
.header .search_box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}
.header .topNav{ position: absolute; bottom: 0; right: 0; padding-right: 4%; width: 100%; text-align: right; }
.header .topNav > ul{ font-size: 0;}
.header .topNav .li{  margin-left: 58px; position: relative; padding-bottom: 25px;font-size: 14; display: inline-block;}
.header .topNav .li > a{ font-size: 18px; color: #2a4356; }
.header .subnav{ position: absolute; left: 50%; margin-left: -65px; top: 100%; width: 130px; text-align: center; background: #fff; padding: 30px 0; border-radius: 0 0 10px 10px; z-index: 101; display: none;}
.header .subnav a{ display: block; line-height: 36px; font-size: 16px; color: #6e8092;}
.header .topNav a:hover,
.header .topNav .aon > a { color: #0068b7;}
.header .topNav .pro_li{ position: static;}
.pro_nav{ display: none;}
.header .pro_li .subnav{ width: 100%; left: 0; position: absolute; top: 100%; z-index: 105; background: #fff; font-size: 14px; text-align: left; display: none; margin-left: 0; padding: 0; border-radius: 0; font-size: 14px;}
.pro_sub .ytable_cell{ vertical-align: top;}
.pro_sub .fl_menu{ width: 30%;}
.pro_sub .fl_menu .tit{  font-size: 20px;font-weight: normal; color: #2a4356; padding:2% 11%;  background: #ebf0f6; margin: 0}
.pro_sub .fl_menu li{ border-top: 1px solid #eeeeee; padding: 2% 11%; font-size: 16px;}
.pro_sub .fl_menu li a{ color: #2a4356; display: block; padding-right: 10px; background: url("../images/icon_arrow.png") no-repeat right center;}
.pro_sub .fl_menu li:hover,
.pro_sub .fl_menu li.aon{ background: #0068b7;}
.pro_sub .fl_menu li:hover a,
.pro_sub .fl_menu li.aon a{ color: #fff;}
.pro_sub .fr_list{ background:url("../images/nav_bg.jpg") no-repeat center top #ebf0f5; background-size: contain; width: 70%; padding:8% 5% 2%;}
.pro_sub .fr_list .list{ width: 100%; max-width: 100%; display: none;}
.pro_sub .fr_list ul{ overflow: auto;white-space:nowrap; }
.pro_sub .fr_list li{ width: 325px; text-align: center; display: inline-block; vertical-align: top; padding-bottom: 5%; margin: 0 10px;}
.pro_sub .fr_list figure{ padding-top: 58%;background-size: contain;}
.pro_sub .fr_list h2{ font-size: 20px; color: #2a4356; margin: 5% 0 0; font-weight: normal;}
.pro_sub .fr_list p{ font-size: 16px; color: #6e8092;}
.header .subnav .navMore{ width: 200px; text-align: center; display: block; margin: 5% auto 0; line-height: 50px; color: #6e8092; font-size: 14px; position: relative; text-align: center;}
.header .subnav .navMore:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.navMore span{ position: relative; z-index: 2;}
.header .topNav .navMore:hover{ color: #fff;}
.navMore:hover:before{ background: #6e8092;}
@media(max-width:1760px){
    .header .w1760{ padding-left: 2%; padding-right: 2%;}
    .header .other{ right: 1%;}
}
@media(max-width:1366px){
    .header .topNav .li{ margin-left: 30px;}
}
@media(max-width:1150px){
    .header .topNav .li{ margin-left: 25px;}
    .header .topNav .li > a{ font-size: 16px;}
}
@media(max-width:1024px){
    .header .other dt,
    .header .other dd{ display: inline-block; vertical-align: middle;}
    #open_menu{ width: 35px;height: 36px;background: #2a4366;margin-left: 10px;position: relative;z-index: 101;transition: background 0.3s; border-radius: 10px 0 10px 0; }
    #open_menu i,
    #open_menu i::before,
    #open_menu i::after{ background:#fff; border-radius:3px;position: absolute;background: #fff;border-radius: 3px;}
    #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;top: 50%;}
    #open_menu i::before,
    #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
    #open_menu i::before{ top:6px;}
    #open_menu i::after{top:-6px;}
    /*#open_menu.open_menu_on{position: fixed;top: 30px;right: 50%;z-index: 99; background: none;}*/
    /*#open_menu.open_menu_on i{height:3px; margin-top:-1.5px; background:none !important; width: 80%; left: 10%;}*/
    /*#open_menu.open_menu_on i::before,*/
    /*#open_menu.open_menu_on i::after{  top:0 !important;}*/
    /*#open_menu.open_menu_on i::before{ transform:rotate(45deg);}*/
    /*#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}*/
    .header .topNav{position: fixed;top: 0;right: -100%;z-index: 110;overflow: auto;width: 250px;height: 100%;background: #2a4366;opacity: 0;transition: .3s;width: 50%; margin: 0; float: none; padding-top: 5%; padding-left: 0; padding-right: 0;}
    .header .topNav .li{ display: block; width: 100%; margin: 0; padding: 0;}
    .header .topNav li:nth-child(2n){ background: rgba(255,255,255,0.2);}
    .header .header-menu-show{right: 0;opacity: 1;}
    .header .menu-layer {position: fixed;top: 0;left: 0;z-index: 98;display: none;overflow: hidden;width: 100%;height: 100%;background: rgba(0,0,0,.65)!important;}
    .header .topNav .li > a{ color: #fff; text-align: center; display: block; line-height: 40px;}
    .header .subnav{ display: none!important;}
}
@media(max-width:750px){
    .header .w1760{ padding-top: 3%; padding-bottom: 3%;}
    .header .logo{ width: 70%; display: inline-block;}
    .header .tel{ display: none;}
    .header .other{ top: 50%; transform: translateY(-50%); bottom: auto;}
}


#footer figure{ padding: 4% 0; position: relative;}
#footer nav{ padding: 4% 0;border-bottom: 1px solid #ebf0f5;border-top: 1px solid #ebf0f5; }
#footer dl{ float: left; width: 14.5%; margin-right: 2.5%;}
#footer dl:nth-child(2){ width: 21%; margin-right: 5%;}
#footer dl:last-child{ width: auto; margin-right: 0;}
#footer dl .list{ width: 50%; float: left;}
#footer dl .list:nth-child(2n+1){ clear: both;}
#footer dl a{ display: block; font-size: 16px; line-height: 36px; color: #6e8092;}
#footer dl a:hover{color: #0068b7;}
#footer dt{ font-size: 20px; color: #2a4356; margin-bottom: 30px;}
.Copyright{ text-align: center; color: #6e8092; font-size: 16px; padding: 2% 0;}
.Copyright p{ margin: 0; font-weight: normal;}
.Copyright a{color: #6e8092;}
.Copyright a:hover{color: #0068b7;}
.Copyright span{ display: block; text-align: center; margin-bottom: 5px;}
.Copyright span *{ display: inline-block; vertical-align: middle;}
.Copyright span i{ width: 10px; height: 10px; background: url("../images/icon_arrow2.png") no-repeat center; margin: 0 8px 0 10px;}
#footer .back_top{ float: right; width: 112px; height: 71px; background: url("../images/top.png") no-repeat center;}
@media(max-width:1440px){
    #footer dl{ width: 13%;}
}
@media(max-width:1000px){
    #footer figure img,
    #footer nav{ display: none;}
    #footer figure{ padding: 0;}
    #footer .back_top{ position: fixed; right: 2%; bottom: 5%; z-index: 100; width: 82px; height: 47px; background-size: contain;}
}
@media(max-width:768px){
    .Copyright{ font-size: 14px;}
}


.bgf5f7fa{ background: #f5f7fa}
.bgecf0f3{ background: #ecf0f3}
.Nmenu{  line-height: 76px; margin-bottom: 5%; min-height: 76px; border-bottom: 1px solid #e5e5e5;}
.Nmenu ul{ float: left; text-align: left;max-width: 74%;}
.Nmenu li{ float: left; margin-right: 15px;}
.Nmenu li a{ color: #2a4356; font-size: 18px; display: block; position: relative; padding: 0 38px;}
.Nmenu li a:hover,
.Nmenu li.aon a{ color: #ffffff; background: #0068b7;}
.Nmenu .current{ float: right; color: #6e8092;max-width: 26%;line-height: 26px;margin-top: 25px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 16px;}
.Nmenu .current a{ color: #6e8092;}
.Nmenu .current i{ display: inline-block; margin: 0 12px; font-style: normal; font-family: 宋体;}
.Nmenu .current a:hover,
.Nmenu .current span{ color: #0068b7;}
.Nmenu_pro li{ margin-right: 0;}
@media(max-width:1100px){
    .Nmenu li{ margin-right: 5px;}
}
@media(max-width:1024px){
    .Nmenu{ line-height: 60px; min-height: auto;}
    .Nmenu .current{ display: none;}
    .Nmenu ul{ max-width: 100%; width: 100%;}
    .Nmenu li{ margin: 0;}
}
@media(max-width:640px){
    .Nmenu li{ width: 33.33%; text-align: center; margin-right: 0;}
    .Nmenu li a{ padding: 0;}
}
.padd_b5{ padding-bottom: 5%;}
.padd_5{ padding: 5% 0;}
.pro_box_item.padd_5{padding-top:0}
.Hbanner img,
.Nbanner img{ width: 100%;}
.wapBan{ display: none;}
.Hbanner .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Hbanner .slick-prev{ left: 1%;}
.Hbanner .slick-next{ right: 1%; background-position: right center;}
.Hbanner .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.Hbanner .slick-dots{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 5%; z-index: 5;}
.Hbanner .slick-dots li{ display: inline-block; margin: 0 10px; background: url("../images/icon_arrow13.png") no-repeat center; width: 12px; height: 13px; vertical-align: top; cursor: pointer; opacity: .2;}
.Hbanner .slick-dots li button{ display: none;}
.Hbanner .slick-dots .slick-active{ opacity: 1;}
@media(max-width:1024px){
    .wapBan{ display: block;}
    .pcBan{ display: none;}
}

.Habout .fl{width: 57.226%; position: relative;}
.Habout .fr{ width: 42.774%; padding-top: 13%;}
.Habout .txt{ max-width: 588px;}
.Habout_info{ font-size: 16px; color: #6e8092; line-height: 28px;}
.Habout_info h2{ margin: 0; font-size: 36px; color: #2a4356; line-height: normal;}
.Habout_info h3{ font-size: 18px; color: #2a4356; margin: 3% 0 5%;}
.Habout_info .ul_num{ margin: 8% 0 12%;}
.Habout_info .ul_num li{ float: left; width: 33.33%;}
.Habout_info .ul_num .num{ color: #0068b7;}
.Habout_info .ul_num .num span{ font-size:48px; font-family: Arial; font-weight: bold; display: inline-block; margin-right: 5px; }
.Hboxmore{ width: 160px; text-align: center; line-height: 50px; position: relative; display: block; color: #6e8092;}
.Hboxmore span{ position: relative; z-index: 10;}
.Hboxmore span:after{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 8px; background: url("../images/icon_arrow11.png") no-repeat center; margin-left: 35px;}
.Hboxmore:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hboxmore:hover:before{ background: #6e8092;}
.Hboxmore:hover{ color: #fff;}
.Hboxmore:hover span:after{ background-image: url("../images/icon_arrow3.png");}





.Industry_icon_list .hover{ display: none; position: absolute; right: 9%; top: 50%; transform: translateY(-50%); width: 39.4%; background: #0068b7; padding: 2% 2% 0; color: #fff;}
.Industry_icon_list .icon{ position: absolute; width: 14px; height: 16px; background: url("../images/icon_arrow14.png") no-repeat center; cursor: pointer;}
.Industry_icon_list .aon{ background-image: url("../images/icon_arrow15.png");}
.Industry_icon_list .hover h3{ margin: 0; font-size: 24px;}
.Industry_icon_list .hover pre{ margin: 3% 0 4%; font-size: 16px; line-height: 28px; opacity: .5;}
.Industry_icon_list .pic_list li{ width: 48.5%; float: left; margin-right: 3%; margin-bottom: 3%; position: relative;}
.Industry_icon_list .pic_list li:nth-child(2n){ margin-right: 0;}
.Industry_icon_list .pic_list.long { padding-bottom: 5%}
.Industry_icon_list .pic_list.long li{ width: 100%; float: none; margin-right: 0; margin-bottom: 0}
.Industry_icon_list .pic_list.long li img{ width: 100%}
.Industry_icon_list .pic_list figure{ padding-top: 69.89%;}
.Industry_icon_list .pic_list p{ position: absolute; left: 0; top: 0; width: 100%; padding: 5%;text-shadow: 0 0 5px #000;}
.Industry_icon_list .hover:before{ content: ''; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); border: 8px solid transparent; border-right-color:#0068b7; }
@media(max-width:1500px){
    .Habout .txt{ width: 96%;}
    .Habout_info h2{ font-size: 34px;}
    .Habout_info .ul_num .num span{ font-size: 40px;}
}
@media(max-width:1366px){
    .Habout .fr{ padding-top: 8%;}
}
@media(max-width:1200px){
    .Habout .fr{ padding: 5% 0;}
    .Habout_info h2{ font-size: 28px;}
    .Habout_info .ul_num .num span{ font-size: 36px;}
    .Industry_icon_list .icon{ width: 10px; height: 12px; background-size: contain;}
}
@media(max-width:1024px){
    .Habout_info h2{ font-size: 28px;}
    .Habout_info .ul_num .num span{ font-size: 30px;}
}
@media(max-width:768px){
    .Habout .fl{ display: none;}
    .Habout .fl,
    .Habout .fr{ width: 100%; float: none; padding: 0 4%;}
    .Habout .fr{ padding-bottom: 10%; padding-top: 10%;}
    .Habout .txt{ width: 100%; max-width: 100%;}
    .Habout_info h2{ font-size: 26px;}
    .Habout_info .ul_num .num span{ font-size: 28px;}
    .Habout_info .ul_num{ margin: 4% 0 6%;}
    .Industry_icon_list .hover{ display: none!important;}
}
@media(max-width:640px){
    .Habout_info{ font-size: 14px;}
    .Habout_info h2{ font-size: 20px;}
    .Habout_info h3{ font-size: 16px;}
    .Habout_info .ul_num .num span{ font-size: 28px;}
    .Habout_info .ul_num li{ font-size: 12px;}
    .Hboxmore{ margin-left: 10px; width: 130px;}
    .Hboxmore span:after{ margin-left: 10px;}
}

.Htitle{ text-align: center; font-size: 28px; color: #2a4356; margin-bottom: 3%;}
@media(max-width:768px){
    .Htitle{ font-size: 26px;}
}

@media(max-width:640px){
    .Htitle{ font-size: 20px;}
}

.Hpro{ background: url("../images/Hpro_bg.jpg") no-repeat center top; background-size: cover; padding: 5% 0;}
.Hpro .tab_span{ text-align: center; margin-bottom: 5%;}
.Hpro .tab_span li{ display: inline-block; text-align: center; font-size: 16px; color: #6e8092; margin: 0 1%;line-height: 50px;position: relative; width: 200px; cursor: pointer;}
.Hpro .tab_span i{ display: inline-block; max-width: 40px; vertical-align: middle; margin-right: 8px;}
.Hpro .tab_span span{ position: relative;}
.Hpro .tab_span li:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hpro .tab_span li:hover:before,
.Hpro .tab_span li.aon:before{ border-color: #2a4356;}
.Hpro .list ul{ margin: 0 -26px;}
.Hpro .list li{ padding: 0 26px 30px;}
.Hpro .list li a{ display: block; padding:8% 0 10px; transition: all 0.5s;text-align: center; position: relative;}
.Hpro .list li a:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; background: #f3f4f8;}
.Hpro .list figure{ padding-bottom: 72%; margin-bottom: 10%; position: relative; z-index: 3;}
.Hpro .list .txt{position: relative; z-index: 3; padding-bottom: 15%;}
.Hpro .list h3{ font-size: 20px; color: #2a4356; }
.Hpro .list p{ color: #6e8092; font-size: 16px;}

.Hpro .list li:hover a{ background: url("../images/pro_bg.png") no-repeat center top; background-size: cover; box-shadow: 0 5px 20px rgba(0,81,143,.6);}
.Hpro .list li:hover h3,
.Hpro .list li:hover p{ color: #fff;}
.Hpro .list li:hover a:before{ display: none;}
.Hpro .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Hpro .slick-prev{ left: -10%;}
.Hpro .slick-next{ right: -10%; background-position: right center;}
.Hpro .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.Hpro .Hboxmore{ margin: 5% auto 0; width: 200px;}
.Hpro .Hboxmore span:after{ display:none;}
.Hnews .Hboxmore{ margin: 5% auto 0; width: 200px;}
.Hnews .Hboxmore span:after{ display:none;}
@media(max-width:1720px){
    .Hpro .slick-prev{ left: -3%;}
    .Hpro .slick-next{ right: -3%;}
}
@media(max-width:1600px){
    .Hpro .list{ padding: 0 3%;}
}
@media(max-width:1440px){
    .Hpro .list ul{ margin: 0;}
}
@media(max-width:1200px){
    .Hpro .list{ padding: 0 6%;}
    .Hpro .slick-prev{ left: -8%;}
    .Hpro .slick-next{ right: -8%;}
    .Hpro .list li{ padding: 0 10px 30px;}
    .Hpro .list h3{ font-size: 18px;}
}
@media(max-width:768px){
    .Hpro .tab_span li{ width: 150px;}
    .Hpro .list h3{ font-size: 16px;}
    .Hpro .list p{ font-size: 14px;}
    .Hpro .slick-arrow{ width: 56px; height: 34px; background-size: cover;}
}
@media(max-width:640px){
    .Hpro .tab_span li{ font-size: 14px; width: 30%;}
    .Hpro .tab_span i{ max-width: 20px; display: none;}
    .Hpro .list li{ padding: 0 5px 30px;}
    .Hpro .Hboxmore{ width: 130px;}
}


.Hbox3{ position: relative;}
.Hbox3 .Htitle{ position: absolute; left: 0; top: 10%; width: 100%; color: #fff; z-index: 5;}
.Hbox3 .w1440{ padding-top:50.45%; position: relative; background: none!important; }
.Hbox3 ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Hbox3 li{ width: 20%; float: left; position: relative; height: 100%; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); transition: all 0.5s;}
.Hbox3 li .info{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-17%); padding: 0 8%; color: #fff; transition: all 0.5s;}
.Hbox3 li figure{ max-width: 90px; margin: 0 auto 15%;}
.Hbox3 li h2{ font-size: 24px; margin: 0; color: #fff;}
.Hbox3 li p{ line-height: 32px; font-size: 16px; max-width: 210px; margin: 8% auto 15%; overflow: hidden; max-height: 96px;}
.Hbox3 li .more{ display: block; width: 90px; height: 50px; background: url("../images/icon_arrow16.png") no-repeat center; margin: 0 auto;}
.Hbox3 li p,
.Hbox3 li .more{ opacity: 0; transform: translateY(100%); transition: all 0.5s;}
.Hbox3 li:hover{ background: rgba(0,104,183,0.8);}
.Hbox3 li:hover .info{ transform: translateY(-50%);}
.Hbox3 li:hover p,
.Hbox3 li:hover .more{ opacity: 1; transform: translateY(0); display: block;}
@media(max-width:1024px){
    .Hbox3 li h2{ font-size: 20px;}
}
@media(max-width:768px){
    .Hbox3 li figure{ max-width: 60px;}
    .Hbox3 li h2{ font-size: 18px;}
    .Hbox3 li p{ font-size: 14px; line-height: 24px;}
    .Hbox3 li .more{ width: 45px; height: 25px; background-size: contain;}
    .Hbox3 li:hover{ background: none;}
}
@media(max-width:640px){
    .Hbox3{ padding: 8% 0 5%;}
    .Hbox3 .w1440{ padding-top: 2%;}
    .Hbox3 ul,
    .Hbox3 .Htitle{ position: static;}
    .Hbox3 ul{font-size: 0;text-align: center;}
    .Hbox3 li{ float: none; width: 33.333%; display: inline-block;  margin-bottom: 5%;border-bottom: 1px solid rgba(255,255,255,0.2); border-right: none; padding-bottom: 5%;}
    /*.Hbox3 li:last-child{ border-bottom: none; margin-bottom: 0;}*/
    .Hbox3 li .info{ position: relative; transform: none; padding:0 5px; text-align: center;}
    .Hbox3 li .info figure{ position: relative; left: 0; width: 70px; top: 0; height: 60px;margin-bottom: 5%;}
    .Hbox3 li .info figure img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 100%;}
    .Hbox3 li .more,.Hbox3 li p{ display: none; opacity: 1; transform: none;}
    .Hbox3 li h2{ font-size: 16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .Hbox3 li p{ margin: 2% 0; max-width: 100%;}
    .Hbox3 li .more{ margin: 0;}
}


.Hbox4{ padding-bottom: 8%;}
.Hbox4 ul{ margin-top: 4%;}
.Hbox4 li{ position: relative; width: 50%; float: left; padding:8.782% 3% 3%;}
.Hbox4 li figure{ position: absolute; left: 0; top: 0; width: 120.835%; height: 100%;background-size: contain;}
.Hbox4 li:last-child figure{ right: 0; left: auto;}
.Hbox4 li .txt{ max-width: 320px; position: relative; z-index: 2; margin-top: 10%;}
.Hbox4 li h2{ margin: 0; font-size: 24px; color: #2a4356;}
.Hbox4 li p{ font-size: 16px; line-height: 32px; color: #6e8092; margin: 5% 0 10%; max-height: 96px; overflow:hidden;}
.Hbox4 li .more{ width: 60px; height: 46px; position: relative; display: block; margin-left: 10px;}
.Hbox4 li .more:before{ content: ''; width: 100%; height: 100%; background: url("../images/icon_arrow11.png") no-repeat center; display: block; position: relative; z-index: 5;}
.Hbox4 li .more:after{content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #748597; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hbox4 li .more:hover:before{ background-image: url("../images/icon_arrow3.png");}
.Hbox4 li .more:hover:after{ background-color: #748597;}
@media(max-width:1024px){
    .Hbox4 li h2{ font-size: 20px;}
    .Hbox4 li{ padding-top: 5%;}
    .Hbox4 li p{ margin: 3% 0 7%;}
}
@media(max-width:768px){
    .Hbox4 li h2{ font-size: 18px;}
    .Hbox4 li{ padding-top: 5%;}
    .Hbox4 li p{ margin: 3% 0 7%; font-size: 14px; line-height: 24px;}
    .Hbox4 li .more{ width: 40px; height: 33px;}
}
@media(max-width:640px){
    .Hbox4 li{ width: 100%; overflow: hidden; float: none; padding-bottom: 5%;}
    .Hbox4 li figure{ width: 140%; background-size: cover;}
}



.Hnews .tab_span{ text-align: center; margin-bottom: 5%;}
.Hnews .tab_span li{ display: inline-block; text-align: center; font-size: 16px; color: #6e8092; margin: 0 1%;line-height: 50px;position: relative; width: 160px; cursor: pointer;}
.Hnews .tab_span i{ display: inline-block; max-width: 40px; vertical-align: middle; margin-right: 8px;}
.Hnews .tab_span span{ position: relative;}
.Hnews .tab_span li:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hnews .tab_span li:hover:before,
.Hnews .tab_span li.aon:before{ border-color: #2a4356;}
.Hnews ul{ margin: 0 -15px;}
.Hnews li{  position: relative; padding: 0 15px;}
.Hnews li:nth-child(3n){ margin-right: 0;}
.Hnews figure{ padding-top: 65.28%; transition: all 0.5s; }
.Hnews a:hover .txt{ color: #fff; background:#2a4356; }
.Hnews a:hover h2{color:#fff;}
.Hnews .txt{ background: #f5f7fa; padding: 6% 7%; font-size: 16px; color: #6e8092;line-height: 32px; transition: all 0.5s; transition: all 0.5s; width: 100%;}
.Hnews h2{ font-size: 20px; color: #2a4356; margin: 0;  height: 64px; overflow: hidden; margin: 2% 0;}
.Hnews time{ display: block;}
.Hnews i{ width: 100%; height: 15px; background: url("../images/icon_arrow4.png") no-repeat right center; display: block; margin-top: 7%;}
.Hnews .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Hnews .slick-prev{ left: -10%;}
.Hnews .slick-next{ right: -10%; background-position: right center;}
.Hnews .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
@media(max-width:1440px){
    .Hnews ul{ margin: 0;}
    .Hnews .list{ padding: 0 4%;}
    .Hnews .slick-prev{ left: -2%;}
    .Hnews .slick-next{ right: -2%;}
}
@media(max-width:1024px){
    .Hnews h2{ font-size: 18px;}
}
@media(max-width:768px){
    .Hnews .tab_span li{ width: 130px;}
    .Hnews .txt{ font-size: 14px;}
    .Hnews h2{ font-size: 16px;}
    .Hnews .slick-arrow{width: 56px;height: 34px;background-size: cover;}
}
@media(max-width:640px){
    .Hnews .tab_span li{ width: 30%;}
}

.Hbox5{ background: #2a4356;}
.Hbox5 .Htitle{ color: #fff;}
.Hbox5 li{ float: left; width: 25%; text-align: center; padding: 0 2%; position: relative;}
.Hbox5 li:before{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 40px; background: rgba(255,255,255,0.2); margin-top: -20px;}
.Hbox5 li:last-child:before{ display: none;}
.Hbox5 li figure{ max-width: 65px; margin: 0 auto;}
.Hbox5 li figure img{ transition: all 0.5s;}
.Hbox5 li a{ color: #fff;}
.Hbox5 li h2{ font-size: 24px; margin: 5% 0 5%;}
.Hbox5 li p{ margin: 0 auto; opacity: .3; font-size: 16px; line-height: 24px;}
.Hbox5 li a:hover img{ transform: rotateY(180deg)}
.Hbox5 .w1440{background-color: transparent;}
@media(max-width:1024px){
    .Hbox5 li{ padding: 0 0.5%;}
    .Hbox5 li h2{ font-size: 20px;}
    .Hbox5 li p{ font-size: 14px;}
}
@media(max-width:768px){
    .Hbox5 li{ width: 50%; margin-bottom: 4%;}
    .Hbox5 li:nth-child(2):before{ display: none;}
    .Hbox5 li h2{ font-size: 18px;}
}
@media(max-width:640px){
    .Hbox5 li h2{ font-size: 16px;}
    .Hbox5 li figure{ max-width: 50px;height: 50px}
    .Hbox5 li p{ font-size: 12px;}
    .Hbox5 li:nth-child(2n+1){ clear: both;}
}

.Column{ text-align: center; color: #2a4356; font-size: 36px; margin-bottom: 3%;}
@media(max-width:1200px){
    .Column{ font-size: 32px;}
}
@media(max-width:1024px){
    .Column{ font-size: 28px;}
}
@media(max-width:768px){
    .Column{ font-size: 24px;}
}
@media(max-width:640px){
    .Column{ font-size: 20px;}
}


.about_item .inner {background: #fff;padding:4%;}
.about_item figure{ width: 50%;}
.about_item .txt{width: 50%;}
.about_item .tit{ margin: 0 0 25px; color: #2a4356; font-size: 30px;}
.about_item article{ font-size: 18px; line-height:2; color: #6e8092;}
.about_item1 figure{ width: 54.5%;}
.about_item11 .txt{width:100%}
.about_item1 .txt{  margin-left: -4.5%; margin-top: 4.5%; padding: 7.5% 6.8%;}
.about_item1 .txt .line{ display: block; width: 35px; height: 4px; background: #0068b7; margin: 14% 0 0;}
.about_item2 .txt .info{ max-width: 720px; float: right; padding:8.55% 10.5% 11.55% 0; text-align: justify;}
.about_item .file-box {position: relative;cursor: pointer;}
.about_item .file-box .video-poster {position: relative;}
.about_item .file-box .video-poster img {display: block;width: 100%;}
.about_item .file-box .video-poster::after {content: "";position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.about_item .file-box .video-poster .ico {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 50px;height: 50px;background: url(../images/play.png) no-repeat center center;background-size: 100% auto;z-index: 11;}
@media(max-width:1440px){
    .about_item2 .txt{ width: 60%; margin-right: -10%; margin-top: 4.5%;}
}
@media(max-width:1200px){
    .about_item1 .txt{ padding: 4% 5%;}
    .about_item .tit{ font-size: 26px; margin-bottom: 15px;}
}
@media(max-width:1024px){
    .about_item .tit{ font-size: 20px;}
}
@media(max-width:768px){
    .about_item .tit{ font-size: 18px;}
    .about_item figure,
    .about_item .txt{ width: 100%; float: none;}
    .about_item1 .txt{ margin: 0;}
    .about_item2{ padding: 0 2%;}
    .about_item2 .txt{ margin: 0 0 5%;}
    .about_item2 .txt .info{ float: none; margin: 0; padding: 4% 5%;}
}
@media(max-width:640px){
    .about_item .tit{ font-size: 16px;}
    .about_item article{ font-size: 14px; line-height: 24px;}
}


.Organization dl{ text-align: center; position: relative;}
.Organization dt{ text-align: center; font-size: 24px; color: #ffffff; background: #0068b7; padding: 0 5%; border-radius: 0 15px 0 15px; line-height: 56px; display: inline-block; margin-bottom: 100px;}
.Organization dd{ overflow: hidden; font-size: 0; padding-top: 40px; position: relative; margin-bottom: 5%;}
.Organization dd:before,
.Organization dl:after,
.Organization .item:before{content: ''; position: absolute;background: #cdd9e5;}
.Organization dl:after{ width: 1px; height: 67.6%; left: 50%;top: 56px;}
.Organization dd:before{  left: 2%; width: 96%; height: 1px;  top: 0;}
.Organization .item{ display: inline-block; font-size: 18px; color: #ffffff; background: #52697b;border-radius: 0 15px 0 15px;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr; vertical-align: top; height: 351px; margin: 0 1.5%; padding: 0 0.973%; position: relative;}
.Organization .item a{ color: #fff;}
.Organization dd .item:first-child{ margin-left: 0;}
.Organization dd .item:last-child{ margin-right: 0;}
.Organization dd .item:nth-child(7){ margin-right: 8%;}
.Organization .item:before{ width: 1px; height: 40px; bottom: 100%; left: 50%;}
.Organization dd:nth-child(3){ max-width: 848px; margin: 5% auto 0;}
.Organization dd:nth-child(3):before{  left: 50%; transform: translateX(-50%); width: 100%; max-width: 789px;}
.Organization dd:nth-child(3) .item{ height:173px; background: #8c9cab; margin: 0 10%; }
.Organization dd:nth-child(3) .item:first-child{ margin-left: 0;}
.Organization dd:nth-child(3) .item:last-child{ margin-right: 0;}
.Organization dd:nth-child(3) .item:nth-child(2){ margin-right: 27%;}
@media(max-width:1500px){
    .Organization dd .item:nth-child(7){ margin-right: 5%;}
}
@media(max-width:1440px){
    .Organization dl{ max-width: 1200px; margin: 0 auto;}
    .Organization .item{ margin: 0 1.2%;}
    .Organization dd .item:nth-child(7){ margin-right: 10%;}
}
@media(max-width:1260px){
    .Organization dl{ max-width: 1000px; }
    .Organization .item{ margin: 0 1.1%;}
    .Organization dd .item:nth-child(7){ margin-right: 6%;}
}
@media(max-width:1030px){
    .Organization dt{ position: relative; margin-top: 25%;}
    .Organization dt:before{ content: ''; position: absolute; left:66px; top: 50%; width: 17px; height: 1px; background: #cdd9e5;}
    .Organization dl:after{ width: 1px; height: 79.6%; left: 82px; top: 3%;}
    .Organization dt{ float: left;-webkit-writing-mode: vertical-r;writing-mode: vertical-rl; padding: 2% 5px;}
    .Organization .item,
    .Organization dd:nth-child(3) .item{ display: block;-webkit-writing-mode: initial;writing-mode:initial; height: auto; text-align: left; width: 48%; float: left; margin: 0 2% 2% 0; line-height: 36px;}
    .Organization dd{ padding-top: 0;}
    .Organization dd:before,
    .Organization dd:nth-child(3):before{ display: none;}
    .Organization dd .item:nth-child(7),
    .Organization dd:nth-child(3) .item:nth-child(2){ margin-right: 2%;}
    .Organization dd .list{ clear: both; padding-left: 5%;}
    .Organization dd .item:before{ display: none;}
    .Organization dd .list:before{ content: ''; content: ''; position: absolute; left: 2%; top: 4%; width: 30px; height: 1px; background: #cdd9e5;}
    .Organization dd:nth-child(3) .list:before{ top: 13%;}
}
@media(max-width:768px){

    .Organization .item{ font-size: 16px;}
    .Organization dd{}
}
@media(max-width:640px){
    .Organization dl{ padding-left:50px; }
    .Organization dl:after{ left: 56px; top: 3.5%; height: 83%;}
    .Organization dt{ font-size: 18px; line-height: normal; width: 40px; position: absolute; left: 0; bottom: 0;}
    .Organization dt:before{ left: 100%;}
    .Organization .item{ font-size: 14px; padding: 10px;}
    .Organization dd .item:nth-child(2n+1){ clear: both;}
    .Organization .dot{ white-space: normal; line-height: normal;}

}

.company_culture .img{ background: #fff; text-align: center;}
.company_culture .txt{ background: url("../images/about_img5.jpg") no-repeat center; background-size: cover; text-align: center;}
.company_culture .txt li{ position: relative; width: 50%; float: left; padding-top: 38.89%;}
.company_culture .txt .info{ position: absolute; left: 0; top:20%; width: 100%; color: #fff;}
.company_culture .txt li:first-child,
.company_culture .txt li:last-child{ background: rgba(42,67,86,0.6);}
.company_culture .txt h4{ font-size:22px; margin-top: 10px;margin:0;}
.company_culture .txt p{ font-size: 16px; line-height: 1.7;}
@media(max-width:1330px){
    .company_culture .txt .info{ top: 20%;}
    .company_culture .txt h4{ margin-bottom: 10px;}
    .company_culture .txt p{ margin: 0;}
}
@media(max-width:1200px){
    .company_culture .txt .info{ top: 8%;}
}
@media(max-width:1000px){
    .company_culture .txt{ width: 60%;}
    .company_culture .txt p{ line-height: 20px;}
}
@media(max-width:768px){
    .company_culture .ytable_cell{ display: block; width: 100%;}
    .company_culture .img{ padding: 3% 0;}
    .company_culture .txt .info{ top: 50%; transform: translateY(-50%);}
}
@media(max-width:640px){
    .company_culture .txt h4{ font-size: 16px; margin: 5px 0;}
    .company_culture .txt .info{ top: 50%; transform: translateY(-50%);}
    .company_culture .txt li{ width: 100%; float: none;}
    .company_culture .txt li:nth-child(3){background: rgba(42,67,86,0.6);}
    .company_culture .txt li:last-child{ background: none;}
    .company_culture .txt p{font-size: 14px;}
}

.history ul{ position: relative; padding-top: 55px; max-width: 1275px; margin: 0 auto; padding-bottom: 8%;}
.history ul:before,
.history ul:after,
.history li i:before,
.history .info:before{ content: ''; position: absolute; top: 0;}
.history ul:after{ width: 1px; height: 100%; background: url("../images/icon_line.png") repeat-y center top; left: 50%; top: 0;}
.history ul:before{ width: 25px; height: 25px; border-radius: 100%; background: #fff; border: 5px solid #0068b7; top: 0; left: 50%; margin-left: -12px; z-index: 2;}
.history li{ position: relative; padding-right: 53%; margin-bottom: -3%;}
.history li:nth-child(2n){ padding-left: 53%; padding-right: 0;}
.history li:nth-child(2n+1){ text-align: right;}
.history .ytable{ background: #fff; padding: 1.5%;}
.history figure{ width: 34%;}
.history .txt{ width: 66%; padding: 2% 5%;}
.history time{ font-size: 30px; color: #2a4356; font-family: Arial; font-weight: bold;}
.history p{ margin: 5px 0 0; font-size: 18px; color: #6e8092; line-height: 28px;}
.history .info{ position: relative;}
.history li i{ width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; border: 1px solid #abb5bf; border-radius: 100%; z-index: 2; text-align: center; line-height: 14px;}
.history li i:before{ width: 8px; height: 8px; border-radius: 100%; background: #abb5bf; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px;}
.history .info:before{ border: 10px solid transparent; top: 50%; margin-top: -10px;}
.history li:nth-child(2n) .info:before{ border-right-color:#fff; right: 100%; }
.history li:nth-child(2n+1) .info:before{ border-left-color:#fff; left: 100%; }
.history li:hover i{ border-color: #0067b5;}
.history li:hover i:before{ background: #0067b5;}

.history .process-slick{margin: 0 auto;}
.history .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.history .slick-prev{ left: -13%;}
.history .slick-next{ right: -13%; background-position: right center;}
.history .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
/* .history .process-slick ul:before{width: 0; height: 0; border: 0;}
.history .process-slick ul:after{width: 0; height: 0;}
.history .process-slick .pro-dots{padding: 0; position: absolute ; left: 50%; transform: translateX(-50%); bottom: -16%; z-index: 10; overflow: hidden;}
.history .process-slick .pro-dots li{float: left;}
.history .process-slick .pro-dots button{width: 0; height: 0; border-radius: 50%; border: 5px solid rgb(85, 102, 123);display: block; overflow: hidden;} */


.HMore{ width: 150px; text-align: center; display: block; margin:0 auto; line-height: 50px; color: #6e8092; font-size: 16px; position: relative; text-align: center;}
.HMore:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s; z-index: 1;}
.HMore span{ position: relative; z-index: 2;}
.HMore:hover{ color: #fff;}
.HMore:hover:before{ background: #6e8092; border-color: #6e8092;}

@media(max-width:1700px){
    .history .slick-prev{left: -5%;}
    .history .slick-next{right: -5%;}
}
@media(max-width:1600px){
    .history .process-slick{width: 1366px;}
}
@media(max-width:1440px){
    .history .process-slick{width: 1160px;}
}
@media(max-width:1366px){
    .history .process-slick{width: 1100px;}
}
@media(max-width:1200px){
    .history time{ font-size: 26px;}
    .history p{ font-size: 16px;}
    .history .process-slick{width: 98%;}
}
@media(max-width:1024px){
    .history time{ font-size: 22px;}
}
@media(max-width:768px){
    .history time{ font-size: 18px;}
    .history p{ font-size: 14px; line-height: 24px;}
}
@media(max-width:640px){
    .history .ytable_cell{ display: block; width: 100%;}
    .history time{ margin-top: 5%; display: block;}
}




.technical_skills .list{ margin-bottom: 3.5%;}
.technical_skills .list:last-child{ margin-bottom: 0;}
.technical_skills .txt{ padding: 5.5%; background: #fff;}
.technical_skills .h3{ font-size: 30px; color: #2a4356;}
.technical_skills .p{ font-size: 18px; color: #6e8092; line-height: 30px;}
.technical_skills figure{ position: relative; padding-top: 63.89%;}
.technical_skills li{ position: relative;}
.technical_skills .tit{ position: absolute; left: 50%; transform: translateX(-50%); max-width: 90%; top: 5%; min-width: 200px; padding: 0 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px;}
.technical_skills .tit span{ position: relative; z-index: 3;}
.technical_skills .tit:before,
.technical_skills .tit:after{ content: ''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; transform: skew(-25deg); border-radius: 5px 0 5px 0; }
.technical_skills .tit:before{ background: #2a4356; z-index: 2;}
.technical_skills .tit:after{ z-index: 1; background: #6e8092; left: -5px; top: 4px;}
.technical_skills .slick-dots{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 5%; z-index: 5;}
.technical_skills .slick-dots li{ display: inline-block; margin: 0 10px; background: url("../images/icon_line2.png") no-repeat right center; width: 12px; height: 13px; vertical-align: top; cursor: pointer;}
.technical_skills .slick-dots li button{ display: none;}
.technical_skills .slick-dots .slick-active{ background-position: left center;}
@media(max-width:1024px){
    .technical_skills .h3{ font-size: 20px;}
}
@media(max-width:768px){
    .technical_skills .h3{ font-size: 18px;}
    .technical_skills .p{ font-size: 14px; line-height: 24px;}
}
@media(max-width:640px){
    .technical_skills .ytable_cell{ display: block; width: 100%;}
    .technical_skills .tit{ width: 100%;}
    .technical_skills .h3{ font-size: 16px;}
}

.Single_item{}
.Single_item .item{ padding-bottom: 6%;}
.Single_item .txt{ background: #fff;width: 50%; float: right;}
.Single_item .tit{ margin: 0 0 25px; color: #2a4356; font-size: 30px;}
.Single_item .p{ font-size: 18px; line-height: 30px; color: #6e8092; min-height: 130px;}
.Single_item figure{ width: 54.5%; float: left;}
.Single_item .txt{  margin-left: -4.5%; margin-top: 3%; padding: 9% 6.8%;}
.Single_item .item:nth-child(2n) figure{ float: right;}
.Single_item .item:nth-child(2n) .txt{ float: left; margin-left: 0; margin-right: -4.5%;}
.Single_item .item:last-child{ padding-bottom: 0;}

@media(max-width:1200px){
    .Single_item .txt{ padding: 4% 5%;}
    .Single_item .tit{ font-size: 26px; margin-bottom: 15px;}
}
@media(max-width:1024px){
    .Single_item .tit{ font-size: 20px;}
}
@media(max-width:768px){
    .Single_item .tit{ font-size: 18px;}
    .Single_item figure,
    .Single_item .txt{ width: 100%; float: none;}
    .Single_item .txt{ margin: 0;}
}
@media(max-width:640px){
    .Single_item .tit{ font-size: 16px;}
    .Single_item .p{ font-size: 14px; line-height: 24px;}
}





.Joint_box .Column{ margin-bottom: 1%;}
.Joint_info{ font-size: 18px; color: #6e8092; max-width: 1140px; margin: 0 auto 4%; line-height: 30px;}
.Joint_box_ul li{ float: left; width:49%; margin-right: 2%; margin-bottom: 2%; overflow: hidden;}
.Joint_box_ul li:nth-child(2n){ margin-right: 0;}
.Joint_box_ul figure{ padding-top:56.25%; transition: all 0.5s; }
.Joint_box_ul .txt{ position: relative; background: #fff; padding: 6% 7%; font-size: 18px; color: #2a4356; line-height: 30px; transition: all 0.5s; }
.Joint_box_ul p{ margin: 0; height: 60px; overflow: hidden;}
.Joint_box_ul time{ display: block; font-size: 16px; color: #6e8092; margin-top: 1%;}
.Joint_box_ul a:hover figure{ transform: scale(1.05);}
.Joint_box_ul a:hover .txt{ color: #fff; background:#2a4356; }
@media(max-width:768px){
    .Joint_info{ font-size: 14px; line-height: 24px;}
    .Joint_box_ul .txt{ font-size: 16px; line-height: 26px;}
    .Joint_box_ul time{ font-size: 14px;}
}
@media(max-width:640px){
    .Joint_box_ul li{ width: 48%; margin: 0 1% 3% !important}

    .Joint_box_ul time{ font-size: 12px;}
    .Joint_box_ul p{ height: 53px;}
}

.Pages{ padding: 64px 0 0; text-align: center;}
.Pages > span{display: inline-block; vertical-align: middle;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total{display: none;}
.Pages .p_jump,
.Pages .p_page{overflow: hidden; }
.Pages .p_page em{font-style: normal;}
.Pages .p_page a{float: left; line-height: 38px; margin: 0 22px; font-size: 18px; color: #aaa; border-bottom: 2px solid transparent;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{ color: #2a4356; border-bottom-color: #2a4356;}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{font-size: 0; height: 40px; width: 72px; padding: 0; margin: 0 20px; background: url("../images/pages.png") no-repeat left center; border: none!important;}
.Pages .p_page a.a_next{ background-position: right center;}
.Pages  .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;}
.Pages .p_jump > *{float: left;}
.Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Pages .p_jump b.f0{margin-right: 6px;}
.Pages .p_jump input{height: 46px; border-radius: 4px;}
.Pages .i_text{ line-height: 44px; text-align: center;border: 1px solid #e5e5e5;   width: 46px; text-align: center; color: #333; font-size: 20px;}
.Pages .i_button{background: #ebebeb; width: 70px;  padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;}
@media(max-width:768px){
    .Pages{ padding:30px 0;}
    .Pages .p_page em,
    .Pages .p_jump{display: none;}
}

.news_top_list{}
.news_top_list li{ position: relative;}
.news_top_list figure{ position: relative; padding-top:37%;width: calc(100% - 500px);}
.news_top_list .txt{ position: absolute; width: 100%; max-width: 500px; right: 0; top: 0; height: 100%; background: rgba(42,67,86,.95);}
.news_top_list .info{ width: 100%; top: 50%; transform: translateY(-50%); color: #fff; position: absolute; padding: 5% 13%;}
.news_top_list .info time{ font-size: 16px; opacity: .4;}
.news_top_list .info h2{ font-size: 28px; line-height: 36px; margin: 7% 0; max-height: 72px; overflow: hidden;}
.news_top_list .info p{ font-size: 16px; line-height: 32px; opacity: .4; max-height: 128px; overflow: hidden; margin: 0;}
.news_top_list .more{ width: 160px; text-align: center; line-height: 50px; position: relative; margin-top: 20%;}
.news_top_list .more span{ position: relative; z-index: 10;}
.news_top_list .more span:after{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 8px; background: url("../images/icon_arrow3.png") no-repeat center; margin-left: 35px;}
.news_top_list .more:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.news_top_list a:hover .more:before{ background: #6e8092;}
.news_top_list .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.news_top_list .slick-prev{ left: -13%;}
.news_top_list .slick-next{ right: -13%; background-position: right center;}
.news_top_list .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
@media(max-width:1720px){
    .news_top_list .slick-prev{ left: -6%;}
    .news_top_list .slick-next{ right: -6%; }
}
@media(max-width:1600px){
    .news_top_list .slick-prev{ left: -3%;}
    .news_top_list .slick-next{ right: -3%; }
    .news_top_list{ max-width: 1366px;}
}
@media(max-width:1440px){
    .news_top_list .slick-prev{ left: 0;}
    .news_top_list .slick-next{ right: 0; }
    .news_top_list{ max-width: 1366px;}
    .news_top_list .info h2{ font-size: 24px;}
}
@media(max-width:1024px){
    .news_top_list .info h2{ font-size: 20px;}
    .news_top_list .txt{ width: 45%;}
}
@media(max-width:768px){
    .news_top_list .info h2{ font-size: 18px; line-height: 30px;}
    .news_top_list .info p{ max-height: 82px; line-height: 26px; font-size: 14px;}
    .news_top_list .more{ margin-top: 10%;}
}
@media(max-width:640px){
    .news_top_list .info h2{ font-size: 16px; line-height: 26px;}
    .news_top_list .more{ margin-top: 10%;}
    .news_top_list figure {width: 100%;}
    .news_top_list .txt{ position: relative; width: 100%; max-width: 100%;}
    .news_top_list .info{ position: static; transform: none; padding: 3% 5%}
    .news_top_list .more{ width: 130px;}
    .news_top_list .more span:after{ margin-left: 15px;}
    .news_top_list .slick-arrow{width: 56px;height: 34px;background-size: cover; top: 20%}
}





.maincontent{padding-bottom:5%;font-size:18px;color:#6e8092;line-height:2;}

.news_list2 { padding-bottom:0;padding-top:0;}
.news_list2 .tit h1{  font-size: 20px; color: #2a4356; margin: 0; border-left: 2px solid #2a4356; height: 20px;}
.news_list2 li{  width: 100%; margin-bottom: 2%; overflow: hidden; position: relative; height: auto; overflow: hidden; transition: 0.5s}
.news_list2 li:hover{  box-shadow: 0 0 30px rgba(0,0,0,0.08)}
.news_list2 figure{ position: absolute; left: 0; top: 0; width: 30%; height: 100%;overflow:hidden;transition: all 0.5s;}

.news_list2 .txt{ float: right; width: 70%;background: #fff; padding: 6% 7%; font-size: 16px; color: #6e8092;line-height: 32px; transition: all 0.5s;transition: all 0.5s;}
.news_list2 h2{ font-size: 20px; color: #2a4356; margin: 0;  overflow: hidden; margin: 2% 0;}
.news_list2 p{ margin: 0;}
.news_list2 time{ display: block;}
.news_list2 i{ width: 100%; height: 15px; background: url("../images/icon_arrow4.png") no-repeat right center; display: block; margin-top: 7%; display: none}
.news_list2 li a:hover h2{color:#0068b7}
.news_list2 li a:hover figure{ transform: scale(1.05);}


@media(max-width:768px){
    .news_list2 li {margin-bottom: 20px;}
    .news_list2 li figure{ position: relative; height: 250px; width: 100%; float: left}
    .news_list2 li .txt{ width: 100%; height: auto; float: left;font-size: 14px;line-height: 24px;}
    .news_list2 li .txt h2{ height: 26px; margin-bottom: 20px; }
    .maincontent{font-size: 14px;}
}






/* .news_list_contain .news_list .txt{padding: 8% 7%;} */
.news_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; padding-bottom: 14%; position: relative;}
.news_list li:nth-child(3n){ margin-right: 0;}
.news_list figure{ padding-top: 65.28%; transition: all 0.5s; }
.news_list .txt{ position: absolute; background: #fff; padding: 6% 7%; font-size: 16px; color: #6e8092;line-height: 32px; transition: all 0.5s; left: 0; bottom: 0; transition: all 0.5s; width: 100%;}
.news_list h2{ font-size: 20px; color: #2a4356; margin: 0;  height: 64px; overflow: hidden; margin: 2% 0;}
.news_list p{ margin: 0; transition: all 0.5s; opacity: 0; transform: translateY(100%); position: absolute;}
.news_list time{ display: block;}
.news_list i{ width: 100%; height: 15px; background: url("../images/icon_arrow4.png") no-repeat right center; display: block; margin-top: 7%;}
.news_list_zhuanti{padding-top:0;}
.news_list_zhuanti i{margin-top:0;}
.news_list_zhuanti a:hover h2{color:#0068b7}

@media(min-width:1024px){
    .news_list li a:hover p{ opacity: 1; transform: translateY(0); position: relative;}
}
@media(max-width:1024px){
    .news_list h2{ font-size: 18px;}
}
@media(max-width:768px){
    .news_list li{ padding-bottom: 0;}
    .news_list .txt{ font-size: 14px; line-height: 24px; position: relative;}
    .news_list h2{ font-size: 16px; height: 50px;}
}
@media(max-width:640px){
    .news_list li{ width: 48%; margin: 0 1% 3% !important;}
    .news_list .txt{ font-size: 14px; line-height: 24px; position: relative;}
    .news_list h2{ font-size: 14px; height: 48px;}
}


.news_info{ padding:0 0 6%;}
.news_info .title{ text-align:center; padding-bottom:20px;  border-bottom:1px dashed #d2d2d2; margin-bottom: 30px}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px;color:#000}
.news_info .title p{ margin:0; padding-bottom:10px;}
.news_info .title p span{ margin:0 5px; color:#777;}
.news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.news_info .info {  font-size: 16px; line-height:32px; color: #333 }
.news_info  .bot{  position: relative ; margin-top: 80px;}
.news_info .info_back{ text-align:center; clear:both; padding:20px 0; position: absolute; right: 0; top: 0px }
.news_info .info_back a{ color:#fff; font-size:16px; background:#ccc; display: block; padding: 10px 50px; border-radius: 50px;}
.news_info  .info_back a:hover{  background: #2a4356}
.news_info .info_pn span{ display:block; font-size: 16px; margin: 15px 0}
.news_info  .info_pn span a{ color:#666;}
.news_info  .info_pn span a:hover{ color: #2a4356;}
@media(max-width:1000px){
    .news_info .info_back{ position: relative }
    .news_info  .bot{  position: relative ; margin-top:15px;}

}
@media(max-width:768px){
    .news_info .title h1{ font-size: 20px;}
}
@media(max-width:640px){
    .news_info .title h1{ font-size: 18px;}
    .news_info .info{font-size: 14px;line-height: 24px;}
    .news_info .info_pn span{font-size: 14px;}
    .news_info img{width: auto!important;height: auto!important;}
}
@media(min-width:1000px){
    .news_info .info_pn span{ width: 80%}
}

.talent_box .ytable{ background: #fff; margin-bottom: 6%;}
.talent_box .talent_item3{ margin-bottom: 0;}
.talent_box .txt{ padding: 2% 7%; font-size: 18px; color: #6e8092; line-height: 30px;}
.talent_box .h3{ font-weight: normal; font-size: 30px; color: #2a4356;}
.talent_item2{padding: 3.45% 0;}
.talent_item2 .txt,
.talent_item2 .h3{ color: #fff;}
@media(max-width:1440px){
    .talent_box .h3{ font-size: 26px;}
}
@media(max-width:1200px){
    .talent_box .h3{ font-size: 22px;}
}
@media(max-width:1000px){
    .talent_box .h3{ font-size: 20px;}
}
@media(max-width:768px){
    .talent_box .txt{ font-size: 14px; line-height: 24px;}
    .talent_box .h3{ font-size: 18px;}
    .talent_box .ytable_cell{ display: block; width: 100%;}
}
@media(max-width:640px){
    .talent_box .h3{ font-size: 16px;}
}

.subMenu{ text-align: center;}
.subMenu a{ display: inline-block; width: 200px; line-height: 50px; position: relative; font-size: 16px; color: #6e8092; margin: 0 20px 40px;}
.subMenu span{ position: relative;}
.subMenu a:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.subMenu a.aon{ color: #2a4356;}
.subMenu a.aon:before{ border-color: #2a4356;}
@media(max-width:768px){
    .subMenu a{ width: 130px; margin: 0 10px 40px;}
}


.job_list .list{border: 1px solid #eeeeee; border-top: none;}
.job_list .ullist{  padding: 0 4%; font-size: 18px; color: #6e8092; line-height: 66px; cursor: pointer;}
.job_list .ullist li{ float: left; width: 18%; text-align: center;}
.job_list .ul_top{  background: #fff; color: #2a4356;border-bottom: 1px solid #eeeeee; cursor: default;}
.job_list .ullist .icon{ width: 5%; text-align: right;}
.job_list .ullist .name{ text-align: left; width: 23%;}
.job_list .icon span{ width: 22px; height: 22px; display: inline-block; vertical-align: middle; border-radius: 100%; background: url("../images/icon_arrow5.png") no-repeat center #0068b7;}
.job_list .con{ display: none; padding:0 2%; font-size: 16px; color: #6e8092; line-height: 30px;}
.job_list .con .table{ width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3% 2%; margin-bottom: 2%;}
.job_list .table table{ width: 100%;}
.job_list .table td{ font-size: 16px; color: #6e8092; line-height: 30px;min-width:230px;}
.job_list .con .h2{ font-weight: normal; margin: 2% 0 3%; font-size: 18px;}
.job_list .con .txt{ padding: 0 2%;}
.job_list .con .fl{ width: 51%;}
.job_list .con .fr{ width: 40%;}
.job_list .btn_apply{ position: relative; color: #fff; line-height: 50px; display: block; width: 140px; margin:4% 2%; text-align: center;}
.job_list .btn_apply span{ display: inline-block; padding-left: 30px; background: url("../images/icon_arrow7.png") no-repeat left center; position: relative; z-index: 2;}
.job_list .btn_apply:before{ content: ''; position: absolute; width: 100%; height: 100%; background: #0068b7; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.job_list .Aon{ background: #fff;}
.job_list .Aon .icon span{ background-image: url("../images/icon_arrow6.png");}
@media(max-width:1000px){
    .job_list .ullist li{ font-size: 16px;}
    .job_list .con .txt{ float: none; width: 100%; margin-bottom: 4%;}
    .job_list .con .h2{ font-size: 16px;}
    .job_list .table td,
    .job_list .con{ font-size: 14px; line-height: 24px;}
}
@media(max-width:768px){
    .job_list .table td{ display: block; width: 100%;}
    .job_list .ullist .edu,
    .job_list .ullist .date{ display: none;}
    .job_list .ullist .name{ width: 57%;}
    .job_list .ullist .icon{ width: 7%;}
}
@media(max-width:640px){
    .job_list .ullist li{ font-size: 14px;}
    .job_list .ullist .num,
    .job_list .ullist .date{ display: none;}
    .job_list .ullist .name{ width: 57%;}
    .job_list .ullist li{ width: 36%;}
    .job_list .ullist .icon{ width: 7%;}

}
.Form002219_2{ padding:0;}
.Form002219_2 dl{ width:48%; float:left; padding-left:95px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;}
.Form002219_2 dl.odd{ margin-left:4%;}
.Form002219_2 dt{ color:#5b5b5b; font-size:16px; position:absolute; left:0; width:80px; text-align:right; line-height:50px;}
.Form002219_2 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:50px;height:50px; color:#5b5b5b;}
.Form002219_2 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219_2 .btn{ display:inline-block; line-height:50px; min-width:140px; background-color:#0068b7; color:#fff; font-size:16px; border:none; border-radius:5px; cursor:pointer; margin: 2% auto 0;}
.Form002219_2 .submitbtn{color:#fff;background-color: #dd0330;}
@media(max-width:640px){
    .Form002219_2 dl{ float:none; width:100%; margin-left:0 !important;}
}
@media(max-width:480px){
    .Form002219_2 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}
    .Form002219_2 .placeholder .webuploader-pick{padding: 0 20px;}
    .wu-example p + div{  word-break: break-word;}
}

.job_campus .Nmenu{ margin-bottom: 0;}
.job_campus .Column{ margin-top: 5%;}
.job_campus_top{ background: #fff; line-height: 60px;}
.job_campus_top .fl{ width: 60%; background: url("../images/icon_arrow9.png") no-repeat left center; padding-left: 30px;}
.job_campus_top .fl li a{ color: #2a4356; font-size: 16px;}
.job_campus_top .fr{ max-width: 35%; overflow: hidden; text-align: right;}
.job_campus_top .fr dl{ max-width: 100%; padding-left: 50px; position: relative; font-size: 16px; color: #2a4356;}
.job_campus_top .fr dt{ position: absolute; left: 0; top: 0;}
.job_campus_top .fr a{ color: #0068b7; padding-right: 30px; background: url("../images/icon_arrow8.png") no-repeat right center;}
@media(max-width:1000px){
    .job_campus_top .fl,
    .job_campus_top .fr{ width: 100%; float: none; max-width: 100%;}
    .job_campus_top .fr dl{ float: right;}
}




.job_campus_item2 .list2{border: 1px solid #eeeeee; border-top: none;}
.job_campus_item2 .ullist{ cursor: default;}
.job_campus_item2 .ullist li{ width: 19%;}
.job_campus_item2 .ullist .name{ width: 24%;}
.job_campus_item2 .Column{line-height:1.5}
.job_campus_item2 .Column p{margin:0;font-size:18px;text-align: center;}

.job_campus_info li{ float: left; width: 24.4%; margin-right: 0.8%; border: 1px solid #cdd9e5; background: #fff; border-radius: 50px; padding: 5px; margin-bottom: 2%;}

.job_campus_info li dt{ width: 60px; }
.job_campus_info li b{ width: 60px; display: block; height: 60px; background: #0068b7; text-align: center; line-height: 60px; color: #fff; font-size: 36px; border-radius: 100%; font-family: Arial;}
.job_campus_info li dd{ padding-left: 3%;padding-right:3%;line-height:1.5}

@media(max-width:1000px){
    .job_campus_info li{ width: 31.33%; margin-right: 2%;}
    .job_campus_info li:nth-child(3n+1){ clear: both;}
}
@media(max-width:640px){
    .job_campus_item2 .ul_top{ display: none;}
    .job_campus_item2 .job_list {border-top: 1px solid #eeeeee;}
    .job_campus_item2 .ullist{ padding:4%;}
    .job_campus_item2 .ullist li{ display: block!important; width: 50%; line-height: 30px;}
    .job_campus_item2 .ullist .name,
    .job_campus_item2 .ullist .date,
    .job_campus_item2 .ullist .num{ width: 33.33%;}
    .job_campus_info li{ width: 100%; margin-right: 0;}
}
@media(min-width:1001px){
    .job_campus_info li:nth-child(4n){ margin-right: 0;}
    .job_campus_info li:nth-child(4n+1){ clear: both;}
}

.pro_index{ padding-bottom: 7%;}
.pro_index .Nmenu{ margin-bottom: 3%; border-bottom: none;}
.pro_index .fl{ width: 18.41%; border-right: 1px solid #ddd;}
.pro_index .fl h2{ margin: 0 0 8%; font-size: 24px; color: #2a4356;}
.pro_index .fl ul{ width: 90%; max-width: 185px;}
.pro_index .fl li{ border: 1px solid #6e8092; margin-bottom: 6%;}
.pro_index .fl li:last-child{ margin-bottom: 0;}
.pro_index .fl a{ padding: 10px 10%; display: block; font-size: 16px; color: #2a4356;}
.pro_index .fl a:hover,
.pro_index .fl .aon a{ background: #2a4356; color: #fff;}

.pro_index .fl .tit{ margin: 0; font-size: 18px; margin: 30px 0 20px 0; color: #2a4356; border-left: 2px solid  #2a4356; padding-left: 10px; height: 18px; line-height: 18px; font-weight: normal;}


.pro_index .fr{ width: 77%;}
.pro_current{ margin-bottom: 5%;}
.pro_current h3{ font-size: 36px; color: #2a4356; margin: 0; display: inline-block; font-weight: normal;}
.pro_current .down_dl{ float: right; width: 320px; line-height: 50px; font-size: 16px; color: #6e8092; position: relative;}
.pro_current .down_dl dt{ padding: 0 14% 0 7%; border: 2px solid #6e8092;background: url("../images/icon_arrow10.png") no-repeat 92% center;}
.pro_current .down_dl dd{ position: absolute; left: 0; top: 100%; width: 100%; padding: 7%; border: 2px solid #6e8092; border-top: none; display: none; }
.pro_current .down_dl dd a{ display: block;  color: #6e8092; line-height: 30px; margin-bottom: 2%;}

.pro_list li{ float: left; width: 28.87%; margin-right: 6.6%; text-align: center; padding:3% 10px 10px; margin-bottom: 5%; transition: all 0.5s; background: #fff}
.pro_list2 li{background:none }
.pro_list li:nth-child(3n){ margin-right: 0;}
.pro_list figure{ padding-bottom: 72%; margin-bottom: 10%;}
.pro_list .txt{ padding: 0 20px}
.pro_list h3{ font-size: 22px; color: #2a4356;}
.pro_list p{ color: #6e8092; font-size: 16px;}
.pro_list .more{}
.pro_list .more{ display: block; width: 78%; line-height: 50px; position: relative; color: #fff; margin: 10% auto; opacity: 0; transition: all 0.5s;}
.pro_list span{ position: relative;}
.pro_list .more:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.pro_list li:hover{ background: url("../images/pro_bg.png") no-repeat center top; background-size: cover; box-shadow: 0 5px 20px rgba(0,81,143,.6);}
.pro_list li:hover h3,
.pro_list li:hover p{ color: #fff;}
.pro_list li:hover .more{ opacity: 1;}
.pro_index .Pages{ padding-top: 0;}
@media(max-width:1024px){
    .pro_index{ padding-top: 5%;}
    .pro_index .Nmenu{ display: none;}
    .pro_current h3{ font-size: 30px;}
}
@media(max-width:1000px){
    .pro_index .fl,
    .pro_index .fr{ width: 100%; float: none;}
    .pro_index .fl{ border-right: none;}
    .pro_index .fl ul{ max-width: 100%; overflow: hidden; margin-bottom: 5%; width: 100%;}
    .pro_index .fl li{ float: left; width: 25%; margin-bottom: 0;}
    .pro_current h3{ display: none;}
    .pro_current{ overflow: hidden;}
    .pro_list h3{ font-size: 18px;}
    .pro_list p{ font-size: 14px;}
}
@media(max-width:768px){
    .pro_list li{ width: 31.33%; margin-right: 3%;}
}
@media(max-width:640px){
    .pro_index .fl li{ width: 33.33%;}
    .pro_index .fl a{ font-size: 14px;}
    .pro_current .down_dl{ display: none;}
    .pro_list li{ width: 48%; margin:0 1% 5% !important;}
    .pro_list h3{ font-size: 16px;}

}


.pro_ban{ background: url("../images/pro_bg2.jpg") no-repeat center; background-size: cover; padding: 3.5% 0 3.5%; position: relative;}
.pro_ban .parts{background-color: #fff;padding:4% 0;}
.pro_ban figure{ width: 65%;text-align:center;}
.pro_ban .txt{ width: 31%;}
.pro_ban .info{ background: #fff; padding: 12%; color: #2a4356;}
.pro_ban  .parts .info{padding:0 12%;}
.pro_ban .info h2{ margin: 0; font-size: 36px;}
.pro_ban .info h3{ margin: 0 0 7%; padding: 5% 0 7%; border-bottom: 1px solid #eee; font-size: 18px;}
.pro_ban .info p{ margin: 0; font-size: 16px; color: #6e8092; line-height: 28px;}
.pro_ban .more{ width: 160px; text-align: center; line-height: 50px; position: relative; margin-top: 30%; display: block; color: #6e8092;}
.pro_ban .more span{ position: relative; z-index: 10;}
.pro_ban .more span:after{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 8px; background: url("../images/icon_arrow11.png") no-repeat center; margin-left: 35px;}
.pro_ban .more:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.pro_ban .more:hover:before{ background: #6e8092;}
.pro_ban .more:hover{ color: #fff;}
.pro_ban .more:hover span:after{ background-image: url("../images/icon_arrow3.png");}
.pro_ban .click_mouse{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 2%; background: url("../images/icon_mouse.png") no-repeat center; width: 82px; height: 82px;}
.pro_tabnav{ background: #fff; padding: 19px 0;}
.pro_tabnav_fix{ position: fixed; width: 100%; top: 0; left: 0; z-index: 100;}
.pro_tabnav a{ float: left; width: 25%; text-align: center; line-height: 40px; border-right: 1px solid #eeeeee; font-size: 18px; color: #666666;}
.pro_tabnav a:last-child{ border-right: none;}
.pro_box{padding-top:5%;font-size:18px;}
.pro_box_item1 figure{ width: 67%;}
.pro_box_item1 .txt{ width: 45.15%;margin-left: -12.3%; margin-top: 4.5%; background: #fff; padding:4% 6%; font-size: 16px; color: #6e8092; line-height: 32px;}
.pro_box_item1 .tit_h2{ margin: 0; font-weight: normal; font-size: 24px; color: #2a4356;}
.pro_box_item1 .tit_h3{ margin: 5% 0; font-weight: normal; font-size: 36px; color: #2a4356; line-height: normal;}
.pro_box_item .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.pro_box_item .slick-prev{ left: 1%;}
.pro_box_item .slick-next{ right: 1%; background-position: right center;}
.pro_box_item .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.pro_title{ text-align: center; font-size:30px; color: #2a4356; font-weight: normal; margin:0 0 2%;}

.pro_box_item  table{border: 1px solid #6e8092;border-collapse: collapse;width:100% !important;}
.pro_box_item  td, .pro_box_item  th{border: 1px solid #6e8092;padding:.5% 5px;font-size:18px !important;text-align: center;color:#2a4356 !important}
.pro_box_item  td span,.pro_box_item  td b{font-size:18px !important;color:#2a4356 !important}
.pro_box_item  th{font-weight:bold;}
.pro_box_item  td p{margin:0;}
/* .pro_box_item3{ padding-bottom: 0;}
.pro_box_item4{ padding-top: 5%;} */
.pro_box_item4 .pro_title{ margin-top: 0;}
.pro_box_item4 .slick-prev{ left: -10%;}
.pro_box_item4 .slick-next{ right: -10%;}

@media(max-width:1200px){
    .pro_ban .txt{ width:35%; }
    .pro_ban .info{ padding: 6%;}
    .pro_ban .more{ margin-top: 15%;}
    .pro_ban .info h2{ font-size: 30px;}
    .pro_tabnav{ padding: 10px 0;}
    .pro_tabnav a{ line-height: 30px;}
    .pro_box_item1 .tit_h3{ font-size: 30px;}
    .w1440{padding: 0;width: 96%; background-color: #fff;}

}
@media(max-width:1000px){
    .pro_ban .info h2{ font-size: 26px;}
    .pro_box_item1 .tit_h3{ font-size: 26px;}
    .pro_box_item1 .txt{ padding: 2% 3%;}
    .pro_title{ font-size: 20px;}
}
@media(max-width:768px){
    .pro_ban{ padding-bottom: 15%;}
    .pro_ban figure,
    .pro_ban .txt{ float: none; width: 100%;}
    .pro_ban .info h2{ font-size: 26px;}
    .pro_ban .info h3{ padding: 2% 0 4%; margin-bottom: 4%;}
    .pro_ban .more{ margin-top: 5%;}
    .pro_tabnav a{ font-size: 16px;}
    .pro_box_item1 figure,
    .pro_box_item1 .txt{ width: 100%; float: none; margin: 0;}
    .pro_box_item1 .tit_h3{ font-size: 22px; margin: 2% 0;}
    .pro_box_item1 .tit_h2{ font-size: 18px;}
    .pro_box_item .slick-arrow{width: 56px;height: 34px;background-size: cover;}
}
@media(max-width:640px){
    .pro_ban{ padding-bottom: 10%;}
    .pro_ban figure,
    .pro_ban .txt{ float: none; width: 100%;}
    .pro_ban .info h2{ font-size: 22px;}
    .pro_ban .info h3{ padding: 1% 0 2%; margin-bottom: 2%; font-size: 16px;}
    .pro_ban .info p{ font-size: 14px; line-height: 24px;}
    .pro_ban .more{ margin-top: 5%;}
    .pro_box_item1 .tit_h3{ font-size: 20px;}
    .pro_box_item1 .txt{ font-size: 14px; line-height: 24px;}
}




.contact_box{ max-width: 1200px; margin: 0 auto;}
.contact_box h3{ text-align: center; font-size: 28px; color: #2a4356; margin-bottom: 5%;}
.contact_box li{ width:25%; float: left; text-align: center;}
.contact_box li h4{ font-size: 24px; color: #2a4356; margin: 4% 0;}
.contact_box li p{ margin: 0; font-size: 16px; color: #6e8092;}

.contact_map{ position: relative;}
.contact_map #allmap{ width: 100%; height: 680px;}
.contact_map #allmap *{ max-width: none;}
.dealer_list{ position: absolute; right: 0; top: 0; width: 500px; height: 100%; background: #2a4356;display:none;}
.dealer_list .Inquire{ padding: 10% 10% 3%; border-bottom: 1px solid #405667; margin-bottom: 4%;}
.dealer_list .Inquire h2{ margin: 0 0 5%; font-size:24px; color: #ffffff;}
.dealer_list .Inquire select{ display: block; width: 100%; line-height: 46px; border: 2px solid #fff; height: 50px; margin-bottom: 5%; background:url("../images/icon_arrow12.png") no-repeat 95% center; background-color: none; padding: 0 10% 0 5%; color: #485a69; font-size: 16px;}
.dealer_list .Inquire p{ color: #64727e; font-size: 16px; margin: 0; padding: 5% 0 0;}
.dealer_list .list_item{padding: 0 10% 5%; font-size: 16px;}
.dealer_list .list_item dl{ margin-bottom: 5%;}
.dealer_list .list_item dt{ width: 100%; background: #263c4d; line-height: 60px; padding: 0 5%; color: #fff; position: relative; cursor: pointer;}
.dealer_list .list_item dt:after{ position: absolute; content: ''; width: 60px; height: 100%; background: url("../images/icon_arrow12.png") no-repeat center #142a3a; right: 0; top: 0;}
.dealer_list .list_item dd{ display: none; color: #fff; padding: 4%; background: #263c4d;}
.dealer_list .list_item dd p{ position: relative; padding-left: 100px; line-height: 30px; margin: 0 0 5px;}
.dealer_list .list_item dd span{ position: absolute; left: 0; top: 0; color: #6c7781;}
.dealer_list .scroll{ padding-right: 5%; height: 310px; max-height: 310px; overflow: auto;}
/* 设置滚动条的样式 */
.dealer_list .scroll::-webkit-scrollbar {
    width : 8px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
/* 滚动槽 */
.dealer_list .scroll::-webkit-scrollbar-track {
    background: #354d5f;
}
/* 滚动条滑块 */
.dealer_list .scroll::-webkit-scrollbar-thumb {
    background:#142a3a;
}
.dealer_list .list_item .aon dt{ display: none;}

@media(max-width:1024px){
    .contact_map{ padding-right: 400px;}
    .dealer_list{ width: 400px;}
    .contact_box li h4,
    .dealer_list .Inquire h2{ font-size: 20px;}
    .dealer_list .list_item{ font-size: 14px;}
    .dealer_list .list_item dt:after{ width: 40px;}
    .dealer_list .list_item dt{ padding-right: 50px;}
}
@media(max-width:768px){
    .contact_map{ padding-right: 0;}
    .dealer_list{ width: 100%; position: relative;}
    .contact_box li h4,
    .dealer_list .Inquire h2{ font-size: 18px;}
    .contact_map #allmap{ height: 300px;}
}
@media(max-width:640px){
    .contact_box li{ width: 100%; margin-bottom: 5%;}
    .contact_box li i{ max-width: 40px; display: block; margin: 0 auto;}
    .contact_box li p{font-size: 14px;}
    .contact_box li h4{margin: 4% 0 0%;}
}
.Industry_list_item{margin-bottom: 50px;}
.Industry_list_top .ul{text-align: center; margin-bottom: 80px;}
.Industry_list_top .ul li{width: 14.6%;display: inline-block; line-height: 50px;text-align: center;font-size: 16px;color: #6e8092;cursor: pointer; position: relative;z-index: 2; margin: 0 0.5%;}
.Industry_list_top .ul li::before{content: '';width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; top: 0 ; left: 0; transform: skew(-25deg);transition: all .5s; position: absolute;}
.Industry_list_top .ul li.active::before{background-color: #0068b7; border-color: #0068b7;z-index: -2;}
.Industry_list_top .ul li.active{color: #fff;}
.Industry_list_item_top{overflow: hidden; background-color: #fff;padding: 60px 5.55%;}
.Industry_list_item_top h1{float: left;width: 13.88%;color: #2a4356; margin: 0;}
.Industry_list_item_top p{font-size: 18px; line-height: 2; color: #6e8092; margin: 0; float: left; width:85% ;}
.Industry_list_item_bot{overflow: hidden; background-color: #314c61; position: relative;}
.Industry_list_item_bot .left_img{width: 75%;}
.Industry_list_item_bot .left_img .img-box{ min-width: 75%; background-color: #fff; display: none;}
.Industry_list_item_bot .left_img .img-box .image {padding-top: 62.03%;}
.Industry_list_item_bot .left_img .img-box img{ display: block ; height: 100%;}
.Industry_list_item_bot .right_info_list{width: 25%;  background-color: #314c61; position: absolute; top: 0;right: 0; }
.Industry_list_item_bot .right_info_list .right_info_item{border-top: 1px solid #405667; cursor: pointer; position: relative;}
.Industry_list_item_bot .right_info_list .right_info_item article{display: none; padding: 0 13.88%;line-height: 1.714;  color: rgba(255, 255, 255, 0.502); height: 289px;font-size:15px;}
.Industry_list_item_bot .right_info_list .right_info_item.active{background-color: #314c61; border-top: 0;}
.Industry_list_item_bot .right_info_list .right_info_item.active::before{content: ''; width: 0; height: 0; border: 15px solid #314c61; border-left-color: transparent;border-top-color: transparent; border-bottom-color: transparent ; position: absolute; top: 5%; left: -8%;}
.Industry_list_item_bot .right_info_list .right_info_item.active article{display: block;}
.Industry_list_item_bot .right_info_list .right_info_item.active h2{background-color: #314c61;}
.Industry_list_item_bot .right_info_list .right_info_item h2{margin: 0; padding: 28.8px 13.88%; font-size: 22px; color: #fff;font-weight: normal; background-color: #2a4356;}
@media (max-width: 1500px) {
    .Industry_list_item_bot .right_info_list .right_info_item h2 {padding: 26px 13.88%;font-size: 20px;}
}
@media (max-width: 1300px) {
    .Industry_list_item_bot .right_info_list .right_info_item h2 {padding: 16px 13.88%;font-size: 18px;}
}
@media(max-width:1200px){
/* .Industry_list_item_bot .left_img .img-box{height: 620px;} */
.Industry_list_item_bot .right_info_list .right_info_item h2{padding: 10px 13.88%;font-size: 16px;}
}
@media(max-width:1024px){
.Industry_list_item_top h1{width: 21.88%;}
.Industry_list_item_bot .right_info_list{position: relative;}
.Industry_list_item_bot .left_img,.Industry_list_item_bot .right_info_list{float: none; width: 100%; min-height: auto;}
.Industry_list_item_bot .right_info_list .right_info_item{float: left;width: 25%; position: static;}
.Industry_list_item_bot .right_info_list .right_info_item article{width: 100%; position: absolute; top: 40%; left: 0px; padding: 20px 5% 30px; background-color: #314c61;height: auto;}
.Industry_list_item_bot .right_info_list .right_info_item{margin-bottom: 10%;}
.Industry_list_item{margin-bottom: 150px;}
.Industry_list_item_bot{overflow: visible;}
.Industry_list_item_bot .right_info_list .right_info_item.active::before{border: 0;}
.Industry_list_item_bot .left_img .img-box{height: auto;}
.Industry_list_item_bot .left_img .img-box img{width: 100%; height: auto;}
}

@media(max-width:640px){
.Industry_list_top .ul li{width: 25.6%;margin: 5px 0.5%;}
.Industry_list_item_top h1,.Industry_list_item_top p{float: none;width: 100%;}
    .Industry_list_item_top p{font-size: 14px;}
    .Industry_list_item_top h1{font-size: 20px;}
.Industry_list_item_bot .right_info_list .right_info_item h2{font-size: 18px;}
.Industry_list_item_bot .right_info_list .right_info_item article{top: 45%;font-size: 14px;}
.Industry_list_top .ul{margin-bottom: 40px;}

    .Industry_list_item_bot .right_info_list .right_info_item h2{line-height: normal;}
    .Industry_list_item_bot .right_info_list{position: relative;padding-bottom: 200px;background-color: #2a4356;}
    .Industry_list_item_bot .right_info_list .right_info_item{width: 50%;margin-bottom: 0;position: initial;      border: 0px solid #405667!important; border-top: 1px solid #405667!important;}
    .Industry_list_item_bot .right_info_list .right_info_item.active article{position: absolute;bottom: 0px;left: 0;height: 200px;overflow: auto;top: auto;background-color: #314c61;}
    .Industry_list_item{margin-bottom: 50px;}
}
@media(max-width:530px){
.Industry_list_item_bot .right_info_list .right_info_item h2{font-size: 14px;}
.Industry_list_item_bot .right_info_list .right_info_item h2{padding-left: 4.88%; padding-right: 0;}
}



.Industry_index{background-color: #f5f7fa; background-size: 100% auto;}
.Industry_index .Nmenu{ background: #f5f7fa;}
.Industry_map{ width: 81.528%;margin: 0 auto; position: relative;}
.Industry_list{ position: absolute; left: 50%; transform: translateX(-50%); width: 1440px; bottom: 11%;}
.Industry_list .slick-list{ padding: 10px 0;}
.Industry_list li{ background: #f5f7fa; border-right: 1px solid #e8eaed; padding:0 1px;}
.Industry_list li .info{ display: block;background: #f5f7fa; padding: 5% 2% 10px 7%; }
.Industry_list h2{ padding-left: 42px; background: url("../images/icon_arrow17.png") no-repeat left 5px; font-weight: normal; font-size: 24px; color: #2a4356; margin: 0 0 5%;}
.Industry_list pre{ padding-left: 42px; font-size: 16px; color: #6e8092; line-height: 30px; height: 94px; overflow: hidden;}
.Industry_list .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Industry_list .slick-prev{ left: -10%;}
.Industry_list .slick-next{ right: -10%; background-position: right center;}
.Industry_list .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.Industry_list li.aon{ position: relative; background: #fff;}
.Industry_list li.aon .info{ background: #ffffff; box-shadow: 0 0 10px #ddd;}
.Industry_list li.aon h2{ background-image: url("../images/icon_arrow18.png");}
.Industry_list li.aon pre{ color: #2a4356;}
.Industry_item2{ position: relative;}
.Industry_item2 .txt{ background: #fff; padding: 5% 8%; font-size: 16px; color: #6e8092; line-height: 30px;}
.Industry_item2 .txt .tit{ margin: 0 0 5%; font-size: 24px; color: #2a4356;}
.Industry_item2 .txt article{ min-height: 245px; position: relative; padding-bottom: 20px;}
.Industry_item2 .txt article:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #c8d0d9;}

.Industry_item2 .slider-nav li{ font-size: 16px; color: #6e8092; text-align: center; line-height: 70px; border: 1px solid #cdd9e5; border-top: none; border-right-color: transparent; cursor: pointer;}
.Industry_item2 .slider-nav li.slick-current{ background: #0068b7; color: #fff;}
.Industry_item2 .slider-nav li:last-child{ border-right-color:#cdd9e5;}
.Industry_item2 .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10; display: none!important;}
.Industry_item2 .slick-prev{ left: -10%;}
.Industry_item2 .slick-next{ right: -10%; background-position: right center;}
.Industry_item2 .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
@media(max-width:1700px){
    .Industry_item1{ padding-left: 6%; padding-right: 6%;}
    .Industry_list .slick-prev,
    .Industry_item2 .slick-prev{ left: -5%;}
    .Industry_list .slick-next,
    .Industry_item2 .slick-next{ right: -5%;}
}
@media(max-width:1600px){
    .Industry_item1{ padding-left: 3%; padding-right: 3%;}
    .Industry_list{ width: 1366px;}
}
@media(max-width:1440px){
    .Industry_list{ width: 1160px;}
    .Industry_list h2,
    .Industry_list pre{ padding-left: 30px;}
    .Industry_list h2{ font-size: 20px;}
}
@media(max-width:1366px){
    .Industry_list{ width: 1100px;}
    .Industry_item2 .txt{ padding-top: 0; padding-bottom: 0;}
}
@media(max-width:1200px){
    .Industry_list{ width: 120%;}
}
@media(max-width:1000px){
    .Industry_map{ width: 100%;}
    .Industry_list{ width: 100%;}
    .Industry_item2 .txt .tit{ font-size: 20px;}
}
@media(max-width:768px){
    .Industry_item2{ padding: 5% 4%;}
    .Industry_list h2{ font-size: 18px;}
    .Industry_list pre{ font-size: 14px; line-height: 24px;}
    .Industry_list .slick-arrow,
    .Industry_item2 .slick-arrow{width: 56px;height: 34px;background-size: cover;}
    .Industry_list{ bottom: 5%;}
    .partner_list li{ width: 33.33%;}
    .Industry_item2 .ytable_cell{ display: block; width: 100%;}
    .Industry_item2 .txt{ padding: 4%; font-size: 14px; line-height: 24px;}
    .Industry_item2 .slick-arrow{ display: block!important;}
    .Industry_item2 .txt article{ min-height: auto;}
    .Industry_item2 .txt .tit{ font-size: 18px;}

}
@media(max-width:640px){
    .Industry_map .box{ position: relative; display: none;}
    .Industry_list{ position: relative; bottom: auto;}
    .Industry_list .slick-list{ padding: 10px;}
    .Industry_list li{background: #ffffff;box-shadow: 0 0 10px #ddd;position: relative;}
    .Industry_list li h2{background-image: url(../images/icon_arrow18.png);}
}



/*搜索*/
.newsList_box{}
.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px; color: #2a4356; font-size: 16px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #0068b7;}

.partner_list{ padding-bottom: 3%;}
.partner_list li{ float: left; width: 20%;background: #e6f4ff;  padding: 10px; }
.partner_list li:nth-child(2n){ background: #fff;}
.partner_list li figure{ padding-top: 35%; background-size: contain;}




/* 设置滚动条的样式 */
.scroll::-webkit-scrollbar {
    width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
/* 滚动槽 */
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
    background: #d3d8dc;
}
/* 滚动条滑块 */
.scroll::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#6e8092;
}

.listsItme figure{ padding-top: 65.28%; transition: all 0.5s; }
.listsItme li{ float: left; width:47%; margin-right:6%; margin-bottom:1.5%; overflow: hidden; position: relative;list-style-type:none;}
.listsItme li:nth-child(2n){ margin-right: 0;}
.listsItme li p{text-align:center;}


.web_link ul li{ padding:10px 0; border-bottom:dotted 1px rgba(42,67,86,.3)}
.web_link ul li b{ display:block; font-size:24px; font-weight:normal; padding-bottom: 10px;color:#2a4356}
.web_link ul li i{ font-size:18px; opacity: 0.5; line-height: 16px;color:#2a4356}
.web_link ul li a{color:#2a4356}
.web_link ul li a:hover{color:#0068b7}
.web_link ul li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}




@media(max-width:768px){
.Hboxmore,.Hpro .tab_span li,.Hnews .tab_span li,.subMenu a{line-height:40px;}
.Hpro .tab_span{padding:0 3%}
.Hpro .list li a{padding:0;}
.Hpro .list{padding-bottom:3%}
}


/*联系我们 */
.map-box { width: 58.6%; border: 1px solid #ddd; float: left; }
#map2 { height:500px; }
#map2 img { max-width: none }
.contactBox { padding:5% 0; }
.contact_index {color: #6e8092; }
.contact_index .map { width: 56.6%; float: left; height: 560px; }
.contact_index .map * { max-width: none; }
.contact_index .info { width: 36%; float: right; }
.contact_index .tit { font-size: 30px; margin-top: -10px; }
.contact_index .tit b { display: inline-block; margin-right: 2%; font-size: 36px;}
.contact_index .tit span { display: inline-block; }
.contact_index .pic { width: 85px; }
.contact_index ul { padding: 3% 0; border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 1%; }
.contact_index li { padding: 0% 0; }
.contact_index li h3 { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; }
.contact_index li p { font-size: 16px; color: #6e8092; max-width: 410px;margin-top:0;}
.contact_index li .tel { font-size: 18px; }
.contact_index .ewm { font-size: 16px; line-height: 32px; }
.contact_index .ewm .pic { width: 150px; }

@media(max-width:1200px) {
.contact_index .tit { margin-top: 0; }
.contact_index .map-box, .contact_index .info { float: none; width: 100%; margin-bottom: 2%; }
.contact_index .map-box { margin-bottom: 5%; }
#map2 { height: 400px; }
.contact_index .info{padding-left:2%;padding-right:2%}
}

@media(max-width:640px) {
.contact_index .tit { font-size: 4vw; }
.contact_index .tit b { font-size: 6vw; display: block; }
.contact_index .pic { width:16vw; }
.contact_index li h3 { font-size: 3.5vw; }
.contact_index li p { font-size: 3vw; }
.contact_index li .tel { font-size: 4vw; }
#map2 { height: 60vw; }
}


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

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}