/* CSS Document */
.banner{ overflow:hidden; position:relative; background:#CCC;}
.banner img{ width:100%}
.banner .swiper-pagination{ bottom:10%;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:60px; height:4px; border-radius:2px; background-color:#FFF; opacity:1; margin:0 10px}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background-color:#b72115}
.banner .swiper-button-next,.banner .swiper-button-prev{ background:none; width:60px; height:60px; margin-top:-30px}
.banner .swiper-button-next img,.banner .swiper-button-prev img{ width:100%}

.briefing{ background:url(../winimages/briefing.png) no-repeat left top; background-size: auto 100%}
.briefing h2{ font-size:32px; margin-bottom:30px; font-weight:bold;}
.briefing h2:after {content: " "; display:block; height:3px; background-color:#b72115; width:120px; margin-top:20px}
.briefing .text{ line-height:2em}
.briefing .text p{ text-indent:2em}
.briefing .col-md-7{ padding:0}
.briefing a{ display:inline-block; padding:5px 15px; border:1px solid #b72115; font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:18px; text-transform:uppercase; margin-top:40px}

.title{ text-align:center}
.title h2{font-size:32px; margin-bottom:30px; font-weight:bold;}
.title h2:after {content: " "; display:block; height:3px; background-color:#b72115; width:120px; margin:0 auto; margin-top:20px}

.business{ background:url(../winimages/business_bg.jpg) repeat-x center; background-size: auto 100%;}
.business .swiper-container{ margin-top:80px}
.business .swiper-slide{ text-align:center}
.business .swiper-slide img{ width:85%}
.business .swiper-button-next{ right:0}
.business .swiper-button-prev{ left:0}
.business .swiper-button-next,.business .swiper-button-prev{ background:none; width:60px; height:60px; margin-top:-30px}
.business .swiper-button-next img,.business .swiper-button-prev img{ width:100%}
.business a.more{ display:block; padding:15px 25px; border:1px solid #b72115; font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:26px; text-transform:uppercase; margin:0 auto; margin-top:40px; width:150px; text-align:center}

.news_jieli{ background-color:#eeeeee; position:relative}

.news{ width:50%;}
.news h2{ font-size:35px; margin-bottom:30px; font-weight:bold;}
.news h2:after {content: " "; display:block; height:3px; background-color:#b72115; width:120px; margin-top:20px}
.news_con{ position:relative}
.news_con .line{ position:absolute; top:20px; bottom:20px; left:20px; width:2px; background:#ccc}
.news_li{ position:relative; padding:20px 0;margin-left:70px; position:relative}
.news_li img{position:absolute;left:0; top:20px;width:154px; height:114px}
.news_li a { display:block}
.news_li a i{ height:30px; width:4px; background-color:#b72115; left:-51px; top:62px; display:none; position:absolute;}
.news_li a:hover i{ display:block;}
.news_li a div{  color:#333; padding-left:187px;}
.news_li a div h4{ margin-bottom:10px; display:block; width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_li a:hover div h4{ color:#b72115}
.news_li a div p.p1{ line-height:26px; margin-bottom:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:49px;}
.news_li a div p.p2{ font-family:Arial, Helvetica, sans-serif}
.news_li a div p.p2 span{position:relative; padding-left:25px; color:#666}
.news_li a div p.p2 span.sp2{ margin-left:20px; }
.news_li a div p.p2 span:before {content: " "; display:inline-block; height:20px;  width:20px; left:0; top:-2px; position:absolute}
.news_li a div p.p2 span.sp1:before{ background:url(../winimages/ico1.png) no-repeat center;}
.news_li a div p.p2 span.sp2:before{ background:url(../winimages/ico2.png) no-repeat center;}
.news a.more{display:inline-block; padding:5px 15px; border:1px solid #b72115; font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:18px; text-transform:uppercase; margin-top:20px}

.jieli{ position:absolute; width:45%; top:0; right:0; bottom:0; overflow:hidden;}
.jieli img{position: absolute; width:auto; height:100%;top: 50%;left: 50%;transform: translate(-50%,-50%);transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index: 10;}



.cooperation{ background:url(../winimages/cooperation_bg.jpg);}
.cooperation p{ display:block; float:left; text-align:center; padding:2% 0; }
.cooperation p img{ width:80%; }



@media(max-width:1080px)
{
	.news{ width:100%; margin-bottom:40px}
	.jieli{ position:static;width:100%}
	.jieli img{position:static;transform: translate(0%,0%);transform: translate(0%,0%);-ms-transform: translate(0%,0%);-moz-transform: translate(0%,0%);-webkit-transform: translate(0%,0%);-o-transform: translate(0%,0%); width:100%; height:auto}
}

@media(max-width:640px)
{
	.banner .swiper-pagination .swiper-pagination-bullet{ width:20px; height:3px; margin:0 5px}
	.banner .swiper-button-next,.banner .swiper-button-prev{ background:none; width:30px; height:30px; margin-top:-15px}
	.title{ text-align:center}
	.title h2{font-size:20px; margin-bottom:20px;}
	.title h2:after {content: " "; display:block; height:3px; background-color:#b72115; width:80px; margin:0 auto; margin-top:10px}
	.briefing{ background-size: auto 100%; background-position:center}
	.briefing h2{ font-size:20px; margin-bottom:15px; text-align:center; margin-top:20px}
	.briefing h2:after {width:80px; margin:0 auto; margin-top:10px;}
	.briefing a{ display:block; margin:0 auto; width:100px; text-align:center;margin-top:15px;}	
	.business{ margin-top:10px}
	.business .swiper-container{ margin-top:20px}
	.business .swiper-button-next,.business .swiper-button-prev{ background:none; width:30px; height:30px; margin-top:-15px}
	.business a.more{  padding:5px 15px; border-radius:18px;  margin-top:15px; width:100px; }
	.news{ margin:20px 0}
	.news h2{ font-size:20px; margin-bottom:20px;text-align:center}
	.news h2:after {content: " ";margin:0 auto; width:80px; margin-top:10px}
	.news_con{ position:relative}
	.news_con .line{ position:absolute; top:10px; bottom:10px; left:10px; width:1px;}
	.news_li{ padding:10px 0;margin-left:30px; position:relative}
	.news_li img{position:absolute;left:0; top:10px;width:100px; height:74px}	
	.news_li a i{ height:20px; width:3px;  left:-21px; top:37px;}
	.news_li a div{  color:#333; padding-left:115px;}
	.news_li a div h4{ margin-bottom:8px; font-size:15px;}
	.news_li a div p.p1{ line-height:20px; margin-bottom:8px; height:40px; font-size:12px}
	.news_li a div p.p2{ font-size:12px;}
	.news_li a div p.p2 span{padding-left:20px; }
	.news_li a div p.p2 span.sp2{ margin-left:12px; }
	.news_li a div p.p2 span:before {height:16px;  width:16px; left:0; top:-1px; position:absolute;}
	.news_li a div p.p2 span.sp1:before{ background-size:16px}
	.news_li a div p.p2 span.sp2:before{ background-size:16px}
	.news a.more{display:block; margin:0 auto; width:100px; text-align:center;margin-top:15px;}
	.cooperation{ padding-top:30px; background-size:90px;}
	.cooperation p{ width:33.3333%}
	
}