@charset "utf-8";

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.middleCenter1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: none;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

@font-face {
	font-family:"HelveticaNeueLTProThEx";src:url("../font/HelveticaNeueLTProThEx.woff2") format("woff2"),url("../font/HelveticaNeueLTProThEx.woff2.woff") format("woff"),url("../font/HelveticaNeueLTProThEx.woff2.ttf") format("truetype"),url("../font/HelveticaNeueLTProThEx.woff2.eot") format("embedded-opentype")
}

.wrap {
	width: 1260px;
	margin: 0 auto
}

input,textarea {
	font-size: 14px;
	outline: 0;
	overflow: hidden;
	font-family: arial,"microsoft yahei";
	border-radius: 0
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: 0
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding: 0;
	color: #666;
	outline: 0
}

input[type="submit"],input[type="reset"],input[type="button"],input[type='text'],select,button {
	-webkit-appearance: none
}

input,select,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.fl {
	float: left
}

.fr {
	float: right
}

.tc {
	text-align: center
}

.icons {
	position: relative
}

.icons i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px
}

.delay {
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.delay1 {
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

.delay2 {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.t {
	font-size: 26px
}

.st {
	font-size: 18px;
	color: #535353
}

.page {
	min-height: 500px
}

.txC {
	text-align: center
}

#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 10;
	border-bottom: 1px solid #f1f1f1
}

#header .wrap {
	height: 96px
}

#header .wrap.header_abs {
	height: 60px
}

.header_fill {
	height: 97px
}

.header_fill.header_11 {
	height: 166.38px
}

#header .logo {
	height: 56px;
	margin: 20px 0
}

#header .bot {
	margin-top: 23px
}

#header .nav {
	float: left;
	height: 50px;
	margin-right: 60px
}

#header .nav li {
	float: left;
	position: relative;
	margin-right: 50px
}

#header .nav li.clear {
	clear: both
}

#header .nav li>a {
	line-height: 50px;
	font-size: 16px;
	display: inline-block;
	padding: 0 20px 23px 3px;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

#header .nav li>a.sec i {
	width: 9px;
	height: 6px;
	background: url(../images/icon_head_arrow.png) no-repeat
}

#header .nav li>a.cur {
	color: #0b76e3;
	text-decoration: none
}

#header .nav li dl {
	width: 185px;
	position: absolute;
	left: 0;
	margin-left: -3px;
	top: 100%;
	background: #1a1f1e;
	padding: 0;
	height: 0;
	overflow: hidden;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s
}

#header .nav li dd {
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	padding: 0 20px
}

#header .nav li dd a {
	font-size: 14px;
	color: #cbcbcb
}

#header .member {
	margin-top: 10px
}

#header .member a {
	height: 34px;
	line-height: 32px;
	display: block;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
	float: left
}

#header .member a.login {
	width: 68px;
	color: #333;
	border: 1px solid #ccc;
	margin-left: 10px
}

#header .header_abs .logo {
	height: 36px;
	margin: 12px 0
}

#header .header_abs .bot {
	margin-top: 15px
}

#header .header_abs .tel {
	height: 30px;
	line-height: 30px
}

#header .header_abs .tel i {
	top: 3px
}

#header .header_abs .nav {
	height: 30px
}

#header .header_abs .nav li>a {
	height: 30px;
	line-height: 30px;
	padding-bottom: 15px
}

#header .header_abs .member {
	margin-top: 0
}

#footer {
	background: #273037
}

#footer .top {
	padding-top: 50px;
	padding-bottom: 45px;
	overflow: hidden
}

#footer .top .contents {
	float: left
}

#footer .top .links {
	padding-top: 34px;
	overflow: hidden;
	width: 100%
}

#footer .top .links span {
	color: #fff;
	font-size: 16px;
	margin-right: 10px
}

#footer .top .links a {
	color: #fff;
	font-size: 14px;
	margin: 0 5px
}

#footer .top .menu {
	float: right
}

#footer .menu dl {
	float: left;
	width: 150px;
	margin-right: 20px
}

#footer .menu dl dt {
	padding-bottom: 15px;
	font-size: 16px;
	color: white
}

#footer .menu dl dd {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 10px
}

#footer .menu dl dd a {
	font-size: 14px;
	color: #a8adb0
}

#footer .contents .tel {
	font-size: 16px;
	color: #fff;
	background: url(../images/icon_kefu.png) left center no-repeat;
	padding-left: 55px;
	line-height: 27px
}

#footer .contents .tel span {
	font-size: 22px;
	color: #0b76e3;
	font-family: "Arial"
}

#footer .contents .code {
	width: 200px;
	height: 90px;
	margin-left: 55px;
	margin-top: 15px;
	opacity: .8
}
#footer .contents .code p {float:left; text-align:center; color:#fff;font-size: 14px;}
#footer .contents .code p img{max-height:89px; float:left;}
#footer .contents .code p :first-child{margin-right:10px;}

#footer .bottom {
	border-top: 1px solid #363e45;
	padding: 30px 0;
	text-align: center
}

#footer .bottom .rows {
	line-height: 30px
}

#footer .bottom * {
	color: #818487;
	font-size: 14px
}

#banner_sec {
	position: relative;
	height: 650px;
	overflow: hidden
}

#banner_sec img {
	display: block;
	margin: 0 auto
}

#banner_sec .btn {
	display: block;
	margin-top: 25px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 22px;
	background: #0b76e3;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

#banner_sec .tab {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 15px;
	text-align: center
}

#banner_sec .tab a {
	width: 35px;
	height: 4px;
	background: url(../images/banner_tab.png) no-repeat;
	display: inline-block;
	margin: 0 5px
}

#banner_sec .tab a.cur {
	background: url(../images/banner_tab_cur.png) no-repeat
}

#banner_sec .item {
	height: 650px;
	position: relative
}

#banner_sec .list .wrap {
	height: 100%;
	position: relative
}

#banner_sec .list .wrap .txt_table {
	padding-top: 180px
}

#banner_sec .list .title {
	width: 100%;
	height: 76px;
	line-height: 76px;
	font-size: 54px;
	color: #222
}

#banner_sec .list .brief {
	width: 100%;
	height: 75px;
	line-height: 75px;
	font-size: 54px;
	color: #0b76e3
}

#banner_sec .list .brief2 {
	width: 100%;
	height: 62px;
	line-height: 62px;
	font-size: 30px;
	color: #555
}

#banner_sec .list.style_0 .brief .li {
	font-size: 20px;
	color: #555
}

#banner_sec .list.style_0 .title {
	margin-bottom: 40px
}

#banner_sec .list.style_0 .brief {
	line-height: 40px
}

#banner_sec .list.style_0 .brief .li span {
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	background: #0b76e3;
	border-radius: 5px;
	margin-right: 13px
}

#banner_sec .list .subtitle {
	font-size: 42px;
	color: #222;
	margin-top: 15px;
	margin-bottom: 60px;
	line-height: 65px
}

#banner_sec .list .tips {
	font-size: 22px;
	color: #0b76e3;
	margin-top: 12px
}

#banner_sec .login_form_outer {
	position: absolute;
	left: 0;
	right: 0;
	top: 110px;
	margin: auto;
	height: 0
}

#banner_sec .login_box {
	width: 400px;
	height: 420px;
	background: rgba(0,0,0,0.5);
	border-radius: 6px;
	box-sizing: border-box;
	padding: 40px;
	float: right
}

#banner_sec .login_box h2 {
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px
}

#banner_sec .login_box .input input {
	width: 100%;
	height: 45px;
	line-height: 35px;
	border: 0;
	box-sizing: border-box;
	border-radius: 3px;
	text-indent: 45px;
	font-size: 14px;
	padding: 5px 0
}

#banner_sec .login_box .input .user {
	background: #fff url(../images/icon_login_user.png) 12px center no-repeat
}

#banner_sec .login_box .input .password {
	background: #fff url(../images/icon_login_password.png) 12px center no-repeat
}

#banner_sec .login_box .submit {
	width: 100%;
	height: 47px;
	line-height: 47px;
	background: #0b76e3;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border: 0;
	display: block;
	letter-spacing: 5px;
	border-radius: 3px;
	margin-top: 55px
}

#banner_sec .login_box .submit.loading {
	background: url(../images/login_loading.gif) #0b76e3 center no-repeat;
	text-indent: 10000px
}

#banner_sec .login_box .tips {
	text-align: center;
	font-size: 16px;
	color: #fff
}

#banner_sec .login_box .tips a {
	color: #fff
}

#banner_sec .login_box .member_list {
	height: 248px;
	overflow: hidden
}

#banner_sec .login_box .member_list .member_item {
	height: 50px;
	line-height: 50px;
	border: 1px solid #dedede;
	border-radius: 5px;
	padding-left: 55px;
	cursor: pointer;
	margin-bottom: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(../images/icon_login_domain.png);
	background-position: 15px center;
	overflow: hidden;
	padding-right: 20px
}

#banner_sec .login_box .member_list .member_item a {
	font-size: 18px;
	color: #666;
	display: block;
	overflow: hidden
}

@media (max-width:1680px) {
	#banner_sec .list .title {
		font-size: 40px
	}
}

@media (max-width:1440px) {
	#banner_sec .list .wrap {
		box-sizing: border-box;
		padding-left: 20px
	}
}

#int .top {
	padding: 35px 0 35px 0
}

#int .type .item {
	display: block;
	float: left;
	padding: 0 30px;
	width: 50%
}

#int .type .item a {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding-top: 45px;
	display: block;
	padding-bottom: 48px
}

#int .type .item .title {
	font-size: 26px;
	color: #111;
	text-align: center
}

#int .type .item .subtitle {
	font-size: 22px;
	color: #111;
	text-align: center;
	margin-top: 5px
}

#int .type .item .brief {
	font-size: 16px;
	text-align: center;
	color: #555;
	line-height: 30px;
	margin-top: 25px
}

#int .type .item .btn {
	width: 138px;
	height: 41px;
	line-height: 37px;
	color: #0b76e3;
	text-align: center;
	border: 2px solid #0b76e3;
	margin: 0 auto;
	font-size: 16px;
	margin-top: 30px;
	border-radius: 3px
}

#int .advantage .title {
	line-height: 35px;
	font-size: 40px;
	color: #333;
	text-align: center;
	margin-bottom: 25px
}

#int .advantage .subtitle {
	font-size: 16px;
	color: #999;
	text-align: center;
	margin-bottom: 25px
}

#int .advantage .story {
	text-align: center;
	margin-bottom: 35px
}

#int .advantage .story .video {
	font-size: 16px;
	color: #0b76e3;
	padding-left: 35px;
	display: inline-block;
	line-height: 30px
}

#int .advantage .story span {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%
}

#int .advantage .story i {
	width: 30px;
	height: 30px;
	left: 0;
	top: 0;
	background: #0b76e3;
	border-radius: 50%;
	animation: suofang 3s infinite
}

#int .advantage .story i:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 10px;
	margin: auto;
	bottom: 0;
	border-width: 5px 0 5px 8px;
	border-color: transparent;
	border-left-color: #fff;
	border-style: solid
}

@keyframes suofang {
	0% {
		transform: scale(0.7,0.7)
	}

	50% {
		transform: scale(1,1)
	}

	100% {
		transform: scale(0.7,0.7)
	}
}

#int .amount {
	height: 210px;
	background: #0b76e3
}

#int .amount ul li {
	width: 25%;
	height: 90px;
	float: left;
	border-left: 1px solid #0b76e3;
	margin-top: 60px;
	text-align: center;
	box-sizing: border-box
}

#int .amount ul li .num {
	font-size: 40px;
	color: #fff
}

#int .amount ul li .num span {
	font-weight: normal;
	font-family: "HelveticaNeueLTProThEx"
}

#int .amount ul li .num .sub {
	vertical-align: top;
	font-size: 16px;
	font-style: normal
}

#int .amount ul li p {
	font-size: 16px;
	color: #fff;
	margin-top: 15px
}

#inm {
	overflow: hidden
}

#inm .case .title {
	margin-bottom: 30px
}

#inm .case .title span {
	font-family: "Arial"
}

#inm .case .title h2 {
	font-size: 40px
}

#inm .case .category a {
	padding: 0 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	color: #646464;
	margin: 0 5px;
	vertical-align: top
}

#inm .case .category span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	vertical-align: top;
	color: #ebebeb
}

#inm .case .btn a {
	width: 252px;
	height: 44px;
	line-height: 40px;
	border: 2px solid #0b76e3;
	color: #0b76e3;
	display: inline-block;
	border-radius: 3px;
	font-size: 16px
}

#inm .resource {
	padding-top: 0px;
	width: 100%
}

#inm .resource .title {
	height: 58px;
	line-height: 58px;
	font-size: 30px
}

#inm .resource .title h2 {
	font-size: 40px
}

#inm .resource .list {
	padding-bottom: 63px;
	border-bottom: 1px solid #eee;
	margin: 32px -20px 0 -20px
}

#inm .resource .list .item {
	display: block;
	width: 33.333333%;
	text-decoration: none;
	padding: 0 20px
}

#inm .resource .list .item .pic {
	position: relative;
	top: 0;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

#inm .resource .list .item .title {
	margin-top: 30px;
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-size: 24px;
	color: #222;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

#inm .resource .list .item .brief {
	margin-top: 13px;
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #666;
	text-align: center;
	overflow: hidden
}

#inm .resource .list .item .btn {
	margin-top: 24px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center
}

#inm .resource .list .item .btn .btn_a {
	display: inline-block;
	padding-right: 22px;
	background: url('../images/resource_btn_icon.png') no-repeat center right;
	font-size: 16px;
	color: #0b76e3;
	text-decoration: none
}

#w1000 #inm .course .box {
	width: 480px;
	height: 168px;
	padding-left: 240px
}

.global_item_fir {
	width: 25%;
	float: left;
	margin-bottom: 35px;
	position: relative;
	padding: 0 20px
}

.global_item_fir .pic {
	border: 1px solid #f5f5f5;
	width: 100%
}

.global_item_fir .pic a {
	display: block;
	overflow: hidden
}

.global_item_fir .pic:after {
	padding-bottom: 116%
}

.global_item_fir h3 {
	text-align: center;
	margin-top: 15px
}

.global_item_fir h3 a {
	font-size: 16px;
	color: #333;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	display: block;
}

.new_top {
	margin: 30px -20px 90px -20px;
	overflow: hidden
}

.new_top .h2 {
	font-size: 40px;
	margin-bottom: 35px
}

.new_top .litem {
	width: 33.333333%;
	float: left;
	padding: 0 20px
}

.new_top .litem .title {
	display: block;
	position: relative;
	height: 64px;
	line-height: 64px;
	border-bottom: 1px solid #e5e5e5;
	background: url(../images/icon_ind_new_0.png) no-repeat left center;
	font-size: 22px;
	color: #111;
	padding-left: 45px;
	text-decoration: none
}

.new_top .litem .title:before {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 8px;
	margin: auto;
	background: url(../images/icon_ind_new_4.png) no-repeat left center;
	content: ''
}

.new_top .litem .title1 {
	background-image: url(../images/icon_ind_new_1.png)
}

.new_top .litem .title2 {
	background-image: url(../images/icon_ind_new_2.png)
}

.new_top .litem ul {
	padding-top: 5px
}

.new_top .litem li {
	margin-top: 20px
}

.new_top .litem .name {
	display: block;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.new_top .litem .name img {
	display: inline-block;
	margin-left: 2px
}

.new_top .litem .date {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #bbb
}

#inb {
	overflow: hidden
}

#inb .t {
	height: 64px;
	line-height: 64px;
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

#inb .more {
	display: inline-block;
	padding-right: 23px;
	background: url(../images/more_arr.png) no-repeat right center;
	font-size: 14px;
	color: #0b76e3
}

_#inb h3 {
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	position: relative
}

_#inb h3 img {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	margin-left: 5px
}

_#inb h3 a {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 14px;
	color: #545454
}

#inb h3 span.fr {
	color: #bbb;
	font-size: 14px
}

#inb h3 i {
	width: 3px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 9px;
	display: block;
	background: url(../images/icons.png) no-repeat;
	background-position: -465px -162px
}

.inbanner {
	overflow: hidden;
	width: 100%;
	position: relative
}

.inbanner .inbanner-slick {
	overflow: hidden;
	position: relative
}

.inbanner .inbanner-slick img {
	text-align: center;
	margin: 0 auto;
	display: block
}

.insideBanner {
	background: url(../images/inbanner01.jpg) no-repeat center center;
	padding: 50px 0
}

.insideBanner #search {
	position: relative;
	margin-top: 0;
	top: 0
}

.inbanner-phone-slick {
	display: none
}

.inbanner-phone-slick img {
	display: block
}

@media (max-width:768px) {
	.inbanner .inbanner-slick {
		display: none
	}

	.inbanner-phone-slick {
		display: block
	}

	#search {
		padding: 0 15px
	}
}

.inmain {
	padding-top: 20px;
	min-height: 500px;
	padding-bottom: 30px;
	background: #fff
}

.bread-crumbs {
	position: relative;
	font-size: 14px;
	color: #666;
	line-height: 0;
	height: 30px;
	overflow: hidden
}

.bread-crumbs .crumbs-handle {
	position: relative;
	margin-bottom: 9px;
	display: inline-block;
	font-size: 12px;
	color: #0b76e3;
	border: 1px dashed #0b76e3;
	padding: 4px 24px 4px 4px;
	line-height: 1
}

.bread-crumbs .crumbs-handle a {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #0b76e3
}

.yang-class {
	height: 40px;
	overflow: hidden;
	position: relative
}

.yang-class ul {
	float: left;
	padding-left: 54px;
	padding-right: 65px;
	margin-bottom: 10px
}

.yang-class ul li {
	float: left;
	height: 30px;
	margin-left: 20px;
	position: relative;
	z-index: 1
}

.yang-class ul li.on a {
	color: #0b76e3
}

.yang-class ul li span {
	width: 100%;
	height: 40px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	cursor: pointer
}

.yang-check i {
	background: url(//pic.qiantucdn.com/yang/img/icon25.png) 1px -110px
}

.yang-class ul li a {
	font-size: 14px;
	line-height: 38px
}

.yang-class ul li i {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	border: 1px solid #d3d3d3;
	margin-top: 11px;
	margin-right: 5px
}

.yang-class strong {
	font-weight: 700;
	display: block;
	height: 25px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 9px
}

.yang-class ul li.on i {
	background: url(../images/icon25.png) 1px -110px;
	border: 1px solid #0b76e3
}

.yang-class-p1 {
	position: absolute;
	height: 32px;
	top: 7px;
	right: 0;
	width: 62px;
	z-index: 1;
	overflow: hidden
}

.yang-class-p1 a {
	width: 62px;
	height: 26px;
	line-height: 24px;
	display: block;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #535353;
	text-indent: 24px
}

.yang-class-p1 a.yang-class-a1 {
	background: url(../images/icon25.png) no-repeat 6px -38px;
	float: left;
	transition: background-position-y .25s;
	-moz-transition: background-position-y .25s;
	-webkit-transition: background-position-y .25s;
	-o-transition: background-position-y .25s;
	cursor: pointer
}

.more-down {
	height: auto
}

.search-color-box {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 16px 10px;
	margin-bottom: 14px;
	margin-top: 15px
}

.search-color-box .color-text {
	font-size: 14px;
	color: #666;
	padding-top: 2px;
	margin-right: 40px
}

.search-color-box .color-text p {
	position: relative
}

.search-color-box .color-text p span {
	color: #0b76e3
}

.search-color-box .color-text p .color-btn {
	width: 54px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	border: 1px solid #999;
	position: absolute;
	right: -65px;
	top: 0;
	cursor: pointer;
	display: none
}

.search-color-box .color-text p .color-btn .icon {
	font-size: 12px
}

.search-color-box .color-tab {
	margin-top: 2px;
	position: relative
}

.search-color-box .usuallycolor .color-block {
	width: 30px;
	height: 20px;
	line-height: 20px
}

.search-color-box .usuallycolor .color-block .icon {
	font-size: 14px
}

.search-color-box .flow-box {
	height: auto!important
}

.usuallycolor {
	float: left
}

.usuallycolor .color-block {
	float: left;
	width: 36px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	position: relative
}

.usuallycolor .color-block>span {
	display: block;
	position: absolute;
	line-height: 24px;
	text-align: center;
	z-index: -1;
	width: 40px;
	height: 24px;
	opacity: 0
}

.usuallycolor .color-block>span>.icon {
	display: none;
	font-size: 16px;
	color: #fff
}

.usuallycolor .color-block.active .icon {
	display: inline-block
}

.usuallycolor .color-block .icon {
	display: none;
	font-size: 16px;
	color: #fff
}

#inm .case {
	padding-bottom: 60px;
	padding-top: 90px
}

#inm .case .container {
	margin: 45px -20px 0 -20px
}

.mypage {
	text-align: center;
	padding-bottom: 25px
}

.mypage a {
	color: #999!important
}

.mypage .cpb {
	color: #fff!important;
	background: #0b76e3;
	border-color: #0b76e3
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #0b76e3;
	border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:focus,.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #0b76e3;
	border-color: #0b76e3;
	cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.bannerlistbox {
	position: relative;
	margin: 0 auto;
	z-index: 1
}

.bannerlistbox ul a{cursor: pointer;}

.bannerlistbox ul {
	margin: 0 -10px;
	padding: 0;
	list-style: none
}

.bannerlistbox ul li {
	width: 25%;
	padding: 0 10px;
	transition: all .2s;
	float: left;
	margin-bottom: 20px
}

.bannerlistbox ul li .box {
	border: 1px solid #f2f2f2
}

.bannerlistbox ul li .pic {
	position: relative;
	overflow: hidden
}

.bannerlistbox ul li .pic:after {
	padding-bottom: 26%
}

.bannerlistbox ul li .pic .pic-down,.bannerlistbox ul li .pic .pic-fd {
	display: inline-block;
	position: absolute;
	top: -40px;
	line-height: 26px;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	padding: 0 5px
}

.bannerlistbox ul li .pic .pic-down i,.bannerlistbox ul li .pic .pic-fd i {
	display: inline-block;
	margin-right: 5px
}

.bannerlistbox ul li .pic .pic-down:focus,.bannerlistbox ul li .pic .pic-fd:focus {
	text-decoration: none
}

.bannerlistbox ul li .pic .pic-down {
	background: #0b76e3;
	border: 1px solid #0b76e3;
	right: 100px
}

.bannerlistbox ul li .pic .pic-fd {
	background: #e34f43;
	border: 1px solid #d43f3a;
	right: 5px
}

.bannerlistbox ul li .list-info {
	padding: 10px;
	color: #999;
	font-size: 12px;
	background: #fff
}

.bannerlistbox ul li .list-info p {
	color: #666;
	font-size: 12px;
	margin-bottom: 10px
}

.bannerlistbox ul li .list-info i {
	display: inline-block;
	margin-right: 5px
}

@font-face {
	font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot');src:url('../font/fontawesome-webfont.eot') format('embedded-opentype'),url('../font/fontawesome-webfont.woff2') format('woff2'),url('../font/fontawesome-webfont.woff') format('woff'),url('../font/fontawesome-webfont.ttf') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-eye:before {
	content: "\f06e"
}

.fa-cloud-download:before {
	content: "\f0ed"
}

.fa-clock-o:before {
	content: "\f017"
}

.fa-search:before {
	content: "\f002"
}

.modal-open {
	overflow: hidden
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    background-color:rgba(0, 0, 0, 0.6);
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0,-25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	background-clip: padding-box;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}

	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
		box-shadow: 0 5px 15px rgba(0,0,0,0.5)
	}

	.modal-sm {
		width: 300px
	}
}

@media (min-width:992px) {
	.modal-lg {
		width: 900px
	}
}

.banner-big {
	max-width: 1200px;
	margin: 5% auto
}

.banner-big .modal-content {
	border-radius: 0
}

.banner-big .modal-content .modal-header {
	color: #666
}

.banner-big .modal-content .modal-header span {
	overflow: hidden;
	line-height: 25px;
	display: block;
	text-align: right
}

.modal-title {
	font-size: 18px;
	float: left
}

.banner-big .modal-content .modal-body {
	padding: 0
}

.banner-big .modal-content .modal-body img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.btn-sm,.btn-group-sm>.btn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border: 1px solid #d43f3a;
    cursor:pointer;
}

.btn-danger:focus,.btn-danger.focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19
}

.about-pic {
	text-align: center
}

.about-pic img {
	text-align: center;
	margin: 0 auto
}

.bannerSearch {
	position: relative;
	padding: 51px 0 0;
	margin-bottom: 50px;
	background-size: cover
}

.bannerSearch h2 {
	padding-top: 20px;
	font-size: 40px;
	text-align: center;
	line-height: 50px;
	color: #333;
	margin-bottom: 20px
}

.bannerSearch h2 span {
	color: #e34f43
}

.bannerSearch p {
	line-height: 40px;
	text-align: center
}

.bannerSearch .bannerSbox {
	margin: 0 auto;
	max-width: 600px
}

@media (max-width:768px) {
	.bannerSearch .bannerSbox {
		padding: 0 10px
	}
}

.bannerSearch .bannerSbox input {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	height: 55px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	float: left!important;
	width: 90%;
	padding: 0 20px;
	border: 1px solid #ccc;
	font-size: 15px;
	border-right: 0
}

.bannerSearch .bannerSbox button {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-left: 0;
	height: 55px;
	float: right!important;
	width: 10%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 2rem;
	color: #666;
	border: 0;
	background: #eee;
	padding: 0
}

.bannerSearch .bannerSbox button:focus {
	background: #eee;
	border: 0
}

.banner-body {
	max-width: 1400px;
	margin: 50px auto;
	box-shadow: 0 0 50px #e1e1e1
}

@media (max-width:1400px) {
	.banner-body {
		max-width: 1200px
	}
}

@media (max-width:1200px) {
	.banner-body {
		max-width: 992px
	}
}

.yuming-kongjian {
	overflow: hidden;
	padding-bottom: 30px
}

.yuming-item {
	padding-bottom: 20px;
	padding-top: 20px
}

.yuming-item .title {
	text-align: center;
	font-size: 26px;
	line-height: 70px
}

.yuming-item .info {
	width: 100%;
	overflow: auto
}

.yuming-item .info ul {
	text-align: center;
	font-size: 0
}

.yuming-item .info ul li {
	width: 10%;
	padding: 0 1px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	vertical-align: top
}

.yuming-item .info ul li.first {
	width: 17%
}

.yuming-item .info ul li .bt {
	background: #f5f5f5;
	padding: 0 5px;
	font-size: 16px;
	display: none
}

.yuming-item .info ul.one li .bt {
	display: block
}

.yuming-item .info ul.one li .jsh {
	display: block
}

.yuming-item .info ul li .jsh {
	line-height: 25px;
	padding: 10px 5px
}

.yuming-item .info ul li .jsh span {
	padding-left: 10px;
	color: #e34f43;
	cursor: pointer
}

.yuming-item .info ul li.nianxian {
	width: 6%
}

.kongjian-item {
	padding-bottom: 20px
}

.kongjian-item .title {
	text-align: center;
	font-size: 26px;
	line-height: 70px
}

.kongjian-item .info {
	width: 100%;
	overflow: auto
}

.kongjian-item .info ul {
	text-align: center;
	font-size: 0
}

.kongjian-item .info ul li {
	width: 8%;
	padding: 0 1px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	vertical-align: top
}

.kongjian-item .info ul li.first {
	width: 12%
}

.kongjian-item .info ul li .bt {
	background: #f5f5f5;
	padding: 0 5px;
	font-size: 16px;
	display: none
}

.kongjian-item .info ul.one li .bt {
	display: block
}

.kongjian-item .info ul.one li .jsh {
	display: block
}

.kongjian-item .info ul li .jsh {
	line-height: 25px;
	padding: 10px 5px
}

.kongjian-item .info ul li .jsh span {
	padding-left: 10px;
	color: #e34f43;
	cursor: pointer
}

.kongjian-item .info ul li.nianxian {
	width: 5%
}

.kongjian-item .info ul li.leixing {
	width: 6%
}

@media (max-width:768px) {
	.yuming-item .info {
		overflow: hidden
	}

	.yuming-item .info ul {
		width: 100%;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		margin-bottom: 10px
	}

	.yuming-item .info ul li {
		width: 100%;
		display: block;
		position: relative;
		border-bottom: 1px solid #ddd;
		background: #f5f5f5
	}

	.yuming-item .info ul li.first {
		width: 100%
	}

	.yuming-item .info ul li.nianxian {
		width: 100%
	}

	.yuming-item .info ul.one {
		display: none
	}

	.yuming-item .info ul li .bt {
		width: 120px;
		position: absolute;
		top: 0;
		left: 0;
		display: block
	}

	.yuming-item .info ul li .jsh {
		padding: 8px 5px 7px 5px;
		text-align: left;
		margin-left: 120px;
		background: #fff;
		border-left: 1px solid #ddd
	}

	.kongjian-item .info {
		overflow: hidden
	}

	.kongjian-item .info ul {
		width: 100%;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		margin-bottom: 10px
	}

	.kongjian-item .info ul li {
		width: 100%;
		display: block;
		position: relative;
		border-bottom: 1px solid #ddd;
		background: #f5f5f5
	}

	.kongjian-item .info ul li.first {
		width: 100%
	}

	.kongjian-item .info ul li.nianxian {
		width: 100%
	}

	.kongjian-item .info ul li.leixing {
		width: 100%
	}

	.kongjian-item .info ul.one {
		display: none
	}

	.kongjian-item .info ul li .bt {
		width: 120px;
		position: absolute;
		top: 0;
		left: 0;
		display: block
	}

	.kongjian-item .info ul li .jsh {
		padding: 8px 5px 7px 5px;
		text-align: left;
		margin-left: 120px;
		background: #fff;
		border-left: 1px solid #ddd
	}
}

.choose {
	overflow: hidden
}

.choose .louceng {
	padding: 20px 0;
	overflow: hidden
}

.choose .louceng .top {
	overflow: hidden;
	margin-bottom: 38px
}

.choose .louceng .top i {
	display: inline-block;
	float: left;
	height: 34px;
	width: 34px;
	background: url(../images/home_ico.png) 0 -1416px no-repeat
}

.choose .louceng .top h3 {
	font-size: 26px;
	color: #222;
	float: left;
	display: inline-block;
	margin-left: 15px
}

.choose .louceng .top .list {
	margin-left: 30px;
	float: left
}

.choose .louceng .top .list a {
	display: block;
	float: left;
	width: 88px;
	height: 34px;
	line-height: 34px;
	margin-right: 10px;
	border-radius: 17px;
	color: #333;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 5px
}

.choose .louceng .top .list .active {
	color: #3583fb;
	background-color: #e5efff
}

.choose .louceng .top .more {
	float: right
}

.choose .louceng .top .more a {
	color: #333;
	font-size: 14px;
	display: inline-block;
	float: right;
	cursor: pointer;
	line-height: 34px
}

.choose .louceng .top .more a b {
	display: inline-block;
	width: 12px;
	height: 17px;
	margin-left: 8px;
	vertical-align: middle;
	background: url(../images/home_ico.png) -39px -1336px no-repeat
}

.choose .louceng .bottom ul {
	margin: 0 -25px
}

.choose .louceng .bottom ul li {
	width: 25%;
	padding: 0 25px;
	float: left;
	margin-bottom: 27px
}

.choose .louceng .bottom ul li .box {
	position: relative
}

.choose .louceng .bottom ul li .pic a {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.choose .louceng .bottom ul li .pic a img {
	max-height: none
}

.choose .louceng .bottom ul li .pic:after {
	padding-bottom: 70%
}

.choose .louceng .bottom ul li .bt {
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	color: #333
}

.choose .louceng .bottom ul li .c-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	display: none
}

.choose .louceng .bottom ul li .c-btn .info {
	position: absolute;
	display: block;
	line-height: 34px;
	text-align: center;
	height: 60px;
	color: #fff;
	font-size: 14px;
	bottom: 0;
	z-index: 2;
	margin: 0 auto;
	width: 100%;
	padding: 13px 0
}

.choose .louceng .bottom ul li .c-btn .info:after {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 2;
	content: '';
	display: block
}

.choose .louceng .bottom ul li .c-btn .info a {
	width: 96px;
	background-color: #fd6040;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	margin: 0 13px;
	position: relative;
	z-index: 3
}

.choose .louceng .bottom ul li .c-btn .info .yulan {
	background-color: #2f82ff
}

.choose .louceng2 .top i {
	background-position: -92px -1416px
}

.choose .louceng3 .top i {
	background-position: -48px -1416px
}

.choose .louceng3 .bottom1 ul {
	margin: 0 -34px
}

.choose .louceng3 .bottom1 ul li {
	width: 20%;
	height: 450px;
	padding: 0 34px 0 34px;
	margin-bottom: 60px;
	float: left;
	position: relative
}

.choose .louceng3 .bottom1 ul li .box {
	width: 224px;
	height: 450px;
	position: relative;
	margin: 0 auto
}

.choose .louceng3 .bottom1 ul li .box .bg {
	width: 232px;
	height: 438px;
	background: url(../images/mobile.svg);
	padding: 6px;
	position: absolute;
	left: -6px;
	top: -6px
}

.choose .louceng3 .bottom1 ul li .box .pic {
	position: absolute;
	width: 200px;
	height: 380px;
	left: 10px;
	top: 28px;
	overflow: hidden
}

.choose .louceng3 .bottom1 ul li .box .pic .c-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	opacity: 0
}

.choose .louceng3 .bottom1 ul li .box .pic .c-btn .info {
	position: absolute;
	display: block;
	line-height: 34px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding-top: 229px;
	z-index: 2;
	margin: 0 auto;
	width: 100%
}

.choose .louceng3 .bottom1 ul li .box .pic .c-btn .info .ewm {
	position: absolute;
	top: -150px;
	display: block;
	width: 136px;
	height: 136px;
	left: 50%;
	transition: .5s;
	margin-left: -68px;
	border: 8px solid #fff
}

.choose .louceng3 .bottom1 ul li .box .pic .c-btn .info a {
	padding: 0 10px;
	background-color: #fd6040;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	margin: 0 5px;
	position: relative;
	z-index: 3
}

.choose .louceng3 .bottom1 ul li .box .pic .c-btn .info .yulan {
	background-color: #2f82ff;
	width: 63px
}

.choose .louceng3 .bottom1 ul li .bt {
	font-size: 15px;
	text-align: center;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.youshi {
	width: 100%;
	background: #f5f9ff;
	overflow: hidden;
	padding-bottom: 45px
}

.youshi .title {
	font-size: 40px;
	text-align: center;
	color: #333;
	margin: 74px 0
}

.youshi ul {
	overflow: hidden
}

.youshi ul li {
	width: 20%;
	float: left;
	text-align: center
}

.youshi ul li .pic {
	width: 150px;
	height: 150px;
	margin: 0 auto
}

.youshi ul li .text .bt {
	font-size: 20px;
	color: #333;
	line-height: 52px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.youshi ul li .text .jsh {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.youshi .mianfei a {
	background: #3583fb;
	border-radius: 28px;
	color: #fff;
	overflow: hidden;
	display: block;
	margin: 70px auto;
	width: 186px;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	cursor: pointer;
	text-align: center
}

.global_category {
	margin-top: 50px;
	position: relative;
	margin-bottom: 60px
}

.global_category .global_category_abs {
	width: 100%;
	text-align: center;
	font-size: 0
}

.global_category .global_category_box {
	display: inline-block;
	padding: 0 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 20px rgba(0,0,0,0.08);
	background: white
}

.global_category .global_category_abs a {
	position: relative;
	display: inline-block;
	color: #333;
	padding: 0 38px;
	margin: 0 15px;
	height: 60px;
	line-height: 60px;
	background: #fff;
	font-size: 16px;
	text-decoration: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.global_category .global_category_abs a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #0b76e3;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.global_category .global_category_abs a.cur {
	color: #0b76e3
}

.global_category .global_category_abs a.cur:before {
	opacity: 1
}

#about .content {
	padding-top: 70px;
	padding-bottom: 90px
}

#about .content .title {
	line-height: 40px;
	font-size: 26px;
	color: #0b76e3;
	margin-bottom: 30px
}

#about .content .intro {
	padding-right: 20px;
	line-height: 30px;
	font-size: 16px;
	color: #444
}

#about .content .wrap {
	position: relative;
	overflow: hidden
}

#about .content .img_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 448px;
	height: 283px;
	background: #e6e6e6;
	float: left
}

#about .content .text {
	float: right;
	min-height: 283px;
	padding-left: 470px
}

#about .content .img {
	width: 448px;
	height: 283px
}

#about .content .img img {
	width: 100%;
	height: 100%
}

#about .content .img a {
	display: block
}

#about .technology {
	width: 100%;
	background: url(../images/about_technology.jpg) top center no-repeat;
	padding-bottom: 135px;
	background-size: cover
}

#about .technology .t {
	color: white;
	font-size: 28px;
	line-height: 38px;
	padding-top: 90px
}

#about .technology .item {
	margin-top: 32px;
	font-size: 0
}

#about .technology .item .list {
	position: relative;
	width: 212px;
	height: 125px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin: 0 12px;
	vertical-align: top
}

#about .technology .item .list:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 11px;
	border: 1px solid #6d6f6e;
	border-top: 0
}

#about .technology .item big {
	height: 59px;
	line-height: 59px;
	font-size: 50px;
	color: #0b76e3
}

#about .technology .item big .counter {
	font-weight: normal;
	position: relative;
	font-family: "HelveticaNeueLTProThEx"
}

#about .technology .item big sup {
	vertical-align: top;
	font-size: 16px;
	font-style: normal
}

#about .technology .item p {
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: white
}

#about .progress_s0 .t span {
	color: #0b76e3
}

#about .progress_s0 {
	padding-top: 75px
}

#about .progress_s0 .contents {
	width: 1150px;
	height: 550px;
	background: url(../images/about_progress_big_s0.png) no-repeat center;
	position: relative;
	margin: 50px auto 100px auto
}

#about .progress_s0 .contents .item {
	position: absolute;
	font-size: 14px;
	color: #444;
	left: -50px;
	top: -50px;
	width: 130px
}

#about .progress_s0 .contents .item span {
	font-size: 22px;
	color: #0b76e3;
	display: block;
	margin-bottom: 20px
}

#about .progress_s0 .contents .item.down span {
	margin-bottom: 0;
	margin-top: 20px
}

#about .progress_s0 .contents .flag {
	position: absolute;
	top: 191px;
	left: 39px
}

#about .progress_s0 .contents .flag_hide {
	display: none
}

#about .progress_s0 .contents .flag1 {
	left: 39px
}

#about .progress_s0 .contents .flag2 {
	left: 200px
}

#about .progress_s0 .contents .flag3 {
	left: 359px
}

#about .progress_s0 .contents .flag4 {
	left: 520px
}

#about .progress_s0 .contents .flag5 {
	left: 679px
}

#about .progress_s0 .contents .flag6 {
	left: 840px
}

#about .progress_s0 .contents .flag7 {
	left: 999px
}

#about .progress_s0 .contents .flag8 {
	left: 999px;
	top: 340px
}

#about .progress_s0 .contents .flag9 {
	left: 840px;
	top: 340px
}

#about .progress_s0 .contents .flag10 {
	left: 679px;
	top: 340px
}

#about .progress_s0 .contents .flag11 {
	left: 520px;
	top: 340px
}

#about .progress_s0 .contents .flag12 {
	left: 359px;
	top: 340px
}

#about .progress_s0 .contents .flag13 {
	left: 200px;
	top: 340px
}

#about .progress_s0 .contents .flag_90 {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

#about .progress_s0 .contents .flag_180 {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

#about .progress_s0 .contents .move {
	animation: mymove_s0 8s linear;
	-webkit-animation: mymove_s0 8s linear
}

@keyframes mymove_s0 {
	8% {
		left: 200px;
		top: 191px
	}

	16% {
		left: 359px;
		top: 191px
	}

	24% {
		left: 520px;
		top: 191px
	}

	32% {
		left: 679px;
		top: 191px
	}

	40% {
		left: 840px;
		top: 191px
	}

	48% {
		left: 999px;
		top: 191px
	}

	52% {
		left: 1100px;
		top: 191px
	}

	53% {
		left: 1115px;
		top: 195px
	}

	55% {
		left: 1138px;
		top: 220px
	}

	58% {
		left: 1138px;
		top: 310px
	}

	59% {
		left: 1128px;
		top: 326px
	}

	61% {
		left: 1100px;
		top: 340px
	}

	65% {
		left: 999px;
		top: 340px
	}

	72% {
		left: 840px;
		top: 340px
	}

	79% {
		left: 679px;
		top: 340px
	}

	86% {
		left: 520px;
		top: 340px
	}

	93% {
		left: 359px;
		top: 340px
	}

	100% {
		left: 200px;
		top: 340px
	}
}

#about .progress_s0 .contents .i0 {
	left: 67px;
	top: 7px
}

#about .progress_s0 .contents .i1 {
	left: 230px;
	top: 37px
}

#about .progress_s0 .contents .i2 {
	left: 389px;
	top: 8px
}

#about .progress_s0 .contents .i3 {
	left: 547px;
	top: 36px
}

#about .progress_s0 .contents .i4 {
	left: 710px;
	top: 7px
}

#about .progress_s0 .contents .i5-1 {
	left: 870px;
	top: 36px
}

#about .progress_s0 .contents .i5-2 {
	left: 1028px;
	top: 8px
}

#about .progress_s0 .contents .i6 {
	left: 881px;
	top: 427px
}

#about .progress_s0 .contents .i7 {
	left: 719px;
	top: 455px
}

#about .progress_s0 .contents .i8 {
	left: 560px;
	top: 408px
}

#about .progress_s0 .contents .i9 {
	left: 401px;
	top: 418px
}

#about .progress_s0 .contents .i10 {
	left: 240px;
	top: 427px
}

#about .progress_s0 .contents .i11 {
	left: 79px;
	top: 435px
}

#about .mission {
	width: 100%;
	overflow: hidden;
	background: url(../images/about_mission.jpg) top center no-repeat;
	background-size: cover
}

#about .mission .miss_box {
	width: 990px;
	margin: 74px auto 74px auto;
	border-top: 1px solid #646464;
	border-bottom: 1px solid #646464;
	padding-bottom: 47px;
	position: relative;
	padding-top: 45px;
	overflow: hidden;
	padding-left: 200px
}

#about .mission .left {
	float: left;
	width: 177px;
	text-align: center;
	position: absolute;
	left: 0
}

#about .mission .right {
	float: left;
	padding-top: 27px;
	padding-left: 30px;
	background: url(../images/about_ico.png) no-repeat top left;
	text-align: left;
	min-height: 177px
}

#about .mission .right .firt {
	line-height: 66px;
	font-size: 28px;
	color: white
}

#about .mission .right .sect {
	line-height: 44px;
	font-size: 18px;
	color: white
}

#about .news {
	padding: 85px 0 90px 0
}

#about .news .container {
	margin: 0 -15px;
	padding: 35px 0 60px 0;
	overflow: hidden
}

#about .news .item {
	width: 25%;
	float: left;
	padding: 0 15px
}

#about .news .item .pic:after {
	padding-bottom: 51%
}

#about .news .item .box {
	padding: 15px;
	border: 1px solid #ededed;
	border-top: 0
}

#about .news .item .date {
	font-family: "Arial";
	font-size: 14px;
	color: #a0a0a0
}

#about .news .item h3 {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 15px
}

#about .news .item h3 a {
	font-size: 16px;
	color: #202020;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#about .news .item .intro {
	font-size: 14px;
	color: #616161;
	height: 50px;
	line-height: 25px;
	overflow: hidden
}

#about .news .btn a {
	width: 254px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #0b76e3;
	color: #0b76e3;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	-moz-border-radius: 22px;
	-ms-border-radius: 22px;
	-o-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px
}

#info {
	padding-bottom: 50px
}

.info_list {
	margin: 0 -15px
}

#info .item {
	float: left;
	width: 25%;
	padding: 0 15px;
	margin-bottom: 39px
}

#info .item .pic:after {
	padding-bottom: 51%
}

#info .item .box {
	border: 1px solid #ededed
}

#info .item .con {
	padding: 15px 12px 25px
}

#info .item .all {
	width: 100%
}

#info .item .con h3 {
	height: 30px;
	line-height: 30px
}

#info .item .con h3 a {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #222
}

#info .item .con .date {
	font-size: 14px;
	color: #bbb;
	font-family: "Arial";
	line-height: 22px
}

#info .item .con .intro {
	font-size: 14px;
	color: #999;
	line-height: 22px;
	height: 66px;
	overflow: hidden
}

#info .more {
	display: block;
	width: 264px;
	height: 52px;
	line-height: 52px;
	margin: auto;
	text-align: center;
	font-size: 14px;
	color: #888;
	background: #f1f1f1;
	text-decoration: none
}

#info .more span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-left: 3px;
	margin-top: -4px;
	vertical-align: middle
}

#info_detail {
	overflow: hidden
}

#info_detail .contents {
	overflow: hidden;
	line-height: 30px;
	font-size: 16px
}

#info_detail .contents .p {
	line-height: 30px;
	font-size: 16px;
	text-indent: 2em
}

#info_detail .ad {
	width: 275px
}

#info_detail h1 {
	font-size: 26px;
	color: #202020;
	text-align: center
}

#info_detail .param {
	line-height: 36px;
	padding: 10px 0;
	border-top: 1px dashed #ccc;
	text-align: center;
	border-bottom: 1px dashed #ccc
}

#info_detail .param * {
	font-size: 14px;
	color: #747373
}

#info_detail .param .date {
	margin-left: 40px;
	display: inline-block
}

#info_detail .param .view {
	margin-left: 40px;
	display: inline-block
}

#info_detail .param .author {
	display: inline-block
}

#info_detail .near {
	border-top: 1px solid #e5e5e5;
	padding: 15px 0
}

#info_detail .near .row {
	font-size: 14px;
	color: #0b76e3;
	float: left;
	width: 50%;
	height: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#info_detail .near .row a {
	color: #535353
}

#info_detail .related_news .related_news_title {
	font-size: 20px;
	height: 49px;
	line-height: 49px;
	border-bottom: 1px solid #ededee
}

#info_detail .related_news .related_news_list .related_news_item {
	overflow: hidden;
	border-bottom: 1px dashed #ededee;
	padding: 10px 0;
	float: left;
	width: 50%
}

#info_detail .related_news .related_news_list .related_news_item a {
	font-size: 14px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#info_detail .related_news .related_news_list .related_news_item a font {
    padding-right:5px;
    font-size: 14px;
}

#info_detail .related_news .related_news_list .related_news_item:last-child {
	border-bottom: 0
}

#search {
	height: 52px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 0;
	width: 100%
}

#search .form {
	position: relative;
	width: 700px;
	height: 52px;
	overflow: hidden;
	border-radius: 26px;
	margin: 0 auto 0
}

#search .text {
	width: 100%;
	height: 52px;
	border: 0;
	text-indent: 15px;
	background: #fff
}

#search .button {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 52px;
	background: #0b76e3 url(../images/icon_search.png) no-repeat center;
	border: 0;
	cursor: pointer
}

#search1 {
	height: 60px;
	overflow: hidden;
	width: 100%
}

#search1 .form {
	position: relative;
	width: 700px;
	height: 60px;
	overflow: hidden;
	border-radius: 30px;
	margin: 0 auto 0;
	border: 1px solid #0b76e3
}

#search1 .text {
	width: 100%;
	height: 60px;
	border: 0;
	text-indent: 15px;
	background: #fff;
	padding-right: 70px
}

#search1 .button {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 60px;
	background: #0b76e3 url(../images/icon_search.png) no-repeat center;
	border: 0;
	cursor: pointer
}

#login {
	margin: 50px 0;
	overflow: hidden;
	padding: 10px 0
}

#login .login_box {
	width: 400px;
	height: 420px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
	box-sizing: border-box;
	padding: 40px;
	margin: 0 auto
}

#login .login_box .login_title {
	font-size: 28px;
	text-align: center;
	margin-bottom: 30px
}

#login .login_box .input input {
	width: 100%;
	height: 45px;
	line-height: 35px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 3px;
	text-indent: 45px;
	font-size: 14px;
	padding: 5px 0
}

#login .login_box .input .user {
	background: url(../images/icon_login_user.png) 12px center no-repeat
}

#login .login_box .input .password {
	background: url(../images/icon_login_password.png) 12px center no-repeat
}

#login .login_box .submit {
	width: 100%;
	height: 47px;
	line-height: 47px;
	background: #0b76e3;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border: 0;
	display: block;
	letter-spacing: 5px;
	border-radius: 3px;
	margin-top: 55px
}

#login .login_box .submit.loading {
	background: url(../images/login_loading.gif) #0b76e3 center no-repeat;
	text-indent: 10000px
}

#login .login_box .tips {
	text-align: left;
	font-size: 16px;
	color: #999
}

#login .login_box .tips a {
	color: #0b76e3
}

#login .login_box .tips .forgot_btn {
	float: right;
	color: #999
}

#login .member_box {
	width: 400px;
	height: 460px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
	box-sizing: border-box;
	padding: 40px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -230px
}

#login .member_box h2 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 30px
}

#login .member_box .member_list {
	height: 310px;
	overflow: hidden
}

#login .member_box .member_list .member_item {
	height: 50px;
	line-height: 50px;
	border: 1px solid #dedede;
	border-radius: 5px;
	padding-left: 55px;
	cursor: pointer;
	margin-bottom: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(../images/icon_login_domain.png);
	background-position: 15px center;
	overflow: hidden;
	padding-right: 20px
}

#login .member_box .member_list .member_item a {
	font-size: 18px;
	color: #666;
	text-decoration: none;
	display: block;
	overflow: hidden
}

.rules-list {
	overflow: hidden;
	margin: 0 -20px 25px -20px
}

.rules-list li {
	width: 25%;
	float: left;
	padding: 20px 20px 20px 20px
}

.rules-list .box {
	border: 1px #eaeaea solid;
	padding: 20px 30px;
	transition: all .4s
}

.rules-list .date .year {
	font-size: 28px
}

.rules-list .date .month {
	display: inline-block;
	font-size: 12px
}

.rules-list .bt {
	display: block;
	font-size: 18px;
	color: #111;
	line-height: 34px;
	height: 68px;
	overflow: hidden
}

.rules-list .view {
	font-size: 15px;
	color: #555;
	margin: 10px 0
}

.rules-list .view a {
	background: #666;
	color: #fff;
	display: inline-block;
	min-width: 100px;
	padding: 0 10px;
	line-height: 30px;
	text-align: center;
	position: relative
}

@media (max-width:1279px) {
	.rules-list .bt {
		font-size: 16px;
		line-height: 24px;
		height: 48px
	}

	.rules-list .box {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px
	}

	.rules-list .date .year {
		font-size: 20px
	}
}

@media (max-width:1024px) {
	.rules-list {
		margin: 0 -10px 20px -10px
	}

	.rules-list li {
		width: 50%;
		float: left;
		padding: 20px 10px 0 10px
	}
}

@media (max-width:767px) {
	.rules-list li {
		width: 100%
	}

	.rules-list .box {
		padding: 10px
	}

	.rules-list .bt {
		height: auto
	}
}

.site-inline {
	position: relative;
	 
}

.site-tree,.site-content {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 14px
}

.site-tree {
	width: 220px;
	min-height: 900px;
	padding: 5px 0 20px;
	border-right: 1px solid #eee;

}

.site-tree .layui-tree {
	line-height: 32px
}

.layui-tree li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.site-tree .layui-tree li h2 {
	line-height: 36px;
	border-left: 5px solid #0b76e3;
	margin: 15px 0 5px;
	padding: 0 10px;
	background-color: #f2f2f2;
	font-size: 14px;
	font-weight: 400
}

.layui-tree li .layui-tree-spread,.layui-tree li a {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	*display: inline;
	*zoom: 1;
	cursor: pointer
}

.layui-tree li a {
	font-size: 0
}

.layui-tree li a cite {
	padding: 0 6px;
	font-size: 14px;
	font-style: normal
}

.site-tree .layui-tree li a cite {
	padding: 0 8px
}

.site-tree .layui-tree li a em {
	font-size: 12px;
	color: #bbb;
	padding-right: 5px;
	font-style: normal
}

.site-tree .layui-tree .site-tree-noicon a cite {
	padding-left: 15px
}

.site-tree .layui-tree .layui-this a {
	color: #0b76e3
}

.site-content {
	min-height: 900px;
	padding: 20px 0 10px 20px;width:82%;
    float:right;
}

.site-h1 {
	margin-bottom: 20px;
	line-height: 60px;
	padding-bottom: 10px;
	color: #393d49;
	border-bottom: 1px solid #eee;
	font-size: 28px;
	font-weight: 300
}

.site-tips {
	margin-bottom: 10px;
	padding: 15px;
	line-height: 22px;
	border-left: 5px solid #0078ad;
	background-color: #f2f2f2
}

.site-title {
	margin: 30px 0 20px
}

.site-title fieldset {
	border: 0;
	padding: 0;
	border-top: 1px solid #eee
}

.site-title fieldset legend {
	margin-left: 20px;
	padding: 0 10px;
	font-size: 22px;
	font-weight: 300
}

.site-title fieldset legend a {
	color: #333
}

.site-text {
	position: relative
}

.site-text p {
	margin-bottom: 10px;
	line-height: 22px
}

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

.layui-code {
	position: relative;
	margin: 10px 0;
	padding: 15px;
	line-height: 20px;
	border: 1px solid #ddd;
	border-left-width: 6px;
	background-color: #f2f2f2;
	color: #333;
	font-family: Courier New;
	font-size: 12px
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.site-table {
	width: 100%;
	margin: 10px 0
}

.site-table thead {
	background-color: #f2f2f2
}

.site-table th,.site-table td {
	padding: 6px 15px;
	min-height: 20px;
	line-height: 20px;
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: 400
}

.site-table tr:nth-child(even) {
	background: #fbfbfb
}

.layui-table {
	width: 100%;
	margin: 10px 0;
	background-color: #fff
}

.layui-table tr {
	transition: all .3s;
	-webkit-transition: all .3s
}

.layui-table thead tr {
	background-color: #f2f2f2
}

.layui-table th {
	text-align: left
}

.layui-table td,.layui-table th {
	padding: 9px 15px;
	min-height: 20px;
	line-height: 20px;
	border: 1px solid #e2e2e2;
	font-size: 14px
}

.site-doc-color {
	font-size: 0
}

.site-doc-color li {
	display: inline-block;
	vertical-align: middle;
	width: 268px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px 10px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	line-height: 22px;
	font-size: 14px
}

.site-doc-color li p[tips] {
	opacity: .8;
	font-size: 12px
}

.site-doc-necolor li {
	width: 165px;
	margin-top: 15px;
	margin-left: 0;
	border-radius: 0
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.inmain .classify {
	margin-bottom: 40px
}

.inmain .classify span {
	display: inline-block;
	float: left;
	padding-right: 10px;
	margin-bottom: 5px
}

.inmain .classify span a {
	border: 1px #eee solid;
	display: block;
	padding: 5px 10px;
	font-size: 16px;
	color: #333;
	min-width: 80px;
	text-align: center
}

.inmain .classify span.active a {
	border-color: #0b76e3;
	background: #0b76e3;
	color: #fff
}

.share {
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 30px;
	overflow: hidden
}

.share .list {
	overflow: hidden
}

.share .list li {
	overflow: hidden;
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee
}

.share .list .pic {
	float: left;
	width: 180px;
	height: 135px;
	background: #eee;
	margin-right: 20px;
	position: relative;
	overflow: hidden
}

.share .list .pic img {
	transition: all .5s
}

.share .list .text {
	padding-top: 5px
}

.share .list .title {
	display: block;
	font-size: 22px;
	color: #333;
	transition: all .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.share .list .txt {
	margin: 10px 0;
	color: #666;
	line-height: 24px;
	font-size: 14px;
	height: 48px;
	overflow: hidden
}

.share .list .info {
	color: #999
}

.share .list .info img {
	max-height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px
}

.share .list .view,.share .list .like,.share .list .tag {
	margin-right: 10px
}

.sidebar {
	float: right;
	width: 25%
}

.sidebar .hot {
	padding-left: 20px
}

.sidebar .bigTitle {
	border-bottom: 2px solid #eee;
	padding-top: 2px
}

.sidebar .bigTitle span {
	display: inline-block;
	position: relative;
	font-size: 20px;
	line-height: 2
}

.sidebar .bigTitle span:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #0d6cbf;
	position: absolute;
	bottom: -2px
}

.sidebar .list {
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px
}

.sidebar .list li {
	overflow: hidden;
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee
}

.sidebar .list .pic {
	float: right;
	width: 100px;
	height: 75px;
	background: #eee;
	margin-left: 20px;
	position: relative
}

.sidebar .list .text {
	padding-top: 5px
}

.sidebar .list .title {
	display: block;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	margin-bottom: 10px
}

.sidebar .list .info {
	color: #999
}

.sidebar .list .info img {
	max-height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px
}

.sidebar .list .view,.sidebar .list .like,.sidebar .list .tag {
	margin-right: 10px
}

.tool {
	padding-top: 20px;
	padding-bottom: 30px
}

.tool .list {
	margin-left: -10px;
	margin-right: -10px
}

.tool .list li {
	width: 16.666666666666668%;
	float: left;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 20px
}

.tool .list .box {
	display: block;
	border: 1px solid #e8e8e8;
	position: relative;
	transition: all .5s
}

.tool .list .tag {
	position: absolute;
	top: -1px;
	right: -1px;
	background: #2da60c;
	color: #fff;
	padding: 0 10px;
	line-height: 24px;
	z-index: 2
}

.tool .list .pic {
	display: block;
	position: relative
}

.tool .list .pic:after {
	content: "";
	display: block
}

.tool .list .pic img {
	max-height: 80px
}

.tool .list .title {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.product {
	position: relative;
	padding-top: 40px;
	padding-bottom: 30px;
	z-index: 2
}

.product ul {
	margin: 0 -15px
}

.product li {
	width: 25%;
	float: left!important;
	padding: 0 15px;
	margin-bottom: 30px
}

.product .box {
	overflow: hidden;
	-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #fff;
	transition: all 1s;
	text-align: center;
	position: relative
}

.product .pic1 {
	padding: 10px;
	display: block;
	position: relative;
	overflow: hidden
}

.product .pic1 span {
	background: #efefef;
	display: block;
	overflow: hidden;
	position: relative
}

.product .pic1 span:after {
	content: "";
	display: block;
	padding-top: 75%
}

.product .pic1 img {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transition: all .5s
}

.product .btns {
	text-align: center;
	position: absolute;
	top: -40px;
	width: 100%;
	left: 0;
	padding: 0 10px;
	opacity: 0;
	transition: all .5s
}

.product .btns a {
	min-width: 33.33333333%;
	display: inline-block;
	line-height: 38px;
	font-size: 12px;
	text-align: center;
	float: left
}

.product .btns img {
	height: 20px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	display: inline-block
}

.product .btns .previewBtn {
	background: #d34f00;
	color: #fff
}

.product .btns .downloadBtn {
	background: #02a2aa;
	color: #fff
}

.product .btns .codeBtn {
	background: #1c60a4;
	color: #fff
}

.product .title {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 8px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.product .info {
	display: block;
	overflow: hidden;
	line-height: 20px;
	color: #666;
	font-size: 12px;
	font-family: arial;
	background-color: #f6f6f6;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #e7e7e7;
	box-shadow: 0 1px 0 0 #fff inset;
	padding: 7px 15px 7px 15px;
	color: #8b8b8c;
	position: relative
}

.product .info .icon {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px
}

.product .info .view {
	float: left
}

.product .info .date {
	float: right;
	text-align: right
}

@media (max-width:1400px) {
	.product li {
		width: 25%
	}
}

@media (max-width:1280px) {
	.product li {
		width: 33.33333333%
	}
    .site-content {
         width:78%;
    }
}
@media(max-width:1060px){
    .site-content {
        width:74%;
    }
}
@media (max-width:1023px) {
	.product li {
		width: 50%
	}
}

@media (max-width:480px) {
	.product li {
		width: 100%
	}
}

.code {
	width: 80%;
	margin: auto;
	height: 100%;
	position: relative
}

.coedeBtn {
	line-height: 40px;
	position: fixed;
	top: 30px;
	width: 100%
}

.coedeBtn a {
	float: left;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	background: #333;
	color: #fff!important;
	font-size: 16px
}

.coedeBtn a.cur {
	text-decoration: none;
	background: #1c60a4!important
}

.codeContent {
	background: #fff
}

.codeContent .item {
	display: none;
	height: 100%
}

.codeContent textarea {
	width: 100%;
	height: 100%;
	max-height: 100%;
	padding: 10px;
    overflow:auto;
	border: 1px #ccc solid
}

.codeContent textarea:focus {
	border: 1px #222 solid;
	outline: 0
}

.product-show .title-info {
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 20px 0
}

.product-show .title {
	font-weight: 400;
	font-size: 28px;
	line-height: 1.5;
	margin: 0
}

.product-show .info {
	display: block;
	overflow: hidden;
	line-height: 20px;
	color: #666;
	font-size: 12px;
	font-family: arial;
	padding: 10px 0;
	color: #8b8b8c;
	position: relative
}

.product-show .info .icon {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px
}

.product-show .info .view {
	display: inline-block;
	margin-right: 20px
}

.product-show .info .date {
	display: inline-block;
	margin-right: 20px
}

.product-show .nr {
	padding-bottom: 30px
}

.product-show .btns {
	text-align: center;
	margin: 20px 0
}

.product-show .btns a {
	min-width: 130px;
	margin: 0 10px;
	display: inline-block;
	line-height: 38px;
	font-size: 18px;
	text-align: center;
	padding: 0 10px
}

.product-show .btns img {
	height: 20px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	display: inline-block
}

.product-show .btns .previewBtn {
	background: #d34f00;
	color: #fff
}

.product-show .btns .downloadBtn {
	background: #02a2aa;
	color: #fff
}

.product-show .btns .codeBtn {
	background: #1c60a4;
	color: #fff
}

.product-show .btns .returnListBtn {
	background: #5cb85c;
	color: #fff
}

.product-show .content img {
	max-width: 100%;
	max-height: 100%
}

.phone-nav {
	position: fixed;
	right: 10px;
	top: 0;
	line-height: 60px;
	display: none;
	color: #666;
	z-index: 12
}

.phone-nav img {
	height: 28px;
	margin-top: 34px;
	display: block;
	transition: .2s
}

.header_abs .phone-nav img {
	margin-top: 16px
}

@media (max-width:1400px) {
	.wrap {
		width: 100%;
		padding: 0 15px
	}

	.choose .louceng3 .bottom1 ul {
		margin: 0 -10px
	}

	.choose .louceng3 .bottom1 ul li {
		padding: 0 10px
	}

	#about .content .img_box {
		left: 15px
	}
}

@media (max-width:1200px) {
	#header .nav {
		margin-right: 0
	}

	#header .nav li {
		margin-right: 30px
	}

	.choose .louceng3 .bottom1 ul li {
		width: 25%
	}

	.choose .louceng3 .bottom1 ul li:nth-child(n+9) {
		display: none
	}
}

@media (max-width:1280px) {
	#footer .menu dl {
		width: 130px
	}
}

@media (max-width:1180px) {
	#about .progress_s0 .contents {
		width: 100%;
		background: 0;
		overflow: hidden;
		height: auto;
		position: relative
	}

	#about .progress_s0 .contents:after {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background: #ccc;
		position: absolute;
		top: 0;
		left: 9px
	}

	#about .progress_s0 .contents .flag {
		display: none!important
	}

	#about .progress_s0 .contents .item {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		width: 100%;
		padding-top: 30px;
		margin-bottom: 25px;
		background: url(../images/flag_move.png) no-repeat left 5px;
		padding-left: 25px;
		z-index: 2
	}

	#about .progress_s0 .contents .item span {
		position: absolute;
		top: 0;
		left: 25px
	}

	#about .progress_s0 .contents .item.down span {
		margin-top: 0
	}
}

@media (max-width:1150px) {
	#footer .menu dl {
		margin-right: 0;
		padding-right: 5px
	}
}

@media (max-width:1024px) {
	.sidebar {
		display: none
	}

	.share {
		width: 100%;
		padding-right: 0
	}

	#info .item {
		width: 33.333333%
	}
}

@media (min-width:1025px) {
	#header .nav li:hover>a {
		color: #0b76e3;
		text-decoration: none
	}

	#header .nav li:hover>a i {
		transform: rotate(180deg);
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}

	#header .nav li dd a:hover {
		text-decoration: none;
		color: #0b76e3
	}

	#header .member a.login:hover {
		background: #0b76e3;
		color: #fff;
		border: 1px solid #0b76e3
	}

	#footer .top .links a:hover {
		text-decoration: underline
	}

	#footer .menu dl dd a:hover {
		color: #0b76e3;
		text-decoration: none
	}

	#banner_sec .btn:hover {
		background: #0760bc
	}

	#banner_sec .login_box .submit:hover {
		box-shadow: 0 0 20px 0 #0b76e3 inset;
		background: #0760bc
	}

	#banner_sec .login_box .member_list .member_item:hover {
		border: 1px solid #0b76e3
	}

	#int .type .item:hover a {
		box-shadow: 0 0 20px 0 #c1e3dd;
		border: 1px solid #0b76e3
	}

	#int .type .item:hover .btn {
		background: #0b76e3;
		color: #fff
	}

	#inm .case .category a:hover {
		color: #0b76e3
	}

	#inm .case .btn a:hover {
		background: #0b76e3;
		color: #fff
	}

	#inm .resource .list .item:hover .img {
		top: -10px
	}

	#inm .resource .list .item:hover .title {
		color: #0b76e3
	}

	.global_item_fir:hover .global_item_fir_abs {
		margin-top: -5px;
		transition: .5s;
		padding-bottom: 5px
	}

	.global_item_fir:hover h3 a {
		color: #0b76e3
	}

	.new_top .litem .name:hover {
		color: #0b76e3
	}

	#inb h3:hover a {
		color: #0b76e3
	}

	.yang-class ul li:hover a {
		color: #0b76e3
	}

	.yang-class ul li:hover i {
		border: 1px solid #0b76e3
	}

	.yang-class ul li:hover i {
		border: 1px solid #0b76e3;
		background: url(../images/icon25.png) 1px -110px
	}

	.yang-class-p1 a.yang-class-a1:hover {
		background-position-y: -55px;
		border: 1px solid #0b76e3;
		color: #0b76e3
	}

	.search-color-box .usuallycolor .color-block:hover span {
		z-index: 1;
		opacity: 1;
		width: 36px;
		height: 24px;
		left: -3px;
		top: -2px;
		line-height: 24px
	}

	.search-color-box .usuallycolor .color-block.on span {
		z-index: 1;
		opacity: 1;
		width: 36px;
		height: 24px;
		left: -3px;
		top: -2px;
		line-height: 24px
	}



	.pagination>li>a:hover,.pagination>li>span:hover {
		z-index: 2;
		color: #fff;
		background-color: #0b76e3;
		border-color: #ddd
	}

	.pagination>.active>a:hover,.pagination>.active>span:hover {
		z-index: 3;
		color: #fff;
		background-color: #0b76e3;
		border-color: #0b76e3;
		cursor: default
	}

	.pagination>.disabled>span:hover,.pagination>.disabled>a,.pagination>.disabled>a:hover {
		color: #777;
		background-color: #fff;
		border-color: #ddd;
		cursor: not-allowed
	}

	.bannerlistbox ul li:hover .box {
		box-shadow: 0 10px 10px rgba(0,0,0,0.2);
		-webkit-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
		transition: .5s
	}

	.bannerlistbox ul li .pic .pic-down:hover,.bannerlistbox ul li .pic .pic-fd:hover {
		text-decoration: none
	}

	.bannerlistbox ul li:hover .pic-down,.bannerlistbox ul li:hover .pic-fd {
		top: 5px
	}

	.bannerSearch .bannerSbox button:hover {
		color: #e34f43;
		background: #eee
	}

	.choose .louceng .top .list a:hover {
		color: #3583fb
	}

	.choose .louceng .bottom ul li .box:hover {
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.11)
	}

	.choose .louceng .bottom ul li .box:hover .c-btn {
		display: block
	}

	.choose .louceng3 .bottom1 ul li .box:hover .pic .c-btn {
		opacity: 1
	}

	.choose .louceng3 .bottom1 ul li .box:hover .pic .c-btn .ewm {
		top: 79px
	}

	.global_category .global_category_abs a:hover {
		color: #0b76e3
	}

	.global_category .global_category_abs a:hover:before {
		opacity: 1
	}

	#about .news .item:hover .box {
		background: #f8f8f8
	}

	#about .news .item:hover h3 a {
		color: #0b76e3
	}

	#about .news .btn a:hover {
		background: #0b76e3;
		color: #fff
	}

	#info .item:hover {
		margin-top: -10px;
		padding-bottom: 10px
	}

	#info .item:hover h3 a {
		color: #0b76e3
	}

	#login .member_box .member_list .member_item:hover {
		background-color: #e8f1ef;
		border: 1px solid #0b76e3
	}

	.rules-list .box:hover {
		box-shadow: 0 0 5px #0b76e3;
		border: 1px #0b76e3 solid
	}

	.rules-list .box:hover .view a {
		background: #0b76e3
	}

	.layui-tree li a:hover {
		color: #777
	}

	.inmain .classify span a:hover {
		border-color: #0b76e3;
		background: #0b76e3;
		color: #fff
	}

	.share .list .pic:hover img {
		transform: scale(1.05)
	}

	.share .list .title:hover {
		color: #0b76e3;
		text-decoration: underline;
		padding-left: 10px
	}

	.tool .list .box:hover {
		border-color: #0b76e3;
		box-shadow: 0 0 10px rgba(0,0,0,0.2)
	}

	.product .box:hover {
		border: 1px solid #e34f43
	}

	.product .btns a:hover {
		background: #333;
		color: #fff;
		text-decoration: none
	}

	.product .box:hover .btns {
		top: 10px;
		opacity: 1
	}

	.product .box:hover img {
		transform: scale(1.05)
	}

	.coedeBtn a:hover {
		text-decoration: none;
		background: #1c60a4
	}

	.product-show .btns a:hover {
		background: #333;
		color: #fff;
		text-decoration: none
	}

    .zhuantilistbox ul li:hover .box .pic .pic-fd {
        display: block;
    }


}

@media (max-width:1010px) {
	#footer .menu dl {
		float: none
	}

	#footer .top .contents {
		margin-bottom: 20px;
		float: none
	}

	#footer .contents .tel {
		background: 0;
		padding-left: 0
	}

	#footer .contents .code {
		margin-left: 0
	}

	#footer .top .menu {
		float: none
	}

	#footer .menu dl dt {
		padding-bottom: 5px
	}

	#footer .menu dl {
		margin-bottom: 10px
	}

	#footer .menu dl dd {
		margin-top: 0;
		line-height: 25px;
		height: 25px
	}

	#footer .top {
		padding: 30px 0
	}

	#footer .top .links {
		padding-top: 20px
	}

	#footer .bottom {
		padding: 20px 0
	}

	#about .technology .item .list {
		width: 170px
	}

	#about .technology .item big {
		font-size: 35px
	}

	#about .mission .miss_box {
		width: 100%
	}

	#about .mission {
		padding: 0 15px
	}
}

@media (max-width:950px) {
	.choose .louceng3 .bottom1 ul li {
		width: 33.3333333%
	}

	.choose .louceng3 .bottom1 ul li:nth-child(n+7) {
		display: none
	}

	.choose .louceng .bottom ul li {
		width: 33.333333%
	}

	.choose .louceng .bottom ul li:nth-child(n+7) {
		display: none
	}

	.youshi ul li .pic {
		width: 90px;
		height: 90px
	}
}

@media (max-width:930px) {
	#header .nav li {
		margin-right: 20px
	}

	.phone-nav {
		display: block
	}

	#header .bot {
		display: none
	}
}

@media (max-width:768px) {
	.bannerlistbox ul li .pic .pic-down,.bannerlistbox ul li .pic .pic-fd {
		top: 5px
	}

	.choose .louceng .bottom ul li .c-btn {
		display: block
	}

	.choose .louceng3 .bottom1 ul li .box .pic .c-btn {
		opacity: 1
	}

	.choose .louceng3 .bottom1 ul li .box .pic .c-btn .info .ewm {
		top: 79px
	}

	#int .type .item {
		width: 100%;
		margin-bottom: 20px
	}

	.global_item_fir {
		width: 50%;
		padding: 0 10px
	}

	.new_top {
		margin: 30px -20px
	}

	.new_top .litem {
		width: 100%
	}

	.new_top .h2 {
		margin-bottom: 20px;
		font-size: 26px
	}

	.new_top .litem .title {
		background-size: 25px;
		font-size: 16px;
		padding-left: 33px;
		height: 40px;
		line-height: 40px
	}

	.new_top .litem ul {
		padding-top: 10px
	}

	.new_top .litem li {
		margin-top: 0;
		margin-bottom: 10px
	}

	#inm .resource .list {
		padding: 30px 0;
		margin-top: 0
	}

	#inm .resource .title h2 {
		font-size: 26px
	}

	#inm .resource .list .item {
		width: 100%;
		margin-bottom: 15px
	}

	#inm .resource .list .item .title {
		font-size: 18px;
		margin-top: 10px
	}

	#inm .resource .list .item .pic {
		width: 100px;
		height: 100px
	}

	#inm .resource .list .item .brief {
		margin-top: 0;
		height: auto;
		max-height: 52px
	}

	#inm .resource .list .item .btn {
		margin-top: 10px
	}

	#inm .resource .list .item .btn .btn_a {
		font-size: 14px
	}

	#inm .case {
		padding: 30px 0
	}

	#inm .case .title {
		margin-bottom: 20px
	}

	#inm .case .title h2 {
		font-size: 26px
	}

	#inm .case .category a {
		font-size: 14px
	}

	#inm .case .container {
		margin: 30px -10px 0 -10px
	}

	#int .top {
		padding: 30px 0
	}

	#int .type .item {
		padding: 0
	}

	#int .type .item .title {
		font-size: 20px
	}

	#int .type .item .subtitle {
		font-size: 16px
	}

	#int .type .item a {
		padding: 30px 10px
	}

	#int .type .item .brief {
		font-size: 14px;
		margin-top: 10px
	}

	#int .type .item .btn {
		width: 110px;
		font-size: 14px;
		margin-top: 20px
	}

	#int .amount ul li .num {
		font-size: 30px
	}

	#int .amount ul li p {
		font-size: 16px
	}

	#int .amount ul li {
		width: 50%;
		margin-top: 10px
	}

	#int .amount {
		padding-bottom: 30px;
		padding-top: 20px;
		height: auto
	}

	#int .advantage .title {
		font-size: 22px;
		margin-bottom: 10px
	}

	.search-color-box {
		padding: 10px 0
	}

	.bannerlistbox ul li {
		width: 50%
	}

	.product-show .btns a {
		font-size: 14px;
		margin-bottom: 10px
	}

	.product-show .title {
		font-size: 22px
	}

	.code {
		width: auto;
		padding: 0 15px
	}

	#footer .contents .code {
		padding: 0
	}

	#footer .menu dl dd {
		display: none
	}

	.coedeBtn a {
		padding: 0 50px;
		min-width: inherit
	}

	#search1 form {
		width: 100%;
		height: 45px
	}

	#search1 .text {
		height: 45px
	}

	#search1 .button {
		height: 43px
	}

	#search form {
		width: 100%;
		height: 45px
	}

	#search .text {
		height: 45px
	}

	#search .button {
		height: 45px
	}

	.banner-body {
		box-shadow: none;
		margin: 0
	}

	.bannerSearch {
		padding: 0;
		margin-bottom: 20px
	}

	.bannerSearch h2 {
		font-size: 26px
	}

	.yuming-item .title {
		font-size: 22px
	}

	.choose .louceng3 .bottom1 ul li {
		width: 50%
	}

	.choose .louceng .bottom ul {
		margin: 0 -5px
	}

	.choose .louceng .bottom ul li {
		width: 50%;
		padding: 0 5px
	}

	.choose .louceng .top .list {
		display: none
	}

	.youshi .title {
		font-size: 26px;
		margin: 30px 0
	}

	.youshi .mianfei a {
		margin: 20px auto;
		width: 110px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.youshi ul li {
		width: 50%;
		margin-bottom: 20px
	}

	.youshi ul li .text .bt {
		font-size: 16px;
		line-height: 35px
	}

	.choose .louceng .top {
		margin-bottom: 20px
	}

	.choose .louceng .top h3 {
		font-size: 20px;
		line-height: 34px;
		margin-left: 5px
	}

	.insideBanner #search {
		padding: 0 15px
	}

	#search form {
		width: 100%
	}

	.share .list .title {
		font-size: 16px
	}

	.share .list .txt {
		font-size: 12px
	}

	#info .item {
		width: 50%;
		margin-bottom: 20px;
		padding: 0 10px
	}

	#info .more {
		width: 200px;
		height: 45px;
		line-height: 45px
	}

	#info {
		padding-bottom: 30px
	}

	.global_category {
		margin: 30px 0
	}

	.inmain {
		padding: 10px 0
	}

	.info_list {
		margin: 0 -10px
	}

	.global_category .global_category_abs a {
		padding: 0 15px;
		margin: 0 10px;
		font-size: 14px
	}

	.global_category .global_category_box {
		padding: 0
	}

	#info_detail h1 {
		font-size: 18px
	}

	#info_detail .near .row {
		width: 100%
	}

	#info_detail .related_news .related_news_list .related_news_item {
		width: 100%
	}

	.tool .list li {
		width: 25%
	}

	#about .news .item {
		width: 50%;
		margin-bottom: 20px
	}

	#about .content .text {
		padding-left: 0;
		float: none;
		min-height: 0;
		margin-bottom: 20px
	}

	#about .content .img_box {
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto;
		float: none
	}

	#about .content .title {
		margin-bottom: 10px;
		font-size: 20px
	}

	#about .content {
		padding: 20px 0 30px 0
	}

	#about .content .intro {
		padding-right: 0;
		font-size: 14px
	}

	#about .technology .item .list {
		margin: 0 40px 10px 40px;
		height: 110px
	}

	#about .technology .item {
		margin-top: 20px
	}

	#about .technology .t {
		padding-top: 40px
	}

	#about .technology {
		padding-bottom: 40px
	}

	#about .progress_s0 {
		padding-top: 30px
	}

	#about .progress_s0 .contents {
		margin: 30px auto
	}

	#about .mission .miss_box {
		margin: 30px auto;
		padding: 30px 0 30px 200px
	}

	#about .mission .right .sect {
		line-height: 30px;
		font-size: 16px
	}

	#about .mission .right .firt {
		line-height: 50px;
		font-size: 22px
	}

	#about .news {
		padding: 30px 0
	}

	#about .news .container {
		margin: 0 -10px;
		padding: 30px 0
	}

	#about .news .item {
		padding: 0 10px
	}

	#banner_sec .list .wrap .txt_table {
		display: none
	}

	#banner_sec .login_form_outer {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		margin: 0 auto;
		height: 420px;
		width: 400px
	}

	#banner_sec .list {
		overflow: hidden;
		padding: 30px 0
	}

	#banner_sec .item {
		overflow: hidden;
		height: auto
	}

	#banner_sec {
		height: auto
	}
}
@media(max-width:992px){
    .site-tree {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        min-height: 0
    }

    .site-inline {
        padding-left: 0
    }

    .site-content {
        min-height: 0;
        padding: 20px 0 10px 0;
        overflow: hidden;
        width: 100%
    }
}
@media (max-width:640px) {


	.table {
		overflow: auto
	}

	.table table {
		width: 640px
	}
}

@media (max-width:520px) {
	.bannerlistbox ul li {
		width: 100%
	}

	.choose .louceng3 .bottom1 ul li {
		width: 100%
	}

	.tool .list li {
		width: 50%
	}

	.choose .louceng .bottom ul li {
		width: 100%
	}

	.share .list .pic {
		width: 110px;
		height: 83px
	}

	#banner_sec .login_box {
		width: 100%
	}

	#banner_sec .login_form_outer {
		width: 100%
	}
}

@media (max-width:414px) {
	#login {
		padding: 10px 15px;
		margin: 20px 0 0 0
	}

	#login .login_box {
		width: 100%
	}

	#about .content .img {
		width: 100%;
		height: auto
	}

	#about .content .img_box {
		width: 100%;
		height: auto
	}

	#about .mission .left {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
		float: none
	}

	#about .mission .miss_box {
		padding-left: 0;
		overflow: hidden
	}

	#about .mission .right {
		min-height: 0;
		padding-left: 0
	}

	#about .mission .right .sect {
		font-size: 14px
	}

	#about .mission .right .firt {
		font-size: 18px
	}
}

@media (max-width:375px) {
	#info .item {
		width: 100%
	}

	#about .news .item {
		width: 100%
	}
}

@media (max-width:360px) {
	.coedeBtn a {
		padding: 0 30px
	}
}

#appletslist{overflow: hidden;}










.zhuantilistbox {
    position: relative;
    margin: 0 auto;
    z-index: 1
}

.zhuantilistbox ul a{cursor: pointer;}

.zhuantilistbox ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.zhuantilistbox ul li {
    width: 33.3333333%;
    padding: 0 10px;
    transition: all .2s;
    float: left;
    margin-bottom: 30px
}

.zhuantilistbox ul li .box {
}

.zhuantilistbox ul li .pic {
    position: relative;
    overflow: hidden
}

.zhuantilistbox ul li .pic:after {
    padding-bottom: 150%
}

.zhuantilistbox ul li .pic .pic-fd {
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    line-height: 26px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    padding: 0 5px;
    display: none;
    background: rgba(0,0,0,0.5) url(../images/se.png) no-repeat center center;
}

.zhuantilistbox ul li .pic .pic-fd i {
    display: inline-block;
    margin-right: 5px
}
.zhuantilistbox ul li .bt {
    font-size: 15px;
    text-align: center;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top:20px;
}

@media(max-width:768px){
    .zhuantilistbox ul li{
        width:50%;
        margin-bottom:20px;
    }
}



.fenxiaoshang{
    padding:50px 0 0 0;
}
.fenxiaoshang .fenxiao-title{
    text-align: center;
    position: relative;
    font-size:34px;
    font-family: 'Microsoft JhengHei';

}
.fenxiaoshang .fenxiao-title:after{
    content:'';
    display: block;
    width:41px;
    height:2px;
    background: #0b76e3;
    margin:10px auto 15px auto;
}
.fenxiao-p{
    text-align: center;
    font-size:16px;
    color:#777;
}
.fenxiao01{
    text-align: center;
    padding:50px 0;
}
.fenxiao01 .left{
    width:330px;
    display: inline-block;
    vertical-align: top;
    margin:0 50px;
    text-align: center;
}
.fenxiao01 .left .bt{
    font-size:18px;
    line-height:50px;
}
.fenxiao01 .pic{
    border-radius: 10px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
}
.fenxiao01 .text{
    width:500px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin:0 50px;
    padding-top:10px;
}

.fenxiao01 .text .bt{
    font-size:24px;
    color:#333;
    margin-bottom:20px;
}



.fenxiao01 .text .jsh ul li{
    font-size:16px;
    line-height:30px;
    color:#333;
    position: relative;
    padding-left:100px;
    margin-bottom:5px;
}
.fenxiao01 .text .jsh ul li span{
    position: absolute;
    left:0;
    top:0;
    color:#888;
    font-family: 'Microsoft JhengHei';
}


.fenxiao02{
    text-align: center;
    padding:50px 0;
    background: #f9f9f9;
    overflow: hidden;
}
.fenxiao02 ul{
    margin:50px -10px 0 -10px;
}
.fenxiao02 ul li {
    width:20%;
    float:left;
    padding:0 10px;
    margin-bottom:20px;
}
.fenxiao02 ul li .pic{
    width:100px;
    height:100px;
    border-radius: 10%;
    margin:0 auto;
}
.fenxiao02 ul li .bt{
    font-size:16px;
    line-height:45px;
}
.fenxiao03{
    padding:50px 0;
    overflow: hidden;
}
.fenxiao03 ul{
    margin:50px -15px 0 -15px;
}
.fenxiao03 ul li{
    width:25%;
    float:left;
    padding:0 15px;
    margin-bottom:30px;
}
.fenxiao03 ul li .box{
    padding:14px;
    border-radius: 30px;
    background: #f9f9f9;
}
.fenxiao03 ul li .box .line{
    width:30px;
    height:5px;
    border-radius: 5px;
    background: #fff;
    border:0;
    overflow: hidden;
    margin:10px auto 15px auto;
}
.fenxiao03 ul li .box .line01{
    width:40px;
    height:40px;
    border-radius:50%;
    background: #fff;
    border:0;
    overflow: hidden;
    margin:15px auto 10px auto;
}
.fenxiao03 ul li .pic:after{
    padding-bottom:177%;
}

@media(max-width:1024px){
    .fenxiao01 .text{
        width:450px;
    }
}

@media(max-width:768px){
    .fenxiaoshang .fenxiao-title {
        font-size: 20px;
    }
    .fenxiaoshang {
        padding: 30px 0 0 0;
    }
    .fenxiao01 {
        padding: 30px 0;
    }
    .fenxiao01 .left {
        width: 230px;
        margin: 0 10px;
    }
    .fenxiao01 .text {
        width: 100%;
        margin: 0;
    }
    .fenxiao01 .text .bt {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .fenxiao01 .text .jsh ul li {
        font-size: 14px;
        line-height: 25px;
        padding-left: 90px;
    }
    .fenxiao02 {
        padding: 30px 0;
    }
    .fenxiao02 ul {
        margin: 30px -10px 0 -10px;
    }
    .fenxiao02 ul li {
        width: 33.3333%;
        margin-bottom: 10px;
    }
    .fenxiao02 ul li .bt {
        font-size: 14px;
    }
    .fenxiao02 ul li .pic {
        width: 80px;
        height: 80px;
    }
    .fenxiao-p {
        font-size: 14px;
    }
    .fenxiao03 {
        padding: 30px 0;
    }
    .fenxiao03 ul li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .fenxiao03 ul {
        margin: 30px -10px 0 -10px;
    }
}

.case-show{text-align:center;}
.case-show h1{font-size:28px}
.case-show .links{font-size:16px;padding-top:20px;}
.case-show .links a{color: #fff;
background: #0b76e3;
padding: 5px 10px;
border-radius: 5px;}
.case-show .case-content{padding-top:30px;}