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


/*广告*/
.bannerbox{height: 250px; min-width: 1350px; margin: 0 auto; background: url(../images/competitive/ban-c01.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;}

.competitiveBox .block-con {padding: 30px 0;}
.competitiveBox .block-con li{ position: relative; float: left;  width: 50%; padding: 45px; margin: 2px 0;  background: #e0f0ff; border: 8px solid #fff; }
/*.competitiveBox .block-con li.c2,.competitiveBox .block-con li.c4,.competitiveBox .block-con li.c6{background: #eafaff;}*/

.competitiveBox .block-con li:hover{z-index: 10;}
.competitiveBox .picon{float: left;}
.competitiveBox .caption{margin-left: 165px;}
.competitiveBox .caption h5{font-size: 24px; color: #000; font-weight: normal; padding-top: 5px;}
.competitiveBox .caption p{font-size: 18px; color: rgba(0,0,0,.75); padding-top: 20px;}
.competitiveBox .picon svg{font-size: 140px;}


/* 小屏幕（桌面显示器，大于等于 1366px） */
@media (max-width:1366px) {
	.wrapper{width: 1340px; margin: 0 auto; overflow: hidden;}
	.bannerbox{height: 250px;}
	.contentbox { padding: 0px 5% 30px;  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{height: 250px; min-width: auto;}
	.contentbox h3{padding-top: 40px; font-size: 32px; height: 80px; line-height: 40px;font-weight: normal; }
	.competitiveBox .block-con {padding: 30px 0;}
	.competitiveBox .block-con li{ position: relative; float: inherit;  width: 96%; padding: 45px; margin: 0px 2%;  }
	.competitiveBox .block-con li.c2,.competitiveBox .block-con li.c4,.competitiveBox .block-con li.c6{background: #99c2ff;}
	.competitiveBox .block-con li:hover{z-index: 10;}
	.competitiveBox .caption h5{ color: #000; }
	.competitiveBox .caption p{ font-size: 16px;}

}

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

	.competitiveBox .block-con li{ position: relative; float: inherit;  width: 100%; padding: 35px; margin: 3px 0;border:none; }
	.competitiveBox .picon{float: inherit; width: 100%; text-align: center; font-size: }
	.competitiveBox .caption{margin-left: 0; text-align: center;}
	.competitiveBox .caption h5{color: #000; font-weight: normal; padding-top: 5px; font-size: 20px;}
	.competitiveBox .caption p{ padding-top: 10px; font-size: 14px;}
	.competitiveBox .picon svg{font-size: 120px;}

	.copyrightbox{padding: 10px 0px;}

}




