@charset "utf-8";
/* CSS Document */

a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"寰�蒋���"}
a:visited{text-decoration:none ;}
a:active{text-decoration:none;}
a:hover{ color:#0f3b70;outline:none;text-decoration:none;}

body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1600px)  and  (min-width: 1250px){
    .container{
        width: 1600px;
    }
}
@media (max-width: 1600px)  and  (min-width: 1250px){
    .container{
        width: 1400px;
        margin: 0 auto;
    }
}
@media (max-width: 1400px) and  (min-width: 1250px){
    .container{
        width: 1200px;
        margin: 0 auto;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"寰�蒋���"; font-size:14px; font-size:1.4em;}

/*�惧ぇ*/
.fd{width: 100%;height: 100%;overflow: hidden;}
.fd img{transition: all 0.6s;}
.fd:hover img{transform: scale(1.2);}
/*top*/

.top{z-index:9999;width:100%; background:#FFF; border-bottom:1px solid #eeeeee;}
.top .logo{width:30%;float:left; padding:30px 0;}
.top .logo img{max-width:100%;}
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right; width:12%; margin-top:15px;}
.top .top_right  img{display:block;max-width:100%;}
.topfix{ position:fixed; top:0; left:0; z-index:100000}

/*nav*/
#navbg{transition:0.4s; float:left; height:120px;}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{float:left;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;line-height: 117px;}
#navbg .nav .firstfloor>li.on a{color:#0A1D96;font-weight: bold;border-bottom: 3px #0A1D96 solid;}
#navbg .nav .firstfloor>li>a{color:#000000; display:block; transition:ease-in 0.2s;padding: 0 22px;}
#navbg .nav .firstfloor>li:hover>a{color:#0A1D96;font-weight: bold;border-bottom: 3px #0A1D96 solid;}
#navbg .nav .secondfloor{position:absolute;left:0;top:120px;z-index:9999;display:none;background:rgb(255,255,255,0.95);width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:35px;height:35px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#0A1D96;color:#FFF;}
/*瀵艰��充晶*/
#nav_r{float: right;height: 120px;text-align: right;position: relative;}
#nav_r>span{display: inline-block;margin: 0 13px;color: #595959;}
#nav_r a{line-height: 120px;font-size: 16px;}
#nav_r a img{margin-right: 8px;}
#nav_r .nav-phone{position: absolute;right: 0;font-size: 18px;font-weight: bold;color: #0A1D96;bottom: 0;display: none;}
#nav_r .input-ss{position: absolute;right: 0;line-height:60px;font-size: 14px;top:120px;border-bottom: 2px #0A1D96 solid;display: none;z-index: 99999;padding: 0 20px;background-color: #fff;}
#nav_r .input-ss input{width: 85%;display: inline-block;}
#nav_r .input-ss input::placeholder{color: #000;}
.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}
.ad a{ color:#FFF;}




/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/mlogo.png) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* ���寮��寮����*/

/*澶у����*/
@keyframes scaleDraw {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
}
#banner{width: 100%;height: auto;max-height: 800px;overflow: hidden;position: relative;}
#banner img{width: 100%;animation: scaleDraw 20s ease-in-out infinite;}
#banner .banner-txt{position: absolute;top: 42%;color: #fff;width:70%;max-width: 1280px;font-size: 48px;left: 15%;}
#banner .banner-txt p{font-size: 18px;line-height: 25px;padding-top: 40px;}
/*澶у�搴����被*/
.banner-boot{background: #FFFFFF;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);margin-top: -70px;position: relative;}
.banner-boot a{width: 16.6666%;float: left;padding: 20px 0;transition: ease-in 0.3s;}
.banner-boot a span{display: inline-block;line-height: 100px;width: 100%;border-right: 1px rgba(0,0,0,0.15) solid;font-size: 18px;color: #000;}
.banner-boot a span img{display: inline-block;padding-right: 5px;width: auto;}
.banner-boot a:last-child span{border-right: 0;}

/*棣�〉���*/
.index-title{margin: 70px auto;}
.index-title *{text-align: center;}
.index-title h3{font-size: 34px;font-weight: bold;}
.index-title hr{width:50px;height: 5px;background: #0A1D96;border: 0;margin: 0 auto;margin-top: 12px;margin-bottom: 16px;}
.index-title h5{font-size: 16px;color: #5B5B5B;line-height: 16px;}
/*�ョ��村�*/
a.more{display: block;width: 146px;line-height: 43px;background-color:#0A1D96;color: #fff;text-align: center;}
a.more img{display: inline-block;padding-right: 15px;}
/*浜у�涓��*/
.product{background: url("../images/product-bg.png") center no-repeat;background-position-y: 60px;padding-bottom: 70px;}
/*.product-case{border: 1px solid #EFEFEF;}*/
.product-case ul li{float: left;width: 25%;padding: 22px 0;position: relative;}
.product-case ul li span{line-height: 37px;display: block;width: 100%;border-right:1px #EFEFEF solid;text-align: center;color: #000;font-size: 18px;}
.product-case ul li:last-child span{border-right: 0;}
.product-case ul li:last-child span a{float: right;}
.product-case ul li.on{border-bottom: 4px #0A1D96 solid;}
.product-case ul li.on:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 45%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0A1D96;
}
.product-con{display: none;}
.product-con-28{display: block;}
.product-con.row{margin: 0;}
/*.product-con{border-bottom: 5px #DBDBDB solid;}*/
.product-con .list{padding: 50px 0;margin-right: 40px;position: relative;width: 23%;float: left;}
.product-con .list:last-child{margin-right: 0;}
.product-con .list .fd{border: 1px #EFEFF0 solid;}
.product-con .list b{font-size: 18px;font-weight: bold;display: inline-block;padding-top: 25px;padding-bottom: 15px;}
.product-con .list p{font-size: 14px;padding: 0 30px;}
.product-con .list span{margin-top: 20px;margin-bottom: 30px;line-height: 32px;color: #393939;border:1px #393939 solid;display: inline-block;width: 110px;background: unset;}
.product-con .list:hover:before{content:" ";width:100%;height:5px;bottom: -5px;position: absolute;}
.product-con .list:hover span{color: #fff;background-color:#0A1D96; }
.product-con .text-center{background-color: #EFEFF0;}
/*浜у�涓��1*/
.pro1{background: url("../images/pro1-bj.jpg");background-size: 100% 100%;padding: 120px 0;}
.pro1-img{float: left;width:60%;max-width: 786px;}
.pro1-img img{width: 100%;}
.pro1-txt{float: left;width: 40%;padding-left: 50px;padding-right: 100px;color: #fff;padding-top: 60px;}
.pro1-txt b{font-size: 30px;font-weight: bold;}
.pro1-txt p{padding: 60px 0 80px;font-size: 16px;line-height: 2;}
.pro1-txt a{margin-bottom: 60px;}
.pro1-txt a img{display: inline-block;padding-right: 15px;}
.pro1-txt hr{margin-left: -50px;width: 72%;}
/*.pro1 .swiper-slide{position: relative;z-index: 10;transition: ease-in 0.3s;}*/
/*.pro1 .swiper-slide::before{content:" ";background-color: rgba(0,0,0,0.65);width: 100%;height: 100%;position: absolute;}*/
/*.pro1 .swiper-slide-active{width: 84.5% !important;}*/
/*.pro1 .swiper-slide-active::before{content: none;}*/
.pro1 .qh{top: 95%;width: 40px;height: 40px;}
.pro1 .qh:after{content: unset;}
.pro1 .qh.swiper-button-prev{left: 72%;background: url("../images/left.png");}
.pro1 .qh.swiper-button-prev:hover{background: url("../images/right-this.png");transform: rotate(-180deg);}
.pro1 .qh.swiper-button-next{left: 75%;background: url("../images/left.png");transform: rotate(180deg);}
.pro1 .qh.swiper-button-next:hover{background: url("../images/right-this.png");transform: unset;}
/*�充���滑*/
.about .about-top{width: 100%;max-width: 1400px;margin: 0 auto;}
.about .swiper-pagination{background-color: rgba(10, 29, 150, 0.42);width: 186px;line-height: 45px;bottom: 0;}
.about .swiper-pagination-bullet{background: url("../images/about-d-this.png");opacity: 1;width: 16px;height: 17px;}
.about .swiper-pagination .swiper-pagination-bullet:nth-child(2){margin:0 39px;position: relative;}
.about .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{content: " ";height: 1px;width: 38px;background-color: #fff;display: block;position: absolute;left: -40px;top: 8.5px;}
.about .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{content: " ";height: 1px;width: 38px;background-color: #fff;display: block;position: absolute;right: -40px;top: 8.5px;}
.about .swiper-pagination-bullet-active{background:url("../images/about-d.png"); }
.about .about-center{padding-bottom: 70px;background: url("../images/about-bg.jpg") no-repeat;background-size: cover;background-position-y: 40%;}
.about .about-center .pmd-txt div{float: left;margin-right:16.5%;text-align: center;padding: 50px 0 40px;}
.about .about-center .pmd-txt div:last-child{margin-right: 0;}
.about .about-center .pmd-txt div p{font-size: 18px;color:#656565;line-height: 2;padding: 20px 0;}
.about .about-center .pmd-txt div b{font-size: 20px;line-height: 28px;color:#0A1D96;}
.about .about-center .pmd-txt div b>span{font-size: 50px;}
.about .about-center p.text-center{line-height: 2.1;font-size: 15px;}
.about .about-center a.more{margin: 0 auto;margin-top: 30px;}
/*璧�川�ｈ�*/
.about-bottom{padding-bottom: 70px;background: url("../images/zz-bg.jpg") no-repeat;background-position-y:100%; }
a.abtn { display: block; height: 85px; width: 28px; overflow: hidden; background: url(../images/zz-left.jpg) no-repeat 0px 50%;position:absolute;margin-top: 5vw;}
a.abtn.aright{transform: rotate(-180deg);right: 0;}
.scrolllist { width: 100%; height: 275px; margin: 0 auto;position: relative;}
.scrolllist .imglist_w { width: 92%; height: 100%; overflow: hidden; float: left; position: relative;left: 4%;}
.scrolllist .imglist_w ul {width: 20000px; position: absolute; left: 0px; top: 0px; }
.scrolllist .imglist_w li {width: 25%;max-width:363px;float: left;position: relative;height: 270px;}
.scrolllist .imglist_w li img{height: 270px;object-fit: cover;}
.scrolllist .imglist_w li div.dom-wai{margin: 0 3px;position: relative;}
.scrolllist .imglist_w li div.dom-wai div{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.65);text-align: center;display: none;}
.scrolllist .imglist_w li div.dom-wai div p{margin: 12px 14px;height: 91%;color: #fff;}
.scrolllist .imglist_w li p a{display: block;color: #fff;padding-top: 26%;font-size: 18px;}
.scrolllist .imglist_w li p a>span{display: block;margin-top: 30px;font-size: 30px;}
.scrolllist .imglist_w li:hover div.dom-wai div{display: block;}
/*浼��浼��*/
.qyys{background: url("../images/ys-bj.jpg") no-repeat center;background-size: 100% 100%;}
.qyys li{float: left;width: 25%;text-align: center;height: 766px;border-right: 1px rgba(255,255,255,0.3) solid;transition: ease-in 0.3s;}
.qyys li:last-child{border: unset;}
.qyys li:hover{background-color: rgba(10,29,150,0.7);}
.qyys li *{color: #fff !important;}
.qyys li img{display: inline-block;margin-top: 240px;}
.qyys li b{display: block;font-size: 30px;font-weight: bold;margin-top: 60px;margin-bottom: 25px;}
.qyys li p{font-size: 16px;padding:0 70px;}
/*�伴�涓��*/
.news-con li{float: left;width: 33.333333%;margin-bottom: 70px;transition: ease-in 0.3s;}
.news-con li .news-txt{display: block;}
.news-con li .news-txt span{font-size: 16px;color: #888;display: block;line-height: 20px;}
.news-con li .news-txt h5{font-size: 18px;padding-top: 8px;padding-bottom: 20px;display: block;line-height: 20px;}
.news-con li .news-txt{padding-top: 70px;padding-left: 40px;padding-right: 70px;padding-bottom: 110px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.04);}
.news-con li .news-txt p{font-size: 14px;}
.news-con li .news-txt p small{float: right;font-size: 12px;}
.news-con li:hover{border-bottom: 5px #0A1D96 solid;}
.news-con li:hover h5{color: #0A1D96;font-weight: bold;}
.news-con li:hover small{color: #0A1D96;}
.news-con li .fd{display: none;}
.news-con li .fd1{display: block;}
.news-con li:nth-child(2) .fd1{display: none;}
.news-con li:nth-child(2) .fd2{display: block;}
/*����炬�*/
.link .container{background: url("../images/linkbg.png") no-repeat;padding: 20px 0;background-size: auto 100%;position: relative;}
.link{background: #F5F5F5;}
.link h6{float: left;font-size: 16px;width: 7%;}
.link h6:before{content: url("../images/link.png");float: left;margin-right: 5px;}
.link p{float: right;width: 93%;text-align: left;}
.link p a{display: inline-block;margin-right: 25px;}
.link .link-right{position: absolute;right: 0;bottom: 0;}
/*搴��*/
#footer{padding-top: 55px;}
#footer .title b{font-size: 20px;font-weight: bold;color: #fff;display: block;}
#footer .title b img{display: inline-block;margin-right: 5px;}
#footer .title span{color: #999;font-size: 16px;padding-top: 10px;display: inline-block;}
#footer .txt *{color: #999;}
#footer .left-txt{font-size: 18px;font-weight: bold;margin-top: 50px;padding-bottom: 60px;}
#footer .left-txt img{display: inline-block;margin-right: 7px;}
#footer .left-txt label{display: inline-block;width: 80%;line-height: 36px;}
#footer .title hr{width: 57px;height: 2px;border: unset;display: block;background: #7C7C7C;margin-top: 12px;}
#footer .center-txt a{width: 25%; font-size: 16px;display: inline-block;text-align: left;line-height: 36px;}
/*#footer .center-txt p a:first-child{width: 15%;}*/
/*#footer .center-txt p a:nth-child(2){width: 25%;}*/
#footer .center-txt,#footer .right-txt{margin-top: 20px;}
#footer .right-txt img{width: 114px;}
#footer .right div{margin-left: 50%;}
#footer .con{border-top: 1px #4B4B4B solid;color: #999;font-size: 16px;line-height: 60px;text-align: center;}
#footer .con *{color: #999;font-size: 16px;}
.mobile{display: none;}
@media (max-width: 1600px){
    .top .logo{width: 23%;padding-right: 2%;}
    #navbg{height: auto;}
    #navbg .nav .firstfloor>li{line-height: 100px;}
    #nav_r{height: auto;}
    #nav_r a{line-height: 100px;}
    #navbg .nav .firstfloor>li>a{padding: 0 1vw;}
    #banner .banner-txt{font-size: 36px;}
    #banner .banner-txt p{font-size: 16px;}
    .product-con .list{margin-right: 2.65%;}
    .pro1-txt{padding: 3% 3% 0;width: 36%;}
    .pro1-txt p{padding: 0;margin: 10% 0;height: 90px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .pro1-txt hr{width: 80%;margin-left: -10%;}
    .pro1-txt a{margin-bottom: 16%;}
    .pro1 .qh{top: 94%;}
    .pro1{padding: 90px 0;}
    .about .about-center .pmd-txt div{margin-right: 16%;}
    .link h6{width: 10%;}
    .link p{width: 90%;}
    #footer .left-txt label{font-size: 16px;width: 49%;}
    #footer .center-txt p a:first-child{width: 25%;}
    #footer .center-txt p a:nth-child(2){width: 25%;}
    #nav_r .input-ss{top: 110px;}
    .pro1-img{width: 48%;}

}
/*1350灞��*/
@media screen and (max-width:1400px){
    .about .about-center .pmd-txt div{margin-right: 15%;}
    .p_left{width:240px;}
    .p_left h2{height:100px;line-height:100px;}
    .p_left .p_ul>a{line-height:50px;font-size:15px;background-position:15px 24px;}
    .p_left .p_ul>a.on,.p_left .p_ul>a:hover{background-position:15px 24px}
    .p_left .p_ul ul{padding:12px 10px;}
    .p_left .p_ul ul li{line-height:30px;font-size:14px;}
    .p_left .p_bottom{padding:18px 5px 16px;}
    .p_left .p_bottom .p_txt p:last-child{font-size:27px;}
    .product .p_right{width:calc(100% - 260px);}
    #news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

    .yingyong .yy_ul .yy_li{padding:20px 0;}
    .yingyong .yy_ul .yy_li i{height:40px;}
    .yingyong .yy_ul .yy_li p{font-size:16px;height:24px;line-height:24px;margin-top:10px;}
    .yingyong .yyc_img{padding-bottom:540px;}
    .yingyong .yyc_img .yyc_txt p:first-child{font-size:30px;height:40px;line-height:40px;margin-top:140px;}
    .yingyong .yyc_img .yyc_txt p{font-size:14px;line-height:24px;margin-top:15px;}
    .yingyong .yyc_img .yyc_txt a{margin-top:40px;font-size:14px;}

    #banner .banner-txt{font-size: 26px;}
    #banner .banner-txt p{font-size: 14px;}
    #banner .banner-txt p{padding-top: 1vw;}
    .top .logo{width: 18%;padding-right: 2%;}
    #navbg .nav .firstfloor>li{line-height: 80px;}
    #nav_r a{line-height: 80px;}
    .pro1-txt b{font-size: 24px;}
    .pro1-txt p{font-size: 14px;height: 50px;-webkit-line-clamp: 2;margin: 15% 0;}
    .pro1-txt a{margin-bottom: 12%;}
    .pro1 .qh.swiper-button-prev{left: 71%;}
    .pro1 .qh.swiper-button-next{left: 74%;}
    .pro1-txt hr{width: 77%;}
    .pro1 .qh{width: 30px;height: 30px;background-size: 100% 100% !important;top: 95%;}
    .about .about-center .pmd-txt div p{font-size: 16px;}
    .about .about-center .pmd-txt div b>span{font-size: 46px;}
    .qyys li b{font-size: 24px;margin-top: 40px;margin-bottom: 20px;}
    .qyys li p{font-size: 14px;padding: 0 35px;}
    .qyys li{height: 640px;}
    .qyys li img{margin-top: 180px;}
    #footer .left-txt label{font-size: 18px;width: 100%;}
    #footer .con{font-size: 14px;}
    #nav_r .input-ss{top: 80px;}
}

@media screen and (max-width:1200px){
    .news{margin-top:10px;}
    .news .news_left{width:100%;padding-right:0;float:none;}
    .news .news_right{width:100%;float:none;margin-top:25px;}
    .news .news_right .q_ul .q_li{width:32%;float:left;margin-left:2%;border-top:none;margin-top:0;padding:20px 0 15px;}
    .news .news_right .q_ul .q_li:first-child{margin-left:0;margin-top:0;}
    #nav_r{display: none;}
    #navbg .nav .firstfloor>li{line-height: 60px;}
    .top .logo{padding: 15px 0;padding-right: 2%;}
    .banner-boot a span{font-size: 14px;line-height: 60px;}

    .index-title{margin: 3vw auto;}
    .about .about-center .pmd-txt div b>span{font-size: 40px;}

    .about .about-center .pmd-txt div{margin-right: 10.5%;}
    #navbg .nav .firstfloor>li>a{padding: 0 1.4vw;}
    #nav_r .input-ss{top: 60px;}
    .pro1-img{width: 55%;}
    .pro1-txt{padding: 3% 3% 0;width: 45%;}
    .pro1 .qh.swiper-button-prev{left: 86%;}
    .pro1 .qh.swiper-button-next{left: 89.5%;}
    .pro1-txt hr{position: relative;top: -20px;width: 82%;}
}

/*992灞��*/
@media screen and (max-width:991px){
    #mobilehead{display:block;}
    .top{display:none;}
    #navbg{display:none;}
    #mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
    #mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box.nav_box1{top:70px;}

    .p_left{display:none;}
    .p_class{display:block;}
    .product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
    .product .p_right h2{margin:20px 0;}
    .product{padding:15px 0;}
    .product .p_li{width:32%;margin-left:2%;}
    .product .p_li:nth-child(4n+1){margin-left:2%;}
    .product .p_li:nth-child(3n+1){margin-left:0;}


    .news .news_left .nl_left{width:270px;margin-top:23px;}
    .news .news_left .nl_left .nl_img{padding-bottom:335px;}
    .news .news_left .nl_ul{width:calc(100% - 270px);padding-left:20px;}
    .news .news_left .nl_ul .nl_li{padding:23px 0 16px;margin-top:6px;}
    .news .news_right{margin-top:15px;}
    .news .news_right .q_ul .q_li{width:49%;}
    .news .news_right .q_ul .q_li:nth-child(odd){margin-left:0;}

    #news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;}

    .yingyong .yy_ul .yy_li{padding:10px 0;}
    .yingyong .yy_ul .yy_li i{height:26px;}
    .yingyong .yy_ul .yy_li p{font-size:14px;margin-top:5px;}
    .yingyong .yyc_img{padding-bottom:400px;}
    .yingyong .yyc_img .yyc_txt p:first-child{font-size:20px;height:26px;line-height:26px;margin-top:130px;}
    .yingyong .yyc_img .yyc_txt p{font-size:13px;margin-top:7px;line-height:24px;}
    .yingyong .yyc_img .yyc_txt p br{display:none;}
    .yingyong .yyc_img .yyc_txt a{margin-top:20px;}

    .product-con .list{width: 48.6%;}
    .product-con .list:nth-child(2n+2){margin-right: 0;}

    .index-title h3{font-size: 3rem;}
    .product-case ul li{width: 16.6%;}
    .product-case ul li:nth-child(6) span{border: 0;}
    .product-case ul li:nth-child(n+7){display: none;}

    .pro1 .swiper-slide{width: 100% !important;}
    .pro1-txt p{margin: 10% 0;}
    .pro1 .qh.swiper-button-prev{left: 83%;}
    .pro1 .qh.swiper-button-next{left: 87%;}
    .pro1 .qh{width: 20px;height: 20px;top: 96%;}
    .about .about-center .pmd-txt div{margin-right: 4%;}
    .about .about-center .pmd-txt div img{height: 61px;}
    .about-bottom{display: none;}
    .news-con li{width: 50%;}
    .news-con li:nth-child(2){display: none;}
    .news-con li .news-txt{padding: 60px 30px;}
    .link{display: none;}
    #footer .center{display: none;}
    #footer .right div{margin-left: 0;}
    #footer .left-txt label{font-size: 14px;width: 49%;}

    .pro1-txt hr{width: 72%;margin-left: -8%;}
}

@media screen and (max-width:768px){
    #mobilehead{background:url(../images/mlogo.png) no-repeat 10px center #FFF;background-size:auto 50px;}
    .p_class h2{display:none;}
    .p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
    .product .p_content .p_li{width:48%;margin-left:4%;}
    .product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
    .product .p_content .p_li:nth-child(odd){margin-left:0;}


    .news .news_left .nl_left{display:none;}
    .news .news_left .nl_ul{width:100%;padding-left:0;float:none;}
    .news .news_right .q_ul .q_li{width:100%;float:none;margin-left:0;border-top:1px dashed #E2E2E2;}


    .yingyong .yy_ul .yy_li i{display:none;}
    .yingyong .yy_ul .yy_li p{margin-top:0;}

    #banner .banner-txt{font-size: 20px;width: 86%;left: 7%;top: 24%;}
    #banner .banner-txt p{font-size: 14px;line-height: 2;}

    .container{width: 98%;margin: auto 1%;}
    .pro1-img{float: unset;width: 100%;}
    .pro1-img img{height: auto;}
    .pro1-txt{float: unset;width: 100%;padding: 0;padding-top: 3%;}
    .pro1-txt p{margin: 3rem 0;}
    .pro1-txt a{margin-bottom: 3rem;}
    .pro1-txt hr{margin-left: 0;width: 80%;margin-top: 0;padding-bottom: 10px;}
    .pro1 .qh.swiper-button-prev{left: 80%;}
    .pro1 .qh.swiper-button-next{left: 87%;}
    .pro1 .qh{width: 40px;height: 40px;top: 95%;}
    .about .about-center .pmd-txt div{width: 50%;margin-right: 0;text-align: center;}
    .about .about-top .swiper-slide img{height: 35vw;object-fit: cover;}
    .qyys li{height: 320px;width: 50%;}
    .qyys li img{margin-top: 11%;}

}


/*500灞��*/
@media screen and (max-width:499px){
    #mobilehead{background:url(../images/mlogo.png) no-repeat 10px center #FFF;background-size:auto 40px;}
    #mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box{top:70px;}
    #mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
    .pb_title .sub_title{font-size:13px;line-height:22px;}
    .product .p_class{text-align:left;}
    .product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
    .product .p_class a:nth-child(2n+1){margin-left:0;}
    .product .p_content{margin-top:20px;}
    .product .p_content .p_li{width:100%;}
    .product .p_btn a{width:48%;margin-left:4%;}

    .news .news_title h2{font-size:20px;}
    .news .news_left .nl_ul .nl_li{padding:15px 0 9px;}
    .news .news_left .nl_ul .nl_li .nl_txt{padding-left:76px;}
    .news .news_left .nl_ul .nl_li .nl_txt:before{left:66px;}
    .news .news_left .nl_ul .nl_li .nl_date{font-size:20px;height:22px;line-height:22px;}

    .info_title h2{font-size:22px;height:36px;line-height:36px;}
    .info_title i{margin:10px 0;}
    .info .info_btn a{width:130px;margin-left:10px;}
    .info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}

    .yingyong .yyc_img .yyc_txt p:first-child{margin-top:130px;}
    .yingyong .yyc_img .yyc_txt a{margin-top:10px;}
    .yingyong .yy_ul .yy_li{width:33.333%;border-bottom:1px solid rgba(255,255,255,.2);}
    .yingyong .yy_ul .yy_li p{font-size:13px;font-weight:bold;}
    .banner-boot a{width: 33.33%;padding: 5px 0;}
    .banner-boot a:nth-child(3n+3) span{border: 0;}
    #banner img{height: 50vw;object-fit: cover;}
    #banner .banner-txt{top: 30%;}
    #banner .banner-txt p{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
    .product-con .list{width: 100%;padding: 3.5rem 0;}
    .product-case ul li{width: 25%;}
    .product-case ul li:nth-child(4) span{border: 0;}
    .product-case ul li:nth-child(n+5){display: none;}
    .about .about-center .pmd-txt div p{font-size: 14px;padding: 3rem 0;}
    .about .about-top .swiper-slide img{height: 50vw;}
    .about .swiper-pagination{line-height: 30px;}
    .mobile{display: block;}
    .pc{display: none;}
    .qyys-con img{display: block;margin: 0 auto;padding-top: 60px;}
    .qyys-con *{color: #fff;text-align: center;}
    .qyys-con b{font-size: 24px;font-weight: bold;line-height: 3;}
    .qyys-con p{font-size: 16px;line-height: 2;padding:0 30px;padding-bottom: 60px;}
    .news-con li{width: 100%;}
    .index-title h5{display: none;margin-bottom: 40px;}
    .about .about-center p.text-center{font-size: 14px;line-height: 2;}
    .index-title h3{font-size: 2.8rem;}
    .index-title{margin: 4rem auto;}
    .banner-boot a span{line-height: 50px;}
    .banner-boot a span img{width: 30px;}
    .about .about-center .pmd-txt div{padding: 3rem 0;}
    .about .about-center .pmd-txt div:nth-child(n+3){padding-top: 0;}
    .about .about-center .pmd-txt div p{padding: 1rem 0;}
    .news-con li .news-txt{padding: 3rem 1.5rem;}
    .news-con li{margin-bottom: 3rem;}
    .pro1{padding: 50px 0;}
    .pro1 .qh.swiper-button-prev{left: 80%;}
    .pro1 .qh.swiper-button-next{left: 89%;}
    .pro1 .qh{width: 30px;height: 30px;top: 95%;}
    .about .about-center{padding-bottom: 30px;}
}




@media screen and (max-width:991px){
    #navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
    #navbg .nav .secondfloor{top:55px;}
    .index_banner{padding-bottom:40%;}
    #stylepbulic{height:200px;}
    #footbottombg{padding-bottom:55px;}
}

/*����冲ù�煎З*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*�靛�婧�ù�煎З*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}



.nbom{display: none;}

@media screen and (max-width: 640px){
    .nbom {    display: block;}
    .footer_x { padding-bottom:110px;}
    #izl_rmenu{ display:none}
    #footer{padding-bottom: 100px;}
    #footer .left-txt label{font-size: 18px;width: 100%;}
    #footer .left{width: 70%;}
    #footer .right{width: 25%;}
    #footer .con{line-height: 2;}
    #footer .con a{font-size: 14px;}
}

/*氓潞�⒚┢�����ヂ��忙��莽�郝�/
.nbom{ position:fixed; bottom:0; height:94px; width:100%; left:0; z-index:100000000000;}
.nbom .w1{ position:relative;background:#505050; height:94px;}
.nbom .ahome{ display:block; width:14.4%; height:118px; position:absolute; top:-30px; left:42.8%;}
.nbom .ahome img{ width:100%;}
.nbom .nav-bom{ height:94px;}
.nbom .nav-bom li{height:94px;float:left; width:20%;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#fff; font-size:18px;line-height:23px; text-align:center; position:relative; padding:0; height:94px; display:block;}
.nbom .nav-bom li i{ display:block; width:29.33%; margin:12px auto 0;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}

@media (max-width: 499px) {
    .nbom{ height:65px;}
    .nbom .ahome{ top:-25px; width:17.4%;left:41.8%;}
    .nbom .nav-bom li a{ font-size:16px; line-height:18px;}
    .nbom .ahome{ top:-20px}
    #footer .left{width: 100%;}
    #footer .right{width: 0;display: none;}
    #footer .left-txt{margin-top: 3rem;padding-bottom: 3rem;}
    #footer{padding-top: 3rem;}

}

@media (max-width: 375px) {
    .nbom{ height:50px;}
    .nbom .nav-bom li i{ margin-top:5px;}
    .nbom .nav-bom li a{ font-size:14px; line-height:19px;}

}

@media (max-width: 320px) {
    .nbom .ahome{ top:-15px}
}
