html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span,p {

    padding: 0;

    margin: 0;       

}

ul { list-style: none;margin: 0; padding: 0;}

a:hover{cursor: pointer;}

html {width: 100%;overflow-x: hidden;}

 input[type="button"], input[type="submit"], input[type="reset"] {



-webkit-appearance: none;



}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline: 0}

.banner .swiper-slide img{width: 100%}

textarea {  -webkit-appearance: none;}   

.left{float: left;}

.right{float: right;}

.clear{clear: both}

img{border:0px;max-width: 100%}

a{text-decoration: none;outline: none}

div{outline: none}

ul,li{list-style-type: none}

*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}

.main{margin:0 auto;width:94%;}

.clearfix:before,.clearfix:after {

  content: "";

  display: block;

  clear: both;

}

.clearfix {

  zoom: 1;

}

.myhidden{display:none;}

.flex_{display: flex;}

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

.flex_justify-content{display: flex;justify-content:center;}

.flex_justify-content-around{display: flex;justify-content:space-around;}

.flex_align-items{display: flex;align-items:center;}

.flex_align-end{display: flex;align-items:flex-end;}

.flex_wrap{ flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}



.acenter{text-align: center;}

.alignleft{text-align: left}

.alignright{text-align: right}

.overflow{overflow: hidden}

.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.line3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.line4{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.line6{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

html {font-size:calc(100vw/360 * 100);} 

body {font-size: 0.14rem;overflow-x:hidden;}





html{height: 100%;}

body.open {height: 100%;

  overflow: hidden;

}



#sidebar {

    width: 0%;

    height: 100%;

    background: #1B1B1B;

    position: absolute;

    top: 0;

    overflow-x: hidden;

    overflow-y: auto;

    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    z-index: 10;

}

#sidebar ul li {

    display: block;

    border-bottom: 1px solid #141414;

    font-size: 0.14rem;

    width: 100%;

    padding:0.15rem 0 0.13rem;

}

.agent-mobile #sidebar ul li {

    border-color: rgba(255, 255, 255, .05);

}

#sidebar ul li a {

    display: block;

    color: #fff;

    padding: 0 0.25rem;

   

}



.nr {

    position: relative;

    z-index: 10;

    height: 100%;

    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

}



#close{position: absolute;right:0.1rem;top:0.1rem;}

#close img{height:0.15rem;}



li.navitem{

    position: relative;

    top: 1rem;

    opacity: 0;

    transition: .3s;

    transitino-delay: 1s;    

}



body.open li.navitem{

    top: 0px;

    opacity: 1;

    transition: 1s;

}

body.open li.navitem:nth-child(2)  {

    transition-delay: 0.2s;

}



body.open li.navitem:nth-child(3)  {

    transition-delay: 0.4s;

}



body.open li.navitem:nth-child(4)  {

    transition-delay: 0.6s;

}



body.open li.navitem:nth-child(5)  {

    transition-delay: 0.8s;

}



body.open li.navitem:nth-child(6)  {

    transition-delay: 1s;

}



body.open li.navitem:nth-child(7)  {

    transition-delay: 1.2s;

}

body.open li.navitem:nth-child(8)  {

    transition-delay: 1.4s;

}

body.open li.navitem:nth-child(9)  {

    transition-delay: 1.6s;

}

body.open li.navitem:nth-child(10)  {

    transition-delay: 1.8s;

}



body.open li.navitem:nth-child(11)  {

    transition-delay: 2s;

}

body.open li.navitem:nth-child(12)  {

    transition-delay: 2.2s;

}

body.open li.navitem:nth-child(13)  {

    transition-delay: 2.4s;

}

body.open li.navitem:nth-child(14)  {

    transition-delay: 2.6s;

}

body.open #sidebar{width:70%;} 

body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0);background: rgba(0,0,0,0.1);}



body{background: #fff;}

header{display: block;width: 100%;background: #1B1B1B;height:0.5rem;position:fixed;top:0;left: 0;z-index: 1}

header .logo img{height: 0.3rem;}

header .nav img{height: 0.2rem;display: block;width:auto;}




#sidebar ul li:nth-child(1){border-bottom: 0px}



.container{padding:0.28rem 0;}
.side_nav{width: 100%;
    border-left: 0;
    padding-left: 0;
    left: 0;
    position: relative;
    padding-bottom: 0.2rem;
}
.side_nav h1 {
  display: block;
  height: .4rem;
  line-height: 0.4rem;
  border: #dadada solid 1px;
  padding: 0 .15rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #005bac;
  position:relative;
} 
.side_nav h1::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0.14rem;
    content: "";
    background: url('../images/jt.png') no-repeat center;
    background-size: 100%;
    width: 0.1rem;height: 0.1rem;
    transform: translateY(-50%);
}



.banner{margin-top: 0.5rem}

.banner .swiper-button-next::after,.banner .swiper-button-prev::after{font-size: 0.25rem;color: #fff}

body{background:#1B1B1B;}

.section{padding-top:0.3rem;}
.title{color: #fff;background:url('../images/title.png') no-repeat center left;padding-left: 0.47rem;background-size: 0.4rem;}
.title span{font-size: 0.24rem;line-height: 1.2;}
.title p{font-size: 0.14rem;color: #999999;margin-top: 0.02rem}

.sec1_list li{width: 100%;margin-bottom:0.2rem;}
.sec1_list li a{display:block;background: #2B2B2B;border:1px solid #4a4a4a;padding:0.2rem;color: #fff}
.sec1_list li .sec1_tit .icon{width: 0.45rem;margin-right:0.1rem;}
.sec1_list li .sec1_tit .tit span{font-size: 0.2rem;color: #fff;font-weight: bold;}
.sec1_list li .sec1_tit .tit p{font-size: 0.14rem;color: #999999;margin-top: 0.05rem}
.sec1_list li .des{margin-top: 0.1rem;font-size: 0.14rem;color: #bdbdbd;line-height:2;}

.sec_top{margin-bottom:0.25rem;}
.sec2_top .con{font-size: 0.14rem;line-height:2;color: #bdbdbd;}


.section2 .more,.section3 .more{width: 100%;height:0.8rem;background:#2b2b2b url('../images/m1.jpg') no-repeat center;display: block;}
.section2 .list{width: 100%;margin-top:0.2rem;}
.section2 .list li{width: 48.5%;}
.section2 .list li .pic{display: block;position:relative;width:100%;height:0;padding-top:65%;}
.section2 .list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.section2 .list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.sec_top .line{height:1px;background:#4e4e4e;width: 100%;position: relative;margin-top:0.15rem;}
.sec_top .line:after{width:0.15rem;height:0.15rem;background: #FAAA10;border-radius: 50%;display: block;position:absolute;top: 50%;right: 0;transform: translateY(-50%);content: '';}

.sec2_bot{margin-top: 0.15rem}

.section3 .con{font-size: 0.14rem;line-height:2;color: #bdbdbd;}
.section3 li{width: 33.3%;text-align:center;}
.section3 li .pic{width: 100%;height:0.35rem;margin-bottom:0.05rem;}
.section3 li .pic img{max-height: 100%}
.section3 li .tit{font-size: 0.18rem;line-height: 1.5;color: #ffffff;}
.section3 li .des{color: #bdbdbd;font-size: 0.12rem;line-height:1.5;}
.section3 ul{padding:0.25rem 0;}


.section4 .message .item label{color: #ececec;font-size: 0.13rem;margin-bottom:0.1rem;display: block;}
.section4 .message .item input{padding:0.05rem 0.1rem;line-height:0.25rem;color: #495057;background-color: #fff;border: 1px solid rgba(0, 0, 0, .15);border-radius:0.04rem;width: 100%}
.section4 .message .item{margin-bottom: 0.15rem;}
.section4 .message .item textarea{padding:0.05rem 0.1rem;font-size: 0.14rem;line-height: 1.25;color: #495057;background-color: #fff;border: 1px solid rgba(0, 0, 0, .15);border-radius: 0.04rem;width: 100%;height:1rem;resize: none}
.section4 .message .submit{width: 100%;background-color: #f9b32c;color: #FFFFFF;height:0.35rem;line-height: 0.35rem;font-size: 0.15rem;border-radius:0.04rem;text-align:center;cursor: pointer;}

.sec4_contact{margin-top: 0.2rem}
.sec4_contact .con{font-size: 0.14rem;line-height: 2;color: #dadada;}
.sec4_contact .webname{margin-bottom:0.1rem;color: #ffffff;font-size: 0.2rem;line-height: 1.2;}

.codes{width: 2.5rem;margin-top:0.2rem;margin:0 auto;padding-top: 0.2rem}
.codes .code{width: 1rem;text-align:center;}
.codes .code .tit{font-size: 0.14rem;line-height: 2;color: #fff}

.bq{padding:0.15rem 0;background:#111111;color: #999999;font-size: 0.14rem;line-height: 1.5;}

.section4{padding-bottom: 0.25rem}

.container2{padding:0.25rem 0;min-height: calc(100vh - 3.1rem)}
.lanmu{text-align:center;color: #fff;font-size: 0.22rem;font-weight: bold;margin-bottom:0.2rem;}
.prod_list li{margin-bottom:0.15rem;}
.prod_list li a{display: block;}
.prod_list li .prod_left{width:100%;}
.prod_list li .prod_right{width:100%}

.prod_list li .pic{display: block;position:relative;width:100%;height:0;padding-top:54%;border-radius: 0.05rem;overflow: hidden;}
.prod_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.prod_list>ul>li .tit{font-size: 0.18rem;color: #fff;margin:0.1rem 0 0.05rem}
.prod_list>ul>li .jian{font-size: 0.13rem;color: #bdbdbd;line-height:2;margin-bottom:0.1rem;}

.prod_list>ul>li{margin-bottom:0.2rem;}

.prod_list>ul>li span{display: block;background: url('../images/more3.png') no-repeat center right 0.18rem;width:1.1rem;height:0.38rem;line-height:0.38rem;padding-left:0.18rem;transition: all 0.5s;border:1px solid #666666;border-radius: 0.3rem;background-size:0.08rem;color: #fff}


.page{padding-top:0.1rem;}
.pagination{width: 100%;text-align: center;font-size: 0;}
.pagination li{display: inline-block;padding:0 0.1rem;text-align: center;height:0.28rem;line-height:0.27rem;font-size:0.14rem;color:#bdbdbd;margin:0 0.02rem 0.07rem;border:1px solid #666;}
.pagination li.active{background:#333;color: #fff;border:1px solid #333;}
.pagination li a{display: block;text-align: center;color: #bdbdbd;}



.ps .tit{text-align:center;}
.ps .pic{text-align:center;}
.ps .con{padding:0.15rem 0 0.2rem;line-height: 2;font-size: 0.14rem;color: #bdbdbd;}



.fenye li{width:100%;color: #bdbdbd;font-size: 0.14rem;line-height: 1.8;margin-bottom:0.1rem;}
.fenye li a{color: #bdbdbd;}
.fenye li:last-child{margin-bottom:0;}


.prod2_list li{width:48.5%;margin-bottom:0.14rem;}
.prod2_list li:nth-child(3n){margin-right:0;}

.prod2_list li .pic{display: block;position:relative;width:100%;height:0;padding-top:65%;}
.prod2_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod2_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.prod2_list li .tit{font-size: 0.14rem;color: #fff;margin-top:0.07rem;text-align:center;}

.danye{line-height: 2;font-size: 0.15rem;color: #bdbdbd;}

.con a{color: #fff!important}
.con td{border-color: #bdbdbd!important;}
.con p{background: #1B1B1B!important;}
.con table{width: 100%!important}