@charset "utf-8";
/* CSS Document */
body { font:17px/26px Helvetica Neue Light, tahoma, Arial, Helvetica, sans-serif;}
img{max-width: 100%;}

.main04 .details,.main05 .details{width: 1200px;}

.main01{background: url(../images/affiliate/bg1.jpg) no-repeat center; height:460px; text-align: center;border-bottom: 7px solid #fff;}
h1{color:#fff;font-weight: bold;font-size: 37px;line-height: 55px;padding: 40px 0;}
.main01 .pro{float: left; width: 28%; padding: 0 2%;}
.main01 .pro .t{font-size: 25px;padding: 0 0 15px; background: url(../images/affiliate/line.jpg) no-repeat bottom center; margin-bottom: 10px;}
.main01 .join{text-align: center;padding: 70px 0 0;font-size: 21px;}
.main01 .join a{color: #333;text-decoration: underline;}
.main01 .join img{padding: 0 0 0 20px;}
.main01 p{font-size: 15px;}
/*-------*/
.main02{background: #f7f7f7;border-bottom: 7px solid #fff;padding: 40px 0;}
.main02 .details{width: 1200px;}
.main02 .type_title{font-size: 21px;text-align: center;}
.main02 .type_title span{display: inline-block;width: 215px;position: relative; margin:0 25px;cursor: pointer; border-radius: 12px;padding: 70px 0 10px;}
.main02 .type_title var{font-style: normal;border-right: 1px solid #c6c6c6;height: 60px;display: inline-block; margin: 20px 0 0;}
.main02 .type_title span:hover,.main02 .type_title span.focus{color: #fff;}
.main02 .type_title span:nth-child(1){background:url(../images/affiliate/i1.png) no-repeat center 10px #f7f7f7;}
.main02 .type_title span:nth-child(1):hover,.main02 .type_title span:nth-child(1).focus{background:url(../images/affiliate/i1f.png) no-repeat center 10px #40a3f6;}
.main02 .type_title span:after{content:'';width:0;height: 0;border: 16px solid transparent;border-top: 16px solid #40a3f6; display: inline-block; position: absolute;left:calc(50% - 18px);bottom: -30px;display: none; }
.main02 .type_title span:hover:after,.main02 .type_title span.focus:after{display: block;}
.main02 .type_title span:nth-child(3){background:url(../images/affiliate/i2.png) no-repeat center 10px #f7f7f7;}
.main02 .type_title span:nth-child(3):hover,.main02 .type_title span:nth-child(3).focus{background:url(../images/affiliate/i2f.png) no-repeat center 10px #40a3f6;}
.main02 .type_title span:nth-child(5){background:url(../images/affiliate/i3.png) no-repeat center 10px #f7f7f7;}
.main02 .type_title span:nth-child(5):hover,.main02 .type_title span:nth-child(5).focus{background:url(../images/affiliate/i3f.png) no-repeat center 10px #40a3f6;}
.main02 .type_title span:nth-child(7){background:url(../images/affiliate/i4.png) no-repeat center 10px #f7f7f7;}
.main02 .type_title span:nth-child(7):hover,.main02 .type_title span:nth-child(7).focus{background:url(../images/affiliate/i4f.png) no-repeat center 10px #40a3f6;}
.main02 .type_content{margin-bottom: 20px;}
.type_content .one_con{display: none;}
.type_content .one_con:nth-child(1){display: block;}
.one_con .t{ color: #4c4c4c;text-align: center;padding: 40px 120px 30px;}
.one_con .t a{ color: #0970ca;}
.type_content .sign{}
.type_content a{ color: #0970ca; }
.sign .sign_left{float: left;background: #fff;width: 43%;padding: 40px 3%;}
.sign_left .sign_t,.sign_right .sign_t{font-size: 29px;color: #000;padding-bottom: 20px;}
.sign_left .sign_ava{color: #ff8500;padding: 30px 0 15px;}
.sign_left .sing_mess{color: #4c4c4c;}
.sign_left .input_cont{padding-bottom: 20px;}
.input_cont .input_t{float: left;border:1px solid #e0e0e0;padding: 6px 30px 6px 10px;border-radius: 5px; margin: 0 7px 0 0;}
.input_cont .input_t var{font-size: 15px;color: #4c4c4c;font-style: normal;}
.input_cont .input_t var i{color: #ff8500;font-style: normal;}
.input_cont a{color: #fff;background: #0970ca;border-radius: 5px;font-size: 25px;line-height: 66px;display: inline-block;float: left; text-align: center;width: 145px; }
.input_cont a:hover{text-decoration: none;}
.sign .sign_right{float: left;background: #fff;width: 43%;padding: 40px 3%; margin: 0 0 0 2%;height:307px;}
.sign .sign_right p{padding: 0 0 30px;}
.sign .sign_right .mess a{}
.sign .sign_right .mess span{color: #0970ca;}
.reseller .resell-container {background-color: #fff;}
.reseller .resell_left{width: 43%;padding: 44px 3%; background: #fff;float: left;}
.reseller .resell_left:nth-child(2){margin: 0 0 0 2%;}
.resell_left .resell_t,.t .resell_t{font-size: 29px;color: #000;padding-bottom: 20px;}
.resell_left p{padding: 10px 0;}
.partner .part_cont{background: #fff;padding: 0 0 0 3%;}
.part_cont img{float: right; padding-left: 12%;}
.part_cont .oem_t{padding: 40px 0 0;}
.part_cont .part_t{font-size: 29px;padding: 40px 0 20px;}
.part_cont .mess{padding: 30px 0 0;}
.convermount .conver_cont{background: #fff;padding: 0 0 0 3%;}
.conver_cont img{float: right; padding-left: 12%;}
.conver_cont .conver_t{font-size: 29px;padding: 44px 0 30px;}
.conver_cont .conver_t2{font-size: 19px;padding-bottom: 10px;}
.conver_cont .mess{color: #4c4c4c;padding: 50px 0 0;}


/*-------*/
.main03{background: #eaf9f5;border-bottom: 7px solid #fff;}
.main03 h2{font-size: 37px;text-align: center;padding: 60px 0 30px;}
.main03 p{text-align: center; padding-bottom: 40px;}
.main03 .pic{text-align: center; padding:10px 0 50px;}
.main03 ul{}
.main03 ul li{float: left; width: calc(50% - 20px);padding: 3px 0 3px 20px; background: url(../images/affiliate/list.png) no-repeat left center;}
.main03 .mess{padding: 50px 0 40px; text-align: center;font-size: 15px;}
.main03 .mess a{color: #0970ca;text-decoration: underline;}

/*-------*/
.main04{background: #f7f7f7;border-bottom: 7px solid #fff;padding: 60px 0 40px;color: #4c4c4c;}
.main04 h2{font-size: 35px;line-height: 48px;padding: 20px 0 0;}
.main04 .main04_left{width: 25%;float: left;padding-right: 5%;}
.main04 .main04_left p{padding: 30px 60px 30px 0;}
.main04 .main04_left ul{}
.main04 .main04_left ul li{padding: 3px 0 3px 23px; background: url(../images/affiliate/list2.png) no-repeat left center;}
.main04 .btn{padding: 40px 0 10px;font-size: 21px;}
.main04 .btn a{text-align: center; color: #0970ca;border:1px solid #0970ca; border-radius: 7px; display: inline-block;padding: 15px 35px;}
.main04 .btn a:hover{background:#0970ca;color: #fff; text-decoration: none; }
.main04 .contact{color: #ff8500;font-size: 15px;text-align: center; width: 220px;}
.main04 .contact a{color: #ff8500;text-decoration: underline;}
.main04 .main04_right{float: left; width: 70%;}
.main04 .main04_right .pro_one{float: left; width:45%;}
.pro_one h3{font-size: 19px;padding: 5px 0 15px;}
.pro_one h3 a{color: #333;}
.pro_one p{font-size: 15px; padding: 15px 0 0 0;}
.pro_one.first {border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:0 35px 35px 0; }
.pro_one.second {padding:0 0 35px 35px;border-bottom:1px solid #e8e8e8; }
.pro_one.third {padding:30px 35px 0 0; }
.pro_one.fourth {padding:30px 0 0 35px;border-left:1px solid #e8e8e8; }
.main04 .copr{text-align: center;padding: 40px 0 0;}
.main04 .copr img{padding: 0 18px;}
/*-------*/
.main05{background: #f7f7f7;border-bottom: 7px solid #fff;}
.main05 h2{font-size: 37px;text-align: center;padding: 60px 0 30px;}
.main05 p{color: #808080;font-size: 15px;text-align: center;padding: 0 50px;}
.main05 p a{color: #000;}
.main05 ul {padding: 30px 0 50px;font-size: 15px; }
.main05 ul li {  width: 186px; display: block;  text-align: center; padding: 10px 0; float: left; margin:10px 6px; background-color:#fff;
transition: background, box-shadow 0.3s; -o-transition: background, box-shadow 0.3s; -moz-transition: background, box-shadow 0.3s;
-webkit-transition: background, box-shadow 0.3s; }
.main05 ul li:hover { background: -webkit-linear-gradient(180deg, #fffcf5, #fcf9f2);
	background: -o-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #fffcf5, #fcf9f2);box-shadow: 0px 0px 8px #fceecc; }
.main05 ul li em { display: block; font-style: normal; padding: 12px 0 0; }
.main05 ul a { color: #333; text-orientation: none; }
/*-------*/

@media (max-width: 979px) {
	.details,.main02 .details,.main04 .details,.main05 .details{width: 95%;}
	.main01{height: auto;background-size: cover;}
	h1{font-size: 31px;line-height: 50px;}
	.main01 .join{padding: 30px 0; font-size: 19px;}
	/*-------*/
	.type_content .one_con{display: block;}
	.main02 .type_title var{display: none;}
	.main02 .type_title span:hover:after,.main02 .type_title span.focus:after{display: none;}
	.one_con .t{padding: 20px 0;}
	.sign .sign_left{width: auto;float: none;}
	.sign .sign_right{width: auto;float: none; margin: 20px 0 0;}
	.part_cont img,.conver_cont img{padding-left: 20px;width: 30%; }
	/*-------*/
	.main03 h2{font-size: 31px;}
	/*-------*/
	.main04 h2{font-size: 31px;padding:0;}
	.main04 .main04_left{float: none;width: auto;padding: 0 0 20px;}
	.main04 .main04_right{width: auto;float: none;}
	.main04 .copr img{padding: 5px 20px;}
	/*-------*/
	.main05 h2{font-size: 31px;}
	.main05 p{padding: 0 20px;}
	/*-------*/



}
@media (max-width: 767px) {
	h1{font-size: 27px;line-height: 40px;}
	.main01 .pro .t{font-size: 23px;}
	.main01 .pro{float: none; width: auto; padding: 20px 0;}
	.main01 .join{font-size: 17px;}
	.main01 .join img{padding: 0 0 0 10px;}
	/*-------*/
	.input_cont .input_t{padding-right: 5px;}
	.input_cont a{width: 110px;}
	.reseller .resell_left{width: auto;float: none;}
	.reseller .resell_left:nth-child(2){margin:0 0 20px 0;}
	.part_cont img, .conver_cont img{float: none;width: auto;padding-left: 0;}
	.sign_left .sign_t, .sign_right .sign_t,.resell_left .resell_t,.resell_left .resell_t,.part_cont .part_t,.conver_cont .conver_t{font-size: 23px;}
	/*-------*/
	.main03 h2{font-size: 27px;padding: 30px 0;}
	.main03 ul li{float: none;width: auto;padding: 10px 0 10px 20px;}
	/*-------*/
	.main04 h2{font-size: 27px;}
	.main04 .main04_right .pro_one{float: none;width: auto;}
	.pro_one.first{border-right: none;padding: 0 0 20px;}
	.pro_one.second{padding: 20px 0;}
	.pro_one.third{padding: 20px 0 ;}
	.pro_one.fourth{border-left: none;border-top: 1px solid #e8e8e8;padding: 20px 0 0;}

	/*-------*/
	.main05 h2{font-size: 27px;}
	.main05 p{padding: 0 ;}
	.main05 ul li{width: 45%;}
	/*-------*/
}
@media (max-width: 479px) {
	body { font:15px/23px Helvetica Neue Light, tahoma, Arial, Helvetica, sans-serif;}

	h1{font-size: 23px;line-height: 30px;}
	.main01 .pro .t{font-size: 19px;}
	.main01 .join{padding: 20px 0;}
	.main01 .join{font-size: 15px;}
	/*-------*/
	.input_cont .input_t{text-align: center;float: none; margin: 0 0 10px;}
	.input_cont a{float: none;display: block; width: 100%;margin: 0 auto;}
	.sign_left .sign_t, .sign_right .sign_t,.resell_left .resell_t,.resell_left .resell_t,.part_cont .part_t,.conver_cont .conver_t{font-size: 19px;}
	.sign .sign_right p{padding: 0 0 20px;}
	/*-------*/
	.main03 .pic{padding-bottom: 10px;}
	.main03 h2{font-size: 23px;}
	/*-------*/
	.main04{padding:40px 0;}
	.main04 h2{font-size: 23px;}
	.main04 .copr img{padding: 5px;}
	/*-------*/
	.main05 h2{font-size: 23px;}
	/*-------*/
	
}