html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span,p {
    padding: 0;
    margin: 0;       
}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
 input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

.banner .swiper-slide img{width: 100%}
textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear{clear: both}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;word-break: keep-all;
  word-wrap: break-word;}
.main{margin:0 auto;width:94%;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.myhidden{display:none;}
.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.acenter{text-align: center;}
.flex_align_end{display: flex;align-items:flex-end;}

.align_center{text-align:center;}
.alignleft{text-align: left}
.alignright{text-align: right}
.overflow{overflow: hidden}
.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

html {font-size:calc(100vw/360 * 100);} 
body {font-size: 0.14rem;overflow-x:hidden;}


html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}

#sidebar {
    width: 0%;
    height: 100%;
    background: #111111;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    border-bottom: 1px solid #020202;
    font-size: 0.14rem;
    width: 100%;
    padding:0.15rem 0 0.13rem;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 0.25rem;
   
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

#close{position: absolute;right:0.1rem;top:0.1rem;}
#close img{height:0.15rem;}

li.navitem{
    position: relative;
    left: 0.3rem;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;    
}

body.open li.navitem{
    left: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
body.open #sidebar{width:70%;} 
body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0);background: rgba(0,0,0,0.1);}

header{background:#111111;padding:0.1rem 0;}
header .logo img{height: 0.35rem;}
header .nav img{height: 0.2rem;display: block;width:100%;}



.banner{position: relative;}
.banner .swiper-pagination-bullets{bottom:0.15rem;background:url('../images/line.png') no-repeat center;padding-bottom: 0.08rem;background-size: 55% 0.02rem}
.banner .swiper-pagination-bullet{width: 0.2rem;height: 0.02rem;background:#fff;border-radius: 0;}


.foot1{font-size: 0.14rem;line-height: 1.7;padding: 0.1rem 0;color: #373737;}
.foot1 a{color: #373737;}

.h70{height: 0.65rem}
.foot2{position: fixed;bottom: 0;left:0;width: 100%;z-index: 10;background:#020202;}
.foot2 a{display: block;text-align: center;color: #fff;width:25%;padding-top:0.37rem;font-size:0.14rem;text-align:center;height: 0.65rem}
.foot2 a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 0.1rem;background-size: auto 0.21rem;}
.foot2 a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 0.1rem;background-size: auto 0.21rem;}
.foot2 a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 0.1rem;background-size: auto 0.23rem;}
.foot2 a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 0.1rem;background-size: auto 0.21rem;}

.section1{width: 100%;background:url('../images/sec1.jpg') no-repeat center top;padding:0.25rem 0 0;background-size: 100%;margin-bottom: 0.2rem}

.title{text-align: center;margin-bottom: 0.2rem}
.title span{font-size: 0.22rem;color: #000000;display: block;line-height: 1.2;}
.title p{font-size: 0.16rem;color: #6e7689;margin-top: 0.03rem}
.title.white span,.title.white p{color: #fff}

.data_list{margin-top:0.2rem;color: #fff}
.data_list li{text-align: center;position: relative;}
.data_list li .des span{font-size: 0.35rem;line-height: 1;display: flex}
.data_list li .des em{width: 0.18rem;height: 0.18rem;background:url('../images/jia.png') no-repeat center;display: block;background-size: 100%;margin:0 0.05rem 0.03rem 0.05rem;}
.data_list li .des i{font-size:0.14rem;font-style: normal;}
.data_list li .tit{font-size:0.14rem;margin-top:0.07rem;}

.sec1_info{width: 97%;background:rgba(0,0,0,0.7);color: #fff;margin-top: 0.25rem;padding: 0.25rem 0.15rem 0.3rem;position: relative;z-index: 1}
.sec1_info .tit{font-size: 0.18rem;font-weight: bold;}
.sec1_info .con{font-size: 0.14rem;line-height: 1.8;margin: 0.1rem 0 0.25rem}
.more{width: 1.9rem;height: 0.42rem;line-height: 0.39rem;border:0.02rem solid #a1a1a1;color: #026ce1;font-size: 0.14rem;text-align: center;display: block;margin:0 auto;}

.sec2_list{margin-top: 0.15rem}
.sec2_list li{margin-bottom: 0.3rem}
.sec2_list li .pic{position:relative;width:100%;height:0;padding-top:52%;}
.sec2_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec2_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.sec2_list li a{position: relative;display: block;}
.sec2_list li .date{width: 0.75rem;height: 0.75rem;background:#363636;color: #fff;position: absolute;left: 0;top:-0.1rem;}
.sec2_list li .date span{font-size:0.3rem;line-height: 1;}
.sec2_list li .date p{font-size: 0.15rem;margin-top: 0.03rem}
.sec2_list li .tit{font-size: 0.15rem;color: #000000;margin-top:0.1rem;}
.sec2_list li .des{font-size: 0.13rem;color: #545454;margin-top:0.1rem;}
.sec2_list li .tit:after{content:'';display: block;width: 0.55rem;height: 0.02rem;background:#000000;margin-top:0.1rem;}


.section3{padding:0.2rem 0}



.sec3_type li{position: relative;}
.sec3_type li a{color: #696f77;font-size:0.15rem;text-align: center;width: 100%;display: block;padding:0 0.18rem;position:relative;}
.sec3_type li a:after{content:'';display: block;width: 0;height: 0.02rem;background:#026ce1;display: block;transition: all 0.5s;position: absolute;bottom: 0.02rem;left: 50%;transform: translateX(-50%);}
.sec3_type li:before{content:'';height:0.2rem;width: 0.02rem;background:#d4d9de;display: block;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.sec3_type li:first-child:after{content:'';height: 0.2rem;width: 0.02rem;background:#d4d9de;display: block;position: absolute;left:0;top:50%;transform: translateY(-50%);}

.sec3_type li.active a{color: #026ce1;font-weight: bold;}
.sec3_type li.active a:after{width:0.12rem; }
.sec3_type{margin-bottom:0.1rem;margin-top:-0.05rem}
.sec3_type{height: 0.45rem;line-height: 0.43rem;overflow-x: auto;white-space: nowrap;}
.sec3_type ul {display: flex;display: -webkit-box;display: -webkit-flex;}


.sec3_list li{width: 48.5%;text-align: center;margin-bottom:0.1rem}
.sec3_list li .pic{display: block;position:relative;width:100%;height:0;padding-top:143%;}
.sec3_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec3_list li .pic img{width: 100%;height: 100%;-o-object-fit: contain;object-fit:contain;}
.sec3_list li .tit{color: #353535;font-size: 0.15rem;margin-top: 0.05rem}

.sec3_list{margin-bottom: 0.15rem}
/*.section4 .sec3_type li{width: 25%}*/
.sec4_list .list{height: 1rem}
.section4{padding-bottom:0.05rem;}

.section4  .swiper {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
}

.section4 .swiper-slide {
   text-align: center;
   height: calc((100% - 10px) / 2) !important;

   /* Center slide text vertically */
   display: flex;
   justify-content: center;
   align-items: center;
}
.sec1_bot{position: relative;}
.sec1_bg{position: absolute;top:0.1rem;left: 0;width: 0.9rem;height:2rem;background:url('../images/sec1_bg.png') no-repeat center;}

.banner2{position: relative;margin-bottom: 0.15rem}
.banner2 .lanmu{padding-top:0.2rem;position: absolute;bottom: -0.1rem;left: 0;width: 1.8rem;height: 0.75rem;background:#494949;padding-left: 3%;color: #fff;font-size: 0.21rem;font-weight: bold;}
.banner2 .lanmu:before{content: '';display: block;width:0.6rem;background:#018cfe;height: 0.03rem;margin-bottom: 0.08rem}

.type{height: 0.45rem;line-height: 0.43rem;overflow-x: auto;white-space: nowrap;}
.type ul {display: flex;display: -webkit-box;display: -webkit-flex;}
.type li a{color: #4f4f4f;font-size: 0.15rem;}
.type li{margin-right: 0.2rem;position: relative;}
.type li.active a{color: #0086ff;font-weight: bold;}

.danye{padding:0.15rem 0;color: #555555;font-size: 0.14rem;line-height: 2;}

.type2{background:#e7e7e7;}
.type2 .main{height: 0.45rem;line-height: 0.43rem;overflow-x: auto;white-space: nowrap;}
.type2 ul {display: flex;display: -webkit-box;display: -webkit-flex;}
.type2 li a{color: #4f4f4f;font-size: 0.15rem;}
.type2 li{margin-right: 0.2rem;position: relative;}
.type2 li.active a{color: #0086ff;font-weight: bold;}

.type2 li:after{content:'';height: 0.02rem;background:#0086ff;width: 0;transition: all 0.5s;display: block;}
.type2 li.active:after{width: 100%}


.type3{padding:0.1rem 0;}
.type3 li{margin-right: 0.15rem;line-height: 2;}
.type3 li a{color: #757575;font-size: 0.14rem;}
.type3 li.active a{color: #0086ff;font-weight: bold;}



.prod_list li{width: 48.5%;text-align: center;margin-bottom:0.1rem}
.prod_list li .pic{display: block;position:relative;width:100%;height:0;padding-top:143%;}
.prod_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_list li .pic img{width: 100%;height: 100%;-o-object-fit: contain;object-fit:contain;}
.prod_list li .tit{color: #353535;font-size: 0.15rem;margin-top: 0.05rem}

.page {padding:0.2rem 0 0.15rem;}
.pagination{width: 100%;text-align: center;font-size: 0;}
.pagination li{display: inline-block;padding:0 0.1rem;text-align: center;height:0.28rem;line-height:0.27rem;font-size:0.14rem;color:#4c4c4c;margin:0 0.02rem 0.07rem;background:#f2f2f2;}
.pagination li.active{background:#0086ff;color: #fff;}
.pagination li a{display: block;text-align: center;color: #4c4c4c;}

.prod_tit{text-align: center;color: #3a3a3a;font-size: 0.18rem;font-weight: bold;padding-top:0.15rem;padding-bottom: 0.1rem;border-bottom: 0.02rem solid #dcdcdc}
.prod_pic{text-align: center;padding:0.1rem 0;}
.ps .info .tit,.prod_bot .tit,.prod_tj .prod_tj_tit{font-size: 0.18rem;font-weight: bold;color: #3a3a3a;}
.prod_tj .prod_tj_tit{text-align: center;}
.ps .info .des,.prod_bot .con{color: #828282;line-height: 2;padding:0.1rem 0;}
.prod_tj .list{padding:0.1rem 0;}
.prod_tj .list .swiper-slide .tit{font-size: 0.14rem;color: #fff;color: #353535;padding-top:0.05rem;text-align: center;}
.prod_tj .list .swiper-slide .pic{display: block;position:relative;width:100%;height:0;padding-top:143%;}
.prod_tj .list .swiper-slide .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_tj .list .swiper-slide .pic img{width: 100%;height: 100%;-o-object-fit: contain;object-fit:contain;}



.news_list li{padding:0.1rem 0;border-bottom: 1px solid #e7e7e7}
.news_list li .news_left{width: 35%}
.news_list li .news_txt{width: 62%;}
.news_list li .pic{position:relative;width:100%;height:0;padding-top:65%;}
.news_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.news_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.news_txt .tit{font-size: 0.16rem;color: #000000;}
.news_txt .jian{font-size: 0.13rem;color: #a4a4a4;line-height:1.5;margin-top:0.075rem;}
.news_txt .tit:after{content:'';display: block;width:0.5rem;height: 0.02rem;background:#000000;margin-top:0.075rem;}

.news_show{padding-top:0.15rem;}
.news_show .tit{text-align: center;color: #000000;font-size: 0.18rem;font-weight: bold;}
.news_show .info{font-size:0.14rem;color: #8f8f8f;text-align: center;margin:0.1rem 0 0.15rem}
.news_show .con{font-size: 0.14rem;color: #191919;line-height:2;padding: 0.15rem 0;border-top:1px solid #e7e7e7;}
.fenye{padding:0.15rem 0 0;}
.fenye li{color: #191919;margin-bottom:0.1rem;font-size: 0.15rem;}
.fenye li a{color: #191919}

.job_info li{width:50%;height:1.3rem;padding-top: 0.2rem;text-align: center;}
.job_info li:nth-child(1),.job_info li:nth-child(4){background:url('../images/job.jpg') no-repeat center;background-size: cover}
.job_info li .icon{transition: all 0.5s;width: 0.65rem;margin: auto;}
.job_info li .tit{margin-top: 0.05rem;font-size: 0.14rem;color: #929292;transition: all 0.5s}
.job_info li:nth-child(1) .tit,.job_info li:nth-child(4) .tit{color: #fff}

.job_info{margin:0.1rem 0;}

.job_top .tit {font-size: 0.18rem;color: #222222;font-weight: bold;}
.job_top .info{font-size: 0.14rem;color: #5d5c5c;line-height:2;margin:0.05rem 0;}
.job_bot{padding-top: 0.05rem;font-size: 0.14rem;color: #514f4f;line-height:2;display: none}
.job_bot strong{font-size: 0.16rem;color: #1e1e1e}
.job_bot p{margin-bottom: 0.05rem}

.job_list li{margin-bottom: 0.1rem}

.job_list{margin-top:0.2rem;}

.contact{padding:0.1rem 0;}
.contact ul{padding-top:0.1rem;}
.contact li{line-height:1.5;color: #3f3f3f;font-size: 0.14rem;margin-bottom: 0.05rem}
.contact li .icon{width: 0.23rem;}
.contact li .icon img{max-height: 0.2rem}
.contact li .tit{width: calc(100% - 0.27rem)}
.contact li:nth-child(3) .icon{width: 0.2rem}

.map{width: 100%;height:3.5rem;margin-top:0.15rem;}
.map_addr{margin-top:10px;}


.lan{margin-right: 0.15rem;color: #fff}
.lan a{color: #fff}
.lan a.active{color:#026ce1}

.sec4_list .swiper-slide a{display: block;width: 100%}
.sec4_list .swiper-slide  .pic{position:relative;width:100%;height:0;padding-top:49%;}
.sec4_list .swiper-slide  .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec4_list .swiper-slide  .pic img{width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}

.news_list{min-height: 25vh;}

.contact2{line-height:1.5;color: #3f3f3f;font-size: 0.14rem;margin-bottom: 0.05rem}

.ps .des li,.ps .con li{list-style-type: disc;}
.ps .des ul,.ps .con ul{padding:20px}