* {
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	vertical-align: baseline;
	font-family: "PingFang SC",HiraginoSansGB-W3,STHeitiSC-Light,"Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent!important;
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-webkit-appearance: none!important
}

body,html {
	overflow-x: hidden;
	vertical-align: bottom
}

html {
	width: 100%;
	height: 100%;
	font-size: 100px
}

body {
	font-size: .14rem;
	background: #fff
}

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

img {
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: bottom
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}

ol li,ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
	vertical-align: baseline;
	zoom: 1
}

button,input,select,textarea {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit
}

button {
	border: none;
	padding: 0
}

button::-moz-focus-inner {
	border: none
}

input[type=checkbox],input[type=radio] {
	vertical-align: middle
}

input {
	outline: 0 none
}

input.checkbox {
	vertical-align: middle
}

* html input {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

fieldset {
	border: 0 none
}

a:focus {
	outline-style: none;
	outline-width: 0
}

a {
	text-decoration: none;
	color: #666
}

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

.fl {
	float: left
}

.fr {
	float: right
}

.auto {
	margin: 0 auto
}

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

.clearfix:after {
	clear: both
}

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

.none {
	display: none
}

.header-bar {
	background: #f5f5f5;
	height: 35px;
	line-height: 35px;
	font-size: 12px
}

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

.layout .bar-left,.layout .bar-right {
	color: #666
}

.layout .bar-left p {
	display: inline-block;
	margin: 0 0 0 20px
}

.layout .bar-left p font,p.telphone font {
	font-family: Georgia;
	color: #999
}

.layout .bar-right a {
	display: inline-block;
	text-decoration: none;
	margin: 0 6px;
	color: #666!important
}

.layout .bar-right .import {
	color: #0b6fad!important
}

.logo {
	text-align: left;
	margin: 25px 0
}

.logo img {
	width: 180px
}

.logo h1 {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #666;
	border-left: 1px solid #999;
	padding-left: 15px;
	margin: 6px 0 0 10px!important;
	font-weight: 700
}

.navbar {
	background: #0b6fad;
	height: 55px;
	margin-bottom: 0!important;
	border-radius: 0!important;
	overflow: hidden
}

.navbar-nav li {
	float: left
}

.navbar-nav li a {
	display: inline-block;
	padding: 0 26px;
	line-height: 55px;
	height: 55px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	transition: all .22s
}

.navbar-nav li.active a,.navbar-nav li:hover a {
	background: #1093e4
}

.brand,.search {
	padding: 12px 0;
	display: inline-block
}

.search input.search-input {
	border-radius: 6px 0 0 6px;
	padding: 0 10px;
	height: 31px;
	line-height: 31px;
	width: 100px;
	vertical-align: top
}

.search button.search-btn {
	margin-left: -5px;
	height: 31px;
	border-radius: 0 6px 6px 0;
	font-size: 14px;
	font-weight: 700;
	color: #666;
	padding: 0 20px;
	cursor: pointer
}

.brand a,.into {
	background: #f2bd17;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	margin-left: 30px;
	transition: all .3s
}

.brand a:hover {
	background: #fccd39;
	color: #fff;
	text-decoration: none
}

.wrapper {
	background: #f4f5fa;
	padding-bottom: 15px
}

.wrapper .layout {
	background: #fff
}

.wrapper.color {
	border-bottom: 1px solid #5299c4;
	padding-bottom: 30px
}

.wrapper.color .layout {
	background-color: transparent
}

.sort-nav {
	width: 180px;
	float: left;
	border-right: 1px solid #f2f5fa;
	text-align: center;
	padding: 15px 0
}

.sort-nav b {
	font-size: 15px
}

.sort-nav li {
	height: 44px;
	line-height: 44px
}

.sort-nav.index-nav li {
	height: 46px;
	line-height: 46px
}

.sort-nav li:hover {
	background: #0b6fad
}

.sort-nav li:hover,.sort-nav li:hover a {
	color: #fff
}

.sort-nav li:first-child {
	color: #333
}

.sort-nav.index-nav li a:before {
	content: "";
	background: url(../images/icon_nav.png) no-repeat center 6px #eee;
	width: 18px;
	height: 18px;
	background-size: 20px auto;
	display: inline-block;
	padding: 5px;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle
}

.sort-nav.index-nav li:hover a:before {
	background-image: url(../images/icon_nav_hover.png);
	background-color: transparent
}

.sort-nav.index-nav li:nth-child(1) a:before {
	background-size: 17px auto
}

.sort-nav.index-nav li:nth-child(2) a:before {
	background-position: center -22px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(3) a:before {
	background-position: center -53px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(4) a:before {
	background-position: center -90px;
	background-size: 17px auto
}

.sort-nav.index-nav li:nth-child(5) a:before {
	background-position: center -118px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(6) a:before {
	background-position: center -198px
}

.sort-nav.index-nav li:nth-child(7) a:before {
	background-position: center -225px;
	background-size: 18px auto
}

.sort-nav.index-nav li:nth-child(8) a:before {
	background-position: center -239px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(9) a:before {
	background-position: center -295px;
	background-size: 17px auto
}

.sort-nav.index-nav li:nth-child(10) a:before {
	background-position: center -669px;
	background-size: 18px auto
}

.sort-nav.index-nav li:nth-child(11) a:before {
	background-position: center -420px;
	background-size: 19px auto
}

.sort-nav.index-nav li:nth-child(12) a:before {
	background-position: center -432px;
	background-size: 18px auto
}

.sort-nav.index-nav li:nth-child(13) a:before {
	background-position: center -496px;
	background-size: 19px auto
}

.sort-nav.index-nav li:nth-child(14) a:before {
	background-position: center -449px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(15) a:before {
	background-position: center -484px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(16) a:before {
	background-position: center -588px;
	background-size: 18px auto
}

.sort-nav.index-nav li:nth-child(17) a:before {
	background-position: center -560px;
	background-size: 16px auto
}

.sort-nav.index-nav li:nth-child(17) {
	text-align: left;
	padding-left: 40px
}

.wrapper-mid {
	padding: 15px;
	width: 790px;
	overflow: hidden
}

.banner {
	width: 760px;
	height: 285px;
	margin-bottom: 15px;
	overflow: hidden
}

.banner img {
	width: 760px;
	height: 285px
}

#swiper-banner .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: .6
}

#swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: .96
}

#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev,#swiper-brand .swiper-button-next,#swiper-brand .swiper-button-prev {
	background-image: url(../images/banner-btn.png);
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-size: auto
}

#swiper-banner .swiper-button-prev,#swiper-brand .swiper-button-prev {
	background-position: right top;
	left: 0
}

#swiper-banner .swiper-button-next,#swiper-brand .swiper-button-next {
	background-position: left top;
	right: 0
}

.unit-logo li {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px solid #f2f5fa;
	border-bottom: 1px solid #f2f5fa;
	position: relative;
	height: 81px;
	overflow: hidden
}

.unit-logo li img {
	width: 105px
}

.unit-logo li:nth-child(4),.unit-logo li:nth-child(8) {
	border-right: 0
}

.unit-logo li:nth-child(5),.unit-logo li:nth-child(6),.unit-logo li:nth-child(7),.unit-logo li:nth-child(8) {
	border-bottom: 0
}

.unit-logo li .unit-detail {
	position: absolute;
	left: 0;
	top: -100px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(11,111,173,.7);
	padding: 20px;
	transition: all .4s;
	-webkit-transition: all .4s
}

.unit-logo li .unit-detail a {
	display: block;
	color: #fff;
	overflow: hidden;
	height: 40px
}

.unit-logo li:hover .unit-detail {
	top: 0
}

.wrapper-right {
	width: 230px;
	margin: 15px 0
}

.choose li {
	display: block;
	padding: 8px 0
}

.choose li.keyword label {
	padding-left: 15px
}

.choose li label {
	padding-right: 5px
}

.choose li input,.choose li select {
	border: 1px solid #ddd;
	background: #fff;
	padding: 2px 4px;
	width: 150px
}

.choose li button {
	background: #e70012;
	padding: 7px 20px;
	color: #fff;
	cursor: pointer
}

.choose li.btn {
	text-align: center
}

.wrapper-news {
	padding: 20px 15px 0 0
}

.wrapper-news.dynamic {
	padding: 0 15px 0 0
}

.wrapper-news .title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	position: relative
}

.wrapper-news .title h2 {
	font-size: 15px;
	font-weight: 700;
	color: #555;
	padding-left: 2px
}

.wrapper-news .title a {
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 13px
}

.wrapper-news ul li {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.8;
	padding: 6px 0 0 4px;
	font-size: 13px
}

.news-link li::before,.news-list li:before,.wrapper-news ul li:before {
	width: 4px;
	height: 4px;
	background: #bbb;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	transition: all .3s
}

.caption .other a:hover,.news-list li:hover a,.wrapper-news ul li:hover a {
	color: #0b6fad;
	text-decoration: underline
}

.news-list li:hover:before,.wrapper-news ul li:hover:before {
	background: #0b6fad
}

.space {
	margin-top: 30px
}

.optimal {
	width: 285px
}

.top-item {
	width: 880px
}

.caption {
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/caption.png);
	height: 26px
}

.caption.excellent {
	background-position: 0 -39px
}

.caption.rademark {
	background-position: 0 -78px
}

.caption.pioneer {
	background-position: 0 -131px
}

.caption.gift {
	background-position: 0 -290px
}

.caption.media {
	background-position: 0 -235px
}

.caption.focus {
	background-position: 0 -345px
}

.caption.video {
	background-position: 0 -394px
}

.caption.category {
	background-position: 0 -437px
}

.caption.material {
	background-position: 0 -578px
}

.caption.hotdown {
	background-position: 0 -633px
}

.caption h1 {
	font-size: 18px;
	padding-left: 35px;
	line-height: 30px;
	display: inline-block
}

.caption span {
	padding-left: 5px;
	color: #666
}

.caption .other {
	display: inline-block;
	float: right;
	padding-top: 5px
}

.caption .other a {
	display: inline-block;
	margin: 0 5px;
	font-size: 14px
}

.caption .other a:hover {
	text-decoration: none
}

.caption .other a:after {
	content: "/";
	margin-left: 5px
}

.caption .other a:hover:after {
	color: #666
}

.optimal-item {
	display: block;
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hot-news p,.optimal-item p {
	height: 50px;
	overflow: hidden
}

.optimal-img {
	width: 285px;
	height: 288px;
	overflow: hidden
}

.optimal-item img {
	width: 285px;
	height: 288px
}

.optimal-item dl {
	font-size: 16px;
	line-height: 1.8;
	margin: 10px 0 5px 0
}

.optimal-item dl dt {
	float: left;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.optimal-item dl dd {
	float: right;
	color: #ff483b
}

#swiper-optimal .swiper-pagination {
	bottom: 100px;
	text-align: right;
	padding-right: 8px
}

#swiper-optimal .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 1
}

#swiper-optimal .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0b6fad
}

.public-list li {
	float: left;
	display: block;
	margin: 0 18px 20px 0
}

.public-list.row-05 li {
	width: 160px
}

.row-05 li:nth-child(10),.row-05 li:nth-child(5),.row-06 li:nth-child(12),.row-06 li:nth-child(6) {
	margin-right: 0
}

.public-list li a.public-img {
	display: block;
	overflow: hidden
}

.row-05 li a.public-img {
	width: 160px;
	height: 120px
}

.guide-img img,.item-img img,.rs-img img,a.brand-img img,a.sub-brand-img img {
	width: 100%;
	height: 100%
}

.brand-item-box li a.public-img img,.guide-img img,.hot-news img,.item-img img,.optimal-item img,.public-list li a.public-img img,.rs-img img,a.brand-img img,a.sub-brand-img img {
	transition: all .3s ease;
	-webkit-transition: all .3s ease
}

.public-list li a.public-img:hover img,a.brand-img:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15)
}

.brand-item-box li:hover img,.guide-img:hover img,.hot-img:hover img,.item-img:hover img,.optimal-item:hover img,.rs-img:hover img,a.sub-brand-img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.row-05 li a.public-img img {
	width: 160px;
	height: 120px
}

.public-list li p.name {
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.public-list li dl dt {
	float: left;
	color: #ff483b
}

.public-list li dl dd {
	float: right
}

.public-list li dl dd a {
	border: 1px solid #ff483b;
	font-size: 13px;
	padding: 2px 6px;
	background: #ff483b;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s
}

.public-list li dl dd a:hover {
	background: #ed190a
}

.ad-box {
	margin: 30px 0 40px 0
}

.ad-box2 {
	padding: 0 0 10px 0;
	background: #f4f5fa
}

.row-06 li {
	width: 175px;
	margin: 0 30px 30px 0
}

.row-06 li a.public-img img {
	width: 175px;
	height: 131px
}

.pioneer-news {
	width: 320px
}

.hot-news {
	border-bottom: 1px solid #999;
	margin-bottom: 9px;
	padding-bottom: 15px
}

.hot-news .hot-img {
	width: 320px;
	height: 224px;
	overflow: hidden
}

.hot-news img {
	height: 100%
}

.hot-news img,.sub-ad img {
	width: 100%
}

a.new-title {
	display: block;
	margin: 10px 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 700
}

.brand-link dl dd a:hover,a.new-title:hover {
	color: #4886b7;
	text-decoration: underline
}

a.new-title span {
	background: #fff;
	display: inline-block;
	height: 20px;
	margin-right: 6px;
	border: 1px solid #e70012;
	font-size: 12px;
	line-height: 20px;
	color: #e70012;
	padding: 0 5px;
	font-weight: 400
}

.hot-news p {
	color: #888;
	line-height: 1.8;
	display: block;
	position: relative
}

.hot-news p a {
	display: inline-block;
	color: #4886b7;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff
}

.news-list li {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 1.8;
	padding-top: 8px
}

.tab-news {
	width: 480px;
	margin: 0 40px
}

.tabs {
	width: 510px;
	border-top: 2px solid #888;
	text-align: center;
	margin-bottom: 20px
}

.tabs a {
	padding-top: 20px;
	float: left;
	display: block;
	width: 170px;
	font-size: 18px;
	line-height: 1.2;
	margin-top: -3px;
	cursor: pointer;
	border-top: 4px solid transparent;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s
}

.tabs a.active {
	color: #096fad;
	font-weight: 700;
	border-color: #096fad
}

.qanda {
	width: 310px;
	background: #f6f6f6;
	padding: 10px
}

.about-right .caption,.guide-news .caption,.hot-box .caption,.qanda .caption,.title .caption {
	background: 0 0
}

.about-right .caption h1,.guide-news .caption h1,.hot-box .caption h1,.qanda .caption h1,.title .caption h1 {
	padding-left: 0
}

a.qa-more {
	float: right;
	padding-top: 8px
}

.topic {
	background: url(../images/background.jpg) no-repeat center top;
	padding: 30px 0 0 0
}

.caption.gift {
	margin-bottom: 30px
}

.caption.gift h1,.topic .public-list p.name a {
	color: #fff
}

.brand-focus {
	width: 862px
}

.focus-box {
	background: #0491d4;
	padding: 10px 0 0 0
}

.brand-list li {
	float: left;
	display: block;
	width: 132px;
	margin: 0 0 10px 10px
}

a.brand-img {
	display: block;
	width: 132px;
	height: 100px;
	overflow: hidden
}

.classroom {
	width: 310px
}

.player {
	background: #000;
	width: 310px;
	height: 170px;
	text-align: center;
	color: #fff;
	line-height: 160px;
	font-size: 18px
}

.gray {
	background: #f6f6f6;
	padding: 10px 10px 0 10px
}

.brand-nav {
	background: #f3f5fa;
	padding: 30px 0 15px 0;
	border-bottom: 1px solid #5299c4
}

.brand-link {
	width: 590px
}

.brand-link dl {
	margin: 5px 0 15px 0
}

.brand-link dl dt {
	float: left;
	width: 12%;
	font-size: 15px
}

.brand-link dl dd {
	float: right;
	width: 85%
}

.brand-link dl dd a {
	display: inline-block;
	margin: 0 15px 10px 0;
	line-height: 1.3
}

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

.server .logo,.server .phone {
	display: inline-block;
	vertical-align: middle
}

.server .phone {
	border-left: 1px solid #5299c4;
	margin-left: 30px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #5299c4
}

.server .phone span {
	display: block;
	font-size: 30px;
	font-family: Georgia,serif;
	font-weight: 400
}

.footer {
	background: #002f4b;
	padding: 40px 0 20px 0
}

.footer a:hover {
	text-decoration: underline
}

.foot-contact .contact-us a,.footer p {
	color: #fff
}

.fast-link {
	text-align: center;
	color: #fff;
	margin-bottom: 30px
}

.fast-link a,.fast-link a:hover {
	color: #fff;
	display: inline-block;
	margin: 0 55px;
	font-size: 15px
}

.pad20 {
	padding-top: 20px
}

.pad30 {
	padding-top: 30px
}

.article-box {
	padding: 30px
}

.article-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.6
}

.source {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin-bottom: 30px
}

.source span {
	display: inline-block;
	color: #999;
	margin: 40px 15px 0 5px
}

.share {
	padding-top: 30px
}

.share i {
	display: inline-block;
	vertical-align: 9px;
	color: #777
}

.share a {
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 30px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	transition: all .2s
}

.article p {
	color: #333;
	line-height: 1.7;
	font-size: 16px;
	margin-bottom: 15px;
	overflow: hidden
}

.article h2 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 15px!important
}

.article img,.mydetail-info img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.other-links {
	padding-top: 40px
}

.other-links span {
	display: block;
	padding-bottom: 8px
}

.other-links span i {
	font-style: normal;
	color: #666
}

.article-recommend {
	padding: 10px
}

.article-recommend li {
	display: block;
	float: left;
	width: 50%;
	margin-bottom: 20px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.article-recommend li:before {
	content: ">";
	font-family: "宋体";
	color: #5299c4;
	margin-right: 8px;
	font-weight: 700
}

.passcard-box {
	margin: 0 auto;
	width: 800px
}

.login-nav {
	margin-top: 45px
}

.login-nav a {
	color: #378fd6
}

.login-nav span {
	display: inline-block;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #999;
	line-height: 1
}

.login-nav span:last-child {
	border: 0;
	padding-right: 0
}

.login-box {
	padding: 50px 30px 20px 30px;
	margin-bottom: 30px
}

.login-box h2 {
	text-align: center;
	display: block
}

.login-box h2 span {
	font-size: 20px;
	padding: 8px 30px;
	border-radius: 3px;
	background: #5299cf;
	color: #fff
}

.login-module {
	width: 420px;
	min-height: 440px;
	position: relative;
	margin: 0 auto;
	padding: 60px 32px 30px 32px
}

.login-tab {
	text-align: center;
	border-bottom: 1px solid #ddd;
	height: 38px;
	margin-bottom: 30px;
	width: 100%
}

.login-tab span {
	position: relative;
	width: 49%;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	height: 38px;
	color: #666;
	cursor: pointer
}

.login-tab span.active {
	color: #5299cf
}

.login-tab span.active:after {
	content: "";
	height: 2px;
	width: 78px;
	position: absolute;
	left: 50%;
	margin-left: -39px;
	bottom: 0;
	background: #5299cf
}

.passcard-form {
	display: none
}

.passcard-form.active {
	display: block
}

.form-tip {
	color: red;
	font-size: 13px;
	padding-top: 15px
}

.passcard-form li {
	position: relative;
	display: block;
	padding-bottom: 20px
}

.passcard-form .form-control {
	width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #e0e0e0;
	height: 46px;
	border-radius: 0;
	padding: 10px 10px 10px 40px;
	color: #999;
	display: inline-block;
	box-shadow: none
}

.passcard-form .form-control.form-short {
	width: 60%;
	margin-right: 2%
}

.passcard-form li span {
	display: inline-block;
	background: url(../images/login_ico.png) no-repeat 0 0;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	top: 12px;
	opacity: .6
}

.passcard-form li span.code,.passcard-form li span.dxcode,.passcard-form li span.type,.passcard-form li span.user {
	top: 14px
}

.passcard-form li span.pwd {
	background-position: 0 -34px
}

.passcard-form li span.code {
	background-position: 0 -74px
}

.passcard-form li span.phone {
	background-position: center -94px;
	background-size: 17px auto
}

.passcard-form li span.dxcode {
	background-position: 0 -153px;
	background-size: 19px auto
}

.passcard-form li span.type {
	background-position: 0 -205px
}

.passcard-form li span.name {
	background-position: 0 -246px
}

.passcard-form li span.mail {
	background-position: 0 -286px
}

.passcard-form li .yzm img {
	display: inline-block;
	width: 120px;
	height: 40px;
	vertical-align: middle
}

.passcard-form li .dxyzm {
	background: #f3c96f;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	width: 130px;
	height: 44px;
	line-height: 44px;
	display: inline-block;
	cursor: pointer
}

.passcard-form li .dxyzm:hover {
	background: #e9bc5d;
	text-decoration: none
}

.passcard-form li input[type=password]:focus,.passcard-form li input[type=text]:focus,.passcard-form select:focus,textarea:focus {
	background: #fff;
	color: #444
}

.passcard-form li .submit,.u-info li .submit {
	background: #3498db;
	padding: 12px 0;
	width: 100%;
	display: block;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: all .2s
}

.passcard-form li .submit:hover,.u-info li .submit:hover {
	background: #217dbb
}

.account-login {
	text-align: center
}

.account-login b {
	display: block;
	color: #666;
	font-size: 15px;
	text-align: center;
	margin-bottom: 30px
}

.account-login a {
	display: inline-block;
	margin: 0 15px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	transition: all .2s
}

.account-login a:hover,.share a:hover {
	box-shadow: 0 1px 6px rgba(0,0,0,.25);
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px)
}

a.wx {
	background-image: url(/static/chuangye/images/wechat/wechat_50x50.png)
}

a.qq {
	background-image: url(/static/chuangye/images/qq/qq_50x50.png)
}

a.wb {
	background-image: url(/static/chuangye/images/weibo/weibo_50x50.png)
}

.pwd-tip {
	position: absolute;
	left: 104%;
	top: -15px;
	width: 280px;
	height: 77px;
	padding: 10px 15px;
	background: #f9f9f9;
	border: 1px solid #d7d7d7
}

.pwd-tip label,.pwd-tip p {
	font-size: 12px;
	display: block;
	font-weight: 400;
	margin-bottom: 0;
	color: #868686
}

.pwd-tip:after,.pwd-tip:before {
	position: absolute;
	top: 30px;
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 8px solid transparent
}

.pwd-tip:before {
	left: -16px;
	border-right: 8px solid #d1d1d1
}

.pwd-tip:after {
	left: -15px;
	border-right: 8px solid #f9f9f9
}

.pwd-tip label b {
	display: inline-block;
	width: 26%
}

.pwd-tip label span {
	position: inherit;
	left: inherit;
	top: inherit;
	opacity: 1;
	vertical-align: middle;
	background: 0 0;
	display: inline-block;
	width: 70%;
	height: 20px;
	padding: 7px 0 0
}

.pwd-tip label span i {
	display: inline-block;
	vertical-align: top;
	height: 4px;
	width: 30px;
	margin-right: 5px;
	background: #d7d7d7
}

.agreement a,.agreement a:hover {
	color: #333
}

.agreement input[type=checkbox]+label::before {
	content: "\a0";
	display: inline-block;
	vertical-align: 0;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	color: #3498db;
	font-weight: 700;
	margin-right: 10px
}

.agreement input[type=checkbox]:checked+label::before {
	content: "\2713";
	background-color: #f1f1f1;
	border: 1px solid #ddd
}

.agreement input {
	position: absolute;
	clip: rect(0,0,0,0)
}

.foot-phone {
	padding: 50px 0 0 135px
}

.contact-us p,.foot-phone p {
	padding-bottom: 15px
}

.foot-contact div {
	display: inline-block;
	vertical-align: top
}

.foot-contact .contact-us {
	padding: 50px 60px 0 0
}

.foot-contact .contact-us p {
	background-repeat: no-repeat;
	background-position: left -488px;
	background-image: url(../images/caption.png);
	padding-left: 35px
}

.foot-contact .contact-us p.mail {
	background-position: left -533px
}

.foot-contact .erweima {
	padding: 20px 130px 0 0
}

.foot-contact .erweima img {
	display: inline-block;
	padding-bottom: 10px
}

.copyright {
	border-top: 1px solid #0a6aa5;
	margin-top: 30px;
	padding-top: 30px;
	text-align: center
}

.copyright p {
	color: #fff;
	line-height: 1.4;
	font-size: 12px;
	padding-bottom: 10px
}

.copyright span {
	margin: 0 20px
}

.user-bar .username {
	position: relative;
	float: left;
	width: 125px;
	padding: 0 5px;
	text-align: center
}

.user-bar .username span a {
	display: inline-block;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.user-bar .username span::after {
	content: " ";
	display: inline-block;
	height: 7px;
	width: 7px;
	border-width: 1px 1px 0 0;
	border-color: #777;
	border-style: solid;
	-webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	transform: matrix(.71,.71,-.71,.71,0,0);
	border-radius: 0;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 0
}

.user-bar .username:hover {
	background: #f0f0f0
}

.user-bar .userlink {
	background: #fff;
	border: 1px solid #eee;
	border-top: 0;
	text-align: center;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 9999;
	width: 125px;
	display: none
}

.center-left ul li a,.into a,.into a:hover,.user-bar .userlink li a,.username a,.username a:hover {
	color: #666;
	text-decoration: none
}

.user-bar .userlink li:hover {
	background: #f0f0f0
}

.user-bar .into {
	float: left;
	margin-left: 20px;
	background-color: transparent;
	padding: 0
}

.about-page {
	padding: 30px 0 15px 0
}

.about-page .layout {
	background-color: transparent
}

.center-left {
	width: 210px;
	background: #fff;
	text-align: center
}

.center-right {
	width: 970px;
	background: #fff
}

.center-left h2,.center-left ul li,.center-left ul li a {
	display: block
}

.center-left h2 {
	padding: 13px 0;
	font-size: 15px;
	background: #3498db;
	color: #fff;
	margin: 0;
	font-weight: 700
}

.center-left h2 a {
	color: #fff;
	text-decoration: none
}

.center-left ul {
	padding: 15px 0
}

.center-left ul li {
	display: block;
	padding: 13px 0;
	font-size: 15px;
	opacity: .95;
	transition: all .1s;
	position: relative
}

.center-left ul li:hover {
	opacity: 1
}

.center-left ul li.on {
	background: #eff6fb;
	border-left: 2px solid #0d94ff;
	opacity: 1
}

.center-left li a {
	color: #555;
	font-weight: 700;
	cursor: pointer
}

.center-left ul li a:before {
	width: 22px;
	height: 22px;
	content: "";
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/vip_ico.png);
	background-size: 22px auto;
	opacity: .6
}

.center-left ul li.i-pay a:before {
	background-position: center -34px
}

.center-left ul li.i-enter a:before {
	background-position: center -68px
}

.center-left ul li.i-pro a:before {
	background-position: center -102px
}

.center-left ul li.i-art a:before {
	background-position: center -136px
}

.center-left ul li.i-down a:before {
	background-position: center -169px
}

.center-left ul li.i-spr a:before {
	background-position: center -200px
}

.center-left ul li.i-ad a:before {
	background-position: center -238px
}

.center-left ul li.i-ord a:before {
	background-position: center -273px
}

.center-left ul li.i-news a:before {
	background-position: center -306px
}

.center-left ul li.i-park a:before {
	background-position: center -340px
}

.center-left ul li.i-ser a:before {
	background-position: center -374px
}

.center-left ul li.i-eval a:before {
	background-position: center -476px;
	background-size: 26px auto
}

.center-left ul li.i-patent a:before {
	background-position: center -410px;
	background-size: 21px auto
}

.center-left ul li.i-demand a:before {
	background-position: center -500px;
	background-size: 24px auto
}

.center-left ul li.i-expert a:before {
	background-position: center -552px;
	background-size: 25px auto
}

.center-left ul li.i-vider a:before {
	background-position: center -607px;
	background-size: 26px auto
}

.center-left ul li.i-agen a:before {
	background-position: center -595px;
	background-size: 24px auto
}

.center-left ol {
	padding-top: 12px;
	display: none
}

.center-left ol li {
	padding: 12px 0 10px 12px
}

.center-left ol li a::before {
	background-image: none;
	width: 4px;
	height: 4px;
	margin-right: 15px;
	margin-left: -10px;
	background: #919599
}

.center-left ol li.on a {
	color: #333
}

.aui-well-item-fl::after {
	content: " ";
	display: inline-block;
	height: 7px;
	width: 7px;
	border-width: 2px 2px 0 0;
	border-color: #888;
	border-style: solid;
	-webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	transform: matrix(.71,.71,-.71,.71,0,0);
	top: 18px;
	position: absolute;
	right: 25px;
	border-radius: 1px
}

.arrow .aui-well-item-fl::after,.user-bar .username span::after {
	transform: rotate(136deg)
}

.center-tab {
	padding: 0 15px;
	border-bottom: 1px solid #e6e6e6
}

.center-tab a {
	display: inline-block;
	margin: 0 25px;
	padding: 20px 0 18px 0;
	font-size: 15px;
	font-weight: 700;
	color: #777
}

.center-tab a.on,.center-tab a:hover {
	border-bottom: 2px solid #666;
	color: #777;
	text-decoration: none
}

.center-box {
	padding: 30px 20px;
	min-height: 510px;
	position: relative
}

.navbar-nav.fl>li>a {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 55px
}

.navbar-nav.fl>li>a:hover {
	text-decoration: none
}

.top-bar {
	background: #f8f8f8;
	border-bottom: 1px solid #eee
}

.top-bar li {
	display: inline-block;
	padding: 15px 30px 15px 0
}

.investment,.merchant,.merchant-contact,.top-bar .layout {
	position: relative
}

.merchant {
	background: url(../images/merchant.jpg) no-repeat center bottom;
	height: 420px
}

.investment {
	background: url(../images/merchant_03.jpg) no-repeat center bottom;
	height: 420px
}

.top-bar p.telphone {
	position: absolute;
	right: 0;
	top: 12px;
	color: #999
}

.chuangxin {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	font-size: 38px;
	line-height: 2;
	padding-top: 130px
}

.description {
	padding: 50px 30px
}

.description p {
	display: block;
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 10px;
	color: #888
}

.merchant-title h1 {
	text-align: center;
	color: #333;
	font-size: 28px;
	padding: 60px 0
}

.advantage,.contact-info,.invest {
	text-align: center
}

.advantage li {
	display: inline-block;
	margin: 0 36px;
	text-align: center;
	padding-bottom: 70px
}

.advantage li div.advantage_icon {
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 100%;
	background: url(../images/icon_merchant.png) no-repeat center 30px #e81e34
}

.advantage li h2 {
	font-size: 16px;
	padding-top: 14px;
	color: #666
}

.advantage li div.advantage_02 {
	background-position: center -573px;
	background-color: #b789c9
}

.advantage li div.advantage_03 {
	background-position: center -208px;
	background-color: #86bf32
}

.advantage li div.advantage_04 {
	background-position: center -333px;
	background-color: #869cff
}

.advantage li div.advantage_05 {
	background-position: center -450px;
	background-color: #e88705
}

.advantage li div.advantage_06 {
	background-position: center -85px;
	background-color: #ff794a
}

.advantage li div.user_icon {
	width: 156px;
	height: 156px;
	display: inline-block;
	border-radius: 100%;
	background: url(../images/icon_merchant_02.png) no-repeat center top
}

.advantage li div.user_02 {
	background-position: center -189px
}

.advantage li div.user_03 {
	background-position: center -369px
}

.advantage li div.user_04 {
	background-position: center -548px
}

.advantage.user li {
	margin: 0 46px;
	padding-bottom: 80px
}

.advantage.user h2 {
	margin-top: 20px;
	background-color: #ededed;
	color: #333;
	padding: 6px 0;
	border-radius: 32px
}

.merchant-contact {
	background: #0c8bb6;
	padding-top: 20px;
	text-align: right
}

.contact-info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff
}

.contact-info span {
	font-size: 22px;
	display: inline-block;
	padding: 0 30px
}

.apply h1,.contact-info .merchant-title h1,.contact-info span a {
	color: #fff
}

.description.inves {
	text-align: center
}

.description.inves p {
	font-size: 18px;
	line-height: 2;
	color: #555
}

.description.inves p a {
	display: inline-block;
	padding: 5px 30px;
	background: #2a46b7;
	color: #fff;
	margin-top: 20px
}

.invest {
	padding-bottom: 70px
}

.invest li {
	display: inline-block;
	margin: 0 20px;
	font-size: 15px;
	width: 350px;
	line-height: 1.8;
	border-bottom: 3px solid #4295d2;
	text-align: left;
	background: #f8f8f8
}

.invest li h3 {
	color: #4295d2;
	font-size: 20px;
	padding-bottom: 10px
}

.invest li div {
	background-repeat: no-repeat;
	background-position: 260px 120px;
	width: 100%;
	height: 100%;
	padding: 30px 30px 50px 30px
}

.invest li div.invest_01 {
	background-image: url(../images/icon_investment_02.png)
}

.invest li div.invest_02 {
	background-image: url(../images/icon_investment_03.png)
}

.invest li div.invest_03 {
	background-image: url(../images/icon_investment_04.png)
}

.process-box {
	padding: 30px 45px 30px 45px
}

.process-line {
	border-bottom: 1px dashed #3433d4
}

.process {
	margin-top: -30px;
	text-align: center
}

.process li {
	display: inline-block;
	margin: 0 80px;
	font-size: 16px;
	line-height: 1.8
}

.process li i {
	display: block;
	background: url(../images/icon_investment.png) no-repeat center top #f4f5fa;
	width: 90px;
	height: 55px;
	background-size: 55px auto;
	margin: 0 auto 20px auto
}

.process li.process_02 i {
	background-position: center -83px
}

.process li.process_03 i {
	background-position: center -157px
}

.stuff {
	padding-top: 30px
}

.stuff p {
	display: block;
	padding-bottom: 10px;
	font-size: 13px;
	color: #777
}

.stuff p b {
	font-size: 14px;
	color: #777
}

.stuff p span {
	color: #fc6b22
}

.apply {
	background: #5299c4;
	padding-bottom: 80px
}

.apply h1 {
	padding: 40px 0
}

.apply .apply-form {
	background: #fff;
	border-radius: 10px
}

.apply .apply-form .message {
	width: 800px;
	margin: 0 auto;
	padding-top: 50px
}

.message li img {
	vertical-align: top;
	border: 1px solid #bbb;
	padding: 3px;
	border-radius: 2px;
	display: inline-block;
	margin-left: 10px
}

.error-box {
	text-align: center;
	padding: 40px
}

.error {
	width: 300px;
	height: 300px;
	background: #e4e9f0;
	border-radius: 100%
}

.error h1 {
	color: #c2d0e4;
	line-height: 260px;
	font-size: 120px;
	font-family: Georgia;
	text-shadow: 3px 3px 3px rgba(255,255,255,.5)
}

.error-box h2 {
	color: #666;
	margin: 40px 0 30px 0;
	font-size: 30px
}

.error-box p {
	font-size: 18px;
	color: #888;
	padding-bottom: 12px
}

.error-box a {
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	background-color: #5299c4;
	font-size: 18px;
	font-weight: 700
}

.ad-top {
	padding-top: 15px;
	background: #f4f5fa
}

.ad-second {
	padding-top: 6px
}

.myitem {
	border-top: 1px solid #e6e6e6;
	padding: 20px
}

.myitem h2 {
	display: block;
	font-size: 16px;
	color: #555;
	font-weight: 700;
	position: relative
}

.myitem h2 span {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 6px;
	font-size: 13px;
	font-weight: 400
}

.no-item {
	background: url(../images/norecord.jpg) no-repeat center 140px;
	min-height: 260px;
	background-size: 20% auto
}

.table-bordered {
	border: 1px solid #ddd
}

.table {
	width: 100%;
	max-width: 100%;
	margin: 20px 0
}

table {
	background-color: #fff;
	border-spacing: 0;
	border-collapse: collapse
}

.table.table-bordered>thead>tr>th {
	background: #f7f7f7;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	white-space: nowrap
}

.table.table-bordered>tbody>tr>td,.table.table-bordered>thead>tr>th {
	border: 1px solid #eee;
	padding: 16px 8px;
	font-size: 13px;
	line-height: 1.8;
	vertical-align: middle;
	text-align: center;
	color: #666
}

.table.table-bordered>tbody>tr>td>a:hover,.table.table-bordered>tbody>tr>td>span a:hover,.table.table-bordered>tbody>tr>td>span:hover {
	text-decoration: underline;
	color: #1e90ff
}

.table.table-bordered>tbody>tr>td>span {
	cursor: pointer;
	display: inline-block
}

.table.table-bordered > tbody > tr > td:first-child,.table.table-bordered > tbody > tr > td:nth-child(3){ width: 15%;}

.table.table-bordered > tbody > tr > td:nth-child(2){ width: 35%;}

.center-box h3,.eva-upload {
	background: #f8f8f9;
	color: #666;
	border: 1px dashed #ddd;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 35px!important
}

.u-info li label {
	display: inline-block;
	width: 190px;
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
	color: #888;
	font-weight: 400;
	margin-bottom: 0;
	vertical-align: middle
}

.u-info li label b {
	font-weight: 400;
	color: red;
	display: inline-block;
	padding-right: 5px
}

.u-info li.last-child label,.u-info li.u-upload label {
	vertical-align: top
}

.u-info li {
	display: block;
	margin-bottom: 30px;
	position: relative;
	color: #888
}

.u-info p.beizhu {
	display: block;
	padding: 10px 0 0 195px;
	line-height: 1.6;
	font-size: 13px
}

.u-info li.project-btn {
	padding-left: 170px
}

.u-info li.project-btn input {
	display: inline-block;
	margin-left: 30px
}

.u-info li .form-control {
	width: 500px;
	border-color: #e1e1e1;
	border-radius: 4px;
	color: #666;
	display: inline-block;
	height: 36px;
	padding: 0 10px;
	box-shadow: none
}

.u-info li .form-control.form-half {
	width: 248px
}

.u-info li input[type=checkbox] {
	-webkit-appearance: checkbox!important
}

.u-info li input[type=radio] {
	-webkit-appearance: radio!important
}

.u-info li div,.u-info li div span {
	display: inline-block
}

.u-info li div span {
	margin-right: 10px;
	color: #666
}

.u-info.article-info li.last-child div span {
	margin-right: 0
}

.u-info li textarea {
	width: 500px;
	height: 90px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 10px;
	color: #666
}

.u-info li .zone {
	width: 730px
}

.u-info li .zone span {
	padding-bottom: 10px
}

.u-info li .submit {
	width: 200px;
	border-radius: 32px;
	margin-left: 300px
}

.u-info li .phone-tig {
	color: red;
	font-size: 12px;
	position: absolute;
	left: 490px;
	top: 10px
}

.u-info li p.tips {
	position: absolute;
	top: 40px;
	left: 165px;
	font-size: 12px
}

.u-info li .getcode {
	position: absolute;
	right: 285px;
	top: 8px;
	color: #3498db;
	cursor: pointer
}

.u-info li .upload {
	width: 160px;
	height: 160px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	position: relative
}

.u-info li .upload span {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #f1f1f1;
	border-radius: 100%;
	color: #999;
	line-height: 55px;
	text-align: center;
	font-size: 40px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -30px;
	z-index: 1;
	margin-right: 0
}

.u-info li .upload input.form-load {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	z-index: 10;
	cursor: pointer;
	opacity: 0
}

.u-info li .upload img {
	width: 100%;
	height: 100%
}

.u-info li.u-upload p {
	position: absolute;
	left: 370px;
	top: 70px;
	color: #999
}

.u-info li.project-btn {
	text-align: center
}

.u-info li.project-btn .submit {
	width: 40%;
	margin: 0 .2rem
}

.u-info li.paycyb {
	display: none
}

.ad-filter {
	padding-bottom: 10px
}

.ad-filter label {
	margin-right: 6px;
	font-weight: 400
}

.ad-search {
	height: 36px;
	background: #5cace2;
	border-radius: 3px;
	color: #fff;
	font-size: 15px;
	width: 120px;
	cursor: pointer;
	transition: all .3s
}

.ad-fast-btn {
	position: absolute;
	right: 20px;
	top: 30px;
	cursor: pointer
}

.ad-fast-btn .ad-btn {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	display: block;
	width: 120px;
	text-align: center;
	padding: 0 0 0 23px;
	position: relative
}

.ad-fast-btn .ad-btn::before {
	content: "";
	border: 1px solid #fff;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 20px
}

.ad-fast-btn .ad-btn::after {
	content: "+";
	position: absolute;
	top: -1px;
	left: 24px
}

.ad-fast-btn .ad-btn:hover,.ad-search:hover {
	background: #3498db;
	transition: all .3s;
	color: #fff;
	text-decoration: none
}

.table.table-bordered>tbody>tr>td>a.ad-btn:hover {
	text-decoration: none
}

.copyright a {
	color: #fff
}

.layout.brand-bottom {
	width: auto;
	border-top: 1px solid #5299c4;
	margin-top: 40px
}

.filter input[type=checkbox] {
	-webkit-appearance: checkbox!important;
	vertical-align: top
}

.wrapper-news ul.server-box {
	background: #f9f9f9;
	border-left: 1px solid #e2e2e2
}

.wrapper-news ul.server-box li::before {
	display: none;
	opacity: 0
}

.wrapper-news ul.server-box li {
	width: 50%;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	float: left;
	padding: 46px 15px 5px 15px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-position: center 10px;
	background-image: url(../images/server-box.png);
	transition: all .1s;
	cursor: pointer
}

.wrapper-news ul.server-box li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	text-decoration: none!important;
	transform: scale(1.02);
	-webkit-transform: scale(1.02)
}

.wrapper-news ul.server-box a {
	display: block;
	text-decoration: none!important
}

.wrapper-news ul.server-box li a:hover,.wrapper-news ul.server-box li a:visited {
	text-decoration: none!important
}

.wrapper-news ul.server-box li.fbxq {
	background-position: center -60px
}

.wrapper-news ul.server-box li.pgsq {
	background-position: center -138px
}

.wrapper-news ul.server-box li.zlqg {
	background-position: center -218px
}

.wrapper-news ul.server-box li.jszj {
	background-position: center -298px
}

.wrapper-news ul.server-box li.fwjg {
	background-position: center -371px
}

.wrap-demand {
	margin-bottom: 20px
}

.wrap-demand li {
	display: block;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	width: 227px;
	margin-right: 15px;
	float: left;
	padding: 15px;
	background: #fff;
	transition: all .3s
}

.wrap-demand li:nth-child(10),.wrap-demand li:nth-child(5) {
	margin-right: 0
}

.wrap-demand li h3 {
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	height: 45px;
	overflow: hidden;
	color: #333
}

.wrap-demand li p {
	display: block;
	color: #888;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(../images/exhibition_ico.png) no-repeat left 1px;
	padding: 0 0 0 27px
}

.wrap-demand li p.scope {
	background: 0 0;
	padding: 0
}

.wrap-demand li p.scope span {
	border: 1px solid #fb6b6e;
	color: #fd6466;
	font-size: 10px;
	padding: 3px 5px;
	display: inline-block;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%
}

.wrap-demand li p em {
	color: #444
}

.wrap-demand li p.price em {
	color: #ff6200
}

.wrap-demand li p.mold {
	background-size: 17px auto
}

.wrap-demand li p.price {
	background-position: -2px -191px;
	background-size: 22px auto
}

.wrap-demand li p.address {
	background-position: -2px -31px;
	background-size: 20px auto;
	margin-bottom: 0
}

.wrap-demand li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	border-color: #096fad
}

.wrap-demand li:hover h3 {
	color: #096fad
}

.wrap-demand li a,.wrapper-expert li a,.wrapper-patent li a {
	display: block
}

.caption.noline .other a::after {
	display: none
}

.wrapper-expert li {
	text-align: center;
	width: 150px;
	padding: 10px 0 25px 0;
	float: left;
	margin-right: 55px;
	transition: all .3s
}

.wrapper-expert li:hover,.wrapper-patent li:hover,.wrap-demand li:hover{
	transform: translateY(-3px)
}

.wrapper-expert li:hover .exp-img {
	border-color: #096fad;
	opacity: .8
}

.wrapper-expert li:last-child {
	margin-right: 0
}

.wrapper-expert li .exp-img {
	width: 140px;
	height: 140px;
	border: 1px dashed #ddd;
	border-radius: 50%;
	background: #fff;
	/*background: url(../images/expert.png) no-repeat 0 0  #fff;*/
	/*background-size: 140px 140px;*/
	padding: 10px;
	transition: all .3s
}

.wrapper-expert li .exp-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.wrapper-expert li .exp-info h2 {
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 5px;
	color: #666
}

.wrapper-expert li .exp-info h2::after {
	width: 20px;
	height: 2px;
	background: #ff4c7e;
	display: block;
	margin: 10px auto 6px auto;
	content: ""
}

.wrapper-expert li .exp-info {
	padding-top: 15px;
	color: #888
}

.wrapper-patent {
	padding-bottom: 20px
}

.wrapper-patent li {
	background: #fff;
	padding: 10px;
	float: left;
	width: 285px;
	margin: 0 20px 20px 0;
	transition: all .2s
}

.wrapper-patent li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.wrapper-patent li .genre {
	width: 70px;
	height: 70px;
	background: #69aa97;
	color: #fff;
	padding: 15px;
	text-align: center;
	float: left
}

.wrapper-patent li .detail {
	float: right;
	width: 180px
}

.wrapper-patent li .detail h6 {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	height: 40px;
	overflow: hidden
}

.wrapper-patent li:hover .detail h6 {
	color: #096fad
}

.wrapper-patent li .detail span {
	display: block;
	text-align: right;
	color: #ff663d;
	padding: 8px 5px 0 0;
	font-size: 13px;
	font-weight: 700
}

.wrapper-patent li:nth-child(4),.wrapper-patent li:nth-child(8) {
	margin-right: 0
}

.wrapper-patent li:nth-child(2) .genre{
	background: #ad6957
}

.wrapper-patent li:nth-child(3) .genre {
	background: #667a65
}

.wrapper-patent li:nth-child(4) .genre {
	background: #db9cb6
}

.wrapper-patent li:nth-child(5) .genre {
	background: #6e89be
}

.wrapper-patent li:nth-child(6) .genre{
	background: #5a8986
}

.wrapper-patent li:nth-child(7) .genre{
	background: #a9578a
}

.wrapper-patent li:nth-child(8) .genre{
	background: #d99d66
}