/*
Theme Name: vanwei.com
Theme URI: http://www.vanwei.com/
Description: www.vanwei.com
Author: vanwei.com
Version: 1.1
Tags: vanwei.com
QQ:5149920
*/
/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f0f0f0;
	color:#555;
}
ul,li,dl,dt,dd,h2,p { padding:0px; margin:0px; }
ul { list-style:none; }
img { border:none; }
body,td,th {
	font-family: PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-weight: 100;
	font-size:12px;
}
a:link {
	text-decoration: none;
	color:#333;
	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: none;
	color:#333;
}
a:active {
	text-decoration: none;
	color:#333;
}
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
::selection {
background:#333;
color:#fff;
text-shadow:none;
}
::-moz-selection {
background:#333;
color:#fff;
text-shadow:none;
}
::-webkit-selection {
background:#333;
color:#fff;
text-shadow:none;
}
/*滚动条*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-track{background-color:black}
::-webkit-scrollbar-track-piece{background: #FDFDFD;}
::-webkit-scrollbar-thumb{background-color:#8E8E8E;border-radius:0px}
::-webkit-scrollbar-thumb:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner{background-color:#535353}
::-webkit-scrollbar-resizer{background-color:#FF6E00}
.fa-code { color:#FF7F00; }
.fa-bar-chart { color:#00A4DD; }
.fa-cloud {color:#b5b5b5;}
.fa-shield { color:#85B300; }
.fixed {   
    position:fixed;   
    top:0px;   
    width:200px;   
}
input:focus,select:focus,textarea:focus { border-color: #0086cc !important; outline: 0; }
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
blockquote {font-family: Georgia, "Bitstream Charter", serif;font-style: italic;font-weight: normal;margin: 10px 3em;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {color: #666;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;letter-spacing: 0.05em;text-transform: uppercase;}
pre {margin: 15px 0; font: 100 12px/18px monaco, andale mono, courier new; padding: 10px 12px; border: #ccc 1px solid; border-left-width: 4px; background-color: #fefefe; box-shadow: 0 0 4px #eee; word-break: break-all; word-wrap: break-word; color: #444;width:600px;overflow:scroll;overflow: auto;display:block;}
.wp_syntax tr,.wp_syntax td { margin:0; padding:0; border:none; }
.wp_syntax { }
code, kbd {font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
code { margin:0px; padding:0px; }
.notice { width:100%; overflow:hidden; height:40px; line-height:40px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background:#0086cc; }
.wrap { width:1180px; margin:0 auto; }
.header,.footer,.branding { min-width:1140px; }
.container{width: 1140px; margin:0 auto;}





.containers{
	position: relative;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0;
}
.header{
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: #fff;
	padding: 55px 0 20px;
	margin-bottom: 0px;
	border-bottom: 1px solid #EAEAEA;
	border-color: rgba(0,0,0,.08);
	box-shadow: 0 1px 3px rgba(0,0,0,.03);
	overflow: hidden;
}
/* logo ======================================================================================================== */
.logo{
	overflow: hidden;
	float: left;
	width: 200px;
	margin: -6px 0px 0px 0px;
}
.logo a{
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}

/* agentlogo ======================================================================================================== */
.agentlogo{
	overflow: hidden;
	float: left;
	width: 200px;
	margin: -6px 0px 0px 0px;
}
.agentlogo a{
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url('../img/agentlogo.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}

/* agentlogo2 ======================================================================================================== */
.agentlogo2{
	overflow: hidden;
	float: left;
	width: 180px;
	margin: -6px 0px 0px 0px;
}
.agentlogo2 a{
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url('../img/agentlogo.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}

.brand{
	font-size: 14px;
	float: left;
	line-height: 16px;
	color: #bbb;
	padding-left: 10px;
	position: relative;
	top: 1px;
	border-left: 2px solid #eaeaea;
	margin-left: 10px;
	overflow: hidden;
	height: 30px;
}


/* site-navbar ======================================================================================================== */

.site-navbar{
	float: right;
	font-size: 18px;
	margin-top: 7px;
	margin-right: -15px;
}
.site-navbar li{
	position: relative;
	float: left;
}
.site-navbar li:hover{z-index: 2}
.site-navbar a{
	display: block;
	padding: 0 30px;
	color: #666;
	font-size:18px;
}
.site-navbar li:hover > a,
.site-navbar li.active a:hover,
.site-navbar a:hover{
	color: #143279;
}

.site-navbar li.active > a{
	color: #143279;
}

.topbar{
	position: absolute;
	top: 0px;
	left: 0;right: 0;
	height:36px;
	line-height: 36px;
	margin-right: -15px;
	color: #fff;
	background: #373D41;
}
.topbar a{
	color: #fff;
	font-size:14px;
}
.topbar a:hover{
	color: #45B6F7;
}
.topmenu{
	float: right;
}
.topmenu li{
	position: relative;
	float: left;
}
.topmenu li:hover{z-index: 2}
.topmenu a{
	display: block;
	padding: 0 15px;
	color: #fff;
}
.topmenu li:hover > a,
.topmenu li.active a:hover,
.topmenu a:hover{
	color: #45B6F7;
}

.topmenu li.active > a{
	color: #45B6F7;
}

.topmenu .red{color: #84c124;display: inline-block;}
.topmenu .red:hover{color: #FF5E52;text-decoration: underline;}

.site-nav .sub-menu{display: none;position: absolute;top: 100%;left: 0;background-color: #fff;font-size: 12px;padding: 6px 0;border: 1px solid #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);line-height: 32px;width: 132px;font-weight: bold;border-radius: 4px;}
.site-nav .sub-menu li{float: none;}
.site-nav .sub-menu a:hover{background-color: #f6f6f6;}
.site-nav li:hover > .sub-menu{display: block;}
.site-nav li:hover .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}


/* user-welcome ======================================================================================================== */
.topbar-user{
	 float: right; 
	margin-top: 16px;
	
}
.user-welcome{
	padding: 2px 12px 2px 2px;
	color: #fff;
	display: block;
	background-color: #61B3E6;
	border-radius: 2px;
	font-size: 12px;
	max-width: 150px;
	overflow: hidden;
	height: 32px;
	margin-left: 10px;
}
.user-welcome .avatar{
	width: 28px;
	height: 28px;
	border-radius: 2px;
	margin-right: 8px;
}
.user-welcome:hover{
	color: #fff;
	opacity: 0.85;filter:alpha(opacity=85);
}
.user-welcome span{
	position: relative;
	top: 2px;
}

.user-signin{
	margin-left: 5px;
}
.user-signin a{
	min-width: 60px;
	margin-left: 5px;
}

.user-signin .btn-sm{padding: 6px 12px;}

.sign-info{font-size: 12px;clear: both;	margin-top: 10px;}

.indexbanner { background:#373D41 url(../img/cloudbanner.jpg) center center no-repeat; height:400px; position: relative; }
.indexbanner .wrap { height:300px; /*background: url(img/index-banners.png) 650px center no-repeat;*/}
.indexbanner .h6 {  padding-top:100px; font-weight: 200; font-size: 36px; height:50px; line-height: 50px; color:#fff;}
.indexbanner p { height:30px; line-height: 30px; color:#fff; font-size: 20px; margin-top:60px;}
.indexbanner a { color:#fff; width:160px; display: block; text-indent: 0px; padding:10px 0px; text-align: center; font-size: 16px; margin-top:30px; border:solid 1px #fff; border-radius: 3px;}
.indexbanner a:hover { background: #fff; color:#0086cc;}
.indexdomain { width:100%; padding-top:13px; overflow: hidden; }
.indexdomain span { overflow: hidden; height:44px; line-height: 42px; color:#fff; font-size:16px; padding-left:15px; float:right; border-radius: 5px; padding-left:8px; background: #0086cc; margin-left:15px; }
.indexdomain span i { font-style: normal; border:solid 1px #ddd; background: #fff; border-left:none; height:42px; padding:0px 15px; margin-left:8px; color:#0086cc; float:right;}
.indexdomain input.sok { width:500px; border:solid 1px #ddd; text-indent: 12px; font-size: 16px; color:#666; background: #fff; border-radius: 3px; float:left; height:40px; line-height: 40px;}
.indexdomain button { height:44px; color:#fff; position: relative; margin-left:15px; font-size: 22px; text-indent: 24px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; line-height: 42px; float:left; width:118px; border:solid 1px #0076b3; cursor:pointer; background: #0086cc; border-radius: 3px;}
.indexdomain button i { padding-left:0px; position: absolute; top:10px; left:-10px;}
.indexdomain .wrap { display: block; width:100%; overflow: hidden; padding-top:20px; }
.indexdomain ul li { width:95px; float:left; padding:5px 0px; overflow: hidden; }

#dropdown{width:122px;position:relative;float:left;margin:0px 0px 0px 16px; text-indent: 20px;}
#dropdown p{width:120px;height:42px;overflow:hidden;cursor:pointer;border:1px solid #ccc;background-color:#f5f5f5;border-radius:3px;line-height:40px;font-size:24px;color:#999;}
#dropdown ul{width:120px;overflow-x:hidden;border:1px solid #ccc;border-top:0px;position:absolute;left:0px;top:41px;background-color:#f5f5f5;display:none;z-index:999999;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
#dropdown ul li a{line-height:28px; font-size:14px; display:block;}
#dropdown ul li a:hover{background:#ddd;}

.news { width:1180px; margin:50px auto 0 auto; padding-bottom:50px; overflow:hidden; font-size:12px;}
.news .left { width:405px; float:left; overflow:hidden; padding-right:35px; }
.news .mid { width:405px; float:left; padding-right:35px; }
.news .notice { overflow: hidden; display: block; border:solid 1px #ddd; height:120px;}
.news .title { height:40px; overflow:hidden; background:#373D41; }
.news .title h3 { overflow:hidden; line-height:40px; font-size:16px; font-weight: 200; text-align: center; color:#fff; }
.news .info { padding:20px; overflow:hidden; background:#fff;border:1px solid #ddd }
.news .info h2 { height:30px; line-height:30px; font-size:16px; margin:0px; padding:0px; overflow:hidden; }
.news .info ul { margin-top:10px;}
.news .info ul li { height:26px; line-height:26px; width:328px;}
.news .info ul li span { padding-right:5px; overflow:hidden; float:right;}
.news .info p { line-height:24px; overflow:hidden; height:120px; padding:0px; margin:0px; color:#999; }
.news .right { width:370px; float:left; }
.news .left .notice { background: #fff url(../img/news_01.jpg) center center no-repeat;}
.news .mid .notice { background: #fff url(../img/news_02.jpg) center center no-repeat;}
.news .right .notice { background: #fff url(../img/news_03.jpg) center center no-repeat;}

.footer{
	clear: both;
	padding: 40px 30px;
	font-size: 12px;
	line-height: 12px;
	color: #999;
	background-color: #fff;
	overflow:hidden;
}

.footer a{
	color: #999;
}
.footer a:hover{
	color: #666;
}
.footer p { line-height:30px; height:30px; overflow:hidden; }
.footer .left { float:left; overflow: hidden;}
.footer .left h3 { font-weight: 200; font-size: 20px; height:36px; line-height: 36px; }
.footer .left .list { overflow: hidden;}
.footer .left dl { float:left; overflow: hidden; font-size: 14px; padding:0px 80px 0px 0px; margin:0px;}
.footer .left dl dt { height:30px; line-height: 30px; font-size: 18px; font-weight: 200;}
.footer .left dl dt a { color:#333;}
.footer .left dl dd { height:28px; line-height: 28px; overflow: hidden;}
.footer .right { float:right; overflow: hidden; padding-left:40px; margin-top:70px;}
.footer .right h3 { font-weight: 200; font-size: 20px; height:36px; line-height: 36px; text-align: right;}
.footer .right p { height:36px; list-style-position: 36px; font-size: 24px;}
.footer .right span { overflow: hidden;}
.footer .right span a { float:right; overflow: hidden; background: #339E60; border-radius: 5px; color:#eee; margin:5px 0px; padding:5px 12px;font-size: 14px;
font-weight: 400;line-height: 1.42857;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-moz-user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.footer .right span a i { margin-left: 5px;color: #DDD;font-size: 28px;opacity: 0.5;}

.end { width:1140px; overflow: hidden; margin:0 auto; font-size: 14px; line-height: 30px; padding:25px 0px 50px 0px; margin-top:10px; text-align: center;}


.arand { width:1100px; padding:15px 20px; overflow:hidden; margin-top:15px; background:#ffffff; }
.arand .atitle { height:50px; line-height:50px; font-size:16px; overflow:hidden; border-bottom:solid 1px #e8e8e8; }
.arand ul { overflow:hidden; padding-top:20px; }
.arand ul li { width:210px; float:left; overflow:hidden; padding-right:22px; }
.arand ul li a { width:210px; overflow:hidden; float:left; line-height:30px; text-align:center; }
.arand ul li a img { height:210px; }
h2.htitle{font-size:20px;display:inline-block;zoom:1;width:1140px;}
h2.htitle p{display:inline-block;zoom:1;color:#999;margin-left:10px; font-size:10px; line-height:15px}
h2.htitle strong{font-size:24px; font-weight: 200;margin-right:6px;vertical-align:middle; float:left}
h2.htitle strong em{font-size:25px; font-weight: 200;color:#999;margin-left:6px;vertical-align:middle;font-family: "MS Serif","New York",serif; font-style:normal;}
h2.htitle span{float:right;font-size:22px;color:#F0F0F0; font-weight:normal; text-align:right}
#yitihua{ overflow:hidden; background:#ffffff; padding:35px 20px 30px 20px; border-bottom:solid 1px #ddd; }
#yitihua .wrap { width:1140px; margin:0 auto; }
#yitihua h2{padding-bottom: 6px;height: 30px; border-bottom:20px;}
#yitihua .content{overflow: hidden;}
#yitihua .content ul{padding-top:24px;}
#yitihua .content ul li{float:left; width:252px; overflow:hidden;height:152px; border-left:1px #eee solid; overflow:hidden; padding:0 18px; display:block}
#yitihua .content ul li.last{border-left:none; padding-left:0px}
#yitihua .content ul li.fast{padding-right:0px; float:right}
#yitihua .content ul li h4{display:block;height:24px; font-size:14px;text-align:left; font-weight:normal; display:block; clear:both}
#yitihua .content ul li span{line-height:20px; padding:5px 0; display:block; clear:both; color:#767676}
#yitihua .content ul li p{padding-top:52px; display:block; clear:both;background:url(img/yitihua.png) no-repeat; clear:both; margin-top:8px}
#yitihua .content ul li.jichu p{background-position:0 0}
#yitihua .content ul li.kaifa p{background-position:0 -164px}
#yitihua .content ul li.weihu p{background-position:0 -329px}
#yitihua .content ul li.zenzhi p{background-position:0 -496px}
#yitihua .content ul li p strong{width:45px; float:left; text-align:center; margin-right:12px; display:inline; font-weight:normal}
#yitihua .content ul li p strong.a{width:103px;}
#yitihua .content ul li p strong.last{margin-right:0px;}


.indexmain { overflow: hidden; margin-right:-30px; padding:35px 0px;}
.indexmain dl { float:left; width:360px; overflow: hidden;}
.indexmain a {background-color: #fff; float:left; overflow: hidden; margin-right:30px; margin-bottom:30px; border-top:solid 3px #fff;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.indexmain a:hover {border-color:rgb(0, 126, 223); background: rgb(0, 126, 223);}
.indexmain a:hover dd { color:#fff;}
.indexmain dl dt { width:360px; height:200px; position: relative; overflow: hidden;}
.indexmain dl dt span { position: absolute; top:10px; right:10px; font-size: 1.3em; background: #EE6363; padding:0px 10px; color:#fff; border-radius: 3px;}
.indexmain dl dt img { width:360px;}
.indexmain dl dd { overflow: hidden; padding:15px; border-top:solid 1px #ddd; font-size: 1.3em; color:#333;}

.about { overflow: hidden; background: #fff; padding:35px 0px; margin-top:-25px;}
.about h3 { height:56px; line-height: 56px; overflow: hidden; font-size: 20px; font-weight: 200;}
.about p { overflow: hidden; padding-bottom:20px; line-height: 26px; height:26px; font-size: 14px;}
.about .left { overflow: hidden; float:left; width:300px;}
.about .right { overflow: hidden;}

.indexoption { overflow: hidden; width:1138px; border-radius: 3px;margin-top:30px;}
.indexoption a { float:left; overflow: hidden;border:solid 1px #eee; margin-left:-1px;}
.indexoption dl { float:left; width:226px; overflow: hidden;}
.indexoption a:hover {background:#eef7ff; color:#469bea; border:solid 1px #c7e5fe; position: relative; z-index: 10;}
.indexoption a.d1 { width:227px; margin-left:0px;}
.indexoption a.d5 { width:227px;}
.indexoption dl dt { height:128px; overflow: hidden; background: #fff; color:#ddd; font-size: 98px; font-weight: 200; text-align: center;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.indexoption a:hover dt { color:#469bea;}
.indexoption dl dt i { line-height: 128px;}
.indexoption dl dd { height:30px; line-height: 30px; padding:10px 12px; overflow: hidden; text-align: center; font-size: 16px; font-weight: 400;}
.indexoption dl dd.buy { overflow: hidden; height:40px; padding-bottom:20px; padding-top:10px;}
.indexoption dl dd a { border-radius: 3px; background:#3190e7; color:#fff; height:36px; line-height: 36px; text-align: center; display: block; border:solid 1px #3190e7; font-size: 14px; }
.indexoption dl dd a:hover { background:#eef7ff; color:#469bea; border:solid 1px #c7e5fe;}



.branding{
	text-align: center;
	padding: 70px 20px;
	overflow:hidden;
	margin-top:0px;
}
.branding h1, .branding h2{
	margin: 0 0 20px;
	font-size: 33px;
	font-weight:normal;
}
.branding-black{
	background-color: #3d4450;
}
.branding-black h1, .branding-black h2{
	color: #ccc;
}
.branding-black .btn{border: solid 1px #cccccc;color: #ccc;}
.branding-black .btn:hover{background-color: #ccc;color: #444;}

.btn{border-radius: 2px;padding: 6px 15px;}
.btn-lg {font-size: 20px;border-radius: 4px;padding: 10px 25px;}


.container-page{ width:1140px; margin:20px auto 0px auto; overflow:hidden; padding-bottom:20px; }
.container-page .article-header{padding: 0 0 10px;}
.container-page .content{ width:878px; float:right; padding: 20px;border: 1px solid #eaeaea;background-color: #fff;}
.content-wrap { width:1140px; margin:0 auto; overflow:hidden; padding:20px 0px; }
.content-wrap .content { float:left; min-height:500px; width:780px; padding: 0 20px;background-color: #fff;border: 1px solid #eaeaea; overflow:hidden; }
.sidebar {float: right; width: 320px; overflow:hidden;}
.pageside{ float:left; overflow:hidden; width: 200px;}
/*.pagemenus{position: fixed;width: 200px;}*/

.pagemenu{list-style: none;margin: 0 0 15px;padding: 0; border: 1px solid #eaeaea;background-color: #fff;border-radius: 4px;overflow: hidden;}
.pagemenu li a{display: block;padding: 12px 20px;font-size: 16px;color: #999;border-bottom: 1px solid #eee;background-color: #fff;}
.pagemenu li a:hover{color: #666;}
.pagemenu li.active a{color: #fff;background-color: #61B3E6;margin: 0 -1px;}
.pagemenu li:last-child a{border-bottom: none;}
.pagemenu li .glyphicon {font-size: 14px;}

.pagemenu h4{margin: 0;}
.pagemenu h4 a{color: #666;background-color: #F9F9F9;padding-top: 15px;cursor: default;border-bottom-color: #e6e6e6;}





.pageheader{overflow: hidden;background-color: #61B3E6;padding: 25px 20px;margin-bottom:15px;color: #fff;}
.pageheader h1{font-size: 30px;margin:0; font-weight:normal !important;}
.pageheader h1 small{color: #fff;font-size: 12px;margin-left: 10px;position: relative;top: -4px;}
.pageheader .note{margin-top: 5px;}
.pageheader p{margin-bottom: 0;}

.article-header{
	margin-bottom: 20px;
	padding: 25px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.article-title{margin-top: 0;font-size: 26px;line-height: 36px;}
.article-title a,
.article-title a:hover{
	color: #555;
	
}
.article-meta{
	font-size: 12px;
	color: #999;
	padding-top:15px;
}
.article-meta .item{
	margin-right: 20px;
}
.article-content{font-size:15px;line-height:25px;word-wrap:break-word; padding-bottom:20px;}
.article-content img{margin: 5px 0; display:block;max-width:100%;height:auto}
.article-content h2, .article-content h3, .article-content h4, .article-content h5{padding:10px 0;margin-bottom:18px;color: #555;font-weight:bold;}
.article-content h2{font-size:18px;font-weight:bold;margin:18px 0;border-bottom: 1px solid #eaeaea;}
.article-content h3{font-size:16px;}
.article-content h4{font-size:15px;}
.article-content h5{font-size:14px;}
.article-content ul, .article-content ol{margin:0 0 18px 46px}
.article-content ul{list-style: disc;list-style: outside none disc !important;}
.article-content ol{list-style: decimal;}
.article-content li{margin-bottom: 6px;}
.article-content p{margin-bottom:18px;word-wrap:break-word}
.article-content pre{word-wrap:break-word}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 18px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption:hover .wp-caption-text{color: #61B3E6;}
.article-content a{text-decoration:underline;}
.article-content blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.article-content blockquote p{margin:0;padding:0;margin-bottom: 10px;}

.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}

/*  ======================================================================================================== */
.relates ul{
	list-style: disc;
	margin-left: 18px;
	color: #bbb;
	margin-bottom: 30px;
	padding-top: 5px;
}
.relates li{
	margin-top: 12px;
}
.relates a{
	color: #777;
}
.relates a:hover{
	color: #61B3E6;
	text-decoration: underline;
}

.action-share {
	margin-bottom: 30px;
	text-align: center;
	padding-top: 20px;
}
.relates .title{
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
}
.relates .title h3 {
	font-size: 20px;margin: 0; font-weight:normal;
}

/* widget ======================================================================================================== */

.widget {
	clear: both;
	position: relative;
	margin-bottom: 15px;

	background-color: #fff;
	border: 1px solid #eaeaea;
	overflow: hidden;
}
.widget h3 {
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #eaeaea;
	background-color: #fbfbfb;
	margin: 0;
	padding: 11px 15px 10px;
	/*background: url(../img/bg.png) 0 bottom repeat-x;*/
}
.widget.affix {
	position: fixed;
	width: 360px;
}
.widget .title strong {
	border-bottom-color: transparent
}
.widget .title .btn {
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: normal;
	padding: 2px 7px 1px
}

.widget ul {
	*zoom: 1;
	list-style: none;
	padding: 0;
	margin: 0;
}
.widget ul ul {
	border: none;
}
.widget ul:before, 
.widget ul:after {
	display: table;
	content: "";
	line-height: 0
}
.widget ul:after {
	clear: both
}

/* widget_ui_textads ======================================================================================================== */
.widget_categories {
}
.widget_categories ul {
	overflow: hidden;
	padding: 10px 0 5px;
	color: #bbb;
}
.widget_categories li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
.widget_categories li a {
	margin: 0 10px;
	color: #777;
}
.widget_categories li a:hover {
	color: #61B3E6;
}
.widget_categories li ul {
	padding: 0 0 0 15px
}
.widget_categories li li {
	float: none;
	width: auto
}

/* widget_ui_posts ======================================================================================================== */
.widget_ui_posts li:last-child a {
	border-bottom: none;
}
.widget_ui_posts li a {
	padding: 10px 15px 10px 10px;
	color: #888;
	border-bottom: solid 1px #eee;
	overflow: hidden;
	position: relative;
	display: block;
	font-size: 14px
}
.widget_ui_posts li a:hover {
	background-color: #fbfbfb;
}
.widget_ui_posts li a:hover .text {
	color: #61B3E6;
}
.widget_ui_posts .text {
	display: block;
}
.widget_ui_posts .muted {
	margin-right: 15px;
	font-size: 12px;
	color: #bbb;
}
.widget_ui_posts .nopic li a {
	padding: 10px 15px;
}
.widget_ui_posts .nopic .text {
	margin-top: 0;
	color: #888;
}
.widget_ui_posts .nopic .text:hover {
	color: #61B3E6;
}

/* widget_ui_textads ======================================================================================================== */
.widget_ui_textads {
	border: none;
	border-radius: 0
}
.widget_ui_textads a {
	display: block;
	padding: 0 15px 15px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	font-size: 12px;
}
.widget_ui_textads a h2 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 14px;
}
.widget_ui_textads a p {
	color: #999;
	margin-bottom: 0;
}
.widget_ui_textads a strong {
	margin: -1px 0 0 0;
	display: inline-block;
	padding: 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.widget_ui_textads a:hover {
}

.widget_ui_textads a.style01{color: #428BCA;}
.widget_ui_textads a.style01:hover{border-color: #428BCA;}
.widget_ui_textads a.style01 strong{background-color: #428BCA;}

.widget_ui_textads a.style02{color: #FF5E52;}
.widget_ui_textads a.style02:hover{border-color: #FF5E52;}
.widget_ui_textads a.style02 strong{background-color: #FF5E52;}

.widget_ui_textads a.style03{color: #5CB85C;}
.widget_ui_textads a.style03:hover{border-color: #5CB85C}
.widget_ui_textads a.style03 strong{background-color: #5CB85C;}

.widget_ui_textads a.style04{color: #C35BFF;}
.widget_ui_textads a.style04:hover{border-color: #C35BFF;}
.widget_ui_textads a.style04 strong{background-color: #C35BFF;}

.widget_ui_textads a.style05{color: #61B3E6;}
.widget_ui_textads a.style05:hover{border-color: #61B3E6;}
.widget_ui_textads a.style05 strong{background-color: #61B3E6;}


/*=================================================================================*/
.excerpt{
	border-bottom: 1px solid #eaeaea;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: -1px;
}
.excerpt-1{border-radius: 4px 4px 0 0}
.excerpt-10{border-radius: 0 0 4px 4px}
.excerpt:hover{
	background-color: #FAFDFF;
	border-color: #88D3F9;
	position: relative;
	z-index: 2;
}
.excerpt header{
	margin-bottom: 10px;
}
.excerpt .cat{
	color: #fff;
	background-color: #45BCF9;
	padding: 3px 6px;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 6px;
}
.excerpt .cat:hover{
	opacity: 0.85;
	filter:alpha(opacity=85);
}
.excerpt .cat i{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #45BCF9;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.excerpt h2{
	display: inline;
	font-size: 18px;
	line-height: 24px;
	margin-top: 0;
	font-weight: bold;
}
.excerpt h2 a{
	color: #555;
}
.excerpt h2 a:hover{
	color: #61B3E6;
}
.excerpt time, .excerpt .pv, .excerpt .pc{
	margin-right: 20px;
}
.excerpt .note{
	font-size: 12px;
	color: #999;
	word-wrap:break-word;
	line-height: 20px;
}
.excerpt .meta{
	color: #999;
	font-size: 12px;
	margin-bottom: 10px;
}
.excerpt .meta .fa{
	margin-right: 4px;
}
.excerpt .meta a{
	color: #999;
	text-decoration: underline;
}
.excerpt .meta a:hover{
	color: #61B3E6;
}

.post-tags{
	color: #ddd;
}
.post-tags a{
	color: #999;
	text-decoration: underline;
}
.post-tags a:hover{
	color: #61B3E6;
}


.excerpt h2 b,
.excerpt .note b{
	font-weight: normal;
	color: #FF5549;
}


.excerpt-see{
	border: 1px solid #eaeaea;
	padding: 20px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 15px;
	border-radius: 4px;
}
.excerpt-see h2{
	font-size: 22px;
	line-height: 24px;
	margin-top: 0;
	font-weight: bold;
	margin: 0 0 15px;
}
.excerpt-see h2 a{
	color: #555;
}
.excerpt-see h2 a:hover{
	color: #61B3E6;
}
.excerpt-see time, .excerpt-see .pv, .excerpt-see .pc{
	margin-right: 20px;
}
.excerpt-see .meta{
	color: #999;
	margin-bottom: 15px;
	font-size: 12px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}
.excerpt-see .meta .fa{
	margin-right: 4px;
}
.excerpt-see .meta a{
	color: #999;
	text-decoration: underline;
}
.excerpt-see .meta a:hover{
	color: #61B3E6;
}
.excerpt-see .article-content p{
	text-indent: 30px;
}
.excerpt-see .article-content p:last-child{
	margin-bottom: 0;
}
.excerpt-see .note{
	color: #666;
	margin-bottom: 0;
	text-indent: 28px;
}

.excerpt-see-index{
	/*margin-bottom: 20px;*/
}
.excerpt-see-index h2{
	font-size: 18px;
}
.excerpt-see-index .meta{
	border-bottom: none;
	padding-bottom: 0;
}
.excerpt-see-index .red{
	margin-left: -8px;
	color: #FF5E52;
}



/*mainPage为页面主要宽度*/
.mainPage,.w1180{margin:0 auto;width:1140px;}
.blocks{display:inline-block;}
.yahei{font-family:'Microsoft YaHei','verdana';}
.enarr{border-style: solid dashed dashed;border-width: 5px;border-color: #bbb transparent transparent;height: 0;width: 0;font-size: 0;line-height: 0%;}
.enarr_black{border-style: solid dashed dashed;border-width: 5px;border-color: #333 transparent transparent;height: 0;width: 0;font-size: 0;line-height: 0%;}
.v8Title{font-size: 24px;font-family:'微软雅黑','verdana';color: #333;padding-left: 9px;margin: 27px 0 27px 0;}
.v8Title a{font-size:14px;}

.v8Padding{padding:30px;}
.careful_info{margin:0 auto}
#border .info{padding:0px;}

/*-- website --*/
.website { background:#373D41; height:330px; position: relative; }
.website .wrap { height:330px; background: url(../img/website.png) 650px -270px no-repeat;}
.website h3 { overflow: hidden; padding-top:60px; font-weight: 400; font-size: 36px; height:50px; line-height: 50px; color:#fff;}
.website p { line-height: 30px; width:700px; color:#fff; font-size: 20px; margin-top:30px;}
.website a { color:#fff; width:160px; display: block; text-indent: 0px; padding:10px 0px; text-align: center; font-size: 16px; margin-top:30px; border:solid 2px #fff; border-radius: 3px;}
.website a:hover { background: #fff; color:#0086cc;}


.about_box{clear:both;padding:30px 0px; background:#fff; margin-top:20px; }
.about_main{padding-bottom:25px;overflow:hidden;}
.about_main dl{width:170px;text-align:center;float:left;margin-right:25px;cursor:pointer;}
.about_main dl.dl6{margin-right:0;}
.about_main dl dd{background:url(../img/ico_img.png) no-repeat center center;width:98px;height:90px;border-radius:100%;margin:auto;transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-moz-transition: all 0.1s;}
.about_main .dl1 dd{background-position:8px 16px;}
.about_main .dl2 dd{background-position:-92px 14px}
.about_main .dl3 dd{background-position:-195px 21px;}
.about_main .dl4 dd{background-position:-310px 22px;}
.about_main .dl5 dd{background-position:-420px 22px;}
.about_main .dl6 dd{background-position:-515px 20px;}
.about_main dl dt h5{font-size:22px;color:#000;font-weight:normal;height:45px;line-height:45px;margin-bottom:5px}
.about_main dl dt p{font-size:14px;color:#666;}
.about_main .dl1:hover dd{background-position:8px -64px;}
.about_main .dl2:hover dd{background-position:-92px -66px;}
.about_main .dl3:hover dd{background-position:-195px -59px;}
.about_main .dl4:hover dd{background-position:-310px -58px;}
.about_main .dl5:hover dd{background-position:-420px -58px;}
.about_main .dl6:hover dd{background-position:-515px -60px;}
.about_main dl:hover dd{transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;background:url(../img/ico_img.png) no-repeat center center;}
#crumbs { height:30px; line-height:30px; overflow:hidden; font-size:16px; width:1200px; margin:0 auto; padding-top:20px; }

.w-fl{float:left !important;display:inline}.w-fr{float:right !important;display:inline}
.page-products{margin-top:20px}
.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:300px;overflow:hidden}
.page-products li{width:218px;height:300px;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 strong{display:block;font-size:18px;color:#000;line-height:25px;padding-top:23px}
.page-products .main .descrip{display:block;line-height:20px;padding-top:5px;height:60px}
.page-products .main .btm{display:block;line-height:20px;padding-top:110px}
.page-products .hosting .main{background-image:url(img/icon_hosting.png)}
.page-products .lightcloud .main{background-image:url(../img/icon_lightcloud_03.png)}
.page-products .cloudmail .main{background-image:url(../img/icon_cloudmail.png)}
.page-products .website .main{background-image:url(../img/icon_website_09.png)}
.page-products .domain .main{background-image:url(../img/icon_domain.png)}
.page-products .detail .sort{width:205px;height:115px;padding:25px 0 10px 20px;border-bottom:solid 1px #efefef}
.page-products .detail .sort .tag{display:inline-block;height:22px;line-height:22px;border:solid 1px #adadad;padding:0 10px;margin-bottom:10px}
.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:75px;padding-top:15px}
.page-products .three-item .sort .price{display:inline-block;padding-left:10px}
.page-products li.on{background:#fff;width:464px;border-right:solid 2px #A9A9A9;margin:0 -2px}
.page-products li.on .hosting .main{background-image:url(../img/icon_hosting_on3.png)}
.page-products li.on .lightcloud .main{background-image:url(../img/icon_lightcloud_on_03.png)}
.page-products li.on .cloudmail .main{background-image:url(../img/icon_cloudmail_on2.png)}
.page-products li.on .website .main{background-image:url(../img/icon_website_on2.png)}
.page-products li.on .domain .main{background-image:url(../img/icon_domain_on.png)}


/*--帮助中心--*/
.helpbanner { background: #0086cc; padding:50px 0px;}
.helpbanner .search { overflow: hidden; width:1180px; margin:0 auto;}
.helpbanner .search .so { height:50px; line-height: 50px; color:#444; text-indent: 20px; font-size:16px; font-weight: bold; border:solid 1px #ddd; overflow: hidden; width:800px; float:left;}
.helpbanner .search input:focus { border-color: #202020 !important; outline: 0; }
.helpbanner .search .sub { width:148px; float:left; overflow: hidden; border:none; height:54px; line-height: 54px; background: #202020; color:#fff; font-weight: bold; font-size: 16px;}
.newsmain { width:1180px; margin:0 auto; overflow: hidden; padding:30px 0px;}
.newsmain .left { width:200px; float:left; overflow: hidden; border:solid 1px #ddd; background: #fff;}
.newsmain .left .menu { overflow: hidden;}
.newsmain .left .menu h3 { height:40px; line-height: 40px; overflow: hidden; background: #F4F7F8; font-weight: normal; font-size: 16px; text-indent: 12px;}
.newsmain .left .menu ul { padding:5px 0px; }
.newsmain .left .menu ul li { height:30px; line-height: 30px; overflow: hidden; text-indent: 6px;}
.newsmain .left .menu ul li a { color:#0086cc;}
.newsmain .right { width:950px; float:right; overflow: hidden;}
.newsmain .right .postitle { overflow: hidden; height:40px; line-height: 40px; border-bottom:solid 1px #ddd; font-size: 16px;}
.newsmain .right .list { margin:0px; padding:0px;}
.newsmain .right .list ul li { height:32px; line-height: 32px; overflow: hidden; padding-top:5px; border-bottom:dashed 1px #ddd; }
.newsmain .right .list ul li a { color:#0086cc; font-size: 16px; float:left; overflow: hidden;}
.newsmain .right .list ul li span { float:right; overflow: hidden; color:#0086cc; font-size: 12px;}
.newsmain .right .info { overflow: hidden;}
.newsmain .right .info h1 { height:40px; line-height: 40px; overflow: hidden; font-size: 20px; padding-top:30px; font-weight: normal; color:#0086cc; text-align: center;}
.newsmain .right .info span { height:30px; line-height: 30px; color:#555; overflow: hidden; text-align: center; display:block;}
.newsmain .right .info .view { overflow: hidden; margin-top:10px; padding:20px 10px; line-height: 30px; border-top:dashed 1px #ddd; border-bottom:dashed 1px #ddd;}
.newsmain .right .info .view img { max-width:920px;}

.newsmain .right .kefu { overflow: hidden; width:100%; padding-top:30px;}
.newsmain .right .kefu .support-btn { width:300px; overflow: hidden; float:left; border:solid 1px #ddd; background: #fff;}
.newsmain .right .kefu .support-btn-mid { width:300px; margin:0px 22px; overflow: hidden; float:left; border:solid 1px #ddd; background: #fff;}
.newsmain .right .kefu .support-btn-last { width:300px; overflow: hidden; float:left; border:solid 1px #ddd; background: #fff;}
.newsmain .right .kefu a { float:left; overflow: hidden;}
.newsmain .right .kefu i { font-size: 30px; height:80px; line-height: 80px; width:80px; text-align: center;}
.newsmain .right .kefu a.support-a { width:220px; overflow: hidden; padding-top:20px; font-size: 16px;}
.newsmain .right .kefu small { overflow: hidden; font-size: 12px;}
.newsmain .right .redian { overflow: hidden; padding-top:20px;}
.newsmain .right .redian .info { padding-top:20px; overflow: hidden;}
.newsmain .right .redian dl { width:300px; float:left; overflow: hidden;}
.newsmain .right .redian dl.mid { margin:0px 25px;}
.newsmain .right .redian dl dt { height:30px; line-height: 30px; font-size: 14px; overflow: hidden;}
.newsmain .right .redian dl dd { height:24px; line-height: 24px; overflow: hidden;}
.newsmain .right .redian dl dd a { color:#0086cc;}


.cloud dd { overflow:hidden; padding-top:4px; float:left; }
.cloud dd.v { padding-left:20px; }
.cloud dd .rating{ margin-left:8px; cursor:pointer; background:url(../rating.jpg) left top no-repeat;border:0; height:25px; width:500px; position:relative; }
.cloud dd .rating .ui-widget-header{ background:url(../ratbg.jpg) top repeat-x; border-radius:5px 0 0 5px; height:9px; top:8px; left:6px; position:absolute;}
.cloud dd .rating a{ background:url(../ratbtn.png) center center no-repeat; width:20px; height:20px; border:0; cursor:pointer; top:3px; z-index:2000; position:absolute; }
.cloud .ratText { border:solid 1px #ddd;font-size:14px; font-weight:bold; padding: 4px 0px; text-align:center; margin-right:10px; }


.warning { background:#de6262;text-align:center;color:#fff;padding:45px 0;font-size:18px}
.warning p { font-size:12px; }
.warning .fa{font-size:48px;margin-bottom:20px;color:#fde278}
.warning h3{color:#fff;font-weight:normal}

.indexpro { overflow:hidden; border-bottom:solid 1px #ddd; padding-bottom:50px; padding-top:30px; }
.indexpro .title { text-align:center; overflow:hidden; }
.indexpro .title h2 { height:50px; line-height:50px; overflow:hidden; font-weight:normal; padding-top:20px; }
.indexpro .title p { line-height:26px; overflow:hidden; color:#666; font-size:12px; }

.list { overflow:hidden; padding-top:30px; }
.list .pro { float:left; width:208px; overflow:hidden; background:#fff; margin:0px 10px; }
.list .pro .bt { height:50px; line-height:50px; text-align:center; font-size:15px; background:#0086cc; color:#fff; }
.list .pro .price { background:#333; overflow:hidden; text-align:center; padding:10px 0px; color:#fff; line-height:30px; font-size:12px; }
.list .pro .price strong { font-size:26px; overflow:hidden; }
.list .pro .peizhi { overflow:hidden; padding:10px 0px 0px 0px; }
.list .pro .peizhi ul li { height:36px; line-height:36px; overflow:hidden; text-align:center; border-bottom:solid 1px #f5f5f5; font-size:12px; color:#777; }
.list .pro .buy { overflow:hidden; background:#ddd;  padding:20px 40px; }
.list .pro .buy a { float:left; width:136px; text-align:center; background:#0086cc; height:40px; line-height:40px; color:#fff; }



/*-- php hosting --*/
.phpcloud {
	background-image: -webkit-linear-gradient(287deg,#270530 10%,#196d82 100%);
	background-image: -moz-linear-gradient(287deg,#270530 10%,#196d82  100%);
	background-image: -o-linear-gradient(287deg,#270530 10%,#196d82  100%);
	background-image: -ms-linear-gradient(287deg,#270530 10%,#196d82  100%);
	background-image: linear-gradient(163deg,#270530 10%,#196d82  100%);
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
}
.phpcloud .w800 { width:800px; margin:0 auto; overflow: hidden; text-align: center; padding-top:40px;}
.phpcloud h2 {
	color: #FFF;
	padding:20px 0px;
	font-size: 30px;
	font-weight: normal;
}
.phpcloud .lead {
	color: rgba(255,255,255,0.67);
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 10px;
}
.phpcloud .w1200 {
	border-top: 1px solid rgba(255,255,255,0.05);
	padding: 30px 0px 80px 0px;
	margin: 10px auto 0px auto;
	width:1140px;
}
.phpcloud .f4 { float:left; overflow: hidden; width:265px; padding-left:20px;}
.phpcloud .main .fa {
	color: rgba(255,255,255,.8);
	float: left;
	font-size: 1.8em;
	padding: 5px 8px;
	margin-right: 10px;
	border: 1px solid rgba(255,255,255,.8);
	border-radius: 5px;
}
.phpcloud .main h5 {
	line-height: 1.2em;
	margin-bottom: 3px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.phpcloud .main p {
	line-height: 1.4em;
	color: rgba(255,255,255,0.43);
}
.phpcloud-features { background: #fff; overflow: hidden;}
.phpcloud-features .container { width:1100px; margin:0 auto; overflow: hidden; padding:80px 0px;}
.phpcloud-features .container .f6 { float:left; overflow: hidden; width:550px;}
.phpcloud-features .container .f6 .main { width:450px; overflow: hidden;}
.phpcloud-features .container .f6 .main h3 { height:36px; line-height: 36px; overflow: hidden; font-size: 22px; font-weight: normal;}
.phpcloud-features .container .f6 .main p { line-height: 30px; font-size: 16px; overflow: hidden; padding-top:10px;}
.phpcloud-features2 { border-top: 1px solid #e9edf1; border-bottom: 1px solid #e9edf1; background: #f5f7f9; overflow: hidden; }
.phpcloud-features2 .container { width:1100px; margin:0 auto; overflow: hidden; padding:80px 0px;}
.phpcloud-features2 .container .f6 { float:left; overflow: hidden; width:550px;}
.phpcloud-features2 .container .f6 .main { width:530px; overflow: hidden;}
.phpcloud-features2 .container .f6 .main h3 { height:36px; line-height: 36px; overflow: hidden; font-size: 22px; font-weight: normal;}
.phpcloud-features2 .container .f6 .main p { line-height: 30px; font-size: 16px; overflow: hidden; padding-top:10px;}


.content .search { overflow: hidden; padding:30px 50px; background: #f5f5f5;}
.content .search input { height:40px; line-height: 40px; text-indent: 20px; overflow: hidden; border:solid 2px #ddd; background: #fff; width:500px; float:left;}
.content .search button { width:120px; height:46px; line-height: 44px; text-align: center; background: #0086cc; border:none; color:#fff; font-size: 16px; float:left;}

.valuebanner { overflow: hidden; height:233px; background: url(/usr/themes/k/img/headerbg2.jpg) center top no-repeat; padding-top:66px;}
.valuebanner h3 { height:50px; line-height: 40px; overflow: hidden; font-size: 26px; font-weight: normal; color:#fff;}
.valuebanner p { line-height: 26px; color:#ccc; font-size: 14px; width:860px;}
.valuemain { overflow: hidden; width:1140px; margin:0px auto; padding:30px 0px;}
.valuemain .title { height:50px; line-height: 50px; overflow: hidden; background: #fff; font-size: 16px; text-indent: 24px; border-bottom:solid 1px #ddd;}
.valuemain .info { overflow: hidden; background: #fff; width:1143px;}
.valuemain .info dl { width:360px; padding:20px 10px; border-right:solid 1px #f0f0f0; overflow: hidden; float:left; border-bottom:solid 1px #f0f0f0; }
.valuemain .info dl i { height:80px; line-height: 80px; width:80px; padding-right:20px; text-align: center; font-size: 50px; float:left; overflow: hidden;}
.valuemain .info dl dt { height:30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: bold;}
.valuemain .info dl dd { line-height: 24px;}

.fullservice { background: #F4F6F8; overflow: hidden; padding:80px 0px;}
.fullservice .title { overflow: hidden;}
.fullservice h2 {color: #666;font-size: 28px; font-weight: normal; overflow: hidden; float:left;}
.fullservice .info { padding-top:40px; overflow: hidden; margin-left:-15px; margin-right:-15px;}
.fullservice .info dl { width:328px; float:left; overflow: hidden; padding:15px; border:solid 1px #ddd; margin:0px 15px; border-radius: 3px; }
.fullservice .info dl:hover { background: #fff;}
.fullservice .info dl i { float:right; overflow: hidden; margin:30px 15px 15px 15px; font-size: 4em;}
.fullservice .info dl dt { font-size: 18px; height:36px; line-height: 36px; overflow: hidden; color:#333;}
.fullservice .info dl dd { line-height: 26px; overflow: hidden; font-size: 14px;}



.indexcloud { background: #fff; overflow: hidden;}
.indexcloud .wrap { overflow: hidden; width:1140px; margin:0px auto; padding:50px 0px; position: relative;} 
.indexcloud .title { height:56px; line-height: 56px; overflow: hidden; font-size: 20px;}
.indexcloud p { overflow: hidden; padding-bottom:20px; line-height: 26px; height:26px; font-size: 14px;}
.indexcloud .wrap .more {position: absolute;
right: 0px;
top: 80px;
width: 80px;
text-align: center;
background: rgb(0, 126, 223) none repeat scroll 0% 0%;
height: 36px;
line-height: 36px;
border-radius: 3px;
color: rgb(255, 255, 255);}


.indexyx { overflow: hidden;}
.indexyx .wrap { overflow: hidden; width:1140px; margin:0px auto; padding:50px 0px;} 
.indexyx .title { height:56px; line-height: 56px; overflow: hidden; font-size: 20px;}
.indexyx p.js { overflow: hidden; padding-bottom:20px; line-height: 26px; height:26px; font-size: 14px;}

.indexyx .info{overflow:hidden;margin-right:-24px;font-size:0}
.section_5-list{display:inline-block;vertical-align:top;height:244px;width:356px;padding:4px;margin-right:24px;background-color:#fff}
.section_5-list-info{position:relative;padding:16px 100px;border-bottom:1px solid #e6e6e6}
.section_5-list-img{position:absolute;top:16px;left:16px;height:64px;width:64px;border:1px solid #e6e6e6}
.section_5-list-name{font-size:16px;line-height:18px;color:#303030;margin:12px 0}
.section_5-list-company{font-size:12px;line-height:20px;color:#4a4a4a;margin-bottom:8px}
.section_5-list-txt{font-size:13px;line-height:24px;color:#5a5a5a;padding:16px}



.jzmain { overflow: hidden; padding:50px 0px;}
.jzmain .a1 { width:260px; float:left; overflow: hidden; margin-right:30px; background: #fff; text-align: center; padding-top:40px;}
.jzmain .a1 .pic { overflow: hidden; padding-bottom:30px;}
.jzmain .a1 h4 { height:30px; line-height: 30px; font-size: 16px; overflow: hidden;}
.jzmain .a1 span { overflow: hidden;}
.jzmain .a1 p { overflow: hidden; background: #0086cc; padding:20px; color:#fff; margin-top:30px; line-height: 24px; font-size: 14px; height:72px;}

.jztel { overflow: hidden; background: #333; padding:40px 0px; color:#fff;}

.table-jz { border-collapse: 0px; width:100%; border-spacing: 0px; border:solid 3px #ddd; border-radius: 5px;}
.table-jz td { border-bottom:solid 1px #ddd; font-size: 14px; padding:5px; border-collapse: 0px; background: #fff; height:40px; line-height: 40px; text-align: left; text-indent: 12px;}
.table-jz th { height:50px; line-height: 50px; font-size: 16px; font-weight: 400; color:#333; text-align: left; text-indent: 12px; background: #ddd;}
.table-jz td a { background: #0086cc; color:#fff; padding:5px 10px; border-radius: 3px;}

.jztel .wrap .head-title h2 {
    color: #fff;
    font-size: 28px;
    overflow: hidden;
    font-weight: 200;
    height:50px;
    line-height: 50px;
}
.jztel .wrap .lead {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 20px !important;
}



.main-row { overflow:hidden; padding:50px 0px;}
.main-row.bs { background:#fff; padding:30px 0px 50px 0px;}
.main-row .container { width:1140px; margin:0 auto; overflow: hidden;}
.main-row .container .col-md-4 { float:left; width:30%; padding:0px 1.5%; text-align: center; overflow: hidden;}
.main-row .container .col-md-4 .title {font-size: 32px;color: #0082E5;padding-bottom: 10px;}
.main-row .container .col-md-4 .text { line-height: 24px; overflow: hidden; font-size: 14px;}
.wendinggaosu .img {
    background: transparent url("../img/index_set.png") no-repeat scroll 0px 0px;
    width: 124px;
    height: 120px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.gaoxingjiabi .img {
    background: transparent url("../img/index_set.png") no-repeat scroll 0px -124px;
    width: 124px;
    height: 120px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.jishufuwu .img {
    background: transparent url("../img/index_set.png") no-repeat scroll 0px -253px;
    width: 140px;
    height: 130px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
}

.main-row .details-link {
  margin-top: 10px;
}
.main-row .details-link a {
  padding: 8px 18px;
}
.main-row .details-link a i {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 6px solid #0082e5;
  border-bottom: 5px solid transparent;
}
.application {
  /*background-color:#fafafa;*/
  font-size: 14px;
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  padding: 20px 40px;
  text-align: center;
}
.application .application-content {
  display: inline-block;
  font-size: 18px;
  color: #0082e5;
}
.application .application-content .apply-btn {
  font-size: 16px;
  display: inline-block;
  margin-left: 25px;
  color: #fff;
  background-color: #70bae7;
  border-radius: 30px;
  padding: 10px 20px;
}
@media (max-width: 442px) {
  .application .application-content .apply-btn {
    margin-top: 10px;
  }
}

.post-near,.post-near li { overflow: hidden;margin:0px!important;padding:0px; list-style: none;}

.recommended{width: 100%;background: #fafafa;overflow: hidden;}
.recommendednew{width: 100%;background: #fafafa;overflow: hidden;}
.recommended .title span{width:1140px!important;margin:0 auto;background:#f6f6f6;}
.sale{width:1140px;margin:0px auto;overflow:hidden;padding: 15px 0;}
.sale li{float: left;width: 346px;height: 240px;background: #fff;position: relative;margin-bottom: 50px;bottom: 0px;}
.sale_border{width: 346px;height: 240px;position: relative;overflow: hidden;}
.sale li .top{position: absolute;top:37px;left: 25px;width: 310px;height: 110px;z-index: 5;}
	.sale li h1{width: 190px;height: 45px;color: #484747;font-size: 26px; }
	.sale li h5{width: 190px;height: 65px;color: #a9a9a9;font-size: 12px;line-height: 30px; font-weight: 200; }
	.sale li .top .f_pic{position: absolute;right: 0px;top: 0px;width: 110px;height: 110px;opacity: 0;}
	.sale li .top .c_pic{position: absolute;right: 0px;top: 0px;width: 110px;height: 110px;z-index: 9;opacity: 1;}
.sale li .btn{position: absolute;bottom: 0px;width: 100%;height: 60px;line-height:60px;padding:0px;text-align: center;color: #fff;font-size:26px;z-index: 5;}
.sale li .btn span{font-size:14px;}
.sale li .buy{position: absolute;bottom: -40px;width: 50%;left:25%;background:#fff;height: 40px;line-height:40px;text-align: center;z-index: 5;text-decoration: none;font-size: 20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
.sale li .bj{position: absolute;width: 100%;height: 60px;bottom: 0px;}
.s_domain .bj{background: #ff6e4c;}
.s_tzy .bj{background: #5eb5ee;}
.s_vhost .bj{background: #ffaa4c;}
.s_zuyong .bj{background: #87d25b;}
.s_tuoguan .bj{background: #9c9cf0;}
.s_wechat .bj{background: #46d689;}
.s_domain a{color:#ff6e4c; }
.s_tzy a{color: #5eb5ee; }
.s_vhost a{color:#ffaa4c; }
.s_zuyong a{color:#87d25b; }
.s_tuoguan a{color:#9c9cf0; }
.s_wechat a{color: #46d689;}

.sale li:hover{
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
	   -moz-box-shadow:0 15px 30px rgba(0,0,0,0.2);
		-ms-box-shadow:0 15px 30px rgba(0,0,0,0.2);
		 -o-box-shadow:0 15px 30px rgba(0,0,0,0.2);
		    box-shadow:0 15px 30px rgba(0,0,0,0.2);
			bottom: 8px;
		}
.sale li:hover .top{top:22px;color: #fff;}
	.sale li:hover h1{color: #fff;}
	.sale li:hover h5{color: #fff;}
	.sale li:hover .top .f_pic{z-index: 12;opacity: 1;}
	.sale li:hover .top .c_pic{z-index: 9;opacity: 0;}
.sale li:hover .btn{color: #fff;bottom:55px;font-size: 20px;}
.sale li:hover .buy{bottom:20px;}
.sale li:hover .bj{height: 240px;bottom: 0px;}

.tf-m{
	-webkit-transition:all 0.4s ease-in-out;
	   -moz-transition:all 0.4s ease-in-out;
	    -ms-transition:all 0.4s ease-in-out;
	     -o-transition:all 0.4s ease-in-out;
	        transition:all 0.4s ease-in-out;
}
.tf-l{
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
	    -ms-transition:all 0.3s ease-in-out;
	     -o-transition:all 0.3s ease-in-out;
	        transition:all 0.3s ease-in-out;
}
.tf-yc{
	-webkit-transition:all 0.3s 0.1s ease-in-out;
	   -moz-transition:all 0.3s 0.1s ease-in-out;
	    -ms-transition:all 0.3s 0.1s ease-in-out;
	     -o-transition:all 0.3s 0.1s ease-in-out;
	        transition:all 0.3s 0.1s ease-in-out;
}
.sale .tag,.products_list .tag{width: 120px;height: 25px; position: absolute;text-align: center;line-height:25px;color: #fff;font-size: 12px;z-index: 19;right: -35px;top: 10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);}
.tag.hot{background: #ea3925;}
.tag.new{background: #87d25b;}
.mg50 {margin-left: 50px;margin-right: 50px;}
.mt40 { padding-top:50px; }

.cloudlist { overflow: hidden; width:1138px; border:solid 1px #ddd; border-radius: 3px;}
.cloudlist dl { border-left:solid 1px #ddd; float:left; width:227px; overflow: hidden;}
.cloudlist dl.d1 { width:226px; border-left:none;}
.cloudlist dl dt { height:50px; line-height: 50px; overflow: hidden; background: #fff; color:#469bea; font-size: 18px; font-weight: 200; text-indent: 24px;}
.cloudlist dl dd { height:30px; line-height: 30px; padding:0px 24px; overflow: hidden;}
.cloudlist dl dd.buy { overflow: hidden; height:40px; padding-bottom:20px; padding-top:10px;}
.cloudlist dl dd a { border-radius: 3px; background:#3190e7; color:#fff; height:36px; line-height: 36px; text-align: center; display: block; border:solid 1px #3190e7; font-size: 14px; }
.cloudlist dl dd a:hover { background:#eef7ff; color:#469bea; border:solid 1px #c7e5fe;}

.register { overflow: hidden; width:1140px; margin:30px auto 30px auto; border:solid 1px #eee; background: #fff; border-radius: 5px; }
.register .title { height:40px; line-height: 40px; overflow: hidden; font-size: 16px; border-bottom:solid 1px #eee; margin-bottom:30px; }
.register .left { float:left; padding:30px; width:800px; overflow: hidden; border-right:solid 1px #eee; }
.register .left dl { padding:10px 0px; overflow: hidden; }
.register .left dl dt { float:left; width:120px; font-size: 14px; overflow: hidden; height:30px; line-height: 30px; }
.register .left dl dd { float:left; overflow: hidden; line-height: 30px; padding-right:10px; }
.register .left dl dd input[type="text"],.register .left dl dd input[type="password"],.register .left dl dd select { height:30px; line-height: 30px; overflow: hidden; border:solid 1px #eee;border-radius: 3px; padding:0px 10px; }
.register .left .button { overflow: hidden; }
.register .left .button input { height:36px; line-height: 36px; padding:0px 30px; overflow: hidden; border:none; background: #373D41; color:#fff; cursor: pointer; }
.register .right { overflow: hidden; padding-top:100px; padding-left:30px; }
.register .right .h3 { height:36px; line-height: 36px; overflow: hidden; font-size: 20px; }
.register .right .dl { overflow: hidden; padding:20px 0px; }
.register .right .dl a { color:#fff; background: #373D41; overflow: hidden; display: block; width:120px; text-align: center; height:36px; line-height: 36px; }

.cxdomain { overflow: hidden; width:1140px; margin:0 auto; padding:30px 0px; }
.cxdomain .left { width:800px; float:left; background: #fff; overflow: hidden; padding:20px; }
.cxdomain .left h3 { height:36px; line-height: 36px; font-size: 16px; overflow: hidden; border-bottom:solid 1px #eee; }
.cxdomain .left ul { overflow: hidden; padding:20px 0px; }
.cxdomain .left ul li { padding:10px 0px; overflow: hidden; border-bottom:dashed 1px #eee; }
.cxdomain .left input[type="submit"] { width:100px; height:36px; line-height: 36px; overflow: hidden; cursor: pointer; border:none; background: #007def; color:#fff; }
.cxdomain .right { width:280px; float:right; overflow: hidden; }
.cxdomain .right h3 { height:30px; line-height: 30px; overflow: hidden; font-size: 16px; }
.cxdomain .right ul li { line-height: 26px; overflow: hidden; }




/* [Index] Right Content Area
============================= */
.vh-content{ width:880px; background-color:#fff; }
/* 筛选面板 */
.vhc-filterpanel{ position:relative; width:878px; border:1px solid #dcdcdc; background-color:#fff; }
.vhc-filterpanel dl, .vhc-filterpanel dt, .vhc-filterpanel dd{ margin:0; padding:0; }
.vhc-filterpanel .inner{ padding:20px; text-align:left; }
.vhc-filterpanel .options-list dl{ margin-top:10px; padding-top:10px; width:838px; border-top:1px solid #eaeaea; overflow:hidden; }
.vhc-filterpanel .options-list dl:after{ display:block; visibility:hidden; clear:both; content:"\0020"; height:0; }
.vhc-filterpanel .options-list dl:first-child{ margin-top:0; padding-top:0; border-top:0 none; }
.vhc-filterpanel .options-list dt, .vhc-filterpanel .options-list dd{ display:block; float:left; line-height:24px; color:#333; font-size:14px; vertical-align:top; }
.vhc-filterpanel .options-list dt{ width:90px; font-weight:700; text-align:right; }
.vhc-filterpanel .options-list dd{ position:relative; padding:0 10px; width:728px; text-align:left; }
.vhc-filterpanel .optitems{ overflow:hidden; margin:0 -5px -10px; }
.vhc-filterpanel .optitems:after{ display:block; visibility:hidden; clear:both; content:"\0020"; height:0; }
.vhc-filterpanel .optitems li{ display:inline; float:left; margin:0 0 10px; }
.vhc-filterpanel .optitems li a{ display:inline-block; *display:inline; *zoom:1; margin:0 5px; padding:0 5px; line-height:22px; border:1px solid transparent; color:#666; font-size:12px; text-align:center; text-decoration:none; }
.vhc-filterpanel .optitems li a:hover{ color:#0492e8; text-decoration:none; }
.vhc-filterpanel .optitems li .selected{ border-color:#0492e8; background:#fff; color:#0070cc; }
.vhc-filterpanel .options-result dl{ margin-top:10px; padding-top:10px; width:838px; border-top:1px solid #eaeaea; overflow:hidden; }
.vhc-filterpanel .options-result dl:after{ display:block; visibility:hidden; clear:both; content:"\0020"; height:0; }
.vhc-filterpanel .options-result dt, .vhc-filterpanel .options-result dd{ display:block; float:left; line-height:30px; color:#333; font-size:14px; vertical-align:top; }
.vhc-filterpanel .options-result dt{ width:90px; font-weight:700; text-align:right; }
.vhc-filterpanel .options-result dd{ position:relative; padding:0 10px; width:728px; text-align:left; }
.vhc-filterpanel .options-result .r-item{ display:inline-block; *display:inline; *zoom:1; position:relative; margin-left:10px; padding:0 30px 0 10px; height:24px; line-height:24px; background-color:#4bb622; color:#e9fae2; font-size:12px; text-align:center; text-decoration:none; vertical-align:middle; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.vhc-filterpanel .options-result .r-item:first-child{ margin-left:0; }
.vhc-filterpanel .options-result .r-item i.fa{ position:absolute; top:4px; right:10px; font-size:14px !important; font-weight:normal !important; }
.vhc-filterpanel .options-result .nohave{ display:inline-block; *display:inline; *zoom:1; line-height:inherit; color:#999; font-size:12px; }

/** Bottom Start **/
.bottom{ width:100%; overflow:hidden;}
.bottom .rprRow{ border-top:1px solid #f0f0f0; padding:20px 0 15px 0; width:100%; background:#fff}
.bottom .rprRow .cpr{ width:1200px; margin:0 auto; overflow:hidden; zoom:1}
.bottom .rprRow .lpr{ line-height:26px; color:#666; font-size:12px; float:left; text-align:left; width:610px}
.bottom .rprRow .lpr a{ color:#666; }

.bottom .rprRow .rcp{ float:right; overflow:hidden; zoom:1; width:440px}
.bottom .rprRow .rcp a{ display:block; width:50px; height:50px; overflow:hidden; float:right; margin:0 0 0 24px; cursor:pointer; transition:all linear .2s; position:relative; left:0; top:0}
.bottom .rprRow .rcp a img{ display:block; width:50px; height:50px; position:absolute; left:0; top:0; visibility:visible; margin:0 auto; transition:all linear .2s; opacity:1; filter:alpha(opacity = 100)}
.bottom .rprRow .rcp a .dis{ visibility:hidden; opacity:0; filter:alpha(opacity = 0)}
.bottom .rprRow .rcp a:hover img{ visibility:hidden; opacity:0; filter:alpha(opacity = 0)}
.bottom .rprRow .rcp a:hover img.dis{ visibility:visible; opacity:1; filter:alpha(opacity = 100)}


/*底部上方横幅*/
.footerline{width: 100%;height: 110px;background: #373D41;overflow: hidden;}
.footercontent{width: 1180px;margin: 0 auto;}
.footercontentl{float: left;line-height: 120px;font-size: 25px; color:#fff}
.footercontentr{float: right;height: 110px;width: 220px;overflow: hidden;line-height: 110px;font-size: 16px;padding-top: 40px;padding-bottom: 30px;}
.footercontentr a{background:#373D41;width:220px;height:50px;color:#FFF;font-size:16px;line-height:32px;border:2px solid #349df9;padding:10px 42px;border-radius:3px;}
.footercontentr a:hover{background:#3ba3ff;color:#fff;border:2px solid #3ba3ff;}

.footercontentr2{float: right;height: 110px;width: 220px;overflow: hidden;line-height: 110px;font-size: 16px;padding-top: 0px;padding-bottom: 30px;}
.footercontentr2 a{background:#373D41;width:220px;height:50px;color:#FFF;font-size:16px;line-height:32px;border:2px solid #349df9;padding:10px 42px;border-radius:3px;}
.footercontentr2 a:hover{background:#3ba3ff;color:#fff;border:2px solid #3ba3ff;}


/*在线客服*/
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 200px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 0px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { float: left; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px 5px 0px 5px;text-align:center; margin:0px;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;overflow: hidden;text-align:center; list-style-type:none; margin:10px; border-radius:4px; background:#2bc669 url(img/kf_02.png) no-repeat 20px 10px; font-size:14px; padding-left:30px;}
.rides-cs .cn .div_clear{ line-height: 22px; height:48px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;margin-top:10px;}
.rides-cs .cn ul li a{color: #fff; width:100px; height:38px; display:block; cursor:pointer;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../img/zaixiankefu.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}