*{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: black}
img{max-width: 100%;height: auto;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: 1344px;margin:  0 auto;min-width: 1200px}
.clear{clear: both}
.title{text-align: center;position: relative;padding: 65px 0 60px 0}
.title .p1{font-size: 32px;line-height: 50px;color: black;font-weight: bold}
.title .p2{font-size: 16.22px;color: black;font-weight: bold;line-height:24px;opacity: 0.3}
.title::before{
    width: 40px;
    height: 3px;
    content: '';
    position: absolute;
    display: block;
    bottom: 40px;
    border-bottom: 3px solid rgb(170,0,0);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.title:after{
    width: 240px;
    height: 1px;
    content: '';
    position: absolute;
    display: block;
    bottom: 39px;
    border-bottom: 1px solid rgb(201,202,196);
    left: 0;
    right: 0;
    margin: 0 auto;
}

header .log{width: 190px;height: 58px;float: left;margin: 10px auto 10px 20px;display: block;}
header .nav{display: flex;flex-direction: row;margin: 15px 0 20px 85px;float: left}
header .nav .list{height: 40px;width: 125px;text-align: center;}
header .nav .list .link{line-height: 40px;display:block}
header .nav .list:hover,header .nav .list.on{background-color: rgb(170,0,0);transition: 0.5s}
header .nav .list:hover .link,header .nav .list.on .link{color: white;transition: 0.5s}

header .search{float: right;width: 200px;height: 40px;overflow: hidden;position: relative;margin: 15px 20px 20px auto}
header .search .button{background-image: url("../images/ss.png");background-repeat: no-repeat;height: 22px;width: 22px;top: 9px;right: 20px;position: absolute;background-color: rgba(238,238,238,0)}
header .search input{color: rgb(153,153,153);height: 100%;width: 100%;background-color: rgb(238,238,238);border-radius: 20px;padding-left: 14px}
/*  */
.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:#FFFFFF
}
.current {
    background:#AA0000;
    color: #fff;
    margin-left: 10px;
    border-color:transparent
}
.nextPage,.prevPage,.disabled{background:#999999;color:#fff !important;}
.laiyuan{margin-top:20px;}
.laiyuan p{font-size:14px;}
  /*  */
.detail_title {
    line-height: 30px;
    text-align: left;
    color: #595757;
    margin:30px 0 15px;
    font-size:24px;font-weight:bold;
}
.project_box{border-bottom:1px solid #ddd;margin-bottom: 15px;}
.project_box p{font-size:12px;color:#746969;margin: 14px 0 10px 0;}
/* 分享插件 */
.social-share{margin-bottom:15px;}
.social-share .icon-douban,
.social-share .icon-linkedin,
.social-share .icon-facebook,
.social-share .icon-twitter,
.social-share .icon-google{display:none !important;}
/*  */
.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-pagination-bullet{background-color: rgb(126,126,127);opacity: 1}
.box1 .swiper-pagination-bullet-active{background-color: white;border: 2px solid rgb(126,126,127)}


footer{background-color: rgb(51,51,51)}
footer .contain{padding: 60px 0 50px 0}
footer .contain .left{padding-left: 118px;width: 408px;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: 521px;padding-left: 140px;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: 409px;float: right;padding-left: 163px}
footer .contain .right .code{width: 152px;height: auto;margin-top: 40px;text-align: center}
footer .contain .right .tle{color: white;font-size: 14px;margin-top: 25px}
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}


@media (min-width: 1200px) and (max-width: 1344px){
    .box{min-width: 0}
    header .log{width: 190px;margin-left: 20px}
    header .nav{width: 660px;margin: 15px 0 10px 30px}
    header .search{width: 200px;margin: 15px 20px 10px auto;}

    footer .contain .left{padding-left: 50px;width: 400px}
    footer .contain .center{padding-left: 50px;width: 500px}
    footer .contain .right{padding-left: 100px;width: calc(100% - 900px)}

}