﻿#header{z-index:999;width:100%;left: 0;top:0;padding:25px}
.nav-dd{max-width:12%;float:left;margin-right:4%;position:relative;}
.nava{line-height:48px;display:block;font-size:18px;}
.nav-dd:hover::after,.on.nav-dd::after{content:'';width:100%;height:2px;background-color:#c30d23;display:block;position:absolute;left:0;bottom:0}
.nav-dd.on .nava,.nav-dd:hover .nava{color:#c30d23;font-weight:bold;}

.logo{position:absolute;left: 2%}

.form-btn{width:40px;height:40px;background-image: url(../images/ico-ss.png);}
.top-ri{position:absolute;right:2%;top:50%;margin-top:-23px}
.lan{background-image:url(../images/ico-y.png);width:40px;height:40px;}
.en{padding:0 20px;border-left:1px solid #ddd}
.lan-sub{position:absolute;width:100px;background-color:#fff;top:100%;left:50%;margin-left:-50px;text-align: center;line-height:40px;display:none;padding-top:25px}
.lan:hover .lan-sub{display:block;}


.top-form.show{display:block;}
.top-form{position: absolute;right:2%;margin-right:100px;top:72px;background-color:#fff;border:1px solid #ddd;display: none;}
.top-form .text{padding:0 10px;height:40px;background-color:#fff;width:400px;}
.submit{position: absolute;right:0;top:0;width:50px;height:100%;}
/* 02关于我们 */
.ny-ban img{display:block;}
.loca{background-color: #F5F5F5;line-height:70px;margin-bottom:40px;}
.loca .bgct{background-image: url(../images/ico-h.png);width:70px;height:70px;background-color:#fff;margin-right:25px;}
.ny-nav .imga{padding:0 20px;}
.ab-con{line-height:1.8;font-size:16px;}
.ab-tit{text-align:center;font-size:30px;margin-bottom:20px;}
.ab-con img{height:auto}
#ny{padding-bottom:70px;}


.m1-h2{background-color: rgba(255,255,255,0.5);padding:20px;font-size: 43px;}
.m2-h2{font-size:65px;margin-bottom:70px;}
.m2-con{line-height:2.4;text-indent: 0.4rem;}
.m3-box{position:absolute;width:100%;height:100%;top:0}
.m3-box .imga{background-size:cover;position: absolute;background-color:#000}
.m3-box .dd1,.m3-box .dd2{width:50%;height:50%;left:0}
.m3-box .dd3{width:25%;height:100%;left:50%;top: 0}
.m3-box .dd4,.m3-box .dd5{width:25%;height:50%;right:0}
.m3-box .dd2,.m3-box .dd5{bottom: 0}
.m3-box .dd1,.m3-box .dd4{top: 0}
.m3-box .p1{font-size: 33px;}
.m3-box .div{background-image:url(../images/1m3-bg.png);background-position:center;background-repeat: no-repeat;height:100%;position:relative;z-index:99}
.m3-box .div .m3-text{position: absolute;left:0;top:0;right:0;bottom: 0;margin: auto;width:100%;height:100px;color:#fff;}
.m3-box .imga:hover .m3-bg{transform: scale(1.05);}
.m3-box .m3-bg{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;}
#ban3{position:absolute;width: 100% !important;height:100%;left:0;top:0}
.m4-div{width:90%;margin:10% auto 0;}
#ban3 .swiper-button{width:90px;height:90px;}
#ban3 .swiper-slide{background-size:cover;background-repeat:no-repeat;}

.m6-h2{font-size:43px;margin-bottom:40px;}
.m6-h2 .line{width:50px;height:2px;background-color:#666;margin:30px auto 0}
.m6-h2.redff .line{background-color:#fff}

.m5-list dd{display:inline-block;vertical-align: middle;width:16.3%;background-color:#fff;border-radius:10px;margin-top:20px;margin-right:2%}
.m5-list dd img{border-radius:10px;}

.cur{cursor:pointer;}
.main7{background-color:#f2f2f2}
.m7-box>.box{padding:50px 0}
.m7-box .news-list{background-image: url(../images/1m6.png);background-size: cover;padding: 30px;}
.news-list .imga{padding:20px 0;border-bottom:1px solid #eee;}
.news-list .imgW{width:20%}
.news-list .mlW{width:75%;position:relative;left:3%}
.news-list .np{line-height:1.6}

.foot{padding:70px 0}
#footer{background-color: #3b3b3b;color:#fff;}
.foot .imga{width:10%;display:inline-block;color:#fff;min-width:80px}
.copy{background-color:#303030;padding:15px 0;color:#fff;}

/* 02发展进程 */


/* 02荣誉资质 */
.page-text{width:40px;height:25px;border:1px solid #ddd !important;text-align: center}
.page .bg1{line-height:25px;}

.ronhy-listy dd{width:29.2%;margin-right:1%;margin-bottom:25px;border: 1px solid #ddd;vertical-align:top;}

.ronhy-listy .div{padding:10px;padding-bottom: 0}
.ronhy-listy dd img{height:auto;display:block;}
.ronhy-listy .np{padding:10px}

/* 市场与产品 */
.cail-form{line-height:30px}
.cail-form .div{padding-left: 60px;}
.cail-form .lab{position:absolute;left:0;top:0}
.cail-form .text{height:30px;border:1px solid #ededed;width:140px;box-sizing: border-box;}
.cail-form dd{margin-right:30px;margin-bottom:10px}
.cail-form input.text{padding:0 5px}
.cail-form dl{padding-right:60px}
.cail-form .submit{position:absolute;right: 0;top:0;background-image: url(../images/ico-ss1.png);width:50px;height:30px;}

.cail-le{width:30%}
.cail-ri{width:67%}
.tab1 .w1{width:40px;}
.cail-box th{font-weight:normal;}
.cail-box td,.cail-box th{padding:10px 5px;text-align: center;}
.cail-box .tit1 th{border-bottom:2px solid #999}
.cail-h2{padding:10px 20px}
.cail-box .even{background-color: #F1F1F1}
.cail-ri .w1{width: auto;text-align: left;max-width:150px}
.cail-ri .w2{text-align: center;}
.tit2 th{border-bottom:1px solid #333}

.cail-line{width: 100%;height:1px;background-color:#333;margin:15px 0 30px}
.down-list{margin-bottom:30px}
.down-list dd{padding:10px 0;border-bottom:1px solid #ddd}
.down-list .np{margin-bottom:5px}
.down-btn{width:50px;height:100%;background-image:url(../images/ico-d1.png);display:block;position:absolute;right:0;top:0}
.down-btn:hover{background-image:url(../images/ico-d2.png);}
.down-list dd:hover .np{color: red}

/* 06新闻中心 */
.news-list2 .imga{padding:25px;border:1px solid #ddd;margin-bottom:30px}
.news-list2 .time{right:0;top:0;position:absolute;}
.news-list2 .time b{color:#888}
.news-list2 .time p{margin:8px 0}
.news-list2 .time .bgct{background-image: url(../images/6-ico1.png);width:46px;height:20px;border-left:1px solid #ddd}
.news-list2 .imga:hover .time .bgct{background-image: url(../images/6-ico2.png);}
.news-list2 .imgW{width:30%}
.news-list2 .mlW{width:68%;margin:30px 0}
.newscon_tit2 span{padding-right:200px;line-height:35px;display:inline-block;}
.newscon_tit2 .bdsharebuttonbox{top:0}
.newscon_tit2{border-bottom:1px dashed #ccc;padding-bottom:20px}
/* 07联系我们 */

.lx-w1{width:60%}
.lx-w1 img{width:100%;display:block;height:auto;}
.lx-w2{width:40%}
.lx-w2 .div{padding:20px}
.lx-w2 .line{width:50px;height:1px;background-color: red;margin:20px 0}
.lx-w2 p{margin-bottom:10px}
.lx-top .clickbtn{width:40%;max-width:250px;line-height:50px;border:1px solid #F2F2F2;background-color:#F2F2F2;margin:0 1%}
.lx-top .clickbtn.on{background-color: #fff;border:1px solid #ff2222;color:#ff2222}
.lx-main1{margin:45px 0 70px;box-shadow:0px 1px 9px rgba(0,0,0,0.16);}
#map{height:500px;width:100%}

.lx2-w1{width:48%}
.lx2-h2{margin-bottom:20px}
.lx2-w1 .w5{width:48%;margin-bottom:20px}
.lx2-w1 .text{background-color: #f5f5f5;border:1px solid #ddd;height:40px;display:block;width:100%;padding:0 10px;box-sizing: border-box;}
.lx2-w1 textarea.text{padding:10px;resize:none;height:130px}
.lx2-w1 .submit1{width:240px;height:40px;margin-top:30px}
.lx2-w2{width:48%;margin-left:4%}
/* 03市场与产品 */
.cp-form select{width:300px;height:50px;font-size:16px;border:none;}
.cp-form .text{height:30px;width:180px;padding-left:15px;width:180px}
.cp-form .submit2{position: absolute;width:50px;height:100%;background-image:url(../images/ico-ss3.png);top:0;right:0;background-color:transparent;}
.cp-form .fr{border:1px solid #ddd;margin-top:10px}


.cp-list .imga{width:29.2%;margin:45px 2% 0 0}
.cp-list .div{padding:10px 30px;border:1px solid #ededed}
.cp-list{margin-bottom:50px}
#nr{max-height:400px;overflow-y:auto}
/* 03市场与产品-详情 */
.cp-con{line-height:1.8;font-size:16px;color:#666}
.cp-h3{margin-bottom:15px;}
.job-h2{padding:15px;border-bottom:1px solid #999;font-size:22px}
.job-box{padding:20px;line-height:2;font-size:16px}
.job-list .job-td{background-image:url(../images/ico-job1.png);background-position:99% center;padding:10px 0}
.job-list .job-td.on{background-image:url(../images/ico-job2.png);}
.job-td.on{color: red}
.job-dd{display:none;}
.job-list dd{border:1px solid #999;padding:0 10px;margin-top:15px;}

.his-list{width: 71%;margin:0 auto;}
.his-list .time{font-size:18px;position:absolute;left: -38px;width:86px;height:51px;background-image:url(../images/22-2.png);background-color: #F5FBFE;z-index:99;top:50%;margin-top:-20px}
.his-list dd{padding-left:28%;border-left:2px solid}
.his-list .imgW{width:40%}
.his-list .mlW{width:52%;position:relative;left:2%}
.his-list .time span{display:block;margin:5px 0 0 25px}
.his-list .p2{padding:10px 0;border-bottom:1px solid #ededed;margin-bottom:10px}
.his-list .div{background-color:#fff;padding:3px;border:1px solid #eee;margin-bottom: 35px;}
.his-list img{display:block;}
.his-list .line{background:linear-gradient(180deg,rgba(196,106,253,1) 0%,rgba(170,41,255,1) 100%);width:2px;height:100%;position:absolute;left:0;top:0}
.his-img{display:block;}
.his-list .line1{width: 3px;height:50%;background-color:#FB2B7A;position:absolute;left: -2px;top:0;z-index: 9;}


.page *{line-height:35px !important;}
.page a{padding:0 15px;}
.page .bg1{width:65px;}

.nav-sub{text-align:center;padding-top:28px}
.nav-sub .imga{border-bottom:1px dashed #ddd;background-color:#fff !important}
.nav-sub .imga:hover{color:#c30d23}
/* 常用颜色 */

.tab{width:100%}
.redff{color:#fff;}
.red0{color:#ff2222 !important}
.red1{color:#c30d23 !important}
.red2{color:#004f99 !important}
.red3{color:#8391b7 !important}
.red4{color:#b7a211 !important}
.red5{color:#fa93ac !important}

.h33{color:#333 !important}
.h66{color:#666 !important}
.h77{color:#777 !important}
.h99{color:#999 !important}
.h88{color:#888}
.bg0{background-color:#ff2222 !important;color:#fff !important}
.bg1{background-color:#c30d23 !important;color:#fff !important}
.bg2{background-color:#004f99 !important;color:#fff !important}
.bg3{background-color:#8abcda !important;color:#fff}
.bg4{background-color:#b7a211 !important;color:#fff !important}
.bg5{background-color:#fa93ac !important;color:#fff !important}
.bgle{background-position:left center;background-repeat:no-repeat}
.bgri{background-position:right center;background-repeat:no-repeat}
.bgct{background-position:center center;background-repeat:no-repeat}
.bgff{background-color:#fff}
.col3{width:29%;margin-right:2%;float:left;}
.col4{width:22%;margin-right:1.02%;float:left;}
.ul{list-style:none}
.clickbtn{cursor:pointer;}
.clickshow{height:0px;overflow:hidden;}
.clickshow.auto{height:auto;overflow:visible;}
.lineth{text-decoration:line-through;}
.ov{overflow:hidden}

.mat20{margin-top:20px;}
.flex-ct{display:flex;align-items:center;justify-content:center;}
.flex-bect{display:flex;align-items:center;justify-content:space-between;}
img{max-width:100%}
.re{position:relative;}
.bg{background-color:#f7f8fa}
.padd{padding:90px 0}
.m1-more{width:250px;line-height:53px;display:block;text-align:center;}
@media only screen and (min-width:750px) {
html{font-size:100px !important}

}
@media only screen and (max-width:750px) {
html{font-size:100px !important}

}
@media only screen and (max-width:725px){html{font-size:96.6667px !important}}
@media only screen and (max-width:700px){html{font-size:93.3333px !important}}
@media only screen and (max-width:675px){html{font-size:90px !important}}
@media only screen and (max-width:650px){html{font-size:86.6667px !important}}
@media only screen and (max-width:625px){html{font-size:83.3333px !important}}
@media only screen and (max-width:600px){html{font-size:80px !important}}

@media only screen and (max-width:575px){html{font-size:76.6667px !important}}
@media only screen and (max-width:550px){html{font-size:73.3333px !important}}
@media only screen and (max-width:525px){html{font-size:70px !important}}
@media only screen and (max-width:500px){html{font-size:66.6667px !important}}

@media only screen and (max-width:475px){html{font-size:63.3333px !important}}
@media only screen and (max-width:450px){html{font-size:60px !important}}
@media only screen and (max-width:425px){html{font-size:56.6667px !important}}
@media only screen and (max-width:400px){html{font-size:53.3333px !important}}

@media only screen and (max-width:375px){html{font-size:50px !important}}
@media only screen and (max-width:350px){html{font-size:46.6667px !important}}
@media only screen and (max-width:325px){html{font-size:43.3333px !important}}
@media only screen and (max-width:300px){html{font-size:40px !important}}


.m7-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: auto
}
