/* 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; }

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../font/Montserrat-Medium.woff2") format("woff2"),
    url("../font/Montserrat-Medium.woff") format("woff"),
    url("../font/Montserrat-Medium.ttf") format("truetype"),
    url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
    url("../font/Montserrat-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.mont{font-family: "Montserrat-Medium";}


/*********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:100%; 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:1em; margin-bottom:1em;}
#header{position:fixed; left:0; top:0; width:100%; z-index:999; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
.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:2.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:25.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;}
.header_mid_right_right em{ padding-left:1.1em; display:inline-block;color:#fff; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img2.png);background-size: 10%; font-size: 1.5em }
.header_mid_right_right span{font-size: 16px; color: #fff; padding-left:1.3em;transition: .5s; }
.header_mid_right_right span i{font-size: 1.5em; margin-right: 5px}
.header_mid_right_right span a{color: #fff;transition: .5s; }
.header_mid_right_right span a:hover{color: #f00}


@media screen and (max-width:1440px) {
    .header_mid_right_left{margin-right: 17.875em;}
    .header_mid_right ul li{margin-left: 1.75em;}
    .header_mid_right ul li a.biga{font-size: 1em}
    .header_mid_right_right a{font-size: 1.5em}
}

@media screen and (max-width:1280px) {
    .header_mid_left img{width: 70%}
    .header_mid_right_left{margin-right: 7.875em;}
    .header_mid_right_right a{display: none}
}

/*******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:33%;-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_jj img{width: 63%; margin: 0 auto; display: block}
.banner_img_jj_mid_1{font-size:4.5em; font-weight:bold}
.banner_img_jj_mid_2{font-size:2.25em; margin-top:.65em; float: right}
.banner_img_jj_mid_2 img{width: 100%}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom, .swiper-pagination-fraction{left:0; right: 0; width:100%; text-align:center; bottom:3vw;}
.indexbanner .swiper-pagination-bullet{ position:relative;width:1em; height:1em; 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:#0a4091}
.indexbanner .swiper-pagination-bullet-active{border-color:#0a4091}
.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;  }

@media screen and (max-width:1280px) {
    .banner_img{ height:80vh;}
}

@media screen and (max-width:1023px) {
    .banner_img{ height:80vh;}
    .banner_img_jj img{width: 100%}
}

/*网站首页主体*/
/*首页公司简介*/
.about {padding: 4% 0;position: relative;z-index: 0;background: url('../images/about.jpg') no-repeat center top;}
.about .cer9{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.about .about_a{}
.about .about_a h2{font-size: 60px; text-transform:capitalize; color: #162f88;font-weight: bold;}
.about .about_b{width: 62%; height: 100%; padding:0 65px 40px 65px;border-radius: 10px; overflow: hidden;}
.about .about_b h3{font-size: 22px;color: #323232; font-weight:500; line-height: 36px}
.about .about_b p{margin-top: 4%; font-size: 18px; line-height: 36px;color:#666;text-align: justify}

.index-about-top-left{width: 29%;color: #323232;}
.index-about-date{overflow: hidden;position: relative;}
.index-about-date .item-4 {padding: 6% 0;overflow: hidden;position: relative;}
.index-about-date .item-4 .fwbold{color: #162f88;font-family: georgia,serif;}
.index-about-date .title-1 *{display: inline-block;vertical-align: top;}
.index-about-date .title-1 sup{display: inline-block;vertical-align: top;margin: -4px 0 0 5px;}
.index-about-date .text-2{padding: 3% 0 0 0;overflow: hidden;}
.index-about-date .line-3{background:#dadce0;width: 100%;height: 1px;position: absolute;bottom: 0;}
.index-about-date .line-3 i {position: absolute;height: 1px;left: 0;bottom: 0;background: #1a1a1a;z-index: 11;}
.index-about-date .line-3 .b100 {width: 100%;}
.index-about-date .line-3 .b80 {width: 80%;}
.index-about-date .line-3 .b70 {width: 70%;}
.index-about-date .line-3 .b40 {width: 40%;}
.index-about-bottom .index-about-top-left {position: absolute;bottom: 0;}

.index-about-top-right {width: 66%;}
.index-about-top-right .img{width: 100%; position: relative;border-top-right-radius: 200px; }
.index-about-top-right .text-2 {margin-top: 4%;color: var(--gray3);}

@media screen and (max-width:1440px) {
    .about .cer9{width: 90%;}
    .about .about_a h2{font-size: 50px}
    .about .about_b h3{font-size: 20px}
    .about .about_b p{font-size: 15px; line-height: 31px}
}


@media screen and (max-width:790px){
    .about .cer9{width: 95%; display:block}
    .about .about_a h2{font-size: 30px; text-align: center;}
    .about .about_b{width: 100%; padding: 0;}
    .about .about_b h3{display: none;}
    .about .about_b p{font-size: 16px; line-height: 28px;}
    .index-about-top-left{width: 100%;}
    .index-about-top-right{width: 100%; margin-top: 20px;}
}

.case{padding:4vw 0 4vw 0;position:relative;}
.case h2{font-size: 48px; font-weight: bold;text-align: center}
.case h2 em{font-weight: 400; font-size: 18px; color: #999; display: block; padding-top:0.7%}
.case .sty2 {margin-top: 66px;position: relative}
.case .sty2 .swiper-container {width: 100%;border-radius: 25px 0 0 25px}
.case .sty2 .swiper-slide {width: 665px;display: block;margin-right: 36px;position: relative;border-radius: 25px;overflow: hidden;transition: all linear 0.4s}
.case .sty2 .swiper-slide img {width: 100%;display: block}
.case .sty2 .swiper-slide .wenan {position: absolute;left: 0;right: 0;bottom: -102px;padding: 30px 0;background-image: linear-gradient(transparent, #000);transition: all linear 0.4s}
.case .sty2 .swiper-slide .wenan strong {display: block;font-size: 30px;font-weight: 800;line-height: 1.4;text-align: center;color: #FFFFFF}
.case .sty2 .swiper-slide:hover .wenan {bottom: 0}
.case .sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px; cursor: pointer;transition: all linear 0.3s}
.case .sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.case .sty2 .swiper-button-prev {left: 0}
.case .sty2 .swiper-button-next {right: 0}
@media screen and (max-width:1440px) {
    .case .sty2 .swiper-slide {width: 300px;}
}
@media screen and (max-width:1023px){
    .case{padding: 5% 0;}
    .case h2{font-size: 28px; }
    .case h2 em{font-weight: 400; font-size: 16px; width: 90%; margin:0 auto; line-height: 31px}
    .case .sty2{margin-top: 30px}
}

.adv{padding: 4% 0;position: relative;z-index: 0;background: url('../images/adv.jpg') no-repeat center top;}
.adv h2{font-size: 48px; font-weight: bold;text-align: center; color: #fff}
.adv h2 em{font-weight: 400; font-size: 18px; color: #999; display: block; padding-top:0.7%}
.adv ul {clear: both;padding-top: 70px; width: 85%; max-width: 1500px; margin: 0 auto}
.adv ul li {float: left;width: 47.81474%;margin-left: 2.15264%;border-radius: 20px;overflow: hidden;position: relative;}
.adv ul li:first-child+li {margin-bottom: 35px;}
.adv ul li .HomeFourPic {clear: both;display: block}
.adv ul li .HomeFourPic img {width: 100%}
.adv ul li .HomeFourMain {position: absolute;left: 60px;right: 60px;top: 75px;color: #070707}
.adv ul li .HomeFourMain strong {clear: both;display: block;font-size: 32px;font-weight: normal;font-family: 'pingfang-b';padding-bottom: 15px;line-height: 1}
.adv ul li .HomeFourMain p {clear: both;display: block;font-size: 18px;line-height: 30px;font-weight: normal;font-family: 'pingfang-m'}
.adv ul li:first-child .HomeFourMain {text-align: center}
.adv ul li:first-child+li .HomeFourMain {color: #fff}
.adv ul li:first-child+li+li .HomeFourMain {color: #fff}

@media screen and (max-width:1023px){
    .adv{padding: 10% 0 5% 0;}
    .adv h2{font-size: 28px; }
    .adv h2 em{font-weight: 400; font-size: 16px; width: 90%; margin:0 auto; line-height: 31px}
    .adv ul{width: 95%}
    .adv ul li .HomeFourMain{display: none}
}

/*home2*/
.pro{ position:relative; color:#333; padding:3.59375vw 0; background: #eff2f9}
.home2 {overflow: hidden;}
.home2 .wrap {width: 1500px;margin: 0 auto;}
.public_title .title {font-size: 50px;font-weight: 800;color: #000000;position: relative}
.public_title .text {margin-top:6px;font-size: 20px;color: #000000;line-height: 1.5;text-transform: uppercase;opacity: 0.6}

.home2 .sty1 {margin-top: 28px;font-size: 24px;font-weight: 800}
.home2 .sty1 .swtbtn {width: 16.2%;height: 66px;display: inline-block;vertical-align: middle;background: #ff3126;border-radius: 33px;color: #FFFFFF;text-align: center;line-height: 66px;cursor: pointer;overflow: hidden;position: relative;z-index: 1;transition: all linear 0.3s}
.home2 .sty1 .swtbtn a{color: #fff;}
.home2 .sty1 .swtbtn:hover {background: #2477d5}
.home2 .sty1 .more {width: 10.06667%;display: inline-block;vertical-align: middle;margin-left: 43px;padding: 6px 0;border-bottom: 2px solid #000000;color: #000000;transition: all linear 0.3s}
.home2 .sty1 .more:after {content: "";border-left: 9px solid #000000;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: inline-block;vertical-align: middle;margin-left: 17px;transition: all linear 0.3s}
.home2 .sty1 .more:hover {border-bottom: 2px solid #2477d5;color: #2477d5}
.home2 .sty1 .more:hover:after {border-left: 9px solid #2477d5}
.home2 .sty2 {margin-top: 66px;position: relative}
.home2 .sty2 .swiper-container {width: 100%;border-radius: 25px 0 0 25px}
.home2 .sty2 .swiper-slide {width: 665px;display: block;margin-right: 36px;position: relative;border-radius: 25px;overflow: hidden;transition: all linear 0.4s}
.home2 .sty2 .swiper-slide img {width: 100%;display: block}
.home2 .sty2 .swiper-slide .wenan {position: absolute;left: 0;right: 0;bottom: -102px;padding: 30px 0;background-image: linear-gradient(transparent, #000);transition: all linear 0.4s}
.home2 .sty2 .swiper-slide .wenan strong {display: block;font-size: 30px;font-weight: 800;line-height: 1.4;text-align: center;color: #FFFFFF}
.home2 .sty2 .swiper-slide:hover .wenan {bottom: 0}
.home2 .sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px;
    cursor: pointer;transition: all linear 0.3s}
.home2 .sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.home2 .sty2 .swiper-button-prev {left: 0}
.home2 .sty2 .swiper-button-next {right: 0}

@media screen and (max-width:1440px) {
    .public_title .title {font-size: 30px;}
    .public_title .text {font-size: 16px;}
    .home2 .sty1 {margin-top: 24px;font-size: 22px;}
    .home2 .sty1 .swtbtn{height: 50px; line-height: 50px; width: 15%}
    .home2 .sty2 .swiper-slide {width: 300px;}
}


@media (max-width: 992px){
    .home2 {	padding-top: .8rem;	padding-bottom: .93333rem	}
    .home2 .wrap {width: 95%;}
    .public_title{text-align: center;}
    .public_title .title {font-size: 31px; padding-top: 20px;}
    .public_title .text {font-size: 16px; margin-top: 0;}
    .home2 .sty1 {display: none;}
    .home2 .sty1 .swtbtn {	width: 3.6rem;	height: 1rem;	border-radius: .8rem;	line-height: 1rem	}
    .home2 .sty1 .more {	width: auto;	margin-left: .53333rem;	padding: 6px 0;	border-bottom: .04rem solid #000;	font-weight: 400}
    .home2 .sty1 .more:after {content: "";border-left: .24rem solid #000;border-top: .16rem solid transparent;border-bottom: .16rem solid transparent;margin-left: .22667rem}
    .home2 .sty1 .more:hover {border-bottom: .05333rem solid #2477d5}
    .home2 .sty1 .more:hover:after {border-left: .24rem solid #2477d5}
    .home2 .sty2 {margin-top: .8rem;margin-left: -.4rem;margin-right: -.4rem}
    .home2 .sty2 .swiper-container {width: 100%;border-radius: 0}
    .home2 .sty2 .swiper-slide {width: 60%;margin: 0 .2rem;border-radius: .4rem}
    .home2 .sty2 .swiper-slide .wenan {bottom: 0;padding: .4rem 0}
    .home2 .sty2 .swiper-slide .wenan strong {font-size: .42667rem}
    .home2 .sty2 .swiper-button {width: .8rem;height: .8rem;top: 50%;margin-top: -.4rem;line-height: .8rem}
    .home2 .sty2 .swiper-button img {width: 50%}
    .home2 .sty2 .swiper-button-prev {left: .4rem}
    .home2 .sty2 .swiper-button-next {right: .4rem}
}
.news{padding: 4% 0;position: relative;z-index: 0;background: url('../images/about.jpg') no-repeat center top;}
.news h2{font-size: 48px; font-weight: bold;text-align: center}
.news h2 em{font-weight: 400; font-size: 18px; color: #999; display: block; padding-top:0.7%}

.wap_show {display: none;}
.synews {background: #e9f3fc;overflow: hidden;}
.synews_mySwiper {width: 100%;height: 100%;position: relative;padding: 40px 0;}
.synews_mySwiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;height: 500px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.synews_mySwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.w90_r {width: 85%;margin: 0 auto; overflow: hidden;}
.synews_mySwiper .swiper-slide a {text-align: left;padding: 30px;box-sizing: border-box;position: relative;height: 100%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}
.synews_mySwiper .swiper-slide a img {position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;z-index: 0;}
.synews_mySwiper .swiper-slide a .info {position: relative;z-index: 2;}
.synews_mySwiper .swiper-slide a .info em {display: block;color: #6d6d6d;margin-bottom: 20px;margin-top: 30px;}
.synews_mySwiper .swiper-slide a .info strong {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 30px;}
.synews_mySwiper .swiper-slide a .info p {color: #a3a3a3;font-size: 16px;line-height: 31px;}
.synews_mySwiper .swiper-slide a .info .data_t {border-top: 1px solid #eee;margin-top: 20px;padding-top: 20px;}
.synews_mySwiper .swiper-slide a .info .data_t .news_div_item_day {color: #ff3126;font-size: 72px;transition: .5s; }
.synews_mySwiper .swiper-slide a:hover {background: #0c4495;}
.synews_mySwiper .swiper-slide a:hover img {display: block;opacity: 0.1;}
.synews_mySwiper .swiper-slide a:hover strong {color: #fff;}
.synews_mySwiper .swiper-slide a:hover p {color: #fff; }
.synews_mySwiper .swiper-slide a:hover em {color: #fff;}
.synews_mySwiper .swiper-slide a:hover .data_t {color: #fff;}
.synews_mySwiper .swiper-slide a:hover .data_t .news_div_item_day {color: #fff;}


@media (max-width: 1023px){
    .news{padding: 10% 0 5% 0;}
    .news h2{font-size: 28px; }
    .news h2 em{font-weight: 400; font-size: 16px; width: 90%; margin:0 auto; line-height: 31px}
    .synews {padding: 4% 0;}
    .w90_r{width: 95%;}
    .synews .pc_show{display: none;}
    .wap_show {display: block; margin-bottom: 20%;}
    .sy_sjnews {overflow: hidden;padding-top: 30px;padding-bottom: 100px}
    .sy_sjnews a {margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;display: block;}
    .sy_sjnews a strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 18px;margin-bottom: 10px; color: #000;}
    .sy_sjnews a p{font-size: 15px; line-height: 26px;}
}


/*******footer*********/
.footer2{display: none;}
.footer{ overflow:hidden; position:relative; z-index:10;background-image:url(../images/end.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color: #fff}
.footer .footer_box{width: 85%; margin: 4% auto 3% auto; color: #fff;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer .footer_box a{ color: #fff;}

.footer_pro{}
.footer_pro h2,.footer_contact h2,.footer_ewm h2{font-size:19px; font-weight: 400; color: #ff3126;text-transform: uppercase;display: flex; display:-webkit-flex; -webkit-justify-content:left;   justify-content:left; }
.footer_pro h2 i,.footer_contact h2 i,.footer_ewm h2 i{font-size: 30px; color: #fff; display: inline-block; margin-top: -6px}
.footer_pro p,.footer_contact p,.footer_ewm p{color: #fff; font-size: 18px; padding-top: 10px}

.footer_mid_3{margin:0 auto; position:relative; z-index:10;width: 85%;}

.footer_mid_1{ padding-top:3.375em; padding-bottom:3.375em; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
.footer_mid_2_left{float:left; width:70%;}
.footer_mid_2_right{float:right; width:30%; position:relative;}
.footer_mid_2_right:after{content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:rgba(255, 255, 255, 0.2)}
.footer_mid_2_left ul li{float:left; color:#fff;}
.footer_mid_2_left ul li:nth-child(1){width:21%}
.footer_mid_2_left ul li:nth-child(2){width:31%}
.footer_mid_2_left ul li:nth-child(3){width:25%}
.footer_mid_2_left ul li:nth-child(4){width:23%}
.footer_mid_2_left_mid{padding-right:1em}
.footer_mid_2_left_mid p,.footer_mid_2_right_mid p{ color:#fff;font-size:1.125em; position:relative; padding:.875em 0;}
.footer_mid_2_left_mid p:after,.footer_mid_2_right_mid p:after{content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#fff; width:13px;}
.footer_mid_2_left_mid a{color:#e0e0e0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.footer_mid_2_left_mid a:hover{color:#fff;}
.footer_mid_2_left_mid dl dd,.footer_mid_2_right_mid_2 dl dd{margin-top:.9em;}
.footer_mid_2_left_mid dl,.footer_mid_2_right_mid_2 dl{margin-top:1.25em;}
.footer_mid_2{margin-top:3.25em;}
.footer_mid_2_right_mid{padding-left:36%; color:#e0e0e0 }
.footer_mid_2_right_mid_3{margin-top:2.1875em;}
.footer_mid_2_right_mid_3 img{width: 120px;}
.footer_mid_3_left{ font-size:16px; color:#7c6363; text-align: center;color:#fff}
.footer_mid_3_left a{color:#fff;}
.footer_mid_3{margin-top:2.6875em; border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.2); padding-top:1.5em; padding-bottom:1.5em;}


@media screen and (max-width:1440px){
    .footer .footer_box{width: 90%;}


}

@media screen and (max-width:1280px){
    .footer_logo{display: none;}

}


@media screen and (max-width:790px){
    .footer{display: none;}
    .footer22{ width: 100%; height: 90px; background-color: #232931; display: block;		position: fixed; z-index: 28; bottom:0; left:0;}
    .footshadow{ width: 100%; height: 90px; display: none;}
    .footfun{ padding: 0 10px; height: 100%; overflow: hidden;}
    .footfun li{ float: left; width: 25%; height: 100%; background-color: #232931;		-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
    .footfun li:nth-child(odd){ background-color: #2b3139}
    .footfun li a{ display: block; text-align: center; color: #fff; padding-top: 10px;}
    .footfun li a .pic{ height: 44px; line-height: 44px; font-size: 0;}
    .footfun li a img{ max-height: 40px;}
    .footfun li h3{ line-height: 26px;}
}


/********about**************/
/*内页公司简介*/
.abone {    padding: 155px 0 140px;}
.abt {    width: 100%;    position: relative;}
.abt:before {    position: absolute;    right: -38px;top: -46px;z-index: 0;width: 249px;height: 143px;background: url('../images/dianzhen2.png') center no-repeat;
content: "";}
.abtpicbg {width: 50%;height: 500px;position: absolute;right: 0;top: 0;z-index: 2;overflow: hidden;text-align: center;}
.abtpicbg img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0 60px;}
.abtother {  width: 100%;  position: relative;  z-index: 1;}
.abcate1 .en {  font-size: 42px;  color: #255ba9;  line-height: 50px;  font-family: 'helvetica';  font-weight: bold;}
.abcate1 .en span {  display: inline-block;  background-image: -webkit-gradient(linear, left top, right top, from(#0a4192), to(#40a4b3));  background-image: linear-gradient(to right, #0a4192, #40a4b3);
-webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.abcate1 .cn {  font-size: 32px;  color: #333;  line-height: 42px;  font-weight: bold;  margin-top: 10px;}
.abtother .abtcon {font-size: 18px;color: #333;line-height: 36px;margin-top: 56px;overflow: auto;text-indent:2em;}
.abtother .abtcon img {display: none;}
@media screen and (max-width: 1400px) {
.abtother {width: 100%;}
.abtother .abtcon {margin-top: 40px;font-size: 16px;}
}
@media screen and (max-width: 1100px) {
.abtpicbg {position: relative;width: 100%;height: auto;}
.abtpicbg img {width: auto;max-width: 100%;border-radius: 0 40px;}
.abtother {float: none;width: 100%;margin-top: 50px;}
.abcate1 {text-align: center;}
}
@media screen and (max-width: 750px) {
.abone {padding: 40px 0;}
.abcate1 .en {font-size: 36px;}
.abcate1 .cn {font-size: 26px;}
}
.abtwo {padding: 110px 0;background: #ffffff url('../images/ab2bg.jpg') top no-repeat;}
.abcate2 {text-align: center;color: #fff;}
.abcate2 .en {font-size: 42px;line-height: 46px;font-family: 'helvetica';font-weight: bold;}
.abcate2 .cn {font-size: 36px;line-height: 42px;font-weight: bold;margin-top: 10px;}
.abtwo .intro {font-size: 16px;color: #fff;line-height: 34px;text-align: center;margin: 26px auto 36px;max-width: 1200px;}
.abtwo .pic {margin-top: 70px;text-align: center;}
.abtwo .pic iframe{width: 85%; margin: 0 auto; height: 650px}
.abtwo .pic img {width: 1100px;max-width: 100%;border: 10px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
.guolist {overflow: hidden;font-size: 0;text-align: center;}
.guolist li {display: inline-block;width: 270px;max-width: 33.33%;}
.guolist li a {display: block;}
.guolist h3 {font-size: 42px;color: #fff;height: 56px;line-height: 56px;-webkit-transition: 0.3s;transition: 0.3s;}
.guolist .txt {font-size: 14px;color: #fff;line-height: 22px;}
@media screen and (max-width: 750px) {
    .abtwo {padding-top: 80px;}
    .abcate2 .en {font-size: 36px;}
    .abcate2 .cn {font-size: 26px;}
    .abtwo .pic img {border-width: 2px;  }
    .guolist h3 {    font-size: 30px;  }
    .abtwo .pic iframe{width: 100%; margin: 0 auto; height: 350px}
}

/*******news***********/







/**************pages*******************/

.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/logob.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 em{color:#000; background-image:url(../images/header/img2v.png);}
#header.cur .header_mid_right_right span{color:#000}
#header.cur .header_mid_right_right em{color:#000}
#header.cur .header_mid_right ul li a:after{background-color:#000}
#header.cur .header_mid_right_right span a{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:nth-child(6) .tit:before{display: none;}
.m-nav li:nth-child(7) .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) {
.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;}

.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;}


.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) {

.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;}


.banner_img_jj{left:2.60416666666667%; right:2.60416666666667%}
.comview{font-size:.4em;}
#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}

.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, #0a4091, #0a4091); 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, #ff3e00, #ff3e00); 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;}

.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%;}

.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;}

.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) {

.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;}

.about_1_mid_left_2 h2{
font-size:1.5em;}
.about_1_mid_left_3{
margin-top:1.5em;}
}

@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;}

.jobnav_mid{
width:135px;}
.jobnav_mid_left,.jobnav_mid_right{
width:32px;}

.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) {
.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;}
.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;}

.about_1_mid_left_1{font-size:.875em;}
.about_1_mid_left_2 h2{font-size:1.25em;}
}