/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{    padding: 0;    margin:0;}
@font-face {
font-family: "SourceHanSansCN-Normal";
src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
font-weight: normal;font-style: normal;} 
body{font:1em/1.3 "SourceHanSansCN-Normal";   -webkit-text-size-adjust: 100% !important; }
img{max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em;line-height:1.3;font-family: "SourceHanSansCN-Normal";}
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp {font-family: courier new, courier, monospace; } 
small { font-size:  0.75em; } 
ul, ol { list-style: none; margin:0;}
body,legend { color:#262626;}
a{color:inherit;color:#262626;text-decoration: none; }
a:hover  {color:#e2bca4;    text-decoration: none;}
a:active{color:inherit;}
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom;}
fieldset, img { border: 0; }
button, input, select, textarea { } 
table { border-collapse: collapse; border-spacing: 0; width:100%;word-break: break-all;}
table th {font-weight:normal;}
table th,table td {font-weight:normal;text-align:center;} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
img{vertical-align:middle;}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix { *zoom:1;}/*#endregion */button:disabled,.disabled{opacity:0.5;cursor:default;}
.hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
.menubg{ height:0;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;position:fixed; right:0; top:0; z-index:88; width:55.41666666666667%; background:url(../images/navbg.jpg);}
.menubgb{ background:url(../images/navbgh.jpg);}
.menubgon{ height:100vh;opacity:1; visibility:visible;}
.header_mid{ position:relative; margin-right:2.60416666666667%;margin-left:2.60416666666667%; margin-top:1.25em; margin-bottom:1.25em;}
#header{position:fixed; left:0; top:0; width:100%; z-index:999;}
.header_mid_right{position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.header_mid_right ul li{ position:relative; z-index:10;display:inline-block; margin-left:3.75em;}
.header_mid_right ul li dl{ padding-top:2em;height:0;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;position:absolute; left:0; width:136px; z-index:10;}
.header_mid_right_left.on ul li dl{height:auto; opacity:1; visibility:visible}
.header_mid_right ul li dl dd{margin-top:1em;}
.header_mid_right ul li dl dd a{color:#fff; display:inline-block; position:relative;}
.header_mid_right ul li dl dd a:after{ background-color:#ba010f; opacity:.5; width:0;content:''; position:absolute; left:0; bottom:-1px; height:5px;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li dl dd a:hover:after{width:100%;}
.header_mid_right ul li dl dd a span{position:relative; z-index:10;}
.header_mid_right_left{margin-right:10.875em;}
.header_mid_right ul li a.biga{color:#fff; font-size:1.125em; display:inline-block; position:relative;}	
.header_mid_right ul li:hover a.biga{color:#ba010f}
.header_mid_right ul li a.biga:after{content:''; position:absolute; left:0; bottom:-10px; width:0; height:1px; background-color:#ba010f;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li:hover a.biga:after{width:100%;}
.header_mid_right_right{position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%); background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img1.png); padding-left:1.875em;}
.header_mid_right_right a{ padding-right:2.5em; display:inline-block;color:#fff; background-position:right center; background-repeat:no-repeat; background-image:url(../images/header/img2.png);background-size: 20%;}	
/*******index************/ 
.banner_img{ position:relative;width:100%; height:100vh;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner{ position:fixed;left:0; top:0; width:100%;}
.banner_img_jj{ top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:10;
position:absolute; z-index:10; color:#fff; left:6.77083333333333%;right:6.77083333333333%;}
.banner_img_cir{-webkit-transform: translateY(-50%);transform: translateY(-50%); width:24.58333333333333vw; z-index:1;
position:absolute; left:20.83333333333333%; top:50%;}
.banner_img_jj_mid_1{font-size:4.5em; font-weight:bold}
.banner_img_jj_mid_2{font-size:2.25em; margin-top:.65em;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom, .swiper-pagination-fraction{
left:6.77083333333333%; width:100%; text-align:left; bottom:7.29166666666667vw;}
.indexbanner .swiper-pagination-bullet{ position:relative;width:1.375em; height:1.375em; border:1px #fff solid; background:none; opacity:1;}
.indexbanner .swiper-pagination-bullet:after{border-radius:100%;content:''; position:absolute; left:50%; top:50%; width:0; height:0; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbanner .swiper-pagination-bullet-active:after{ opacity:1;width:100%; height:100%; left:0; top:0; background-color:#ba010f}
.indexbanner .swiper-pagination-bullet-active{border-color:#ba010f}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 1.25em 0 0;}
.indexmid{ margin-top:100vh; background-color:#fff;position:relative; z-index:11;  }
.indexbanner_cir{ width:10.26041666666667vw; height:10.3125vw; cursor:pointer;position:absolute; right:5.20833333333333vw; bottom:5.20833333333333vw; z-index:10;}
.indexbanner_cir:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);animation:fadenum 5s linear infinite;}
@keyframes fadenum{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.indexbanner_cir:before{-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); position:absolute;content:''; left:50%; top:50%; width:1.25em; height:3.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png);}
.indexbanner_cir:hover:after{animation-play-state:paused}
.indexmid_1{ position:relative;background-color:#000; color:#fff; padding:8.59375vw 0;}
.indexmid_1_left{margin-left:18.75%; overflow:hidden;}
.indexmid_1_left img{width:100%;}
.indexmid_1_right{-webkit-transform: translateY(-50%);transform: translateY(-50%); max-width:975px;position:absolute; left:6.77083333333333%;right:6.77083333333333%; top:50%;}
.indexmid_1_right_mid_1{font-size:3em; font-weight:bold}
.indexmid_1_right_mid_2{font-size:1.125em; line-height:2; margin:2em 0;}
.comview{display:inline-block; position:relative; width:7.3125em; height:2em;}
.comview span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background:url(../images/img7.png);position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.comview_black span{background:url(../images/img9.png);}
.comview:hover span{left:1em;}
.pagew{margin:0 6.77083333333333%;}
.indexmid_2_mid{position:relative; margin:7.45833333333333vw 0;}
.indexmid_2_mid_left{width:46.74698795180723%; overflow:hidden}
.indexmid_2_mid_left img{width:100%;}
.indexmid_2_mid_right{ top:4.6875vw;position:absolute; width:43.97590361445783%; left:56.02409638554217%;}
.indexmid_2_mid_right_1{overflow:hidden; margin-top:5.46875vw;}
.indexmid_2_mid_right_1 img{width:100%;}
.indexmid_3{ padding-top:11.71875vw; padding-bottom:8.125vw;background-attachment: fixed;background:url(../images/img13.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}
.indexmid_3_mid_1{color:#fff;}
.indexmid_3_mid_2{color:#fff}
.indexmid_3_mid_2{font-size:1.5em; margin-top:.7em;}
.indexmid_3_mid_3{text-align:right;}
.indexmid_3_mid_4 ul li{ padding-top:1.42708333333333vw; margin-right:2.46987951807229%;float:left; width:22.68674698795181%; background-color:#fff; text-align:center; padding-bottom:3.75em;}
.indexmid_3_mid_4 ul li:nth-child(4n){margin-right:0}
.indexmid_3_mid_4_mid_1{position:relative; height:14.86458333333333vw;}
.indexmid_3_mid_4_mid_1:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(0, 0); opacity:0; background-position:center; background-repeat:no-repeat; background-size:cover; background:url(../images/img18.png); margin-top:-11.69270833333333vw;position:absolute; width:23.38541666666667vw; height:23.38541666666667vw; left:50%; top:50%; margin-left:-11.69270833333333vw; content:'';}
.indexmid_3_mid_4_mid_1 img{-webkit-transform: translate(-50%, -25%);transform: translate(-50%, -25%); z-index:10;position:absolute; left:50%; top:15%; max-height:100%;}
.indexmid_3_mid_4 ul li:hover .indexmid_3_mid_4_mid_1:after{opacity:1;transform: scale(1, 1);}
.indexmid_3_mid_4_mid_2{color:#181818; margin-left:1em; margin-right:1em;}
.indexmid_3_mid_4_mid_2_1{margin-top:1em;}
.indexmid_3_mid_4_mid_2_1 span{ font-size:1.5em;display:inline-block; position:relative; padding:0 .75em;}
.indexmid_3_mid_4_mid_2_1 span:before{-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);border-radius:100%;content:''; position:absolute; width:0.2916666666666667em; height:0.2916666666666667em; background-color:#f91212; left:0; top:50%;}
.indexmid_3_mid_4_mid_2_1 span:after{-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);border-radius:100%;content:''; position:absolute; width:0.2916666666666667em; height:0.2916666666666667em; background-color:#f91212; right:0; top:50%;}
.indexmid_3_mid_4_mid_2_2{font-size:1.25em; margin-top:.5em; margin-bottom:1em;}
.indexmid_3_mid_4{margin-top:4.75em;}
.indexmid_4{ position:relative; overflow:hidden; padding-top:8.125vw; padding-bottom:10.10416666666667vw;}
.indexmid_4:after{background-attachment: fixed; background-position:center; background-repeat:no-repeat; background-size:cover; background:url(../images/img17.jpg);
content:''; position:absolute; right:0; top:0; height:100%; width:67.55208333333333%;}
.indexmid_4 .pagew{position:relative; z-index:10;}
.indexmid_4_1{position:relative; padding:5em 0; margin-top:4.8125em;}
.indexmid_4_1_left{position:absolute; left:0; top:0; height:100%; width:66.20481927710843%;}
.indexmid_4_1_left_bg{background-attachment: fixed;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexmid_4_1_right{ overflow:hidden; background-color:rgba(0,57,148,0.92); color:#fff;
position:relative; z-index:10; margin-left:45.06024096385542%;}
.indexmid_4_1_right_mid{margin:4em;}
.indexmid_4_1_right_mid_1 span{ font-size:1.25em;display:inline-block; padding:0 9px; background-position:right center; background-repeat:no-repeat;}
.indexmid_4_1_right_mid_1 span:nth-child(1){background:url(../images/img19.png); padding-left:0;}
.indexmid_4_1_right_mid_2{
font-size:2.5em; margin-top:1em;}
.indexmid_4_1_right_mid_2 a{
color:#fff}
.indexmid_4_1_right_mid_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.125em; line-height:2; margin:1.5em 0 2.5em 0;}
.news_index_view{
font-size:1.125em; position:relative; color:#fff; display:inline-block; padding-right:3.4em;}
.news_index_view:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; right:0; top:50%; width:3em; height:2px; background-color:#fff;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.news_index_view:hover{color:#fff;}
.news_index_view:hover:after{right:-.5em;}
.indexmid_5{ overflow:hidden; background-image:url(../images/video.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed; text-align:center; color:#fff; padding:18.75vw 0; position:relative;}
.indexmid_5 .vcr{
position:absolute; width:24.16666666666667vw;height:24.16666666666667vw; left:50%; top:50%; margin-left:-12.08333333333333vw; margin-top:-12.08333333333333vw;}
.indexmid_5 .pagew{position:relative; z-index:10;}
.indexmid_5_3{text-align:center}
.indexmid_5_3 a{display:inline-block; width:4.375em; height:4.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img16.png);}
.indexmid_5_1{font-size:1.125em; letter-spacing:1.125em;}
.indexmid_5_2{ margin-top:.5em; margin-bottom:.5em;font-size:3em; letter-spacing:.4em;}


/*******footer*********/
.footer2{display: none;}
#footer{ overflow:hidden; position:relative; z-index:10;background-image:url(../images/footer/bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_1{text-align:center; padding:5em 0;}
.footer_2{position:relative; padding-left:23.49397590361446%; padding-right:15.90361445783133%;}
.footer_2_left{position:absolute; left:0; top:0; width:23.49397590361446%;}
.footer_2_left_mid{padding-right:1em;}
.footer_2_right{ width:15.90361445783133%;position:absolute; right:0; top:0;}
.footer_2_left_mid_1{ margin-bottom:.75em;font-size:1.875em; color:#222;}
.footer_2_left_mid_2{  color:#666; font-size:1.125em; line-height:1.8;}
.footer_2_mid_mid_mid_1{color:#262626; font-size:1.125em; color:#262626; margin-bottom:1.875em;}
.footer_2_mid_mid ul li{float:left; width:20%;}
.footer_2_mid_mid{ overflow:hidden;padding-left:10%; border-left:1px #c1c1c1 solid;border-right:1px #c1c1c1 solid;}
.footer_2_mid_mid_mid{padding-right:1em;}
.footer_2_mid_mid_mid_2 dl dd a{color:#666;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_mid_mid_mid_2 dl dd a:hover{color:#000}
.footer_2_mid_mid_mid_2 dl dd{margin-bottom:.5em; line-height:1.6;}
.footer_2_right_mid_1 ul li{ margin-right:3px;display:inline-block; position:relative;}
.footer_2_right_mid_1 ul li a{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-position:center; background-repeat:no-repeat; display:inline-block;width:2.1875em; height:2.1875em; border:1px #1d1f25 solid; position:relative;border-radius:100%;}
.footer_2_right_mid_1 ul li:nth-child(1) a{background-image:url(../images/footer/img1.png);}
.footer_2_right_mid_1 ul li:nth-child(2) a{background-image:url(../images/footer/img2.png);}
.footer_2_right_mid_1 ul li:nth-child(3) a{background-image:url(../images/footer/img3.png);}
.footer_2_right_mid_1 ul li:nth-child(4) a{background-image:url(../images/footer/img4.png);}
.footer_2_right_mid_1 ul li a:hover{background-color:#1d1f25}
.footer_2_right_mid{padding-left:1em;}
.footer_3{ margin-top:10.5em;overflow:hidden; border-top:1px #b6b6b6 solid; padding:1.125em 0;}
.footer_3 a{color:#181818;}
.footer_3_mid_left{float:left; font-size:.875em; color:#181818;}
.footer_3_mid_right{float:right; font-size:.875em; color:#181818;}
.footer_2_right_mid_1 ul li:nth-child(1) a:hover{background-image:url(../images/footer/img1on.png);}
.footer_2_right_mid_1 ul li:nth-child(2) a:hover{background-image:url(../images/footer/img2on.png);}
.footer_2_right_mid_1 ul li:nth-child(3) a:hover{background-image:url(../images/footer/img3on.png);}
.footer_2_right_mid_1 ul li:nth-child(4) a:hover{background-image:url(../images/footer/img4on.png);}


/********about**************/
.nybanner{ width:100%;position:fixed; left:0; top:0; height:100vh;}
.nybanner_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_jj{-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:100;position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff;}
.nybanner_jj_1{font-size:3.75em;}
.nybanner_jj_2{ margin-top:.4em;font-size:2.25em; letter-spacing:5px;}
.about_1{background-attachment: fixed; padding-bottom:13.54166666666667vw; padding-top:10.9375vw;background-image:url(../images/about/img5.jpg); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.about_1_mid_left_1{font-size:1.875em; margin-bottom:.75em;}
.about_1_mid_left_2 h2{ font-weight:normal; padding-bottom:.1875em;display:inline-block; position:relative; font-size:3em; padding-right:1.5em;}
.about_1_mid_left_2 h2:after{ width:100%;content:''; position:absolute; left:0; bottom:0; height:0.4791666666666667em; background-color:#ba010f; opacity:.5;}
.about_1_mid_left_2 h2 span{
position:relative; z-index:10;}
.about_1_mid_left{ position:relative; z-index:10;max-width:830px;}
.about_1_bg{ top:19.17545541706616%;opacity:.3; display:none;position:absolute; width:30.26041666666667%; left:22.8125%;}
.about_1{position:relative}
.about_1_mid_left_3{line-height:2.2; margin-top:3.875em;}
.about_1_mid_left_3 p strong{display: block;font-weight: bold;}
.about_1_mid_left_3 p span{text-align: right; font-size: 1.5em;display: block; margin-top: 1.5em;}
.about_2_1_left{float:right; overflow:hidden; width:30.97590361445783%;}
.about_2_1_left img{width:100%;}
.about_2_1_right{ margin-top:5vw;float:left; width:49.39759036144578%;}
.about_2_1{margin-top:8.33333333333333vw;}
.about_2_2 .about_2_1_right{float:right; width:43.97590361445783%;}
.about_2_2 .about_2_1_left{float:left; width:49.39759036144578%;}
.about_3{ color:#fff;  position:relative; margin-top:6.61458333333333vw;}
.about_3_bg{ height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img4.jpg);
position:absolute; width:93.22916666666667%;background-attachment: fixed; top:0; right:0}
.about_3_bg2{height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#000; opacity:.5;  
position:absolute; width:93.22916666666667%;background-attachment: fixed; top:3.98958333333333vw; left:0}
.about_3_mid{position:relative; z-index:10;}
.about_3_mid_mid{padding-left:5.46875vw;padding-bottom:5.46875vw;padding-right:5.46875vw; padding-top:12.8125vw;}
.about_3_mid_mid_1{font-size:1.5em;}
.about_3_mid_mid_2{line-height:1.8; margin-top:10px;}
.about_3_mid_mid ul li{margin-top:2em;}
.about_3_mid_mid ul li:nth-child(1){margin-top:0}
.nybody #footer{padding-top:5.98958333333333vw;}
/*********product*****************/
.janke{
height:6.25vw;}
.pro_1{
padding:5em 0;   overflow:hidden; position:relative;}
.pro_1_mid_right{ background-image:url(../images/product/img4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;
position:absolute; right:0; top:0; height:100%; width:63.38541666666667%;}
.pro_1_mid_left{ 
position:relative; z-index:10;}
.pro_1_mid_left_left{ overflow:hidden;width:66.86746987951807%;}
.pro_1_mid_left_left img{width:100%;}
.pro_1_mid_left_right{position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%); color:#fff; width:29.81927710843373%;}
.pro_1_mid_left_right_1{font-size:3em;}
.pro_1_mid_left_right_2{font-size:1.875em; margin-top:.5em; margin-bottom:1.125em;}
.pro_1_mid_left_right_3{font-size:1.125em; line-height:2;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 10;   overflow: hidden;word-wrap:break-word;word-break:break-all; margin-bottom:2.5em;}
.pro_viewmore{display:inline-block; position:relative; width:3.8125em; height:1.25em; }
.pro_viewmore span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img2.png);}
.pro_viewmore:hover span{left:.5em;}
.pro_banner_pn{position:absolute; left:6.77083333333333%; line-height:1.6; bottom:0; z-index:10; color:#656565;}
.pro_banner_pn a{color:#656565}
.pro_2{background-color:#eff5f3; overflow:hidden}
.pro_2 .indexmid_3_mid_4 ul li{margin-bottom:4.375em;}
.pagination{text-align:center;}
.pagination li{display:inline-block; margin:0 .875em; color:#292929;}
.pagination li a,.pagination li span{color:#292929; display:inline-block; position:relative}
.pagination li:nth-child(1) span,.pagination li:nth-child(1) a{text-indent:-9999em; width:4.25em; }
.pagination li:nth-child(1) span:after,.pagination li:nth-child(1) a:after{-webkit-transform: translateY(-50%);transform: translateY(-50%); background-image:url(../images/product/img5.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:50%; width:100%; height:9px; background-position:left center; background-repeat:no-repeat;}
.pagination li:nth-child(1):hover span:after,.pagination li:nth-child(1):hover a:after{left:-.5em;}
.pagination li:last-child span,.pagination li:last-child a{text-indent:-9999em; width:4.25em; }
.pagination li:last-child span:after,.pagination li:last-child a:after{-webkit-transform: translateY(-50%);transform: translateY(-50%); background-image:url(../images/product/img6.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; width:100%; height:9px; background-position:right center; background-repeat:no-repeat;}
.pro_page{margin-bottom:5em;}
.pagination li:last-child:hover span:after,.pagination li:last-child:hover a:after{right:-.5em;}
.proinfo_banner{position:absolute; left:0; z-index:10; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); color:#fff; right:0; text-align: center;}
.proinfo_banner_1{font-size:5.25em; margin-bottom:.18em;}
.proinfo_banner_2 h2{ padding-bottom:.1875em;font-size:3.25em; font-weight:normal; display:inline-block; position:relative;}
.proinfo_banner_2 h2 span{position:relative; z-index:10;}
.proinfo_banner_2 h2:after{content:''; position:absolute; left:0; bottom:0; width:100%; background-color:#b9010f; opacity:.84; height:.5em;}
.proinfo_banner_3{line-height:2; margin-top:2.5em;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 10;   overflow: hidden;word-wrap:break-word;word-break:break-all; font-size:1.125em;}
.pro_info_1{position:relative; overflow: hidden; }
.pro_info_1 video{width: 85%; margin: 0 auto; }
.pro_info_1_jj{ top:20.55498458376156%;
position:absolute; z-index:10; color:#000; left:13.90625%;}
.pro_info_1_jj_2{ margin-bottom:1.5em;font-size:1.875em; margin-top:.78em;}
.pro_info_1_jj_3{font-size:1.25em; line-height:2;}
.pro_info_2_right{float:right; width:46.44578313253012%; overflow:hidden}
.pro_info_2_right img{width:100%;}
.pro_info_2_left{ position:absolute; top:-14.47916666666667vw;width:46.44578313253012%;}
.pro_info_2_left_1{overflow:hidden}
.pro_info_2_left_1 img{width:100%;}
.pro_info_2{position:relative; padding:7.29166666666667vw 0;}
.pro_info_2_left_2_mid_1{font-size:1.875em; line-height:1.6;}
.pro_info_2_left_2_mid_2{ margin-top:1.375em;font-size:1.25em; line-height:1.8;}
.pro_info_2_left_2_mid{ padding-top:5vw;margin-left:16%; margin-right:16%;}
.pro_info_2_mid{  position:relative; padding-bottom:5em;}
.pro_info_3_mid{padding-bottom:5.88541666666667vw;}



/*******news***********/
.news_1_mid{position:relative;}
.news_1_mid_left{overflow:hidden; width:65.66265060240964%;}
.news_1_mid_left img{width:100%;}
.news_1_mid_right{ height:75%; top:12.5%; background-image:url(../images/news/img3.png); background-position:center; background-size:cover;position:absolute; right:0; z-index:10; width:46.02409638554217%; color:#fff}.news_1_mid_right a{color:#fff}
.news_1_mid_right_mid_1 span{ padding:0 8px;display:inline-block; font-size:1.125em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_1_mid_right_mid_1 span:nth-child(1){padding-left:0; background-image:none}
.news_1_mid_right_mid_2{display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; margin-bottom:1em;font-size:1.875em; margin-top:.4em; line-height:1.5;}
.news_1_mid_right_mid_3{line-height:1.8;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 3;   overflow: hidden;word-wrap:break-word;word-break:break-all; margin-bottom:2.25em;}
.news_1_mid_right_mid{margin:0 8%;}
.news_1{padding-top:6.77083333333333vw;}
.news_2{ overflow:hidden;padding-top:6.77083333333333vw;}
.news_2_1 ul li{ margin-right:1.6566265060241%;float:left; width:32.2289156626506%; margin-bottom:5.5em;}
.news_2_1 ul li:nth-child(3n){margin-right:0;}
.news_2_1_mid_1{overflow:hidden}
.news_2_1_mid_1 img{width:100%;}
.news_2_1_mid{position:relative; padding-bottom:6.25em;}
.news_2_1_mid_2{ background:#e5000a; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;position:absolute; left:7.5%; width:85%; z-index:10; bottom:0;}
.news_2_1_mid_2_mid{padding-left:2.5em; padding-right:2.5em; padding-top:1.875em; padding-bottom:3em;}
.news_2_1_mid_2_mid_1 span{display:inline-block; padding:0 5px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_2_1_mid_2_mid_1 span:nth-child(1){background-image:none; padding-left:0}
.news_2_1_mid_2_mid_2{display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; min-height:3em;font-size:1.5em; line-height:1.5; margin-top:.6em;}
.nybanner_news_info{height:34.58333333333333vw;}
.nybanner_news_info_footer{position:absolute; left:0; top:-6.25vw; width:100%;}
.nybanner_news_info_footer .pagew{background-color:#fff; height:6.25vw;}
#newsinfo{ margin-top:34.58333333333333vw;background-color:#000; padding-bottom:6.09375vw;}
#newsinfo .pagew{background-color:#fff; overflow:hidden}
.newsinfo_mid_1{text-align:center}
.newsinfo_mid_2{text-align:center}
.newsinfo_mid_1 span{font-size:1.125em; display:inline-block; padding:0 6px; color:#656565; background-image:url(../images/news/img6.png); background-position:left center; background-repeat:no-repeat;}
.newsinfo_mid_1 span:nth-child(1){background-image:none}
.newsinfo_mid_2{font-size:2.25em; margin-top:.5em; margin-bottom:1.5em;}
.newsinfo_mid_3{line-height:2; margin-bottom:4em;}
.newsinfo_mid_3 img{display: block;margin: 0 auto;}
.newsinfo_mid_3 iframe{width: 80%; margin: 0 auto; height: 450px;}
.newsinfo_mid{margin:0 15.5421686746988%; padding-bottom:6em;}
.newsinfo_mid_4{border:1px #d1d1d1 solid; padding:1em 1em; overflow:hidden}
.newsinfo_mid_4_mid_left{float:left; width:50%;}
.newsinfo_mid_4_mid_right{float:right; width:50%; text-align:right}
.newsinfo_mid_4_mid{position:relative; overflow:hidden;}
.newsinfo_mid_4_mid_mid{position:absolute; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.newsinfo_mid_4_mid_mid a{color:#000;}
.newsinfo_mid_4_mid_left a{ padding-left:86px;display:block; padding-right:4em; position:relative;}
.newsinfo_mid_4_mid_left a:after{-webkit-transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: translate(0%, -50%);content:''; position:absolute; width:68px; height:9px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img5.png); left:0; top:50%;}
.newsinfo_mid_4_mid_right a{ padding-right:80px;display:block; padding-left:4em; position:relative;}
.newsinfo_mid_4_mid_right a:after{-webkit-transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: translate(0%, -50%);content:''; position:absolute; width:68px; height:9px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/product/img6.png); right:0; top:50%;}
.newsinfo_mid_4 a{color:#000}
.newsinfo_mid_4_mid_left a:hover:after{left:.5em;}
.newsinfo_mid_4_mid_right a:hover:after{right:.5em;}



/*********joinus***********/
.joinus_1_mid{position:relative;}
.joinus_1_mid_left img{display:none}
.joinus_1_mid_left{ height:110%;  position:absolute; left:0; top:-23%; width:81.80722891566265%;}
.joinus_1_mid_right{margin-left:37.95180722891566%; position:relative; z-index:10; background:#ba020f; color:#fff;}
.joinus_1_mid_right_mid_1{font-size:3em;}
.joinus_1_mid_right_mid_2{font-size:1.5em; margin-top:15px; margin-bottom:1.125em;}
.joinus_1_mid_right_mid_3 ul li{ padding-top:1em;float:left; width:47%; position:relative; padding-bottom:1em;}
.joinus_1_mid_right_mid_3 ul li:nth-child(2n){float:right}
.joinus_1_mid_right_mid_3_mid_1{font-size:1.25em; margin-bottom:10px;}
.joinus_1_mid_right_mid_3_mid_2 dl dd{display:inline-block; font-size:.875em; margin-left:1em;}
.joinus_1_mid_right_mid_3_mid_2 dl dd:nth-child(1){margin-left:0}
.joinus_1_mid_right_mid_3 ul li:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity:.25;}
.jobnav_mid{ font-size:1.125em;display:inline-block; position:relative; text-align:center; width:195px;}
.jobnav_mid_left{ cursor:pointer;position:absolute; left:0; top:0; height:100%; width:68px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/joinus/img8.png);}
.jobnav_mid_left:hover{background-image:url(../images/joinus/img11.png);}
.jobnav_mid_right{ cursor:pointer;position:absolute; right:0; top:0; height:100%; width:68px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/joinus/img9.png);}
.jobnav_mid_right:hover{background-image:url(../images/joinus/img10.png);}
.jobnav_mid span{color:#09317b}
.jobnav{margin-top:2.5em;}
.joinus_1_mid_right_mid{ padding:4vw 0;margin:0 12.64591439688716%;}
.joinus_1_mid_right_mid_3_mid_2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.joinus_1_mid_left_bg{ z-index:1;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed; }
.joinus_1{ padding-bottom:5.20833333333333vw;padding-top:14.58333333333333vw;}
.joinus_1_mid_left_bg_2{background-attachment: fixed;background-position:center; background-repeat:no-repeat; background-size:cover; left:21.9440353460972%;width:47.34904270986745%; height:59.33609958506224%; position:absolute; bottom:-5.94744121715076%;}
.joinus_2{background-attachment: fixed; overflow:hidden; padding-top:12.13541666666667vw; padding-bottom:9.6875vw;background-image:url(../images/joinus/img4.jpg); margin-top:3vw; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.joinus_2_mid{ max-width:54.68521229868228%;color:#fff; background:rgba(213,14,14,0.7); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.joinus_2_mid_mid{margin:0 12%; padding:2.96875vw 0 4.5vw 0; overflow:hidden}
.joinus_2_mid_mid_1{font-size:1.125em; margin-top:.5em;}
.joinus_2_mid_mid_2{font-size:1.5em; margin-top:1.5em; margin-bottom:1em;}
.joinus_2_mid_mid_3 ul li{
color:#ebebeb; border-bottom:1px #dddddd solid; padding:13px 0px;}
.joinus_2_mid_mid_3_1{ padding-left:1.5em;background-repeat:no-repeat;}
.joinus_2_mid_mid_3 ul li:nth-child(1) .joinus_2_mid_mid_3_1{background-image:url(../images/joinus/img5.png); background-position:left 4px;}
.joinus_2_mid_mid_3 ul li:nth-child(2) .joinus_2_mid_mid_3_1{background-image:url(../images/joinus/img6.png); background-position:left 4px;}
.joinus_2_mid_mid_3 ul li:nth-child(3) .joinus_2_mid_mid_3_1{background-image:url(../images/joinus/img7.png); background-position:left 8px;}
.joinus_2_mid_mid_3 ul li:nth-child(3){border:none}



/**************pages*******************/
.nybanner_jj_2 span{display:inline-block; position:relative; z-index:10; padding-bottom:.2em;}
.nybanner_jj_2_line{position:relative}
.nybanner_jj_2_line:after{content:''; position:absolute; left:50%; bottom:0;-webkit-transform: translateX(-50%);
transform: translateX(-50%); width:5em; height:0.6944444444444444em; background-color:#ba010f; opacity:.64}
.nybanner_jj_3{color:#fff; font-size:1.25em; line-height:2; margin:0  auto;  max-width:1015px; margin-top:2em;}
.pages_1{ position:relative; margin-bottom:11.45833333333333vw;margin-top:8.33333333333333vw; padding:4.75em 0; overflow:hidden;}
.pages_1_left{position:absolute; left:11.77083333333333%; top:0; height:100%; width:81.45833333333333%;}
.pages_1_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.pages_1_left_cir{ z-index:10; top:4.1522491349481%; width:37.14833759590793%;position:absolute; left:12.78772378516624%; opacity:.5;}
.pages_1_right{ position:relative; z-index:100; overflow:hidden;max-width:57%; background-image:url(../images/pages/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.pages_1_right_mid{margin:0 12%; padding:7.8125vw 0;}
.pages_2_mid_left{float:left; width:52.83132530120482%; overflow:hidden}
.pages_2_mid_left img{width:100%;}
.pages_2_mid_right{ margin-top:13.02083333333333vw;float:right; width:40.36144578313253%; position:relative; z-index:10;}
.pages_2_mid_right_1 div{ overflow:hidden;float:right; width:71.34328358208955%;}
.pages_2_mid_right_1 div img{width:100%;}
.pages_2_mid_right_1{margin-top:7.29166666666667vw;}
.pages_2{overflow:hidden; position:relative}
.pages_2:after{ width:100%; height:4.84375vw; background-color:#033041;content:''; position:absolute; left:0; bottom:0;}
.pages_3{background-color:#033041; padding-top:6.25vw; padding-bottom:10.9375vw;overflow:hidden;}
.pages_3_mid{position:relative; padding:9.89583333333333vw 0;}
.pages_3_mid_left{position:absolute; right:0; top:0; height:100%; width:85.96385542168675%;}
.pages_3_mid_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.pages_3_mid_right{ color:#fff;position:relative; z-index:10; width:43.13253012048193%;}
.jobmask{ display:none;position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.63);}
.jobmask_mid{ overflow:hidden;position:relative; background-color:#fff;}
.jobmask_mid_close{position:absolute; right:1.875em; top:1.875em;}
.jobmask_mid_close a img{-webkit-transition: 1s;-webkit-transition: -webkit-transform 1s ease-out;transition: transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;}
.jobmask_mid_close a:hover img{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}
.jobmask_mid_mid{
margin:3em 4em; min-height:460px; max-height:460px; overflow:hidden; overflow-y:auto;}
.jobmask_mid_mid_1{font-size:1.875em; color:#000;}
.jobmask_mid_mid_2{color:#ababab; margin-top:4px;}
.jobmask_mid_mid_3{color:#666; line-height:1.8; margin-top:1.5em; margin-bottom:1.5em;}
.jobmask_mid_mid_4{color:#666;}
.jobmask_mid_mid_4 a{color:#f91212}
.jobmask_mid_mid_3_jj{display:none}
.ovh{overflow:hidden}
.div1200{max-width:75em; padding:0 1em; margin:0 auto}


/**********header*******************/
#header.cur.headroom--unpinned{top:-100%;}
#header.cur .header_mid{ margin-top:0; margin-bottom:0;}
#header.cur{background-color:#fff; padding:.5em 0;}
.header_mid_left a{ overflow:hidden;display:inline-block; position:relative;}
.header_mid_left a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:100%;opacity:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background:url(../images/logo.png);background-size: 100%;}
#header.cur .header_mid_left a img{opacity:0; height:50px;}
#header.cur .header_mid_left a:after{top:0; opacity:1;}
#header.cur .header_mid_right ul li a{color:#000}
#header.cur .header_mid_right_right a{color:#000; background-image:url(../images/header/img2v.png);}
#header.cur .header_mid_right_right{background-image:url(../images/header/img1b.png);}
#header.cur .header_mid_right ul li a:after{background-color:#000}

/*********nav************/
.nav-btn-box{ display:none;position:absolute; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); right:0%;}
.nav-btn{display: block;position: relative;width: 1.5em;height: 1em;padding: 0;}
.nav-btn .line {width: 100%;height: 2px;position: absolute;left: 0;background-color: #383838;transition: all .2s;transform-origin: center;}
.nav-btn .line1 {top: 0;}
.nav-btn .line2 {top: 50%;margin-top: -1px;}
.nav-btn .line3 {bottom: 0;}
.nav-btn.cur .line{top: 50%;bottom: auto;margin-top: -1px;}
.nav-btn.cur .line1{transform: rotate(45deg);}
.nav-btn.cur .line2{opacity: 0;filter: alpha(opacity=0);}
.nav-btn.cur .line3{transform: rotate(-45deg);}
.m-nav{position: fixed;top: 70.4px;width: 100%;z-index: 50;box-sizing: border-box;padding: 0 3.64583333333333%;background-color: rgba(255,255,255,.95);}
.m-nav li{border-bottom: 1px solid #dcdcdc;}
.m-nav li:last-child{border-bottom: none;}
.m-nav li .tit{display: block;font-size: 1em;padding: .65em 0 .65em .5em;color: #333;
position: relative;}
.m-nav li .tit:before{content: "";position: absolute;right: 0;width: 1em;height: 1em;margin-top: -.5em;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/m-nav-jia.png);top: 50%;transition: all .2s;}
.m-nav li:nth-child(1) .tit:before{display: none;}
.m-nav li:nth-child(4) .tit:before{display: none;}
.m-nav li:nth-child(5) .tit:before{display: none;}
.m-nav li.on .tit:before{transform: rotate(45deg);}
.m-nav li .navson{padding-bottom: .3rem;display: none;}
.m-nav li .navson a{display: block;font-size: .9375em;line-height: 1.5;padding: 0.3em 1em;color: #333;}	
body.no-scroll { overflow:hidden;}


@media screen and (max-width:1700px) {
.menubg{width:75%;}
.indexmid_3_mid_4_mid_2_1 span{font-size:1.375em;}
.indexmid_3_mid_4_mid_2_2{font-size:1.125em;}
.nybanner_jj_3{font-size:1em;}
.joinus_1_mid_right_mid{ padding:3vw 0;margin:0 4vw;}
.joinus_1_mid_right_mid_1{font-size:2.5em;}
.joinus_1_mid_right_mid_2{font-size:1.125em;}
.newsinfo_mid{margin:0 4em;}
.newsinfo_mid_1 span{font-size:1em;}
.newsinfo_mid_2{font-size:1.875em;}
.news_2_1_mid{padding-bottom:4.5em;}
.news_2_1_mid_2_mid{padding:1.5em;}
.news_2_1_mid_2_mid_2{font-size:1.25em;}
.news_2_1_mid_2_mid_1 span{font-size:.875em;}
.news_1_mid_right_mid_2{font-size:1.5em;}
.news_1_mid_right_mid_1 span{font-size:1em;}
.pro_info_2_mid{padding-bottom:12em}
.pro_info_2_left_2_mid_1{font-size:1.5em;}
.pro_info_2_left_2_mid_2{font-size:1em;}
.pro_info_1_jj_2{font-size:1.5em;}
.pro_info_1_jj_3{font-size:1em;}
.proinfo_banner_1{font-size:2.5em;}
.proinfo_banner_2 h2{font-size:1.65em;}
.proinfo_banner_3{font-size:1em; margin-top:1.5em;}
.pro_viewmore{font-size:.875em;}
.pro_1_mid_left_right_1{font-size:2em;}
.pro_1_mid_left_right_2{font-size:1.5em;}
.pro_1_mid_left_right_3{font-size:1em;}
.about_1_mid_left_2 h2{font-size:2.25em;}
.about_1_mid_left_1{font-size:1.375em;}
.nybanner_jj_1{font-size:2.5em;}
.nybanner_jj_2{  font-size:1.875em; }
.indexmid_5_2{font-size:2em;}
.indexmid_5_1{font-size:1em;}
.indexbanner_cir:before{font-size:.75em;}
.footer_2_left_mid_1{font-size:1.5em;}
.indexmid_4_1_right_mid_2{font-size:1.875em;}
.news_index_view,.indexmid_4_1_right_mid_1 span,.indexmid_4_1_right_mid_3{font-size:1em;}
.indexmid_2_mid_right{top:1vw;}
.indexmid_2_mid_right_1{margin-top:3vw;}
.indexmid_3_mid_2{font-size:1.125em;}
.indexmid_1_right_mid_1{font-size:2em;}
.indexmid_1_right_mid_2{font-size:1em;}
.comview{font-size:.5em;}
.indexbanner .swiper-pagination-bullet{font-size:.65em;}
.banner_img_jj_mid_1{font-size:2.5em}
.banner_img_jj_mid_2{font-size:1.5em}
}


@media screen and (max-width:1200px) {
.joinus_1_mid_right_mid_1{font-size:1.875em;}
.newsinfo_mid_2{font-size:1.5em;}
.news_1_mid_right_mid_2,.news_2_1_mid_2_mid_2{font-size:1.125em;}
.news_1_mid_right_mid_1 span{font-size:.875em;}
.pro_info_2_left{top:0; position:static; float:left}
.pro_info_2_left_2_mid{margin-left:0; margin-right:0}
.pro_info_2_left_2_mid_1{font-size:1.25em;}
}


@media screen and (max-width:1080px) {
.jobmask_mid_mid{margin-top:2em; margin-bottom:2em;}
.jobmask_mid_close{top:1em; right:1em;}
.jobmask_mid_mid_1{font-size:1.25em;}
.jobmask_mid_mid{margin-left:2em; margin-right:2em;}
.jobmask_mid_close a img{width:2em;}
.indexmid_5_3 a{font-size:.75em;}
.indexmid_5_2{font-size:1.875em;}
.indexmid_4_1_right_mid_2{font-size:1.25em;}
.indexmid_4_1_right_mid_1 span,.news_index_view{font-size:.875em;}
.indexmid_2_mid{margin-bottom:25vw;}
.banner_img_jj{left:2.60416666666667%; right:2.60416666666667%}
.comview{font-size:.4em;}
.indexmid_1_right_mid_1{font-size:1.875em;}
.indexmid_1_right{left:2.60416666666667%; right:2.60416666666667%}
#header.cur.headroom--unpinned{top:0%;}
#header .header_mid{ margin-top:0; margin-bottom:0;}
#header.cur,#header{background-color:#fff; padding:.5em 0;}
#header .header_mid_left a img{opacity:0; height:50px;}
#header .header_mid_left a:after{top:0; opacity:1;}
.header_mid_right{display:none}
.nav-btn-box{display:block}
.nybanner_jj_2{font-size:1.5em;}
.nybanner_jj_1{font-size:2em;}
.about_1_mid_left_1{font-size:1em;}
.pagew{margin-left:2.60416666666667%; margin-right:2.60416666666667%;}
.about_1_mid_left_2 h2{font-size:1.875em;}
}


@media screen and (max-width:1024px) {
    .banner_img_pc{display: none;}
    .banner_img_mo{display: block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.newsinfo_mid_4_mid_mid{ display:none;position:static;-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
.pro_info_1_jj{top:15%;}
.pro_info_1_jj_2{font-size:1.25em;}
.proinfo_banner_1{font-size:1.875em;}
.proinfo_banner_2 h2{font-size:1.25em;}
.pro_1_mid_left_right_1{font-size:1.5em;}
.pro_1_mid_left_right_2{font-size:1.125em;}
.footer_2{padding-right:12em;}
.footer_2_right{width:11.4em;}
.footer_2_left{display:none}
.footer_2{padding-left:0}
.footer_2_mid_mid{padding-left:0; border-left:none}
.footer2{display: block;}
.zxy-btmswt { padding: 0 0.26667rem; z-index: 50; position: fixed; bottom: 0; width: 100%; max-width: 750px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); height: 4.50667rem; overflow: hidden; }
.zxy-btmswt .zxybtm-fl { margin-right: 0.26667rem; background: linear-gradient(0deg, #b9010f, #b9010f); border-radius: 0.4rem 0.4rem 0px 0px; float: left; width: 9.54667rem; height: 100%; padding-top: 0.53333rem; }
.zxy-btmswt .zxybtm-fl a { display: block; background: url(../images/zxy-ej.png) no-repeat left 0.4rem center; background-size:2.64rem; padding-left: 3.33333rem; cursor: pointer; }
.zxy-btmswt .zxybtm-fl a span { display: block; font-size:0.925em; line-height: 2; color: #fff; margin-bottom:; font-weight: 300; }
.zxy-btmswt .zxybtm-fl a strong { display: block; font-size: 1.12667rem; color: #fff; line-height: 1; }
.zxy-btmswt .zxybtm-fr { background: linear-gradient(0deg, #000, #000); border-radius: 0.4rem 0.4rem 0px 0px; float: right; width: 12.25333rem; height: 100%; padding-top: 0.33333rem; }
.zxy-btmswt .zxybtm-fr a { display: block; background: url(../images/zxy-dh.gif) no-repeat left 0.4rem center; background-size: 2.64rem; padding-left: 3.33333rem; cursor: pointer; }
.zxy-btmswt .zxybtm-fr a span { display: block; font-size:0.925em; line-height: 2; color: #fff; margin-bottom:0; font-weight: 300; }
.zxy-btmswt .zxybtm-fr a strong { display: block; font-size: 1.12667rem; color: #fff; line-height: 1; letter-spacing: 1px; }
}


@media screen and (max-width:950px) {
.pro_info_1_jj{position:static; width:auto; margin:0 2.60416666666667%; padding:2em 0;}
}


@media screen and (max-width:850px) {
.news_2_1 ul li{ width:49%; margin-right:0;margin-bottom:3em;}
.news_2_1 ul li:nth-child(2n){float:right}
.news_1_mid_left{width:100%;}
.news_1_mid_right{position:static; height:auto; width:100%; padding:2em 0;}
.news_1_mid_right_mid{margin-left:1.5em; margin-right:1.5em;}
}


@media screen and (max-width:810px) {
.indexmid_5_2{font-size:1.5em;}
.indexmid_4_1{padding:2em 0; margin-top:2em;}
.indexmid_4_1_right_mid{margin:1.5em 1em;}
.indexmid_4_1_right{margin-left:3%;}
.indexmid_3_mid_2{font-size:.875em;}
.indexmid_2_mid{margin-bottom:32vw;}
.indexmid_1_left{margin-left:0}
.indexmid_1_right {-webkit-transform: translateY(0%);transform: translateY(0%);max-width: 100%;position:static; padding-top:2em;margin-left: 2.60416666666667%;margin-right: 2.60416666666667%;top: 0%;}
.indexmid_1_right_mid_1{font-size:1.5em;}
.indexbanner .swiper-pagination-bullet{font-size:.5em;}
.banner_img_jj_mid_1{font-size:1.875em;}
.banner_img_jj_mid_2{font-size:1.25em;}
.joinus_2_mid_mid_2{font-size:1.25em;}
.joinus_2_mid_mid_1{font-size:.875em;}
.joinus_2_mid_mid{margin:0 1.5em; padding-top:2.5em; padding-bottom:2.5em;}
.joinus_2{padding-top:2.5em; padding-bottom:2.5em;}
.joinus_2_mid{max-width:100%;}
.joinus_1_mid_right_mid_3_mid_1{font-size:1.125em;}
.joinus_1_mid_right_mid_3_mid_2{font-size:.875em;}
.joinus_1_mid_right{margin-left:3%;}
.newsinfo_mid_3{margin-bottom:2em;  }
.newsinfo_mid{margin:0 2em; padding-bottom:2em;}
.newsinfo_mid_2{font-size:1.25em;}
.newsinfo_mid_4_mid_left,.newsinfo_mid_4_mid_right{width:100%; text-align:left}
.newsinfo_mid_4_mid_left a{padding-right:0}
.newsinfo_mid_4_mid_right a{padding-left:0}
.newsinfo_mid_4_mid_right{margin-top:1em;}
.pages_3_mid_right{width:85%;}
.pages_1_right{max-width:85%;}
.proinfo_banner{left:2.6%; right:2.6%;}
.pro_2 .indexmid_3_mid_4 ul li{margin-bottom:2em;}
.pro_banner_pn{left:2.60416666666667%; color:#fff; bottom:1.5em;}
.pro_banner_pn a{color:#fff}
.pro_1{padding:2.5em 0 6em 0;}
.pro_1_mid_left_left{width:100%;}
.pro_1_mid_right{width:100%;}
.pro_viewmore{font-size:.75em;}
.pro_1_mid_left_right{ width:100%; margin-top:1.5em;position:static;-webkit-transform: translateY(-0%);transform: translateY(-0%);}
.indexbanner_cir:before{font-size:.6em;}
.indexbanner_cir{width:5em; height:5em;}
.footer_2{display:none}
.footer_3{margin-top:0}
.footer_1{padding:2em 0;}
.nybanner_jj_2{font-size:1.125em;}
.nybanner_jj_1{font-size:1.875em;}
.about_2_1_left{width:100%;}
.about_2_1_right{width:100%;}
.about_2_2 .about_2_1_left{width:100%;}
.about_2_2 .about_2_1_right{width:100%;}
}


@media screen and (max-width:768px) {
.indexmid_2_mid{
margin-bottom:38vw;}
.banner_img_jj_mid_2{
font-size:1em;}
.indexmid_1_right_mid_1,.banner_img_jj_mid_1{
font-size:1.25em;}
.joinus_1_mid_right_mid_1{
font-size:1.25em;}
.joinus_1_mid_right_mid_1{
font-size:1.5em;}
.joinus_1{
padding-top:4em;}
.joinus_1_mid_left{
top:-2em;}
.pro_page{
margin-bottom:4em;}
.pagination li:nth-child(1) span, .pagination li:nth-child(1) a,.pagination li:last-child span, .pagination li:last-child a{
width:1.5em;}
.pagination li{
margin:0 5px;}
.indexmid_3_mid_4_mid_2_1 span{
font-size:1.125em;}
.indexmid_3_mid_4_mid_2_2{
font-size:1em;}
.indexmid_3_mid_4_mid_2_3{
font-size:.9375em;}
.indexmid_3_mid_4{
margin-top:2em;}
.indexmid_3_mid_4_mid_1:after{
display:none}
.indexmid_3_mid_4 ul li{
width:49%; margin-right:0}
.indexmid_3_mid_4 ul li:nth-child(2n){
float:right}
.about_1_mid_left_2 h2{
font-size:1.5em;}
.about_1_mid_left_3{
margin-top:1.5em;}
}
@media screen and (max-width:700px) {
.indexmid_2_mid_left{
width:100%;}
.indexmid_2_mid_right{
position:static; width:100%; padding-top:2em;}
.indexmid_2_mid{
margin:2em 0;}
}
@media screen and (max-width:640px) {
.jobmask_mid_mid{
margin-left:1em; margin-right:1em;}
.indexmid_5_2{
font-size:1.25em;}
.indexmid_5_3 a{
font-size:.55em;}
.joinus_1_mid_right_mid{
padding-top:2em; padding-bottom:2em;}
.joinus_1_mid_right_mid_2{
font-size:1em; line-height:1.5;}
.jobnav_mid{
width:135px;}
.jobnav_mid_left,.jobnav_mid_right{
width:32px;}
.joinus_1_mid_right_mid_3 ul li{
width:100%;}
.news_2_1 ul li{
width:100%;}
.pages_2_mid_left{
width:100%;}
.pages_2_mid_right{
width:100%; margin-top:2em;}
.pages_1{
padding-top:2.5em; padding-bottom:2.5em;}
.pro_info_2_mid{
padding-bottom:0}
.pro_info_2_left,.pro_info_2_right{
width:100%;}
.pro_info_2_right{
margin-top:2em;}
.footer_3_mid_left,.footer_3_mid_right{ line-height:1.5;
float:none; width:100%; text-align:center;}
.footer_3_mid_left{
padding-bottom:5px;}
.pro_page{
margin-bottom:2em;}
}
@media screen and (max-width:480px) {
.indexmid_3 .indexmid_3_mid_4 ul li{width:100%; padding-bottom: 0;}


.banner_img_jj_mid_1{font-size:1.5em;}
.banner_img_jj_mid_2{font-size:1em;}
.newsinfo_mid_2{font-size:1.125em;}
.newsinfo_mid_1 span{font-size:.875em;}
.pages_3_mid_right{width:95%;}
.pro_info_1_jj_2{font-size:1.125em; margin-bottom:1em;}
.proinfo_banner_1{font-size:1.375em;}
.proinfo_banner_2 h2{font-size:1.125em;}
.indexmid_3_mid_4_mid_1{height:auto}
.indexmid_3_mid_4_mid_1 img {-webkit-transform: translate(-0%, -0%);transform: translate(-0%, -0%);z-index: 10;position:static;left: 50%;top: 50%;max-height:inherit; max-width:100%;}
.pro_2 .indexmid_3_mid_4 ul li{width:100%; padding-bottom:2em;}
.indexbanner_cir{font-size:.75em;}
.footer_1 img{height:3.5em;}
.footer_1{padding:1.5em 0;}
.about_3_mid_mid_1{font-size:1.125em;}
.nybanner_jj_2{font-size:1em;}
.nybanner_jj_1{font-size:1.5em;}
.about_1_mid_left_1{font-size:.875em;}
.about_1_mid_left_2 h2{font-size:1.25em;}
}