/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
.dn{display:none; }  
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
a:hover {color: #ff4b59;}
/*布局*/
body{padding-top: 180px;}
.wp {margin: 0 auto;width: 1320px;}
/*******************************
    -------[=头部]-------
********************************/
.header{
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.header  .bom{
    overflow: hidden;
    padding: 33px 0 32px;
    height: 120px;
}
.logo{
    float: left;
    padding-right: 28px;
    margin-right: 22px;
    border-right: 1px solid #dbdbdb;
}
.logo img{
    display: block;
}
.logo-txt .tit{
    font-size: 20px;
    color:#3496D8;
    font-weight: bold;
    margin-bottom: 3px;
}
.logo-txt{
    overflow: hidden;
    font-size: 18px;
    color:#0858B2;
    font-weight: bold;
}
.tell{
    float: right;
}
.tell .icon{
    float: left;
    overflow: hidden;
    margin-right: 16px;
}
.tell .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.tell .txt{
    overflow: hidden;
    font-size: 16px;
    color:#0858B2;
    line-height: 1.14;
}
.tell .txt .phone{
    font-weight: bold;
    font-size: 33px;
    color:#FA8303;
}
.nav{
    background-color: #0858B2;
}
.nav::after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.nav li{
    float: left;
    position: relative;
    width: 12.5%;
}
.nav li::after{
    content:'';
    display: block;
    position: absolute;
    width: 1px;
    height: 30px;
    right: 0;
    top: 15px;
    background: rgba(241,239,239,.3);
}
.nav li:last-child::after{
    display: none;
}
.nav .v1{
    display: block;
    line-height: 60px;
    text-align: center;
    color:#fff;
    font-size: 16px;
}
.nav li.on .v1,
.nav li:hover .v1{
    background-color: #FA8303;
}
.nav li.on,
.nav li:hover{
    border-color: #41b72d; 
}
.nav li .sub{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #0858B2;
    display: none;
    padding: 10px 0;
}
.nav li .sub a{
    display: block;
    color:#fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}
.nav li .sub a:hover{
    background-color: #FA8303;
}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{
    display: none;
    position: fixed;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #0858B2;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
/*******************************
    -------[=底部]-------
********************************/

/*******************************
    -------[=公用]-------
********************************/
.banner{
    position: relative;
}
.banner .txt{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background:rgba(0,0,0,.6);
}
.banner .txt .item{
    float: left;
    width: 25%;
    padding: 38px 0 40px;
    color:#fff;
    font-size: 14px;
  text-align: center;
}
.banner .txt .item .tit{
    font-weight: bold;
    font-size: 18px;
}
.banner img{
    display: block;
    width: 100%;
}
.g-tit{
    text-align: center;
    margin-bottom: 48px;
}
.g-tit .tit{
    font-size: 42px;
    color:#0858B2;
    font-weight: bold;
    padding-top: 18px;
    background: url(../images/ico2.png) no-repeat center top;
    height: 86px;
}
.g-tit .en{
    font-size: 16px;
    color:#999999;
    text-transform: uppercase;
}
/**产品中心**/
.row1{
    padding-top: 50px;
}
.ul-list1{
    overflow: hidden;
    margin:0 -10.5px 30px;
}
.ul-list1 .swiper-slide{
    float: left;
    width: 33.333%;
    text-align: center;
}
.ul-list1 .con{
    display: block;
}
.ul-list1 .tit{
    font-size: 20px;
    font-weight: bold;
    color:#323232;
}
.ul-list1 .en{
    font-size: 14px;
    color:#999999;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.ul-list1 .desc{
    background-color: #0858B2;
    padding: 18px 93px;
    color:#fff;
    font-size: 16px;
    line-height: 1.5;
}

.ul-list2{
    margin: 30px -10px 27px;
}
.ul-list2 .con,
.ul-list2 a{
    display: block;
    margin:0 10px;
}
.ul-list2 .slick-prev{
    position: absolute;
    top: 50%;
    opacity: 1;
    left:  -50px;
    width:36px;
    height:36px;
    background: url(../images/ico3.png) no-repeat;
    z-index: 9;
    margin-top: 0;
    font-size: 0;
    border:none;
    cursor: pointer;
    transform: translateY(-50%);
}
.ul-list2 .slick-next{
    position: absolute;
    top: 50%;
    opacity: 1;
    right:  -50px;
    width:36px;
    height:36px;
    background: url(../images/ico4.png) no-repeat;
    z-index: 9;
    margin-top: 0;
    font-size: 0;
    border:none;
    cursor: pointer;
    transform: translateY(-50%);
}
.ul-list2 .tit{
    text-align: center;
    font-size: 16px;
    color:#323232;
    padding-top: 14px;
}
.ul-list2 .pic{
    position: relative;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
}
.ul-list2 .pic img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
   transform: translate(-50%,-50%);   
}
.g-more a{
    display: block;
    width:180px;
    height:40px;
    background:#0858B2;
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color:#fff;
    margin:0 auto 42px;
}
/****/
.row2{
    background: #F7F7F7;
    overflow: hidden;
    padding-top: 40px;
}
.g-txt1{
    overflow: hidden;
}
.g-txt1 .l,
.g-txt1 .r{
    width: 310px;
}
.g-txt1 .item{
    margin-bottom: 120px;
}
.g-txt1 .item .desc{
    font-size: 14px;
    color:#333333;
    line-height: 1.29;
}
.g-txt1 .l .item .desc{
   text-align: right;
}
.g-txt1  .item .cn{
    color:#0858B2;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}
.g-txt1  .item .en{
    font-size: 12px;
    color:#989898;
    text-transform: uppercase;
}
.g-txt1  .item .top{
    overflow: hidden;
    margin-bottom: 2px;
}
.g-txt1  .item .nub{
    font-size: 60px;
    line-height: 60px;
    color:#FA8303;
    font-weight: bold;
    overflow: hidden;
    float: left;
    position: relative;
    top: -6px;
}
.g-txt1  .l .item .txt{
    float: right;
    text-align: right;
}
.g-txt1  .item .txt{
   overflow: hidden;
}
.g-txt1  .r .item .nub{
    float: right;
}
.g-txt1  .pic{
    margin:75px auto 0;
    width: 567px;
    height: 346px;
}
/**轻质隔墙板安装流程**/
.row3{
    overflow: hidden;
    background: url(../images/pic6.jpg) no-repeat;
    background-size: cover;
    padding:40px 0 56px;
}
.row3 .g-tit{
    margin-bottom: 30px;
}
.row3 .g-tit .tit{
    color:#fff;
}
.row3 .g-tit .en{
    color:#fff;
}
.liucheng{
    padding: 0 70px 58px;
    overflow: hidden;
}
.ul-list3{
    overflow: hidden;
    margin:0 -30px;
}
.ul-list3 li{
    width: 12.5%;
    float: left;
}
.ul-list3 .con{
    overflow: hidden;
    border-radius: 50%;
    margin:0 30px;
    text-align: center;
    color:#fff;
    padding: 27px 0  41px;
    border:4px solid #fff;
    font-size: 18px;
    width: 167px;
    height: 167px;
    margin:0 auto;
}
.ul-list3 .icon{
    height: 46px;
    margin-bottom: 18px;
}
.ul-list3  .tit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.g-about{
    text-align: center;
}
.g-about .tel,
.g-about .link{
    display: inline-block;
}
.g-about .tel{
    font-size: 38px;
    color:#FFFFFF;
    font-weight: bold;
    line-height: 40px;
}
.g-about .link a{
    display: block;
    float: left;
    width:180px;
    height:40px;
    background:#FA8303;
    border-radius:20px;
    line-height: 40px;
    font-size: 16px;
    color:#FFFFFF;
    margin-left: 20px;
}


/**工程案例**/
.row4{
    padding-top: 43px;
    overflow: hidden;
}
.row4 .g-more{
    margin-top: 30px;
}
.ul-list4{
    overflow: hidden;
    margin: 0 -7px;
}
.ul-list4 li{
    width: 25%;
    float: left;
    margin-bottom: 15px;
}
.ul-list4 .con{
    display: block;
    margin: 0 7px 15px;
}
.ul-list4 .pic{
   width: 100%;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    height: 0;
    border:1px solid #efefef;
}
.ul-list4 .pic img{
   position: absolute;
    top: 0;
    left: 0;
   object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
}
.ul-list4 .tit{
    text-align: center;
    color:#333333;
    font-size: 16px;
    line-height: 56px;
    background-color: #F1F1F1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/**为什么选择我们？**/
.ul-tab{
    background: #f7f7f7;
    overflow: hidden;
}
.ul-tab li{
    width: 25%;
    float: left;
    text-align: center;
    padding: 25px 0 5px;
}
.ul-tab li.on{
    background-color: #02429a;
}
.ul-tab .nub{
    width:50px;
    height:50px;
    display: block;
    margin:0 auto;
    text-align: center;
    background: url(../images/ico15.png) no-repeat;
    background-size: 100% 100%;
    font-size: 32px;
    color:#333333;
}
.ul-tab li.on .nub{
    color:#fff;
    background-image: url(../images/ico14.png);
}
.ul-tab .cn{
    font-size: 18px;
    font-weight: bold;
    color:#343434;
}
.ul-tab li.on .cn{
    color:#fff;
}
.ul-tab li.on .en{
    color:rgba(255,255,255,.5);
}
.ul-tab .en{
    font-size: 14px;
    color:#666666;
    text-transform: uppercase;
}
.g-tab1{
    overflow: hidden;
    height: 618px;
}
.g-tab1 .pic{
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
}
.g-tab1 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.g-tab1 .txt{
    height: 100%;
    overflow: hidden;
    background: url(../images/pic10.jpg) no-repeat;
    padding: 70px 110px 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.g-tab1 .tit{
    position: relative;
    padding: 59px 0 36px 90px;
    color:#fff;
}
.g-tab1 .tit .nub{
    position: absolute;
    top: 0;
    left: 0;
}
.g-tab1 .tit .cn{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 6px;
}
.g-tab1 .tit .en{
    font-size: 18px;
    text-transform: uppercase;
}
.g-tab1 .desc{
    font-size: 14px;
    line-height: 2.14;
    color:#fff;
    max-width: 511px;
    margin-bottom: 80px;
}
.ul-list5{
    overflow: hidden;
}
.ul-list5 li{
    float: left;
    margin-right: 30px;
}
.ul-list5 .con{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border:1px solid #fff;
    text-align: center;
    padding-top: 15px;
}
.ul-list5 .title{
    color:#fff;
    font-size: 16px;
}




/*****/
.row6 {
    background: url(../images/pic11.jpg) no-repeat top;
    overflow: hidden;
    padding:56px 0 85px;
}
.m-about{
    overflow: hidden;
    height: 530px;
    margin-bottom: 30px;
}
.m-about .pic{
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.m-about .pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.m-about .txt{
    overflow: hidden;
      height: 100%;
    background: url(../images/pic13.jpg) no-repeat;
    background-size: cover;
     padding: 106px 70px 0;
}
.m-about .txt .tit{
    text-align: center;
    margin-bottom: 38px;
}
.m-about .txt .cn{
    font-size: 38px;
    line-height: 1.2;
    color:#333333;
    font-weight: bold;
}
.m-about .txt .en{
    font-size: 16px;
    color:#989898;
    text-transform: uppercase;
}
.m-about .txt .desc{
    font-size: 14px;
    color:#333333;
    line-height: 1.71;
    margin-bottom: 78px;
}
.m-about .link{
    text-align: center;
}
.m-about .link a{
    width:170px;
    height:36px;
    display: inline-block;
    line-height: 34px;
    border-radius:18px;
    font-size: 16px;
    color:#0858B2;
    margin:0 28px;
    border:1px solid #0858B2;
}
.m-about .link a:first-child{
    background-color: #0858B2;
    color:#fff;
}


/*****/
.row7{
    padding: 40px 0 30px;
    background-color: #F7F7F7;
}
.row7 .box{
    overflow: hidden;
}
.ul-wenda{
    overflow: hidden;
    float: left;
    width: 50%;
    padding-right: 20px;
}
.ul-news{
    overflow: hidden;
    padding-left: 20px;
    padding-top: 7px;
}
.ul-news .swiper-slide{
    margin-bottom: 38px;
}
.ul-news .swiper-slide:last-child{
    margin-bottom: 0;
}
.ul-news .con{
    display: block;
    margin: 0 15px;
    overflow: hidden;
    padding-bottom: 10px;
}
.ul-news .time{
    float: left;
    padding-right: 12px;
    border-right: 1px solid #eee;
    margin-right: 19px;
    font-size: 14px;
    color:#0858B2;
    text-align: center;
}
.ul-news .time .day{
    width:64px;
    text-align: center;
    line-height: 47px;
    color:#0858B2;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 1px;
}
.ul-news .txt{
    overflow: hidden;
}
.ul-news .txt .tit{
    font-size: 18px;
    color:#343434;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-news li:hover .tit{
    color:#0577CB;
}
.ul-news .txt .desc{
    font-size: 14px;
    color:#9A9A9A;
    line-height: 1.29;
    display: -webkit-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;
}
.ul-wenda img{
    display: block;
    width: 100%;
    margin-bottom: 26px;
}

.ul-wenda  a{
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.ul-wenda  .nub{
    float: left;
    width:22px;
    height:22px;
    background: #FA8303;
    text-align: center;
    line-height: 22px;
    color:#fff;
    font-size: 14px;
    margin-right: 18px;
}
.ul-wenda .desc{
    overflow: hidden;
    line-height: 22px;
}
.ul-wenda .desc .time{
    display: block;
    float: right;
    font-size: 14px;
    color:#999999;
}
.ul-wenda .desc .tit{
    overflow: hidden;
    font-size: 18px;
    color:#414141;
}
/**footer**/

.footer{
    padding: 36px 0 ;
    overflow: hidden;
    background: url(../images/pic16.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.fd-form{
    float: right;
    width: 430px;
    padding-left: 58px;
    border-left: 1px solid rgba(255,255,255,.4);
}
.fd-form .info{
    text-align: right;
    font-size: 14px;
    color:rgba(255,255,255,.5);
    margin-bottom: 5px;
}
.fd-form .box{
    overflow: hidden;
}
.fd-form .item{
    overflow: hidden;
    margin-bottom: 10px;
}
.fd-form .item .inp-box{
    width: 49%;
    margin-right: 2%;
    float: left;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
}
.fd-form .item .inp-box:last-child{
    margin-right: 0;
}
.fd-form .item .inp{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0 14.02px;
    font-size: 14.02px;
}
.fd-form .item .inp::placeholder{
    color:#7b7b7b;
}
.fd-form .item textarea{
    display: block;
    resize: none;
    background-color: #fff;
    height: 90.05px;
    overflow: hidden;
    width: 100%;
    padding: 14.02px;
    border-radius: 10px;
    resize:none;
}
.fd-form .item.tj .inp-box{
    width: 135.94px;
}
.fd-form .item.tj .yanzheng{
    float: left;
    margin-right: 5.95px;
}
.fd-form .form-group .btn{
    display: block;
    height: 40px;
    text-align: center;
    width: 100%;
    color:#fff;
    overflow: hidden;
    background-color: #FA8303;
    background-image: url(../images/ico23.png) ;
    background-position:  130px;
    background-repeat: no-repeat;
}
.ft-desc{
    overflow: hidden;
    color:#fff;

}
.ft-desc .l{
    border-right: 1px solid rgba(255,255,255,.4);
    padding-right: 56px;
}
.ft-desc .r{
    overflow: hidden;
    float: none;
}
.ft-desc .tel{
    overflow: hidden;
    margin-bottom: 28px;
}
.ft-desc .tel .icon{
    float: left;
    margin-right: 9px;
}
.ft-desc .tel .icon img{
    display: block;
}
.ft-desc .tel .txt{
    overflow: hidden;
    font-size: 18px;
}
.ft-desc .tel .txt .phone{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
}
.ft-desc  .name{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
}
.ft-desc .r{
    font-size: 14px;
    color:#FFFFFF;
    line-height: 3.29;
     padding: 18px 54px 0;
}
.copy,.copy a{
    font-size: 14px;
    color:rgba(255,255,255,.4);
    line-height: 2;
}


/**底部友情链接**/
.ft-links{
    background-color: #191919;
    overflow: hidden;
    padding: 10px 0;
}

.ft-links  .icon{
    float: left;
    width:54.91px;
    height:54.91px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 41.09px;
}
.ft-links .icon img{
    display: block;
    width: 100%;
    height: 100%;
}
.ft-links .links{
    overflow: hidden;
}
.ft-links .links a{
    display: inline-block;
    font-size: 14.98px;
    color:#fff;
    line-height: 1.8;
    margin:0 101.76px 0 0;
}
.ft-links .links a:hover{
    opacity:.7;
}






/*****轻质隔墙板*****/
.ban img{
    display: block;
    width: 100%;
}
.row-1{
    background: url(../images/pic17.jpg) no-repeat bottom;
    padding-bottom: 171px;
    padding-top: 40px;
    overflow: hidden;
}
.row-1 .ss{
    margin:0 auto;
    width:268px;
    height:40px;
    background:#0858B2;
    border-radius:20px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
.table1{
    box-shadow:0px 10px 5px 0px rgba(0, 0, 0, .5);
    background-color: #fff; 
}
.table1 table{
    width: 100%!important;

    border-left: 1px solid #999999;
}
.table1 caption{
    text-align: center;
    line-height: 40px;
    background: #FA8303;
    color:#fff;
    font-size: 18px;
}
.table1 td{
    width: 23%;
    text-align: center;
    font-size: 16px;
    color:#333333;
    line-height: 40px;
      border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.table1 td:nth-child(2){
    width: 54%;
}
.row-2{
    background: url(../images/pic18.jpg) no-repeat;
    padding: 40px 0 30px;
    overflow: hidden;
}
.ul-list7.ss{
    display: none;
    margin:0;
}
.ul-list7{
    overflow: hidden;
    text-align: center;
    margin:0 -8px;
}
.ul-list7 li{
    display: inline-block;
    vertical-align: middle;
    width: 23.5%;
    background-color: #fff;
    height: 364px;
    margin:0 8px 22px;
    padding: 47px 11px 0;
    font-size: 14px;
    color:#999999;
    line-height: 1.2;
}
.ul-list7 .nub{
    font-size: 50px;
    line-height: 1.3;
    font-weight: bold;
    color:#0858B2;
    margin-bottom: 6px;
}
.ul-list7 .tit{
    font-size: 20px;
    color:#333333;
    margin-bottom: 20px;
    font-weight: bold;
}
.ul-list7 .desc{
    
     display: inline-block;
        text-align: justify;
        text-align-last: left;
  
}
.row-3{
    padding-top: 40px;
}

/**视频列表***/
.ul-video{position:relative;overflow: hidden;}
.ul-video li{margin-top:5px;width:25%;float:left;padding:8px;cursor:pointer;}
.ul-video li .pic{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ul-video li .pic img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.ul-video li .tit{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ul-video li .pic::after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    background-image: url(../images/video.png);
    background-repeat: no-repeat;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
}



/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}




 .ul-chanpin{
    margin: 30px -10px 27px;
    overflow: hidden;
}

.ul-chanpin .item{
    width: 25%;
    float: left;
    margin-bottom: 15px;
}
 .ul-chanpin a{
    display: block;
    margin:0 10px;
 }
.ul-chanpin .con{
    display: block;
    margin:0 10px;
}
.ul-chanpin .tit{
    text-align: center;
    font-size: 16px;
    color:#323232;
    padding-top: 14px;
}
.ul-chanpin .pic{
    position: relative;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
}
.ul-chanpin .pic img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
   transform: translate(-50%,-50%);   
}


.phone-dl .pl_top{
    width: 100px;
    float: left;
    height: 44px;
    line-height: 44px;
    background-color: #0858B2;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.phone-dl .pl_ul{
    background-color: #eee;
    height: 44px;
    float: left;
    width:calc(100% - 100px);
    line-height: 44px;
    padding-left: 20px;
     position: relative;
     padding-right: 44px;
}
.onclick{
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 9;
    background: url(../images/sel.png) no-repeat center center;
}
.phone-dl .first_li{
    overflow: hidden;
}
.ul_li{
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #0858B2;
    z-index: 99;
}
.ul_li a{
    display: block;
    padding-left: 40px; 
    font-size: 14px;
    color:#eee;
}

.ul-rongyu{position:relative;overflow: hidden;}
.ul-rongyu .swiper-slide{margin-top:5px;width:25%;float:left;padding:8px;cursor:pointer;}
.ul-rongyu .swiper-slide .p_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ul-rongyu .swiper-slide .p_img img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.ul-rongyu .swiper-slide .p_img .videoicon{background:url(../images/videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.ul-rongyu .swiper-slide p{margin:0;line-height:43px;color:#666;text-align:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


@media only screen and (max-width: 1900px) {
    .g-tab1 .txt{padding:35px 50px 0;}   

}

@media only screen and (max-width: 1430px) {
    .wp{width: 1200px;} 
    .ul-list7 li{width: 22%;padding-top: 20px;}
    .ul-list2 .slick-prev{
        left: -30px;
    }
    .ul-list2 .slick-next{
        right: -30px;
    }
    .row6{padding: 30px 0;}
    .fd-form{width: 400px;}
    .ft-desc .name{font-size: 30px;}
    .ft-desc .r{padding: 0 30px;}
    .m-about .txt{padding:70px 30px 30px ;}
    .m-about{height: 442px;}
    .m-about .txt .desc{margin-bottom: 30px;}
    .ul-list5 .title{font-size: 12px;}
    .ul-list5 .con{width: 60px;height: 60px;padding-top: 5px;}
    .ul-list5 .icon{text-align: center;height: 30px;line-height: 30px;}
     .ul-list5 .icon img{display: inline-block;vertical-align: middle;max-width: 70%;max-height: 70%;}
     .ul-news .swiper-slide{margin-bottom: 22px;}
     .ul-list3 .con{width: 120px;height: 120px;font-size: 12px;border:1px solid #fff;}
     .ul-list3 .icon{height: 40px;margin-bottom: 0;}
     .ul-list3 .icon img{display: inline-block;vertical-align: middle;max-width: 70%;max-height: 70%;}
      .g-tab1{height: 500px;}
      .g-txt1 .pic{width: 400px;height: 300px;margin-top: 30px;}
      .g-txt1 .item{margin-bottom: 30px;}
      .g-txt1 .item .nub{font-size:40px;}
    .fd-form .form-group .btn{background-image: none;}
      .fd-form .form-group .btn{background-image: none;}
      .ul-list7 .tit{font-size: 16px;}
   
}


@media only screen and (max-width: 1300px) {
.ul-list2 .slick-next,.ul-list2 .slick-prev{display: none!important;}
.ul-list2{overflow: hidden;margin:0;}
}

@media only screen and (max-width: 1200px) {
    body{padding-top: 105px;}
    .wp{width: 90%;} 
    .logo-txt{display: none;}
    .header .bom{padding: 10px 0;height: auto;}
    .logo{padding-right: 0;margin-right: 0;width: 300px;}
    .tell .txt .phone{font-size: 22px;}
    .tell .icon{width: 40px;}
    .tell .txt{font-size: 12px;}
    .nav .v1{line-height: 45px;font-size: 14px;}
    .g-tit .tit{font-size: 30px;height: 70px;padding-top: 26px;}
    .ul-list2{margin-bottom: 0;}
    .row4 .g-more{margin-top: 15px;}

    .ft-desc .l{padding-right: 22px;}
    .row-1{padding-bottom: 80px;}
    .ft-links .links a{display: block;width: 20%;float: left;text-align: center;margin:0;}
    .ft-links .icon{margin-right: 0;}
    .slide1{margin-bottom: 30px;}
    .g-tit{margin-bottom: 20px;}
    .m-about .txt .cn{font-size: 30px;}
    .ul-list1 .desc{padding: 15px;font-size: 14px;}
    .g-txt1 .pic{width: 280px;height: 210px;margin-top: 75px;}
    .g-txt1 .l, .g-txt1 .r{width: 280px;}
    .ul-list3 li{width: 25%;margin-bottom: 15px;}
    .liucheng{padding: 0 0 30px;}
    .ul-list3{margin:0;}
    .g-about .tel{font-size: 28px;}
    .row3{padding: 20px 0;}
    .g-tab1{height: 350px;}
    .fd-form{width: 300px;padding-left: 20px;}
    .m-about{height: 380px;}
    .m-about .txt{padding-top: 50px;}
    .m-about .link a{width: 140px;}
    .g-tab1 .tit{padding:32px 0 18px 50px;}
    .g-tab1 .tit .nub{width: 80px;}
    .g-tab1 .tit .cn{font-size: 18px;}
    .g-tab1 .tit .en{font-size: 14px;}
    .g-tab1 .desc{line-height: 1.6;margin-bottom: 25px;}
    .ul-list5 li{margin-right: 10px;}
    .ul-list4 .tit{line-height: 30px;font-size: 14px;}
    .ul-tab .wp{padding: 0;}
    .ul-tab .en,.ul-tab .cn{display: none;}
    .ul-tab li{padding: 15px 0;}
    .ul-list7{display: none;}
    .ul-list7.ss{display: block;}
   
}


@media only screen and (max-width: 1020px) {
    body{padding-bottom: 53px;}
    .fd-form .info{text-align: center;margin-bottom: 15px;}
    .fd-form{width: auto;float: none;padding-left: 0;border-left: none;}
    .ft-desc .tel,.ft-desc .name{display: none;}
    .ft-desc .r{padding: 0;line-height: 1.8;}
    .ft-desc .l{float: none;border:none;}
    #floatBottom{display: block;}
    .g-tit{margin-bottom: 15px;}
    .tell{display: none;}
     .header{background-color: #fff;height: 50px;}
    .nav{
        position: fixed;
    }
    .menuBtn{display: block;}
    body{padding: 50px 0 53px;}

    .nav{
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: 100%; 
        z-index: 99;
        overflow: hidden;
        transition:all .3s;
        background: none;
    }
    .nav.on{
        margin-left: 0;
    }
    .nav ul{
        width: 300px;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: #fffeff;
        overflow-y: scroll;
    }
    .nav li{float: none;width: auto;}
    .nav .bg{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
    }
    .nav .l,.nav .r{float: none;margin:0;}
    .nav li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        background: url(../images/sel.png) no-repeat center center;
    }
    .nav li i.on{background-image: url(../images/sel2.png);}
    .nav li .sub{position: static;}
    .nav li .sub a{padding-left: 20px;text-align: left;}
    .nav .wp{width: auto;padding: 0;}
    .nav .v1 span{display: none;}
    .nav .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;}
    .nav li.on .v1,
    .nav li:hover .v1{
        color:#fff;
        background-color: #0858B2;
    }
    .header .bom{padding: 12px 0 0;height: auto;}
    .logo{width: 200px;}
    .wp{width: auto;padding: 0 15px;}
    .table1 td{font-size: 14px;}
    .ul-news .swiper-slide{margin-bottom: 15px;}
    .banner .txt .item{padding: 15px 0;}
    .row1{padding-top: 30px;}
    .ul-list1 .en{font-size: 12px;}
    .g-txt1 .pic{display: none;}
    .g-txt1 .l, .g-txt1 .r{width: 50%;padding: 0 15px;}
    .ul-wenda{width: auto;float: none;margin-bottom: 15px;}
    .g-tab1{height: auto;}
    .g-tab1 .txt{padding: 30px;}
    .g-tab1 .pic{width: auto;float: none;}
    .m-about .pic{width: auto;float: none;}
    .m-about{height: auto;}
    .m-about .txt .tit{margin-bottom: 20px;}
    .m-about .txt{padding-top: 30px;}
    .ul-wenda .desc .tit{font-size: 14px;}
    .g-txt1 .l .item .desc br{display: none;}
    
}

@media only screen and (max-width: 959px) {
    .table1 td{font-size: 12px;}
    .ul-list7 li{margin-bottom: 0;}
    .ul-video li{width: 50%;}
}

@media only screen and (max-width: 767px) {
    .ft-links .links a{font-size: 12px;}
    .ft-links .icon{display: none;}
    .g-txt1 .l, .g-txt1 .r{width: auto;float: none;}
    .g-txt1 .r .item .nub{float: left;}
    .g-txt1 .r .item .txt,.g-txt1 .l .item .txt{text-align: left;padding-left: 15px;float: none;}
    .g-txt1 .l .item .desc{text-align: left;}
    .g-txt1 .item{margin-bottom: 15px;}
    .m-about .link a{margin:0 15px 0 0;}
    .m-about .link a:last-child{margin-right: 0;}
    .ul-tab .cn{font-size: 14px;}
    .ul-tab .nub{width: 35px;height: 35px;font-size: 18px;line-height: 32px;margin-bottom: 5px;}
    .g-txt1 .item .cn{font-size: 18px;margin-bottom: 0;}
    .g-txt1 .item .nub{line-height: 46px;}
    .ul-list3 .con{width: 75px;height: 75px;padding-top: 10px;}
    .ul-list3 .con .icon{height: 30px;}
    .banner .txt .item .tit{font-size: 14px;}
    .g-about .link a{width: 140px;}
    .m-about .txt .cn{font-size: 24px;}
    .row2,.row4{padding-top: 20px;}
    .g-more a{margin-bottom: 20px;}
    .banner .txt{display: none;}
    .ul-list4 li,.ul-chanpin .item{width: 50%;}

}

/*Common For Max 480*/
@media only screen and (max-width: 479px) {
    .ul-list7 li{height: 300px;padding: 30px;}
    .ul-list7 .nub{line-height: 1.3;}
    .ul-list7 .tit{margin-bottom: 15px;}
    .g-tit .tit{font-size: 24px;height: 50px;padding-top: 20px;}
    .g-tit .en{font-size: 14px;padding-top: 4px;}
    .row-1{padding-bottom: 30px;}
    .table1 caption{font-size: 14px;}
    .row-1 .ss{font-size: 16px;}
    .row-1,.row-2,.row7{padding-top: 20px;padding-bottom: 20px;}
   .footer{padding: 20px 0;}
   .g-tab1 .txt,.m-about .txt{padding: 30px 15px;}
   .ul-list1 .tit{font-size: 18px;}
   .ul-list1 .en{margin-bottom: 10px;}
   .ul-list5 li:last-child{margin-right: 0;}
   .ul-video li{width: auto;float: none;}
   .ul-list4 li,.ul-chanpin .item{width: auto;float: none;}
}