@import url("base.css");
@import url("header.css");
@import url("footer.css");


/*广告*/
.bannerbox{height: 250px; min-width: 1350px; margin: 0 auto; background: url(../images/advantage/ban-ab01.jpg) center center no-repeat;background-size: cover;}

.contentbox{ padding: 0px 18% 30px;  background: rgba(255,255,255,.9);box-shadow: 0 -15px 20px rgba(0,0,0,.2);}
.block-con {padding-top: 35px;}
.contentbox h3{padding-top: 60px; font-size: 42px; height: 120px; line-height: 60px;font-weight: normal; }
.contentbox h3 span{ color: #283da6; font-weight: bold; }
.contentbox h5{font-size: 18px; font-weight: lighter;  color: rgba(0,0,0,.5);text-shadow: 2px 2px 0 rgba(255,255,255,.6);text-transform: uppercase;}

.cooperate_title{ position: relative; z-index: 1;}
.cooperate_title .h2{display: block; text-transform:uppercase; color: rgba(255,255,255,.5); font-weight: lighter; font-size: 24px; text-align: center;}
.cooperate_title .tips{ position: relative; max-width: 1280px; margin: 20px auto 30px; padding: 30px 60px 30px 150px;background: rgba(255,255,255,.15); color: rgba(0,0,0,.8); border:1px dashed rgba(255,96,0,.25); text-align: left; font-size: 18px; line-height: 180%;  box-shadow: 0 4px 5px rgba(204,158,66,.2)}
.cooperate_title .tips-ico{position: absolute; left: 35px; top: 35px; font-size: 80px; color: rgba(255,96,0,.5);}

.cooperate_container{}
.cooperate_container .slide {padding: 40px 0 35px; border-bottom: 1px dashed rgba(0,0,0,.2);}
.cooperate_container .slide:last-child{border-bottom: none;}
.cooperate_container .slide .image{ float: left; width: 280px; border:10px solid #fff;  box-shadow: 0 4px 5px rgba(204,158,66,.2) }
.cooperate_container .slide .image img{width: 260px; height: auto;}

.cooperate_container .slide .content{margin-left: 340px;}
.cooperate_container .slide .content h2 { font-size:32px;  }
.cooperate_container .slide .content p{padding-top: 15px; font-size: 20px; line-height: 165%; color: rgba(0,0,0,.75);}


/* 小屏幕（桌面显示器，大于等于 1366px） */
@media (max-width:1366px) {
	.wrapper{width: 1340px; margin: 0 auto; overflow: hidden;}
	.contentbox { padding: 0px 5% 50px;  width: 100%;}
}

/* 小屏幕（桌面显示器，大于等于 768px） */
@media (max-width:768px) {
	.wrapper{width: 100%; margin: 0 auto; overflow: hidden;}
	.contentbox { margin: -110px 3px 10px; padding: 0 40px; position: relative; width: auto;}
	.bannerbox{ min-width: auto;}
	.contentbox h3{padding-top: 40px; font-size: 32px; height: 80px; line-height: 40px;font-weight: normal; }

	.cooperate_title .tips{  padding: 20px 30px 20px 90px;}
	.cooperate_title .tips-ico{ left: 20px; top: 25px; font-size: 50px; }
	.cooperate_container .slide {padding:40px 30px 35px; }
	.cooperate_container .slide .image{ float: inherit; margin: 0 auto; width: 420px; border:10px solid #fff;  box-shadow: 0 4px 5px rgba(204,158,66,.2) }
	.cooperate_container .slide .image img{width: 400px; }
	.cooperate_container .slide .content{margin-left: 0;}
	.cooperate_container .slide .content h2 { font-size:32px; padding-top: 35px;  }
	.cooperate_container .slide .content p{ }

}

/* 小屏幕（桌面显示器，大于等于 560px） */
@media (max-width:560px) {
	.bannerbox{height: 210px; }
	.contentbox{padding: 0px 5%; }
	.contentbox h3{ font-size: 26px; }
	.contentbox h5{font-size: 12px;}

	.cooperate_title .tips{  padding: 20px 30px 30px; font-size: 14px; margin: 0 -40px; border:none; background: rgba(255,96,0,.1);}
	.cooperate_title .tips-ico{ display: none; }
	.cooperate_container .slide {padding:30px 0 25px;  margin: 0 -20px; }
	.cooperate_container .slide .image{  width: 316px; border:8px solid #fff; }
	.cooperate_container .slide .image img{width: 300px; }
	.cooperate_container .slide .content{padding: 0 20px;}	
	.cooperate_container .slide .content h2 { font-size:20px; padding-top: 25px;  }
	.cooperate_container .slide .content p{ font-size: 14px;}
	.copyrightbox{padding: 10px 0px;}

}