﻿/*banner*/
.banAnimation{-webkit-transition:all 1s;transition:all 1s;opacity:0;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.banner{position:relative;width:100%;}
.banner .swiper-slide{display: block;width:100%;position:relative;overflow:hidden;}
.banner .swiper-slide a{display: block;width:100%;}
.banner .swiper-slide>img{width:100%;}
.banner .swiperButtons{position: absolute;width:100%;left:0;bottom:0;z-index: 2;}
.banner .swiper-button,.banner .swiper-thumb{width:180px;height:70px;background:#fff;}
.banner .swiper-button-prev,
.banner .swiper-button-next,
.banner .swiper-thumb-prev,
.banner .swiper-thumb-next{position: relative;float:left;width:50%;height:100%;top:0;margin-top:0;opacity:1;-webkit-transition:all 0.5s;transition:all 0.5s;}
.banner .swiper-button-prev:after{content:'';position: absolute;width:1px;height:24px;background:#c3c3c3;right:0;top:50%;margin-top:-12px;}
.banner .swiper-button-prev{left:0;background:url(../img/leftb.png) no-repeat center;background-size:12px 20px;}
.banner .swiper-button-prev.swiper-button-disabled{background:url(../img/left.png) no-repeat center;background-size:12px 20px;}
.banner .swiper-button-next{right:0;background:url(../img/rightb.png) no-repeat center;background-size:12px 20px;}
.banner .swiper-button-next.swiper-button-disabled{background:url(../img/right.png) no-repeat center;background-size:12px 20px;}


.pcBanner,.mobileBanner{width:100%;}
.mobileBanner{display:none;}
.banner .swiper-pagination{display: none;}

.banner_text .container{position:absolute;left:50%;top:50%;z-index:9;transform:translate(-50%,-50%);padding-top:0;overflow: hidden;}
.banner_text img{width:auto;display:block;max-width:50%;margin:0;}
.banner_text .bt{width:100%;margin:0 auto;}
.banner1 .banner_text img{transform:translateX(-100%)}
.banner2 .banner_text img{transform:translateY(-100%)}
.banner3 .banner_text img{transform:translateY(100%)}
.banner4 .banner_text img{transform:scale(0)}
.banner5 .banner_text img{transform:translateX(100%)}
.banner .swiper-slide-active .banner_text img{opacity:1;transform:none;transition-delay:.5s}
.banner .swiper-slide-active>img{animation:imgZoomIn 2s ease 0s forwards;-webkit-animation:imgZoomIn 2s ease 0s forwards;-ms-animation:imgZoomIn 2s ease 0s forwards;}



/*首页共用*/
.indexItem{padding:80px 0;}
.index_title{margin-bottom:55px;text-align: center;}
.index_title .ch{font-size:36px;font-weight: 700;}
.index_title .ch span{color:#114899;}



/*第一屏  关于我们*/
.indexItem01 .index_title{margin-bottom:35px;text-align: left;}
.indexItem01 .index_title .en{font-size:30px;text-transform: uppercase;margin-bottom:5px;}
.indexItem01 .index_title .ch{font-size:20px;}
.indexItem01 .contentText{line-height:30px;color:#333;}
.indexItem01 .contentText a:hover{text-decoration: underline;}
.about_text{width:72%;padding-left:5%;}
.about_img{width:28%;max-width:377px;}
.about_img img{width:100%;}

.about_ul{margin-top:45px;}
.about_ul li{float:left;width:33.33%;text-align: center;padding:0 30px;}
.about_ul .icon{width:119px;margin:0 auto;}
.about_ul .icon img{width:100%;}
.about_ul h5{font-size:18px;color:#144a98;margin:25px 0 16px;font-weight: 700;}
.about_ul .p{font-size:12px;color:#999;line-height: 24px;}


/*第二屏  产品展示*/
.indexItem02 .index_title{margin-bottom:45px;}
.s3_swiper{padding-bottom:80px;}
.s3_swiper ul{width:9999px;}
.s3_swiper li{float:left;padding:10px;}
.productItem{background:#fff;width:100%;box-shadow:0 3px 13px rgba(197,197,197,0.75);}
.productItem .p_text{padding:20px 15px 15px;text-align: center;text-transform: uppercase;}
.productItem .line{width:46px;height:2px;margin:18px auto 15px;background:#144a98;}
.productItem h5{font-size:16px;font-weight: 700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.productItem p{line-height: 26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.productItem:hover h5{color:#144a98;}
.productItem:hover .img img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.swiper-pagination span{background:#b0b0b0;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active{background:#144a98;}
.s3_swiper .swiper-pagination{bottom:0;}
.s3_swiper .swiper-pagination span{width:12px;height:12px;}
.s3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}


/*第三屏  新闻*/
.indexNews{padding:0 55px;}
.index_news_left{width:50%;padding-right:40px;}
.index_news_left .img{max-height:295.8px;}
.index_news_right{width:50%;}
.newsItem{background:#fcfcfc;}
.newsItem .text{padding:30px 30px 35px;}
.newsItem h3{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsItem .p{margin:20px 0 45px;font-size:14px;color:#999;line-height:25px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.newsItem .href{text-transform: uppercase;color:#144a98;}
.newsItem .date{color:#999;}
.index_news_right .newsItem{width:48%;float:left;}
.index_news_right .newsItem:nth-child(1){width:100%;margin-bottom:4%;}
.index_news_right .newsItem:nth-child(2){margin-right:4%;}
.index_news_right .text{padding-top:35px;}
.index_news_right .p{margin:29px 0 55px;}
.newsItem:hover .img img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.newsItem:hover h3{color:#144a98;}


/*第四屏  在线留言*/
.indexContact{width:36%;background:rgba(0,0,0,0.6);color:#fff;padding:60px 50px;min-height:547px;}
.indexContact .contentText{font-size:16px;color:#ccc;}
.indexContact .contentText a{color:#ccc;}
.indexContact .contentText span{color:#fff;}
.indexContact h4{font-size:22px;font-weight: 700;margin-bottom:25px;}
.indexMsg{width:64%;padding-left:8.2%;}
.indexMsg .index_title{text-align: left;margin-bottom:40px;}
.indexMsg .index_title .ch{color:#fff;}
.indexMsg input{display: block;width:100%;height:100%;padding:0 20px;font-size:20px;}
.indexMsg .form{width:100%;}
.indexMsg .input{position: relative;float:left;width:100%;height:60px;background:#fff;border:1px solid #fff;margin-bottom:20px;}
.indexMsg .width50{width:48%;}
.indexMsg .input:nth-child(2){margin-right:4%;}
.indexMsg .input.textarea{height:220px;padding:20px;}
.indexMsg .textarea>textarea{width:100%;height:100%;font-size:20px;}
.indexMsg .submitBtn{float:left;width:274px;height:60px;background:#144a98;}
.indexMsg .submitBtn input{color:#fff;cursor: pointer;padding:0;}
.indexMsg .submitBtn:hover{background:#1a5cbb;}
.indexMsg .input.error{border-color:#144a98;}
.valid_message{position: absolute;right:10px;top:0;font-size:14px;color:red;line-height:16px;line-height: 58px;}

@media ( min-width: 1400px ) and ( max-width: 1599px ){
	.indexItem{padding:70px 0;}
	.index_title .ch{font-size:34px;}
	
	/*banner*/

	
	/*第一屏  关于我们*/
	
	/*第三屏  新闻*/
	.indexNews{padding:0;}
	.newsItem .p{margin:15px 0 30px;}
	.index_news_right .text{padding-top:30px;}
	.index_news_right .p{margin:29px 0 46px;}
	
	/*第四屏  在线留言*/
	.indexContact{min-height:530px;}
	.indexMsg .input,
	.indexMsg .submitBtn{height:55px;}
	.valid_message{line-height:53px;}
	.indexMsg input,
	.indexMsg .textarea>textarea{font-size:18px;}

}
@media ( min-width: 1200px ) and ( max-width: 1399px ){
	.indexItem{padding:60px 0;}
	.index_title .ch{font-size:30px;}
	.index_title{margin-bottom:50px;}
	
	/*banner*/
	.banner .swiper-button, .banner .swiper-thumb{width:160px;height:60px;}

	
	/*第一屏  关于我们*/
	.indexItem01 .index_title{margin-bottom:30px;}
	.indexItem01 .index_title .en{font-size:26px;}
	.indexItem01{padding-bottom:55px;}
	.about_text{padding-left:4%;}
	.about_ul .icon{width:100px;}
	.about_ul li{padding:0 15px;}
	
	/*第二屏  产品展示*/
	.s3_swiper .swiper-pagination span{width:10px;height:10px;}
	.indexItem02 .index_title{margin-bottom:40px;}
	.s3_swiper{padding-bottom:50px;}
	.s3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
	
	/*第三屏  新闻*/
	.indexNews{padding:0;}
	.newsItem .p{margin:20px 0 31px;}
	.newsItem .text{padding:25px 25px 30px;}
	.index_news_right .text{padding-top:25px;}
	.index_news_right .p{margin:25px 0 48px;}

	/*第四屏  在线留言*/
	.indexContact{padding:50px 40px;min-height:510px;}
	.indexMsg .input,
	.indexMsg .submitBtn{height:50px;}
	.valid_message{line-height:48px;}
	.indexMsg input,
	.indexMsg .textarea>textarea{font-size:16px;}
}

@media ( min-width: 992px ) and ( max-width: 1199px ){
	.indexItem{padding:55px 0 60px;}
	.index_title .ch{font-size:26px;}
	.index_title{margin-bottom:40px;}
	
	/*banner*/
	.banner .swiper-button, .banner .swiper-thumb{width:120px;height:50px;}
		
	/*第一屏  关于我们*/
	.indexItem01 .index_title{margin-bottom:30px;}
	.indexItem01 .index_title .en{font-size:24px;margin-bottom:3px;}
	.indexItem01 .index_title .ch{font-size:18px;}
	.indexItem01{padding-bottom:45px;}
	.about_text{padding-left:4%;}
	.about_ul{margin-top:40px;}
	.about_ul .icon{width:90px;}
	.about_ul h5{font-size:16px;margin:20px 0 12px;}
	.about_ul li{padding:0 15px;}
	
	/*第二屏  产品展示*/
	.s3_swiper .swiper-pagination span{width:8px;height:8px;}
	.indexItem02 .index_title{margin-bottom:30px;}
	.s3_swiper{padding-bottom:40px;}
	.s3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
	
	/*第三屏  新闻*/
	.indexNews{padding:0;}
	.index_news_left{padding-right:30px;}
	.newsItem h3{font-size:16px;}
	.newsItem .text{padding:25px;}
	.newsItem .p{margin:15px 0 20px;}
	.index_news_right .text{padding-top:25px;}
	.index_news_right .p{margin:16px 0 35px;}

	/*第四屏  在线留言*/
	.indexContact{padding:40px 35px;min-height:480px;}
	.indexContact h4{font-size:18px;}
	.indexContact .contentText{font-size:14px;}
	.indexMsg .index_title{margin-bottom:30px;}
	.indexMsg .input,
	.indexMsg .submitBtn{height:45px;}
	.valid_message{line-height:43px;}
	.indexMsg input{padding-left:15px;}
	.indexMsg input,
	.indexMsg .textarea>textarea{font-size:16px;}
	.indexMsg .input.textarea{height:200px;padding:15px;}
	
}

@media ( min-width: 768px ) and ( max-width: 991px ){
	.indexItem{padding:45px 0 50px;}
	.index_title .ch{font-size:24px;}
	.index_title{margin-bottom:35px;}
	
	/*banner*/
	.banner .swiper-button, .banner .swiper-thumb{width:100px;height:45px;}
	
		
	/*第一屏  关于我们*/
	.indexItem01 .index_title{margin-bottom:20px;}
	.indexItem01 .index_title .en{font-size:20px;margin-bottom:3px;}
	.indexItem01 .index_title .ch{font-size:16px;}
	.indexItem01{padding-bottom:45px;}
	.about_text{padding-left:35px;}
	.about_ul{margin-top:40px;}
	.about_ul .icon{width:90px;}
	.about_ul h5{font-size:16px;margin:20px 0 12px;}
	.about_ul li{padding:0 15px;}
	
	/*第二屏  产品展示*/
	.s3_swiper .swiper-pagination span{width:8px;height:8px;}
	.indexItem02 .index_title{margin-bottom:25px;}
	.s3_swiper{padding-bottom:40px;}
	.s3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
	.productItem h5{font-size:14px;}
	.productItem p{font-size:12px;line-height: 22px;}
	.productItem .line{margin:15px auto 12px;}
	
	/*第三屏  新闻*/
	.indexNews{padding:0;}
	.index_news_left{padding-right:25px;}
	.newsItem h3{font-size:16px;}
	.newsItem .text{padding:20px;}
	.newsItem .p{line-height:22px;height:44px;margin:15px 0 20px;}
	.index_news_right .text{padding-top:20px;}
	.newsItem .date,.newsItem .href{font-size:12px;}

	/*第四屏  在线留言*/
	.indexContact{width:100%;padding:40px 35px;min-height:10px;}
	.indexContact h4{font-size:18px;}
	.indexContact .contentText{font-size:14px;}
	.indexMsg{width:100%;padding:0 0 40px;}
	.indexMsg .index_title{margin-bottom:30px;text-align: center;}
	.indexMsg .input,
	.indexMsg .submitBtn{height:45px;}
	.valid_message{line-height:43px;}
	.indexMsg input{padding-left:15px;}
	.indexMsg input,
	.indexMsg .textarea>textarea{font-size:16px;}
	.indexMsg .input.textarea{height:200px;padding:15px;}
	.indexMsg .submitBtn{margin-left:188px;}
}

@media ( min-width: 0px ) and ( max-width: 767px ){
	.indexItem{padding:35px 0 40px;}
	.index_title .ch{font-size:22px;}
	.index_title{margin-bottom:30px;}
	
	/*banner*/
	.pcBanner{display: none;}
	.mobileBanner{display: block;}
	.banner .swiper-button,
	.banner .swiper-thumb{display: none;}
	.banner .swiper-pagination{display: block;}
		
	/*第一屏  关于我们*/
	.indexItem01 .index_title{margin-bottom:20px;text-align:center;}
	.indexItem01 .index_title .en{font-size:20px;margin-bottom:3px;}
	.indexItem01 .index_title .ch{font-size:16px;}
	.indexItem01{padding-bottom:45px;}
	.about_img{width:100%;display: none;margin-top:35px;}
	.about_text{width:100%;padding-left:0;}
	.about_ul{margin-top:40px;}
	.about_ul .icon{width:80px;}
	.about_ul h5{font-size:16px;margin:20px 0 12px;}
	.about_ul li{padding:0 15px;}
	
	/*第二屏  产品展示*/
	.s3_swiper .swiper-pagination span{width:8px;height:8px;}
	.indexItem02 .index_title{margin-bottom:20px;}
	.s3_swiper{padding-bottom:30px;}
	.s3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
	.productItem{max-width:300px;margin:0 auto;}
	.productItem h5{font-size:14px;}
	.productItem p{font-size:12px;line-height: 22px;}
	.productItem .line{margin:15px auto 12px;}
	
	/*第三屏  新闻*/
	.indexNews{padding:0;}
	.index_news_left{width:100%;padding-right:0;}
	.newsItem{margin-bottom:20px;}
	.newsItem h3{font-size:16px;}
	.newsItem .text{padding:20px;}
	.newsItem .p{line-height:22px;height:44px;margin:15px 0 20px;}
	
	.index_news_right{width:100%;}
	.index_news_right .text{padding-top:20px;}
	.index_news_right .newsItem{width:100%;float:none;}
	.index_news_right .newsItem:nth-child(1){width:100%;margin-bottom:20px;}
	.index_news_right .newsItem:nth-child(2){margin-right:0;}

	.newsItem .date,.newsItem .href{font-size:12px;}

	/*第四屏  在线留言*/
	.indexContact{width:100%;padding:35px 20px;min-height:10px;}
	.indexContact h4{font-size:16px;}
	.indexContact .contentText{font-size:14px;}
	.indexMsg{width:100%;padding:0 0 35px;}
	.indexMsg .index_title{margin-bottom:25px;text-align: center;}
	.indexMsg .input{float:none;margin-bottom:15px;}
	.indexMsg .input,
	.indexMsg .submitBtn{height:40px;}
	.valid_message{line-height:38px;}
	.indexMsg input{padding-left:10px;}
	.indexMsg input,
	.indexMsg .textarea>textarea{font-size:14px;}
	.indexMsg .input.textarea{height:180px;padding:10px;}
	.indexMsg .submitBtn{float:none;margin:20px auto 0;height:45px;width:224px;}
	.indexMsg .submitBtn input{font-size:16px;}
	.valid_message{font-size:12px;}
	.indexMsg .width50{width:100%;}
	.indexMsg .input:nth-child(2){margin-right:0;}
}

@media ( min-width: 0px ) and ( max-width: 479px ){
	.index_title .ch{font-size:20px;}
	
	/*第一屏  关于我们*/
	.indexItem01{padding-bottom:15px;}
	.about_ul{margin-top:30px;}
	.about_ul li{width:100%;margin-bottom:30px;}
	
	/*第二屏  产品展示*/
	.productItem .p_text{padding:15px;}
	
	
	/*第四屏  在线留言*/
	.indexMsg .submitBtn{width:180px;}

}