*{margin: 0;padding: 0;box-sizing: border-box}
body{max-width: 1920px;font-family: '思源黑体'}
ul{list-style: none;}
a{text-decoration: none;color: black}
img{max-width: 100%;font-size: 0;vertical-align: middle}
/* @font-face {  font-family: '思源黑体';  src: url("../css/fonts/SourceHanSansCN-Regular.otf");  } */
input, button{border: none;outline: none}
.box{max-width: 1200px;margin:  0 auto;}
.clear{clear: both}
.display{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}

.title{text-align: center;padding: 80px 0 40px 0}
.title .p1{font-size: 38px;line-height: 38px;margin-bottom: 13px}
.title .p2{font-size: 22px;line-height: 22px;padding-bottom: 32px;border-bottom: 1px solid rgb(211,211,211);color: rgb(211,211,211);position: relative}
.title .p3{line-height: 16px;padding-top: 32px;color: rgb(165,165,165)}
.title .p2:after{
    content: '';
    display: block;
    height: 7px;
    width: 72px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    border-bottom: 7px solid rgb(37,133,250);

}

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

header{padding: 23px 50px;background:#fff;}
header .up .openbtn{display: none;font-size: 30px;}
#mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;left: -100%;z-index: 600;top: 0}
#nav{display: none;position: relative;}
#nav .closebtn{position: absolute;top: 0;right: 10px;color: white;}
#nav{list-style: none;position: fixed;top: 0;left:-50%;width: 50%;transition: 0.6s;overflow: hidden;background-color: rgb(66,144,244);z-index: 663;height: 100%}
#nav .list{font-size: 20px;padding-left: 30px;padding-top: 20px}
#nav .list .link{color: white}


.com_head{padding: 25px 0 15px 0;}
.com_head .com_link a{font-size: 14px}
.com_head .com_link a:hover{text-decoration: underline rgba(0,0,0,0.5)}
.com_head .com_link{background-image: url("../images/sy.png");background-repeat: no-repeat;background-position: left center;padding:17px 0 20px 20px;border-bottom: 1px solid silver;opacity: 0.7}
.com_head .com_ul{justify-content: normal;text-align: center;padding-top: 26px}
.com_head .com_ul .com_li{width: 135px;height: 40px;border: 1px solid silver;line-height: 40px;margin-right: 10px;cursor: pointer;margin-bottom: 10px}
.com_head .com_ul .com_li a{display:block;height:100%;font-size:14px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.ons{background: rgb(37,133,250);color: white}
.com_title{font-size: 30px;line-height: 30px;padding-top: 40px;padding-bottom: 25px;text-align: center}

.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-slide .pic img{width: 100%;font-size: 0;vertical-align: middle}
.box1 .swiper-pagination-bullet{background: rgb(118,119,121);opacity: 1;width: 50px;height: 3px;border-radius: 0}
.box1 .swiper-pagination-bullet-active{background-color: rgba(37,133,250,1)}
/*  */

.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:#255094;
    color: #fff;
    margin-left: 10px;
    border-color:transparent
}
.nextPage,.prevPage,.disabled{background:#d2d2d2;color:#333 !important;}
/*  */

header .up .left{width: 22.39%;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;width: auto;float: right;justify-content: space-between}
header .up .right .list{width: 16.66%;}
header .up .right .list .link{font-size: 18px;color: black;display: block;position: relative;text-align: center;line-height: 40px;width: 100px;margin: 0 auto}
header .up .right .list .link::after{
    content: '';
    border-bottom: 4px solid rgb(37,133,250);
    height: 4px;
    display: block;
    position: absolute;
    bottom: -8px;
    width: 0;
    left: 0;
    right: 0;
    margin: 0 auto;

}
header .up .right .list.on .link::after, header .up .right .list:hover .link::after{transition: 0.3s;width: 75%;}
header .up .login_btn{display: block;width: 6.25%;float: right;background-image: url("../images/btn_03.png");background-repeat: no-repeat;line-height: 40px;border-radius: 2px;color: white;text-align:center;}


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: 50%;padding-left: 100px;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: 0;text-align: center}
footer .contain .right .code img{width: 100px;}
footer .contain .right .tle{color: white;font-size: 14px;margin: 8px 0 16px;}
footer .bottom{padding: 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}
/*  */
.link_box{padding:30px 0;}
.link_box dt{float:left;color:#fff;opacity:0.5}
.link_box dd{float:left;}
.link_box dd a{display:inline-block;margin:0 5px;color:#fff;opacity:0.5}
/*  */
.wap_mask{position:fixed;top:0;bottom:0;right:0;left:0;z-index:998;background:rgba(0,0,0,0.5);display:none;}
.wap_nav{position:fixed;top:0;bottom:0;left:-100%;width:100%;display:flex;z-index:999;transition:left 0.3s}
.wap_nav.active{transition:left 0.3s;left:0;}
.wap_nav_list{width:80%;background:#f5f5f5;overflow:auto;}
.close_wap_nav{width:20%;height:75px;background:#FF6148 url(../images/close_wap.png) no-repeat center;}
.wap_nav_list li{list-style:none;}
.wap_nav_list > li{min-height:55px;background:#f5f5f5;padding:0 15px;position:relative;}
.wap_nav_list > li:first-child{height:75px;line-height:75px;}
.wap_nav_list > li:first-child a{line-height:75px;}
.wap_nav_list > li:nth-child(2n){background:#fff;}
.wap_nav_list > li a{display:block;line-height:55px;color:#333;font-size:18px;}
.wap_two_nav{display:none;}
.wap_nav_list .wap_two_nav a{font-size:14px;line-height:55px;color:#a7a7a7;}
.wap_nav_list .wap_two_nav li + li{border-top:1px solid #999}
.wap_icon{position:absolute;right:0;height:55px;width:55px;background:url(../images/arrow-bottom.png) no-repeat center;top:0;background-size: 20px;}
.wap_icon.active{background-image:url(../images/arrow-top.png);}
.wap_head{
    display: none;
    height: 50px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
}
.wrap_show{width:50px;height:50px;position:absolute;right:0;top:0;background:#FF6148 url(../images/wap_menu.png) no-repeat center;background-size:50%}
.wap_head img{
    margin-top:10px;
    margin-left: 5px;
    max-height:100%;
    max-height:60%
}
.wap_head_zw{display:none;}
.wap_nav.active{border:none;}
@media (max-width: 767px) {
    body{padding-top:50px;}
    .wap_head{display:block;}
    header{padding: 10px;display:none;}
    header .up .openbtn{display: block;line-height: 40px;position: absolute;top: 5px;right: 10px}
    #nav{display: block}
    header .up .right{display: none}
    header .up{padding: 0}
    header .up .left{width: 50%}
    header .up .left .log{padding: 0}
    header .up .login_btn{font-size: 12px;width: 20%;line-height: 30px;margin-right:35px;}

    .view_content{padding: 10px}
    .com_head{padding: 0}
    .com_head .com_link{padding: 0 20px}
    .com_head .com_ul .com_li{width: 30.5%;font-size: 14px}
    .com_title{font-size: 18px;padding: 20px}
    /*  */

    footer .contain{padding: 20px 0 30px 0}
    footer .contain .left{margin-bottom:15px;}
    footer .contain .left .tle{font-size: 16px}
    footer .contain .left .nav .banner{padding: 5px 0;width:33.33%}
    footer .contain .left::before{
        display: none;
    }
    footer .contain .left::after{
        display: none;
    }
    footer .contain .left .nav .banner .name{font-size: 14px}
    footer .contain .left{padding-left: 0;width: 100%;float: none;text-align: center}
    footer .contain .center{padding-left: 0;width: 100%;float: none;text-align: center}
    footer .contain .center .p1{padding-top: 10px;font-size:16px;}
    footer .contain .center .p2{font-size: 20px;padding: 10px 0}
    footer .contain .center .p3{padding-bottom: 20px}
    footer .contain .center .p4{font-size: 12px;line-height: 20px}
    footer .contain .center::before{
        display: none;
    }
    footer .contain .center::after{
        display: none;
    }
    footer .contain .right{padding-left: 0;width: 100%;float: none;padding-top: 20px;display: flex;}
    footer .contain .right .code{margin: 0 auto;text-align: center}
    footer .contain .right .tle{font-size: 12px;margin-top: 15px}
    footer .bottom{padding: 15px 0;text-align: center}
    footer .bottom .left{float: none;}
    footer .bottom .right{float: none}
    .content_box{padding:30px 15px;background:#fff;}
    .detail_title{font-size:18px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}
    .laiyuan{font-size:14px;color:#666}
    /*  */
    .link_box{padding:10px 15px;font-size: 12px;}

}

@media (min-width: 768px) and (max-width: 991px){
    header{padding: 10px}
    header .up .openbtn{display: block;line-height: 40px;position: absolute;top: 10px;right: 130px;font-size: 40px}
    #nav{display: block}
    header .up .right{display: none}
    header .up{padding: 0}
    header .up .left{width: 30%;margin-top: 5px}
    header .up .left .log{padding: 0}
    header .up .login_btn{width: 15%;}
    #nav .list{font-size: 35px}

    .view_content{padding: 10px}

    footer .contain .center{padding-left: 5px}
    footer .contain .right{padding: 5px}
    footer .contain .center::before{
        display: none;
    }
    footer .contain .center::after{
        display: none;
    }
    footer .contain .left::before{
        display: none;
    }
    footer .contain .left::after{
        display: none;
    }
    footer .contain .left{width: 26%}
    footer .contain .right{width: 24%}
    /*  */
    .content_box{padding:30px 15px;}
    .detail_title{font-size:18px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}
    .laiyuan{font-size:14px;color:#666}

}

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

    header .up .login_btn{width: 7.25%;}
    .box2 .swiper-button-prev{display: none;}
    .box2 .swiper-button-next{display: none;}
   
}
@media (min-width: 1341px) and (max-width: 1399px){
    .box2 .swiper-button-prev{display: none;}
    .box2 .swiper-button-next{display: none;}
}
@media (min-width:1200px){
    .content_box{background:#fff;padding:50px 30px;}
    .detail_title{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd}
    .laiyuan{font-size:14px;color:#666}
    header .up .right .list{margin-right:20px;}
}

@media (min-width:1500px){
    header .up .right .list{margin-right:20px;}
    header .up .login_btn{margin-top:5px;}
}