.page-box{

    padding-left: 60px;

    padding-top: 40px;

    text-align: center;

}



.page-box a,.page-box span{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    padding: 0 20px;

    color: #999;

    font-size: 12px;

    background: #eee;

    cursor: pointer;

    margin: 0 10px;

    position: relative;

}

.page-box a.focus{background: #0d81c8; color:#FFF}

.page-box a:hover{background: #0d81c8; color:#FFF}



.page-box .prev,

.page-box .next{

    width: 100px;

}



.page-box .prev:after,

.page-box .next:after{

    position: absolute;

    top: 13px;

    content: '';

    width: 14px;

    height: 17px;

}



.page-box .prev{

    padding-right: 30px;

}



.page-box .prev:after{

    right:15px;

    background: url("../images/m4.png") no-repeat;

    background-size: contain;

}



.page-box .prev:hover:after{

    top: 14px;

    right:15px;

    background: url("../images/m6.png") no-repeat;

    background-size: contain;

    transform: rotate(180deg);

}



.page-box .next{

    padding-left: 30px;

}



.page-box .next:after{

    left:15px;

    background: url("../images/m4.png") no-repeat;

    background-size: contain;

    transform: rotate(180deg);

}



.page-box .next:hover:after{

    top: 12px;

    right:15px;

    background: url("../images/m6.png") no-repeat;

    background-size: contain;

    transform: rotate(0deg);

}





.wrap-det{

    padding: 110px;

}



.wrap-det .w1200{

    position: relative;

}



.wrap-det .nn{

    font-size: 0;

    position: absolute;

    left: 0;

    top: -170px;

    background: #fff;

    border: 1px solid #eee;

    border-bottom: 0;

    height: 60px;

    width: 100%;

}



.wrap-det .nn .link{

    display: inline-block;

    color: #404040;

    text-align: center;

    font-size: 16px;

    margin-left: 35px;

    min-width: 80px;

    position: relative;

}



.wrap-det .nn .its{

    padding: 130px 55px 0;

}



.wrap-det .nn .active{

    color: #0079c3;

    font-weight: bold;

}



.wrap-det .nn .icon {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    background-size: contain;

    background-repeat: no-repeat;

    width: 78px;

    height: 78px;

    margin: -100px 0 0 -39px;

}



.wrap-det .nn .l1 {

    background-image: url("../images/bxggh.png");

}



.wrap-det .nn .active .l1 {

    background-image: url("../images/bxggl.png");

}



.wrap-det .nn .l2 {

    background-image: url("../images/skybxgh.png");

}



.wrap-det .nn .active .l2 {

    background-image: url("../images/skybxgl.png");

}



.wrap-det .nn .l3 {

    background-image: url("../images/gcgjh.png");

}



.wrap-det .nn .active .l3 {

    background-image: url("../images/gcgjl.png");

}



.wrap-det .nn .l4 {

    background-image: url("../images/cchgjh.png");

}



.wrap-det .nn .active .l4 {

    background-image: url("../images/cchgjl.png");

}



.wrap-det .nn .l5 {

    background-image: url("../images/psgjh.png");

}



.wrap-det .nn .active .l5 {

    background-image: url("../images/psgjl.png");

}



.wrap-det .nn .l6 {

    background-image: url("../images/fsqh.png");

}



.wrap-det .nn .active .l6 {

    background-image: url("../images/fsql.png");

}



.wrap-det .nn .l7 {

    background-image: url("../images/dmh.png");

}



.wrap-det .nn .active .l7 {

    background-image: url("../images/dml.png");

}



.wrap-det .nn .l8 {

    background-image: url("../images/fah.png");

}



.wrap-det .nn .active .l8 {

    background-image: url("../images/fll.png");

}



.wrap-det .nn .l9 {

    background-image: url("../images/fmh.png");

}



.wrap-det .nn .active .l9 {

    background-image: url("../images/fml.png");

}



.wrap-det .info{

    padding: 80px 0;

}



.wrap-det .imgs{

    width: 500px;

}



.ads520,

.ads520 .swiper-slide,

.ads520 .swiper-slide img {

    width: 100%;

    height: 520px;

}



.wrap-det .r-box{

    flex: 1;

    margin-left: 50px;

}



.wrap-det .r-box .tp{

    padding-left: 50px;

    border-top: 7px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 20px;

}



.wrap-det .r-box .tp h3{

    font-size: 18px;

    color: #686868;

    padding: 35px 0;

}



.wrap-det .r-box .tp p{

    font-size: 12px;

    color: #8d8d8d;

    padding-bottom: 20px;

}



.wrap-det .r-box .bb{

    padding: 40px 0 0 35px;

}



.wrap-det .r-box .sp{

    padding: 25px 0;

}



.wrap-det .r-box .sp span{

    display: inline-block;

    background: #eee;

    min-width: 135px;

    height: 45px;

    line-height: 45px;

    padding: 0 20px;

    font-size: 16px;

    color: #686868;

    margin: 15px 0 0 15px;

}



.wrap-det .r-box .bb h3{

    font-size: 16px;

    color: #686868;

    padding-left: 15px;

}



.wrap-det .items{

    font-size: 0;

}



.wrap-det .items .item{

    width: 280px;

    display: inline-block;

    margin: 20px 20px 0 0;

    border: 1px solid #eee;

    cursor: pointer;

    padding-bottom: 15px;

}



.wrap-det .items .item:nth-of-type(4n){

    margin-right: 0;

}



.wrap-det .items .item .img{

    width: 100%;

    height: 280px;

    overflow: hidden;

    position: relative;

}



.wrap-det .items .item:hover .img:after{

    position: absolute;

    left: 0;

    top: 0;

    background: url("../images/mm.png") no-repeat;

    background-size: contain;

    width: 280px;

    height: 280px;

    content: '';

}



.wrap-det .items .item h3{

    font-size: 16px;

    color: #686868;

    font-weight: 500;

    padding: 50px 30px 30px;

}



.wrap-det .items .item p{

    font-size: 12px;

    color: #8d8d8d;

    padding: 0 0 15px 30px;

}







.wrap-det .imgs .page{

    display: flex;

    justify-content: space-between;

}



.wrap-det .imgs .page .count{

    font-size: 14px;

    color: #898889;

    display: inline-block;

    height: 50px;

    line-height: 50px;

    vertical-align: middle;

    position: relative;

    padding-left: 22px;

}



.wrap-det .imgs .page .count:after{

    position: absolute;

    left: 0;

    top: 19px;

    background: url("../images/55.png") no-repeat;

    background-size: contain;

    width: 14px;

    height: 13px;

    content: '';

}



.wrap-det .imgs .page .box{

    display: inline-block;

    width: 220px;

    height: 50px;

    line-height: 50px;

    background: #9c9b9c;

    vertical-align: middle;

    font-size: 0;

}



.wrap-det .imgs .page i{

    display: inline-block;

    width: 50%;

    height: 100%;

    position: relative;

    cursor: pointer;

}



.wrap-det .imgs .page i:after{

    display: inline-block;

    background: url("../images/arrow-l1.png") no-repeat;

    background-size: contain;

    width: 40px;

    height: 19px;

    position: absolute;

    left: 50%;

    top: 50%;

    content: '';

    margin: -10px 0 0 -20px;

}



.wrap-det .imgs .page .prev{



}



.wrap-det .imgs .page .next:after{

    transform: rotate(180deg);

}



.wrap-form .h {

    font-size: 16px;

    color: #686868;

    height: 40px;

    line-height: 40px;

    position: relative;

    border-bottom: 1px solid #e5e5e5;

    margin-left: 30px;

    font-weight: bold;

}



.wrap-form .h:after {

    position: absolute;

    left: -30px;

    top: 0;

    width: 8px;

    height: 40px;

    background: #0079c3;

    content: '';

}







.wrap-page .w1200{

    padding-bottom: 65px;

}



.wrap-page .it{

    display: block;

    font-size: 16px;

    color: #0079c3;

    padding-bottom: 15px;

}





.wrap-form .t{

    font-size: 16px;

    color: #686868;

    height: 40px;

    line-height: 40px;

    position: relative;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 30px;

    margin-left: 30px;

    font-weight: bold;

}



.wrap-form .t:after{

    position: absolute;

    left: -30px;

    top: 0;

    width: 8px;

    height: 40px;

    background: #0079c3;

    content: '';

}



.wrap-form .item {

    margin-bottom: 30px;

    display: flex;

}



.wrap-form label {

    display: inline-block;

    width: 175px;

    min-width: 175px;

    text-align: right;

    font-size: 16px;

    color: #404040;

    line-height: 40px;

}



.wrap-form input {

    width: 430px;

    height: 40px;

    border: 1px solid #e5e5e5;

    border-radius: 6px;

    margin-right: 20px;

}



.wrap-form .code {

    width: 220px;

}



.wrap-form textarea {

    width: 100%;

    height: 180px;

    border: 1px solid #e5e5e5;

    border-radius: 6px;

    resize: none;

}



.wrap-form select {

    width: 130px;

    height: 40px;

    border: 1px solid #e5e5e5;

    border-radius: 6px;

    padding: 0 20px;

}



.wrap-form i {

    color: red;

    position: relative;

    top: 15px;

}



.wrap-form .getcode {

    display: inline-block;

    background: #eeeeee;

    color: #404040;

    font-size: 16px;

    min-width: 90px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    border: 1px solid #404040;

    position: relative;

    top: 10px;

}



.wrap-form .btn {

    display: inline-block;

    cursor: pointer;

    width: 160px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border-radius: 6px;

    margin-left: 40px;

    font-size: 18px;

}



.wrap-form .btn-box {

    padding-top: 20px;

    padding-left: 140px;

}



.wrap-form .bt1 {

    background: #e43e1d;

    color: #fff;

}



.wrap-form .bt2 {

    border: 1px solid #d2d2d2;

    color: #6b6b6b;

}



.wrap-form .more{

    float: right;

    font-size: 14px;

    color: #7d7d7d;

    font-weight: 500;

}



.detail{

    width: 840px;

    padding: 30px 0 70px 30px;

}



.share-tip{

    flex: 1;

    padding-top: 30px;

    text-align: right;

}



.share-tip span{

    display: inline-block;

    background: url("../images/sh.png") no-repeat;

    width: 241px;

    height: 24px;

}