﻿@charset "utf-8";
.join_opportunity{height: 780px;background-image: url(../images/p34.jpg);background-repeat: no-repeat;background-position: center center;}
.join_opportunity .common_tit2{height: 200px;padding-top: 80px;}
.join_opportunity .box{height: 393px;}
.join_opportunity .box ul li{width: 300px;float: left;display: block;height: 393px;text-align: center;position: relative;}
.join_opportunity .box ul li .con{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 393px;width: 300px;background-color: #2892EB;position: absolute;left: 0px;bottom: 0px;z-index: 2;}
.join_opportunity .box ul li:nth-child(2) .con{background-color: #20d0d6;}
.join_opportunity .box ul li:nth-child(3) .con{background-color: #eb9b28;}
.join_opportunity .box ul li:nth-child(4) .con{background-color: #63b5f4;}
.join_opportunity .box ul li:hover .con{height: 445px;z-index: 1;-moz-box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
box-shadow: 0px 0px 15px #000000;}
.join_opportunity .box ul li .ico{height: 160px;width: 160px;margin-right: auto;margin-left: auto;margin-bottom: 22px;margin-top: 30px;}
.join_opportunity .box ul li strong{font-size: 24px;font-weight: normal;padding-right: 20px;padding-left: 20px;color: #FFFFFF;display: block;}
.join_opportunity .box ul li p{padding-right: 20px;padding-left: 20px;line-height: 26px;color: #FFFFFF;padding-top: 30px;}
.join_partners{height: 911px;}
.join_partners .common_tit{height: 146px;padding-top: 114px;}
.join_partners .box{padding: 15px;}
.join_partners ul li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 535px;width: 342px;float: left;text-align: center;display: block;background-color: #FFFFFF;margin-right: 87px;position: relative;-moz-box-shadow: 0px 0px 1px 1px #eeeeee;
-webkit-box-shadow: 0px 0px 1px 1px #eeeeee;
box-shadow: 0px 0px 1px 1px #eeeeee;}
.join_partners ul li .pic{height: 250px;width: 342px;overflow: hidden;}
.join_partners ul li img{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 250px;width: 342px;}
.join_partners ul li i{display: block;height: 82px;width: 89px;margin-left: -45px;position: absolute;left: 50%;right: 50%;top: 210px;z-index: 2;}
.join_partners ul li strong{font-size: 24px;color: #666666;display: block;height: 52px;padding-top: 80px;}
.join_partners ul li:hover{-moz-box-shadow: 0px 0px 15px 0px #d3d8de;
-webkit-box-shadow: 0px 0px 15px 0px #d3d8de;
box-shadow: 0px 0px 15px 0px #d3d8de;}
.join_partners ul li:hover .pic img{-webkit-transform:scale(1.35);transform:scale(1.35);}
.join_partners ul li:hover strong{color: #ff6600;}
.join_partners ul li i img{height: 82px;width: 89px;}
.join_partners ul li p{padding-right: 20px;padding-left: 20px;line-height: 26px;font-size: 16px;color: #999999;padding-top: 10px;}
.join_superiority{height: 758px;background-color: #f1f1f3;}
.join_superiority .common_tit{height: 140px;padding-top: 70px;}
.join_superiority .box ul li{width: 328px;float: left;text-align: center;display: block;margin-top: 40px;margin-right: 57px;margin-left: 25px;}
.join_superiority .box ul li strong{font-size: 22px;font-weight: normal;color: #333333;}
.join_superiority .box ul li p{font-size: 16px;line-height: 26px;padding-top: 10px;color: #999999;}
.join_superiority .box ul li .ico{padding-bottom: 15px;}
.join_income{height: 474px;background-image: url(../images/p36.jpg);background-position: center center;background-repeat: no-repeat;}
.join_income .common_tit2{height: 158px;padding-top: 70px;}
.join_income .box ul li{float: left;color: #FFFFFF;display: block;width: 300px;text-align: center;font-size: 18px;}
.join_income .box ul li i{font-style: normal;font-size: 72px;font-weight: bold;}
.join_income .box ul li p{padding-top: 25px;}
.join_support{height: 830px;}
.join_support .common_tit{height: 197px;padding-top: 80px;}
.join_support .box .bd{float: left;width: 603px;padding-top: 5px;}
.join_support .box .hd{width: 535px;float: right;}
.join_support .box .hd ul li{background-repeat: repeat-y;background-position: left;position: relative;padding-left: 80px;padding-bottom: 44px;}
.join_support .box .hd ul li:last-child{background-image: none;}
.join_support .box .hd ul li .ico{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 56px;width: 56px;background-image: url(../images/ico_14.png);background-size:56px 112px;background-repeat: no-repeat;background-position: center top;position: absolute;left: 0px;top: 0px;}
.join_support .box .hd ul li:hover .ico, .join_support .box .hd ul li.on .ico{background-position: center bottom;}
.join_support .box .hd ul li p{font-size: 16px;color: #888888;line-height: 22px;padding-top: 6px;}
.join_support .box .hd ul li strong{font-size: 22px;font-weight: normal;margin: 0px;padding: 0px;}
.join_process{height: 722px;background-image: url(../images/pp4.jpg);clear: both;float: none;}
.join_process .common_tit2{height: 158px;padding-top: 70px;}
.join_process .box ul li{width: 180px;float: left;padding-right: 60px;padding-left: 60px;display: block;color: #FFFFFF;background-repeat: no-repeat;background-position: 275px 65px;}
.join_process .box ul li .ico{text-align: center;height: 144px;width: 119px;padding-left: 15px;}
.join_process .box ul li .ico img{width: 144px;margin-right: auto;height: 144px;}
.join_process .box ul li strong{font-size: 18px;text-align: center;padding-top: 15px;display: block;}
.join_process .box ul li p{line-height: 26px;padding-top: 15px;}
.join_process .more{clear: both;float: none;text-align: center;padding-top: 60px;}
.join_process .more a{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size: 24px;line-height: 48px;height: 48px;width: 232px;color: #FFFFFF;display: inline-block;border: 2px solid #FFFFFF;-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.join_process .more a:hover{}
