
.i-m-bg{background:#f5f5f3;overflow:hidden;padding:0 0 70px;border-bottom:1px solid #E8E9EB;}/*index-module*/
.i-m-center{width:1200px;margin:0 auto;height:auto; font-size:12px;}
.i-m-h2{font-size:30px;line-height:34px;line-height:34px;color:#333;text-align:center;padding:40px 0 0;}


.w-fl {	float: left !important;	display: inline; width:225px;}


.w-wrap-inner {	width: 1188px;	padding: 0 6px;	margin: 0 auto;}


.page-products {margin-top: 40px;}
.page-products .tit { height: 54px; line-height: 54px; border-bottom: 2px solid #F7F7F5; font-size: 16px; color: #424242; border-bottom: 2px solid #F7F7F5; background: #FFF; padding-left: 25px;}
.page-products ul {background: #fdfdfd;	padding: 0 2px;	height: 350px;	overflow: hidden;}
.page-products li { width: 238px; height: 350px; float: left; display: inline; overflow: hidden; border-right: solid 2px #e9e9e9;}
.page-products li a {display: block; color: #666;}
.page-products li a:hover {text-decoration: none;}
.page-products li.last {border-right: none 0;}
.page-products .item-inner {width: 464px; height: 100%;}
.page-products .main { text-align: center; width: 238px; height: 100%; border-right: solid 1px #efefef; background-position: center 115px; background-repeat: no-repeat;}
.page-products .main a {height: 100%;}
.page-products .main h3 { display: block;	font-size: 18px; color: #fff; line-height: 25px; padding-top: 5px;}
.page-products .main .descrip { display: block; line-height: 20px; padding-top: 0px; height: 60px; color: #fff;}
.page-products .main .btm {display: block; line-height: 20px; padding-top:150px; color:#fff;}
.page-products .hosting .main {background: #08acdb url(../images/icon_hosting.jpg) no-repeat center; border-top:#1dbdeb solid 9px;}
.page-products .lightcloud .main { background: url({../images/icon_lightcloud_03.jpg) no-repeat center; border-top:#1dbdeb solid 9px;}
.page-products .cloudmail .main { background:#13c0ce url(../images/icon_cloudmail.jpg) no-repeat center; border-top:#33cbd7 solid 9px;}
.page-products .website .main { background:#ebb135 url(../images/icon_website_09.jpg) no-repeat center; border-top: #fcbf3d solid 9px;}
.page-products .domain .main { background:#94bf2c url(../images/icon_domain.jpg) no-repeat center; border-top:#a0c93d solid 9px;}
.page-products .detail .sort { width:195px; height: auto; padding: 10px 10px 0 20px;}
.page-products .detail .sort .tag { display: inline-block; height: auto; line-height: 22px; border: solid 1px #adadad; padding: 0 10px; margin-bottom: 5px;}
.page-products .detail .sort .price {display: block; margin-bottom: 10px;}
.page-products .detail .sort .wow {color: #ff4606; font-size: 24px;}
.page-products .detail .sort .descrip {display: block;}
.page-products .three-item .sort { height:25px; padding-top: 15px;}
.page-products .three-item .sort .price {display: inline-block;	padding-left: 10px;} 
.page-products .four-item .sort .price {display: inline-block; padding-left: 10px;}
.page-products li.on { background: #fff; width: 464px; border-left: solid 2px #e9e9e9; border-right: solid 2px #e9e9e9; margin: 0 -2px;}
.page-products li.on .hosting .main {background: #fff url(../images/icon_hosting_on3.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .lightcloud .main {background:#fff url(../images/icon_lightcloud_on_03.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .cloudmail .main {background:#fff url(../images/icon_cloudmail_on2.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .website .main {background:#fff url(../images/icon_website_on2.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .domain .main {background:#fff url(../images/icon_domain_on.jpg) no-repeat center; border-top:10px #fff solid;}


.s3f{}

.page-products li.on  .main h3 {color: #000;}

.page-products li.on  .main .descrip{color: #666;}
.page-products li.on .main .btm {color:#666;}
/

.products-xl{background-color: #fff;height:450px;padding: 46px 0 0;}
.products-xl-con{width:1200px;margin:0 auto;position: relative;}

.products-xl-con-01{height:85px;text-align: center;}
.products-xl-con-01 .title{color: #333;font-size: 30px;line-height: 30px;font-weight: bold;}
.products-xl-con-01 p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px;}

.products-xl-con-02 div{width: 383px;float: left; text-align:left; line-height:35px; overflow:hidden;}
.products-xl-con-02 div h3{font-size: 18px;margin-top: 40px;}
.products-xl-con-02 div img{position: absolute;right:20px;top:45%;margin-top: -54px;}
.products-xl-cell{display: block;width:236px; padding: 0 120px 0 25px;height: 300px;border: 1px solid #e5e5e5;position: relative;text-decoration: none;}
.products-xl-cell{color: #666;}
.products-xl-con-02 a:hover{color: #666; border:1px #4494e6 solid;}
.products-xl-con-02 span{width: 25px;float: left;height: 302px; }



.products-xl-cell i{ text-indent:1em; display:block; width:384px;height: 40px;background:url({aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/xl-cellbg.jpg) no-repeat; color: #fff;font-size: 18px;line-height: 40px; font-style:normal; font-weight:bold; position: absolute; bottom:0; left:0;}


.products-why{background-color: #eaeaea;height:337px;padding: 40px 0 0;}
.products-why-con{width:1200px;height:337px;margin:0 auto;position: relative;}
.products-why-con-01 .title{color: #333;font-size: 30px;line-height: 34px;font-weight: bold;text-align: center;}
.products-why-con-01 p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px; text-align:center;}

.products-why-con-02 div{width: 390px;float: left; text-align:left; line-height:25px;}
.products-why-con-02 div h3{font-size:24px; font-weight:bold;margin-top:30px; text-align:left; padding-top:40px;}
.products-why-con-02 div img{margin:0 auto; margin-top:30px; float:left;}
.products-why-cell{display: block; position: relative;text-decoration: none;}
.products-why-cell{color: #666; font-size:16px;}
.products-why-cell u{ color:#2f89e6; text-decoration:none; font-size:14px;}
.products-why-cell u:hover{ color:#f87500; font-size:14px; text-decoration:underline;}
.products-why-con-02 span{width: 5px; float: left;height: 179px;}



