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

@font-face {
    font-family: "DINPro-Regular";
    src: url("../fonts/DINPro-Regular.woff2") format("woff2"),
    url("../fonts/DINPro-Regular.woff") format("woff"),
    url("../fonts/DINPro-Regular.ttf") format("truetype"),
    url("../fonts/DINPro-Regular.eot") format("embedded-opentype"),
    url("../fonts/DINPro-Regular.svg") format("svg");
}
@font-face {
    font-family: "CenturyGothic-Bold";
    src: url("../fonts/CenturyGothicbold.woff2") format("woff2"),
    url("../fonts/CenturyGothicbold.woff") format("woff"),
    url("../fonts/CenturyGothicbold.ttf") format("truetype"),
    url("../fonts/CenturyGothicbold.eot") format("embedded-opentype"),
    url("../fonts/CenturyGothicbold.svg") format("svg");
}

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

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\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;}


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

.slick-arrow{ width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; border: none; z-index: 10; font-size: 0; cursor: pointer; background: url("../images/btn_icon1.png") no-repeat left center;}
.slick-prev{ left: 3%;}
.slick-next{ right: 3%;background-position: right center;}
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


.w1700{ max-width:1700px; margin:0 auto;}
@media(max-width:1700px){.w1700{ padding:0 2%;}}
.w1600{ max-width:1600px; margin:0 auto;}
@media(max-width:1600px){.w1600{ padding:0 2%;}}
.w1280{ max-width:1280px; margin:0 auto;}
@media(max-width:1280px){.w1280{ padding:0 2%;}}



.Header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 200; border-bottom: 1px solid rgba(255,255,255,0.15); transition: all 0.5s;}
.Header .logo img{ transition: all 0.5s;}
.Header .logo .img2{ display: none;}
.Header .w1700{ position: relative;}
.Header .logo{ display: inline-block; line-height: 90px; position: relative;}
.Header .icon{ position: absolute;  height: 30px; right: 4px; top: 62%; margin-top: -15px; font-size: 0; }
.Header .icon dd{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-left: 27px; position: relative; cursor: pointer;}
.Header .open-search{ display: block; width: 100%; height: 100%; background: url("../images/top_icon1.png") no-repeat center;}
.Header .open-search-show{ position:relative; background:none!important;}
.Header .open-search-show::before,
.Header .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#e60012; top:50%; left:10%; transform:rotate(-45deg);}
.Header .open-search-show::after{transform:rotate(45deg);}
.Header .search{ position:absolute; top:49px; right:0; z-index:100; display:none;}
.Header .search .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 .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 .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}
.Header .top_ul{ position: absolute; right: 125px; top: 62%; transform: translateY(-50%);}
.Header .top_ul li{ display: inline-block; margin: 0 35px;}
.Header .top_ul a{ font-size: 16px; color: #fff;}
.Header #open_menu{ position: relative; width:30px; height:30px; z-index:101; transition:background 0.3s;}
.Header #open_menu i,
.Header #open_menu i::before,
.Header #open_menu i::after{ background:#fff; border-radius:3px; position: absolute;}
.Header #open_menu i::before,
.Header #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
.Header #open_menu i::before{ top:10px;}
.Header #open_menu i::after{top:-9px;}
.Header #open_menu i{ left:0; width:100%;height:2px; margin-top:0; top: 50%;}
.Header #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;}
.Header #open_menu.open_menu_on i{ background:none !important;}
.Header #open_menu.open_menu_on i::before,
.Header #open_menu.open_menu_on i::after{  top:0 !important;}
.Header #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
.Header #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
.Header .top_ul #m19{display: none;}

.topNav{ position: fixed; width: 100%; top: 0; left: 0; height: 100%; z-index: 201; transition: all 0.5s; opacity: 0; transform: translateX(100%);}
.topNav .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2; opacity: 0;transition: all 0.5s;}
.topNav .nav_con{ position: absolute; right: 0; top: 0; background: #fff; width: 340px; height: 100%; padding-top: 90px; z-index: 5; transform: translateX(100%);transition: all 0.5s; opacity: 0;}
.topNav .close{ position: absolute; padding: 0 60px;text-align: right;border-bottom: 1px solid #eee; left: 0; top: 0; line-height: 90px; width: 100%;}
.topNav .close i{ width: 50px; height: 50px; border: 1px solid #eeeeee; display: inline-block; position: relative;vertical-align: middle; cursor: pointer;}
.topNav .close i::before,
.topNav .close i::after{ position:absolute; content:''; width:60%; height:2px; background:#2087cc; top:50%; left:20%; transform:rotate(-45deg);}
.topNav .close i::after{transform:rotate(45deg);}
.topNav .nav{ height: 100%; position: relative; left: 0; margin: 0 50px;}
.topNav ul{ padding: 0 10px 0 0; width: 100%; position: absolute; left: 0; top: 5%; max-height: 90%; overflow: auto; }
.topNav li{ border-bottom: 1px solid #eeeeee; padding: 4% 0; margin: 11% 0 20%;}
.topNav li a{ font-size: 18px; color: #555555; display: block; position: relative;}
.topNav li .navA:after{ content: '+'; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; margin-top: -8px; background: #2087cc; color: #fff; line-height: 15px; text-align: center; font-size: 12px;}
.topNav li .navA_open:after{ content: '-';}
.topNav li span{ display: block; font-size: 12px; color: #999999; line-height: 16px; }
.topNav .sub{ padding: 4% 2%; display: none; border-top: 1px solid #eee; margin-top: 5%;}
.topNav .sub a{ display: block; font-size: 16px; line-height: 30px;}
.topNav li a:hover{ color: #2087cc;}
.topNav ul::-webkit-scrollbar {width: 5px;height: 5px;}
/*定义滚动条的轨道颜色、内阴影及圆角*/
.topNav ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);background-color: #eee;border-radius: 3px;}
/*定义滑块颜色、内阴影及圆角*/
.topNav ul::-webkit-scrollbar-thumb{border-radius: 7px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #2087cc;}
.topNav_show{ opacity: 1; transform: translateX(0);}
.topNav_show .bg{ opacity: 1;}
.topNav_show .nav_con{ opacity: 1; transform: translateX(0);}


.topNav ul  .mCSB_scrollTools .mCSB_draggerRail{background-color: #eeeeee;width: 5px;}
.topNav ul  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2087cc;width: 5px;}

.Header_fix{ background: #fff;border-bottom: 1px solid #eee;box-shadow: 0 0 5px #e8e8e8;}
.Header_fix .logo .img1{ display: none;}
.Header_fix .logo .img2{ display: inline-block;}
.Header_fix .open-search{ background-image: url("../images/top_icon2.png");}
.Header_fix #open_menu i,
.Header_fix #open_menu i::before,
.Header_fix #open_menu i::after{ background: #333;}
.Header_fix .top_ul a{ color: #333333;}

.Hbanner{ position: relative; overflow: hidden;max-width: 1920px;margin: auto;}
.Hbanner .bg{ position: absolute; width: 1920px; left: 50%; margin-left: -960px; height: 50px; bottom: 0; z-index: 2;}
.Hbanner .bg:before{ content: ''; position: absolute; right: 0; top: -50px; width: 320px; height: 100%; background: #fff;}
.Hbanner .bg:after{ content: '';position: absolute;right: 320px;top: 0;height: 100%;background-color: #2087cc;opacity: 0.8;width: 100%;}
.Hbanner .wap_ban{ display: none;}
.Hbanner .slick-dots{ text-align: center; font-size: 0; position: absolute; width: 100%; bottom: 8.5%; z-index: 5;}
.Hbanner .slick-dots li{ display: inline-block; width: 16px; height: 16px; margin: 0 5px; position: relative; padding: 0;}
.Hbanner .slick-dots button{ width: 100%; height: 100%; border: none; border: 1px solid #fff; font-size: 0; padding: 0; background: none; display: block;}
.Hbanner .slick-dots li.slick-active:before{ content: ''; position: absolute; width: 6px; height: 6px; left: 50%; top: 50%; margin: -3px 0 0 -3px; background: #fff;}

.Nybanner{ position: relative;}
.Nybanner img{ display: block; width: 100%;}
.Nybanner .wapban{ display: none;}
.location{ position: absolute; width: 100%; bottom: 0; left: 0; padding-top: 50px; background: url("../images/location_bg.png") no-repeat center bottom;}
.location .w1280{ line-height: 50px; overflow: hidden;}
.location em{ padding-left: 15px; background: url("../images/location_icon.png") no-repeat left center; font-style: normal; color: #fff; font-size: 16px;}
.location a{ color: #fff;}

.NyMenu{ border-bottom: 1px solid #eeeeee;}
.NyMenu li{ float: left; margin-right: 5%;}
.NyMenu a{ display: block; line-height: 80px; color: #555555; position: relative; font-size: 18px;}
.NyMenu a:hover,
.NyMenu li.aon a{ color: #2087cc;}
.NyMenu a:hover:after,
.NyMenu li.aon a:after{ content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #2087cc;}

.maincontent{ padding: 1% 0;}
/*联系我们*/
.contact_box{}
.contact_box dl{ display: table; width: 100%; line-height: 36px;}
.contact_box dt,
.contact_box dd{ display: table-cell; vertical-align: top; padding-bottom: 10px;}
.contact_box dt{ font-size: 30px; color: #555555; width: 16%;}
.contact_box dd{ font-size: 16px; color: #555555; width: 48%;}
.contact_box dd:last-child{ padding-left: 6%; border-left: 1px solid #eee; width: 36%;}
.Map002520{ padding:9px 0 9px 9px; border: 1px solid #eee; margin-top: 5%;}
.Map002520 .right{ position:relative; padding:0 9px 0 9px;height:480px;}
.Map002520 .right .scrollBar{width: 100%;height: 100%;}

.Map002520 .right  .scrollBar .mCSB_scrollTools .mCSB_draggerRail{background-color: #eeeeee;}
.Map002520 .right  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2087cc;width: 2px;}



.Map002520 .right::-webkit-scrollbar{width:2px;height:10px;}
.Map002520 .right::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
.Map002520 .right::-webkit-scrollbar-thumb{
    background: #e5004f;
    border-radius:10px;
}
.Map002520 .right::-webkit-scrollbar-thumb:hover{
    background: #333;
}
.Map002520 .right::-webkit-scrollbar-corner{
    background: #179a16;
}

.Map002520 .right ul{}
.Map002520 .right li{ line-height:26px; padding:25px 40px 14px 50px; cursor:pointer; position: relative;}
.Map002520 .right h5:before,
.Map002520 .right li:after{content: ''; position: absolute;}
.Map002520 .right li:after{  width: 300px; left: 50%; transform: translateX(-50%); bottom: 0; height: 1px; background: #eee;}
.Map002520 .right li.on{background:#fafafa;}
.Map002520 .right li > *{ margin:0;}
.Map002520 .right li h5{ font-size:20px; color:#555; font-weight: normal; margin-bottom: 10px; position: relative;}
.Map002520 .right h5:before{ width: 13px; height: 19px; background: url("../images/add_icon.png") no-repeat left bottom; left: -25px; top: 5px;}
.Map002520 .right li.on h5:before{ background-position: left top;}
.Map002520 .right li p{ position:relative;color:#555555;}

.Map002520 .map{ position:relative;}
.Map002520 .map > img{ width:100%;}
.Map002520 .map #allmap{ position:relative; left:0; top:0; width:100%; height:480px;}
.Map002520 .map #allmap img{ max-width:none;}
.Map002520 .map #allmap *{ box-sizing:content-box;}
@media(min-width:1025px){
    .Map002520 .right{ float:right; width:30%;}
    .Map002520 .left{ float:left; width:70%;}
}

/*在线留言*/
.contact_table{ background-repeat: no-repeat; background-position: top center; padding: 3.5%;}
.contact_table ul{ max-width: 572px; background: #fff; padding:4% 7%;}
.contact_table ol{ font-size: 30px; color: #555; line-height: normal; margin-bottom: 9%;}
.contact_table .text{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #dcdcdc; padding: 0 10px; margin-bottom: 12px;}
.contact_table .text2{ height: 145px;}
.contact_table .btn{ text-align: center; background: #2087cc; width: 100%; height: 50px; line-height: 50px; color: #fff; border: none; cursor: pointer;}
.join_table{ padding: 0;}
.join_table ul{ margin: 0 auto; padding: 0;}
.join_table p{ line-height: 50px; font-size: 16px;}
.join_table .queueList{ margin: 0 0 12px;}


.footer{ background: #f5f5f5; padding-top: 3.5%;}
.footer .bottom{ position:relative; padding:0 140px 3% 0;}
.footer .contact{ position:absolute; right:0; top:0;}
.footer .contact{ text-align:center;}
.footer .contact img{ display:block; width:240px;}
.footer .contact aside{ padding-top:10px;}
.footer nav dl{float:left;margin-right: 8%;}
.footer nav dl:last-child{ margin-right:0;}
.footer nav dt{ position:relative; border-bottom:1px solid #e8e9ea; padding-bottom:10px; margin-bottom:10px;}
.footer nav dt a{ font-size: 18px; color: #555;}
.footer nav dt::after{ position:absolute; content:''; left:0; bottom:-1px;height:1px; background:#2087cc; width:20px;}
.footer nav dd{ line-height:30px;}
.footer nav dd a{ font-size: 14px; color: #999999;}
.footer .copyright{ border-top:1px solid #e8e9ea; padding:2% 0 2.5% 0; }
@media(min-width:1025px){
    .footer .copyright dt{ float:left;}
    .footer .copyright dd{ float:right;}
}
.footer .copyright dt,
.footer .copyright dt a{ color: #555;}
.footer .copyright dt span,
.footer .copyright dt span a{ color: #999999;}
.footer .copyright dd a{  display:inline-block; position:relative; color: #555;}
.footer .copyright dd a::after{ display:inline-block; vertical-align:middle; content:''; width:1px; height:10px; background:#bbbbbc; margin:-1px 10px 0 15px;}
.footer .copyright dd a:last-child::after{ display:none;}



/*分页*/
.Page002046{}
.Page002046 .Pages{ text-align:center; padding:5% 0 1%;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 17px; line-height:42px; color:#666666; font-size: 16px;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#2087cc; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:44px;}
.Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);}
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ padding: 0 25px;}

.menu_sub{ text-align: center; font-size: 0; margin: 0 0 3%;}
.menu_sub a{ display: inline-block; width: 200px; line-height: 48px; border: 1px solid #eeeeee; color: #999999; font-size: 18px;}
.menu_sub a:hover,
.menu_sub a.aon{ background: #2087cc; color: #fff; border-color: #2087cc;}

.Industrial_list li{ width: 31.33%; float: left; margin-right: 3%; margin-top: 3%;}
.Industrial_list li:nth-child(3n){ margin-right: 0;}
.Industrial_list li a{ display: block; width: 100%; position: relative; overflow: hidden;}
.Industrial_list figure{ padding-top: 100%; transition: all 0.8s;}
.Industrial_list li .txt{ position: absolute; left: 0; bottom:0; width: 100%; color: #fff; transition: all 0.8s; padding: 5% 10%;background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* 标准的语法 */}
.Industrial_list li .Hmore{ opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 100px; margin: 0; border: none;}
.Industrial_list li .Hmore:after{ background: none; border: 1px solid #fff; color: #fff; line-height: 13px; margin-top: -3px;}
.Industrial_list h3{ font-weight: normal; font-size: 20px; margin: 5px 0;}
.Industrial_list p{ font-size: 16px;}
.Industrial_list p span:after{ content: '|'; display: inline-block; margin: -5px 10px 0; font-size: 12px; vertical-align: middle;}
.Industrial_list p span:last-child:after{ display:none;}
.Industrial_list .slick-center .txt{ left: 0; bottom: 0; width: 100%; padding-right: 130px;}
.Industrial_list .slick-center:before{ display: none;}
.Industrial_list li a:hover .txt{ background: rgba(199,22,30,0.8);}
.Industrial_list li a:hover .Hmore{ opacity: 1;}
.Industrial_list li a:hover h3 {margin-right:65px;}
.Industrial_list li a:hover figure{ transform: scale(1.1);}

.Industrial_box{ background: #f9f9f9;}
.Industrial_box figure{ float: left; width: 53.438%;}
.Industrial_box .txt{ float: right; width: 43%; padding: 5% 2% 0 0;}
.Industrial_box .txt h3{ font-weight: normal; font-size: 28px; color: #333333; line-height: normal; margin-bottom: 4%;}
.Industrial_box .txt span{ display: block; padding-left: 35px; background: url("../images/icon_1.png") no-repeat left center; font-size: 16px; color: #666666; line-height: 36px;}
.Industrial_box .txt .contain{ background-image: url("../images/icon_2.png");}
.Industrial_box .txt .build{ background-image: url("../images/icon_3.png");}
.Industrial_box .txt .add{ background-image: url("../images/icon_4.png");}
.Industrial_box .txt p{ margin-top:5%; border-top: 1px solid #ededed; padding: 4% 0; font-size: 16px; color: #666666; line-height: 30px;}
.Industrial_box2{ position: relative; margin: 5% 0; padding-left: 15%; font-size: 16px; line-height: 32px;}
.Industrial_box2 .tit{ position: absolute; left: 0; top: 0; font-size: 26px; line-height: normal; color: #555555;}
.Industrial-for figure{ padding-top: 50.782%;}
.Industrial-nav{ max-width: 1150px; margin: 3% auto 1%;}
.Industrial-nav li{ padding: 0 14px;}
.Industrial-nav figure{ padding-top:69.235%; position: relative;}
.Industrial-nav .slick-arrow{ width: 50px; height: 100%; border: none; background: url("../images/btn_icon1.png") no-repeat left center #eeeeee; left: -6%; top: 0; margin-top: 0;}
.Industrial-nav .slick-next{ background-position: right center; right: -6%; left: auto;}
.Industrial-nav .slick-current figure:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #2087cc; left: 0; top: 0;}

.news_top{ background: #f8f8f8; position: relative; margin-bottom: 3%;}
.news_top .slick-dots{position: absolute;right: 3%;bottom: 5%;font-size: 30px;color: #555555; width: 155px;line-height: 40px;text-align: center; font-weight: bold;}
.news_top .slick-dots li{ display: none;}
.news_top .slick-dots a{ color: #d70039;}
.news_top .slick-dots .slick-active,
.news_top .slick-dots ol{ display: inline-block;}
.news_top .slick-dots ol{margin:0 25px 0 5px;}
.news_top .slick-dots ol span{ font-weight: normal; color: #c4c4c4;}
.news_top .slick-arrow{ display: none!important;}
.news_top .btn{ width: 185px; height: 40px; line-height: 40px; z-index: 10; position: absolute; right: 3%; bottom:5%;}
.news_top .btn span{ width: 40px; height: 40px; background: url("../images/btn_icon3.png") no-repeat right center; float: right; cursor: pointer; }
.news_top .btn .prev{ float: left; background-position: left center;}
.news_top figure{ width: 37.5%; float: left; overflow: hidden;}
.news_top figure img{ transition: all 0.5s; width: 100%;}
.news_top .txt{ float: right; width: 59%; padding: 3.5% 3% 60px 0;}
.news_top time{ font-size: 16px; color: #999999;}
.news_top h3{ font-size: 20px; color: #555555; margin: 4% 0 2%; font-weight: normal;}
.news_top p{ font-size: 16px; color: #999999;}
.news_top .Hmore{ width: auto; margin: 3% 0 10px; display: inline-block;}
.news_top .Hmore:after{ margin-top: -1px; color: #555555; background: none;}
.news_top a:hover img{ transform: scale(1.05);}
.news_top a:hover .Hmore{ width: 140px; background: #2087cc; color: #fff;}
.news_top a:hover .Hmore:after{ color: #fff; border: 1px solid #fff; line-height: 13px;}

.news_list li{ border-bottom: 1px solid #eeeeee; padding: 2.5% 0 1.5%;}

.news_list a{ position: relative; padding: 0 235px 0 2%; display: block;font-size: 16px; color: #999999; transition: all 0.5s; }
.news_list a:before,
.news_list a:after{ content: ''; position: absolute;}
.news_list a:before{ width: 4px; height: 4px; left: 1%; top: 10px; background: #999999;}
.news_list a:after{ right: 195px; top: 50%; transform: translateY(-50%); background: #eeeeee; width: 1px; height: 90%;}
.news_list h3{ font-weight: normal; font-size: 20px; color: #555555; position: relative;}
.news_list p{ line-height: 30px; margin: 1.2% 0 0.5%;}
.news_list .Hmore{ position: absolute; right: 2%; top: 50%; transform: translateY(-50%); margin: 0;}
.news_list .Hmore:after{ color: #fff;}
.news_list li:hover{ background: #f8f8f8;}
.news_list a:hover{ margin-left: 2%;}
.news_list a:hover:before{ background: #2087cc;}
.news_list a:hover h3{ color: #2087cc;}
.news_list a:hover .Hmore{ background: #2087cc; color: #fff;}
.news_list a:hover .Hmore:after{ border: 1px solid #fff; line-height: 12px;}

.news_info .title{ text-align:center; padding-bottom:20px; margin-bottom: 2%;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;    color: #333;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:15px ;}
.news_info .title p span{ margin:0 10px; color:#777;}


.join_list{}
.join_list .list{ border-bottom: 1px solid #eeeeee; padding: 0 2.5%;}
.join_list .list:nth-child(2){ border-top: 1px solid #eeeeee; }
.join_list ul{  line-height: 70px; font-size: 16px; color: #666666;}
.join_list .top{ background: #f6f6f6; font-size: 18px; color: #2087cc; border: 1px solid #eeeeee;padding: 0 2.5%;margin-bottom: 10px;}
.join_list .top li,
.join_list .tit li{ width: 20%; float: left; text-align: center; padding: 0 1%;}
.join_list .tit{ cursor: pointer;}
.join_list .top li:first-child,
.join_list .tit li:first-child{ text-align: left; width: 30%;}
.join_list .top li:last-child,
.join_list .tit li:last-child{ width: 10%;}
.join_list .tit li:last-child span{ width: 40px; height: 40px; background: url("../images/btn_icon1.png") no-repeat right center; display: inline-block; vertical-align: middle;}
.join_list .con{ display: none; padding: 3% 1%; font-size: 16px; line-height: 36px;}
.join_list .active .tit{ border-bottom: 1px solid #eee; line-height: 60px;}
.join_list .con .h3{ font-size: 16px; font-weight: normal;}
.join_list .con article{ margin-bottom: 3%;}
.join_list .btn_apply{ width: 150px; line-height: 45px; text-align: center; background: #2087cc; color: #fff; display: block; margin: 0 0 2%; cursor: pointer;}
.join_list .active .tit li:last-child span{ transform: rotate(-90deg);}
.join_list .list.active{background-color: #f9f9f9;}

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

/*首页*/
.Htit{ text-align: center; padding: 7.4% 0 3%; font-size: 30px; color: #333333; line-height: normal;}
.Htit span{ display: block; color: #eeeeee;}

.Hmore{ width: 140px; text-align: center; height: 40px; line-height: 40px; display: block; margin:8.5% auto 0; border: 1px solid transparent;}
.Hmore:after{ content: '+'; display: inline-block; width: 16px; height: 16px; line-height: 14px; vertical-align: middle; background: #2087cc; margin-left: 8px;}
a:hover .Hmore{ margin-left: 0; border-color: #fff;}
.Hbox1 li a:hover .Hmore{background-color: #2087cc;color: #fff;border:0;}
.Hbox1 li a:hover .Hmore:after{background-color: transparent;border: 1px solid #fff; color: #fff;line-height: 12px;}

.Hbox1{ background: url("../images/Hbox_bg1.png") no-repeat center top; padding-bottom: 7.4%;overflow: hidden;}
.Hbox1 .slick-slider{ margin: 0 -20px;}
.Hbox1 li{ padding: 0 20px;}
.Hbox1 li a{display: block; width: 100%; position: relative; color: #fff; overflow: hidden;}
.Hbox1 li a *{ transition: all 0.8s;}

.Hbox1 li figure{padding-top: 100%;position: relative; overflow: hidden;}
.Hbox1 li figure:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(0,0,0,0.4); opacity: 0;}
.Hbox1 li h4{ font-size: 24px; font-weight: normal;}
.Hbox1 li h4 span{ display: block; font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding-right: 10px;}
.Hbox1 li figure h4{ position: absolute; left: 0; width: 100%; padding-left: 50px; top: 10%;}
.Hbox1 li figure h4:before{ content: ''; position: absolute; left: 0; width: 40px; height: 1px; top: 50%; background: #fff; margin-top: -12px;}
.Hbox1 .txt{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* 标准的语法 */
}
.Hbox1 .txt h4,
.Hbox1 .txt p{ opacity: 0; position: absolute; top: -100%; }
.Hbox1 .txt p{ max-width: 255px; margin: 10% 0 3%; font-size: 16px;}

.Hbox1 a:hover figure{ transform: scale(1.1);}
.Hbox1 a:hover figure:before{ opacity: 1;}
.Hbox1 a:hover figure h4{ opacity: 0;}
.Hbox1 a:hover .txt{ height: auto; bottom: 50%; transform: translateY(50%); padding: 0 50px; background: none;}
.Hbox1 a:hover .txt h4,
.Hbox1 a:hover .txt p{ position: relative; top: 0; opacity: 1;}
.Hbox1 a:hover .txt p{}

.Hbox2{ margin-top: -7.5%; padding-bottom: 2%; background: url("../images/Hbox_bg2.png") no-repeat center bottom;}
.Hbox2 ul{ margin-top: 1%;}
.Hbox2 .slick-list{ padding: 0!important; overflow: hidden; margin: 0 -45px;}
.Hbox2 li{ position: relative;}
.Hbox2 li:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 10;}
.Hbox2 li a{ display: block; width: 100%; padding: 45px; position: relative; margin-top: 10px; overflow: hidden;}
.Hbox2 .slick-center{}
.Hbox2 .slick-center a{ padding: 0; width: 105%;margin-left: -2.5%; margin-top: 0;}
.Hbox2 figure{ padding-top: 100%; transition: all 0.8s;}
.Hbox2 li .txt{ position: absolute; left: 45px; bottom: 45px; width: 80%; color: #fff; transition: all 0.8s; padding: 5% 10%;background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8)); /* 标准的语法 */}
.Hbox2 li .Hmore{ opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 100px; margin: 0; border: none;}
.Hbox2 li .Hmore:after{ background: none; border: 1px solid #fff; color: #fff; line-height: 13px; margin-top: -3px;}
.Hbox2 .h3_2{ opacity: 0; transform: translateY(100%); position: absolute; bottom: 0;}
.Hbox2 h3{ font-weight: normal; font-size: 20px; margin: 5px 0;}
.Hbox2 p{ font-size: 16px;}
.Hbox2 p span:after{ content: '|'; display: inline-block; margin: -5px 10px 0; font-size: 12px; vertical-align: middle;}
.Hbox2 p span:last-child:after{ display:none;}
.Hbox2 .slick-center .txt{ left: 0; bottom: 0; width: 100%; padding-right: 130px;}
.Hbox2 .slick-center:before{ display: none;}
.Hbox2 li a:hover .txt{ background: rgba(199,22,30,0.8);}
.Hbox2 li a:hover .Hmore{ opacity: 1;}
.Hbox2 li a:hover .h3{ display: none;}
.Hbox2 li a:hover .h3_2{ position: relative; transform: translateY(0); opacity: 1;}
.Hbox2 li a:hover figure{ transform: scale(1.1);}
.Hbox2 .slick-arrow{ width: 40px; height: 40px; border: 1px solid #e5e5e5; background: url("../images/btn_icon1.png") no-repeat left center #fff; left: -6%;}
.Hbox2 .slick-next{ background-position: right center; right: -6%; left: auto;}
.Hbox2 .slick-arrow:hover{ border-color: #2087cc; background-color: #2087cc;}

.Hbox2 .more{ text-align: center; padding: 5% 0 2%;}
.Hbox2 .more img{display: block;margin: auto;}
.Hbox2 .more a div:after{ display: inline-block; vertical-align: middle; }
.Hbox2 .more a div{margin-top: 2%;	font-size: 16px;font-weight: normal;color: #595656;display: inline-block;width: 140px;text-align: center;line-height: 40px;}
.Hbox2 .more a div:after{ content: '+';width: 16px; height: 16px; line-height: 14px; background: #2087cc; color: #fff; font-size: 16px; margin-left: 5px;margin-top: -4px;}
.Hbox2 .more a div:hover{background: #2087cc;  color: #fff;}
.Hbox3{ background-position: center top; background-repeat: no-repeat; padding-top: 4%;}
.Hbox3 .item{ max-width: 1300px;}
.Hbox3 .item ul{ font-size: 0;}
.Hbox3 .item li{ font-size: 18px; color: #fff; display: inline-block; position: relative; margin-right: 10%; height: 120px; text-align: left; vertical-align: top; position: relative; padding-left: 1.5%;}
.Hbox3 .item p{ margin-bottom: 5px;}
.Hbox3 .item b{ font-size: 52px; font-weight: normal;font-family: "DINPRO-MEDIUM";}
.Hbox3 .item span{ display: inline-block; position: relative; vertical-align: bottom;}
.Hbox3 .item i{ position: absolute; left: -4px; top: -40px; font-style: normal; font-size: 30px; }
.Hbox3 .item .span5{ font-size: 30px;}
.Hbox3 .item li:last-child{ margin-right: 0;}
.Hbox3 .item li:before{ content: ''; position: absolute; left: 0; top: -15px; width: 1px; height: 100%;background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); }

.Hbox3 .item2{ background: rgba(0,0,0,0.5); padding-bottom: 2%;}
.Hbox3 .item2 .w1280{max-width: 1320px;}
.Hbox3 .item2 .ul{ margin: 0 -15px;}
.Hbox3 .item2 .tit{ font-size: 16px; color: #fff; padding: 2% 0;padding-left: 3%;}
.Hbox3 .item2 .tit:after{ content: '+'; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; background: #2087cc; margin-left: 8px; text-align: center;}
.Hbox3 .item2 figure{ padding-top: 30%; position: relative; margin: 0 15px;}
.Hbox3 .item2 img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;}
.Hbox3 .slick-arrow{ width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); background: url("../images/btn_icon2.png") no-repeat left center; left: -2%;}
.Hbox3 .slick-next{ background-position: right center; right: -2%; left: auto;}
.Hbox3 .slick-arrow:hover{ border-color: #2087cc; background-color: #2087cc;}

.Hbox4 li{ width: 31.33%; margin-right: 3%; float: left; font-size: 16px;}
.Hbox4 li:nth-child(3n){ margin-right: 0;}
.Hbox4 li a{ display: block; width: 100%; padding: 12% 5% 17%; border: 1px solid #eeeeee; border-left-color:transparent; border-right-color:transparent;  color: #999999; }
.Hbox4 li h4{ font-size: 20px; color: #595656; font-weight: normal; margin: 9% 0 4%;}
.Hbox4 li p{ height: 50px; overflow: hidden; margin-bottom: 8%;}
.Hbox4 li span{ color: #555555;}
.Hbox4 li span:after{ content: '+'; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; margin-left: 8px; text-align: center;margin-top: -4px;}
.Hbox4 li a:hover{ border-color: #2087cc;}
.Hbox4 li a:hover span:after{ background: #2087cc; color: #fff;}
.Hbox4 .Hmore{ margin: 2% auto 7%; font-size: 16px; color: #595656;}
.Hbox4 .Hmore:after{ color: #fff; margin-top: -3px; font-size: 14px;}

.page_tit{text-align: center;}
.page_tit .cn{	font-size: 30px;font-weight: lighter;color: #2087cc;margin: 0;}
.page_tit .en{	font-size: 30px;font-family: "DINPro-Regular"; font-weight: lighter; color: #eeeeee;margin: 10px 0 0;}
.firm .part1{color: #555555;padding: 6.25% 0;}
.firm .part1 .tit{	font-size: 28px;font-weight: normal;padding: 20px 0 0; margin: 0;}
.firm .part1 p{margin: 30px 0;font-size: 16px;line-height: 36px;text-align: justify;}
.firm .part1 .pic{float: right;width: 39%;margin-left: 3.5%;text-align: right;}

.firm  .part2_wrap{background: url("../images/firm2.jpg") no-repeat center center #f9f9f9;}
.firm .part2{padding-top: 6.25%;padding-bottom:  4.6875%; color: #555555;}
.firm .part2 .tit{	font-size: 28px;font-weight: normal;margin: 0;}
.firm .part2 >p{	font-size: 16px;line-height: 36px;margin: 30px 0 ;text-align: justify;}
.firm .part2 .count{float: right;width: 39%;margin-left: 3.5%;}
.firm .part2 .count dl{width: 100%;position: relative;}
.firm .part2 .count dd{width: 33.333%;float: left;border-left: 1px solid #eee;}
.firm .part2 .count dd:last-child{border-right: 1px solid #eee;}
.firm .part2 .count .item{padding: 65px 20px 40px;position: relative;}
.firm .part2 .count .item::after{content: ""; display: block;width: 71%;height: 1px;background-color: #eee;position: absolute;left: 0;bottom: 0;}
.firm .part2 .count .item:last-child::after{display: none;}
.firm .part2 .count dd:nth-child(2) .item:last-child::after{display: block;}
.firm .part2 .count dd:nth-child(2) .item:first-child::before{content: ""; display: block;width: 71%;height: 1px;background-color: #eee;position: absolute;left: 0;top: 0;}
.firm .part2 .count dd:nth-child(2){position: absolute;height:100%;left: 0;right: 0;margin: auto;padding: 83px 0;}
.firm .part2 .count dd:nth-child(3){float: right;}
.firm .part2  .num{	font-family:  "DINPRO-MEDIUM";font-weight: normal; font-size: 40px;letter-spacing: -2px;color: #2087cc;white-space: nowrap;}
.firm .part2  .add{ font-size: 29px;line-height: 35px;display: inline-block;vertical-align: text-top;}
.firm .part2  .unit{font-size: 16px;font-weight: lighter; letter-spacing: 0px;color: #555555;}
.firm .part2 .tip{	font-size: 16px;font-weight: lighter; color: #555555;}

.firm .part3{color: #555555;padding: 6.25% 0;}
.firm .part3 .tit{	font-size: 28px;font-weight: normal; margin: 0;}
.firm .part3 p{margin: 20px 0;font-size: 16px;line-height: 36px;text-align: justify;}
.firm .part3 .pic{float: right;width: 39%;margin-left: 3.5%;text-align: right;}


.story{padding-top: 1.6875%; }
.story .pic{float: left;width: 28.125%;}
.story .txt{width: 100%;}
.story .txt .name{	font-size: 26px;font-weight: normal;color: #666666;}
.story .txt .position{display: inline-block;margin-left: 10px;	font-size: 16px;color: #666666;}
.story .txt p{	font-size: 16px;line-height: 30px;color: #666666;margin: 20px 0;}


.history{background: url("../images/his-bg.png") no-repeat center bottom;background-size: contain; }
.history .his_bn{position: relative;max-width: 1920px;margin: auto;margin-top: 4.6875%;}
.history .his_bn .bg{position: relative;margin: auto;display: block;}
/* .history .his_bn .item{position: absolute;} */
.history .his_bn .tit{	font-family: CenturyGothic-Bold;font-size: 26px;font-weight: bold;color: #2087cc;}
.history .his_bn .tits{	font-size: 20px;font-weight: bold;color: #ffffff;margin: 10px 0;}
.history .his_bn .intro{	font-size: 16px;font-weight: lighter;line-height: 28px;color: #ffffff;}
.history .his_bn .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2087cc;}
.history .his_bn  .mCSB_scrollTools .mCSB_draggerRail{background-color: #eee;opacity: 0.4;}
/* .history .his_bn .item2 .intro{height: 104px!important;} */
/* .history .his_bn .item1{left: 63.906%;bottom: 70.827%;}
.history .his_bn .item2{left: 41.666%;bottom: 57.619%}
.history .his_bn .item3{left: 38.020%;bottom: 7.256%;}
.history .his_bn .item4{left: 17.031%;bottom: 27.576%;} */
/*
 .Timeline001265
 */
.history .Timeline001265{ position:relative; padding:3% 0;}
.history .Timeline001265::before{ position:absolute; content:''; z-index:-1; top:0; width:1px; height:100%; left:20px; background-color:#dedede;}
.history .Timeline001265 .list{/*height: 600px;*/overflow: hidden;position: relative;}
.history .Timeline001265 ul{position: relative;}
.history .Timeline001265 li{padding:15px 0 15px 65px;}
.history .Timeline001265 li h1{  font-weight:normal; font-size:30px;  position:relative;	font-family: CenturyGothic-Bold;font-size: 30px;color: #2087cc;margin: 40px 0 20px;}
.history .Timeline001265 li h1 i{ display:block; width:12px; height:12px; position:absolute; left:-50px; top:50%; margin-top:-10px;background-color:#fff;border:1px solid #dedede;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.history .Timeline001265 li h1 .unit{font-size: 16px;display: inline-block;padding-left: 5px;}
.history .Timeline001265 li dt{font-size: 16px;font-weight: normal;line-height: 30px;color: #666666;position: relative;padding-left: 20px;}
.history .Timeline001265 li dt::before{content:"";display: block;width: 6px;height: 6px;background-color: #2087cc;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);position: absolute;left: 0;top: 12px;}
.history .Timeline001265 .btn{ position:absolute; left:6px; z-index:10; cursor:default;height: 30px;width: 30px;background-size: contain;}
.history .Timeline001265 .prev{ top:0; background: url("../images/time-prev.jpg") no-repeat center center;}
.history .Timeline001265 .next{  bottom:0;background: url("../images/time-next.jpg") no-repeat center center; }
@media(max-width:768px){
    .history .Timeline001265 li h1{ font-size:24px;}
}
@media(max-width:480px){
    /*.history  .Timeline001265 .list{height: 400px;}*/
}
.history .time_line{margin-top: 6.25%;position: relative;}
.history .time_line .left{position: absolute;left: 0;top: 90px;width: 30%;}
.history .time_line .left .tit{	font-family: CenturyGothic-Bold;font-size: 38px;letter-spacing: -2px;color: #2087cc;}
.history .time_line .left .intro{	font-size: 18px;font-weight: lighter;line-height: 46px;color: #999999;}
.history .time_line .right{padding-left: 30.640%;}




.honor{padding-top: 3.9%;}
.honor .data{display: table;width: 100%;margin-bottom: 7%;}
.honor .data li{position: relative;width: 30%;display: table-cell;padding-left: 15px;}
.honor .data li::after{content:"";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #dedede;}
.honor .data li:nth-child(2){width: 40%;}
.honor .data .label{z-index: 10; background-color: #fff; width: 254px;line-height: 48px; height: 48px;border: solid 1px #2087cc;padding-left: 70px;position: relative;padding-right: 10px;font-size: 20px;font-weight: bold;color: #2087cc;}
.honor .data .label::before{content:""; display: block;width: 5px;height: 5px;background-color: #2087cc;position: absolute;left: 22px;top: 0;bottom: 0;margin: auto;}
.honor .data .line{z-index: 1; position: absolute;height: 100%;display: block;width: 1px;background-color: #dedede;left: 40px;top: 0;}
.honor .data .line::after{content: "";display: block;width: 5px;height: 5px;background-color: #2087cc;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);position: absolute;left: -2px;bottom: -2px;}
.honor .data .txt{padding:30px 10px 40px 75px;	font-size: 16px;line-height: 40px;color: #666666;}
.honor .data .num{font-size: 20px;color: #2087cc;font-weight: bold;}

.partner{margin-top: 3.9%;}
.partner .data li >a{display: block;height: 116px;}
.partner .data li >a img{position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkittransform: translateY(-50%);}

.partner .slick-prev{background: url("../images/prev.png") no-repeat center center;background-size: contain;left: -80px;}
.partner .slick-next{background: url("../images/next.png") no-repeat center center;background-size: contain;right: -80px;}
.partner .slick-prev:hover{background: url("../images/prev-on.png") no-repeat center center;background-size: contain;}
.partner .slick-next:hover{background: url("../images/next-on.png") no-repeat center center;background-size: contain;}
.partner .slick-dots{display: none!important;}


.culture{position: relative;margin-top: 50px;}
.culture .bg{position: relative;display: block;margin: auto;}
.culture .data{position: absolute;top: 0;left: 2%;right: 2%;bottom: 0;margin: auto;}
.culture .data li{float: left;width: 16.666%;text-align: center;color: #fff;padding-top: 14%;transition: all 0.5s linear;height: 100%;}
.culture .data .tit{font-size: 22px;font-weight: normal;margin-bottom: 20px;}
.culture .data .intro{	font-size: 16px;font-weight: lighter;line-height: 20px;}
.culture .data .en{display: none;}
.culture .data .tit  .en{font-size: 20px;}
.culture .data dd  .en{font-size: 16px;}
.culture .data:hover li:hover .en,.culture .data li.on .en{display: inline-block;}
.culture .data:hover li:hover dd .en,.culture .data li.on dd .en{display: block;}

.brand{padding-top: 5%;}
.brand .cont{padding-top: 5%;}
.brand .cont .left{width: 36.25%;float: left;}
.brand .cont .right{border-left: 1px solid #eeeeee;width: 63.75%;float: right;}
.brand .cont .item{padding-left: 115px;margin-bottom: 50px;}
.brand .cont .item:last-child{margin-bottom: 0;}
.brand .cont .item .tit{	font-size: 22px;font-weight: normal;color: #2087cc;margin: 0;position: relative;line-height: normal;}
.brand .cont .item .tit::after{content:"";display: block;height: 9px;width: 9px;background-color: #2087cc;position: absolute;left: -50px;top: 10px;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.brand .cont .item .intro{font-size: 16px;line-height: 30px;color: #555555;margin-top: 20px;}


.pro_trend{margin-top: 30px;}
.pro_trend li{border-bottom: 1px solid #eee;line-height: 80px;}
.pro_trend li a{position: relative;padding: 0 90px 0 42px;font-size: 16px;color: #666666;}
.pro_trend li a:hover{color: #2087cc;}
.pro_trend li .time{position: absolute;right: 0;top: 0;}
.pro_trend li a::after{content: "";display: block;height: 6px;width: 6px;background-color: #2087cc;position: absolute;left: 9px;top: 0px;bottom: 0;margin: auto;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}


@media  (max-width: 768px){
    .pro_trend li{line-height: 50px;}
    .pro_trend li a{padding: 0 90px 0 32px;}
}

@media(min-width:1025px){
    .culture .data:hover li,.culture .data li.no{width: 13.75%;}
    .culture .data:hover li:hover,.culture .data li.on{width: 31.25%;padding:10% 30px 0;text-align: left;background-image: linear-gradient(180deg, rgba(255, 1, 1, 0.71) 0%, rgba(199, 22, 30, 0.71) 100%), linear-gradient(#2087cc, #2087cc);background-blend-mode: normal, normal;opacity: 0.8;}
    .culture .data:hover li:hover .tit,.culture .data li.on .tit{padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.3);}
}
@media(min-width:769px){
    .Header .top_ul a:hover,
    .footer nav a:hover,
    .footer .copyright a:hover{ color: #f51010;}
    .Hbox4 .Hmore:hover{ background: #2087cc; color: #fff;}
}
@media(max-width:1700px){
    .Header .icon{ right: 2%;}
}
@media(max-width:1500px){
    .history .his_bn .intro{height: 56px!important;width: 280px!important;}
    .history .his_bn .item2 .intro{height: 84px!important;}
}
@media(max-width:1440px){
    .Hbox2 .slick-arrow,
    .Industrial-nav .slick-arrow,
    .Hbox3 .slick-arrow,
    .Hbox3 .slick-next{ left: 0; }
    .Hbox2 .slick-next,
    .Hbox3 .slick-next,
    .Industrial-nav .slick-next{ right: 0; left: auto;}
    .Hbox2 .slick-list{}
    .partner .slick-prev{background-size: contain;left: -0px;}
    .partner .slick-next{background-size: contain;right: -0px;}
}
@media(max-width:1366px){
    .Hbox2 .slick-list{ margin: 0; overflow: hidden;}
    .firm .part2 .count .item{padding: 65px 10px 40px;}


}
@media(max-width:1280px){
    .history .his_bn .item .intro{width: 260px!important;}
    .history .time_line .left{padding-left: 2%;}
    .Hbox3 .item li{margin-right: 7%;}
}
@media(max-width:1200px){
    .Hbox3 .item ul{ text-align: center;}
    .Hbox3 .item li{ margin-right: 5%;}
    .Hbox3 .item b{ font-size: 60px;}
}
@media(max-width:1024px){
    .Header .top_ul{ display: none;}
    .Hbanner .pc_ban,
    .Nybanner .pcban{ display: none;}
    .Hbanner .wap_ban,
    .Nybanner .wapban{ display: block;}
    .NyMenu ol{ display: none;}
    .NyMenu li{ display: block; }
    .list_icon{ right: 10px;}
    .Map002520 .left{ width:100%;}
    .Map002520 .right{ margin-top:3%;}

    .firm .part1 .pic{float: none;width: 100%;margin-left: 0;text-align: left;}
    .firm .part2 .count{float: none;width: 100%;margin-left: 0;}
    .firm .part3 .pic{float: none;width: 100%;margin-left: 0;text-align: left;}
    .history .his_bn .item .intro{display: none;}
    .culture .data li{padding-top: 7%;}
    .culture .data:hover li:hover,.culture .data li.on{padding-top: 5%;}
}
@media(max-width:1000px){
    .honor .data{display: block;}
    .honor .data li,.honor .data li:nth-child(2){display: block;width: 100%;margin-bottom: 20px;}
    .culture .data{position: relative;}
    .culture .data li{width: 100%;color: #333;}
    .culture .data:hover li:hover{padding-top: 7%;}
}
@media(max-width:768px){
    .location{ display: none;}
    .contact_box dt, .contact_box dd{ display: block; width: 100%;}
    .contact_box dd:last-child{ padding-left: 0; width: 100%; border: none;}
    .footer nav{ display: none;}
    .footer .bottom{ padding-right: 0; text-align: center;}
    .footer .contact{ position: relative;}
    .footer .contact img{ margin: 0 auto;}
    .footer .copyright{ text-align: center;}
    .Hbox3 .item ul{ text-align: center;}
    .Hbox3 .item li{ margin-right: 3%; font-size: 16px;}
    .Hbox3 .item b{ font-size: 46px;}
    .Hbox3 .item i{ font-size: 20px; top: -25px;}
    .story .pic{float: none;width: 100%;}
    .story .txt{width: 100%;float: none;}
    .story .txt .name{font-size: 22px;}
    .history .his_bn .tit{    font-size: 10px;line-height: 14px;}
    .history .his_bn .tits{font-size: 10px;margin: 0;line-height: 10px;}

    .brand .cont .left,.brand .cont .right{width: 100%;border: 0;}
    .brand .cont .left img{max-width: 160px;margin: auto;display: block;}
    .brand .cont .item{padding-left: 25px;}
    .brand .cont .tit::after{left: -25px;}
}
@media(max-width:640px){
    .Header .logo{ line-height: normal; padding: 2% 0;}
    .Header .logo img{ max-width: 80%;}
    .topNav_show .nav_con{ padding-top: 70px;}
    .topNav .nav{ margin: 0 20px;}
    .topNav li{ margin: 5% 0 5%;}
    .topNav .close{ line-height: 70px;}
    .NyMenu a{ line-height: 46px; font-size: 16px;}
    .footer{ font-size: 12px;}
    .contact_box dl{ line-height: 24px;}
    .contact_box dt{ font-size: 24px;}
    .contact_box dd{ font-size: 14px;}
    .Map002520 .right li{ padding: 25px 30px 14px 30px;}
    .Map002520 .right li h5{ font-size: 16px;}
    .Map002520 .map #allmap{height:350px;}
    .contact_table ol{ font-size: 20px;}

    .Page002046 .Pages .a_first,
    .Page002046 .Pages .a_end{ display:none;}
    .Page002046 .Pages a{padding:0 5px; }

    .news_top .slick-dots{ font-size: 20px;}
    .news_top figure,
    .news_top .txt{ width: 100%; float: none;}
    .news_list li{ padding: 5% 0;}
    .news_top p,
    .news_list p{ font-size: 14px; line-height: 24px; overflow: hidden; max-height: 50px;}
    .news_top h3,
    .news_list h3{ font-size: 16px;}
    .news_list a{ padding-right: 0;}
    .news_list .Hmore,
    .news_list a:after{ display: none;}

    .menu_sub a{ width: auto; padding: 0 10px; font-size: 16px; margin-bottom: 5px;}
    .Industrial_list li{ width: 100%; float: none; margin-right: 0;}
    .Industrial_box figure,
    .Industrial_box .txt{ width: 100%; float: none;}
    .Industrial_box .txt h3{ font-size: 20px;}
    .Industrial_box2 .tit{ position: static; font-size: 18px;}
    .Industrial_box2{ padding-left: 0;}
    .Industrial_box .txt p,
    .Industrial_box2{ font-size: 14px; line-height: 24px;}
    .Industrial-nav li{ padding: 0 5px;}

    .Htit{ font-size: 22px;}
    .Hbox1 .slick-slider,
    .Hbox3 .item2 .ul{ margin: 0;}
    .Hbox3 .item2 .slick-list{ margin: 0 20px;}
    .Hbox1 li{ padding: 0 4px;}
		.Hbox1 li h4 {font-size: 18px;}
    .Hbox3 .item li{ height: auto; margin: 10% 0!important; width: 33.33%; font-size: 14px;}
    .Hbox3 .item b{ font-size: 30px;}
    .Hbox3 .item i{ top: -20px;}
    .Hbox3 .item .span5{ font-size: 20px;}
    .Hbox3 .slick-arrow{ width: 20px; height: 20px; margin-top: -10px; background-size: cover;}
    .Hbox4 li{ float: none; width: 100%; margin-right: 0; font-size: 14px;}
    .Hbox4 li a{ padding: 5%;}
    .Hbox4 li h4{ margin: 3% 0; font-size: 16px;}
    .Hbox4 li p{ margin-bottom: 5%;}

    .firm .part2 .num{font-size: 26px;}
    .firm .part2 .unit,.firm .part2 .tip{font-size: 12px;}
    .firm .part2 .count .item {padding: 32px 10px 20px;position: relative;}
    .firm .part2 .count dd:nth-child(2){padding: 50px 0;}

    .page_tit .cn{font-size: 24px;}
    .page_tit .en{font-size: 24px;margin-top: 5px;}
    .firm .part2 .tit,.firm .part1 .tit,.firm .part3 .tit{font-size: 22px;}
    .history .time_line .right{padding-left: 0;}
    .history .time_line .left{position: relative;padding-left: 0;top: auto;margin-bottom: 20px;width: auto;}
    .history .Timeline001265 li h1{margin: 10px 0 10px;}
    .honor .data .label{font-size: 18px;}
    .honor .data .txt {padding: 30px 10px 40px 40px;font-size: 14px;line-height: 30px;}
    .honor .data .num{font-size: 16px;}
}


.list_links { padding-bottom:2%;}
.list_links ul li{ float:left; width:20%; padding:1%; margin-bottom: 2%;}
.list_links ul li a{ display:block; background-color:#fff; padding:6px;}
.list_links ul li .pic { padding-bottom:35%; background:no-repeat center center; background-size:contain; border: 1px solid #f5f5f5;}
.list_links ul li h4{ text-align:center; margin-top: 10px;}
@media(max-width:768px){
    .list_links ul li{ width:33.33%;}
}
@media(max-width:640px){
    .list_links ul li{ width:50%;}
    .partner .data li >a{height: 70px;}
    .page_tit{padding-top: 5%;}
}








/*RighInfo002815 */
.RighInfo002815{padding: 0 0;}
.RighInfo002815 .auto{max-width: 1280px; width: 100%;}
.RighInfo002815 .info h1{margin: 0;color: #2087cc;    padding-top: 3%;
    font-size: 22px;
    font-weight: normal;}
.RighInfo002815 .info .t-1{font-size: 20px;color: #003e7b;padding-top: 5px; padding-bottom: 10px;}
.RighInfo002815 .info .blue{color: #003e7b;}
.RighInfo002815 .info p{font-size: 16px; line-height: 30px;}
.RighInfo002815 .txt-dl{padding-top: 2%;}
.RighInfo002815 .txt-dl dl{ margin-bottom: 40px;}
.RighInfo002815 .txt-dl dd{position:relative; font-size: 16px;color: #666;margin-top: 20px;line-height: 30px;padding-left: 20px;}
.RighInfo002815 .txt-dl dd:before{position: absolute; content: ''; width: 10px; height: 2px; background: #333; left: 0; top: 10px;}
.RighInfo002815 .txt-dl dt{position: relative;}
.RighInfo002815 .txt-dl dt span{display: block;position: relative; z-index: 3;}
.RighInfo002815 .txt-dl dt span.en{position: absolute; z-index: 1; left: 13px; bottom: 0;color: rgba(0,62,123,0.05);font-size: 48px;font-family: Arial;text-transform: uppercase;line-height: 36px;}
.RighInfo002815 .txt-dl dt span.cn{color: #ca9f65;font-size: 20px;border-left: 3px solid #ca9f65; padding-left: 10px;line-height: 23px;}
@media(min-width:769px){
.RighInfo002815 .txt-dl dl{float: left; width: 50%; margin-right: 0%;}
.RighInfo002815 .txt-dl dl:nth-child(2n-1){clear: left;}
}
@media(min-width:1025px){
/*.RighInfo002815 .info{padding-right: 5%;}*/
.RighInfo002815 .pic{width: 30.695%;}
}
@media(max-width:1024px){
.RighInfo002815 .ytable,
.RighInfo002815 .ytable-cell{display: block;}
.RighInfo002815 .pic{text-align: center;}
}
.wu-example p { line-height:22px;}
.wu-example p span{ display:block; color: #2087cc;}




.sheet_wrap{margin-top: 55px;overflow: auto}
.sup_sheet{min-width: 720px;}
.sup_sheet table{width: 100%;border: solid 1px #ededed;text-align: center;table-layout: fixed;}
.sup_sheet td,.sup_sheet th{padding: 0 5px;}
.sup_sheet th{	height: 60px;background-color: #2087cc;	font-size: 22px;color: #eeeeee;}
.sup_sheet td{height: 60px;font-size: 16px;color: #666666;	border: solid 1px #eeeeee;width: 15.234375%;}
.sup_sheet input{display: block;width: 100%;height: 100%;border: 0;padding: 0 20px;font-size: 16px;}
.sup_sheet .label{background-color: #f9f9f9;}
.sup_sheet .w_more{width: 23.828125%}
.sup_sheet .area{width: 100%;height: 180px;}
.sup_sheet textarea{padding: 25px 20px;display: block;width: 100%;height: 100%;border:0;resize:none;font-size: 16px;}

.sup_sheet .areas{width: 100%;height: 100%;}
.sup_sheet .areas dd{float: left;width: 20%;height: 100%;border-right: 1px solid #eee;}
.sup_sheet .areas dd:last-child{border-right: 0;}
.sheet_wrap .submit{width: 150px;height: 45px;background-color: #2087cc;cursor: pointer;	font-size: 16px;color: #ffffff;display: block;margin: 6.25% auto 5%;}
.ljjb{position: fixed;left: 3%;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}

@media  (max-width: 768px){
    .ljjb{display: inline-block;max-width: 40px;}
}

@media  (max-width: 640px){
.Header .logo{line-height: 66px; padding: 0;}
    .Nybanner{padding-top: 66px;  background-color: #006ead;}
}

.history .slider{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.history .his_bn .current{ padding-top: 17vw; padding-bottom: 3vw;}
.history .his_bn .current1{padding-top: 25vw; }
.history .his_bn .current1 .inner{ margin-left: 4vw;}
.history .his_bn .current2{padding-top: 6vw;}
.history .his_bn .current2 .inner{ margin-left: -7.5vw;}
.history .his_bn .current3{padding-top: 1vw; }
.history .his_bn .current3 .inner{ margin-left: -5vw;}
.history .his_bn .slick-arrow{ background-image: url(../images/btn_icon4.png);}
.history .his_bn .slick-prev{ left: -3%;}
.history .his_bn .slick-next{ right: -3%;}
@media  (max-width: 1024px){
	.history .his_bn{ padding-top: 50%; width: 100%; overflow: hidden;}
	.history .his_bn .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover;}
	.history .his_bn .current{ padding-top: 30vw; }
	.history .his_bn .current1{padding-top: 36vw; }
	.history .his_bn .current2{padding-top: 15vw;}
	.history .his_bn .current2 .inner{ margin-left: -5vw;}
	.history .his_bn .current3{padding-top: 10vw; }
	.history .his_bn .current3 .inner{ margin-left: -3vw;}
}
@media  (max-width: 640px){
.history .time_line .left .tit{font-size: 28px;}
.history .time_line .left .intro{font-size: 16px;}
}
/* .history .his_bn .current1 .intro{height: 104px!important;} */