/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:18px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}




input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.wh{max-width:1530px;margin:0 auto;padding:0 15px;}


.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}





.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


.flexs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}





/*头部样式*/
.top2{height:120px;overflow:hidden;}
.logo{line-height:120px;width:51.07%;}
.logo img{width:100%;}
.k2{font-size:32px;color:#0056a3;line-height:32px;background: url(../images/tdh.png) no-repeat left center;padding-left:80px;font-family:"Arial";font-weight:bold;}







/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




/* 导航样式 */
.dao{background:#0056a3;}
.x-menu {}
.x-menu > li {
 
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size: 18px;
  color: #fff;
  line-height:65px;
}

.x-menu > li:hover > a {
  background: url(../images/hx1.png) no-repeat center 79%;
  color: #fff;
}

.x-menu > li.active > a {

}



.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 150%;
  left: -25%;
  top: 65px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}


.x-banner {overflow: hidden;position: relative;}
.x-banner .owl-carousel .banner-item a {overflow: hidden;}
.x-banner .owl-carousel .banner-item a img{animation: banner 10s linear infinite;display: block;width: 100%;}
@keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)} }




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}


/*主体样式*/
.box1{margin:4vw 0;overflow:hidden;}
.bt{text-align:center;}
.bt h2 span{color:#0056a3;font-size:40px;margin:0 20px;}
.bt h2 img{vertical-align:12px;}
.bt h3{color:#787878;font-size:18px;font-weight:normal;margin-top:1vw;}
.box1 .cont{margin-top:2.5%;}
.prodz{background:#0056a3;width:23%;padding-left:30px;padding-bottom:2%;}
.ptt{color:#fff;font-size:36px;text-transform:uppercase;font-weight:300;padding-top:2vw;}
.ptt span{font-size:24px;}
.px{width:63px;height:2px;background:#f9cd03;margin:28px 0 28px;}
.xypg-left-nav2{width:74%;margin-top:1vw;}
.xypg-left-nav2 > li > a{color:#333333;font-size:18px;padding-left:8%;background:url(../images/s2.png) no-repeat 92% center #fff;line-height:50px;display:block;margin-bottom:10px;}
.xypg-left-nav2 .xypg-left-subnav2{padding-left:15%;margin-bottom:10px;display:none;}
.xypg-left-nav2 .xypg-left-subnav2 li{line-height:30px;}
.xypg-left-nav2 .xypg-left-subnav2 li a{color:#fff;opacity:.9;font-size:16px;}
.xypg-left-nav2 > li.cur > a{color:#333333;background:url(../images/s1.png) no-repeat 92% center #f9cd03;}

.xypg-left-nav2 > li:nth-child(1) .xypg-left-subnav2{display:block;}

/*.xypg-left-nav2 > li:hover .xypg-left-subnav2{display:block;}*/

/*.xypg-left-nav2 li.cur .xypg-left-subnav2{display:block}*/

.tabzz_content{width:77%;position:relative;}
.ttzz {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}
.ttzz.active{opacity: 1;visibility: visible;height:100%;}
.ttzz .swiper-wrapper li{text-align:center;padding:0 .2%;}
.ttzz .swiper-wrapper li .img img{width:100%;display:block;max-height:230px;}
.ttzz .swiper-wrapper li h3{color:#fff;font-size:16px;line-height:3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;background:#0056a3;}
.ttzz .swiper-button-prev{background:url(../images/z.png) no-repeat;width:77px;height:77px;position:absolute;left:-38.5px!important;top:29%!important;margin-top:0!important;z-index:9999;opacity:1!important;background-size:100% 100%;}
.ttzz .swiper-button-next{background:url(../images/y.png) no-repeat;width:77px;height:77px;position:absolute;left:-38.5px!important;top:48%!important;margin-top:0!important;z-index:9999;opacity:1!important;background-size:100% 100%;}







.box2{padding:2vw 0;overflow:hidden;background: url(../images/bj2.jpg) no-repeat;background-size:100% 100%;}
.ads{text-align:center;}
.ads li{display:inline-block;font-size:20px;color:#fff;margin:0 11px;}
.ads li img{margin-right:10px;}
.htwz{color:#fff;font-size:44px;margin:1.6vw 0;text-align:center;}
a.zx{color:#fff;font-size:14px;display:block;margin:0 auto;background-color: rgb(240, 130, 0);border-radius:25px;width:250px;line-height:38px;text-align:center;}
a.zx img{margin-right:10px;}


.box3{margin:4vw 0;overflow:hidden;}
.anli{margin-top:2vw;}
.anli li{width:32.5%;margin-bottom:.5vw;}
.anli li .img img{width:100%;display:block;}
.anli li .det{background:#0162bb;padding:0 5%;}
.anli li h3{color:#fff;font-size:18px;background:url(../images/cm.png) right center no-repeat;font-weight:normal;line-height:3.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}




.reason {
    background: url(../images/you.png)no-repeat center top;
    padding-top:4vw;
    margin-bottom:4vw;
}


.ron-cfn {
    margin-top:2.5vw;
}

.ron-cfn ul {
    display: flex;
    flex-wrap: wrap;
}

.ron-cfn ul li {
    width: 23.6%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:25px 0;
    padding-left:30px;
    cursor: pointer;
    margin-left: 1.86%;
}

.ron-cfn ul li:first-child {
    margin-left: 0;
}

.ron-cfn ul li.cur {
    background-color: #0162bb;
}

.ron-cfn ul li .ron-ico {
    max-height:48px;
    max-width: 53px;
    overflow: hidden;
}

.ron-cfn ul li .ron-ico img {
    max-width: 100%;
    transition: all .3s ease;
}

.ron-cfn ul li.cur .ron-ico img {
    margin-top: -48px;
}

.ron-cfn ul li .ron-tit {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left:13px;
}

.ron-cfn ul li .ron-tit h3 {
    font-size:22px;
    color: #333;
}

.ron-cfn ul li.cur .ron-tit h3 {
    color: #fff;
}

.ron-cfn ul li .ron-tit span {
    display: block;
    font-size: 12px;
    color: #e6e6e6;
    text-transform: uppercase;
    font-family: Arial;
    line-height: initial;
    margin-top: 5px;
}

.ron-cfn ul li.cur .ron-tit span {
    color: #fff;
}

.ron-show .aa{
    background-color: #fff;
    margin-top:2.5vw;
    position: relative;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.24);
}





.ron-left {
    width: 62%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ron-left img{width:100%;display:block;}


.ron-right {
    width:32%;
    margin-left:3%;margin-right:3%;
}


.ron-show{display: none;}



.ron-show ul li {}

.ron-show ul li .ron-text {
    position: relative;
}

.ron-show ul li .ron-text h3 {
    font-size:30px;
    font-weight: bold;
    color: #0162bb;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.ron-show ul li .ron-text span {
    display: block;
    font-size:14px;
    color: #666666;
    margin-top:13px;font-family:"Arial";text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:25px;letter-spacing:1px;
}
.ron-show ul li .ron-text .xian{background:#e5e5e5;width:80%;height:1px;}
.ron-show ul li .ron-text .text {
    font-size:16px;
    line-height:33px;
    color: #717171;
    margin-top:22px;
}

.ron-show ul li .ron-text a{font-family:"Arial";font-size:16px;text-transform:uppercase;color:#fff;display:block;text-align:center;background:#0162bb;width:189px;line-height:58px;margin-top:48px;}




@media(max-width: 1440px) {
    .ron-cfn ul li {
        padding: 25px 0;
        padding-left: 14px;
    }
    .ron-show ul li .ron-text h3 {
        font-size:26px;
    }
    .ron-show ul li .ron-text span {
        font-size:13px;
    }
    .ron-show ul li .ron-text .text {
        font-size: 14px;
        line-height:30px;
    }

}


@media(max-width: 1199px) {
    .ron-cfn ul li .ron-tit h3 {
        font-size:16px;
    }
    .ron-cfn ul li .ron-ico {
        max-width:30px;
        max-height:30px;display:none;
    }
    .ron-cfn ul li .ron-tit {
        margin-left:10px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -30px;
    }
    .ron-cfn ul li {
        padding-left: 8px;
    }
    .ron-show ul li .ron-text h3 {
        font-size:20px;
    }
    .ron-show ul li .ron-text span {
        margin-top: 5px;font-size:12px;margin-bottom:10px;letter-spacing:0;
    }
    .ron-show ul li .ron-text .text {
        font-size: 14px;
        margin-top:15px;
        line-height:23px;
    }
   .ron-show ul li .ron-text a{width:130px;line-height: 40px;font-size:14px;margin-top:20px;}
}



@media(max-width: 991px) {
    .ron-cfn ul li .ron-tit h3 {
        font-size:16px;

    }
    .ron-cfn ul li .ron-ico {
        max-width: 30px;
        max-height: 33px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -33px;
    }
    .ron-cfn ul li .ron-tit span {
        display: none;
    }
    .ron-cfn ul li {
        justify-content: center;
        padding: 15px 0;
    }

    .ron-hot {
        display: none;
    }


    .reason {
        padding-top:30px;margin-bottom:30px;
    }
    .ron-cfn {
        margin-top: 30px;
    }
    .ron-show {
        margin-top:20px;
        padding: 15px;
    }
}

@media(max-width: 768px) {
    .ron-show .aa{margin-top:0;}
    .ron-show{padding:0;}
   .ron-left{width:100%;}
   .ron-right{width:100%;margin-left:0;padding:15px;}
   .ron-cfn ul li .ron-tit{margin-left:0;}

}



@media(max-width: 767px) {
    .ron-left {
        width: 100%;
    }
    .ron-right {
        width: 100%;
        padding-top: 20px;
    }

    .pro-list ul li .pro-img{
        width: 100%;
    }
    .pro-list ul li .pro-text{
        width: 100%;
    }
}

@media(max-width: 425px) {
    .ron-cfn ul li {
        width: 48%;
        margin-left: 4%;
    }
    .ron-cfn ul li:nth-child(3) {
        margin-left: 0;
    }
    .ron-cfn ul li:nth-child(3),
    .ron-cfn ul li:nth-child(4) {
        margin-top: 10px;
    }
    .ron-show ul li .ron-img {
        float: none;
        width: 100%;
    }
    .ron-show ul li .ron-text {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .ron-show ul li .ron-text h4 {
        font-size:40px;
    }
    .title h3{font-size:26px;}
     .title p{font-size:14px;}
     .ron-cfn{margin-top:25px;}
         .ron-show ul li .ron-text h3 {
        font-size:18px;
    }

}

@media(max-width: 320px) {
    .ron-cfn ul li .ron-tit h3{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .ron-show ul li .ron-text h3{font-size:16px;}
}








.box5{overflow:hidden;}
.apic{width:100%;}
.apic img{width:100%;display:block;}


.ab{margin-top: -156px;z-index:999;position: relative;}
.gyz{background:url(../images/gy.png) no-repeat;padding-bottom:4vw;width:52.45%;float:left;background-size:100% 100%;}

.about{margin-left: calc((100vw - 1500px) / 2);width:55.61%;}
.abtt{color:#0056a3;font-size:36px;text-transform:uppercase;padding-top:30px;}
.abx{width:65px;height:2px;background:#0056a3;margin:20px 0 16px;}
.abwz{color:#666666;font-size:18px;line-height:35px;text-align:justify;}

.ab2{background:#0056a3;width:20%;min-height:379px;padding-left:20px;}
.abtt2{color:#ffffff;font-size:34px;line-height:64px;padding-top:2.2vw;}
a.am{display:block;color:#fff;background:url(../images/am.png) no-repeat 90% center #f9cd03;font-size:16px;text-transform:uppercase;width: 144px;line-height:41px;text-indent:10%;border-radius:25px;margin-top:4vw;}



.gun{width:47.55%;margin-top:9.2vw;position:relative;}
/*.gun:after{content:"";width:100%;height:223px;background:#f8f8f8;position:absolute;display: block;bottom:-6px;left:0;z-index:9;}*/
.gun .cont{width:77%;margin-left:3.5%;}
.large-img2{margin-left:-8px;margin-right:-8px;position:relative;z-index:999;}
.large-img2 li{margin:0 8px;margin-bottom:14px;border: 1px solid #eee;}
.large-img2 li .img img{width:100%;display:block;}





.box6{margin-bottom:4vw;overflow:hidden;}
.large-img{margin-top:2.3vw;margin-left:-10px;margin-right:-10px;}
.large-img li{margin:0 10px;margin-bottom:20px;border:1px solid #eee;}
.large-img li .img img{width:100%;display:block;}


.box7{padding:4vw 0;overflow:hidden;background: url(../images/bj7.jpg) no-repeat;background-size:100% 100%;}
.box7 .cont{margin-top:2.3vw;}
.xw{width:49%;}
.xtt{margin-bottom:1vw;}
.xtt h2{color:#0056a3;font-size:28px;}
.xtt a{color:#666666;font-size:16px;}
.xw1{margin-bottom:1.5vw;}
.xw1 li{background:#fff;}
.xw1 li .img{width:38%;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .det{width:58%;margin-right:2%;}
.xw1 li h3{font-size:20px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;}
.xw1 li h4{width:31px;height:2px;background:#0162bb;margin:8px 0 6px;}
.xw1 li p{color:#787878;font-size:16px;line-height:24px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.xw1 li .nr{margin-top:20px;}
.xw1 li h5{font-weight:normal;color:#787878;font-size:14px;}
.xw1 li .mo{font-weight:normal;color:#fff;font-size:14px;border-radius:25px;background:#0056a3;width:128px;line-height:33px;text-align:center;}

.txtMarquee-top{width:98%;margin:0 auto;}
.txtMarquee-top li{position:relative;}
.txtMarquee-top li h3{width:80%;color:#333333;font-size:16px;font-weight:normal;background: url(../images/ya.png) no-repeat left center;padding-left:33px;line-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.txtMarquee-top li h5{color:#999999;font-size:16px;font-weight:normal;line-height:35px;}

.txtMarquee-top2{width:92%;margin:0 auto;}
.txtMarquee-top2 li{position:relative;}
.txtMarquee-top2 li h3{width:80%;color:#333333;font-size:16px;font-weight:normal;background: url(../images/ya.png) no-repeat left center;padding-left:33px;line-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.txtMarquee-top2 li h5{color:#999999;font-size:16px;font-weight:normal;line-height:35px;}









/*页面底部*/
.foot{background:#222222;padding:3vw 0;}
.f_nav{width:36.93%;}
.f_nav dl{width:29%;}
.f_nav dl.aa{width:13%;}
.f_nav dt{margin-bottom:19px;font-size:16px;color:#fff;font-weight:normal;padding-bottom:19px;border-bottom:1px solid #4e4e4e;}
.f_nav dd a{font-size:14px;color:#bebebe;line-height:30px;height:30px;overflow:hidden;}

.foot2{}
.ftt{font-size:18px;color:#fff;}
.lx{color:#ffffff;font-size:14px;line-height:28px;margin-top:25px;}
.lx a{color:#ffffff;}
.k1{color:#bebebe;font-size:12px;margin-top:10px;}
.k1 a{color:#bebebe;}


.fads{width:15.67%;margin-top:20px;}
.fads li{width:45%;text-align:center;}
.fads li img{width:100%;display:block;}
.fads li h3{font-weight:normal;color:#bebebe;font-size:12px;margin-top:9px;}

.f_link{border-top:1px solid #343434;color:#bebebe;font-size:14px;padding-top:1.5vw;margin-top:3vw;}
.f_link a{color:#656565;padding:0 5px;}


.bq{background:#1c1c1c;color:#666666;font-size:14px;padding:20px 0;}
.bq a{color:#666666;}








/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;}

.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;display:block;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:350px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}
.xypg-right-content .content{padding-top:15px;overflow:hidden;}



@media (max-width:1660px) {
  .about{margin-left:15px;width:65%;}
  .ab2{width:28%;min-height:389px;}
  .gun .cont{width:94%;}
  .abtt2{font-size:32px;}
  .abwz{font-size:16px;line-height:30px;}
  .abtt{font-size:32px;}
  .gun .cont{padding-top:10px;}
  .gun:after{bottom:5px;height:233px;}

}



@media (max-width:1440px) {
  .ab2{min-height:334px;}
  .gun .cont{padding-top:0;}
  .gun:after{height:260px;bottom:-19px;}

}



@media (max-width:1366px) {
  .gyz{background:#fff;/*width:100%;padding:3vw 0;*/}
  .ab{/*margin-top:0;*/margin-bottom:4vw;}
  .gun{/*width:100%;margin-top:0;*/background:#f8f8f8;padding-top:14px;}
  .gun:after{display:none;}
  .gun .cont{width:100%;margin:0 auto;padding-left:15px;padding-right:15px;}
  .ab2{/*display:none;*/}
  .about{/*width:100%;*/padding-left:15px;padding-right:15px;margin-left:0;}
  .abtt{/*padding-top:0;*/}
  
  .xypg-left-nav2 .xypg-left-subnav2 li{    line-height: 25px;}
  .xypg-left-nav2 > li > a{font-size: 16px;line-height: 35px;}
  .prodz{padding-bottom: 5.2%;}
}




@media (max-width:1200px) {
    .ab2{min-height:356px;}
  .gyz{background:#fff;width:100%;padding:3vw 0;}
  .ab{margin-top:0;margin-bottom:4vw;}
  .gun{width:100%;margin-top:0;background:#f8f8f8;padding-top:14px;}
  .about{width:100%;padding-left:15px;padding-right:15px;margin-left:0;}
  .ab2{display:none;}
}


@media (max-width:1024px) {
	.k2{font-size:28px;}
	.x-menu > li > a{font-size:15px;}
	.bt h2 span{font-size:33px;}
	.bt h2 img{vertical-align:7px;}
	.bt h3{font-size:16px;}
  .ads li{font-size:18px;}
  .htwz{font-size:30px;}
  .anli li h3{font-size:16px;}
  .xtt h2{font-size:22px;}
  .xtt a{font-size:14px;}
  .xw1 li h3{font-size:17px;}
  .xw1 li p{-webkit-line-clamp:2;font-size:14px;}
  .xw1 li .nr{margin-top:10px;}
	.txtMarquee-top li h3{font-size:14px;line-height:30px;}
	.txtMarquee-top li h5{font-size:14px;line-height:30px;}
	.txtMarquee-top2 li h3{font-size:14px;line-height:30px;}
	.txtMarquee-top2 li h5{font-size:14px;line-height:30px;}
	.xw1 li .mo{width:110px;line-height:28px;}
  .fads{display:none;}
  .f_nav{width:51%;}
  .ptt{font-size:24px;}
  .ptt span{font-size:16px;}
  .prodz{padding-left:15px;}
  .px{margin:15px 0;}
  .xypg-left-nav2 > li > a{font-size:14px;line-height:38px;}
  .xypg-left-nav2 .xypg-left-subnav2{padding-left:15px;}
  .xypg-left-nav2 .xypg-left-subnav2 li{line-height:22px;}
  .xypg-left-nav2 .xypg-left-subnav2 li a{font-size:13px;}
  .ttzz .swiper-button-prev{width:40px;height:40px;position:absolute;left:-20px!important;top:29%!important;}
  .ttzz .swiper-button-next{width:40px;height:40px;position:absolute;left:-20px!important;top:48%!important;}

}



@media (max-width: 768px) {
 .page-banner{margin-top:60px;}
 .n_banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
  .ads li{font-size:16px;}
  .htwz{font-size:22px;}
	.bt h2 span{font-size:26px;}
	.bt h2 img{vertical-align:5px;}
	.bt h3{font-size:14px;}
	.anli li h3{font-size:14px;}
   .large-img{margin-left:-5px;margin-right:-5px;}
  .large-img li{margin:0 5px;margin-bottom:10px;}
  .xw1 li p{-webkit-line-clamp:1;}
  .txtMarquee-top li h3{width:60%;}
  .txtMarquee-top2 li h3{width:60%;}
  .xtt h2{font-size:20px;}
  .xw1 li h3{font-size:16px;}
  .abtt{font-size:25px;}
  .abwz{font-size:14px;line-height:28px;}
  .prodz{width:100%;padding-right:15px;padding-bottom:10px;}
  .tabzz_content{width:100%;}
  .ttzz .swiper-button-prev{left:0px!important;top:25%!important;}
  .ttzz .swiper-button-next{left:0px!important;right:0px!important;top:52%!important;}
  .xypg-left-nav2{width:100%;}
  .ttzz .swiper-wrapper li h3{font-size:14px;}

}


@media (max-width: 425px) {
   .ads li{font-size:14px;margin:0 5px;}
   .ads li img{display:none;}
   .htwz{font-size:18px;}
   a.zx{font-size:12px;width:190px;line-height:27px;}
   .bt h2 span{font-size:20px;}
   .bt h2 img{display:none;}
   .box2{padding:4vw 0;}
   .anli{margin-top:4vw;}
   .anli li{width:48%;margin-bottom:10px;}
   .xw{width:100%;}
   .xw2{margin-top:15px;}
   .txtMarquee-top .tempWrap{height:80px!important;overflow:hidden;}
   .txtMarquee-top2 .tempWrap{height:80px!important;overflow:hidden;}
   .xtt{margin-bottom:4vw;}
   .large-img{margin-top:4vw;}
   .xw1{margin-bottom:3vw;}
   .bq{font-size:12px;}
   .gyz{padding:5vw 0;}
   .abtt{font-size:20px;}
   .abx{width:55px;height:2px;margin:15px 0 10px;}
     .ttzz .swiper-button-prev{width:30px;height:30px;}
     .ttzz .swiper-button-next{width:30px;height:30px;}
    
}

@media (max-width:320px) {
  .anli li h3{background:none;line-height:2.5;}
  .xw1 li .mo{display:none;}
  .xw1 li h3{font-size:14px;}
  .xw1 li p{font-size:12px;}
  .xw1 li h5{font-size:12px;}
  .xw1 li .nr{margin-top:0;}
  .xtt h2{font-size:18px;}
  .xtt a{font-size:12px;}


}



/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}

.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #0162bb;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}