/*初始化样式*/
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;}
i,cite,em,var,address,dfn{font-style:normal;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#333;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';outline:0;}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;outline:0;}
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,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.pics_wrap img{
    height: 100vh!important;
    width: 100vw!important;
}

/*----- 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;}


/*滚动*/
#demo{overflow:hidden;width:76%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1660px;margin:0 auto;padding:0 30px;}
.wh100{max-width:100%;margin:0 auto;padding:0 30px;}


.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);}



.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top2{position: fixed;top:0;z-index: 999;height:100px;border-bottom: 1px solid rgba(255,255,255,.2);width: 100%;}
.logo{float:left;line-height:100px;  padding-right: 30px;border-right: 1px solid rgba(255,255,255,.2);}




/*热门搜索*/
.sou{border-top: 1px solid rgba(255,255,255,.2);padding-top: 4%;margin-top: 2%;}
.sou #formsearch{float:right;}
.sou .hotSearch{float:left;height:54px;line-height:54px;font-weight:normal;font-size: 14px;color: #5d5d5d;}
.sou .hotSearch a{margin-right:10px;color: #5d5d5d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}



/*搜索和热门搜索*/
.sou #formsearch input{height:54px;background:transparent;border:none;line-height:54px;}
.sou #formsearch input#keyword{height:54px;float: left; line-height:54px;padding-left:15px;color:#5d5d5d;border:0;width: 367px;background: #fff; border-right: none;border-radius: 5px 0 0 5px;}
.sou #formsearch input#s_btn{width:144px;float: left; height:54px;line-height:54px;text-align:center;background-color:#11348e;color:#fff;border:none;cursor:pointer;font-size: 18px;border-radius:0 5px 5px 0 ;}
.sou #formsearch input::-webkit-input-placeholder {color:#5d5d5d;}
.sou #formsearch textarea::-webkit-input-placeholder {color: #5d5d5d;}







.mob-nav ul{padding-top: 13%;}
.mob-nav ul li {width: 20%;}
.mob-nav ul li >a{display: block;color: #fff;font-size: 20px;}
.mob-nav ul li .sec{margin-top: 20px;padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.2);}
.mob-nav ul li .sec a{color: #fff;opacity: 0.5;font-size: 14px;display: block;line-height: 30px;}
.mob-nav ul li .sec a:hover{ opacity: 0.8;}



.mob-nav {
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 0;
  width: 100%;
  background:#202020;
  display: none;
}

.mob-nav.active {
  /*opacity: 1;*/
}
.k2 .nav-btn{line-height: 100px;cursor: pointer; display: block;color: #fff; text-align: center;font-family: "arial";text-transform: uppercase;
}

.close-btn{text-align: right;position: absolute;right: 30px;top:-69px;z-index: 9999;display: none;cursor: pointer;}
.top2.cur{background:#202020;-webkit-transition: all .5s ease;transition: all .5s ease;}
.logo2{display: none;}
.top2.cur .logo1{display: none;}
.top2.cur .logo2{display: inline-block;}
.mob-nav .wh{position: relative;}
.top2.cur .k2{display: none;}

.gl {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 20%;
  z-index: 99999;
  -webkit-animation: myfirst 1.5s infinite; animation: myfirst 1.5s infinite;
}


@-webkit-keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}
@keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}


.section0{position: relative;}
.x-banner {
    height: 100vh;
    width: 100vw;
}
@media (max-width: 1700px) {
.gl{bottom: 40%;}
}
@media (max-width: 1260px) {
 .gl{display: none;}
}
@media (max-width: 1024px) {
    .x-banner {
        height: auto;
    }
    .section1,.section2 {
        padding: 40px 0;
    }
      .fp-tableCell {
        height: auto !important;
    }
     .fp-section {
        height: auto !important;
    }
    #fp-nav{display: none;}

}

/* */
.section{position: relative;width: 100%;}
.a2{max-width: 1260px;margin:0 auto;padding:0 30px;}

.section0{background:#fff;}



dt{font-weight: normal;}
/* 关于我们 */
.section1 .abt{position: absolute;width: 100%;z-index: 9999;}


.section1{background: url(../images/bg1.jpg) no-repeat 50% 0; background-size: cover;}
.abt{text-align: center;}
.abt dd{color: #ffffff;font-size: 36px;font-weight: bold; letter-spacing: 3px;}
.abt dt{font-size: 18px;color: #fff;;text-transform: uppercase;}




/* 产品 */
.section{overflow: hidden;}
.section2{background: url(../images/bg2.jpg) no-repeat 50% 0; background-size: cover;}


.product_list1{margin-top: 5%;}
.product_list1 li{_display:inline;position: relative;margin: 0 0.2%;}
.product_list1 li h3{text-align:center;line-height:44px;font-weight:normal;color:#fff;font-size:16px;background:#4c4c4c;}
.product_list1 li .img img{width:100%;display:block;}
.picScroll-left{ overflow:hidden; position:relative;}




.pm{display: block;width:238px;margin:0 auto;height: 54px;border:1px solid #aab7cd; line-height:54px;font-size:16px;position: relative;text-align:center;overflow:hidden;margin-top:7%;}
.pm a{color:#aab7cd;position: relative;z-index: 1;display: block;text-transform: uppercase;}

@media(max-width: 768px){
    .pm{width: 140px;height: 40px;line-height: 40px;}
}





/*案例*/
.section3{background: url(../images/bg3.jpg) no-repeat 50% 0; background-size: cover;}
.list22{margin-top:25px;margin-left:38px;}
.section3 .abt{position: absolute;width: 100%;z-index: 9999;}

.dhusng{
    position: absolute;
    left:0px;
    width: 100%;
    top:20%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 999;
    padding: 0 12%;
}

.hut{
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    padding: 2%;
    margin: 18% 0 0 0%;
}
.hut_tt{height: 58px;width: 54%;margin: 0 auto;}
.hut_tt img{
    max-width: 100%;
    height: auto;
}
.hut_hh{
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    line-height: 45px;
}
.yuans{
    background: url(http://static.xypt.net.cn/cd88c26a/21/07/a60c7e4989a6849d5c0ebbc252d80fa41c2518d1.png) top center no-repeat;
	animation: myfirst2 15s infinite linear;
    display: block;
    height: 740px;
    width: 740px;
    margin: 6.5% auto 0;
    background-size: 100% 100%;
}
.kntgg{
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    margin: 18% 0 0 0%;
    padding: 2%;
}
.gght{
    width: 66vh;
    background: #fff;
    border-radius: 50%;
    color: #333;
    height: 66vh;
    padding: 4% 4%;
    text-align: center;
    position: relative;
}
.gght_sub{
    font-weight: 600;
    color: #ff9600;
    font-size: 1.5rem;
    line-height: 45px;
}
.gght_sub1{
    width: 80%;
    margin: 0 auto;
    padding: 2% 0;
}
.gght_sub1 img{
    max-width: 100%;
    height: auto;
}
.gght_sub2{
    font-size: 0.8rem;
    line-height: 32px;
    color: #333;
    padding: 2% 0;
}
.gght_sub3{
    background: url(http://static.xypt.net.cn/cd88c26a/21/07/0ddea99db9d0b3d71a6fdeb98f700435942417b6.png) top center no-repeat;
    width: 81px;
    height: 81px;
    position: absolute;
    bottom: -41px;
    left:50%;
    margin-left: -40.5px;
}
@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
 
@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(-359deg);}

}

@media(max-width: 1200px){
    .bj1 h3{font-size: 20px;}
    .bj1 span{font-size: 12px;}
}


/* 荣誉资质 */
.section4{background: url(../images/bg4.jpg) no-repeat 50% 0; background-size: cover;}
.tab1{display: none;}
.nsort{text-align: center;margin-top: 5%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.nsort li{float: left;width: 25%;}
.nsort li a{display: block;border-right: 1px solid #f0f0f0;line-height: 54px;background: #fff;color: #333333;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nsort li:last-child a{border-right: none;}
.nsort li.cur a{background: #11348e;color: #fff;}
.nlist {margin-top: 5%;}
.nlist li{width: 22.75%;margin-right: 3%;}
.nlist li:last-child{margin-right: 0;}
.nlist li a.img img{display: block;width: 100%;}
.nlist li a.img{display: block;position: relative;}
.nlist li a.img span{display: block;position: absolute;width: 72px;height: 20px;line-height: 20px;
text-align: center;color: #11348e; background-color: #ffffff;bottom: 10px;left: 11px;}
.nlist li h3 a{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;color: #333333;
font-size: 16px;font-weight: normal;padding:10% 3px;background: #fff;text-align: center;}
.nmore a{display: block;color: #fff;width: 192px;height: 36px;background-color: #11348e;border-radius: 18px;
margin: 0 auto;text-align: center;line-height: 36px; margin-top: 8%;}

.xww li{
    float:left;
    width: 52.8%;
    text-align: right;
    padding: 1.5% 1%;
}
.xww li:hover{
    background: #ff9600;
}
.xww li:nth-child(2n){
    float: right;
    text-align: left;
}
.xww{
    color: #fff;
    margin-top: 3%;
    display: inline-block;
}
.xwwnei_hu{
    background: url(http://static.xypt.net.cn/cd88c26a/21/07/10afc0ea23b82110d3b9306a5e472f0ae9e5d27b.png) top center no-repeat;
    width: 19px;
    height: 19px;
    float: left;
    position: relative;
}

.xww li:nth-child(2n){
    padding-left: 2.1%;
}

.xww li:nth-child(2n) .xwwss{
    border-right: #ffd496 1px solid;
    border-left: none;
    padding-right: 1%;
    margin-right: 1%;
    margin-left: 0px;
    padding-left: 3%;
}
.xww li:nth-child(4) .xwwnei_hu::after{
  height: 0px;
}

.xwwnei_hu::after{
    content: '';
    position: absolute;
    top: 19px;
    left: 9px;
    background: #fff;
    width: 1px;
    height: 84px;
}
.xwwnei{
    float: left;
    width: 80%;
    padding: 0 0.5%;
}
.xwwss{
    float: left;
    width: 14%;
    text-align: left;
    margin-left: 1%;
    padding-left: 1%;
    border-left: #ffd496 1px solid;
    
}
.xwwnei_sub{
    font-size: 0.9rem;
    line-height: 25px;
}
.xwwnei_sub a{
    color: #fff;
}
.xwwnei_sub1{
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xwwss_tt{
    font-size: 1.2rem;
}
.xwwss_gg{
    font-size: 12px;
}

.xing_geng{
    width: 15%;
    margin: 3% auto;
    text-align: center;
    border:#fff 1px solid;
    line-height: 44px;
    font-size: 16px;
    text-transform: uppercase;
}
.xing_geng a{
    color: #fff;display: block;
}



/* 新闻 */
.section5{background: url(../images/bg5.jpg) no-repeat 50% 0; background-size: cover;}
.lxwm{width: 100%;margin: 0 auto;}
.tleft{width: 100%;padding-right: 3%;}
.map{width: 24%;}

.map img{max-width: 100%;height: auto;}
.tleft h3{color: #fff;font-weight: normal;font-size: 24px;line-height: 30px;}
.lx{color: #ffffff;font-size: 14px;line-height: 32px;margin-top: 3%;}


.ganhda{
    color: #ffffff;font-size: 12px;line-height: 32px;
}
.ganhda a{
    color: #ffffff;
}

.yul2{display:none;}

@media(max-width: 769px){
    .yy{background: rgba(17,52,142,.6);padding: 10px 0;}
    .abt dd{font-size: 26px;}
    .abt dt{font-size: 14px;margin-top: 5px;}
    .acon{font-size: 16px;line-height: 28px;}
    .section3 .abt{position: static;}
    .yul{display: none;}
    .yul2{display: block;padding: 0 30px;margin-top: 20px;}
    .yul2 li{width:46%;float: left;margin:0 2% 20px 2%;}
    .yul2 li h3{color: #fff;text-align: center;font-size: 16px;font-weight: normal;margin-bottom: 5px;}
    .yul2 li span{color: #fff;text-align: center;display: block;font-size: 12px;text-transform: uppercase;}
    .yy a{text-align: center;margin-top: 15px;display: block;}
}
@media(max-width:540px){
     .acon{font-size: 14px;line-height: 24px;}
     .aul li a {
        width: 140px;
        height: 140px;
        padding-top: 25px;
    }
    .aul li h3{margin-top: 0px;}
    .aul li .img img{width: 23%;}
}

@media(max-width:370px){
      .aul li a {
        width: 120px;
        height: 120px;
        padding-top: 25px;
    }
    .aul li h3{margin-top: 3px;font-size: 12px;}
    .aul li .img{height: 38px;line-height: 38px;}
    .aul li .img img{width: 23%;}
}



@media(min-width: 769px){

.sun-delay0 {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }

    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }

    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }

    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }

    .sun-delay4 {
        -webkit-transition-delay: 1s;
                transition-delay: 1s;
    }

    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s;
    }

    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s;
    }

    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s;
    }

    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
                transition-delay: 1.8s;
    }

    .sun-delay9 {
        -webkit-transition-delay: 2s;
                transition-delay: 2s;
    }

    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
                transition-delay: 2.2s;
    }

    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
                transition-duration: .7s;
    }

    .sun-ani-left {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
    }

    .sun-ani-down {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
    }



.sun-ani-up {
        -webkit-transform: translateY(-200px);
                transform: translateY(200px);
    }

    .sun-ani-right {
        -webkit-transform: translatex(100px);
                transform: translatex(100px);
    }

    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
    }





}








/*页面底部*/

.bq{border-top:1px solid #777f98;color: #b0b3be;font-size: 12px;text-align: center;padding:5px 0;line-height: 24px;margin-top: 6%;}
.bq a{color: #b0b3be;}
.f_link{padding:15px 0;line-height: 30px;color: #666;font-size: 14px;}
.f_link a{color: #666;padding-right:10px;}
@media(max-width:1200px){
    .tleft h3{font-size: 16px;}
    .lx{font-size: 13px;line-height: 26px;}
}


@media(max-width:992px){.x-banner,.page-banner{margin-top: 0px;}}
@media(max-width:800px){
    .nsort li a{font-size: 14px;line-height: 40px;}
    .nlist li h3 a{font-size: 14px;}
    .lxwm{width: 100%;}
    .tleft h3{font-size: 14px;}
}
@media(max-width:768px){
    .lxwm{display: block;}
    .tleft{margin-bottom: 20px;}
    .tleft,.map{width: 100%;}
    .asort li{width: 26%;}
    .lx{font-size: 12px;line-height: 24px;}
    .asort li a{font-size: 14px;line-height: 38px;height: 38px;}
    .nlist li{width: 46%;margin: 0 2% 20px 2%;}
    .nlist li{margin-right: 2%;}
    .nlist li h3 a{padding:5% 3px;}
}
@media(max-width:768px){
    .f_link{
        display:none;
    }
}

.footer2{text-align: center;color: #fff;line-height: 24px;background: #666;padding: 10px 0;}
.footer2 a{color: #fff;}


@media(max-width:1024px){
    .section4{padding-bottom: 30px;}
    .aul{margin-top: 2%;}
    .acon{margin-top: 2%;}
    .ling .abt{padding-top: 12%;}
    .abouts .abt{padding-top: 10%;}
    
}





/*内页左侧样式*/


/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}

@media (max-width: 991px) {
  body {
    padding-top: 60px;
  }
}

@media (max-width: 768px) {
  body {
    margin-bottom: 50px;
  }
}
li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}


.pf_down li:nth-child(3n) {
    border: none;
}
.hfung1{
    display: none;
}

@media(max-width: 1660px){
    .gght_sub2{
        padding: 0 6%;
        display: -webkit-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    .yuans{
        height: 660px;
        width: 660px;
    }
}
@media(max-width: 1440px){
    .gght {
        width: 66vh;
    }
}
@media(max-width: 1366px){
    .yuans {
        height: 600px;
        width: 600px;
    }
    .gght {
        width: 64vh;
        height: 64vh;
    

    }
}
@media(max-width: 1300px){
    .gght_sub2 {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .yuans{
        margin: 6% auto 0; 
    }
    .xing_geng{
        display: none;
    }
    .lxwm{
        margin-top: 3%;
    }
    .map{
        display: none;
    }

}
@media(max-width: 1200px){
    .dhusng{
        padding:0 2%;
    }
    .yuans {
        height: 540px;
        width: 540px;
    }
    .gght {
        width: 59vh;
        height: 59vh;
    }
}
@media(max-width: 1024px){
    .idnhg{
        padding-left: 10%;
    }
    .yuans {
    margin: 10% auto 0;
}
}
@media(max-width: 768px){
    .biag::after{
        display: none;
    }
    .biag::before{
        display: none;
    }
    .hfung{
        width: 100%;
    }
    .sgh{
        right: 0px
    }
    .yuans {
        height: 460px;
        width: 460px;
    }
    .gght {
        width: 51vh;
        height: 51vh;
    }
    .xww li{
        float: none;
        width: 100%;
    }
    .xwwnei_hu{
        display: none;
    }
    .xwwss{
        width: 18%;
    }
    .hfung_tt{
        font-size: 18px;
        line-height: 45px;
    }
    .hfung_hh{
        font-size: 14px;
        line-height: 30px;
    }
    .hfung_gg{
        font-size: 12px;
        line-height: 24px;
    }
    .hfung_neing{
        font-size: 12px;
        line-height: 22px;
    }
    .xwwnei_sub{
        font-size: 14px;
    }
    .xwwnei_sub1{
        font-size: 12px;
    }
    .xwwss_tt{
       font-size:14px;
    }
}
@media(max-width: 425px){
    .xww li{
        text-align:left;
    }
    .xwwss{
        float:right; 
        border:none;
        text-align:right;
    }
    .xww li:nth-child(2n) .xwwss{
        float:right;
        border:none;
         text-align:right;
    }
    .gght_sub{
            text-align:center;
    }
    
    .kntgg , .hut{
        display:none;
    }
    .gght{
        display: none;
    }
    .hfung1{
        display: block;
    }
    .zisng {
        display: none;
    }
    .hfung{
        background: none;
    }
    .hfung_neing{
        width: 100%;
    }
    .sgh{
        top:90%;
        width: 40px;
        height: 40px;
        background-size: 100% 100%;
        z-index: 999999;
    }
    .yuans {
        height: 300px;
        width: 300px;
    }
    .hut , .kntgg{
        width: 100px;
        height: 100px;
        margin: 0px;
    }
    .hut_hh{
        font-size: 12px;
        line-height: 30px;
    }
    .dhusng{
        top:4%
    }
    .gght_sub2{
        font-size: 12px;
        line-height: 24px;
        color: #fff;
    }
}




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

   
   /* 页脚 */
   .footer {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 999;
     background: #da0000;
   }
   
   .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: #da0000;
   }
   
   .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: 16px;color:#fff;
   }
   
   
   .footer li .icon-home{ background: url(../images/home.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-home2{ background: url(../images/product.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-phone{ background: url(../images/phone.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-contact{ background: url(../images/msg.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;}
   
   @media (max-width:1200px){
   .wh{ padding: 0 10px;}
   }
   /*新增导航*/
   .nav{ float: right; display: flex; justify-content: end; align-items: center; width: auto; height: 100px;}
   .nav ul li{ float: left;}
   .nav ul li a{ display: block; padding: 0 20px; font-size: 16px; color: #fff;}
   .nav ul li a:hover{ color: #f00;}
   .nav .tel{ padding: 0 15px; border-right:1px solid rgba(255,255,255,.5);}
   .nav .tel a{ display: inline-block; padding-left: 40px; background: url(../images/tel.png) no-repeat left center; color: #fff; font-size: 24px;}
   @media (max-width:1560px){
        .logo img{ max-width: 300px;}
   }
   @media (max-width:1360px){
    .logo img{ max-width: 260px;}
    .nav ul li a{ padding: 0 10px;}
    }
    
    /*新增产品展示*/
    .section .menu{ width: 100%; height: 60px; display: flex; justify-content: space-between; align-items: center;}
    .section .menubox a{ display: block; line-height: 30px; padding: 0 30px; float: left; color: #fff; font-size: 16px;}
    @media (max-width:1560px){
        .section .menubox a{  font-size: 14px; }
    }
    .section .menubox a:hover,.section .menubox a.on{ background: #f00;}
    .section .more a{ display: block; padding: 5px 15px; color: #fff; font-size: 16px; border: 1px solid #fff;}
    .section .more a:hover{ background: rgba(0,0,0,.3);}

    .section1 .imgbox{ margin-top: 30px;}
    .section1 .imgbox ul{ display: flex; justify-content: space-between;}
    .section1 .imgbox ul li{ width: 18.5%;}
    .section1 .imgbox ul li a{ display: block;}
    .section1 .imgbox ul li .txt{ padding: 15px; background: #fff; display: flex; justify-content: space-between; color: #333;}
    .section1 .imgbox ul li .txt p{ line-height: 20px; font-size: 18px; color: #333;}
    .section1 .imgbox ul li .txt small{ font-size: 14px; color: #aaa;}
    .section1 .imgbox ul li .txt span{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-left: 1px solid #ddd;}
    /* .section1 .imgbox ul li .img{ transition: all 0.2s;}
    .section1 .imgbox ul li:hover .img{ border: 5px solid #f00;} */
    .section1 .imgbox ul li:hover .txt{ background: #f00;}
    .section1 .imgbox ul li:hover .txt p, .section1 .imgbox ul li:hover .txt small, .section1 .imgbox ul li:hover .txt span{ color: #fff;}
    @media (max-width:1200px){
        .section1 .imgbox{ float: left; margin-top: 10px;}
        .section1 .imgbox ul{ flex-wrap: wrap;}
        .section1 .imgbox ul li{ width: 49%; margin-top: 10px;}
        .section1 .imgbox ul li:last-child{ display: none;}
        .section1 .imgbox ul li .txt{ padding: 5px;}
        .section1 .imgbox ul li .txt p{ line-height: 18px; font-size: 14px; }
        .section1 .imgbox ul li .txt small{ font-size: 10px;}
        .section1 .imgbox ul li .txt span{ width: 30px; height: 30px; line-height: 30px;}
    }
    /*新增案例展示*/

    .section .case{ display: flex; justify-content: space-between; margin-top: 30px;}
    .re_case{ width: 38%;}
.re_case h3{ font-size: 24px; color: #da0000; padding: 10px 0; font-weight: normal; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.re_case .swiper{width:100%;height:auto; overflow: hidden; position: relative;}
.re_case a.swiper-slide{overflow: hidden; display: block; text-align:left;font-size:18px;background:#fff; position: relative; }
.re_case a.swiper-slide img{ height: auto; max-width: 100%;}
.re_case .swiper-slide p{ position: absolute; bottom: 0; left: 0;width: 100%; text-align: center; padding:0 5px; line-height: 60px; background: rgba(255,5,0,0.8); color: #fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow: hidden;}
.re_case .swiper-pagination{ text-align: right; bottom: 0;}
.re_case .swiper-pagination-bullet-active{ background: #fff;}
.re_case .swiper-button-next,.re_case .swiper-button-prev{ width: 50px; height: 50px; background: #da0000; border-radius: 50%; color: #fff; text-align: center; line-height: 50px;}
.re_case .swiper-button-next{ right:0;}
.re_case .swiper-button-prev{ left: 0;}

    .li_case{ width: 58%; padding: 30px; background: rgba(0,0,0,.3);}
    .li_case ul li{ width: 50%; height: 50px; line-height: 50px; float: left; overflow: hidden; transition: all 0.5s;}
    .li_case ul li a{ display: block; color: #fff;font-size: 16px; padding:0 25px; background: url(../images/dot.png) no-repeat 10px center;}
    .li_case ul li:hover{ background: rgba(255,5,0,0.8);}

    @media (max-width:1200px){
        .section .case{ float: left; display: block; margin-top: 10px;width: 100%; overflow: hidden;} 
        .re_case,.li_case{ width: 100%; padding:15px 0; float: left;}
        .li_case{ background: rgba(0,0,0,0.8);}
        .li_case ul li{ width: 100%; height: 30px; line-height: 30px; overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
    }

    /*新增简介*/
.about h3{ font-size: 36px; line-height: 60px; color: #fff; text-align: center; letter-spacing: 3px;}
.about p{ max-width: 1000px; margin:15px auto; text-align: center; color: #fff; line-height: 30px; font-size: 15px;}
.about .more{ max-width: 200px; margin: 15px auto; text-align: center;}
.about .more a{ border-radius: 30px; border:2px solid #fff; padding: 10px;}
.numCount{ background: none; margin-bottom: 50px;margin-top: 30px;}
.numCount ul{ max-width: 1000px; margin: auto;}
.numCount ul li{ width: 33.33%; box-sizing: border-box; padding:0 30px; float: left; text-align: center; position: relative; border-right: 1px solid rgba(255,255,255,0.2) }
.numCount ul li:last-child{ border-right: 0 }
.numCount .item{  position: relative; z-index: 1;}
.numCount li .numU{ line-height:1;}
.numCount li .unitC{ color: #fff; font-size: 14px; padding: 0 10px;top: -2.5em;}
.numCount li .numCX{ font-size:50px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#fff; }
.numCount li .indc{ padding:10px 0; font-size: 18px; color: #fff;}
@media (max-width:1200px){
    .about h3{ font-size: 24px; font-weight: normal; margin-top: 30px; line-height: 30px;}
    .about p{ line-height: 24px; font-size: 12px;}
    .numCount ul li{ width: 100%; padding: 20px; border-right: 0; border-top: 1px solid rgba(255,255,255,.2);}
}

/*新增联系*/
.section .contact{ display:flex; justify-content: space-between; align-items: center;}
.section .contact .lbox{ width: 45%;}
.section .contact .rbox{ width: 50%;}
#map{ width: 100%;}
#map .anchorBL{display:none}
#map #allmap{height:450px; border: 10px solid #FFF;}
.section .contact .lbox h3{ position: relative; width: 100%; height: 30px; line-height: 30px; margin-bottom: 50px; padding-left: 15px; font-size: 30px; letter-spacing: 3px; color: #fff;}
.section .contact .lbox h3::before{ content: ""; display: block; position: absolute; left: 0; bottom: -2px; width: 5px; height: 32px; background: #fff;}
.section .contact_box{ width: 100%; float: left; padding-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}
.section .contact_box img{ display: block; height: 200px; padding-right: 30px; } 
.section .contact_box .txt{padding-left: 40px; background: url(../images/icon_lx.png) no-repeat left center;}
.section .contact_box .txt p{ height: 40px; line-height: 40px; color: #fff; font-size: 15px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.section .contact .copyright{ color: #fff; font-size: 14px; line-height: 24px;}
.section .contact .copyright a{ display: inline-block; padding: 0 5px;color: #fff;}
@media (max-width:1200px){
    .section .contact{ flex-wrap: wrap; padding: 50px 0;}
    .section .contact .lbox,.section .contact .rbox{ width: 100%;}
    .section .contact .lbox h3{ font-weight: normal; font-size: 24px;margin-bottom:20px}
    .section .contact .lbox h3::before{ height: 28px; bottom: 0;}
    .section .contact_box{ display: block; padding-bottom: 10px;}
    .section .contact_box img{ max-height: 160px;}
    .section .contact .copyright{ padding-bottom: 30px;}
    #map #allmap{height:350px;}
}

/*首页菜单移动端*/
@media (max-width:1200px){
    .section .menu{  display: block; float: left; height: auto; overflow: hidden;}
    .section .menubox{ float: left; width: 100%; display: flex; justify-content:space-between; flex-wrap: wrap;}
    .section .menubox a{ display: block; background: #f00; padding: 0; margin-bottom: 5px; text-align: center; width: 32%; overflow: hidden;text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;}
    .section .more{ display: none;}
    .menu h3{ width: 100%; float: left; text-align: center; font-size: 24px; font-weight: normal; padding-bottom: 15px; color: #fff; line-height: 30px;}

}
   
/*新闻*/
@media (max-width:1200px){
    .abt dd{ font-size: 24px; font-weight: normal; margin-top: 30px;}
    .xwwnei_sub{overflow: hidden;text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;}
        .xwwnei_sub1,.xwwss_gg{ display: none;}
        .xww li:nth-child(2n){padding: 1.5% 1%;}
        .xww{ width: 100%;}
        .xww li:nth-child(2n) .xwwss{ padding: 0; margin: 0;}
        .section4{ background: #444;}
}