@charset "utf-8";
*{ margin: 0px; padding: 0px; list-style: none; font-family: "微软雅黑"; font-weight: normal; text-decoration: none;}
body{background: #fff; min-width: 1300px;}
.fl{ float: left;}
.fr{float: right;}
.y_banner{ background: url(../images/banner_02.jpg) no-repeat center ; background-size:cover;  width: 100%; height: 425px; display: block; } 
.introduce{  width: 1250px; margin: auto; overflow: hidden; padding: 85px 0;}
.introduce img{ display: block; width: 771px; height: 456px; float: left;}
.introduce div{ float: right; width: 464px; margin-top: 80px;}
.introduce div h1{ color: #222; font-size: 40px; margin-bottom: 43px;}
.introduce div p{ color: #666; font-size: 18px; margin-bottom: 35px;}
.feature{ background: #f9f9f9 ; padding: 85px 0; width: 100%;}
.feature .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.feature .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden;}
.feature .bottom{ background: url(../images/pc2_03.png) no-repeat center; height: 456px; width: 1200px; margin: auto; cursor: pointer; overflow: hidden;}
.feature .bottom p:hover{transform:rotate(720deg) scale(1.2,1.2);
-webkit-transform:rotate(720deg) scale(1.2,1.2);
-moz-transform:rotate(720deg) scale(1.2,1.2);
-ms-transform:rotate(720deg) scale(1.2,1.2);
-o-transform:rotate(720deg) scale(1.2,1.2);}
.feature .bottom p{padding: 30px 0px; overflow: hidden; width: 220px;font-size:16px;
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}
.feature .bottom .bottoml p:nth-child(1){margin-left: 126px;  margin-top: 66px; }
.feature .bottom .bottoml p:nth-child(2){margin-left: 140px;  margin-top: 24px;}	
.feature .bottom .bottoml p:nth-child(3){margin-left: 44px;  margin-top: 100px; }	
.feature .bottom .bottomr p:nth-child(1){margin-right:-30px;  margin-top: 73px;}
.feature .bottom .bottomr p:nth-child(2){margin-right:-32px;  margin-top: 39px;}
.feature .bottom .bottomr p:nth-child(3){  margin-top:47px; text-indent: 59px;}
.feature .bottom .bottoml{ float: left;}
.feature .bottom .bottomr{ float: right;}
.advantage{background: url(../images/bg3_02.jpg) no-repeat center ; background-size:cover; overflow: hidden; padding: 85px 0; color: #fff;}
.advantage .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #fff; font-weight: normal;}
.advantage .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden; color: #fff;}
.ad_pcbg{ background: url(../images/pc3_03.png) center top no-repeat; width: 100%; width: 1368px; margin: auto; overflow: hidden; height: 382px;position: relative;}
.ad_pcbg .ad_pcbgl{ float: left; text-align: right; overflow: hidden;}
.ad_pcbg .ad_pcbgr{ float: right; overflow: hidden;}
.ad_pcbg .ad_pcbgl div:nth-child(1){ margin-top: 41px; margin-left: 102px;}
.ad_pcbg .ad_pcbgl div:nth-child(2){ margin-top: 50px; margin-right: 92px;}
.ad_pcbg .ad_pcbgl div:nth-child(3){ margin-top: 88px; }
.ad_pcbg .ad_pcbgr div:nth-child(1){ margin-top: 49px; margin-right: 119px;}
.ad_pcbg .ad_pcbgr div:nth-child(2){ margin-top: 68px; margin-left: 98px; }
.ad_pcbg .ad_pcbgr div:nth-child(3){ margin-top: 88px; }
.ad_pcbg .ad_pcbgl div h1,.ad_pcbg .ad_pcbgr div h1{ font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.ad_pcbg .ad_pcbgl div p,.ad_pcbg .ad_pcbgr div p{ font-size: 12px; font-weight: normal; color:#fff}
.ad_pcbg .ad_pcbgl div,.ad_pcbg .ad_pcbgr div{ font-size: 12px; font-weight: normal; display: block;}
.powerful{overflow: hidden; padding: 85px 0;  }
.powerful .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.powerful .top>p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden; }
.po_cont{ width: 1200px; margin: auto; overflow: hidden;}
.po_cont dl{ float: left; width: 176px; margin-right: 80px; margin-bottom: 30px; cursor: pointer;} 
.po_cont dl img{ display: block; margin: auto;}
.po_cont dl h1{ color: #333; font-size: 18px; text-align: center; margin: 8px 0 7px;}
.po_cont dl p{ text-align: center; color: #999; font-size: 14px;}
.po_cont dl:nth-child(5n){ margin-right: 0px;}
.po_cont dl dt{transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}
.po_cont dl:hover dt{transform:rotateY(380deg);
-webkit-transform:rotateY(380deg);
-moz-transform:rotateY(380deg);
-ms-transform:rotateY(380deg);
-o-transform:rotateY(380deg);}
.market {background: #f9f9f9; padding: 85px 0; }
.market .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.market .top>p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden; }
.market_cont{ margin: auto; width: 1200px; overflow: hidden;}
.market_cont dl,.market_cont dt{ width: 221px; height: 220px; float: left;}
.market_cont dt{ line-height: 220px; text-align: center; font-size: 24px; color: #fff;} 
.market_cont dl{ margin-right: 23px; margin-bottom: 23px; cursor: pointer;position: relative;}
.market_cont dl:nth-child(5n){ margin-right: 0px; }
.market_cont dl:nth-child(1) dt{ background: url(../images/c5_002.jpg); }
.market_cont dl:nth-child(2) dt{ background: url(../images/c5_03.jpg);}
.market_cont dl:nth-child(3) dt{ background: url(../images/c5_05.jpg);}
.market_cont dl:nth-child(4) dt{ background: url(../images/c5_07.jpg);}
.market_cont dl:nth-child(5) dt{ background: url(../images/c5_09.jpg);}
.market_cont dl:nth-child(6) dt{ background: url(../images/c5_16.jpg);}
.market_cont dl:nth-child(7) dt{ background: url(../images/c5_18.jpg);}
.market_cont dl:nth-child(8) dt{ background: url(../images/c5_20.jpg);}
.market_cont dl:nth-child(9) dt{ background: url(../images/c5_22.jpg);}
.market_cont dl:nth-child(10) dt{ background:url(../images/c5_24.jpg);}
.market_cont dl dd{color: #fff;width: 221px; height: 220px;background: #0099ff; position: absolute; top: 0px; display: none;}
.market_cont dl dd h1{ font-size: 18px; text-align: center; font-weight: bolder; margin: 40px 0 20px;}
.market_cont dl dd p{ width: 175px; text-align: center; margin: auto; font-size: 14px; color:#fff}
.introduce div p{ color: #666; font-size: 18px; margin-bottom: 35px;}
.prospect{ background: #fff ; padding: 85px 0; width: 100%;}
.prospect .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.prospect .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden; width: 1086px;}
.prospect_mian{ width: 1200px; margin: auto; background: url(../images/qj-bg.png) no-repeat ; height: 195px;}
.prospect_mian .qj-box{
	width: 136px;
	height: 136px;
	position: relative;
	float: left;
	transform: rotate(-720deg);
	transition: all 3s;
	border-radius: 50%;
}
.prospect_mian .qj-box{
	transform: rotate(0deg);
}
.prospect_mian .qj-box:nth-child(1){
	background: #30d0b6;
	left: 100px;
    top: 33px;
}
.prospect_mian .qj-box:nth-child(2){
	background: #ffc939;
	left: 250px;
	top: 30px;
}
.prospect_mian .qj-box:nth-child(3){
	background: #be6dff;
	left: 400px;
	top: 30px;
}
.prospect_mian .qj-box:nth-child(4){
	background: #36a4ff;
	left: 555px;
	top: 30px;
}
.prospect_mian .qj-box p{
	position: absolute;
	top: 64%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 100%;
}
.prospect_mian .qj-box:hover{	
	-ms-transform:rotate(400deg);/* IE 9 */

    -moz-transform:rotate(400deg); /* Firefox */

    -webkit-transform:rotate(400deg); /* Safari 和 Chrome */

    -o-transform:rotate(400deg); /* Opera */
   cursor: pointer;
}

.qj1{
	width: 136px;
	height: 136px;
	background: url(../images/qj-1.png) no-repeat;
}
.qj2{
	width: 136px;
	height: 136px;
	background: url(../images/qj-2.png) no-repeat;
}
.qj3{
	width: 136px;
	height: 136px;
	background: url(../images/qj-3.png) no-repeat;
}
.qj4{
	width: 136px;
	height: 136px;
	background: url(../images/qj-4.png) no-repeat;
}
.profit{ background: #f9f9f9 ; padding: 85px 0; width: 100%;}
.profit .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.profit .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden; width: 1086px;}
.profit_mian{ width: 1200px; margin: auto; overflow: hidden;}
.profit_mian dl{transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out; cursor: pointer;}
.profit_mian dl:hover{transform:rotateY(380deg);
-webkit-transform:rotateY(380deg);
-moz-transform:rotateY(380deg);
-ms-transform:rotateY(380deg);
-o-transform:rotateY(380deg);}
.profit_mian dl{ width: 261px; height: 292px; background: #fff; float: left; margin-right: 52px;}
.profit_mian dl:nth-child(4n){ margin-right: 0px;}
.profit_mian dl dt img{ display: block; margin: 49px auto 29px;}
.profit_mian dl dd h1{ font-size: 22px; text-align: center;}
.profit_mian dl dd p{width:200px; text-align: center; margin: auto; font-size: 14px; color: #666666; margin-top: 8px;}
.user{ background: #fff ; padding: 85px 0; width: 100%; overflow: hidden;}
.user .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.user .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden;}
.user_mian{ width: 1200px; margin: auto;}
.user_mian .fl p{ font-size: 40px; color: #333; margin: 40px auto 50px;}
.user_mian .fl div{ font-size: 28px;}
.user_mian .fl div span{ font-size: 48px; font-weight: bolder; color: #0099ff;}
.user_mian .fl a{ display: block;width: 224px; height: 82px; font-size: 34px; font-weight: bold; background: #0099ff; border-radius: 50px; color: #fff; line-height: 82px; text-align: center; margin-top: 100px;} 
.user_mian .fl a:hover{background: #0066cc;} 
.user_box{ margin-left: 41px;}
.yun{ background: #f9f9f9 ; padding: 85px 0; width: 100%; overflow: hidden;}
.yun .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.yun .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden;}
.yun_mian{width: 1200px; margin: auto; position: relative; cursor: pointer;}
.yun_mian img{ display: block; margin: auto;-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;}
.yun_mian img:hover{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;}

.yun1{ position: absolute; top: 68px; left: 495px;}
.yun2{ position: absolute; top: 268px; right: 57px;}
.yun3{ position: absolute; top: 481px; left: 142px;}
.partner{ background: #fff ; padding: 85px 0; width: 100%; overflow: hidden;}
.partner .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.partner .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 60px; overflow: hidden;}
.partner .wy_box01{ width: 1200px; margin: auto; display: block;}
.partner .wy_box01 img{display: block; float: left; margin-right: 19px; margin-bottom: 19px;}
.partner .wy_box01 img:nth-child(7n){ margin-right: 0px;}
.lastmian{ background: url(../images/last_bg_02.jpg) no-repeat center; background-size:cover; height: 260px; overflow: hidden;}
.lastmian .btn{ font-size: 22px; color: #fff; text-align: center; width: 200px; height: 60px; margin: auto; display: block; background: #0099FF; line-height: 47px; border-radius: 50px; margin-top: 59px;}
.lastmian p{ text-align: center; color: #fff; font-size: 22px; margin-top: 36px;}
.lastmian .btn:hover{ background: #0066CC;}

.partner .wy_box01 img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .6;
    opacity: 0.6;
    -khtml-opacity: .6;
    transition: all .1s linear;
    cursor: pointer;}
/*20190416添加banner部分*/
/*.y_bannerw{ width:1200px; margin:auto; overflow:hidden;height:425px}
.y_banner1{ margin-left:113px; width:423px;font-size:16px; color:#fff; margin-top:210px}
.y_bannerw .bannerbtn{ background:url(../images/bannerbtn.png) no-repeat; width:137px; height:38px; display:block;font-size:18px;line-height:38px; text-align:center;color:#fff;  margin-left:113px;margin-top:60px }
#topcontrol{ display:none}
.y_bannerw .bannerbtn:hover {
	background:url(../images/bannerbtn2.png) no-repeat;
	width:137px; height:38px; display:block;
    cursor: pointer;}*/
   

.yunyoushi{background: #f9f9f9;  padding: 85px 0; width: 100%; overflow: hidden;}
.yunyoushi .top h1{ font-size: 40px; color: #222; text-align: center; display: block;color: #333; font-weight: normal;}
.yunyoushi .top p{ color: #666; font-size: 18px; text-align: center; margin: 24px auto 18px; overflow: hidden;}
.yunyoushi .bottom{ width: 1200px; margin: auto; overflow: hidden;}
.yunyoushi .bottom dl{ float: left;width: 250px;
    height: 236px;
    margin: 20px 0px 15px 39px;
    text-align: center;
    line-height: 30px;
    float: left;
   
    border-radius: 10px;
}

 }
.yunyoushi .bottom dl:nth-child(4){ margin-right: 0px; }
.yunyoushi .bottom dl dd h1{ text-align: center;  font-size: 20px; margin: 10px 0;}
.yunyoushi .bottom dl dd p{  color: #999;   font-size: 14px;  line-height: 24px}
 
.yunyoushi .bottom dl dt img{ display: block; margin: 20px auto 0;
    width: 100px;
    height: 96px;} 
/*.yunyoushi .bottom dl dd:hover h1{ opacity: 0.8;}
.yunyoushi .bottom dl dd:hover p{ opacity: 0.8;}*/
.yunyoushi .bottom dl dd{ margin-top: 24px;}
.yunyoushi .bottom dl:hover{ -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)
    cursor: pointer; border-radius: 12px;}