@import "base.css";

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?96534013');
  src: url('fonts/fontello.eot?96534013#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?96534013') format('woff'),
       url('fonts/fontello.ttf?96534013') format('truetype'),
       url('fonts/fontello.svg?96534013#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
#banner{ height:300px}
#banner li .img{ width:1000px; margin:0 auto; position:relative}
#banner li .con{ position: absolute; z-index:99; top:-300px} 
.domain{  background:#fff; border-bottom:1px solid #eee;width:100%; height:100%;  }
.domain .tit{ font-size:24px; text-align:center; height:20px; line-height:20px; padding:20px 0}
.www{ font-size:60px; padding-right:5px; height:60px; line-height:60px; color:#404040}
.inputDo{ float:left; height:30px; line-height:30px; padding:15px 15px; width:630px; border:1px solid #ccc; box-shadow:1px 1px 3px #ddd inset; font-size:24px; font-weight:bold; background:#fafafa;-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-right:none}
.inputDo:focus,.inputDo:active{ background:#fff;  border-color:#c0c0c0; box-shadow:none}
.inputDo::-webkit-input-placeholder{font-size:18px; font-weight:normal}
.inputDo::-moz-placeholder{font-size:18px; font-weight:normal}
.butDo{ background:#e8251e; color:#fff; height:62px; line-height:62px; border-bottom:5px solid #c7161c; width:177px; border-right:1px solid #b7161c; font-size:24px}
.domain .J_check{
	float:left;
	width:650px;
	height:30px;
	overflow:hidden;
}
.J_check label{ float:left; display:block; position:relative; height:30px; line-height:30px; padding-left:20px; font-size:16px; font-weight:bold; margin-right:30px; color:#8e9297; cursor:pointer; overflow:hidden}
.J_check label:hover{ color:#544478}
.J_check label i{ display:block; background:url(img/index.png) no-repeat; height:16px; width:16px; position:absolute; left:0; top:8px} 
.J_check label.on{ color:#e8251e}
.J_check label.on i{ background-position:-19px 0}
.J_check label input{ display:none}

.notice{ float:right; width:320px; overflow:hidden}
.notice{height:30px; background:#fff;  }
.notice .tit{ height:30px; line-height:30px; font-size:14px; color:#E82521; width:80px;padding:0}
.notice .tit b{  font-family: 'fontello'; font-weight:normal; padding-right:5px; color:#E82521}
.notice .con{ padding:0 0 0 15px;  height:30px; overflow:hidden; width:225px}
.notice .con li{ height:30px; line-height:30px; font-size:14px; overflow:hidden}
.notice .con li b{  font-family: 'fontello'; font-weight:normal; padding-right:5px}
.notice .con li a{ color:#202020}
.arrow { float:right; margin-top:23px}
.arrow a{ background:#535677; display:block; height:20px; line-height:20px; width:20px; float: left; text-align:center; font-family:'fontello'; font-size:14px;color:#fff; cursor:pointer}
.arrow a.prev{ border-left:1px solid #404040}
.arrow a:hover{ background:#FC3333}

.rec_product{background:#f4f4f4; border-bottom:1px solid #eee }
.rec_product li{ float:left; display:inline; background:#fff; box-shadow:1px 1px 3px #ddd; margin-left:20px; width:320px;}
.rec_product li.vhost{ margin-left:0}
.rec_product .tit{ background:#40b34c url(img/t1.jpg) no-repeat 0 bottom; color:#fff; font-size:24px; height:60px; line-height:60px; padding:20px 0; position:relative}
.rec_product .tit a{ color:#fff; padding-left:120px}
.rec_product .tit i{ display:block; position:absolute; left:65px; top:30px; width:51px; height:44px; background:url(img/index.png) no-repeat 0 -19px;}
.rec_product .con{ border:2px solid #fff; border-top:none; padding:0 0 10px;-webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; -o-transition:all .8s ease-in-out; transition:all .8s ease-in-out;}
.rec_product .price{ text-align:center}
.rec_product .price span{ color:#40b34c; font-size:18px}
.rec_product .price span b{ font-size:48px}
.rec_product .price label{ padding-left:10px } 
.rec_product dl{ float:left; padding:0 10px; width:58px; border-left:1px dotted #ccc}
.rec_product dl.frist{ border:none}
.rec_product dt,.rec_product dd{ height:30px; line-height:30px; font-size:12px; color:#505050; text-align: center}
.rec_product dd{ font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; color:#000; font-weight:bold}
.rec_product .des{ padding:15px 0; border-top:1px dotted #ccc; margin:0 20px}
.rec_product .buy{ text-align:center}
.rec_product .buy a.bnt{ background:#40b34c}
.rec_product li:hover .con{ border-color:#40b34c}

.rec_product .cloud .tit{ background:#e82521 url(img/t2.jpg) no-repeat 0 bottom}
.rec_product .cloud .tit a{ padding-left:140px}
.rec_product .cloud .tit i{ background-position:0 -66px; left:80px; width:53px; height:54px; top:20px}
.rec_product .cloud .price span{ color:#e82521}
.rec_product .cloud:hover .con{ border-color:#e82521}
.rec_product .cloud .buy a.bnt{ background:#e82521}
.rec_product .server .tit{ background:#535677 url(img/t3.jpg) no-repeat 0 bottom}
.rec_product .server .tit a{ padding-left:140px}
.rec_product .server .tit i{ background-position:0 -126px; left:80px; width:46px; height:46px}
.rec_product .server .price span{ color:#535677}
.rec_product .server:hover .con{ border-color:#535677}
.rec_product .server .buy a.bnt{ background:#535677}

.contit{ height:30px; border-left:6px solid #e82521; padding-left:20px}
.contit h3{ height:30px; line-height:30px; font-size:24px}
.safe{ background:url(img/safebg.jpg) no-repeat right bottom; height:310px }
.safe .des{ width:510px; line-height:25px; color:#606060; font-size:16px}
.safe li{ float:left; display:inline; text-align:center; width:170px}
.safe li .img{ height:100px}
.safe li h3{ height:50px; line-height:50px; font-size:16px}
.menu-con-inner li div{ height:50px; line-height:50px; font-size:18px}
.mail .inner{ font-size:18px; color:#808080}
.mail .inner b{ color:#e82521; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; padding:0 5px}
.mail .inner a.bnt{ padding:7px 15px}
.mail li{ float:left; display:inline; width:333px; text-align:center}
.mail li h3{ font-size:18px; height:50px; line-height:50px; color:#404040}
.mail li h3 b{  font-weight:normal; padding-right:10px; color:#625382}
.mail li.m2 h3 b{ color:#f60}
.mail li.m3 h3 b{ color:#40b34c}

.w535{ width:485px}
.webCon{ padding:20px 20px; border:2px solid #e8e8e8;-webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; -o-transition:all .8s ease-in-out; transition:all .8s ease-in-out;}
.webCon:hover{ border-color:#e82521}
.webCon .tit{ height:50px; line-height:50px;}
.webCon .tit h3{ font-size:18px; line-height:50px; font-weight:bold}
.webCon .tit h3 a{ color:#909090}
.webCon .inner{ font-size:16px}
.webCon .inner span{padding-right:25px; font-size:14px; color:#808080}
.webCon .inner span b{ color:#e82521; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; padding:0 5px}
.webCon .inner a.bnt{padding:8px 15px; font-size:16px; background:#fff; border:1px solid #dededf; color:#e8251e}
.webCon .inner a.bnt:hover{background:#e8251e; color:#fff; border-color:#e8251e}
.webCon li{ float:left; text-align:center; display:inline; width:110px;}
.webCon li .img{ height:48px}
.webCon li h3{ height:50px; line-height:50px; font-size:14px}

.news{ border-bottom:1px solid #dededf; border-top:1px solid #dededf; overflow:hidden}
.w366{ width:332px; border-left:1px solid #dededf}
.news .frist{ border:none}
.news .tit{ position:relative; height:50px; line-height:50px; padding:20px 20px 10px}
.news .tit h3{ height:50px; line-height:50px; font-size:24px}
.news .more{ position:absolute; width:32px; height:20px; background:url(img/more.png) no-repeat 0 center; right:25px; top:40px}
.news .more a{ display:block; height:20px; width:32px}
.news ul{ padding:0 20px}
.news  li{ height:28px; line-height:28px; clear:both; overflow: hidden; font-size:14px}
.news  li a{ color:#404040}
.news  li a:hover{ color:#e82521}
.news  li span{ float:right; color:#909090; font-size:12px; padding-left:10px}

.youshi{}
.youshi li{ width:150px; float:left; display:inline; padding:0 25px}
.youshi li .img{ background:url(img/index.png) no-repeat -60px 0; width:60px; height:56px; margin:6px auto 0}
.youshi li h3{ height:30px; line-height:30px; font-size:18px; text-align:center; padding:10px 0 0}
.youshi li p{ color:#808080; line-height:25px; height:25px; overflow:hidden; font-size:14px}

.youshi li.s2 .img{ background-position:-60px -60px;margin:2px auto 0; height:60px}
.youshi li.s3 .img{ background-position:-57px -120px; width:74px; height:62px; margin:0 auto}
.youshi li.s4 .img{ background-position:-60px -185px; height:53px; margin:7px auto 0}
.youshi li.s5 .img{ background-position:-60px -240px}

.youshi li.s1:hover .img{ background-position:-146px 0}
.youshi li.s2:hover .img{ background-position:-146px -60px}
.youshi li.s3:hover .img{ background-position:-143px -120px}
.youshi li.s4:hover .img{ background-position:-146px -185px}
.youshi li.s5:hover .img{ background-position:-146px -240px}

.customSay{ width:485px}
.customSay .img{ border:1px solid #e8e8e8; width:100px; height:100px; border-radius:50%; padding:4px}
.customSay .img img{ height:100px; width:100px;border-radius:50%}
.customSay .txt{ width:365px}
.customSay .tit{ height:30px; line-height:30px;  font-size:14px; color:#202020; font-weight:bold}
.customSay .tit b{ color:#e82521;padding-right:15px;  font-size:18px}
.customSay .con{ color:#707070; line-height:22px; font-size:14px}

.logorow{ position:relative}


.arrow{}
.arrow a{ display:block; width:22px; height:20px; position:absolute; top:20px; background:url(img/next.png) no-repeat -29px 0; cursor:pointer}
.arrow a.next{ left:0;}
.arrow a.prev{ right:0; background-position:0 0}
.arrow a.next:hover{ background-position:-29px -26px}
.arrow a.prev:hover{ background-position:0 -26px}

.logorow .bd{ padding:0 20px 0 35px}
.logorow li{ width:115px; float:left; display:inline; padding:0 20px 0 0}
.logorow li.frist{ margin-left:0}
.logorow li.gray img{filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-filter: grayscale(1);
filter: gray; /* For IE 6 - 9 */
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-moz-filter: grayscale(100%); /*待定*/
-ms-filter: grayscale(100%); /*待定*/
-o-filter: grayscale(100%); /*欧朋有什么解决办法?*/}