body{font: 15px/26px Verdana, Arial, sans-serif; color: #666; font-weight: 400;background: #fff; }
*{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input, p {  font-weight:400; list-style: none; }
a{text-decoration: none;color:#4095ff; }
a:hover{text-decoration: underline;}
img { border:0; max-width: 100%;}
.clear{clear:both; height:0;}
.Details,.detail {width: 1160px; margin:0 auto;}
/* CSS Document */
.DivMain01 {  background: url(../img-style/comp-div01-bg01.jpg)  top center no-repeat; }
.DivMain01 .Details {  height: 447px; color: #fff;  }
.DivMain01 .Logo {  padding: 20px 0 0 20px; }
.DivMain01 .Left h3 {  font-size: 39px;  padding: 90px 40px 20px; line-height: 42px;  font-weight: 800;  text-align: center; }
.DivMain01 .Left h3 i { color: #ffc061; font-size: 25px; font-weight: 400; display: block; font-style: normal; padding: 15px 0 0; }
.DivMain01 .Left h4 { font-size: 17px; padding:15px 40px; line-height: 29px; text-align: center; color: #d6d3dc; }
.DivMain01 .Left .Iocn { padding: 70px 0 0 40px; }
/* CSS Document */
.DivMain02 { background: #f7f8fa; }
.DivMain02 .Details { padding: 10px 0; }
.DivMain02 .Tab { width: 85%; margin: 0 auto; }
.DivMain02 .Left { width: 25%; float: left;   text-align: center; font-size:15px; }
.DivMain02 .Left i { display: block; text-align: center; font-style: normal; color: #7b8090; }
/* -----------*/
.main03 h2{font-size: 21px;text-align: center;padding: 55px 0 20px;color: #333;}
.main03 > p{text-align: center;}
.main03 .Tab { width: 85%; margin: 0 auto; padding: 65px 0 45px; }
.main03 .Left { width: 32%; float: left;  font-size: 21px; text-align: center; padding: 10px 0; }
.main03 .Tab>div{background: url(../img-style/comp-div05-icon01.png) bottom no-repeat;}
.main03 .Tab>div p a { display: block; width: 100%;color: #000 ; }

.main03 .Tab>div p a:hover{color: #5e7df0;text-decoration: none;}
.main03 .Left.on,.main03 .Left:hover{background: url(../img-style/comp-div05-icon02.png) bottom no-repeat;color: #5e7df0;}
.main03_content{box-shadow: 2px 2px 10px #bfd0fd;position: relative;border-radius: 5px; padding-bottom: 20px;background: url(../images/join/tg.png) left top no-repeat;}
.main03_content .pic1{ position:absolute;left: -33px; top: -40px;}
.main03_content .pic2{float: left;padding: 60px 0 0 90px;}
.main03_content .t3{float: left; font-size: 60px;font-weight: bold; color: #4373f9; padding: 170px 0 0 30px;}
.main03_content .t4{float: left;padding: 150px 0 0 60px; width: 390px;}
.main03_content .t4 .title{font-size: 30px;font-weight: bold;color: #333; padding-bottom: 25px;}
.main03_content .t4 .title span{font-size: 17px; color: #91abf2;font-weight: normal; text-align:center; display:block;}
.main03_prize{padding: 60px 0 85px;}
.main03_prize .pr_one{width:29.7%;float: left;background: url(../images/join/tg2.png) no-repeat left top;box-shadow: 0 2px 7px #e5ecfc;border:1px solid #f2f5ff; border-radius: 5px; }
.main03_prize .pr_one .p1 {float: left;}
.main03_prize .pr_one .p1 >img{ margin: -17px 0 0 -23px; max-width:none;}
.main03_prize .pr_one .p2 {float: left; padding: 50px 0 0 0;}
.main03_prize .pr_one .one_t {padding: 30px 0 0 0;font-size: 19px;font-weight: bold;text-align: center;color: #333;}
.main03_prize .pr_one .one_t span{font-size: 17px; color: #91abf2;font-weight: normal;}
.main03_prize .pr_one p{font-size: 13px;padding:20px 20px 30px; line-height: 21px;}
.main03_prize .pr_two{margin: 0 5%;}
.main03_prize .pr_three{background: url(../images/join/tg3.png) no-repeat left top;}
.main03_prize .pr_three .p2{ text-align: center; width: 100%;}

.main04 .main04_one{ padding: 0 0 50px;}
.main04 .main04_one .t{font-size: 19px;font-weight: bold;color: #333;padding: 20px 0;}
.main04 .main04_one p {padding:0 0 25px;}
.main04 .main04_one p strong{font-size: 14px;font-weight: bold;color: #333;}
.main04 .main04_one p span{color: #4373f9;}
.main04 .main04_one ul{}
.main04 .main04_one ul li{background: url(../images/join/list.png) no-repeat left 15px; padding: 3px 0 3px 13px;}



/* CSS Document */
.DivFoot { background:#1f222a;}
.DivFoot .Details { padding:10px 0; text-align:center; color:#787d80;}
.DivFoot p { padding:5px 0;}
.DivFoot p i { font-style:normal;}
.DivFoot a { color:#cccccc; text-decoration:none;}




@media (max-width: 979px) {
	.mobileSeoNo{ display:none;}
	.Details,.detail{ width:96%;}
	/* -----------*/
	.DivMain01 .Left h3 {  font-size: 27px;  padding: 30px 20px 20px; line-height: 36px;  }
	.DivMain01 .Left h3 i { font-size: 17px;  }
	/* -----------*/
	.main03_content .t4{padding-top: 30px;}
	.main03_prize .pr_three .p2{ padding-top: 145px;}
	.main03_content .t3{font-size: 50px;}


}

@media (max-width: 767px) {
	.DivMain02 .Left { width: 50%;  }
	/* -----------*/
	.main03 .Tab{width: 100%;}
	.main03 .Left{width: 33%;}
	.main03_prize .pr_one{width:96%;margin: 0 auto; float: none;}
	.main03_prize .pr_two{margin: 15px 0;}
	/* -----------*/
	.main03_content .pic2{width: 55%;}
	.main03_prize .pr_three .p2{padding-top: 50px;}



	
}

@media  (max-width: 479px) {
	
	body{font: 13px/23px Verdana, Arial, sans-serif;}

	/* -----------*/
	.main03_content {background-size: 95%;}
	.main03_content .pic2{width: 50%;}
	.main03_content .t3{font-size: 30px;padding-top: 150px;}
	.main03_content .t4{float: none;clear: both; width: auto;}
	.main03_content .t4 .title{font-size: 20px;}
	/* -----------*/
	/* -----------*/

}