/* 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;overflow-x: hidden;}

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





/* top */

.waphead{display: none}

.top {width: 100%;height: 100px;position: fixed;top: 0px;left: 0px;padding: 0px 50px;z-index: 99;transition: all .5s; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}

.topitem {width: 100%;height: 100%;}

.logo {height: 70px;}

.logo a img {height: 100%;}

.logo .hlogo{display: none;}

.fixednav .logo .llogo{display: none}

.fixednav .logo .hlogo{display: block}

.top:hover .logo .llogo{display: none}

.top:hover .logo .hlogo{display: block}

.nav ul li {position: relative;}

.nav ul li a {font-size: 18px;letter-spacing: 1px;color: #fff;padding: 0px 20px;line-height: 100px; font-weight: bold}

.nav ul li a:hover,.nav ul li a.active {color: #155bc4;font-weight: bold;}

.ernav {position: fixed;width: 100vw;height: 85px;left: 0px;top: 100px;background-color:rgba(7,55,99,0.7);border-top: 1px solid #e9f1fb;box-shadow: 0px 10px 15px rgba(0, 166, 126, 0.1);display: none;z-index: 1; padding: 0 2%}

.nav ul li .ernav ul {justify-content: space-between; width: 60%; margin: 0 auto}

.nav ul li .ernav ul li a {font-size: 16px;line-height: 85px;padding: 0px 30px;}

.nav ul li .ernav a:hover {font-weight: normal;}

.nav ul li:hover .ernav {display: block;}

.nav ul li:nth-child(2) .ernav {padding-left: 25%;}

.nav ul li:nth-child(4) .ernav {padding-left: 41.5%;}

.nav ul li:nth-child(5) .ernav {padding-left: 49.5%;}

.nav ul li:nth-child(6) .ernav {padding-left: 58%;}

.nav ul li:nth-child(7) .ernav {padding-left: 66%;}

.ernav_pro {height: auto;text-align: center; padding-bottom: 4%}

.ernav_proico {width: 250px;background-color: #f5f5f5;text-align: center;line-height: 73px;margin: 50px 0px 15px;transition: all .5s;}

.nav ul li .ernav_pro ul li {}

.nav ul li .ernav_pro ul li a {line-height: unset;padding: 0px;color: #fff!important;}

.nav ul li .ernav_pro ul li:hover a p {color: #fff;}

.nav ul li .ernav_pro ul li:hover .ernav_proico {box-shadow: 0px 0px 10px rgb(0, 0, 0, .2);}

.nav ul li .ernav_pro ul li:hover .ernav_proico img {transform: scale(1.1);}

.topsearch {width: 48px;height: 48px;border-radius: 24px;background-color: #073763;text-align: center;transition: all .5s;position: relative;cursor: pointer;}

.topsearch .topsearch_ico {position: absolute;left: 16px;top: 15px;}

.toptelitem {width: 260px;height: 48px;border-radius: 24px;padding: 0px 30px;margin-left:15px;transition: all .5s;overflow: hidden;position: relative;}

.toptelitem .toptel_ico {position: absolute;left: 30px;top: 17px;}

.toptelitem p {;font-size: 24px;text-align: center;line-height: 48px;color: #ffffff;width: 100%;padding-left: 20px;}

.topsearch_on P a{color: #fff}

.search {display: none;}

.topsearch_on {width: 220px;padding: 0px 20px;}

.topsearch_on .topsearch_ico {display: none;}

.topsearch_on .search {display: block;}

.topsearch_on .search button {background: none;border: 0px;}

.topsearch_on .search button img {transform: rotate(90deg);position: absolute;left: 15px;top: 16px;transition: all .5s;}

.topsearch_on .search input {color: #ffffff;padding-left: 5px;border-bottom: 1px solid #155bc4;width: 80%;margin-left: 10px;font-size: 14px}

.toptel_on {width: 48px;padding: 0px;}

.toptel_on .toptel_ico {left: 17px;}

.topsearch  p {display: none;}

.toptel_on p {display: none;}

.topsearch_on P{display: block; font-size: 16px;text-align: center;line-height: 48px;color: #ffffff;width: 100%;padding-left: 20px;}

.top:hover {background-color: #ffffff;}

.top:hover .nav ul li a{color: #000}

.top:hover .toptelitem{background-color: #073763;}

.fixednav .toptelitem{background-color: #073763;}

.fixednav {background-color: #ffffff;position: fixed;}

.fixednav .nav ul li a{color: #000}



@media screen and (max-width: 1440px) {

    .logo {height: 50px;}

.nav ul li a{padding: 0 15px; font-size: 17px}

    .nav ul li .ernav ul { width: 55%; }

.toptelitem{width:235px}

    .toptelitem p{font-size: 20px}



}



@media screen and (max-width: 1280px) {

.nav ul li a{font-size: 16px; padding: 0 10px}

}

@media screen and (max-width: 1220px) {

    .logo {height:40px; }

}



@media screen and (max-width:1023px) {

.top {height: 50px;}

}





/* wap head */

.waphead {width: 100%;height: 50px;background-color: #ffffff;position: fixed;top: 0px;left: 0px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);z-index: 1;}

.waphead_item {width: 100%;height: 100%;padding: 0px 2%;}

.wapheadlogo a img {height:50px;}

.wapheadr img {height: 35px;}

.wapnav_item_part {display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 2;background-color: rgba(0, 166, 126, .5);}

.wapnav_item {width: 100%;height: 100%;}

.wapnavitem {width: 100%;height: auto;padding: 30px 2%;background-color: #073763;}

.wapsearch {width: 70%;height: 35px;border-radius: 20px;border: 1px solid #ffffff;}

.wapsearch form {width: 100%;height: 100%;padding: 0px 10px;}

.wapsearch form input {width: 70%;display: block;padding-left: 10px;color: #ffffff;}

.wapsearch form button {background: none;border: 0px;width: 20%;height: 100%;padding-left: 10px;}

.wapnavclose img {width: 30px;}

.wapnav_mid {padding: 15px 0px;}

.wapnav_mid ul {padding: 15px;}

.wapnav_mid ul li {border-bottom: 1px dashed rgba(255,255,255,0.3);}

.wapnav_mid ul li a {font-size: 17px;letter-spacing: 2px;line-height: 60px;color: #ffffff;text-align: center;display: block;}

.wapnav_bot {padding: 15px;}

.wapnav_botitem {justify-content: flex-start;}

.wapnav_botitem img {width: 18px;}

.wapnav_botitem p a {color: #ffffff;font-size: 20px;font-weight: bold;padding-left: 10px;}





/*******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:relative;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;right: 3% }

.banner_img_jj img{width: 100%}

.banner_img_jj_mid_1{font-size:4.5em; font-weight:bold}

.banner_img_jj_mid_2{font-size:2.25em; margin-top:.65em;}



.banner_img_jj2{ top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:10;position:absolute; z-index:10; color:#fff;left: 0; right: 0 }

.banner_img_jj2 img{40%}

.banner_img_jj2_mid_1{font-size:4.5em; font-weight:bold}

.banner_img_jj2_mid_2{font-size:2.25em; margin-top:.65em;}



.banner_img_jj3{ top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:10;position:absolute; z-index:10; color:#fff; right: 10% }

.banner_img_jj3 img{40%}

.banner_img_jj3_mid_1{font-size:4.5em; font-weight:bold}

.banner_img_jj3_mid_2{font-size:2.25em; margin-top:.65em;}



.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom, .swiper-pagination-fraction{; width:100%; text-align:left; bottom:5.29166666666667vw;left: 45%;}

.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:#0f407f}

.indexbanner .swiper-pagination-bullet-active{border-color:#0f407f}

.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:1440px) {

    .banner_img{  height:90vh;}

}

@media screen and (max-width:1280px) {

    .banner_img{  height:80vh;}

}

@media screen and (max-width:1023px) {

    .banner_img_jj img,.banner_img_jj2 img,.banner_img_jj3 img{width: 100%}

}



/*网站首页主体*/



/*公司简介*/

.index_1{background: url('../images/aboutbg.jpg') no-repeat center top;padding:5.33333333333333vw 0;}

.indexmid{margin:0 7.8125%;}

.index_1_mid_left{ margin-top:2.375vw;float:left; width:40.49382716049383%;}

.index_1_mid_right{ position:relative;float:right; width:55.55555555555556%;}

.index_1_title{ letter-spacing:2px; color:#666;display:inline-block; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-left:135px;}

.index_1_title span{ letter-spacing:0; display:block;position:absolute; left:0; height:100%; top:0; color:#073763; font-weight:bold; width:128px;}

.index_1_title span:after{transform:translateY(-50%); height:1px; background-color:#000; width:105px;content:''; position:absolute; left:20px; top:50%;}

.index_1_title_cz{padding-left:0; padding-top:135px;}

.index_1_title_cz span{width:100%; height:128px;}

.index_1_title_cz span:after{left:50%; top:20px;transform:translateX(-50%); height:105px; width:1px;}

.index_1_mid_left_2{font-size:2.5vw; margin-top:3.125vw; font-weight: bold}

.index_1_mid_left_3{font-size:18px; color:#666; margin-top:.4em;}

.index_1_mid_left_4{ margin-bottom:5.5vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-wrap:break-word;word-break:break-all;color:#666; line-height:32px; margin-top:3vw; font-size: 16px}

.lmore{ overflow:hidden; position:relative;display:inline-block; border:2px #fff solid; font-family:Arial, Helvetica, sans-serif; width:200px; text-align:center; line-height:45px; height:px; color:#fff;}

.lmore span{ color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:14px; position:relative; display:inline-block; position:relative; letter-spacing:.3em;}

.lmore:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:0; width:0; height:100%; background-color:#fff;}

.lmore:hover:before{width:100%;}

.lmore:hover span{color:#fff}

.lmore_black{border:1px #000 solid;}

.lmore_black span{color:#000;}

.lmore_black:before{background-color:#073763;}

.index_1_mid_right_mid{ border-radius:4.89583333333333vw 0 4.89583333333333vw 0;position:relative; z-index:10; overflow:hidden; margin-right:1.77083333333333vw;  margin-bottom:1.77083333333333vw;}

.index_1_mid_right_mid img{width:100%;}

.index_1_mid_right:after,.about_1_left:after{height:calc(100% - 1.77083333333333vw);width:calc(100% - 1.77083333333333vw);content:''; position:absolute; right:0; bottom:0; background-color:#073763;border-radius: 4.89583333333333vw 0 }



@media screen and (max-width:768px) {

.index_1_mid_left{width:100%;}

.index_1_mid_right{width:100%; margin-top:1.5em;}

    .index_1_mid_left_2{display: none}

    .index_1_mid_left_3{font-size:16px;}
    .lmore{display: none}

    }







/*产品展示*/

.pro{width: 100%;  background: url('../images/probg.jpg') no-repeat center top;; padding: 4% 0;background-attachment: fixed; background-size: cover;}

.pro .pro_tit{width: 85%; margin: 0 auto; text-align: center;color: #000; }

.pro .pro_tit h2{font-size: 46px; padding: 5px 0 ; font-weight: bold}

.pro .pro_tit p{font-size: 18px; margin-top: 10px;color: #000; }

.pro .pro_tit p:after{content: ""; width: 70px; height: 2px; background: #073763; display: block; margin: 1.5% auto 0 auto;}







#tel_pro{display: none;}

#top_scroll {overflow: hidden;width:85%; margin:5vh auto 0 auto; padding-bottom: 3%; height: 800px;}

#top_scroll ul li{position: relative; float: left;width:32%;margin:0 .5% 1%;overflow: hidden;  box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }

#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}

#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

#top_scroll ul li .proText{  transition: .4s;-webkit-transition: .4s;}

#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px;border-bottom: 1px solid transparent;  border-color: rgba(151, 151, 151, 0.2); padding: 25px 0;}

.pro .protel{width: 70%; margin: 10px auto 20px auto; line-height: 35px; padding: 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}

.pro .protel .protel_a{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);transition: .5s; }

.pro .protel .protel_a:hover{background: #ff3d3d; color: #fff;}

.pro .protel .protel_b{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);transition: .5s; }

.pro .protel .protel_b:hover{background: #073763; color: #fff;}



.pro ul li:hover .protel_a{background: #ff3d3d; color: #fff;}

.pro ul li:hover .protel_b{background: #073763; color: #fff;}





@media (max-width:1200px){

    .pro .pro_tit h2{font-size: 36px;}

    .pro .pro_tit p{font-size: 16px;}

    }



@media (max-width:750px){

#top_scroll{display: none;}

.pro .pro_tit{width:95%}

.pro .pro_tit h2{font-size: 26px; padding: 5px 0 ; font-weight: bold}

.pro .pro_tit p{font-size: 16px; margin-top: 10px; }

#tel_pro {overflow: hidden;width:95%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}

#tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

#tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }

#tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}

#tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

#tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s;}

#tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

#tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}

.pro_more{width: 100%; }

.pro_more li{width: 100%;}

.pro_more li:nth-child(2){display: none;}

}





/*产品展示*/

.sysp3 {height: 650px;position: relative;overflow: hidden;background: url(../images/video_bg.jpg) no-repeat center top; }

.w90 {width: 86%;margin: 0 auto;}

.sysp3 h3 {color: #fff;padding-top: 140px;font-weight: bold;position: relative;z-index: 88;width: 50%;font-size: 50px;}

.sysp3 p {color: #fff;font-size: 17px;line-height: 200%;margin-top: 20px;position: relative;z-index: 88;width: 50%;}

.sysp3 .morecp {margin-top: 32px;background: #2791e5;color: #fff;text-align: center;height: 60px;line-height: 60px;width: 200px;border-radius: 60px;position: relative;z-index: 88;}

.sysp3 .morecp:hover {color: #000;}

.sysp3 video {position: absolute;left: 0;width: 100%;z-index: 0; top: 0;}

.index_b  .icon  img{width: 60px;height: 62px;}

.index_b {position: relative;margin-top: 30px;;background-position-x: center;background-position-y: center;background-size: cover;background-repeat-x: initial;background-repeat-y: initial;    background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;background-size: 100% 100%;z-index: 999;}

.index_b .left .icon {/* background: url(index_bf_bg2.png) no-repeat; */background-size: cover;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;display: inline-block;    padding: 12px;transition: all .8s;cursor: pointer;-webkit-animation: haha1 3s linear infinite;margin: 0 auto;}

@-webkit-keyframes haha1{

    0%{-webkit-transform:rotate(0deg);}

    25%{-webkit-transform:rotate(90deg);}

    50%{-webkit-transform:rotate(180deg);}

    75%{-webkit-transform:rotate(270deg);}

    100%{-webkit-transform:rotate(360deg);}

}

.index-play{cursor:pointer;}

.sycp_r {float: right;width: 350px;position: relative;overflow: hidden;height: 500px;margin-top: 7%;margin-right: 60px;}

.sycp_r b {font-size: 14px;text-align: center;color: #fff;display: block;}

.sycp_r a {width: 100%;height: 500px; display: block;}

.sycp_r a img {height: 90%;margin: 10px auto;display: block; max-width: 100%;}



@media screen and (max-width:1440px){

    .sycp_r a {height: 400px;}

}



@media screen and (max-width:1200px){

    .sysp3 h3 {font-size:40px;}

    .sysp3 p {font-size: 16px;}

}



@media screen and (max-width:790px){

    .sysp3{display: none;}
	.sysp3 video{display:none}
    .sysp3 video
}





/*厂容厂貌*/

.factory{width:100%; margin:0 auto; position: relative;   padding: 5% 0;background: url(../images/cf.jpg) no-repeat center top;}

.factory .factory_tit{width: 85%; margin: 0 auto; text-align: center;color: #000; }

.factory .factory_tit h2{font-size: 46px; padding: 5px 0 ; font-weight: bold}

.factory .factory_tit p{font-size: 18px; margin-top: 10px;color: #000; }

.factory .factory_tit p:after{content: ""; width: 70px; height: 2px; background: #073763; display: block; margin: 1.5% auto 0 auto;}





.heixinlistbox {position: relative; margin:3% auto 0 auto;}

.heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;}

.hxin_item {position: relative;width: 650px;margin: 0 auto; padding: 0 15px;}



.hitbox{overflow: hidden;}

.hitbox img{width: 100%;/*opacity: 0.3;*/-webkit-filter: blur(3px); /* Chrome, Opera */-moz-filter: blur(3px);-ms-filter: blur(3px);    	filter: blur(3px);}

.heixinlist .slick-active .hitbox img{/*opacity: 1;*/filter: blur(0px);}

.hitbox img {transition: all 1s;width:100%;}

.heixinlist .slick-next {right: 22%;background: url(../images/next.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}

.heixinlist .slick-prev {left: 22%;background: url(../images/prev.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}

.heixinlist .slick-dots {bottom: 9px;}

.slick-dots li.slick-active {background: #999;}

.heixinlist .slick-dots li.slick-active {background: #155bc4;border-color:#155bc4;}

.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}

.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}



.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}



@media screen and (max-width:1440px){

    .hxin_item {width: 450px;}

}



@media (max-width:1200px){

    .factory .factory_tit h2 h2{font-size: 36px;}

    .factory .factory_tit h2 p{font-size: 16px;}

}



@media screen and (max-width:790px){

    .factory .factory_tit h2{font-size: 26px; padding: 5px 0 ; font-weight: bold}

    .factory .factory_tit p{font-size: 16px; margin-top: 10px; }

    .heixinlist .slick-next{right: 0;}

    .heixinlist .slick-prev {left: 0%;}

    .hxin_item {width: 400px;}

    .heixinlist .slick-prev, .heixinlist .slick-next {width: 50px;height: 56px;z-index: 50;}

}





/*新闻资讯*/

.news{width: 100%;padding: 4% 0}

.news .news_tit{width: 85%; margin: 0 auto; text-align: center;color: #000; }

.news .news_tit h2{font-size: 46px; padding: 5px 0 ; font-weight: bold}

.news .news_tit p{font-size: 18px; margin-top: 10px;color: #000; }

.news .news_tit p:after{content: ""; width: 70px; height: 2px; background: #073763; display: block; margin: 1.5% auto 0 auto;}



.index_4_1{width: 85%; margin:3% auto 0 auto;}

.index_4_1 ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}

.index_4_1 ul li{  width:24%; background: #fff;font-size: 16px; padding:2% 1% 1% 1%;border-radius: 10px ;box-shadow: 0px 0px 10px #e1e1e1;}

.index_4_1 ul li:nth-child(4n){margin-right:0}

.index_4_1_mid_1{overflow:hidden; position:relative;}

.index_4_1_mid_1 img{width:100%;}

.index_4_1 ul li .time{color: #1f60b5}

.index_4_1_mid_2{  padding:2% 2%}

.index_4_1_mid_2_1{color:#333;font-family:Calibri;}

.index_4_1_mid_2_2{font-size:1.5em; color:#333; margin-top:.75em; margin-bottom:.75em;}

.index_4_1_mid_2_3{color:#333;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}







.index_4_2{text-align:center; margin:4.375em 0;}

.index_4_1_mid{overflow:hidden; position:relative;}

.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-image: linear-gradient(to right, #f69a23, #f28c09);border-radius:20px 20px 0 0;  }

.index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}

.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}

.a-image-hover span:first-child{transition-delay:.03s}

.a-image-hover span:nth-child(2){transition-delay:.06s}

.a-image-hover span:nth-child(3){transition-delay:.09s}

.a-image-hover span:nth-child(4){transition-delay:.12s}

.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}

.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}

.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}

.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}

.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}

.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}

.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}

.index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;}



@media (max-width:1200px){

    .news .news_tit h2{font-size: 36px;}

    .news .news_tit p{font-size: 16px;}

}



@media (max-width: 992px){

    .news .news_tit h2{font-size: 26px; padding: 5px 0 ; font-weight: bold}

    .news .news_tit p{font-size: 16px; margin-top: 10px; }

    .index_4_1 ul{flex-wrap: wrap;}

    .index_4_1 ul li{width: 100%; margin-right: 0}

}



/*************footer******************/

.footer22{display: none;}

.footer2{display: none;}

/* 底部 */



.footer{background: url(../images/img-footer.jpg) no-repeat; background-position: center center; background-size: cover;  color: #FFFFFF; padding-top: 0.7rem;  overflow: hidden;}

.footer-content-top{display: flex; justify-content: space-between;;width: 85%; margin: 4% auto;}

.footer-left{padding-left: 1rem; padding-right: 1rem; width: 68%; }

.footer-left-top{border-bottom:0.01rem solid rgba(255,255,255,0.1) ; display: flex; align-items: center; padding-bottom: 2vw;-webkit-justify-content: space-between;   justify-content: space-between;}

.footer-left-top img{ width: 365px; margin-right: 1.08rem;}

.footer-link{ display: flex; justify-content: space-between; width: 60%; padding-right: 5%}

.footer-link a{ color: #FFFFFF;font-size:16px;font-weight: 500; line-height: 36px; transition: all .3s ease;}

.footer-link a:hover{color: rgba(255,255,255,0.7);}

.footer-left-bottom{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content: left; margin-top: 4%; }

.footer-code{ width: 27%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}

.footer-code div{padding: 15px; border: 1px solid rgba(255,255,255,0.2);width: 135px; height: 135px}

.footer-code div img{width: 100%;}



.footer-info{color: #FFFFFF; width: 50%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; margin-left: 5%}

.footer-info div img{width: 0.5rem; }

.footer-tel{margin-right: 25px; }

.footer-tel i,.footer-email i{width: 35px; height: 35px;border:2px solid transparent; border-color: rgba(151, 151, 151, 0.3);border-radius:50%; padding: 10px; font-size: 30px}

.footer-info .footer-p1{font-size:  16px;font-weight: 500;line-height: 22px; margin-top:24px;}

.footer-info .footer-p2{font-size: 22px;font-weight: 500;line-height: 41px;}

.footer-info .footer-p3{font-size: 14px;font-weight: 400;line-height:28px; }

.footer-right{padding-right: 1rem;  padding-left: 4%; border-left: 0.01rem solid rgba(255,255,255,0.2); width: 29%}

.footer-right p{font-size: 18px;font-weight: 400;color: #FFFFFF;line-height: 31px; margin-bottom: 25px}

.footer-form input,.footer-form textarea{  background: #3B4760;  padding-left:15px;border-radius: 2px; }

.footer-form input{ height: 48px;margin-bottom: 10px;float: left;}

.footer-form input:nth-child(1){margin-right:20px;}

.footer-form textarea{height: 156px; width: 100%; margin-top: 0.2rem; padding-top: 0.15rem;}

.footer-form input::-webkit-input-placeholder,.footer-form textarea::-webkit-input-placeholder {color: #BDC2CE;}

.footer-form input:-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {/* FF 4-18 */color: #BDC2CE;}

.footer-form input::-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {/* FF 19+ */color: #BDC2CE;}

.footer-form input:-ms-input-placeholder,.footer-form textarea::-webkit-input-placeholder  {/* IE 10+ */color: #BDC2CE;}

.footer-form button{ height: 50px; line-height: 50px; color: #ffffff;font-size: 14px;font-weight: 400; width: 30%;  margin-top: 0.2rem; background: #980000; transition: all .3s ease; border-radius: 2px;}

.footer-form button:hover{background: #fff; color: #073763;}

.footer-copyright{border-top:1px solid rgba(255,255,255,0.1) ; margin-top: 0.7rem; padding: 0.5% 3%; display: flex;justify-content: space-between;}

.footer-copyright-right{display: flex; align-items: center; justify-content: flex-end;}

.footer-copyright-right p,.footer-copyright-left p{font-size: 16px; font-weight: 400;color: #818B9F;line-height: 0.2rem;}

.footer-copyright-right p a{color: #818B9F;}

.footer-copyright-left p{}

.footer-copyright-left p img{width:100%;  display: inline-block;}

.footer-copyright-left p a {color: #fff; transition: all .3s ease;}

.footer-copyright-left p  span{padding-left: 0.25rem; padding-right: 0.5rem;  border-left: 1px solid rgba(255,255,255,0.1);}

.footer-copyright-left p a:hover{color: #073763;}

.footer-about{position: fixed;z-index: 5; width: 100%; bottom: 0; left: 0; height: 6rem;}





@media screen and (max-width:1440px){

    .footer .footer_box{width: 90%;}

    .footer-left-top img{ width: 280px; }

    .footer-code div{width: 110px; height: 110px}

    .footer-info{width: 60%}

    .footer-info .footer-p2{font-size: 20px}

    .footer_pro li{font-size: 15px;line-height: 40px;}

    .footer_contact p{font-size: 15px;line-height: 30px;}

    .footer_ewm {width: 15%;}

}



@media screen and (max-width:1280px){

    .footer_logo{display: none;}

    .footer_pro {width: 36%;}

    .footer_contact {width: 26%;}

    .footer_ewm {width: 22%;}

}





@media screen and (max-width:790px){

    .footer{display: none;}

    .footer22{ width: 100%; height: 100px; background-color: #0181e0; 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: #0181e0;		-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: #71be4a}

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

    .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: 65px; overflow: hidden; }

    .zxy-btmswt .zxybtm-fl { margin-right: 0.26667rem; background: linear-gradient(0deg, #073763, #073763); border-radius: 0.4rem 0.4rem 0px 0px; float: left; width: 49%; height: 100%; padding-top: 4%; }

    .zxy-btmswt .zxybtm-fl a { display: block; background: url(../images/zxy-ej.png) no-repeat left 0.4rem center; background-size: 14%; padding-left:20%; cursor: pointer; }

    .zxy-btmswt .zxybtm-fl a span { display: block; font-size:14px; line-height: 1; color: #fff; margin-bottom:5px; font-weight: 300; }

    .zxy-btmswt .zxybtm-fl a strong { display: block; font-size: 17px; color: #fff; line-height: 1; }

    .zxy-btmswt .zxybtm-fr { background: linear-gradient(0deg, #980000, #980000); border-radius: 0.4rem 0.4rem 0px 0px; float: right; width: 49%; height: 100%; padding-top: 4% }

    .zxy-btmswt .zxybtm-fr a { display: block; background: url(../images/zxy-dh.gif) no-repeat left 0.4rem center; background-size:14%; padding-left:20%; cursor: pointer; }

    .zxy-btmswt .zxybtm-fr a span { display: block; font-size: 14px; line-height: 1; color: #fff; margin-bottom: 0.13333rem; font-weight: 300; }

    .zxy-btmswt .zxybtm-fr a strong { display: block; font-size: 18px; color: #fff; line-height: 1; letter-spacing: 1px; }

}





/*内页banner*/

.neitop {    background-color: #ffffff;    position: unset; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);}

.neitop .nav ul li a{color: #000}

.neibanner {width: 100%;height: 550px;position: relative; background: #000}

.neibanner img.neibannerimg {width: 100%;height: 100%;object-fit: cover; position: absolute; opacity: 0.5}

.neibanner_desc {position: absolute;width: 100%;height: 60%;top:0;left: 0px;justify-content: flex-end;flex-direction: column;}

.neibandesc_title {text-align: center;}

.neibandesc_title h3 {font-size: 52px;letter-spacing: 1px;color: #f5f5f5; font-weight: bold}

.neibandesc_title h3:after{content: ""; width: 100px; height: 3px; background: #fff; display: block; margin: 20px auto;}

.neibandesc_title h4 {font-family: Poppins;font-size: 52px;letter-spacing: 1px;color: #f5f5f5;font-weight: bold;padding-top: 15px;}

.neibandesc_bot {margin: 330px 0px 90px;}

.neiban_icodesc p {font-size: 16px;color: #f5f5f5;padding-left: 20px;}



.neibanner2 {width: 100%;height: 250px;position: relative; background: #000}

.neibanner2 img.neibannerimg {width: 100%;height: 100%;object-fit: cover; position: absolute; opacity: 0.5}



/* 面包屑*/

.baninfo {height: 60px;position: relative;z-index: 2;background-color: #f9fcfb;width: 100%;overflow: hidden;font-size: 16px;  border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}

.baninfo .cer8 {height: 100%; width: 85%; margin: 0 auto;}

.tree {height: 100%;font-size: 16px;line-height: 60px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat; padding-right: 2%;}

.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}

.tree a:hover,.tree a.leaf {color: #00a69c;}

.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}

@media screen and (max-width: 1440px) {



}



@media screen and (max-width:1023px) {

    .neibanner {height: 250px;}

    .neibanner_desc{height: 75%}

    .neibandesc_title h3{font-size: 28px}

    .neibanner2 {height: 150px;}

}



.fenye{width: 80%; margin: 0 auto 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}

.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}



@media screen and (max-width:1023px) {

    .fenye{width: 95%; margin: 0 auto 10% auto;}

}

/********about**************/

/*内页公司简介*/

.w1720{width: 89.5833333%;margin: 0 auto;position: relative}

.l{float: left;}

.r{float: right;}

.ab-wrap1{padding: 124px 0 92px;border-bottom: 1px solid #ccc;box-sizing: border-box; color: #333;overflow: hidden;}

.ab-wrap1 .l .sum{font-size: 40px;font-weight:bold;line-height: 72px;}

.ab-wrap1 .l .sum span{position: relative;}

.ab-wrap1 .l .sum span:after{position: absolute;bottom: -3px;left: 0; width:100%;height: 3px;background: #333; content: "";}

.ab-wrap1 .r{position: relative;top: 16px;overflow: hidden;}

.ab-wrap1 .r .img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

.ab-wrap1 .r .sum{padding-top: 32px;}

.ab-wrap1 .r .sum .n{font-size: 120px;line-height: 85px;font-weight: bold;letter-spacing: -5px;}

.ab-wrap1 .r .sum .m{padding-left: 10px;margin-top: 18px; font-size: 16px;}



.ab-wrap2{padding: 80px 0 90px;overflow: hidden;}

.ab-wrap2 .l{max-width: 940px;}

.ab-wrap2 .l .sum{font-size: 16px;line-height: 30px;color: #666;}

.ab-wrap2 .l .sum p{ font-size: 18px;line-height: 36px;text-indent:2em;}

.ab-wrap2 .r{width: 425px;color: #333;}

.ab-wrap2 .r li{margin-bottom: 25px;}

.ab-wrap2 .r p{ font-size: 16px;line-height: 30px;}

.ab-wrap2 .r .tit{font-weight: bold; color: #980000;}

.ab-wrap2 .r .sum{width: 324px;}



@media (max-width: 1440px) {

    .ab-wrap1 .l .sum{font-size: 32px;line-height: 64px;}

    .ab-wrap1 .r .sum .n{font-size: 100px;}

    .ab-wrap2 .l{width: 55%;}

}



@media (max-width: 1200px) {

    .ab-wrap1 .l .sum,.ab-wrap4 .top .tit{font-size: 28px;line-height: 56px;}

    .ab-wrap1 .r .sum .n{font-size: 80px;}

    .ab-wrap2 .l{width: 100%;float: none;}

    .ab-wrap2 .r{float: none;display: block;}

}



@media (max-width: 940px) {

    .ab-wrap1{padding: 50px 0;}

    .ab-wrap1 .l .sum{font-size: 24px;line-height: 48px;}

    .ab-wrap1 .r {float: none;}

    .ab-wrap1 .r .img{display: none;}

    .ab-wrap1 .r .sum{padding: 0;margin-bottom: 40px;}

    .ab-wrap1 .r .sum .m{display: inline-block;}

    .ab-wrap2{padding: 50px 0;}

}

@media (max-width: 768px) {

    .ab-wrap1 .l .sum{font-size: 20px;line-height: 40px;}

    .ab-wrap1 .l .sum, .ab-wrap4 .top .tit{font-size: 24px;}

}





.aboutFour{clear:both;padding-top:4%;padding-bottom:110px;overflow:hidden}

.aboutFour .wrap{position:relative; max-width: 1500px; margin: 0 auto; position: relative;}

.aboutFour .aboutTit{text-align:center}

.aboutTit h3 {clear: both;display: block;color: #202020;line-height: 1;font-weight: bold;font-size: 52px;padding-bottom: 22px;}

.aboutTit span {clear: both;display: block;color: #202020;line-height: 1;font-size: 18px;text-transform: uppercase;}

.aboutFour ul{clear:both;display:block;margin-top:4%;margin-bottom:7%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}

.aboutFour ul li{width:20%;border-radius:30px;padding:70px 20px 60px 20px;background:#f0f0f0;text-align:center;transition:all 0.5s;cursor:pointer}

.aboutFour ul li i{clear:both;display:block;width:20.05731%;line-height:1;margin:0 auto;width:62px;height:62px;background-image:url(../images/aboutFourPic01.png);background-size:100%}

.aboutFour ul li:first-child+li i{background-image:url(../images/aboutFourPic02.png)}

.aboutFour ul li:first-child+li+li i{background-image:url(../images/aboutFourPic03.png)}

.aboutFour ul li:first-child+li+li+li i{background-image:url(../images/aboutFourPic04.png)}

.aboutFour ul li strong{clear:both;display:block;line-height:1;font-size:24px;color:#313232;padding-top:50px;padding-bottom:20px;}

.aboutFour ul li p{clear:both;display:block;line-height:24px;font-size:18px;color:#85888e;}

.aboutFour ul li:hover strong{color:#073763}

.aboutFour .aboutFourBtn{clear:both;display:block;width:232px;height:52px;border:1px solid #073763;border-radius:31px;text-align:center;line-height:50px;font-size:18px;margin:0 auto}

.aboutFour .aboutFourBtn span{display:inline-block;background:url(../images/pc_icon01_hover.png) no-repeat left center;background-size:11px;padding-left:20px;color:#073763}

.aboutFour .aboutFourBtn:hover{background:#dd2118;background:-webkit-linear-gradient(left, #3ea02f, #168c04);background:-moz-linear-gradient(left, #3ea02f, #168c04);background:-ms-linear-gradient(left, #3ea02f, #168c04);background:-o-linear-gradient(left, #3ea02f, #168c04);background:linear-gradient(to right, #3ea02f, #168c04)}

.aboutFour .aboutFourBtn:hover span{background-image:url(../images/pc_icon02.png);color:#fff}



@media screen and (max-width: 1440px) {

    .aboutOne .wrap{position:relative; max-width: 85%; }

}



@media screen and (max-width: 1280px) {

    .aboutOne{padding-top:50px;}

    .aboutOne .wrap{max-width: 95%;}

    .aboutTit h3 {font-size: 36px;}

    .aboutTit span{font-size: 16px; line-height: 30px;}

    .abtother{padding:5% 2%; width: 90%;}



    .aboutFour{padding: 50px 0;}

    .aboutFour .wrap{max-width: 95%;}

    .aboutFour ul{flex-wrap: wrap;}

    .aboutFour ul li{width:45%; padding:4% 2%; margin-bottom: 2%;}

    .aboutFour ul li strong{font-size: 21px;padding-top: 20px;}

    .aboutFour ul li p{font-size: 16px;}

}



@media screen and (max-width: 750px) {

    .aboutFour{padding: 50px 0 100px 0;}

    .aboutOne .aboutTit,.aboutOne .found_assess,.aboutOne .found_time{display: none;}

}



/*内页资质荣誉*/

.caselist_bot { width: 100%; margin: 0% auto;background:#edf1fa; padding: 4% 0;}

.caselist_bot ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 85%; margin:2% auto;flex-wrap: wrap;}

.caselist_bot ul li {width: 24%;height: auto;margin-right: 1%;margin-bottom: 25px;transition: all .5s; padding: 10px}

.caselist_bot ul li:nth-child(4n) {margin-right: 0px;}

.caselist_bot ul li a {display: block;width: 100%;height: 100%;}

.caselist_bot ul li a .caselist_liimg {width: 100%;border-radius: 6px;overflow: hidden;}

.caselist_bot ul li a .caselist_liimg img {width: 100%;height: 100%;object-fit: cover;}

.caselist_bot ul li:hover .caselist_liimg img {transform: scale(1.1);}

.caselist_lititle {height: 80px;width: 100%;background-color: #ffffff;display: flex; align-items: center;-webkit-align-items: center; justify-content:center}

.caselist_lititle h3 {font-size: 18px;color: #666666; }

.caselist_bot ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}





/*内页产品展示*/

.prolist_bot { width: 100%; margin: 0% auto;background:#edf1fa; padding: 4% 0;}

.prolist_bot ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 85%; margin:2% auto;flex-wrap: wrap;}

.prolist_bot ul li {width: 32%;height: auto;margin-right: 2%;margin-bottom: 25px;transition: all .5s; padding: 10px}

.prolist_bot ul li:nth-child(3n) {margin-right: 0px;}

.prolist_bot ul li a {display: block;width: 100%;height: 100%;}

.prolist_bot ul li a .prolist_liimg {width: 100%;border-radius: 6px;overflow: hidden;}

.prolist_bot ul li a .prolist_liimg img {width: 100%;height: 100%;object-fit: cover;}

.prolist_bot ul li:hover .prolist_liimg img {transform: scale(1.1);}

.prolist_lititle {height: 90px;width: 100%;background-color: #ffffff;display: flex; align-items: center;-webkit-align-items: center; justify-content:center}

.prolist_lititle h3 {font-size: 18px;color: #666666; }

.prolist_bot ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}





@media screen and (max-width:1023px) {

    .prolist_bot ul{width: 95%; }

    .prolist_bot ul li {width: 49%; margin-right: 1%; padding: 0}

    .prolist_bot ul li:nth-child(2n) {margin-right: 0px;}

    .prolist_bot ul li:nth-child(3n) {margin-right: 1%;}

    .prolist_lititle{height: 50px}

    .prolist_lititle h3{font-size: 16px}

}





/*内页新闻详情*/

.newsdetail_page {background-color: #edf1fa; padding: 4% 0;}

.newsdetail_item {padding: 50px 75px;background-color: #ffffff;}

.newsdetail_title {border-bottom: 1px solid #e5e5e5;text-align: center;}

.newsdetail_title h3 {font-size: 32px;font-weight: bold;line-height: 42px;padding: 0px 15px;color: #333333;}

.newsdetail_title span {padding: 45px 0px 40px;display: block;font-size: 16px;color: #666666;}

.newsdetail_title span i{font-size: 18px; margin: 0px 5px 0 10px;display: inline-block}

.news_detail {padding: 40px 0px;}

.news_detail p {font-size: 17px;line-height: 36px;color: #333333;text-indent: 2em;}

.news_detail img {margin: 10px auto;display: block;}

.news_nextprev {border-top:1px solid #e5e5e5;padding: 40px 0px;margin: 80px 0px;align-items: flex-start;}

.news_nextprev_l a {width: 136px;height: 51px;border-radius: 25px;border: solid 1px #bdbdbd;justify-content: center;margin-bottom: 10px;transition: all .5s;}

.news_nextprev_l a p {font-size: 16px;color: #666666;}

.news_nextprev_l a img {height: 12px;margin-left:15px;}

.news_nextprev_l a:hover {background-color: #0f407f;border-color: #0f407f;}

.news_nextprev_l a:hover p {color: #ffffff;}

.news_nextprev_l a:hover img {filter: grayscale(100%) brightness(200%);}

.news_nextprev_r .bannerdesc_btn {width: 136px;height: 51px;border-radius: 25px;}

.news_nextprev_r .bannerdesc_btn_ico {background-color: #ffffff;height: 43px;width: 43px;top: 4px;right: 4px;}

.news_nextprev_r .bannerdesc_btn a p {left: -4px;top: 14px;}

.news_nextprev_r .bannerdesc_btn_ico img {right: 9px;top: 15px;height: 12px;width: auto;}

.news_nextprev_r .bannerdesc_btn:hover .bannerdesc_btn_ico img {top: 20px;}

.news_detail video {width: 100%;height: 600px;}

.bannerdesc_btn {width: 180px;height: 72px;background: linear-gradient(90deg, #0f407f 0%, rgba(91, 163, 79, 0.08) 100%);border-radius: 36px;position: relative;}

.bannerdesc_btn a {width: 100%;height: 100%;}

.bannerdesc_btn a p {font-size: 16px;padding-left: 20px;color: #f5f5f5;position: absolute;left: 6px;top: 24px;z-index: 2;transition: all .5s;}

.bannerdesc_btn_ico {width: 60px;height: 60px;border-radius: 30px;background-color: #f5f5f5;transition: all .5s;position: absolute;right: 6px;top: 6px;z-index: 1;}

.bannerdesc_btn_ico img {width: 26px;position: absolute;right: 16px;top: 20px;}

.bannerdesc_btn:hover a p {color: #0f407f;}

.bannerdesc_btn:hover .bannerdesc_btn_ico {width: 100%;height: 100%;border-radius: 36px;top: 0px;right: 0px;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}

.bannerdesc_btn:hover .bannerdesc_btn_ico img {top: 25px;}



.se_product_cont h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 20px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left:42px;margin-top: 4%}

.se_product_cont table {width: 100%;text-align: center;border-spacing: 0px;border-collapse: collapse;background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 15px;font-size: 16px;}

.se_product_cont tr:first-child {background-image: linear-gradient(90deg,#0f407f 3%,#00c0fa 100%);;height: 60px;line-height: 60px;color: #fff;}

.se_product_cont tr:nth-child(2n+3) {background: #f5f5f5;}

.se_product_cont .bhead {background-image: linear-gradient(90deg,#148ffa 3%,#00c0fa 100%);background: #148ffa;color: #fff}

.se_product_cont tr.odd {background: #f5f5f5;color: #333;}

.se_product_cont tr.even {background: none;}

.se_product_cont td.even {background: #fff;}

.se_product_cont table td {line-height: 46px;border: 1px solid #ddd;}

.se_product_cont tr {border: 1px solid #ddd;}

.se_product_cont .fr.frcontent {width: 22.1%;background: url(../images/ico15.png) repeat;margin-top: 80px;margin-bottom: 40px;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);-moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);

    box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);}

.se_product_cont .fr.frcontent .tt {padding: 0 35px;margin-top: -31px;}





@media screen and (max-width:1023px) {

    .newsdetail_item {padding: 50px 2%;}

    .news_detail p {font-size: 16px;line-height: 31px;}

}





/*se_hangye*/

.se_xinwen{width: 100%; margin: 0% auto;background:#f9fcfb; padding: 4% 0;}

/*se_hangye*/

.newslist {width: 85%;margin: 0 auto;overflow: hidden;}

.newslist li {width: 100%;border-bottom: 1px solid #e7e7e7;}

.newslist li .lin {padding: 60px 0;position: relative;}

.newslist li a {display: block;position: relative;min-height: 225px;overflow: hidden;padding-right: 540px;}

.newslist li .pic {position: absolute;right: 0;top: 0;z-index: 1;width: 400px;height: 225px;overflow: hidden;}

.newslist li .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.newslist li .wrap {padding: 26px 0 0;}

.newslist li h3 {font-size: 26px;color: #333;line-height: 42px;height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin: 20px 0;}

.newslist li .date {font-size: 24px;color: #999;line-height: 32px;height: 32px;font-family: "Times New Roman";}

.newslist li .txt {color: #666;line-height: 31px;text-align: justify;overflow: hidden;height: 89px;-webkit-box-orient: vertical;font-size: 16px}

.newslist li i {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);-webkit-transition: 0.5s;transition: 0.5s;

    opacity: 0;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -25px;margin-top: -25px;}

.newslist li:hover i {width: 200px;height: 200px;margin-left: -100px;margin-top: -100px;opacity: 1;}

.newslist li .cov {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}

.newslist li label {position: absolute;left: 0;top: 50%;z-index: 3;width: 100%;height: 30px;margin-top: -15px;font-size: 14px;color: rgba(255, 255, 255, 0);line-height: 30px;text-align: center;cursor: pointer;}

.newslist li:hover {border-bottom-color: #222;}

.newslist li:hover h3 {color: #0f407f;}

.newslist li:hover .cov {background-color: rgba(0, 0, 0, 0.4);}

.newslist li:hover label {color: #fff;}

.newslist li,.newslist h3,.newslist .cov,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;}

@media screen and (max-width: 1200px) {

    .newslist {padding: 60px 0;}

    .newslist li .lin {padding: 40px 0;}

    .newslist li a {padding-right: 490px;}

}

@media screen and (max-width: 1100px) {

    .newslist li .wrap {padding: 30px 0 0;}

    .newslist li .txt {height: 104px;}

}

@media screen and (max-width: 1023px) {

    .se_xinwen{width: 95%; margin: 0 auto}

    .newslist {width: auto;margin: 0 -20px;}

    .newslist li {display: inline-block;width: 50%;padding-top: 0;margin-bottom: 30px;}

    .newslist li .lin {margin: 0 20px;padding-top: 0;}

    .newslist li .pic {position: relative;width: 100%;height: 0;padding-bottom: 62.8%;right: 0;}

    .newslist li .pic img {position: absolute;left: 0;top: 0;z-index: 0;}

    .newslist li a {padding-right: 0;}

    .newslist li .wrap {padding: 20px 15px 0;}

    .newslist li h3 {font-size: 20px;margin: 10px 0;}

}

@media screen and (max-width: 750px) {

    .newslist {margin: 0 -10px;padding: 60px 0 20px;}

    .newslist li .lin {margin: 0 10px;padding-bottom: 10px;}

    .newslist li .wrap {padding: 20px 0 0;}

    .newslist li .date {font-size: 18px;line-height: 24px;height: 24px;}

    .newslist li h3 {font-size: 18px;margin: 0;}

    .newslist li .txt {display: none;}

}

@media screen and (max-width: 600px) {

    .newslist {margin: 0 0;}

    .newslist li {display: block;width: 100%;}

    .newslist li .lin {margin: 0 0;}

    .newslist li .txt {display: block;height: 55px;}

}





/*内页联系我们*/

.contact-way{width: 100%;background: url(../images/aboutbg.jpg) no-repeat center;; padding: 4% 0;}

.contact-way .s_width{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}

.contact-way .left{width: 60%}

.contact-way .left .index-title h3{font-size:42px;font-weight: 400}

.contact-way .left .index-title .nname{font-size:42px; margin-top: 10px; color: #bdbcbc}

.contact-way .left .index-title .nname span{color: #980000;font-size: 42px;}

.contact-way .left .way-contact{margin-top: 130px}

.contact-way .left .way-contact li{display: flex; display:-webkit-flex; ;align-items: center; margin-bottom: 4%  }

.contact-way .left .way-contact li i {display: flex;align-items: center;justify-content: center;width:60px;height:60px;border-radius: 50%;background-color: #073763;color: #fff; display: inline-block;display: flex; align-items: center;-webkit-align-items: center; font-size: 26px}

.contact-way .left .way-contact li .text{padding-left: 20px}

.contact-way .left .way-contact li .text h3{color: #999; font-size: 16px}

.contact-way .left .way-contact li .text p{font-size: 22px; color: #000; margin-top: 5px}

.contact-way .left .way-contact li:nth-child(1) .text p{font-size: 36px; color: #073763}

.contact-way .right{margin-top: 14%; width: 50%}

.contact-way .right h3{font-size: 20px; line-height: 31px; color: #666}

liuyan .hang {width: 100%;margin-bottom: 32px;}

.liuyan label {display: block;font-size: 16px;color: #333;line-height: 30px;}

.liuyan input[type=text] {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);

}

.liuyan textarea {padding: 12px 14px;height: 110px;resize: none;vertical-align: top;width: 100%;line-height: 28px;font-size: 14px;}

.liuyan input[type=text]:focus,.liuyan textarea:focus {border-color: #073763;}

.liuyan input[type=text],.liuyan textarea {-webkit-transition: 0.3s;transition: 0.3s;}

.liuyan i.v {display: block;width: 100%;vertical-align: top;}

.liuyan .layui-form-item {height: 48px;margin-top: 46px;}

.liuyan .layui-textarea {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);}

.liuyan  .layui-btn{ display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;background-color: #073763;color: #fff;border: 1px solid #073763;margin-top: 75px;}

.liuyan  .layui-btn:hover{background-color: #fff;color: #073763;}





@media screen and (max-width: 1024px) {

    .liuyan{margin-bottom: 100px}

    .contact-way .s_width{width: 95%;display: block}

    .contact-way .left{width: 100%}

    .contact-way .left .index-title h3{font-size: 28px}

    .contact-way .left .index-title .nname{font-size: 30px; margin-top: 0}

    .contact-way .left .way-contact{margin-top: 30px}

    .contact-way .left .way-contact li i{width: 40px; height: 40px}

    .contact-way .left .way-contact li .text p{font-size: 20px}

    .contact-way .right{margin-top: 14%; width: 100%}

    .contact-way .right h3{font-size: 16px;}

    .liuyan .layui-form-item{margin-top: 23px}

}

@media screen and (max-width: 750px) {

    .liuyan input#tj {width: 100%;}

}





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







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

}