@charset "utf-8";
/* CSS Document */

@media (max-width:1600px){
.content,.head,.product-number-info{width:1400px}
.head .nav ul li a{ padding:0 20px;}
.head .nav ul li ul{ margin-left:-10px;}
.new_left p{ font-size:16px; line-height:30px;  color:#666; height:150px; margin-bottom:30px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.new_left h3{ font-size:20px;}
.list .swiper-slide .info h4{ font-size:16px;}
.list .swiper-slide .info p{color:#666;font-size:15px;}
.kc_con .slide{ width:750px; height:477px;}
.kc_con .slide img{ width:750px;}
.kc_con .handle{ height:477px;}
.kc_con .rotate{ font-size:16px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.kc_con .handle dd{ bottom:15px;}
.kc_con .handle{ width:125px;}
.hdyg_right ul li{  line-height:59px; font-size:16px; }
.peiyang ul li p{ font-size:16px;}
.xrtxt {
    width: 69%; line-height:32px ; font-size:16px; color:#666; }
}

@media (max-width:1440px){.content,.head,.product-number-info{width:1300px}
.head .nav ul li a{ padding:0 13px; font-size:15px;}

#video{height:360px}
.a_left dd{-webkit-line-clamp:6}
.wary_left{width:290px}
.wary_right{width:900px}

.title1{overflow:hidden;background:#394959 url(../images/tit.png) no-repeat center left 17px;font-size:24px;color:#fff;font-weight:700;text-align:center;padding:30px 0 30px 79px;text-align:left;border-radius:15px 15px 0 0}
.news_box .swiper-slide .sed{padding:15px 20px}
.kc_con .handle{ width:109px;}
.kc_con .handle dd{ left:15px;}
.kc_con .handle dd{ font-size:16px; letter-spacing:0px;}
.kc_con .rotate{ letter-spacing:0px;}
.kc_con .rotate{ font-size:16px;}
.kc_con{ height:auto; margin:0px auto }
.hdyg_right ul li{  line-height:54px; font-size:16px; }
.title h4 span a{ font-size:15px;}
}

@media (max-width:1366px){.content,.head,.product-number-info{width:1250px; min-width:1250px; }

.kc_con .handle{ width:95px;}
.banner,.footer,.hezuo,.jkbox{ min-width:1250px;}
}

@media (max-width:1200px){.about_shuzi,.content,.head,.product-number-info{width:auto;max-width:750px}

.content,.head,.product-number-info{max-width:750px; min-width:auto; }

.kc_con .handle{ width:95px;}
.banner,.footer,.hezuo,.jkbox{ min-width:auto; max-width:750px;}


.wtop{max-width:750px;position:relative;margin:0 auto}
.content,.main{width:100%;max-width:750px;min-width:320px}
.head .tel,.hot{display:none}
.top{text-align:center;max-width:750px;margin:0 auto}
.top span img{vertical-align:middle;float:inherit;margin-top:-8px;margin-right:6px}
.top em{display:none}
.top span{float:inherit}
.logo{float:inherit;text-align:center;margin:0 auto}
.head{height:100px}
.head .nav{display:none;width:100%;margin:0;padding:0;position:fixed;max-width:750px;top:100px;overflow:hidden;height:100%;margin:0 auto;background:rgba(0,0,0,.8);z-index:20}
.head .nav ul li{width:100%;float:inherit;border-right:1px #ccc solid;border-top:1px #ccc solid;box-sizing:border-box;overflow:hidden;line-height:60px}
.head .nav ul li a{color:#fff}
.head .nav ul li a:after{content:"";display:none}
.caidan{float:right;margin-right:10px;margin-top:25px;display:block}
.mtel{float:right;margin-right:5%;margin-top:25px;display:block}
.banner{display:none}
.n_banner{max-width:750px}
.n_banner .ban h3{ font-size:0.25rem;}
.n_banner img{ width:150%}

.xbanner img:first-child{display:none}
.xbanner img:last-child{display:block}
.mbanner{display:block;max-width:750px;margin:0 auto}
.fll{max-width:750px;margin:0 auto}
.head .sp_nav{display:block}
.wary_left{width:auto;float:none}
.wary_right{width:auto;float:inherit;margin:0 10px}

.pic_nav{display:block}
.title1{overflow:hidden;background:#394959;font-size:20px;color:#fff;font-weight:700;text-align:center;padding:3% 0;text-align:center}
.title1 p{color:#fff;text-transform:uppercase;font-size:13px;font-weight:400;display:none}
.about{overflow:hidden;width:auto;margin:5%}
.pic_lb ul li{width:50%;border:3px #fff solid}
.zhitongche{width:70%;overflow:hidden;padding:2% 0;margin:0 auto 20px;font-size:.25rem;border-radius:30px;color:#fff;text-align:center;background:#394959;display:block}
.title p{font-size:16px;letter-spacing:0}
.pic ul li{width:50%;position:relative}
.pic ul li:nth-child(n+9){display:none}
.about h3{font-size:.3rem;font-weight:700;text-align:center}
.a_left{overflow:hidden;width:auto;float:inherit;text-align:center}
.about h3 i{font-size:.5rem}
.about dd{font-size:.2rem;line-height:.38rem;text-align:left}
.pic ul li a p{color:#666;font-size:.22rem}
.pic ul li:hover .bg{opacity:0}
.side{display:none}
.more{display:none}
.product-number-info li b{font-size:30px}
.product-number-info li{border-bottom:1px solid #fff;padding:15px 0}
.zhichi ul li div{width:80px;height:80px}
.zhichi ul li div img{width:100%}
.anli{width:auto}
.xbanner img.xban{display:none}
.xbanner img.mxban{display:block}
.xbanner{max-width:750px;margin:0 auto}
.news{max-width:750px;margin:0 auto}
.links{display:none}
.footer{max-width:750px;margin:0 auto;width:auto;padding:10px}
.article-detailed{overflow:hidden;margin:0px 10px}
.lxwmmt{margin:10px}
.anli_lb ul li{width:50%;border:3px #fff solid}
.ys .swiper-pagination{display:block;padding:5% 0}
.ys .swiper-container{padding-bottom:140px}

.tel2{display:none}

.about dt{width:180px;height:45px;line-height:45px;color:#fff;text-align:center;font-size:16px;margin:20px auto;float:none;margin:30px auto}
.footer .bnav{display:none}
.zizhi .swiper-pagination{display:block}
.a_video{width:auto;float:inherit;border-radius:20px;overflow:hidden;border:10px #ccc solid}
#video{height:auto}

.product-number-info li{width:50%;border-bottom:1px #ccc solid}
.product-number-info li:nth-child(1){border-left:none}
.product-number-info li:nth-child(3){border-left:none;border-bottom:none}
.product-number-info li:nth-child(4){border-right:none;border-bottom:none}
.product-number-info li b{font-size:.6rem}
.ys_com ul{float:inherit;width:auto;margin:0 20px}
.ys_com ul li{overflow:hidden;margin-top:30px;margin-bottom:0}
.ys_com ul:nth-child(2){margin:30px auto 0;width:100%;text-align:center}
.ys_com ul:nth-child(2) img{width:90%;margin:0 auto}
.cases{margin:30px auto}
.gengduo{width:60%;height:inherit;margin:30px auto;line-height:inherit;border-radius:60px;background:#394959;text-align:center;overflow:hidden;padding:3% 0;font-size:.25rem}
.news_box .focus{width:auto;height:auto;overflow:hidden;background:#f5f5f5;float:inherit;margin-top:30px;padding-bottom:35px}
.news_box .list{width:auto;height:auto;overflow:hidden;float:inherit;margin-top:30px}
.news_box .swiper-pagination{display:block}
.html{overflow:hidden}
.pic_lb{overflow:hidden;margin:20px auto}
.zhongying{ display:none;}
.title h4 b:after{ content:""; display:none;}
.title h4 b:before{ display:none;}
.title h4 span{ display:block; width:100%; margin:10px auto 0}
.title h4{ overflow:hidden; text-align:center;}
.title h4 b{ display:block; text-align:center;}
.title h4 span a{ width:50%; float:left; background:#0074c2; border:10px #fff solid; box-sizing:border-box; color:#fff; margin:0px; line-height:40px; font-size:0.22rem; font-weight:400;}
.new_right{ width:auto; float:inherit;}
.new_left{ float:inherit; width:auto;}
.new_left h3{ font-size:0.25rem;}
.new_left p{ font-size:0.2rem; line-height:0.4rem;}
.new_left dt{ margin:0px auto;}
.new_left p{ height:inherit;}
.title h4 span.mor{ display:none;}
.kc_con{ display:none}
.m_mobile{ display:block}
.m_mobile img{ width:100%}
.hdyg_left{ width:auto; overflow:hidden; float:inherit}
.hdyg_right{ width:auto; float:inherit}
.list .swiper-slide .info h4{ font-size:0.25rem;}
.list .swiper-slide .info p{ height:auto; line-height:0.4rem; height:auto; font-size:0.25rem;}
.title h4 span.yugao a{ width:50%; float:left; line-height:0.3rem;  height:auto; margin:0px; border:5px #fff solid; box-sizing:border-box; color:#666; padding:3% 0}
.title h4 b{ font-size:0.3rem;}
.jkbox .jk_swi h3{ font-size:0.22rem;}
.jkbox img{ width:320%}
.jkbox .swiper-slide{ text-align:center;}
.jkbox .jk_swi dd{ font-size:0.2rem;}
.jkbox .swiper-button-next { width: 38px; height: 30px; top:40%}
.jkbox .swiper-button-prev{ width:38px; height:30px;top:40%}
.peiyang ul li p{ position:relative; padding:0px; text-align:center; width:auto; font-size:0.2rem;}
	
	.shbox ul li{ width:250px;}
	.shbox ul li p{ font-size:0.2rem;}
	.title2 p{ font-size:0.3rem;}
	.title2 dd{ font-size:0.2rem;}
	.hezuo ul li{ width:33%; font-size:0.2rem;l}
	.cor{ padding-bottom:1.2rem; font-size:0.2rem;}
	.footer .intro{ width:auto; float:inherit}
	.footer .intro{float:inherit;width:auto; text-align:center;}
	
.buttom{background:#0074c2;bottom:0;margin:0 auto;max-width:100%;min-width:320px;position:fixed;width:100%;z-index:9999;display:block}
.buttom ul{overflow:hidden}
.buttom ul li{color:#fff;float:left;width:50%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box; text-align:center;}
.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;margin:0 auto}
.buttom ul li p{font-size:14px;overflow:hidden;text-align:center}
.buttom ul li a{color:#fff; font-size:0.2rem;}
.buttom ul li  img{width:30px; vertical-align:middle}

.sp_nav{ display:block}

.m_mobile{ display:block}
.mbx span{ width:auto; padding:10px; overflow:hidden; background:#0074c2;height:auto; display: block; float:left; text-align:center;}
.mbx:before{ display:none; content:""; height:auto; line-height:inherit;}
.mbx{ line-height:inherit; height:auto;}
.mbx .p1{  height:inherit; line-height:inherit; padding:10px; margin-left:0px; width:66%}

.jieshao .js_img{ width:auto; float:inherit; margin:20px auto}
.jieshao .js_left{ float:inherit; width:auto;}
.jieshao .js_left h3{ font-size:0.3rem;}
.titbox h3{ font-size:0.3rem;}
.titbox h3:after{ height:0.4rem}

.news_lm ul li span h3{ font-size:0.25rem; height:inherit; line-height:0.4rem;}
.news_lm ul li span p{ margin:0px auto; font-size:0.2rem; line-height:0.4rem; height:inherit}
.news_lm ul li dl{ width: 65px;
    height: 1.2rem;
    margin-right: 10px;
    padding-right: 6px;}

.news_lm ul li dl dd {
    padding: 11px 0px 0px;
    font-size: 0.4rem;;
    font-weight: bold;
}

.xueshu ul li{ border:5px #fff solid}
.xueshu ul li p{ font-size:0.22rem;}

  .list_xw li .ltxw_sj{
        width: 100px;
    }
    .list_xw li .ltxw_tp{
        width: 280px; 
        padding-left: 20px;   
    }
    .list_xw li .ltxw_tp span{
        height: 158px;
    } 
    .list_xw li .ltxw_nr{
        width: calc(100% - 420px);
        float: right;
        margin-right: 20px;
    }
    .list_xw li .ltxw_nr p{
        margin: 15px 0px 5px;
    }
	
	.list_xw li .ltxw_nr {
    width: calc(100% - 450px);
    float: right;
    margin-right: 20px;
}
.news_ny_left {
    width: auto;
    padding: 60px 0;
    float:inherit;
    overflow: hidden;
    position: relative;
    padding-right: 3%;
}
.news_ny_left:after{ content:""; display:none;}
.news_ny_right {
    width: auto;
    padding: 15px 0;
    float: inherit;
    position: relative;
}
.news_ny_left .nr_cont h3{ font-size:0.3rem;}

.xianren{ float:inherit; margin:0px auto}
.xrtxt {
    width: auto;
    line-height: 0.4rem;;
    font-size: 0.2rem;
    color: #666;  height:inherit; overflow:auto;
}
.xingzheng ul li{ width:auto; float:inherit;}
}
@media (max-width:750px){.nav ul li{line-height:inherit;height:inherit;padding:4% 0}
.nav ul li a{font-size:.22rem}
.title h4{font-size:.3rem}
.title p{font-size:.2rem}
.title{margin:15px auto;padding:0}
.head .nav ul li{line-height:inherit;padding:3% 0;font-size:.22rem}
.pic_nav ul li{width:33.33%;float:left;border:5px #f5f5f5 solid;box-sizing:border-box;font-size:18px;line-height:inherit;text-align:center;position:relative}
.pic_nav ul li a{color:#666;line-height:inherit;padding:5% 0;font-size:.2rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px #ccc solid}
.pic ul li{border:5px #fff solid}
.pic ul li p{height:auto;line-height:inherit;padding:3% 30px 3% 0}
.about h3{font-size:.3rem}
.about dd{line-height:.35rem;font-size:.2rem;text-indent:2em;margin-top:30px}
.wary_right h3{font-size:.3rem}
.product-number-info ul{padding:0 0;margin:0 10px}
.product-number-info li{width:50%}
.product-number-info li b sup{bottom:0;vertical-align:middle;font-size:.2rem;width:.3rem;height:.3rem;line-height:.3rem}
.product-number-info li p{font-size:.22rem}
.zhichi ul li{width:33.33%}
.ys .swiper-container{padding-bottom:80px}
.zz div{margin:20px 10px;overflow:hidden}
.zhichi ul li h3{font-size:.22rem}
.news ul li{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;width:auto;float:none;border:10px #fff solid;box-sizing:border-box}
.news ul li dl{margin-right:12px}
.fanhui{overflow:hidden;background:#eee;padding:3% 0;text-align:center;font-size:.2rem;color:#666;display:block;font-weight:700}
.footer .intro{float:inherit;width:auto;}
.footer .ewm{display:none}
.footer .intro h4{text-align:center;font-size:.3rem; overflow:hidden;}
.footer .intro .info p{text-align:center;font-size:.18rem;line-height:.35rem}
.footer .intro .info{padding-bottom:0rem}

.pro-intro h2{font-size:.3rem}
.pro-intro .share{width:100%;height:inherit;padding:2px 0;line-height:inherit;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:block;width:100%}
.fy p{width:50%;font-size:.2rem}
.fy p:last-child{width:100%;border-top:1px #ccc solid}
.zizhi{width:100%;overflow:hidden;margin:20px auto 0;background:#e5eff8;padding-bottom:30px}
.zizhi .swiper-pagination{display:block}
.swiper-container-rtl .swiper-button-next,.zizhi .swiper-button-prev{display:none}
.swiper-container-rtl .swiper-button-prev,.zizhi .swiper-button-next{display:none}
.zizhi .swiper-container{margin:0 10px;padding-bottom:40px}
.ddd img{width:80%}
.pic ul li a p{font-size:.2rem}
.wary_right h3 b{font-size:.18rem}
.wary_right h3 span{font-size:.2rem}
.ys_com ul li p{font-size:.2rem}
.ys_com ul li h3{font-size:.25rem;margin-bottom:10px}
.news_box{width:auto;margin:0 10px;height:auto;overflow:hidden}
.news_box .focus h3{height:inherit;line-height:inherit;font-size:.22rem;padding:3% 0}
.news_box .focus dt{font-size:.18rem}
.news_box .focus dd{font-size:.2rem;line-height:.38rem;height:inherit}
.news_box .swiper-slide .time b{font-size:.4rem}
.news_box .swiper-slide .time p{font-size:.18rem}
.news_box .swiper-slide .info h4{font-size:.22rem;height:inherit;line-height:inherit;padding:3% 0}
.news_box .swiper-slide .info p{height:inherit;line-height:.38rem;font-size:.2rem;margin:0 auto}
.pic_lb ul li p{height:inherit;line-height:inherit;padding:3% 0;font-size:.2rem}
.nav_show{ top:70px;}
.mbx span{ font-size:0.22rem;}
.mbx .p1 a{ font-size:0.22rem;}
.list_xw li {
    position: relative;
}
.list_xw li .ltxw_nr {
    width: calc(100% - 0px);
    float: right;
    margin-right: 0px;
    padding: 0px 15px;
    box-sizing: border-box;
}

.list_xw li .ltxw_tp {
    width: 100%;
    border-left-style: none;
    padding-left: 0px;
    margin-right: 0px;
}
.list_xw li .ltxw_tp span {
    height: 56vw;
}
.list_xw li .ltxw_sj {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    background: rgba(255, 255, 255, 0.9);
    line-height: 25px;
    padding: 12px 0px 8px;
    width: 80px;
}
.list_xw li a {
    padding: 0px 0px 18px;
}
.list_xw li .ltxw_nr h2{ font-size:0.25rem;}
.list_xw li .ltxw_nr p{ font-size:0.2rem;}
.news_ny_left {
    width: auto;
    padding: 30px 15px 0;
    float: inherit;
    overflow: hidden;
    position: relative;
   
}
.news_ny_left .nr_cont p{ font-size:0.22rem; line-height:0.4rem;}
.shangxia{ margin:10px auto}
.shangxia ul li{ height:inherit; line-height:0.6rem;;}
.newsmt dl{ padding:0px 15px;}
.newsmt dl h3:before{ top:29px;}
.newsmt dl h3{ font-size:0.3rem;}
.newsmt ul li{ height:auto; line-height:0.6rem;}
.xianren .xr{ width:230px;}
.xianren{ width:260px;}
.xingzheng ul li .zdiv span h3{ font-size:0.25rem;}
.xingzheng ul li .zdiv div{ width:30%}
.xingzheng ul li .zdiv span p{ font-size:0.2rem;}
.xingzheng ul li .zdiv span dl dd{ font-size:0.2rem; line-height:0.35rem;}
.xingzheng ul li .zdiv span dl{display: inline-block;width: -webkit-fill-available;}
.wzwap ul li{ width:auto; float:inherit; height:inherit; line-height:0.6rem; font-size:0.22rem; border:5px #fff solid}

.mial_div4 ul li{ width:50%}
.mial_div4 ul li h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:1.1em}
.mial_div2 ul li{ width:50%}
.mial_div2 ul li p span{ font-size:0.6em;}
.mial_div3 ul li{ width:auto; float:inherit;}
.mial_div3 ul li div { overflow: hidden; width: 130px; float: left; margin-right: 15px;}
.mial_div3 ul li span h3{ font-size:1.1em;}
.mial_div1 ul li{ width:50%}
.fenye ul li{overflow:hidden;width:auto;display:inline-block;min-width:35px;height:35px;line-height:35px;margin:1px 1px;background:#eee;float:none;border:1px #ccc solid}
.fenye ul li.on{background:#0066c4;color:#fff;border:1px #0066c4 solid}
.fenye ul li .disabled{width:50px}
.fenye ul li:first-child{width:50px}
.fenye ul li:last-child{width:50px}
.fenye ul li:hover{background:#666;color:#fff;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.fenye ul li:hover a{color:#fff}
.fenye ul li a{display:block}
.fenye ul li.on a{color:#fff}
.footer .intro h4 a {
    color: #fff;
    text-align: center;
    padding: 0px;
    width: 25%;
    display: block;
    float: left;
    font-size: 0.18rem;
    border: 5px #00538a solid;
    box-sizing:border-box;
}
.lianxwm ul li{ width:auto; float:inherit;}
.lianxwm ul li:last-child{ width:auto; float:inherit;}
}
@media (max-width:450px){.head .logo{float:left;width:260px;margin:7px 0 0 10px}
.caidan,.mtel{width:24px}
.caidan img{width:100%}
.mtel img{width:100%}
.logo img{width:100%}
.head .nav{top:70px}
.head{height:70px}
.jieshao .js_left h3:after{ height:0.4rem;;}

.jieshao .js_left h3{ margin-bottom:10px;}
.title h4 span.yugao a{ height:76px;}
}



@media (max-width: 580px){
.cont .tis {
    display: inline-block;
    overflow: visible;
    white-space: nowrap;
    text-align: center;}
	.cont .tis a {
    /* display: inline-block; */
    display: inline-block;
    margin-right: 2em;
}
}
@media (max-width: 1200px){
.cont .tis {
    overflow: visible;
    min-width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 2em;
    padding-top: 0.2em;
}


.cont .tis a.hover {
    font-weight: bold;
    color: #0066c4;
}


 .cont .tis a.hover:after {
    top: calc(100% - 0.58em);
  }

  .cont .tis {
    overflow: visible;
    min-width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 2em;
    padding-top: 0.2em;
  }

  .cont::-webkit-scrollbar {
    display: none;
  }

  /* .cont .tis a:not(:last-of-type) {
	margin-right:21%;
}
*/
  .cont .tis a {
    white-space: nowrap;
    display: inline-block;
    /* width: 8em; */
    font-size: 0.22rem;
    padding-bottom: 1.5238em;
    line-height: 1;
    position: relative;
  }

  .cont .tis a.hover:after {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    border-color: #0066c4 #0066c4 #fff #fff;
    border-style: solid;
    border-width: 0.1em;
    top: calc(100% - 0.5em);
    left: calc((100% - 1em) / 2);
    background: #fff;
    transform: rotate(-45deg);
  }
  .jieshao .js_left dd{ overflow:inherit; height:auto}
}



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

	.menu_head ul li span{ display:inline-block;}
	.menu_head ul li:first-child{ width:50%;text-indent:0.5em;}
	.menu_head ul li{ width:50%; text-align:left; text-indent:0.5em; font-size:0.22rem;line-height: 0.4rem; }
	.menu_head{height:auto; line-height:36px; padding:10px 0}
	.menu_head ul{ line-height:inherit}
	.menu_body{ padding:0 10px;}
	.jiameng div h3{ font-size:0.4rem;}
	.jiameng div p{ font-size:0.3rem; line-height:0.4rem;}
	.menu_body{ font-size:0.22rem; line-height:0.4rem;}
	.zhaopin{ display:none;}
	
}



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

	.menu_head ul li span{ display:inline-block;}
	.menu_head ul li:first-child{ width:auto;text-indent:0.5em;}
	.menu_head ul li{ width:auto; text-align:left; text-indent:0.5em; float:inherit }
	.menu_head{height:auto; line-height:36px; padding:10px 0}
	.menu_head ul{ line-height:inherit}
	.jiameng{ margin:20px auto;}
}