﻿

/*.content {
	background:#f1f4f4
}
*/
.container {
	background:#f1f4f4
}
.container .content {
	background:#fff
}
body #SiteMapPath {
	height:24px;
	background:0 0;
	padding:10px 0;
	margin:0 auto;
	min-width:990px;
	max-width:1190px;
	_overflow:hidden;
	width:auto;
	zoom:1
}
.hd #SiteMapPath {
	_width:1190px
}
.desktop #SiteMapPath {
	_width:990px
}
#SiteMapPath ul {
	}
#SiteMapPath ul li {
	float:left;
	background:url(/images/site_map_path_arrow.gif) no-repeat 0 7px;
	padding-left:15px;
	padding-right:10px;
	padding-top:3px
}
#SiteMapPath ul li a:hover {
	color:#F60;
	text-decoration:underline
}
#SiteMapPath ul li:first-child {
	background:0 0;
	padding-left:0
}
.wjf-ui-tab {
	font-size:16px
}
.wjf-ui-tab li {
	float:left;
	text-align:center
}
.wjf-ui-tab li a {
	display:block;
	padding:13px 0;
	width:197px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	color:#333
}
.wjf-ui-tab li a.active {
	padding-bottom:12px;
	margin-top:-1px;
	border-top:3px solid #2086ee;
	border-bottom:0
}

.wjf-ui-tab-style2 {
	background:#f2faff;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-top:1px solid #eee;
	border-bottom:2px solid #358de2
}
.wjf-ui-tab-style2 li {
	float:left;
	text-align:center
}
.wjf-ui-tab-style2 li a {
	display:block;
	padding:16px 0;
	width:200px;
	line-height:1;
	font-size:20px;
	color:#666
}
.wjf-ui-tab-style2 li a.active {
	background:#358de2;
	color:#fff
}
.wjf-ui-tab-style3 {
	margin:0 auto;
	padding:10px 0;
	text-align:center
}
.wjf-ui-tab-style3 li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none
}
.wjf-ui-tab-style3 .item {
	padding:0 30px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#333
}
.wjf-ui-tab-style3 .item:hover {
	color:#333
}
.wjf-ui-tab-style3 .active {
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-color:#358de2;
	color:#fff;
	position:relative
}
.wjf-ui-tab-style3 .active:hover {
	color:#fff
}
.wjf-ui-tab-style3 .active .item-arrow {
	position:absolute;
	width:12px;
	height:8px;
	left:50%;
	top:40px;
	margin-left:-6px;
	background:url(/images/server-icon.jpg) no-repeat bottom center;
	background-position:0 -190px;
	_overflow:hidden
}
.wjf-ui-tab-btn {
	padding:36px 0 0 32px
}
.wjf-ui-tab-btn li {
	float:left;
	padding-right:12px
}
.wjf-ui-tab-btn .item {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 26px;
	*padding:0 24px;
	height:38px;
	line-height:38px;
	border:1px solid #4a9ced;
	font-size:14px
}
.wjf-ui-tab-btn .active {
	background:#4a9ced;
	color:#fff
}
.wjf-ui-tab-btn-radius {
	margin:0 auto;
	padding:26px 0 0;
	text-align:center;
	font-size:0
}
.wjf-ui-tab-btn-radius li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none
}
.wjf-ui-tab-btn-radius .item {
	display:block;
	width:186px;
	height:40px;
	line-height:40px;
	border:1px solid #d5d5d5;
	font-size:16px
}
.wjf-ui-tab-btn-radius .first {
	border-radius:20px 0 0 20px
}
.wjf-ui-tab-btn-radius .last {
	margin-left:-1px;
	border-radius:0 20px 20px 0
}
.wjf-ui-tab-btn-radius .active {
	background:#f4f6fb;
	color:#666
}
.wjf-ui-tab-link {
	margin:0 auto;
	padding:38px 0 0;
	text-align:center
}
.wjf-ui-tab-link li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none
}
.wjf-ui-tab-link li .item {
	padding:0 16px 4px;
	font-size:14px;
	color:#555
}
.wjf-ui-tab-link li .active {
	border-bottom:2px solid #ff7200;
	color:#167ad8
}
.wjf-ui-tab-small {
	font-size:12px;
	border-bottom:1px solid #e8e8e8
}
.wjf-ui-tab-small li {
	float:left;
	margin-right:10px
}
.wjf-ui-tab-small li a {
	display:block;
	padding:0 5px;
	border-bottom:1px solid #e8e8e8;
	color:#696969;
	margin-bottom:-2px;
	height:30px;
	line-height:30px
}
.wjf-ui-tab-small li a.active {
	color:#000;
	border-bottom:2px solid #1d4a94
}
.wjf-page-anchor-nav-container {
	width:100%;
	margin-top:-30px
}
.wjf-page-anchor-nav-container-fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	zoom:1;
	z-index:1000;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop));
	margin-top:0;
	background-color:#fff
}
.wjf-page-anchor-nav {
	width:1190px;
	margin:0 auto;
	background:#f2faff;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
	border-bottom:2px solid #358de2;
	_position:relative;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease
}
.wjf-page-anchor-nav li {
	float:left;
	text-align:center
}
.wjf-page-anchor-nav li a {
	display:block;
	padding:18px 30px 16px;
	line-height:1;
	font-size:16px;
	color:#333
}
.wjf-page-anchor-nav .active {
	margin:0 0 -2px;
	background:#fff;
	border:2px solid #358de2;
	border-bottom:2px solid #fff;
	*z-index:10;
	*position:relative
}
@media screen and (max-width:1206px) {
	.wjf-page-anchor-nav {
	width:990px
}
}.desktop .wjf-page-anchor-nav {
	width:990px
}
.sales-label {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:absolute;
	top:20px;
	right:10px;
	font-size:12px;
	line-height:20px
}
.sales-domain {
	padding:0 4px;
	background-color:#e8f8fe;
	border-radius:16px;
	border:1px solid #c7dff9;
	z-index:1;
	color:#2086EE
}
.sales-money {
	padding:0 2px;
	border-radius:2px 2px 2px 0;
	background:#2fd72b;
	color:#fff;
	text-align:center
}
.sales-money i {
	position:absolute;
	bottom:-10px;
	left:0;
	width:10px;
	height:10px;
	background:url(/images/basic-icon.jpg) no-repeat 0 -400px
}
.sales-label .sales-label-tip {
	position:absolute;
	top:30px;
	left:10px;
	padding:4px 10px;
	width:194px;
	line-height:18px;
	background:#f1fbff;
	border-radius:1px;
	border:1px solid #c2e2ff;
	font-size:12px;
	text-align:left;
	z-index:19;
	color:#5b88ba;
	display:none
}
.sales-label .sales-label-tip i {
	position:absolute;
	top:-10px;
	left:10px;
	width:10px;
	height:10px;
	background:url(/images/icon.jpg) no-repeat -104px -1616px
}
.sales-label:hover .sales-label-tip {
	display:block
}
.sales-domain:hover {
	color:#2086EE
}
.sales-money:hover {
	color:#fff
}
.icon-question {
	/* display:inline-block;*/
	*display:inline;
	*zoom:1;
	/* background:url(/images/icon.png) no-repeat 0 -785px;*/
	/* padding-left:20px;*/
	/* height:20px;*/
	/* vertical-align:middle;*/
}
.manager-tip {
	display:none;
	position:absolute;
	left:-20px;
	width:750px;
	background-color:#f1fbff;
	border:1px solid #c2e2ff;
	font-size:12px;
	color:#5b88ba;
	padding:5px 10px;
	text-align:left;
	line-height:20px;
	margin-top:10px;
	z-index:100
}
.manager-tip i {
	position:absolute;
	background:url(/images/icon.jpg) no-repeat -104px -1617px;
	width:12px;
	height:9px;
	left:30px;
	top:-9px
}
.manager-tip-center {
	left:0;
	margin-left:-100px
}
.manager-tip-center i {
	left:50%;
	margin-left:-6px
}
.manager-tip-right {
	left:auto;
	margin-left:0;
	right:0
}
.manager-tip-right i {
	left:auto;
	margin-left:0;
	right:10px
}
.manager-tip-reverse i {
	background:url(/images/icon.jpg) no-repeat -104px -1554px;
	top:100%
}
a:hover .manager-tip {
	display:block
}
.mt-container:hover .manager-tip {
	display:block
}




.ad_product_wrap{ width:100%; margin:0 auto; height:220px; background-color:#FFF;}
.ad_product_wrap h2{ text-align:center; font-size:30px; color:#333; margin-top:150px; font-weight:normal}
.ad_product_wrap h3{ text-align:center; font-size:18px; color:#666; font-weight:normal; margin-top:20px;}





.bd_product_wrap{ width:100%; margin:0 auto; height:150px; background-color:#FFF;}
.bd_product_wrap h2{ text-align:center; font-size:30px; color:#333; margin-top:-15px; font-weight:normal}
.bd_product_wrap h3{ text-align:center; font-size:18px; color:#666; font-weight:normal; margin-top:20px;}
.bd_product_wrap ul{ margin-top:30px; height:400px;}
.bd_product_wrap li{ width:263px; height:130px; background:#fff; margin:0 20px 20px 0; float:left; padding:20px 10px; border:1px solid #fff;}
.bd_product_wrap li:hover{ border:1px solid #03a1e5;-webkit-box-shadow:0 0 40px 2px rgba(0,0,0,.2);box-shadow:0 0 40px 2px rgba(0,0,0,.2);}
.bd_product_wrap li .index_li_l{ width:90px;border-right:1px solid #d4d4d4;text-align:center;padding-top:5px; float:left;height:130px; position:relative;}
.bd_product_wrap li .index_li_l p{ position: absolute; bottom:15px;font-size:18px; width:90px; text-align:center  }
.bd_product_wrap li:nth-of-type(4n){margin:0 0 20px 0;}
.bd_product_wrap li .index_li_r{ float:left; padding-left:10px; width:160px; padding-top:5px;}
.bd_product_wrap li .index_li_r p{ font-size:14px; color:#666; margin-bottom:18px; text-align:center}
.bd_product_wrap li .index_li_r a{ display:block; text-align:center; width:120px; height:25px; line-height:25px; border:1px solid #d4d4d4; margin:0 auto; border-radius:5px; color:#666;}




.index_ad_gg{ background:url(../images/index-ad.png) no-repeat; height:160px;}
.index_ad_gg p{ text-align:center; line-height:160px; font-size:24px; color:#fff;}
.index_ad_gg p a{ color:#fff; height:40px; width:170px; border:1px solid #fff; text-align:center; line-height:40px; display: inline-block; margin-left:50px; }
.index_ad_gg p a:hover{ background:#03b3ff}


.index_pre_js{ background:#fff;height:500px;}
.index_pre_js_wrap{ width:1200px; margin:0 auto; padding-bottom:60px;}
.index_pre_js_wrap h2{ text-align:center; font-size:30px; color:#333; padding-top:80px; font-weight:normal}
.index_pre_js_wrap h3{ text-align:center; font-size:18px; color:#666; font-weight:normal; margin-top:10px;}
.index_pre_js_wrap ul{ margin-top:30px;}
.index_pre_js_wrap li{ float:left; width:400px; height:221px; text-align:center;padding:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.index_pre_js_wrap li i{ font-size:50px; margin-bottom:5px; display:block}
.index_pre_js_wrap li:hover{ background:url(../images/cy_bg.png) no-repeat; background-size:contain; }
.index_pre_js_wrap li:hover i{ color:#03b3ff;}
.index_pre_js_wrap li p:nth-of-type(1){ font-size:14px;color:#666; margin-bottom:10px;}
.index_pre_js_wrap li p:nth-of-type(2){ font-size:12px; color:#999}



.newindex_server{ background:#f1f1f1; padding-bottom:60px;height:400px;}
.newindex_server_wrap{ width:1200px; margin:0 auto}
.newindex_server_wrap h2{ text-align:center; font-size:30px; color:#333; padding-top:80px; font-weight:normal}
.newindex_server_wrap h3{ text-align:center; font-size:18px; color:#666; font-weight:normal; margin-top:10px; padding-bottom:40px;}
.newindex_server_wrap li{ width:360px; margin-right:60px; float:left; height:200px;}
.newindex_server_wrap li:nth-of-type(3){margin-right:0px;}
.newindex_server_wrap li:hover{ -webkit-box-shadow:0 0 40px 2px rgba(0,0,0,.2);box-shadow:0 0 40px 2px rgba(0,0,0,.2);}
.newindex_server_wrap li:hover .li_server_t{background: url(../images/server2.png) no-repeat 250px 16px #03b0ff; color:#fff;}
.newindex_server_wrap li:hover h3{ color:#fff;}
.newindex_server_wrap li:hover .li_server_b{ background: #fff; color:#03b0ff}

.li_server_t{ background: url(../images/server1.png) no-repeat 250px 16px #fff; padding:16px 16px 30px 16px; position:relative; transition:.9s}
.li_server_t h3{ text-align:left; transition:.9s}
.li_server_t p{ width:210px; line-height:25px;}
.li_server_t img{ position:absolute; top:16px; right:16px;}
.li_server_b{ height:85px; background: #03b0ff; text-align:center; line-height:85px; color:#fff; font-size:20px; transition:.9s}





/*右侧浮动在线客服*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#1d7cd3;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode .inner-box .qrcode-img{margin:0 auto; width:200px;}
.suspension .d-qrcode p{font-size:16px;color:#93959c; margin:0 auto; width:200px;}



.one-title{padding-top:20px;padding-bottom:20px;background:#fff}
.one-title p{margin-left:10px;position:relative;padding-left:10px;line-height:1.1;border-left:4px solid #2087ed;font-size:26px;color:#575757}
.one-title span{margin-left:110px; padding-left:10px;}
.horizontal-center{width:1190px;margin-left:auto;margin-right:auto}