*{margin: 0;padding: 0;box-sizing: border-box}
body{max-width: 1920px;font-family: '思源黑体';min-width:1200px}
ul{list-style: none;}
a{text-decoration: none;color: white}
img{max-width: 100%;font-size: 0;vertical-align: middle}
input{outline: none;}
button{outline: none;border: none}
@font-face {  font-family: '思源黑体';  src: url("../css/fonts/SourceHanSansCN-Regular.otf");  }
.box{max-width: 1200px;margin:  0 auto}
.clear{clear: both}
.display{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.more_ell{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.title{margin: 0 auto 34px;width: 280px;text-align: center;font-size: 30px;font-weight: bold;position: relative;line-height: 30px;padding: 60px 0 18px 0;border-bottom: 2px solid rgb(217,217,217)}
.title::after{
    content: '';
    width: 80px;
    height: 5px;
    border-bottom: 5px solid rgb(253,201,0);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
}
.com_link{display: block;background: rgb(153,153,153);line-height: 50px;width: 200px;border-radius: 30px;margin: 0 auto 20px;text-align: center}
.com_link:hover{background: rgb(253,201,0);transition: 0.5s}


header .top_contain{background-color: rgb(53,53,53);padding: 13px}
header .top .right .list{font-size: 14px;line-height: 14px;padding-left: 20px;background: url(../images/dh_03.png) no-repeat;color: rgb(171,171,171);}
header .top .right .list span{opacity: 1;color: white}
header .top .left{color: white;font-size: 14px;line-height: 14px}
header .up{display: flex;flex-direction: row;justify-content: space-between;padding: 20px 0 }
header .up .head_form{position: relative;width: 160px;text-align: right;margin-top: 1px;}
header .up .head_form::before{
    content: '';
    width: 130px;
    height: 47px;
    position: absolute;
    left: -130px;
    top: 0;
    background: rgb(253,201,0);
    display: none;
}
header .up .head_btn{height: 40px;width: 40px;background: url(../images/ss.png) no-repeat center;vertical-align: middle;margin-top: 4px;cursor: pointer;}
header .up .head_int{width: 110px;height: 26px;padding-left: 10px}
/*header .up .head_form:hover{background: rgb(253,201,0);}*/
/*header .up .head_form:hover::before{display: block;}*/
/*header .up .head_form:hover .head_int{display: block;}*/
/*header .up .head_form:hover .head_btn{background: url(../images/ss1.png) no-repeat center}*/
header .up .left{width: 130px;float: left}
header .up .left .link .log{width: 100%}
header .up .left .link .log img{width: 100%;}
header .up .right{display: flex;flex-direction: row;float: right;width: 812px;}
header .up .right .list{width: 70px;margin-right: 36px}
header .up .right .list:last-child{margin-right: 0}
header .up .right .list .link{color: black;display: block;margin-top:12px;position: relative;text-align: center;width: 70px;float: right}
header .up .right .list .link::after{
    content: '';
    border-bottom: 4px solid rgb(253,201,0);
    height: 2px;
    display: block;
    position: absolute;
    bottom: -8px;
    width: 0;
    left: 1px;

}
header .up .right .list.on .link::after, header .up .right .list:hover .link::after{transition: 0.3s;width: calc(100%);}

.box1 .swiper-container {
    width: 100%;
    height: 100%;
}
.box1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.box1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: white}

.box1 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none}
.box1 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none}
.box1 .swiper-button-next{background: url(../images/next1_02.png) no-repeat}
.box1 .swiper-button-prev{height: 100px;width: 40px;background: url(../images/pre1_02.png) no-repeat}
.box1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 40px;height: 100px}
.box1 .swiper-button-next:hover{background: url(../images/next2_03.png) no-repeat}
.box1 .swiper-button-prev:hover{background: url(../images/pre2_03.png) no-repeat}


.product_class{background:#343131;position: relative;}

.product_class .list{display:flex;flex-wrap:wrap;}
.product_class .list li{width:14.2857%;height:60px;border-right:1px solid #3D3B3B;transition:ease-in-out 0.5s;position:relative;float:left;}
.product_class .list li .twoClass{position: absolute;left:0;top:99%;background:#343131;width:100%;display:none;z-index:9;}
.product_class .list li:hover .twoClass{display:block;}
.product_class .list li:hover .twoClass .titem:hover{background:#FDC900;transition: ease-in-out 0.5s;}
.product_class .list li .titem{position:relative;}
.product_class .list li .titem a{display:block;color:#fff;padding:12px 0;text-align:center;font-size:12px}
.product_class .list li .titem .sanClass{position: absolute;left:99%;top:0;background:#343131;display:none;width:100%;z-index:9;}
.product_class .list li:hover .twoClass .titem:hover .sanClass{display:block;}
.product_class .list li:hover .twoClass .titem:hover .sanClass a:hover{background:#FDC900;transition: ease-in-out 0.5s;}

.product_class .list li:hover,.product_class .list li.on {transition:ease-in-out 0.5s;background:#FDC900;}
.product_class .list li a{display:flex;flex-direction: column;justify-content: center;align-items:center;text-align:center;height:100%;font-size:14px;color:#fff;padding:0;}
.product_class .list li .icon{height:40px;}
.product_class .list li .icon img{max-height:100%;}
/*  */
.tcdPageCode {
    text-align: center;
    margin: 20px auto 40px;
}

.tcdPageCode a, .current, .disabled {
    display: inline-block;
    line-height: 40px;
    width:48px;height:40px;
    margin-left: 10px;
    color:#333;
    background:#d2d2d2
}
.current {
    background:#FDC900;
    color: #fff;
    margin-left: 10px;
    border-color:transparent
}
.nextPage,.prevPage,.disabled{background:#d2d2d2;color:#333 !important;}
/*  */
#detail{padding:50px 0;}
#detail_title{font-size:24px;font-weight:bold;color:#001F5F}
#detail_content{padding:30px 15px;background:#fff;}
#detail_info{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;margin-top:15px;color:#666}


footer{background-color: rgb(51,51,51)}
footer .contain{padding: 55px 0 47px 0}
footer .contain .left{padding-left: 23px;width: 28%;float: left;position: relative}
footer .contain .left::before{
    width: 1px;
    height: 43px;
    content: '';
    position: absolute;
    display: block;
    border-right: 1px solid rgb(172,172,172);
    right: 0;
    top: 0;
    opacity: 0.8;
}
footer .contain .left::after{
    width: 1px;
    height: 200px;
    content: '';
    position: absolute;
    display: block;
    border-right: 1px solid rgb(172,172,172);
    right: 0;
    top: 43px;
    opacity: 0.3;
}
footer .contain .left .tle{color: white;font-weight: bolder;padding-bottom: 10px;}
footer .contain .left .nav{display: flex;flex-direction: row;flex-wrap: wrap;}
footer .contain .left .nav .banner{width: 50%;padding: 15px 0}
footer .contain .left .nav .banner .name{color: white;opacity: 0.5;font-size: 14px;}
footer .contain .center{width: 44%;padding-left: 145px;float: left;position: relative}
footer .contain .center::before{
    width: 1px;
    height: 43px;
    content: '';
    position: absolute;
    display: block;
    border-right: 1px solid rgb(172,172,172);
    right: 0;
    top: 0;
    opacity: 0.8;
}
footer .contain .center::after{
    width: 1px;
    height: 200px;
    content: '';
    position: absolute;
    display: block;
    border-right: 1px solid rgb(172,172,172);
    right: 0;
    top: 43px;
    opacity: 0.3;
}
footer .contain .center p{color: white}
footer .contain .center .p1{font-weight: bold;font-size: 14px}
footer .contain .center .p2{font-size: 30px;line-height: 30px;padding: 25px 0 15px 0}
footer .contain .center .p3{font-size: 21px;line-height: 21px;padding-bottom: 45px}
footer .contain .center .p4{font-size: 14px;opacity: 0.5;line-height: 28px}
footer .contain .right{width: 22%;float: right;padding-left: 7.5%}
footer .contain .right .code{width: 160px;height: auto;margin-top: 40px;text-align: center}
footer .contain .right .tle{color: white;font-size: 14px;margin-top: 25px}
footer .bottom{padding: 15px 30px;border-top: 1px solid rgba(255,255,255,0.1)}
footer .bottom p{color: white;opacity: 0.5;font-size: 12px;}
footer .bottom .left{float: left}
footer .bottom .right{float: right}
/*  */
footer .link{padding:0 0 20px;background:#333333;}
footer .link .width{position:relative;}
footer .link dt,
footer .link dd{float:left;color:rgba(255,255,255,0.5);;font-size:14px;margin-right:10px;display:inline-block}
footer .link dd a{color:inherit;margin-right:15px;}
.mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99;display:none;}

@media (min-width: 1200px) and  (max-width: 1340px){
    .box{max-width: 1100px}
}