.center{margin-left: auto; margin-right: auto;}
.p-h5{padding-left: 5px; padding-right: 5px;}
.p-h15{padding-left: 15px; padding-right: 15px;}
.p-v15{padding-bottom: 15px; padding-top: 15px;}
.p-v30{padding-bottom: 30px; padding-top: 30px;}
.mt10{margin-top: 10px;}.mb10{margin-bottom: 10px;}
.mt15{margin-top: 15px;}.mb15{margin-bottom: 15px;}
.mt20{margin-top: 20px;}.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}.mb30{margin-bottom: 30px;}
.mt60{margin-top: 60px;}.mb60{margin-bottom: 60px;}
.pt10{padding-top: 10px;}.pb10{padding-bottom: 10px;}
.pt15{padding-top: 15px;}.pb15{padding-bottom: 15px;}
.pt20{padding-top: 20px;}.pb20{padding-bottom: 20px;}
.pt30{padding-top: 30px;}.pb30{padding-bottom: 30px;}
.pt60{padding-top: 60px;}.pb60{padding-bottom: 60px;}
.mw1200{max-width: 1200px; margin-left: auto; margin-right: auto;}
.mw1400{max-width: 1400px; margin-left: auto; margin-right: auto;}
.full{max-width: 100%;}
header.bgi{background: url(../img/banner.jpg) center center no-repeat;}
.t h2{font-size: 3.6rem; line-height: 1.2; position: relative; font-family:Helvetica;}
.trade{background: #f4f4f4;}
.trade section{max-width: 54%;}
.trade p{line-height: 2;font-size:1.4rem;}
.trade figure{width: 44%;}
.problem{background: url(../img/problem_bg.jpg) center center; color: #fff; padding-top: 40px; padding-bottom: 70px;}
.problem .t h2:after{background: #fff; }
.problem .t p{color: #fff;}
.problem li{width: 33.3333%; font-size: 1.8rem; margin-top: 2.8rem; }
.problem i{font-size: 6rem; display: inline-block; width: 70px; height: 70px; text-align: center; line-height: 70px; vertical-align: middle; float:left;}
.support ul{margin-left: -2%;}
.support li{width: 23%; margin-left: 2%; border:1px solid #e5ebf9; border-radius: 5px; box-shadow: 1px 1px 30px 3px #f2f6fa;height:520px; position:relative;}
.support dl>i{position: absolute; left: 50%; margin-left: -45px; margin-top: -45px; border: 1px solid #c8d5f4; width: 90px; height: 90px; background: #f3f6fd; border-radius: 50%; line-height: 90px; color: #004eb7; font-size: 4.2rem;}
.support dt{background: #f3f6fd; font-size: 2rem; margin-bottom:2rem; padding-top: 6rem; padding-bottom: 3.6rem; color: #004eb7;}
.support dd{float: left; width: 94%; margin:1rem 3% 0; border:1px solid #e8effe; border-radius: 20px; font-size: 1.6rem; padding: 5px 0; color: #5156ce;}

.support li:hover dl>i{color: #fff; background: #5fa7f3;}
.support li:hover dt{color: #fff; border-color: transparent;
background: rgb(100,190,252); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(100,190,252,1) 0%, rgba(41,137,216,1) 50%, rgba(78,73,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(100,190,252,1) 0%,rgba(41,137,216,1) 50%,rgba(78,73,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(100,190,252,1) 0%,rgba(41,137,216,1) 50%,rgba(78,73,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64befc', endColorstr='#4e49ca',GradientType=1 ); /* IE6-9 */
}
.support li>a{display: inline-block; font-size: 1.8rem; font-weight: 700; position:absolute; bottom:3rem; left:7.5%; width:85%; padding: 1rem; color: #fff; border-radius: 20px; background: rgb(100,190,252); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(100,190,252,1) 0%, rgba(41,137,216,1) 50%, rgba(78,73,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(100,190,252,1) 0%,rgba(41,137,216,1) 50%,rgba(78,73,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(100,190,252,1) 0%,rgba(41,137,216,1) 50%,rgba(78,73,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64befc', endColorstr='#4e49ca',GradientType=1 ); /* IE6-9 */}
.support li>a:hover{opacity: .8;}
.choose{background: url(../img/choose_bg.jpg) center center; padding-top: 3.5rem; padding-bottom: 3rem;}
.choose ul{margin-left: -1.6666%;}
.choose li{float: left; width: 15%; margin-left: 1.6666%;}
.choose strong{width: 130px; display: block; color: #fff; background: #5a8be7; margin: 0 auto; font-size: 1.8rem; font-weight: normal; border-radius: 20px; padding: 8px 5px;}
.choose li p{line-height: 2; margin-top: 2rem;}
.hot figure{width:49%;text-align:center;}
.join li{width: 25%;}
.process{background: url(../img/process_bg.jpg) center center no-repeat; padding-top: 6.8rem; padding-bottom: 10.5rem;}
.process li{float: left; color: #fff; width: 20%; padding: 4rem 0;}
.process li span{font-size: 4.8rem;}
.process li i{width: 20px; height: 20px; background: #fff;display: block; border-radius: 50%;  position: relative; margin: 2rem auto 3rem;}
.process li i:before{content: ""; left: -9px; top: -9px; position: absolute; display: block; border: 1px solid #fff; width: 38px; height: 38px; border-radius: 50%; background: transparent;}
.process li p{font-size: 1.8rem;}
.process li:nth-child(even){background: #5e9eef; border-radius: 20px;}
.cooperation{background:url(../img/cooperation_bg.jpg) center center; padding: 3rem 0;}
.cooperation h2{color: #fff; margin-bottom: 5rem;}
.cooperation h2:after{display: none; }
.card{width: 530px; height: 300px; margin: 0 auto;}
.card .l{width: 60%; padding: 1rem 0 0 1rem;}
.card p{font-size: 1.8rem; margin-bottom: 2rem;}
.card p a{color: #333;}
.card .r{width: 38%; padding: 1rem 0 0;}
.card .l a.form , .card .l a.download{font-size: 1.6rem; border-radius: 20px;  padding: 7px 10px;color:#333;color:#fff;}
.card .l a.form{background: #ff8400;}
.card .l a.download{background: #5b91e9;}


/* 窗口宽度<1440,设计宽度=1200 */
@media screen and (max-width:1440px){

}
/* 窗口宽度<1200,设计宽度=992 */
@media screen and (max-width:1200px){
}
/* 窗口宽度<992,设计宽度=768 */
@media screen and (max-width:992px){
	.t h2{font-size: 2.8rem;}
	.t p{font-size: 2rem;}
	.trade section{max-width: 100%;}
	.trade figure{display: none;}
	.problem li{font-size: 1.4rem;}
	.problem i{font-size: 3rem; width: 50px; height: 50px; line-height: 50px;}
	.support .t{padding-bottom: 0;}
	.support dl>i{font-size: 3rem; width: 60px; height: 60px; line-height: 60px; margin-left: -30px;margin-top: -30px;}
	.support dd{font-size: 1.4rem; width: 90%; margin: 5%;}
	.support dt{padding-top: 3rem; padding-bottom: 3rem;}
	.support li:nth-child(3) dd:last-child , .support li:nth-child(4) dd:last-child{margin:5%;}
	.support li>a{font-size: 1.4rem; font-weight: normal; padding: .6rem 2rem; margin-top: 3rem;}
	.choose ul{margin-left: -3.3333%;}
	.choose li{width: 30%; margin-left: 3.3333%; margin-bottom: 1rem;}
	.join li{width: 50%; margin-bottom: 1rem;}
	.process{padding-bottom: 6rem; background-position: top center;}

}
@media screen and (max-width:640px){
.cooperation{margin-bottom:11rem;}
}
/* 窗口宽度<768,设计宽度=576 */
@media screen and (max-width:768px){
	.t h2{font-size: 2.4rem;}
	.t p{font-size: 1.8rem;}
	.problem li{width: 50%;}
	.support ul{margin-left: -4%;}
	.support li{width: 46%; margin-left: 4%; margin-bottom: 4rem;}
	.support dd{margin: .5rem 5%;}
	.support dt{padding-bottom: 2rem; font-size: 1.6rem;}
	.choose{margin-top: 0;}
	.hot figure{width:100%;}
	.cooperation{background-position: 49.5% 53%; margin-bottom:0;}
	.process li p{font-size:1.4rem;}

	.choose li{position:relative;}
	.choose li p{height:56px; overflow: hidden;}
	.choose li .more{display:block;position:absolute; right:0; bottom:3px; padding:0 2px; background:rgba(255,255,255,.8); z-index:1;}
	.choose li input[id^="more"]{}
	.choose li input[id^="more"]:checked ~ p{height:auto; overflow: visible;}
	.choose li input[id^="more"]:checked ~ .more:after {content: "Shrink"; z-index:1;  position: absolute; right: 5px;  bottom: 0; background:#fff; }
}
/* 窗口宽度<576,设计宽度=320 */
@media screen and (max-width:576px){
	header.bgi{background: url(../img/mbanner.jpg) center center no-repeat;background-size: contain; padding-bottom: 42%; height: 100%;}
	#search{display:none;}
	nav.pt30{padding-top: 15px;}
	.mt60{margin-top: 2.8rem;}
	.t h2{font-size: 2rem;}
	.t p{font-size: 1.4rem;}
	.trade .t{margin-bottom: 0; }
	.trade p{line-height: 1.8;}
	.problem{padding: 30px 0;}
	.problem li{text-align: center; margin-top: 1rem;}
	.problem i{display: block; margin: 0 auto; font-size: 2.4rem;}
  .support dl>i{font-size: 2.4rem;}
  .support dt{padding-top: 4rem; padding-bottom: 2rem;font-size:1.4rem;}.support dt{font-size:1.2rem;}
	.support li>a{font-size: 1.4rem; margin-top: 1rem; margin-bottom: 1rem; padding:5px 10px;}
	.choose ul{margin-left: -4%;}
	.choose li {width: 46%; margin-left: 4%;}
	.choose strong{font-size: 1.4rem;}
	.choose{margin-top:0;}
	.join li{padding: 0 2%;}
	.process{padding-bottom: 2rem; padding-top: 4.8rem;}
	.process ul{position: relative;}
	.process ul:before{content: ""; position: absolute; height: 1px; width: 100%; top: 2.8rem; left: 0; background: #ccc;}
	.process li{padding: 0;}
	.process li span{font-size: 1.6rem;}
	.process li i{width: 10px; height: 10px; margin-bottom: 1.5rem; margin-top: .4rem;}
	.process li i:before{width: 18px; height: 18px; left: -4px; top: -4px;}
	.process li p{font-size: 1.2rem;}
	.cooperation{background: none; padding: 0;margin-bottom:0;}
	.card{width: auto; height: auto;}
	.card .l {width: 100%;text-align:center;}
	.cooperation h2{color: #333; margin-top: 2rem; margin-bottom: 0;}
	.card .l{padding-top: 1rem;}
	.card .l a.form , .card .l a.download{font-size: 1.4rem; display:inline-block; float:none; margin: 0 1rem 2rem;}
	.card p{font-size: 1.6rem;}
	.card .r{display:none;}
}