body {

    font-family:"微软雅黑";

    overflow-x: hidden;

    font-size: 14px;

}

ul,li {

    list-style:none;

}

.cb {

    width:100%;

    clear:both;

    height:0;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.tac{text-align: center;}

a{text-decoration: none !important;}

h1{margin: 0;height: 70px;line-height: 70px;}

img{max-width: 100%;}









#nav{ box-shadow: 0 2px 4px rgb(0 0 0 / 8%); height: 75px;line-height: 75px;position: fixed;left: 0;top: 0;width: 100%;z-index: 999999;background:#fff;}

#nav .container{position: relative;}

#nav .logo{height: 75px;background: no-repeat left center;line-height: 62px;position: absolute;left: 8px;}

#nav .logo img{vertical-align: middle; width: 200px;}

#nav .container{position: relative;}

#nav .nava{text-align: right;position: absolute;width: 100%;z-index: 9;height: 75px;padding: 0;margin-bottom:0 ;}

#nav .nava li{line-height: 1px; display: inline-block;position: relative;width: 12%;text-align: center;max-width: 120px;}



#nav .nava .a1{
    display: inline-block;
    color: #666666;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    padding: 0 17px;
    margin-top: 27px;
}

#nav .nava .a1 img{display: none;}

#nav .daohangi{display: none;}





#banner{width: 100%;position: relative;overflow: hidden;line-height: 610px;text-align: center;overflow: hidden;margin-top: 75px;}



#banner ul{width: 500%;height: 100%;position: relative;padding: 0;left:0;z-index: 2;}

#banner ul li{width: 20%;height: 100%;float: left;background:#fff url(../images/banner0.jpg) no-repeat top center;background-size:cover ;}

#banner ol{text-align: center;position: absolute;width: 100%;bottom: 20px;padding: 0;z-index: 5;height: 14px;line-height: 14px;}

#banner ol li{width: 14px;height: 14px;border-radius: 50%;background: #fff;display: inline-block;margin: 0 12px;cursor: pointer;}



.i_con1{height: 450px;overflow: hidden;margin-top: 18px;padding: 0;}

.i_con1 .right{padding: 0;background: center center;background-size:cover ;height: 450px;}

.i_con1 .right img{display: none;width: 100%;}



.i_con1 .left{height: 450px;line-height:450px;background: #fff;padding: 30px 45px;}

.i_con1 .left .box11{display: inline-block;line-height: 1;vertical-align: middle;}

.i_con1 .left .p1{font-size: 24px;margin-bottom: 30px;}

.i_con1 .left .span1{display: inline-block;height: 2px;width: 12px;margin-bottom: 30px;}

.i_con1 .left .a{color: #4b4b4b;font-size: 16px;line-height: 24px;margin-bottom: 20px;display: block;}

.i_con1 .left .p2{font-size: 13px;color: #909090;line-height: 20px;margin-bottom: 50px;}

.i_con1 .left .a2{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;}



.i_con2 .left{background: #2b2b2b;}

.i_con2 .left .p1{color: #ffffff;}

.i_con2 .left .span1{background: #666666;}

.i_con2 .left .a{color: #FFF;}

.i_con2 .left .p2{color: #909090;}

.i_con2 .left .a2{border: 1px solid #FFF;}

.i_con3{background: #fff;margin-top: 18px;overflow: hidden;}

.i_bt{text-align: center;margin-top: 36px;margin-bottom: 18px;}

.i_bt .p1{color: #222222;font-size: 24px;height:56px;line-height: 56px;}

.i_bt .p2{max-width: 760px;font-size: 12px;color: #909090;line-height: 24px;margin: 0 auto;}



.i_con3 .xuanze{width: 100%;max-width: 632px;margin: 0 auto 45px;overflow: hidden;padding: 0;}

.i_con3 .xuanze li{float: left;height: 50px;width: 25%;max-width: 158px;color: #6e6e6e;background: #F2F2F2;text-align: center;line-height: 50px;cursor: pointer;}

.i_con3 .xuanze li.background{color: #FFF !important;}

.i_con3 .lb{overflow: hidden;margin-bottom: 46px;}

.lb .big_box{width: 400%;position: relative;left: 0;}

.lb .big_box .s_box{float: left;width: 25%;}

.s_box .col-xs-12{padding: 0 9px;margin-bottom: 18px;}

.s_box .ss_box{padding: 15px;border: 1px solid #eeeeee;}

.s_box .ss_box .img{display: block;overflow: hidden;}

.img img{width: 100%;min-height:100%;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.img:hover img{transform: scale(1.05);}

.s_box .ss_box .a1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #434343;line-height: 44px;}

.s_box .ss_box .p1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 13px;color: #9c9999;line-height: 1;}



.i_con4{padding: 200px 15px;background: url(../images/i_con4_bg.jpg) center center;background-size:cover ;margin-top: 18px;color: #fff;text-align: center;}

.i_con4 .p1{font-size: 30px;line-height: 1;margin-bottom: 20px;}

.i_con4 .p2{font-size: 12px;line-height: 32px;max-width: 1000px;margin: 0 auto 30px;}

.i_con4 .a1{width: 150px;height: 46px;line-height: 46px;text-align: center;display: inline-block;font-size: 13px;color: #373737 !important;background:rgba(255,255,255,0.74) ;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.i_con4 .a1:hover{background:#fff;}



.i_con5{margin: 18px auto;background: #fff;overflow: hidden;padding-bottom: 50px;}

.i_news{margin: 15px 0;}

.i_news a{display: block;width: 100%;overflow: hidden;}

.i_news .a1{white-space:nowrap; text-overflow:ellipsis;font-size: 16px;color: #434343;height: 36px;line-height: 36px;margin-top: 10px;}

.i_news p{font-size: 12px;color: #969696;margin: 0;}

.i_news .p2{line-height: 18px;height: 54px;overflow: hidden;}

.i_con5 .div div{height: 80px;line-height: 80px;text-align: center;max-height: 90%;overflow: hidden;}

.i_con5 div:hover>img{transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.i_con5 div:hover>img{transform: scale(1.1);}



.footer{background: #1e1e1e;overflow: hidden;}

.footer .foot_top{border-bottom: 1px solid #000;text-align: center;padding: 26px 0;position: relative;}

.footer .foot_top .div{display: inline-block;overflow: hidden;}

.footer .foot_top .f_top{width: 66px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;display: block;position: absolute;top: 0;right: 0;border-radius: 0 0 5px 5px;cursor: pointer;}

.footer .foot_top a{color: #818181;font-size: 12px;padding: 6px 16px;float: left;}

.footer .foot_top a:hover{color: #fff !important;text-decoration: underline !important;}

.footer .foot_top .a1h{background: none;}

.footer .foot_top br{display: none;}

.footer .foot_m{border-top: 1px solid #505050;padding: 28px 0 54px;}

.foot_m{overflow: hidden;}



.foot_m .guanzhu{text-align: center;}

.foot_m .foot_lx{text-align: left;}

.foot_m .foot_lx .p1{font-size: 13px;color: #ffffff;margin-bottom: 30px;margin-top: 18px;}

.foot_m .foot_lx .p2{font-size: 22px;color: #fff;margin-bottom: 22px;}

.foot_m .foot_lx a{display: inline-block;font-size: 14px;color: #fff !important;width: 150px;height: 36px;line-height: 36px;text-align: center;}







.foot_m .xinxi{text-align: center;margin-top: 10px;}

.foot_m .xinxi .p1{font-size: 18px;color: #fff;margin-bottom: 20px;}

.foot_m .xinxi p{color: #d9d9d9;background: no-repeat top left;line-height: 30px;text-align: left;margin-bottom: 0;}

.foot_m .xinxi .box{display: inline-block;}

.foot_m .erweima{text-align: center;}

.foot_m .cb{display: none;}

.foot_m .erweima{width: 250px;margin: 0 auto;}

.foot_m .erweima dl{display: inline-block;}

.foot_m .erweima dt{padding: 8px;background: #2c2c2c;border: 1px solid #444444;}

.foot_m .erweima dd{color: #d9d9d9;height: 60px;line-height: 60px;}

.foot_down{background: #0f0f0f;padding: 15px 0;overflow: hidden;}

.foot_down p{margin-bottom: 0;font-size: 12px;color: #6a6a6a;line-height: 22px;}

.foot_down a{color: #6a6a6a;margin-right: 5px;}



.list_banner{text-align: center;margin-top: 80px;}





.list_bt{text-align: center;padding: 46px 0;}

.list_bt .p1{font-size: 24px;color: #222222;}

.list_bt .p2{font-size: 12px;color: #909090;}



.about_main{margin-bottom: 30px;}

.about_main p{text-align: center;}

.about_main .p1{font-size: 18px;color: #222222;line-height: 44px;}

.about_main .p2{font-size: 13px;color: #959595;line-height: 24px;margin-bottom: 20px;}

.about_mi{padding: 150px 0 120px;text-align: center;background: url(../images/about_m_i.jpg) center center;background-size:cover ;color: #fff;}

.about_mi .boxo{display: inline-block;width: 33.3333%;max-width: 330px;text-align: center;min-width: 220px;}

.about_mi .boxo .boxo1{display: inline-block;}

.about_mi .boxo p{margin-bottom: 0;text-align: left;}

.about_mi .boxo .p01{margin-bottom: 18px;}

.about_mi .boxo .p02{font-size: 40px;margin-bottom: 12px;font-weight: bold;}

.about_mi .boxo .p03{margin-bottom: 30px;}



.about_main .p4{font-size: 24px;color: #222222;height: 68px;line-height: 68px;background: url(../images/about_x.jpg) no-repeat bottom center;margin-top: 30px;}

.about_main .p5{font-size: 18px;color: #474747;}

.about_main .p6{font-size: 13px;color: #959595;max-width: 738px;margin: 10px auto 20px;}

.about_main .box_b{text-align: center;margin-top: 50px;}

.about_main .box_b1{display: inline-block;text-align: center;width: 33%;max-width: 300px;min-width: 200px;margin-bottom: 30px;}

.about_main .box_b2{width: 175px;display: inline-block;}

.about_main .box_b2 img{margin-bottom: 35px;}

.about_main .box_b2 p{color: #909090;line-height: 24px;}

.about_main .box_b2 font{color: #2c2c2c;}



.fenye{margin: 40px 0;padding: 0;}

.fenye li{display: inline-block;}

.fenye li a{display: block;height: 26px;line-height: 24px;border: 1px solid #000;padding: 0 9px;}

.fenye li a:hover,.fenye li a.cur{color: #fff !important;}



.xq_bt{text-align: center;padding: 50px 0 10px;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}

.xq_bt .p1{font-size: 22px;color: #000000;line-height: 38px;}

.xq_bt .p2{font-size: 12px;color: #767676;line-height: 30px;}

.cp_x_main .p1{font-size: 12px;color: #4e4e4e;text-indent: 2em;line-height: 24px;margin-bottom: 20px;}

.cp_x_main img{margin: 20px 0;}

.cp_x_main{padding-bottom: 50px;}

.sx{padding: 30px 0;}

.sx a{display: block;color: #3d3d3d;line-height: 28px;}



.n_xuanze{text-align: center;margin: 40px 0;}

.n_xuanze a{width: 50%;max-width: 314px;height: 50px;text-align: center;line-height: 50px;color: #6e6e6e !important;background: #f2f2f2;display: inline-block;}

.n_xuanze a.background{color: #FFF !important;}





.news_x .n_bt{text-align: center;margin-top: 40px;}

.news_x .n_bt .p1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}

.news_x .n_bt .p2{font-size: 12px;color: #939393;}

.news_x .n_bt .p2 span{margin: 0 15px;display: inline-block;}



.news_x .p1{color: #626262;font-size: 12px;line-height: 24px;}



.l_xinxi{border: 1px solid #ccc;padding-top: 60px;text-align: center;overflow: hidden;margin-bottom: 38px;}

.l_xinxi .boxo1{display: inline-block;text-align: left;margin-bottom: 35px;}

.l_xinxi .boxo1 .p1{font-size: 24px;color: #434343;font-weight: bold;margin-bottom: 12px;}

.l_xinxi .boxo1 .p2{font-size: 12px;line-height: 22px;color: #787878;}

.l_xinxi .boxo1 .p3{font-size: 12px;color: #787878;}



.ditu{border: 1px solid #ccc;padding: 5px;overflow: hidden;margin-bottom: 50px;}

.liuyan .left{height: 355px;border: 1px solid #d9d9d9;padding: 15px;margin-bottom: 50px;}

.liuyan .left .bg_i{height: 280px;background: url(../images/liuyan_i.jpg) no-repeat center right;background-size:cover ;}

.liuyan .left .p1{font-size: 18px;color: #848484;border-top: 1px solid #ccc;line-height: 40px;margin-top: 15px;}

.liuyan .left font{font-size: 12px;}

.liuyan .right {padding: 0 0 0 50px;margin-bottom: 50px;}

.liuyan .right input{width:100%;border: 1px solid #d9d9d9;height: 40px;line-height: 40px;padding-left: 18px;text-align:left;margin: 13px 0 ;}

.liuyan .right textarea{width: 100%;height: 70px;border: 1px solid #d9d9d9;padding-left: 18px;padding-top: 5px;resize: none;margin: 14px 0;}

.liuyan .right button{height: 40px;border: none;text-align: center;line-height: 40px;color: #fff;width: 100%;}

/*移动端样式*/

/*移动端样式*/

/*移动端样式*/

@media (max-width: 1200px){





}

@media (max-width:992px){

	

.foot_m{padding: 28px 0;}

.foot_m .fenx{text-align: center;margin-top: 30px;}

.foot_m .cb{display: block;}

.foot_m .erweima{margin-top: 40px;}	

}





@media  (max-width:768px) {
#nav .daohangi{display: block;width: 70px;height: 80px;text-align: center;line-height: 80px;cursor: pointer;}

#nav .daohangi img{width: 55%;cursor: pointer;display: none;}

#nav .daohangi img.cur{display: inline-block;	}

#nav .container{padding-right: 0;}

#nav .nava{left: 0;top: 80px;padding: 0;display: none;}

#nav .nava li{display: block;background: #fff;width: 100%;max-width: 100%;text-align: left;position: relative;font-size: 16px;line-height: 60px;}


#nav .nava dl{position: relative;margin: 0 !important;padding: 0;width: 100%;border-top:none;background: #f6f6f6;padding: 15px 0;display: none;}

#nav .nava dd:hover{background: #b9d6f5;}

#nav .nava dl a{font-size: 14px;color: #333;}

#nav .nava .a1 img{display:inline;height: 60%;margin-top: 10px;margin-right: 3px;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;}

#nav .nava .a1 img.cur{transform: rotate(90deg);margin-top: 12px;}	

#nav{height: 80px;line-height:80px;}

.i_con1{height: auto;}

.i_con1 .right{height: auto;}

.i_con1 .right img{display: block;}

.i_con1 .left{padding: 30px 15px;height: auto;line-height: 1;}



#banner{height: 500px;line-height: 500px;}

.footer .foot_top br{display: inline-block;}

.footer .foot_top .br1{display: none;}

.footer .foot_top .a2h{background: none;}



.foot_m .xinxi{margin-top: 30px;text-align: center;}

.foot_m .xinxi p{text-align: center;}

.foot_m .foot_lx{display: inline-block;text-align: center;}

.l_xinxi .boxo1{text-align: center;}

.liuyan .right{padding: 0;}


.w1300{
    width: 94%;
}
.ys-nr,.cp-li,.about-nr,.news-nr,.news-box li a{
    flex-wrap: wrap;
}
.ys-li{
    width: 50%;
    height: 427px;
}
.ys-p h2{
    font-size: 18px;
}
.ys-p{
    padding: 22px 17px;
}
.cp-img,.cp-box,.about-img,.about-p{
    width: 100%;
}
.cp-img{
    text-align: center;
}
.cp-img img{
    width: 75%;
}
.cp-li,.news-nr{
    height: auto;
}
.cp-p{
    padding: 24px 19px;
}
.cp-p h2{
    font-size: 20px;
}
.cp-p p span{
    margin: 0;
}
.cp-p p,.ys-p p,.news-p p{
    font-size: 14px;
}
.cp-item,.news-li,.about-right{
    width: 100%;
}
.cp-icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.cp-icon img{
    width: 65%;
}
.cp-cirle:last-child{
    display: none;
}
.swiper-button-next, .swiper-button-prev{
    width: 42px;
    height: 42px;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 18px;
    margin-top: 0px;
}
.swiper-button-prev{
    left: 18px;
}
.about-btn{
    width: 115px;
    height: 40px;
    line-height: 40px;
    margin-top: 18px;
}
.cp,.ys,.about{
    padding: 30px 0;
}
.cp-title{
    font-size: 20px;
}
.about-p{
    padding: 20px;
}
.about-p p,.about-right{
    font-size: 14px;
}
.number{
    font-size: 30px;
}
.about-li{
    height: auto;
}
.news-title{
    height: 120px;
}
.news-p h2{
    margin-bottom: 10px;
}
.news-p span {
    font-size: 14px;
    color: #666;
    display: inline-block;
    margin: 6px 0 20px;
}
.news-nr{
    margin: 30px auto;
}
.about-class,.news-date{
    display: none;
}
.about-ny{
    padding: 30px 0;
}
.about-right ul{
    display: flex;
}
.about-right ul a{
    color: #333;
    font-size: 16px;
    margin-right: 20px;
    position: relative;
}
.erweima,.foot_lx,.news-photo{
    display: none !important;
}
.footer .foot_m{
    padding: 0 0 30px;
}
.about-right ul a::after {
    position: absolute;
    right: -9px;
    width: 1px;
    height: 18px;
    content: '';
    background: #999;
    bottom: 0;
}
.lx-ul{
    padding: 0;
}
.lx-li{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.lx-li h2{
    font-size: 20px;
}
.news-box li,.news-xw{
    padding: 0;
}
.news-date,.news-xw{
    width: 100%;
}
.news-xw h2{
    font-size: 18px;
    margin-top: 0;
    color: #2f447b;
}
.news-box li a{
    height: auto;
    margin: 15px 0;
}
.news-xw p{
    font-size: 14px;
}
.news-xw span{
    display: block;
    color: #999;
}
.cp-right li{
    width: 48%;
    margin-right: 13px;
}
.cp-right li:nth-child(3n){
    margin-right: 13px;
}
.cp-right li:nth-child(2n){
    margin-right: 0;
}
.news-box .p1{
    font-size: 18px;
}
.news-box .main p span{
    font-size: 14px !important;
}
.pro-img,.pro-p{
    width: 100%;
}
.pro-box{
    padding-top: 30px;
}
.pro-p h2{
    font-size: 20px;
}
.pro-p p{
    font-size: 14px;
}
.pro-p{
    height: auto;
}
.dnone{
    display: none;
}
.dshow{
    display: block;
}
#nav .nava .a1{
    border-top: none !important;
    height: 37px;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    border-bottom: 1px solid #CCC !important;
    width: 100%;
    color: #333;
    margin: 0;
}
#banner{
    height: auto;
    line-height: 1;
}
.ban-photo {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.ban-p{
    width: auto;
    height: auto;
    padding: 20px;
}
.ban-p h2{
    font-size: 20px;
}
.ban-p p{
    font-size: 14px;
    letter-spacing: 0;
    padding: 0;
    margin: 10px 0;
}
.ban-p span{
    font-size: 11px;
}
.ban-img img{
    width: 25px;
}
.ban-btn {
    margin-top: 21px;
    font-size: 14px;
}
#nav .logo img {
    width: 162px;
    margin-top: 6px;
}
.cp-btn{
    top: 12px;
}
.company-li{
    height: auto;
}
.ry-li{
    width: 48%;
    margin-right: 14px;
    height: auto;
}
.ry-li:nth-child(3n){
    margin-right: 10px;
}
.ry-li:nth-child(2n){
    margin-right: 0;
}
}

@media (max-width:420px ) {
.i_con4{padding: 150px 15px ;}

.footer .foot_top br{display: none;}


.footer .foot_top .a3h{background: none;}


}

@media  (min-width:768px){

#nav .nava{display: block !important;}

}











































