@media(max-width:1200px){
body{padding-bottom:60px}
}
/*--banner--*/
.banner{position:relative;z-index:1;width:100vw;height:776px;overflow:hidden;}
.banner .swiper-wrapper,.banner .swiper-slide{height:100%;}
.banner .swiper-slide a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;}
.banner .ctrl{position:absolute;z-index:9;left:50%;bottom: 30px;width:1400px;height:50px;overflow:hidden;transform:translateX(-50%);text-align: center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin: 10px 8px!important;width: 12px;height: 12px;background: #fff;opacity:1;border-radius: 0;transform: rotate(45deg);}
.banner .swiper-pager span.swiper-pagination-bullet-active{ background: #3994cb;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;top: 50%;width:70px;height:70px;line-height:70px;color:#fff;text-align:center;cursor:pointer; border: 1px solid #fff; z-index: 3;}
.banner .swiper-prev i,.banner .swiper-next i { font-size: 28px; margin: 20px;}
.banner .swiper-prev{left:100px;}
.banner .swiper-next{right:100px;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#333;background:#fff;}
@media(max-width:1440px){
    .banner .ctrl{width:1200px;}
}
@media(max-width:1200px){
    .banner{display:none;}
}
/*--end banner--*/

/*--mBanner--*/
.mBanner{display:none;position:relative;overflow:hidden;}
.mBanner .swiper-slide img{display:block;width:100%;}
.mBanner .swiper-pager{position:absolute;z-index:9;left:0;bottom:20px;text-align:center;}
.mBanner .swiper-pager span{display:inline-block;margin:0 5px;width:10px;height:10px;background:#fff;opacity:1;}
.mBanner .swiper-pager span.swiper-pagination-bullet-active{background:#0e52b7;}
@media(max-width:1200px){
    .mBanner{display:block;}
}
/*--end mBanner--*/

/*-- product --*/
.product{ padding: 80px 0; background: #fff; overflow: hidden;}
.product .product-con { overflow: hidden;}
.product .product-con .item { margin: 50px 12px 0; float: left; width: calc(100%/3 - 24px);}
.product .product-con .item .pic { display: block; width: 100%;overflow: hidden; border: 1px solid #d7d7d7; box-sizing: border-box;}
.product .product-con .item .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-con .item .pic:hover img { transform: scale(1.1);}
.product .product-con .item .text { padding-top: 30px;}
.product .product-con .item .text h3 { font-size: 24px; color: #333;}
.product .product-con .item .text h3 a { color: #333;}
.product .product-con .item .text h3:hover a { color: #1d2b57;}
.product .product-con .item .text p { margin-top: 10px; height: 45px; font-size: 16px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.product .product-con .item .product-btn { margin-top: 20px; overflow: hidden;}
.product .product-con .item .product-btn a { font-size: 16px;  text-align: center; margin-right: 34px; display: inline-block; width: 120px; height: 45px; line-height: 45px; border: 1px solid #666;}
.product .product-con .item .product-btn a i { margin-left: 5px; font-size: 16px; color: #666;}
.product .product-con .item .product-btn a:hover { background: #1d2b57; color: #fff;}
.product .product-con .item .product-btn a:hover i { color: #fff;}
.product .product-more { font-size: 14px; display: none; margin: 20px auto 0; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #666; text-align: center;}
.product .product-more i { margin-left: 5px; vertical-align: middle; color: #666; font-size: 14px;}
.product .product-more a { display: block;}
@media (max-width:992px) {
    .product { padding: 40px 0;}
    .product .product-more { display: block;}
    .product .product-con .item { margin: 20px 6px 0; width: calc(100%/2 - 12px);}
    .product .product-con .item .text { padding-top: 15px;}
    .product .product-con .item .text h3 { font-size: 16px;}
    .product .product-con .item .text p { font-size: 14px; height: auto;}
    .product .product-con .item .product-btn { display: none;}
    .product .product-con .item:nth-child(n+5) { display: none;}
}
/*-- product end --*/


/* case */
.case { min-width: 1200px; position: relative; padding: 80px 0; overflow: hidden; background: #f4f4f4;}
.case .wrap-title { position: relative; z-index: 3;}

.case .case-slide {margin-top: 45px;overflow: hidden;position: relative;z-index: 2;}
.case .case-main { display: block; overflow:hidden;}
.case .case-main .case-list { float: left; width: 100%;}
.case .case-main .case-list li {float: left;width: 50%; background: #fff; border-bottom: 1px solid #d5d5d5;}


.case .case-main .case-list li .pic { display: block; width: 50%; overflow:hidden; float: left;}
.case .case-main .case-list li .arrow-right { position: absolute; z-index: 2; width: 0; height: 0; margin-top: 12%; border-top: 20px solid transparent; border-bottom: 20px solid transparent;border-left: 15px solid #fff;}
.case .case-main .case-list li .arrow-left {
    position: absolute; 
    z-index: 2; 
    margin-top: 2%;
    margin-left: -22px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent; 
    border-right: 15px solid #fff;
}

.case .case-main .case-list li .pic img { display: block; width: 100%; transition: all 1s;}
.case .case-main .case-list li:hover img { transform: scale(1.1);}
.case .case-main .case-list .tit{ width: 50%; float: left; text-align: center; padding: 10% 2%;}
.case .case-main .case-list .tit h3 { font-size: 24px; margin: 10px 0; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.case .case-main .case-list .tit span { float: left; width: 100%; font-size: 16px; color: #333; line-height: 30px;}
.ctrl { margin-top: 20px; text-align: center;}
.ctrl .swiper-pagination-bullet { margin: 0 5px;}
.ctrl .swiper-pagination-bullet-active { background: #3994cb;}

@media (max-width:992px) {
    .case .case-main .case-list .tit{text-align: left;}
    .case .case-main .case-list .tit h3{ padding:0 10px 0 10px;}
    .case .case-main .case-list .tit p{ line-height: 22px; padding:0 10px 0 10px; height: 40px; overflow: hidden;}
    .case { padding: 40px 10px; min-width:auto;}
    .case .honor-bg { display: none;}
    .case .ctrl { display: block;}
    .case .case-slide .case-menu { display: none;}
    .case .case-slide { margin-top: 20px;}    
    .case .case-main .case-list { width: auto; margin: 0 -3%;}
    .case .case-main .case-list li .tit { padding: 20px 10px; overflow: hidden;}
    .case .case-main .case-list li .tit span { width: 60%; font-size: 12px;}
    .case .case-main .case-list li .tit em { font-size: 12px;}
    .case .case-main .case-list li {width: 100%;}
    .case .case-main .case-list li:first-child,.case .case-main .case-list li:nth-child(2){ height: auto; overflow: hidden;}
}

@media (min-width:992px){
    .case .case-main .case-list li:first-child,.case .case-main .case-list li:nth-child(2){ height: 380px;}
    .case .case-main .case-list li:first-child .pic img,.case .case-main .case-list li:nth-child(2) .pic img{
        height: 380px;
    }
    .case .case-main .case-list li:first-child .tit,.case .case-main .case-list li:nth-child(2) .tit{
        padding-top: 20%;
    }
}
/* case end */



/* changjing */
.changjing { min-width: 1200px; position: relative; padding: 50px 0; overflow: hidden; background: #fff;}
.changjing .wrap-title { position: relative; z-index: 3;}

.changjing .changjing-slide {margin-top: 20px;overflow: hidden;position: relative;z-index: 2;}
.changjing .changjing-slide .changjing-menu { display: block; text-align: center; margin-bottom: 50px; border-bottom: 2px solid #d3d3d3;}
.changjing .changjing-slide .changjing-menu ul { display: inline-block;}
.changjing .changjing-slide .changjing-menu li {float: left; margin: -5px 40px; }
.changjing .changjing-slide .changjing-menu li a { display: block; font-size: 26px; color: #333; height: 60px; line-height: 45px; font-weight: bold;}
.changjing .changjing-slide .changjing-menu li a:hover,.changjing .changjing-slide .changjing-menu li.cur a { color: #429dd6; border-bottom: 5px solid #429dd6;}


.changjing .changjing-main { display: block; overflow:hidden; width: 80%; margin: 60px auto;}
.changjing .changjing-main  .pic { 
    width: 50%; text-align: center; float: left;
}
.changjing .changjing-main .pic img { display: block; width: 100%; text-align: center;}
.changjing .changjing-main .text {  float: left; padding-top: 0px; width:50%; padding-left: 65px;}
.changjing .changjing-main .text h3 { padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 24px; color: #333; line-height: 1.25;}
.changjing .changjing-main .text p { text-indent: 36px;margin: 10px 0;font-size: 18px;color: #666;line-height: 1.5;}
.changjing .changjing-main .text a.more { display: inline-block; background: #3994cb; color: #fff; padding: 10px 30px; border-radius: 20px;}
@media (max-width:1440px) {
    .changjing .changjing-main .changjing-fl { height: 537px;}
    .changjing .changjing-main .left-btn { bottom: 70px;}
}
@media (max-width:992px) {
    .changjing .changjing-main{ width: 100%; margin: 10px auto;}
    .changjing .changjing-main  .pic { 
        width: 100%;
    }
    .changjing .changjing-main .text {  float: left; width:90%; margin-left: 25px; padding: 10px;}
    .changjing .changjing-main .text a.more{ display: none;}
    .changjing { padding: 40px 8px; min-width:auto;}
    .changjing .honor-bg { display: none;}
    .changjing .ctrl { display: block; margin: auto; text-align:center;}
    .changjing .changjing-slide .changjing-menu { display: none;}
    .changjing .changjing-slide { margin-top: 20px;}
    .changjing .changjing-main .changjing-fl { margin-bottom: 4%; padding: 15px; float: none; width: 100%; height: auto;}
    .changjing .changjing-main .changjing-fl h3 { padding: 15px 0 20px; font-size: 18px;}
    .changjing .changjing-main .changjing-fl p { font-size: 14px;}
    .changjing .changjing-main .changjing-btn { bottom: 40px;}
    .changjing .changjing-main .changjing-btn a { width: 100px; height: 35px; line-height: 35px; margin-left: 15px;}
    .changjing .changjing-main .changjing-fr { width: auto; margin: 0 -3%;}
    .changjing .changjing-main .changjing-fr li .tit { padding: 0 5px; height: 35px; line-height: 35px;}
    .changjing .changjing-main .changjing-fr li .tit span { width: 60%; font-size: 12px;}
    .changjing .changjing-main .changjing-fr li .tit em { font-size: 12px;}

}
/* case end */


/* super */
.super { padding: 60px 0 50px; background: #fff;}
.super .super-con { margin-top: 25px; overflow: hidden;}
.super .super-con .item {padding: 20px;box-sizing: border-box;background: #1d2b57;border-radius: 80px;margin: 10px;float: left;width: calc(100%/3 - 20px);height: 165px;}
.super .super-con .item:nth-child(odd) {animation: fadeinL 1s ease-out backwards;}
.super .super-con .item:nth-child(even) {animation: fadeinR 1s ease-out backwards;}
.super .super-con .item .pic {float: left; width: 114px; height: 114px; border-radius: 50%; overflow: hidden;}
.super .super-con .item .pic img { display: block; width: 100%;}
.super .super-con .item .tit {float: right;width: 67%;}
.super .super-con .item .tit h3 { font-size: 22px; color: #fff200; line-height: 1;}
.super .super-con .item .tit p { margin-top: 10px; font-size: 16px; color: #fff;}
@media (max-width:1440px) {
    .super .super-con .item .tit { width: 64%;}
    .super .super-con .item { height: 153px;}
    .super .super-con .item .tit h3 { font-size: 18px;}
    .super .super-con .item .tit p { font-size: 14px;}
}
@media (max-width:1200px) {
    .super .super-con .item { width: calc(100%/2 - 20px);}
    .super .super-con .item .tit { width: 73%;}
}
@media (max-width:992px) {
    .super { padding: 40px 15px;}
    .super .super-con .item {margin: 10px 0;width: 100%;padding: 10px;border-radius: 75px;height: auto;}
    .super .super-con .item .pic {width: 105px;height: 105px;}
    .super .super-con .item .tit { width: 66%;}
}
/* super end */

/* sjbj */
.sjbj { padding: 55px 0; position: relative; overflow: hidden;background: #fff;}
.sjbj .sjbj-con { position: relative; overflow:hidden;}
.sjbj .sjbj-con .sjbjBg { display: block;  width: 100%;animation: fadein 5s ease-out backwards;}
.sjbj .sjbj-con .sjbjBg img { display: block; width: 100%;}
.sjbj .sjbj-con .sjbjBf { position:absolute;left: 0; top: 0; width: 100%;animation: bouncein 3s ease-out backwards; }
.sjbj .sjbj-con .sjbjBf img { display: block; width: 100%;}
@media (max-width:992px) {
    .sjbj { padding: 10px 0 40px;}
}
/* sjbj end */

.about { padding: 30px 0; overflow: hidden; background: #fff;}
.about  .wrap-title ul { margin-top: 10px;}
.about  .wrap-title li { display: inline-block; margin:0 0px; font-size: 18px; color: #666; width: 24%; text-align: left; }
.about  .wrap-title li h3{font-size: 28px; color: #333; line-height: 1.25;display: inline-block; font-weight: bold;}
.about  .wrap-title li i {display: inline-block;vertical-align: middle; float:left; margin-top: 20px;margin-right: 15px;background: url(../image/gou.png) no-repeat left;width: 35px;height: 29px; background-size: 100%;}
.about  .wrap-title li p{display: block; margin-left: 40px; color: #333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.about  .wrap-title li span{ color: #333; font-weight: bold; padding-left: 5px;}


/* process */
.process { padding: 80px 0; overflow: hidden; background: #f4f4f4;}
.process  .wrap-title ul { margin-top: 10px;}
.process  .wrap-title li { display: inline-block; margin:0 15px; font-size: 18px; color: #666; width: 22%; text-align: left; }
.process  .wrap-title li h3{font-size: 24px; color: #333; line-height: 1.25;display: inline-block; font-weight: bold;}
.process  .wrap-title li i {display: inline-block;vertical-align: middle; float:left; margin-top: 20px;margin-right: 15px;background: url(../image/gou.png) no-repeat left;width: 35px;height: 29px; background-size: 100%;}
.process  .wrap-title li p{display: block; margin-left: 40px;}

.process .process-con { margin: 0 -12px; overflow: hidden;}
.process .process-con .item { margin: 25px 12px 0;}
.process .process-con .item  .pic { 
    display: block; width: 50%; text-align: center; float: right; background: url(../image/bg01.png) no-repeat center;
    background-size: 100%; background-position: center;
}
.process .process-con .item  .pic img { display: block; width: 95%; margin: 4% 2.5%;}
.process .process-con .item .text {  float: left; padding-top: 35px; width:50%;}
.process .process-con .item .text h3 { padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 24px; color: #333; line-height: 1.25;}
.process .process-con .item .text p { text-indent: 36px;padding-right: 65px;margin: 10px 0;font-size: 18px;color: #666;line-height: 1.5;}
.process .process-con .item .text a.more { display: inline-block; background: #3994cb; color: #fff; padding: 10px 30px; border-radius: 20px;}
@media (max-width:992px) {
    .about{ display: none;}
    .process { padding: 40px 5px;}
    .process .wrap-title li { margin: 0 4px; font-size: 14px;}
    .process .wrap-title li i { width: 18px; height: 18px;}
    .process .process-con { margin: 0;}
    .process .process-con .item { margin: 20px 5px 0; }
    .process .process-con .item .text {padding-top: 10px;}
    .process .process-con .item .text h3 {font-size: 14px;padding-bottom: 15px;}
    .process .process-con .item .text p {padding: 0;font-size: 14px;}
    .process .process-con .item .text{ width: 100%}
    .process .process-con .item .pic{ width: 100%; margin-top: 50px;}
    .more{ position: absolute; left: 50%; margin-left: -58px }
}
/* process end */


/* partner */
.partner { position: relative; padding: 70px 0; background: #f4f4f4;}
.partner .partner-con { margin: 30px auto;; overflow: hidden; width: 100%;}
.partner .swiper-slide { position: relative; width: 50%; float: left; margin: 20px 0; background: #f7f7f9;}
.partner .pic { display: block; width: 95%; overflow: hidden; float: left; height: 350px; overflow: hidden;}
.partner .pic  img { display: block; width: 100%;}
.partner .tit { float: left; padding: 10px 0px; box-sizing: border-box; left: 0; bottom: 20px; width: 100%; }
.partner .tit h3 { font-size: 24px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.partner .tit span { float: left; width: 100%; font-size: 16px; color: #333; line-height: 30px;}
.partner .tit em { float: right; font-size: 16px; color: #fff;}


@media (max-width:992px) {
    .partner .swiper-slide {width: 100%; margin: 25px 0;}
    .partner .pic {height: 210px;}
    .partner { padding: 40px 15px;}
    .partner .partner-con { margin-top: 20px;}
    .partner .tit { padding: 0 5px; height: 35px; line-height: 35px;}
    .partner .tit span { width: 100%; font-size: 12px; overflow: hidden; overflow: hidden; line-height: 20px;}
    .partner .tit  em { font-size: 12px;}
    .partner .partner-con { margin: 10px auto;; overflow: hidden; width: 100%;}
    .partner .tit h3{ font-size: 18px;}
}
/* partner end */

/* server */
.server {padding: 60px 0;box-sizing: border-box;background: url(../image/server-bg.jpg) no-repeat center;width: 100%;height: auto;background-size: cover;text-align: center;}
.server .wrap-title h2 { color: #fff;}
.server .wrap-title p { color: rgba(255,255,255,.5);}
.server .server-con { position: relative; margin-top: 75px;overflow: hidden;}
.server .server-con::after {content: '';display: block;position: absolute;left: 0;top: 21px;width: 100%;height: 8px;background: #fff;}
.server .server-con ul { position: relative; z-index: 4;}
.server .server-con li { float: left; width: calc(100%/7); text-align: center;}
.server .server-con li  span { margin: 0 auto; display: block; background: url(../image/server-icon.png) no-repeat center; width: 51px; height: 51px; line-height: 51px; border-radius: 50%; font-size: 16px; text-align: center; background-size: 100%;}
.server .server-con li p { margin-top: 22px; font-size: 18px; color: #fff;}
.server .server-form {margin-top: 50px;display: inline-block;overflow: hidden;text-align: center;}
.server .server-form .form-list {float: left;display: block;vertical-align: middle;width: 340px;height: 60px;line-height: 60px;background: #fff;}
.server .server-form .form-list input { float: left; padding-left: 25px; box-sizing: border-box; display:block; width: 80%; height: 60px; border:none; outline: none;}
.server .server-form .form-list input::placeholder { color: #020518;}
.server .server-form .form-list i { display:block; font-size: 28px; color: #999; font-weight: bold; margin: 18px 0;}
.server .server-form a {float: left;display: block;width: 240px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #010101;background: #fff200;}
@media (max-width:992px) {
    .server { padding: 40px 15px;}
    .server .server-con { margin-top: 30px;}
    .server .server-con li p { margin-top: 15px; font-size: 14px;}
    .server .server-con li  span {width: 41px;height: 41px;line-height: 41px;font-size: 14px;}
    .server .server-con::after { display: none;}
    .server .server-con li { width: calc(100%/4);}
    .server .server-con li:nth-child(n+5) { margin-top: 30px; width: calc(100%/3);}
    .server .server-form { margin-top: 30px; width: 100%;}
    .server .server-form .form-list { float: none; width: 100%; height: 45px;line-height: 45px;}
    .server .server-form .form-list input { height: 45px;}
    .server .server-form a { margin-top: 10px; width: 100%; height: 45px;line-height: 45px;}
}
/* server end */

/* news */
.news { padding: 80px 0; background: #fff; overflow: hidden;}
.news .news-slide { margin-top: 25px; overflow: hidden;}
.news .news-menu { display: block; text-align: center;}
.news .news-menu ul { display: inline-block;}
.news .news-menu li { float: left; display: block; margin: 0 17px;}
.news .news-menu li a { display: block; width: 130px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #e5e5e5; box-sizing: border-box; color: #000; font-size: 18px;}
.news .news-menu li.cur a { background: #1d2b57; border: 1px solid #1d2b57; color: #fff;}
.news .news-main { margin-top: 30px;overflow: hidden;}
.news .news-main .news-fl { float: left; width:44%;}
.news .news-main .news-fl .item {position: relative; width:100%;}
.news .news-main .item .date{ width: 100px;height: 100px;color:#999;text-align: center;padding: 16px;  float: left; border-right: 1px solid #d5d5d5;}
.news .news-main .item .date em{display:block;font-size: 36px; font-weight: bold; padding: 6px;}
.news .news-main .item .date span{display:block;font-size: 20px;}

.news .news-main .news-fl .item .pic { display: block; width: 100%;overflow: hidden; max-height: 360px; overflow: hidden;}
.news .news-main .news-fl .item .pic img { display: block; width: 100%;transition: all 1s;}
.news .news-main .news-fl .item .tit { padding: 4px 25px; display: block; width: 100%; background: #fafafa;}
.news .news-main .news-fl .item .tit h3 { padding-bottom: 5px; /*! border-bottom: 1px solid #cdcdcd; */ color: #333; font-size: 22px;line-height:2;}
.news .news-main .news-fl .item .tit h3 a { color: #333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-main .news-fl .item:hover .tit h3 a { color: #1d2b57;}
.news .news-main .news-fl .item .tit p { margin-top: 10px; font-size: 16px; line-height: 1.5; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.news .news-main .news-fr { float:right; width: 54%;}
.news .news-main .news-fr .item {margin-bottom: 15px;display: block;width: 100%;overflow: hidden; background: #fafafa; padding: 18px;}
.news .news-main .news-fr .item .pic { display: block; float: left; width: 31%;overflow: hidden;}
.news .news-main .news-fr .item .pic img { display: block; width: 100%;transition: all 1s;}
.news .news-main .news-fr .item .tit { float: left; width: 80%; padding: 5px 25px 0;}
.news .news-main .news-fr .item .tit h3 { font-size: 24px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-main .news-fr .item .tit p { margin: 10px 0 20px; font-size: 14px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-main .news-fr .item .tit em { font-size: 14px; color: #666;}
.news .news-main .news-fr .item:hover h3 { color: #1d2b57;}
.news .news-main .news-fr .item:last-child { margin-bottom: 0;}
.news .news-main .item:hover img { transform: scale(1.1);}
@media (max-width:1440px) {
    .news .news-main .news-fr  .item { margin-bottom: 37px;}
}
@media(max-width:992px) {
    .news { padding: 40px 15px;}
    .news .news-menu li { margin: 0 5px;}
    .news .news-menu li a { width: 100px; height: 35px; line-height: 35px; font-size: 16px;}
    .news .news-main .news-fl { float: none; width: 100%; overflow: hidden;}
    .news .news-main .news-fl .item .tit { padding: 10px 20px;}
    .news .news-main .news-fl .item .tit h3 { font-size: 16px;}
    .news .news-main .news-fl .item .tit p { font-size: 14px;}
    .news .news-main .news-fr { margin-top: 20px; float: none; width: 100%;}
    .news .news-main .news-fr .item  { margin-bottom: 20px;}
    .news .news-main .news-fr .item .pic { width: 40%;}
    .news .news-main .news-fr .item .tit { width: 72%; padding: 10px 0 0px 15px}
    .news .news-main .news-fr .item .tit h3 { font-size: 20px; line-height: 1;}
    .news .news-main .news-fr .item .tit p { margin: 10px 0;}
    .news .news-main .item .date{ width: 80px;height: 80px; padding: 8px 0;}
    .news .news-main .news-fr .item {padding: 8px;}
}
/* news end */


/* Custom */
.Custom {width:100%;height:800px;background-repeat:no-repeat;background-position:center;clear:both;position: relative;}
.Custom .wrap-title h2 { padding: 50px 0 0px; color: #fff;}
.Custom .Custom-con { margin-top: 30px; overflow: hidden; max-width: 500px; margin: auto;}
.Custom .Custom-con p { font-size: 24px; color: #fff;line-height: 1.75; text-align: center;}
.Custom .Custom-con a { display: block; font-size: 18px; color: #000; background: #fff200; margin: 90px auto 0; width: 190px; height: 55px; line-height: 55px;text-align: center;}
.Custom .Custom-con a i {display: inline-block;margin-left: 5px;transform: translateY(-2px);width: 27px;height: 27px;line-height: 27px;border-radius: 50%;background: #000;color: #fff;font-size: 16px;}
@media (max-width:992px) {
    .Custom { display:block; height: 250px; background-size: cover;}
    .Custom .Custom-con { margin-top: 30px;}
    .Custom .Custom-con p { font-size: 14px;}
    .Custom .Custom-con a { margin: 60px auto 0; font-size: 16px; width: 160px; height: 45px; line-height: 45px;}
    .Custom .Custom-con a i { width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
}
/* Custom end */


#certs {
  background: #fff;
  padding:0;
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 700px;
   overflow: hidden;
}

#certs .swiper-container {
  margin-top: 40px;
  height: 850px;
   overflow: hidden;
}

#certs .swiper-slide {
  width: 550px;
  height: 1020px;
  text-align: center;
}

#certs .swiper-slide h2 {
  float: left;
  padding-top: 0;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}

#certs .swiper-slide h4 {
  float: left;
  margin: 0;
  width: 60%;
  font-size: 16px;
}
#certs .swiper-slide>img{ width: 500px; padding: 0px 60px; display: inline-block; vertical-align:bottom;}

#certs .swiper-pagination {
  width: 100%;
  bottom: 110px;
}

#certs .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certs .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 5px solid #3994cb;
}

#certs .swiper-button-prev {
  left: 0px;
  top: 40%;
  width: 45px;
  height: 45px;
}

#certs .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

.masks{
  position: absolute;
  transform: rotateX(180deg) rotateZ(0deg);
  top: 510px;
  left: 0;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.6), #ffffff, #ffffff, #ffffff);
  z-index: 2;
}
.maskbg{
  height: 300px;
  overflow: hidden;
	margin-left: 85px;
}
.maskbg img{opacity: 1; transform: scaleX(-1); transform: scaleY(-1); width: 81.6%; overflow: hidden}

@media(max-width:1200px){
    #certs { 
      width: 100%;
      padding-top: 80px;
      height: 600px;
    }
    #certs .swiper-container {
      margin-top: -50px;
    }
  #certs .swiper-pagination {
      bottom: 10px;
  }
}