@charset 'utf-8';
*{margin: 0; padding: 0;  box-sizing: border-box; }
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{font-family:Microsoft YaHei,Helvetica,Arial,sans-serif;font-size:12px;font-weight:inherit;font-style:inherit;margin:0;padding:0;border:0}ul,ol{list-style:none}a img{vertical-align:top;border:none}a{text-decoration:none}button{overflow:visible;margin:0;padding:0;border:0 none;background-color:transparent}button::-moz-focus-inner{padding:0}input[type=password]{-webkit-text-security:disc}textarea:focus,input:focus,button:focus{outline:none}body{word-wrap:break-word}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.icon{display:inline-block;zoom:1;vertical-align:middle;background-repeat:no-repeat;background-position:left top}.btn{display:inline-block;zoom:1;text-align:center;vertical-align:middle}.none{display:none}

/*--------------------- banner -------------------*/
.banner-bg{
	width: 100%;
	height: 650px;
	position: relative;
	background: url(../Images/zyx/banner.jpg) 50% 50% no-repeat;
	background-size: cover;
    -ms-behavior: url(/Images/zyx/backgroundsize.min.htc);
    behavior: url(/Images/zyx/backgroundsize.min.htc);
}
.banner-box{
	position: relative;
    width: 1210px;
    height: 650px;
    overflow: hidden;
    margin: 0 auto;
}
.banner-box i.logo{
    display: block;
    width: 219px;
    height: 89px;
   /* background: url(../Images/zyx/logo.png) no-repeat; */
    margin-top: 30px;
}
.left-banner{
	width: 600px;
	overflow: hidden;
	float: left;
}
.left-banner h1
{
	font-size: 64px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
}
.left-banner i.label
{
	display: block;
	background: url(../Images/zyx/left_banner_label.png) no-repeat;
	width: 138px;
	height: 53px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	color: #245fe7;
	font-size: 18px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:350px;
	/*margin: 10px 0 -10px 350px;*/
}
.left-banner p{
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
.banner-btn-box{
	width: 600px;
	overflow: hidden;
	text-align: center;
	margin-top: 50px;
}
.banner-btn-box a{
	display: inline-block;
	width: 186px;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	border-radius: 5px;
}
.banner-btn-box a:first-child{
	margin-right: 50px;
	background: #fa4847;
	color: #fff;
}
.banner-btn-box a:first-child+a{
	background: #ffef00;
	color: #266ee8;
}

/*--------------------- product-account -------------------*/
.product-account-bg{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.product-account-box{
	position: relative;
    width: 1210px;
    overflow: hidden;
    margin: 0 auto;
}
.product-account-box h1{
	margin: 50px 0 25px;
	color: #393939;
	font-size: 28px;
	text-align: center;
}
.product-account-box .product-account-dec{
	font-size: 15px;
	color: #8a8a8a;
	margin-bottom: 15px;
	text-align: center;
}
.product-account-img{
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 30px 0 45px;
}
.product-account-img span{
	display: inline-block;
	width: 305px;
	height: 305px;
	border: 1px dashed #29c186;
	border-radius: 50%;
	vertical-align: middle;
}
.product-account-img span:first-child{
	margin-right: 100px;
	border: 1px dashed #06a2c9;
}
.product-account-img span h2{
	margin-top: 100px;
	margin-bottom: 30px;
	font-size: 30px;
	color: #474747;
}
.product-account-img span p{
	font-size: 14px;
	color: #8a8a8a;
	line-height: 150%;
}
.product-account-img i{
	position: absolute;
	display: block;
	width: 236px;
	height: 236px;
	left: 50%;
	top: 50%;
	margin: -118px 0 0 -118px;
	background: url(../Images/zyx/product_account_logo.png) no-repeat;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	line-height: 300px;
}

/*--------------------- use-people -------------------*/
.use-people-bg{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #f5f8ff;
}
.use-people-box{
	position: relative;
    width: 1210px;
    overflow: hidden;
    margin: 0 auto;
}
.use-people-box h1{
	font-size: 28px;
	color: #393939;
	margin-top: 45px;
	text-align: center;
}
.use-people-box p{
	font-size: 16px;
	color: #808080;
	margin: 10px 0 60px;
	text-align: center;
}
.use-people-box i{
	position: relative;
	display: block;
	width: 1030px;
	height: 426px;
	background: url(../Images/zyx/use_people.png) no-repeat;
	margin: 0 auto 50px;
}
.use-people-box span{
	font-size: 18px;
	color: #3b3b3b;
	line-height: 150%;
	position: absolute;
	text-align: center;
}
.line-wholesale{
	left: 50%;
	margin-left: -10px;
	top: 80px;
}
.line-sale{
	bottom: 140px;
	left: 410px;
}
.online{
	bottom: 140px;
	right: 380px;
}
.more-store-sale{
	top: 35px;
	left: 220px;
	line-height: 120%!important;
}
.use-people-box b{
	font-size: 14px;
	color: #3b3b3b;
}
.electricity-store{
	top: 35px;
	right: 190px;
}
.store-to-electricity{
	top: 200px;
	left: 130px;
}
.brand-agent{
	top: 200px;
	right: 155px;
}
.tradition-store{
	bottom: 50px;
	left: 160px;
}
.brand-store{
	bottom: 35px;
	right: 210px;
	line-height: 120%!important;
}

/*--------------------- product-value -------------------*/
.product-value-box{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.product-value-title{
	width: 100%;
	background: #089c9f;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.product-value-title h1{
	font-size: 32px;
	color: #fff;
	margin: 50px auto 30px;
}
.product-value-title p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #fff;
}
.product-value-nav{
	overflow: hidden;
	width: 100%;
	position: relative;
	background: #212537;
	height: 70px;
}
.product-value-nav ul{
	overflow: hidden;
	position: relative;
	width: 1210px;
	margin: 0 auto;
}
.product-value-nav li{
	width: 33.33%;
	height: 70px;
	line-height: 70px;
	color: #fff;
	background: #212537;
	font-size: 20px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.product-value-nav li.active{
	color: #312608;
	background: #ffba00;
}
.product-value-content{
	width: 1210px;
	overflow: visible;
	position: relative;
	margin: 0 auto;
}
.product-value-content ul{
	display: none;
	width: 1080px;
	height: 342px;
	margin: 80px auto;
	box-sizing: border-box;
    border: 1px solid #e1e1e1;
}
.product-value-content ul.electricity-business>p{
	position: absolute;
	top: -75px;
	font-size: 20px;
	font-weight: bold;
	color: #626f94;
	left: 50%;
	margin-left: -110px;
	width: 220px;
}
.product-value-content ul.electricity-business{
	margin: 120px auto 40px;
}
.product-value-content ul.other-three{
	width: 900px;
}
.product-value-content ul.active{
	display: block;
}
.product-value-content ul li{
	transition: all .2s;
    cursor: pointer;
    width: 25%;
    height: 340px;
    border-right: 1px solid #e1e1e1;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    float: left;
    padding-bottom: 30px;
    background: #fff;
}
.product-value-content ul.other-three li{
	width: 33.33%;
}
.product-value-content ul li:first-child+li+li+li{
    border-right: 0!important;
}
.product-value-content ul.other-three li:first-child+li+li{
	border-right: 0!important;
}
.product-value-content ul li h2{
	font-size: 20px;
	color: #626f94;
	margin-bottom: 30px;
}
.product-value-dec{
	height: 130px;
	width: 100%;
}
.product-value-content ul li p{
	font-size: 14px;
	color: #808080;
	line-height: 180%;
}
.product-value-content ul.electricity-business li p{
	font-size: 16px;
	line-height: 200%;
}
.product-value-content ul li i{
	display: inline-block;
	width: 44px;
	height: 44px;
	margin: 45px 0 30px;
}
.product-value-content ul.other-three li i{
	display: inline-block;
	width: 54px;
	height: 54px;
	margin: 40px 0 25px;
}
.product-value-content ul.electricity-business li i{
	margin: 80px 0 25px;
}
.icon-1{
	background: url(../Images/zyx/product_value_1.png) no-repeat;
}
.icon-2{
	background: url(../Images/zyx/product_value_2.png) no-repeat;
}
.icon-3{
	background: url(../Images/zyx/product_value_3.png) no-repeat;
}
.icon-4{
	background: url(../Images/zyx/product_value_4.png) no-repeat;
}
.icon-5{
	background: url(../Images/zyx/product_value_5.png) no-repeat;
}
.icon-6{
	background: url(../Images/zyx/product_value_6.png) no-repeat;
}
.icon-7{
	background: url(../Images/zyx/product_value_7.png) no-repeat;
}
.icon-8{
	background: url(../Images/zyx/product_value_8.png) no-repeat;
}
.icon-9{
	background: url(../Images/zyx/product_value_9.png) no-repeat;
}
.icon-10{
	background: url(../Images/zyx/product_value_10.png) no-repeat;
}
.product-value-content ul li:hover{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    z-index: 9;
    background: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 0px 25px #fde6b4;
    filter: progid:DXImageTransform.Microsoft.Matrix(
        M11=1.2,
        M12=0,
        M21=0,
        M22=1.2,
        SizingMethod='auto expand'
    );
    margin-left: -14px\9;
    margin-top: -34px\9;
}
.product-value-content ul li:hover h2{
	color: #a9780f;
}
.product-value-content ul li:hover .icon-1{
	background: url(../Images/zyx/product_value_1_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-2{
	background: url(../Images/zyx/product_value_2_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-3{
	background: url(../Images/zyx/product_value_3_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-4{
	background: url(../Images/zyx/product_value_4_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-5{
	background: url(../Images/zyx/product_value_5_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-6{
	background: url(../Images/zyx/product_value_6_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-7{
	background: url(../Images/zyx/product_value_7_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-8{
	background: url(../Images/zyx/product_value_8_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-9{
	background: url(../Images/zyx/product_value_9_choose.png) no-repeat;
}
.product-value-content ul li:hover .icon-10{
	background: url(../Images/zyx/product_value_10_choose.png) no-repeat;
}


/*--------------------- platform-docking -------------------*/
.platform-docking-bg{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #f4f4f4;
}
.platform-docking-box{
	width: 1210px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.platform-docking-box h1{
	font-size: 34px;
	color: #1e1e1e;
	margin: 50px auto 20px;
	text-align: center;
}
.platform-docking-box>p{
	text-align: center;
	font-size: 22px;
	color: #646464;
	margin-bottom: 20px;
}
.platform-docking-content{
	position: relative;
	overflow: hidden;
	width: 1080px;
	margin: 0 auto;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 10px #d0d0d0;
	margin-bottom: 110px;
}
.platform-docking-content>ul{
	overflow: hidden;
	background: #333746;
	height: 50px;
	text-align: center;
}
.platform-docking-content>ul li{
	cursor: pointer;
	display: inline-block;
}
.platform-docking-content>ul li span{
	display: block;
	height: 50px;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}
.platform-docking-content>ul li.active span{
	color: #ff8533;
	border-bottom: 2px solid #ff8533;
}
.platform-docking-content>ul i.yuandian{
	color: #fff;
	padding: 0 15px;
}
.color-point{
	position: absolute;
	left: 20px;
	height: 10px;
	top: 20px;
	width: 50px;
}
.color-point i{
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 10px;
}
.color-point i.red{
	background: #fd4a4a;
}
.color-point i.orange{
	background: #ffa033;
}
.color-point i.green{
	margin-right: 0!important;
	background: #20ba34;
}
/*单个icon的css写法
.platform-icon-box>ul.active{
	display: block;
}
.platform-icon-box>ul{
	background: #fff;
	display: none;
	overflow: hidden;
	margin: 30px 50px 85px;
}
.platform-icon-box>ul li{
	width: 140px;
	height: 80px;
	float: left;
}
.taobao{
	background: url(../img/platform_docking_taobao.png) no-repeat;
}
.tmall{
	background: url(../img/platform_docking_tmall.png) no-repeat;
}
*/
.platform-icon-box{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.platform-icon-box ul{
	background: #fff;
	overflow: hidden;
	margin: 55px 0 85px;
}
.platform-icon-box ul li.active{
	display: block;
}
.platform-icon-box ul li{
	display: none;
	width: 960px;
	height: 360px;
	margin: 0 auto;
}
.platform-icon-1{
	background: url(../Images/zyx/platform_icon.jpg) no-repeat;
}
.platform-icon-2{
	background: url(../Images/zyx/platform_icon2.jpg) no-repeat;
}
.platform-icon-3{
	background: url(../Images/zyx/platform_icon3.jpg) no-repeat;
}

/*--------------------- product-advantage -------------------*/
.product-advantage-bg{
	width: 100%;
	height: 555px;
	position: relative;
	background: url(../Images/zyx/product_advantage_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
    -ms-behavior: url(/Images/zyxcss/backgroundsize.min.htc);
    behavior: url(/Images/zyx/backgroundsize.min.htc);
}
.product-advantage-box{
	position: relative;
    width: 1210px;
    height: 555px;
    overflow: hidden;
    margin: 0 auto;
}
.product-advantage-box p{
	position: absolute;
	font-size: 16px;
	color: #2d2d2d;
	line-height: 180%;
}
.save-cost{
	bottom: 210px;
	left: 95px;
	text-align: right;
}
.amenity{
	top: 100px;
	left: 290px;
	text-align: right;
}
.mobile{
	top: 115px;
	right: 270px;
}
.safe{
	bottom: 235px;
	right: 120px;
}

/*--------------------- product-price -------------------*/
.product-price-box{
	position: relative;
    width: 1210px;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}
.product-price-box h1{
	color: #4e4e4e;
	font-size: 34px;
	text-align: center;
	margin: 70px auto 45px;
}
.product-price-content{
	/*width: 980px;*/
	overflow: hidden;
	position: relative;
	margin: 0 auto 90px;
}
.user-number{
	overflow: hidden;
	width: 100%;
	height: 60px;
	background: #333333;
}
.user-number li{
	width: 140px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #00f274;
	float: left;
}
.product-price{
	height: 70px;
	background: #fff;
}
.first-font{
	font-size: 18px!important;
}
.product-price li{
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	color: #333;
}
.product-price li.color{
	background: #effbf4;
}
.product-price-explain{
	position: relative;
	background: #def6e1;
	overflow: hidden;
	width: 100%;
}
.explain-left{
	width: 48%;
	overflow: hidden;
	float: left;
	padding: 20px 30px;
}
.explain-left h2{
	color: #3f3f3f;
	font-size: 16px;
	line-height: 200%;
}
.explain-left p{
	font-size: 14px;
	color: #6b6b6b;
	line-height: 200%;
}
.explain-left span{
	font-size: 16px;
	color: #117445;
	line-height: 200%;
}
.explain-left span i{
	font-size: 16px;
	color: #424242;
}
.product-price-explain i.fenge{
	display: block;
	width: 4%;
	float: left;
	height: 97px;
	position: absolute;
	background: url(../Images/zyx/product_price_fenge.png) no-repeat;
	background-position: center center;
	left: 48%;
	top: 50%;
	margin-top: -48px;
}
.explain-right{
	float: right;
	padding-right: 0;
}
.explain-right h2{
	padding-top: 10px;
}