@charset "utf-8";
/* CSS Document */

.banner{ position:relative;}
.banner .swiper-slide{transition-delay:.3s;}
.banner .swiper-slide a{ display:block;overflow: hidden;/* padding-bottom:45%;min-height: 620px;*//*background-size: cover;background-position: center;background-repeat: no-repeat;*/}
.banner .swiper-slide a img{transform: scale3D(1, 1, 1);transition:all .8s;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff; width:8px; height:8px;opacity:0.5;box-sizing: border-box;margin: 15px 0;display: block;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination{right: 5%;width: auto;left: auto;bottom: auto;top: 50%;transform: translateY(-50%);}
.bannerslide-nation{}
.bannerslide-nation .swiper-pagination-current{font-size: 20px;font-weight: bold;}
.swiper-button-prev,.swiper-button-next{width:48px;height: 48px;background-size: 48px;background-repeat: no-repeat;opacity: 0.32;transition: all 0.4s;}
.swiper-button-prev{background-image: url(../images/ar_l.png);background-position:center;}
.swiper-button-prev:hover{background-image: url(../images/ar_lh.png);background-position:center;opacity: 1;transition: all 0.4s;}
.swiper-button-next{background-image: url(../images/ar_r.png);background-position:center;}
.swiper-button-next:hover{background-image: url(../images/ar_rh.png);background-position:center;opacity: 1;transition: all 0.4s;}

.banner-txt{background: #04287e;position: absolute;top: 50%;left: 5%;transform: translateY(-50%);z-index: 2;}
.banner-txt dl dt{padding: 36px;font-size: 52px;line-height: 80px;color: #fff;}
.banner-txt dl dd{height: 0.76rem;background: #fff;line-height: 0.76rem;font-size: 18px;text-align: right;padding: 0 25px;position: relative;}
.banner-txt dl dd:after{content: '';position: absolute;top: 0;left: 0;width: 0.88rem;height: 100%;border-right: 1px solid #e6e6e6;background: url(../images/ico_arrow.png) no-repeat center;background-size: 27px;}

.swiper-slide .banner-txt{transform:translate(0,-40%);opacity:0;transition:all .6s;}
.ani-slide .banner-txt{transform:translate(0,-50%);opacity:1;}
.banner .ani-slide a img{transform: scale3D(1.15, 1.15, 1.15);transition:all 5.8s;}

.title{margin-bottom: 40px;position: relative;}
.title span{font-size: 36px;color: #222;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.title p{font-size: 18px;margin-top: 20px;}

/*about*/
.about{position: relative;z-index: 2;overflow: hidden;}
.about-con{padding: 100px 0;}
.about-col{width:510px;float: right;position: relative;z-index: 2;}
.ab-title{text-align: right;font-size: 0;margin-bottom: 82px;}
.ab-tl-cell{width: 40%;display: inline-block;vertical-align: middle;transition: all 0.4s;}
.ab-tl-cell a{display: block;background: #04287e;color: #fff;text-align: center;padding: 32px 0;}
.ab-tl-cell:hover{width: 42%;transition: all 0.4s;}
.ab-tl-cell:first-child a{background: #f0780f;}
.ab-tl-cell a span{display: block;font-size: 20px;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.ab-tl-cell a i{display: inline-block;width: 54px;height: 54px;margin-bottom: 10px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.ab-tl-cell a i.tl-ico01{background-image: url(../images/ab_ico01.png);}
.ab-tl-cell a i.tl-ico02{background-image: url(../images/ab_ico02.png);}
.about-text{font-size: 14px;line-height: 30px;margin-bottom: 20px;margin-bottom: 40px;text-align: right;margin-bottom: 60px;}
.ab-hd {margin-bottom: 30px;}
.ab-hd h3{font-size: 36px;font-weight: bold;color: #333;margin-bottom: 20px;}
.ab-hd p{font-size: 20px;color: #333;}
.ab-bd{font-size: 16px;line-height: 28px;justify-content: space-between;}
.more-btn{text-align: right;}
.more-btn a{display:inline-block;background: #f3f3f3;font-size: 16px;color: #666;padding: 10px 32px;position: relative;}
.more-btn a:before{content: '';width: 4px;height: 100%;position: absolute;top: 0;left: -6px;background: #001170;transition: all 0.2s;}
.more-btn a:hover{background: #f0780f;color: #fff;}
.more-btn a:hover:before{left: -4px;transition: all 0.2s;}
.about-pic{position: absolute;top:50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 0;overflow: hidden;}
.about-pic img{display: block;width: 100%;}


.service{padding: 100px 0 0;background: url(../images/ser_bg2.jpg) repeat-x top center;margin-bottom: 100px;position: relative;}
/*.service:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 544px;background: #04287e;z-index: 0;}*/
.service .contain{position: relative;z-index: 2}
.service-con{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.ser-title{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;width: 436px;position: relative;}
.ser-title .tl{color: #fff;}
.ser-title .tl span{font-size: 42px;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.ser-title .tl p{font-size: 18px;margin-top: 30px;}
.service-item{position: relative;z-index: 2;-webkit-box-flex: 2;-ms-flex: 2;-webkit-flex: 2;flex: 2;padding-left: 2%}
.service-item ul{}
.service-item ul li{width: 33.33%;float: left;padding-left: 32px;margin-bottom: 40px;}
.service-item ul li a{display: block;background: #fff;box-shadow: 0 15px 25px rgba(0,0,0,0.08)}

.ser-hd{border-bottom: 1px solid #e6e6e6;line-height: 0.68rem;padding: 0 25px;font-size: 30px;font-weight: bold;color: #000;position: relative;}
.ser-hd:after{content: '';position: absolute;right: 0;top: 0;height: 100%;width: 0.88rem;border-left: 1px solid #e6e6e6;background: url(../images/ico_arrow.png) no-repeat center;background-size: 27px;}
.ser-hd:before{content: "";position: absolute;right: 0;top: 0;display: block;width: 0;height: 100%;background: #f0780f;transition-duration: .3s;}
.service-item ul li a:hover .ser-hd:before{width: 0.88rem;}
.ser-mid{padding: 25px;margin-top: 30px;}
.ser-mid-big{font-size: 24px;margin-bottom: 10px;color: #222;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ser-mid-sm{font-size: 13px;min-height: 44px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;  white-space: normal;  display:-webkit-box;-webkit-box-orient:vertical;  -webkit-line-clamp:2}
.ser-ft{padding: 25px;position: relative;top: 0;transition: all 0.3s;}
.ser-ft img{max-width: inherit;width: 100%;}
.ser-bg{position: absolute;left: 5%;bottom: 40px;width: 100%;z-index: -2}
.ser-bg img{width: 100%;max-width: auto;}
.ser-logo img{width: 100%;max-width: auto;}
.service-item ul li a:hover .ser-ft{top: -10px;transition: all 0.3s;}


.news{padding-top: 90px;padding-bottom: 80px;}
.news .more-btn{position: absolute;right: 0;top: 10px;}
.news-item{/*display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;*/}
.news-cell{overflow: hidden;position: relative;width: 30.66%;float: left;margin-right: 4%;/*-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;padding-right: 40px;*/}
.news-cell:last-child{margin-right: 0;}
.news-pic a,.news-pic a img{display: block;width: 100%;transition: all .6s ease;}
.news-pic a{overflow: hidden;}
.news-pic a:hover img{transform: scale3D(1.05, 1.05, 1.05);transition: all .6s ease;}
.news-link dl{padding: 25px 0;}
.news-link dl dt span{display: block;font-size: 16px;color: #999;margin-bottom: 20px;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.news-link dl dt a{font-size: 26px;color: #333;overflow: hidden;text-overflow:ellipsis;  white-space: normal;  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2;margin-bottom: 10px;}
.news-link dl dt a:hover{color: #f0780f;}
.news-link dl dd p{font-size: 13px;color: #888;line-height: 22px;overflow: hidden;text-overflow:ellipsis;  white-space: normal;  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2}




@media (max-width:1366px){
.banner-txt dl dd{height: 1rem;line-height: 1rem;}
.banner-txt dl dd:after{width: 1rem;}

.about-con{padding: 60px 0;}
.about-col{width: 420px;}
.ab-tl-cell{width: 48%;}
.ab-tl-cell:hover{width: 50%;}
.ab-title{margin-bottom: 50px;}
.ab-hd{margin-bottom: 20px;}
.ab-hd h3{font-size: 28px;margin-bottom: 10px;}
.ab-hd p{font-size: 18px;}
.ab-bd{font-size: 12px;line-height: 24px;}
.about-text{margin-bottom: 40px;}


.service{padding: 60px 0 0;margin-bottom: 60px;background-size: 130%;}
.ser-title .tl span{font-size: 36px;}
.ser-title .tl p{font-size: 14px;}
.service-item ul li{padding-left: 15px;margin-bottom: 30px;}
.ser-hd{line-height: 0.78rem;}
.ser-hd{font-size: 20px;padding: 0 15px;}
.ser-mid{padding: 15px;margin-top: 8px;}
.ser-mid-big{font-size: 18px;}
.news{padding-top: 20px;}
.news-link dl dt span{font-size: 14px;margin-bottom: 10px;}
.news-link dl dt a{font-size: 22px;line-height: 32px;}
}

@media (max-width:1024px){
.banner-txt dl dd{height: 50px;line-height: 50px;}
.banner-txt dl dd:after{width: 50px;}
.about-con{padding: 5% 0;}
.about-col{width: 100%;float: none;}
.ab-title{text-align: center;width: 100%;}
.ab-tl-cell{width: 50%;}
.ab-tl-cell a{padding: 12px 0;}
.ab-tl-cell a i{width: 42px;height: 42px;}
.ab-tl-cell a span{font-size: 18px;}
.about-text{text-align: left;}
.ab-bd{font-size: 16px;line-height: 30px;}
.more-btn{text-align: left;}
.about-pic{position: static;transform: translateY(0);top: 0;}
.about-pic img{width: 158%;max-width: inherit;}

.service-con{display: block;}
.ser-title{position: relative;width: 100%;}
.ser-logo{position: absolute;right: 0;top: -1rem;width: 6rem}
.ser-bg{display: none;}
.service-item{margin-top: 1.6rem;padding-left: 0;}
.service-item ul li{padding: 0;width: 48%;margin-right: 4%;margin-bottom: 4%;}
.service-item ul li:nth-child(2n+0){margin-right: 0;}
.ser-hd{height: 50px;line-height: 50px;}
.ser-hd:after{width: 50px;background-size: 16px;}
.service-item ul li a:hover .ser-hd:before{width: 50px;}
.ser-title .tl p{font-size: 18px;}
.ser-mid-big{font-size: 28px;}
.ser-mid-sm{font-size: 18px;line-height: 30px;height: 60px;overflow: hidden;}


}
	
@media (max-width:768px){
.banner .swiper-slide a{min-height: 220px;}
.banner .swiper-slide a img{transform: scale3D(1.4, 1.4, 1.4);}
.banner .ani-slide a img{transform: scale3D(1.5, 1.5, 1.5);}
/*.banner-txt{top: 10%;transform: translateY(0);}*/
.swiper-slide .banner-txt{transform: translate(0,-20%);}
.ani-slide .banner-txt{transform: translate(0,-30%);}
.banner-txt dl dt{padding: 15px;font-size: 24px;line-height: 32px;}
.banner-txt dl dd{height: 36px;line-height: 36px;font-size: 12px;padding: 0 15px;}
.banner-txt dl dd:after{width: 40px;background-size: 16px;}


.ab-hd h3{font-size: 24px;}
.ab-hd p{font-size: 16px;}
.ab-bd{font-size: 14px;line-height: 28px;}

.service{background-size: 100% 22rem;}
.ser-title .tl span{font-size: 30px;}
.ser-title .tl p{font-size: 13px;margin-top: 20px;}
.service-item ul li{width: 100%;margin-right: 0;float: none;}
.ser-mid-sm{font-size: 16px;}


.title span{font-size: 30px;}
.title p{font-size: 13px;}
.news .more-btn{position: static;margin: 30px 0;}
.news-item{display: block;}
.news-cell{display: block;width: 100%;padding: 0;margin-bottom: 8%;float: none;}
}

@media (max-width:320px){

   
}