body {
	font-family: "PingFang SC",Arial,"Microsoft Yahei",simsun,sans-serif;
	font-size: 14px;
	background: #fff;
}

* {
	margin: 0;
	padding: 0
}

ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.fl {
	float: left
}

.fr {
	float: right
}

img {
	border: none
}

li,ul {
	padding: 0;
	list-style: none
}

input,select {
	vertical-align: middle
}

a {
	text-decoration: none
}

.submit,.text,.text2 {
	border: 0;
	background: 0 0;
	outline: 0
}

.submit {
	cursor: pointer
}

label {
	cursor: pointer
}

.clear,.clears {
	clear: both
}

pre {
	whitewhite-space: pre-wrap;
	whitewhite-space: -moz-pre-wrap;
	whitewhite-space: -pre-wrap;
	whitewhite-space: -o-pre-wrap;
	word-wrap: break-word;
	whitewhite-space: normal
}

.clearfix:after,.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clear {
	clear: both;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.auto {
	margin: 0 auto
}

.main {
	width: 1200px;
	margin: 0 auto
}

.top .top_m {
	display: none
}

.top_w {
	background: #fff;
	border-bottom: solid 1px #e8e8e8
}

.top {
	width: 1200px;
	height: 32px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 32px
}

.top .top_l {
	height: 100%;
	width: 200px;
	float: left;
	color: #333
}

.top .top_r {
	height: 100%;
	width: 900px;
	float: right;
	text-align: right;
	color: #333
}

.top .top_r li {
	float: right;
	position: relative;
	z-index: 99998;
	padding: 0 10px
}

.top .top_r li a {
	color: #333
}

.top .top_r li.tohome,.top .top_r li.tophello {
	display: none
}

.top .top_r .tuser {
	color: #2087ed
}

.top .top_r .tregister {
	color: #2087ed;
	margin-right: 10px
}

.top .top_r .tel {
	display: block;
	width: 150px;
	height: 32px;
	padding-left: 14px;
	background: url(/images/ico.png) no-repeat 0 9px
}

.top .top_r .tel:hover {
	text-decoration: none
}

.topline {
	height: 0;
	background: #eee;
	border-bottom: solid 1px #f5f5f5;
	border: 0
}

.top .top_r .buys_s a {
	background: url(/images/ico.png) no-repeat 0 -38px;
	padding-left: 20px;
	margin-right: 4px;
	position: relative;
	display: inline-block;
	height: 32px;
	text-decoration: none
}

.top .top_r .buys_s {
	padding: 0;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	position: relative;
	padding: 0 10px
}

.top .top_r .buys_s a span {
	color: #2087ed;
	padding: 0 4px;
	font-size: 14px;
	font-weight: 700
}

.top .top_r .buys_s a b {
	color: #2087ed
}

.top .top_r .buys_s .endspan {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 33px;
	z-index: 999999
}

.top .top_r li .gwcbody {
	display: none;
	background: #fff;
	width: 200px;
	border: solid 1px #ddd;
	position: absolute;
	top: 31px;
	left: -1px;
	padding: 20px
}

.top .top_r li .gwcbody p {
	text-align: center
}

.top .top_r li .gwcbody a {
	color: #333
}

.top .top_r li .gwcbody .gwcdomain li {
	float: none;
	margin: 0;
	text-align: left;
	position: relative;
	line-height: 30px;
	height: 30px;
	border-bottom: dotted 1px #ddd
}

.top .top_r li .gwcbody .gwcdomain li span {
	color: #666
}

.top .top_r li .gwcbody .gwcdomain li .close {
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: url(/images/close.gif) no-repeat center center;
	position: absolute;
	top: 9px;
	right: 0;
	padding: 0
}

.top .top_r li .gwcbody .gwcsubmit {
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
	background: #2087ed;
	color: #fff;
	padding: 0;
	margin-top: 20px
}

.top .top_r li .gwcbody .gwcsubmit:hover {
	background: #3f99f2;
	text-decoration: none
}

.top .top_r li.tlogin {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	height: 33px
}

.top .top_r li i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(/images/ico.png) no-repeat 0 -542px
}

.top .top_r li.tlogin i.userico {
	width: 16px;
	height: 14px;
	background: url(/images/ico.png) no-repeat 0 -494px;
	vertical-align: middle
}

.top .top_r li.tlogin .tlogins {
	display: none;
	background: #eee;
	width: 600px;
	border: solid 1px #ddd;
	position: absolute;
	top: 31px;
	right: -1px;
	text-align: left
}

.top .top_r li.tlogin .tloginse {
	width: 436px;
	background: #fff
}

.top .top_r li.tlogin .tlogins .tlogins_nei {
	padding: 20px;
	text-align: right
}

.top .top_r li.tlogin .tlogins a {
	color: #666
}

.top .top_r li.tlogin .tlogins h2 {
	font-size: 15px;
	color: #000;
	font-weight: 400;
	line-height: 24px
}

.top .top_r li.tlogin .tlogins p {
	line-height: 20px;
	margin: 10px 0 14px
}

.top .top_r li.tlogin .tlogins p a {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	background: #2087ed;
	color: #fff;
	border-radius: 2px
}

.top .top_r li.tlogin .tlogins p span {
	color: #fff;
	margin: 0 2px
}

.top .top_r li.tlogin .tlogins .tlogins_nei div a {
	display: inline-block;
	width: 98px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: solid 1px #ddd;
	margin: 0 -1px -1px 0;
	position: relative
}

.top .top_r li.tlogin .tlogins .tlogins_nei div a:hover {
	border-color: #2087ed;
	color: #2087ed;
	text-decoration: none;
	z-index: 2
}

.top .top_r li.active {
	background: #fff;
	border-color: #ddd
}

.top .top_r li.active i {
	background-position: 0 -551px
}

.top .top_r li.active .topp {
	position: absolute;
	top: 31px;
	left: 0;
	height: 1px;
	background: #fff;
	width: 100%;
	z-index: 22
}

.top .top_r li.tlogin .tlogins .tlogins_l {
	float: left;
	width: 270px;
	padding: 30px
}

.top .top_r li.tlogin .tlogins .tlogins_l p {
	margin: 6px 0 20px;
	font-size: 13px
}

.top .top_r li.tlogin .tlogins .tlogins_l .btnreg {
	display: inline-block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	background: #f70;
	font-size: 14px;
	border-radius: 2px;
	border-bottom: solid 2px #f50
}

.top .top_r li.tlogin .tlogins .tlogins_l .btnreg:hover {
	background: #f90;
	border-bottom: solid 2px #f70;
	text-decoration: none
}

.top .top_r li.tlogin .tlogins .tlogins_r {
	float: right;
	width: 210px;
	padding: 30px;
	background: #fff
}

.top .top_r li.tlogin .tlogins .tlogins_r .htext {
	display: block;
	height: 30px;
	line-height: 30px;
	border: solid 1px #ddd;
	width: 100%;
	margin-top: 16px
}

.top .top_r li.tlogin .tlogins .tlogins_r .logbtn {
	width: 100%;
	height: 46px;
	background: #2087ed;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	border-bottom: solid 2px #1679c4
}

.top .top_r li.tlogin .tlogins .tlogins_r .logbtn:hover {
	background: #2195ec;
	text-decoration: none
}

.top .top_r li.tlogin i.mobileico {
	width: 16px;
	height: 16px;
	background: url(/images/ico.png) no-repeat 0 -594px;
	vertical-align: middle
}

.top .top_r li.tlogin .tq {
	width: 480px;
	background: #fff
}

.top .top_r li.tlogin .tq .tqr {
	padding: 16px 16px 16px 126px;
	background: url(/images/qr_mobile.gif) no-repeat 16px 16px;
	height: 100px;
	width: 90px;
	border-right: dotted 1px #ddd;
	float: left
}

.top .top_r li.tlogin .tq .tqrs {
	padding: 16px 16px 16px 126px;
	background: url(/images/qr_weixin.gif) no-repeat 16px 16px;
	height: 100px;
	width: 100px;
	float: right
}

.top .top_r li.tlogin i.salesico {
	width: 16px;
	height: 16px;
	background: url(/images/ico.png) no-repeat 0 -156px;
	vertical-align: middle;
	margin-right: 4px
}

.top .top_r li.tlogin .tsales {
	width: 320px;
	background: #fff;
	padding: 20px
}

.top .top_r li.tlogin .tsales li {
	height: 30px;
	line-height: 30px;
	float: none;
	padding: 0;
	border-bottom: dashed 1px #ccc
}

.top .top_r li.tlogin .tsales li span {

	float: left;
	color: #999
}

.top .top_r li.tlogin .tsales li a {
	display: inline-block;
	float: left;
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 10px
}

.top .top_r li.tlogin .tsales li .date {
	float: right
}

.about-nav {
	background: #fff;
	height: 82px;
	overflow: hidden
}

.mob-bar {
	display: none
}

.logo {
	padding: 20px 0;
	display: block
}

.navigation li {
	display: block;
	float: left
}

.navigation li a {
	padding: 29px 30px;
	font-size: 16px;
	color: #333;
	display: block;
	text-decoration: none
}

.navigation li.active a {
	border-bottom: 2px solid #2a62ff
}

.navigation li:hover a.blue {
	color: #2a62ff;
	border-bottom: 2px solid #2a62ff
}

.navigation li .dropbox a {
	border: 0
}

.dropdown {
	display: none;
	border-top: 1px solid #ddd;
	width: 100%;
	height: auto;
	background: #fff;
	position: absolute;
	left: 0;
	top: 115px;
	z-index: 99
}

.dropbox *,.main * {
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.dropbox {
	border-right: 1px solid #eee
}

.dropbox:last-child {
	border: 0
}

.dropbox h3,.dropbox h3 a {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 0
}

.dropbox.col-lg-3 {
	width: 25%;
	float: left
}

.dropbox.col-lg-4 {
	width: 33.33333333%;
	float: left
}

.dropbox.col-lg-3 {
	padding: 25px
}

.dropbox.col-lg-3.about {
	padding: 10px 0 0 0
}

.dropbox.col-lg-3.about.honor {
	margin: 0
}

.dropbox .domain {
	height: 205px
}

.dropbox .domain a {
	position: relative;
	color: #666;
	display: block;
	float: left;
	font-size: 13px;
	width: 33.3333%;
	padding: 10px
}

.dropbox .domain.server a {
	width: 50%
}

.dropbox .domain.question a {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	line-height: 1
}

.dropbox .domain a:hover {
	text-decoration: underline;
	color: #2a62ff
}

.dropbox .domain a em {
	position: absolute;
	top: 12px;
	left: -8px;
	display: block;
	width: 17px;
	height: 15px;
	background: url(/images/01.gif) no-repeat
}

.hot,.new {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 1px;
	text-align: center;
	background: #ea6153;
	color: #fff;
	font-size: 12px;
	margin-left: 4px
}

.new {
	background: #27ae60
}

.ons_div {
	display: block;
	width: 128px;
	height: 128px;
	background: url(/images/navicon.png) no-repeat left top
}

.site.hight .ons_div {
	background-position: 0 -130px
}

.site.program .ons_div{background-position:0 -260px}
.site.html5 .ons_div{background-position:0 -2727px}
.site.ipv6 .ons_div{background-position:0 -2859px}
.site.dns .ons_div{background-position:0 -2340px}
.site.ptest .ons_div{background-position:0 -2600px}
.site.scanning .ons_div{background-position:0 -2470px}
.site.ssl .ons_div{background-position:0 -910px}

.certificate .ons_div {
	background-position: 0 -520px
}

.certificate.kxwz .ons_div {
	background-position: 0 -650px
}

.certificate.aqlm .ons_div {
	background-position: 0 -780px
}

.certificate.ssl .ons_div {
	background-position: 0 -910px
}

.certificate.yunying .ons_div {
	background-position: 0 -1040px
}

.certificate.koubei .ons_div {
	background-position: 0 -1170px
}

.certificate.seo .ons_div {
	background-position: 0 -2208px
}

.certificate.qsj .ons_div {
	background-position: 0 -2080px
}

.certificate.ruanwen .ons_div {
	background-position: 0 -1430px
}

.about .ons_div {
	background-position: 0 -1560px
}

.about.honor .ons_div {
	background-position: 0 -1690px
}

.about.team .ons_div {
	background-position: 0 -1820px
}

.about.contact .ons_div {
	background-position: 0 -1950px
}

.certificate.more {
	padding: 100px 0
}

.about,.certificate,.site {
	height: 230px;
	text-align: center
}

.certificate.seo h3 a,.dropbox .site h3 a {
	color: #2087ed
}

.dropbox .site.hight h3 a{color:#002b8d}
.dropbox .site.program h3 a{color:#3aa84c}
.dropbox .site.html5 h3 a{color:#db6a38}
.dropbox .site.ipv6 h3 a{color:#66d0c4}
.dropbox .site.dns h3 a{color:#002b8d}
.dropbox .site.ptest h3 a{color:#73b400}
.dropbox .site.scanning h3 a{color:#cea875}
.dropbox .site.ssl h3 a{color:#e7a30e}

.certificate h3 a {
	color: #ec110d
}

.certificate.kxwz h3 a {
	color: #d21d23
}

.certificate.aqlm h3 a {
	color: #3bb16b
}

.certificate.more h3 a,.certificate.ssl h3 a {
	color: #e7a30e
}

.certificate.yunying h3 a {
	color: #3a4f88
}

.certificate.koubei h3 a {
	color: #f08300
}

.certificate.qsj h3 a {
	color: #d60000
}

.certificate.ruanwen h3 a {
	color: #ed5075
}

.about h3 a {
	color: #188eee
}

.about.honor h3 a {
	color: #cc000b
}

.about.team h3 a {
	color: #13a397
}

.about.contact h3 a {
	color: #f80
}

.navigation li .site a {
	display: block;
	padding: 0
}

.certificate p,.site p {
	color: #999
}

.certificate {
	width: 20%;
	float: left;
	padding: 0 30px
}

.website_ad {
	width: 100%;
	height: 120px;
	background: url(/images/website_ad.jpg) no-repeat center;
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 120px
}

.website_ad_btn {
	display: inline-block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #f87b00;
	font-size: 18px;
	margin: 0 25px;
	cursor: pointer;
	text-decoration: none
}

.website_ad_btn:hover {
	background-color: #ec5e00;
	color: #fff
}

.website_ad_btn.website_ad_btn2 {
	color: #137be5;
	background-color: #d0e5fa
}

.website_ad_btn2:hover {
	background-color: #fff;
	color: #137be5
}

.foot {
	padding-bottom: 0;
	color: #2d2d2d
}

.foot_4 {
	background: #fff;
	border-bottom: solid 1px #eee
}

.foot_4 ul {
	display: block;
	width: 1100px;
	margin: 0 auto;
	height: 50px;
	padding: 20px 0
}

.foot_4 li {
	float: left;
	padding-left: 60px;
	width: 244px;
	height: 50px;
	background: url(/images/foot_ico.png) no-repeat 0 0;
	line-height: 50px;
	color: #2d2d2d;
	font-size: 16px
}

.foot_4 .four02 {
	background-position: 0 -160px;
	width: 243px
}

.foot_4 .four03 {
	background-position: 0 -320px;
	width: 243px
}

.foot_4 .four04 {
	background-position: 0 -480px;
	width: 130px
}

.foot_top {
	padding: 30px 0;
	background: #fff;
	color: #666
}

.f_d_n,.foot .f_nav {
	width: 1100px;
	margin: 0 auto;
	line-height: 28px
}

.f_navd {
	width: 244px;
	float: left
}

.f_navd p {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	margin-bottom: 10px
}

.f_navd li {
	line-height: 28px
}

.f_navd li a {
	font-size: 13px;
	color: #2b7dc6
}

.foot_bot {
	padding: 20px 0;
	background: #fff;
	border-top: solid 1px #eee;
	text-align: center
}

.f_d_n,.f_d_n p {
	font-size: 13px;
	position: relative;
	color: #999
}

.foot a {
	color: #999;
	line-height: 2
}

.f_d_nav span {
	margin: 0 10px;
	font-size: 12px;
	color: #ccc
}

.f_d_nav a {
	color: #2d2d2d
}

.down_ico {
	margin-top: 10px
}

.down_ico a {
	margin-right: 10px
}

.erweima {
	width: 110px;
	height: 150px;
	text-align: center;
	float: right;
	font-size: 13px
}

.erweimas {
	width: 110px;
	height: 110px;
	background: url(/images/foot_code2.gif) no-repeat;
	background-size: 110px
}

.erweima p {
	line-height: 20px;
	margin-top: 8px
}

.foot .erweimas {
	background: url(/images/foot_code.gif) no-repeat;
	background-size: 110px
}

.nlinks a {
	margin-left: 10px
}


.abouts_img {
	height: 200px;
	background: url(/images/about_img.png) no-repeat center center;
	margin-bottom: 28px;
}

.taball {
	width: 1100px;
	margin: 0 auto 60px;
	background: none;
}

.tab_body {
	background: none;
	padding: 0;
}

.tab_body .tab_bodys {
	background: #fff;
	width: auto;
}

.tab_body .tab_bodys2 {
	background: url(/images/80.png);
}

.tab_body .tab_bodys .tab_bodysl {
	width: 300px;
	height: 300px;
	float: left;
	background: url(/images/aboutbanner2.jpg) no-repeat;
}

.tab_body .tab_bodys .tab_bodysr {
	background: #f70;
	color: #fff;
	width: 740px;
	height: 240px;
	float: left;
	padding: 30px;
}

.tab_body .tab_bodys .tab_bodysr p {
	text-indent: 2em;
	font-size: 14px;
	line-height: 27px;
}

.aboutsdiv,.paybox {
	padding: 30px;
	line-height: 28px;

	color: #333;
}

.alldiv {
	width: 100%;
	position: absolute;
	top: 150px;
	left: 0;
}

.taball .tab_title {
	background: #333;
	height: 60px;
	border: 0;
	text-align: center
}

.taball .tab_title a {
	color: #fff;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 0 40px;
	text-decoration: none;
	position: relative
}

.taball .tab_title a.hover, .taball .tab_title a:hover {
	background: #2087ed;
	color: #fff;
}

.taball .tab_title a.hover b {
	background: url(/images/ico.png) no-repeat 0 -244px;
	top: 60px;
	width: 18px;
	height: 6px;
	margin-left: -9px;
	position: absolute;
	left: 50%;
}

.videos {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	margin-top: -4.9%;
	overflow: hidden;
	z-index: -9999;
}

.bgs {
	background: url(/images/vbj.png);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0px;
	z-index: 2;
}

.bgs2 {
	background: #fff;
	width: 100%;
	height: 200px;
	position: absolute;
	left: 0;
	top: 99%;
	z-index: 0;
}

.aboutsdiv h1,.nav-box li.cur {
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	padding: 20px 30px 40px 30px;
}

.aboutsdiv p {
	margin-top: 10px;
	padding: 0 30px;
}

.aboutsdiv .gyzw {
	padding: 0 30px;
}

.aboutsdiv .gyzw img {
	float: left;
	margin-top: 8px;
	margin-right: 24px;
}

.aboutsdiv .gyzw .gyzwr {
}

.aboutsdiv .gyzw .gyzwr p {
	padding: 0;
	margin: 0;
	margin-bottom: 18px;
/* text-indent:2em; */
	line-height: 30px;
	font-size: 15px;
}

.aboutsdiv .gyzw .gyzwr p b {
	color: #0040b5;
	font-weight: normal;
}

.history {
	width: 840px;
	margin: 30px auto 0 auto;
	background: url(/images/zhou/line04.gif) repeat-y 187px 0;
	overflow: hidden;
	position: relative;
}

.history-date {
	overflow: hidden;
}

.history-date h2.first {
	position: absolute;
	left: 0;
	top: 0;
	width: 935px;
	z-index: 2;
}

.history-date h2 {
	background: url(/images/zhou/icon06.png) no-repeat 158px 0;
	height: 59px;
	font-size: 25px;
	font-weight: normal;
	padding-left: 45px;
	margin-bottom: 24px;
}

.history-date h2 a {
	color: #2087ed;
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: url(/images/zhou/icon08.gif) no-repeat right 50%;
	padding-right: 17px;
	margin: 21px 97px 0 0;
	text-decoration: none
}

.history-date ul li {
	background: url(/images/zhou/icon07.png) no-repeat 180px 0;
	padding-bottom: 30px;
	zoom: 1;
}

.history-date ul li h3 {
	float: left;
	width: 168px;
	text-align: right;
	padding-right: 19px;
	color: #c3c3c3;
	font-size: 20px
}

.history-date ul li h3 span {
	display: block;
	color: #d0d0d0;
	font-size: 14px;
	padding-right: 3px;
}

.history-date ul li dl {
	float: left;
	padding-left: 41px;
	margin-top: -5px;
}

.history-date ul li dl dt {
	font-size: 20px;
	color: #737373;
}

.history-date ul li dl dt span {
	display: block;
	color: #787878;
	padding-left: 1px;
	font-size: 14px;
}











/*联系我们*/

.contact-box {
	padding: 30px;
}

.contact_l {
	width: 350px;
	float: left;
}

.contact_l h3 {
	font-size: 24px;
	color: #666;
	font-weight: normal;
	margin-bottom: 14px;
}

.contact_l h2 {
	font-size: 36px;
	color: red;
	font-weight: normal;
	margin-bottom: 10px;
}

.contact_l p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}

.contact_l h4 {
	font-size: 24px;
	color: #333;
	font-weight: normal;
	margin: 26px 0 0;
}

.contact_l h5 {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	font-family: Arial;
	line-height: 20px;
	margin-bottom: 14px;
}

.contact_l .xp p {
	line-height: 36px;
}

.contact_l .xp p * {
	vertical-align: middle;
}

.contact_l .xp p img {
	margin-right: 6px;
}

.contact_r {
	width: 600px;
	float: right;
}

.contact_r ul li {
	float: left;
	width: 50%;
}

.contact_r ul li h2 {
	font-size: 24px;
	color: #666;
	font-weight: normal;
	margin-bottom: 14px;
}

.contact_r ul li p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}

.contact_r ul li a {
	display: block;
	margin: 14px 0 30px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #2087ed;
	color: #fff;
	border-radius: 4px;
}

.contact_r ul li a:hover {
	background: #449df5;
	text-decoration: None;
}

/*honor*/
.honors {
	width: 100%;
}

.honor {
	width: 1108px;
	margin: 0px auto;
	padding: 15px 0 15px 15px;
}

.honor li p {
	margin-top: 10px;
}

.honor li {
	width: 310px;
	float: left;
	text-align: center;
	margin: 15px;
	padding: 20px 5px;
}

.honor li img {
	height: 150px;
}

.honor li p {
	margin-top: 10px;
	color: #333;
}
		
/*hr*/

.wlyxdiv {
	padding: 50px 0 60px;
}

.wlyxdiv h2 {
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 6px;
	font-weight: normal;
}

.wlyxdiv p {
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.hr_div .tit01 {
	font-size: 22px;
	color: #f70;
}

.hr_div .tit02 {
	position: absolute;
	top: 40px;
	right: 50px;
	padding: 0;
}

.hr_div .tit02 span {
	font-size: 18px;
	color: #f70;
	font-weight: normal;
}

.hr_div .hr_divf {
	width: 33%;
}

.hr_div .hr_divf .tit02 {
	position: static;
}

.hr_div .hr_divf p {
	line-height: 30px;
	font-size: 12px;
}

.list {
	margin: 30px auto;
	width: 1000px;
}

.list a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}

.wxico {
	float: left;
	width: 110px;
	height: 40px;
	line-height: 40px;
	border: solid 1px #2087ed;
	border-radius: 65px;
	color: #2087ed;
	text-align: center;
	margin-right: 36px;
}

.wxicoend {
	margin-right: 0;
}

.hr_div {
	border-top: solid 1px #ddd;
	padding: 40px 50px 20px;
	position: relative;
}

.hr_divleft {
	width: 200px;
	float: left;
	text-align: center;
}

.wlyxdiv .hr_divleft h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	color: #2087ed;
}

.hr_divright {
	float: left;
	width: 600px;
	text-align: left;
}

.hr_divright h4 {
	font-size: 14px;
	margin: 0px 0 6px;
}

.hr_divright_n {
	line-height: 24px;
	color: #666;
	margin-bottom: 20px;
}

.wlyxdiv .hr_divright_n p {
	text-align: left;
	font-size: 12px;
	padding-right: 0;
}

.zprs {
	position: absolute;
	top: 50px;
	right: 50px;
}

.zprs p {
	font-size: 24px;
	color: #666;
	margin-bottom: 4px;
	line-height: 36px;
}

.zprs p b {
	color: #2087ed;
	font-weight: normal;
	font-size: 36px;
}

.zprs span {
	color: #666;
}

/*pay*/

.paydiv {
	position: relative;
	margin-bottom: 20px;
}

.paydiv h2 {
	font-size: 18px;
	margin-bottom: 6px;
	color: #000;
}

.paydiv ul {
	padding: 30px 50px;
}

.paydiv .jsyh {
	background: url(/images/jsbanklogo.png) no-repeat 30px center;
	height: 110px;
	padding-left: 170px;
}

.paydiv .zgyz {
	background: url(/images/alipay.gif) no-repeat 30px center;
	height: 110px;
	padding-left: 170px;
}

.paydiv ul li {
	height: 26px;
	line-height: 26px;
	color: #333;
}

.paydiv p {
	position: absolute;
	top: 54px;
	right: 50px;
	width: 450px;
	line-height: 26px;
	color: #999;
}

.paydiv .otherbk {
	float: left;
	border-right: solid 1px #ddd;
	padding-right: 74px;
}

.paydiv .end {
	border: 0;
}

.ends {
	margin: 0;
}

.paydiv .otherbk .imgli {
	height: 56px;
}

/*reprots*/

.reports {
	background: url(/images/80.png);
	padding: 50px;
}

.reports ul, .reports ul li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.reports ul li a {
	display: block;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	margin-bottom: 30px;
	outline: 0;
}

.reports ul li a:hover h1 {
	color: #2087ed;
}

.reports ul li .dcr-img {
	float: left;
	width: 200px;
}

.reports ul li .dcr-c {
	float: right;
	width: 770px;
}

.reports ul li .dcr-c h1, .reports ul li .dcr-c p {
	text-align: left;
	color: #666;
}

.reports ul li .dcr-c h1 {
	line-height: 18px;
	font-size: 18px;
	margin-bottom: 14px;
	color: #333;
}

.reports ul li .dcr-c h1 .cred {
	color: #2087ed;
	margin-right: 4px;
}

.reports ul li .dcr-c p {
	margin-top: 8px;
	line-height: 29px;
}
/*team*/
		
.tab_body .teambody {
	padding: 30px 0 30px 30px;
}

.teamli li {
	float: left;
	width: 312px;
	text-align: center;
	margin: 18px;
}

.teamli li img {
	padding: 5px;
	background: #fff;
	border: solid 1px #ddd;
	-moz-box-shadow: 0px 0px 5px #e5e5e5;
	-webkit-box-shadow: 0px 0px 5px #e5e5e5;
	box-shadow: 0px 0px 5px #e5e5e5;
}

.teamli li p {
	margin-top: 10px;
}

.mob-show {
	display: none;
}
.mob-footer {
    display: none
}

.bot-foot {
    display: none
}

@media screen and (max-width:768px) {
	
	
	.tab_title,.nav-box,.mob-aboutimg,.foot,.aboutsdiv h1,#share,.dropdown,.top_w,.videos,.list,.hr_divleft img,.contact-box {
		display: none
	}

	.main,.top,.abouts_img img,.honor li img,.fuli_mob img,.hr_divleft,.hr_divright,.map img {
		width: 100%
	}

	.mob-bar {
		display: block;
		position: relative
	}

	.mob-bar .mob-login,.mob-bar .mob-nav {
		position: absolute;
		z-index: 30
	}

	.mob-bar .mob-login {
		top: 15px;
		right: 55px
	}

	.mob-bar .mob-login img {
		width: 20px
	}

	.mob-bar .mob-nav {
		top: 19px;
		right: 15px
	}

	.mob-bar .mob-nav span {
		width: 24px;
		height: 2px;
		display: block;
		margin-bottom: 6px;
		background-color: #b2b2b2
	}

	.navigation {
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 46px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 15px 0;
		background-color: #f6f6f6;
		z-index: 99999
	}

	.navigation li {
		width: 50%;
		padding: 10px 0;
		text-align: center
	}

	.navigation li a {
		padding: 0;
		font-size: 14px
	}

	.navigation li.active a,.navigation li:hover a.blue {
		border: 0;
		color: #2a62ff
	}

	.logo {
		padding: 15px 10px
	}

	.logo img {
		width: 150px
	}

	.title {
		margin: 0 30px 20px 30px;
		background: url(../images/title_bg.gif) repeat-x 0 10px
	}

	.title h1 {
		display: inline-block;
		padding: 0 15px;
		background: #fff;
		font-size: 17px;
		margin-bottom: 0
	}

	.website_ad {
		background: url(../images/website_ad_mob.jpg) no-repeat center top;
		padding: 18px 0 0 0;
		font-size: 18px;
		line-height: 1.6
	}

	.noview {
		display: block;
		padding-bottom: 15px
	}

	.website_ad_btn {
		width: auto;
		height: auto;
		line-height: 1.4;
		padding: 5px 15px;
		font-size: 14px;
		margin: 0 15px
	}

	.mob-footer {
		display: block;
		text-align: center;
		background: #f6f6f9;
		padding: 20px 15px 15px 15px
	}

	.mob-footer p {
		color: #666;
		display: block;
		font-size: 12px;
		padding-bottom: 5px
	}

	.mob-footer p span {
		display: inline-block;
		margin: 0 5px
	}

	.about-nav {
		height: auto;
	}

	.mob-show {
		display: block
	}

	.abouts-box {
		background: none;
		padding: 0;
	}

	.taball {
		width: 100%;
		margin: 0 auto 30px;
		background: #f8f8f8;
	}

	.abouts_img {
		background: none;
		height: auto;
		margin: 0;
	}

	.alldiv {
		top: inherit;
	}

	.abouts-box .abouts-img img {
		width: 100%;
	}

	.aboutsdiv {
		padding: 0 20px;
	}

	.aboutsdiv .gyzw {
		padding: 0 15px;
	}

	.mob-arc {
		box-shadow: 0 2px 10px rgba(0,0,0,0.2);
		padding: 15px 15px 5px 15px;
		border-radius: 8px;
		position: relative;
		margin-top: 20px;
	}

	.mob-arc.first {
		padding-top: 70px;
	}

	.mob-title {
		background: #000;
		padding: 4px 25px;
		border-radius: 32px;
		display: inline-block;
		color: #bfa146;
		font-size: 17px;
		position: absolute;
		left: -30px;
		top: 15px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	}

	#swiper-nav {
		border-bottom: 1px solid #ddd;
		padding: 20px 10px 18px 10px;
	}

	#swiper-nav .swiper-slide a {
		background: -webkit-linear-gradient(left,#007eff 0,#3a9cff 100%);
		background: linear-gradient(to right,#007eff 0,#3a9cff 100%);
		text-align: center;
		display: block;
		color: #fff;
		text-decoration: none;
		font-size: 15px;
		padding: 8px 0;
		border-radius: 4px;
	}

	#swiper-nav .swiper-slide a.on {
		background: #144da4;
	}

	.mob-arc.second p:first-child {
		background: url(../images/about_02.png) no-repeat left 10px;
	}

	.mob-arc.second p:last-child {
		background: url(../images/about_03.png) no-repeat left 10px;
	}

	.aboutsdiv .gyzw .gyzwr .mob-arc.second p {
		display: block;
		padding-left: 85px;
		background-size: 70px 62px;
	}

	.aboutsdiv .gyzw .gyzwr .mob-arc.second b {
		display: block;
	}

	.aboutsdiv .gyzw .gyzwr .mob-arc.second p:first-child b {
		color: #f96e64;
	}

	.aboutsdiv .gyzw .gyzwr .mob-arc.second p:last-child b {
		color: #71a8ec;
	}

	.honor,.teamli {
		padding: 0 5%;
		width: 90%;
	}

	.honor li {
		width: 45%;
		float: left;
		text-align: center;
		height: 220px;
		margin: 5% 0 0 0;
		padding: 0;
	}

	.honor li:nth-child(even),.teamli li:nth-child(even) {
		float: right;
	}

	.tab_body .teambody,.paydiv ul {
		padding: 0;
	}

	.teamli li {
		float: left;
		width: 48%;
		text-align: center;
		margin: 5% 0 0 0;
	}

	.teamli li img {
		width: 90%;
	}

	.paydiv {
		margin-bottom: 0;
		margin-top: 20px;
	}

	.paydiv h2 {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.paydiv .jsyh,.paydiv .zgyz,.otherbk {
		background-size: 70px auto;
		height: auto;
		background-position: 0 center;
		padding-left: 90px;
	}

	.paydiv p {
		position: inherit;
		top: 0;
		right: 0;
		width: 100%;
		padding-top: 10px;
	}

	.paybox,.wlyxdiv,.contact-mob {
		padding: 0 15px;
	}

	.paydiv .otherbk {
		float: none;
		border-right: 0;
		padding-left: 100px;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.paydiv .otherbk .imgli {
		display: none;
	}

	.otherbk {
		background-repeat: no-repeat;
		background-image: url(/images/jsbanklogo.png)
	}

	.otherbk.sencond {
		background-image: url(../images/about_04_mob.png);
	}

	.otherbk.end {
		background-image: url(../images/about_05_mob.png);
		margin-bottom: 0;
	}

	.wlyxdiv h2 {
		font-size: 20px;
		color: #333;
		margin: 20px 0 10px 0;
	}

	.fuli_mob {
		margin: 15px 0 40px 0;
	}

	.hr_div {
		padding: 0;
		border: 0
	}

	.wlyxdiv .hr_divleft h3 {
		text-align: left;
		font-size: 16px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.hr_divright,.hr_divleft {
		float: none;
	}

	.hr_divright {
		position: relative;
	}

	.zprs {
		top: -55px;
		right: 5px;
	}

	.zprs p,.zprs span {
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 0
	}

	.zprs p b {
		font-size: 15px;
		font-weight: bold;
	}

	.lianxi li {
		float: left;
		border: 1px solid #007EFF;
		width: 46%;
		margin-top: 8%;
		padding: 20px 0 12px 0;
		text-align: center
	}

	.lianxi li:nth-child(even),.zixun li:nth-child(even) {
		float: right;
	}

	.lianxi li i {
		display: inline-block;
		height: 30px;
		width: 40px;
		background: url(../images/about_07_mob.png) no-repeat left top;
		background-size: 40px auto;
	}

	.lianxi li p {
		display: block;
		padding-top: 10px;
		color: #666;
		line-height: 1.6;
	}

	.lianxi li i.mail,.lianxi li i.abuse {
		background-position: left -30px;
	}

	.lianxi li i.fax {
		background-position: left -60px;
	}

	.lianxi li i.zipcode {
		background-position: left -90px;
	}

	.lianxi li:last-child,.zixun li:last-child {
		width: 100%;
	}

	.lianxi li i.abuse {
		float: left;
		margin-left: 40px;
	}

	.lianxi li:last-child p {
		display: inline-block;
		padding-top: 0;
		float: left;
		padding-left: 10px;
		padding-top: 2px;
	}

	.rexian {
		margin-top: 10%;
	}

	.rexian li {
		height: 40px;
		line-height: 40px;
		display: block;
		padding-bottom: 15px;
		color: #666;
		font-size: 15px;
	}

	.rexian li i {
		display: inline-block;
		background: url(../images/about_07_mob.png) no-repeat 10px -122px;
		background-size: 40px auto;
		height: 35px;
		width: 50px;
		float: left;
		margin-right: 20px;
	}

	.zixun {
		margin-top: 4%;
	}

	.zixun li {
		float: left;
		background: #007eff;
		border-radius: 10px;
		padding: 30px 0;
		text-align: center;
		width: 48%;
		color: #fff;
	}

	.zixun li i {
		background: url(../images/about_07_mob.png) no-repeat 0 -215px;
		background-size: 55px auto;
		display: inline-block;
		width: 55px;
		height: 51px;
	}

	.zixun li p,.ewcode p {
		display: block;
		margin-top: 10px;
		padding: 0 15px;
	}

	.zixun li p a {
		display: block;
		background: #53a8ff;
		color: #fff;
		text-decoration: none;
		padding: 7px 0;
		border-radius: 6px;
		font-size: 15px;
		margin-top: 20px;
	}

	.zixun li:last-child,.map,.ewcode {
		margin-top: 6%;
	}

	.zixun li:last-child i {
		background-position: left bottom;
		height: 51px;
	}

	.ewcode {
		text-align: center
	}
	
	.ewcode p {
		color: #666
	}

	.history {
		width: 100%;
		background: url(/images/zhou/line04.gif) repeat-y 61px 0;
		background-size: 1px auto
	}

	.history-date h2 {
		background: url(/images/zhou/icon06.png) no-repeat 50px 0;
		background-size: 25px;
		height: 30px;
		font-size: 16px;
		font-weight: bold;
		padding-left: 80px;
		padding-top: 15px;
		margin-bottom: 24px;
	}

	.history-date h2.first,.history-date ul li h3 {
		width: 100%;
	}

	.history-date ul li {
		background: url(/images/zhou/icon07.png) no-repeat 56px 0;
		background-size: 10px;
		padding-bottom: 20px;
		zoom: 1;
	}

	.history-date ul li dl dt {
		font-size: 14px;
	}

	.history-date ul li h3,.history-date ul li dl dt span {
		text-align: left;
		font-size: 12px;
		line-height: 1.6;
	}

	.history-date ul li h3 span {
		font-size: 10px;
	}

	.history-date ul li dl {
		padding-left: 80px;
	}
    /* 底部 */
    .bot-foot {
        width: 100%;
        height: auto;
        padding: 0 5px;
        display: block;
    }

        .bot-foot .footer_top {
            height: 36px;
            line-height: 36px;
            color: #838383;
            padding: 0 5%;
        }

            .bot-foot .footer_top a {
                color: #1279e6;
                font-size: 14px;
                float: left;
            }

            .bot-foot .footer_top span {
                float: left;
                padding: 0 2%;
            }

            .bot-foot .footer_top .gotop {
                color: #838383;
                float: right;
            }

    .footer_con {
        border-top: 1px solid #dddadd;
        height: auto;
        text-align: center;
    }

        .footer_con .index_go {
            height: 44px;
            line-height: 44px;
        }

            .footer_con .index_go a {
                font-size: 14px;
                color: #7a7a7a;
            }

            .footer_con .index_go span {
                padding: 0 5%;
            }

    .beianmessage {
        color: #7a7a7a;
        line-height: 1.6;
        font-size: 12px;
        /* padding-bottom: 10px; */
    }

    .vertifice_icon {
        text-align: center;
        padding: 20px 0;
    }

        .vertifice_icon a {
            display: inline-block;
            width: 13%;
            margin-right: 3%;
        }

        .vertifice_icon .special {
            width: 14%;
        }

        .vertifice_icon a img {
            width: 100%;
        }
}

@media screen and (max-width:320px) {
	#swiper-nav .swiper-slide a {
		font-size: 13px;
	}

	.paydiv .jsyh,.paydiv .zgyz,.otherbk {
		background-size: 50px auto;
		height: auto;
		background-position: 0 center;
		padding-left: 70px;
	}

	.paydiv ul li,.paydiv p {
		font-size: 13px;
	}

	.paydiv .otherbk {
		padding-left: 80px;
	}
}