/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
[hidden],template{display:none}



*,:after,:before{box-sizing:border-box}
:focus{outline:0!important}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,html{font-family:PingFangSC-Regular,Microsoft YaHei,Hiragino Sans GB,tahoma,Arial,\\5B8B\4F53,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif}
body{margin:0;font-size:14px;line-height:1;color:#333;background-color:#f8f8f8;word-wrap:break-word}
h1,h2,h3,h4{padding:0;margin:0}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
img{border:0}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;cursor:pointer}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#333}
textarea{overflow:auto;resize:none;color:#333;padding:10px;border:1px solid #e9e9e9;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
optgroup{font-weight:700}
a{color:inherit;text-decoration:none}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
ol,ul{padding-left:0;list-style:none}
ol,p,ul{margin:0}
input[type=password],input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:8px;padding-right:8px;color:#333;border:1px solid #e9e9e9;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:#a0bdfe;box-shadow:0 0 3px 0 #427afb}
.list-inline{font-size:0}
.list-inline li{display:inline-block;font-size:14px}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.link{color:#427afb}
.ReactModal__Body--open{overflow:hidden}
.container{width:1180px;margin:0 auto}
.modal-title{font-size:20px;font-weight:400;line-height:60px;margin-top:0;margin-bottom:0;border-radius:6px 6px 0 0;border-bottom:1px solid #d8d8d8;padding-left:20px}
.modal-foot,.modal-title{height:60px;background:#f3f3f3}
.modal-foot{border-radius:0 0 6px 6px;text-align:center;border-top:1px solid #d8d8d8;padding-top:12px}
.tether-element{z-index:100000000000}
.modal-open{overflow:hidden}




body {
	background-color:#fff
}
.certmen .man strong,.good-list .pinfo .author,.hotmen .list .cell .p1 strong,.hotmen .list .cell .p2 .geo,.hotmen .list .cell .p2 .pv {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.slick-slider {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider {
	position:relative;
	display:block
}
.slick-list {
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:none
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block
}
.slick-track:after,.slick-track:before {
	display:table;
	content:""
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide a {
	display:block;
	background-repeat:no-repeat;
	background-color:#f4f4f4;
	background-position:50%;
	background-size:cover;
	height:360px
}
.slick-slide.slick-loading a {
	display:none
}
.slick-slide.dragging a {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}
.slick-dotted.slick-slider {
	margin-bottom:0
}
.slick-dots {
	position:absolute;
	bottom:-25px;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center
}
.slick-dots li {
	position:relative;
	display:inline-block;
	margin:0 5px;
	padding:0
}
.slick-dots li,.slick-dots li button {
	width:20px;
	height:20px;
	cursor:pointer
}
.slick-dots li button {
	font-size:0;
	line-height:0;
	display:block;
	padding:5px;
	color:transparent;
	border:0;
	outline:none;
	background:transparent
}
.slick-dots li button:focus,.slick-dots li button:hover {
	outline:none
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {
	opacity:1
}
.slick-dots li button:before {
	font-family:slick;
	font-size:28px;
	line-height:20px;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	content:"\2022";
	text-align:center;
	opacity:.25;
	color:#000;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
	opacity:.75;
	color:#000
}
.slick-dots {
	bottom:10px
}
.slick-dots li button:before {
	color:#fff
}
.slick-dots li.slick-active button:before {
	opacity:1;
	color:#fff
}
.banner1 {
	display:flex;
	margin-top:10px
}
.banner1 .block a {
	display:block
}
.banner2 {
	padding-top:60px;
	padding-bottom:60px
}
.banner2 a {
	display:block
}
.banner2 img {
	width:100%
}
.good-list {
	margin-top:60px
}
.good-list .list {
	display:flex;
	flex-flow:row wrap;
	width:100%
}
.good-list .cell {
	width:280px;
	margin-right:20px;
	margin-bottom:40px
}
.good-list .cell:nth-child(4n) {
	margin-right:0
}
.good-list .cell .img {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
	background-color:#f4f4f4
}
.good-list .cell .img,.good-list .cell h3 a {
	display:block
}
.good-list .cell h3 a {
	font-size:14px;
	color:#333
}
.good-list .cell h3 a:hover {
	color:#004fff
}
.good-list .pinfo {
	display:flex;
	color:#7a7a7a;
	font-size:12px
}
.good-list .pinfo .author {
	display:inline-block;
	max-width:156px
}
.good-list .album {
	margin-left:auto;
	width:70px;
	text-align:right
}
.good-list h3 {
	padding-top:15px;
	padding-bottom:10px;
	font-weight:400
}
.sub-title {
	padding-bottom:10px;
	color:#333;
	padding-top:7px;
	padding-bottom:20px;
	display:flex
}
.sub-title a {
	display:inline-block;
	border-right:1px solid #999;
	padding-right:10px;
	margin-right:10px;
	color:#333
}
.sub-title a.rlink {
	margin-left:auto;
	border-right:0;
	padding-right:20px;
	margin-right:0;
	background-image:url(../images/ringt.png);
	background-size:6px 10px;
	background-position:100%;
	background-repeat:no-repeat
}
.sub-title a.rlink img {
	width:6px;
	height:10px;
	margin-left:10px
}
.article-list {
	padding-top:20px;
	position:relative
}
.article-list .body {
	display:flex;
	height:580px
}
.article-list .first {
	width:580px
}
.article-list .second {
	width:600px;
	display:flex;
	flex-flow:row wrap
}
.article-list .cell {
	position:relative;
	width:100%
}
.article-list .cell .img {
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
	background-color:#f4f4f4
}
.article-list .cell .info {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	color:#fff;
	background-image:linear-gradient(-180deg,transparent,#000)
}
.article-list .cell .info a {
	display:block;
	color:#fff
}
.article-list .cell h3 {
	font-size:24px;
	margin:0;
	padding-bottom:10px
}
.article-list .cell .info p {
	font-size:16px;
	padding-bottom:20px
}
.article-list .first .cell h3 {
	font-size:28px
}
.article-list .second .cell {
	width:280px;
	height:280px;
	margin-left:20px;
	margin-bottom:20px
}
.desktop {
	width:1180px;
	margin:0 auto;
	padding-top:20px
}
.banner1 {
	height:80px
}
.banner1 .block {
	margin-right:10px
}
.banner1 .block,.banner1 .block img {
	width:228px;
	height:80px
}
.cameramen {
	display:flex;
	margin-bottom:30px
}
.certmen,.hotmen {
	flex:1
}
.certmen {
	padding-right:30px
}
.hotmen {
	padding-left:30px
}
.headimg {
	display:inline-block
}
.headimg img {
	width:50px;
	height:50px;
	vertical-align:middle;
	border-radius:50%
}
.products {
	display:flex
}
.products a {
	flex:1;
	display:inline-block;
	text-align:center
}
.products a img {
	width:95px;
	height:95px
}
.certmen .sub-title,.hotmen .sub-title {
	border-bottom:1px solid #d8d8d8
}
.certmen .body {
	padding-left:117px;
	padding-top:23px
}
.certmen .man {
	position:relative
}
.certmen .man .headimg {
	position:absolute;
	left:-120px
}
.certmen .man .tags {
	padding-top:10px
}
.certmen .man .tags a {
	display:inline-block;
	color:#7a7a7a;
	margin-right:10px
}
.certmen .man .headimg img {
	width:100px;
	height:100px
}
.certmen .man strong {
	max-width:380px;
	display:inline-block;
	font-size:16px
}
.certmen .desc {
	line-height:160%;
	padding-top:10px;
	margin-bottom:22px;
	width:100%;
	height:100px;
	overflow:hidden
}
.icon {
	background-repeat:no-repeat;
	background-position:0;
	display:inline-block
}
.icon.geo {
	background-image:url(../images/dingwei.png);
	background-size:11px 13px;
	background-position:left 0;
	padding-left:17px;
	margin-right:10px
}
.icon.pv {
	background-image:url(../images/eye.png);
	background-size:16px 9px;
	background-position:left 2px;
	padding-left:21px
}
.icon.cert {
	background-image:url(../images/xx.png);
	background-size:14px 14px;
	width:14px;
	margin-top:-2px
}
.icon.cert,.icon.vip {
	background-position:left 0;
	height:14px;
	margin-left:5px;
	overflow:hidden;
	text-indent:-99px
}
.icon.vip {
	background-image:url(../images/vp.png);
	background-size:12px 14px;
	width:12px;
	margin-top:-1px
}
.hotmen .list {
	overflow:hidden;
	width:100%;
	flex-flow:row wrap;
	padding-top:27px
}
.hotmen .list .cell {
	width:50%;
	padding-left:70px;
	position:relative;
	padding-bottom:48px;
	max-width:258px;
	float:left
}
.hotmen .list .cell:nth-child(2n) {
	float:right
}
.hotmen .list .cell .headimg {
	position:absolute;
	left:0
}
.hotmen .list .cell .p1 {
	padding-top:5px
}
.hotmen .list .cell .p1 strong {
	max-width:115px;
	display:inline-block;
	font-size:16px;
	line-height:120%
}
.hotmen .list .cell .p2 {
	padding-top:4px;
	color:#767676;
	font-size:12px
}
.hotmen .list .cell .p2 .geo {
	max-width:100px;
	display:inline-block
}
.hotmen .list .cell .p2 .pv,.wx {
	display:inline-block
}
.wx {
	position:relative;
	padding-bottom:10px;
	height:120px
}
.wxqr {
	display:none;
	position:absolute;
	left:-7px;
	top:35px;
	border-radius:10px;
	border:2px solid #ccc;
	padding:5px;
	background-color:#fff
}
.wx.open .wxqr {
	display:block
}
.wxqr img {
	width:100px;
	height:100px
}
.article-list .cell .img:before,.good-list .cell .img:before {
	content:"";
	display:block;
	width:100%;
	padding-top:100%
}
@media (max-width:767px) {
	.desktop {
	width:100%;
	margin-top:0
}
.slick-dots {
	bottom:5px
}
.slick-slide a {
	height:219px
}
.banner1 {
	height:64px;
	padding-left:14px;
	padding-right:4px;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	display:block;
	white-space:nowrap
}
.banner1 .block {
	width:auto;
	height:auto;
	margin-right:10px;
	display:inline-block
}
.banner1 .block img {
	width:154px;
	height:54px;
	display:block
}
.good-list {
	margin-top:30px;
	padding-left:14px;
	padding-right:14px
}
.good-list .cell {
	width:50%;
	margin-right:0;
	margin-bottom:30px;
	padding-right:5px
}
.good-list .cell:nth-child(2n) {
	padding-right:0;
	padding-left:5px
}
.good-list .album {
	display:none
}
.article-list {
	margin-top:0;
	padding-left:14px;
	padding-right:14px
}
.article-list .body {
	display:flex;
	flex-flow:row wrap;
	height:auto
}
.article-list .first {
	width:100%
}
.article-list .second {
	width:100%;
	padding-top:10px
}
.article-list .second .cell {
	width:50%;
	height:auto;
	margin-bottom:10px;
	margin-left:0;
	padding-right:5px
}
.article-list .second .cell h3 {
	font-size:16px;
	background-image:linear-gradient(-180deg,transparent,#000)
}
.article-list .second .cell .info p {
	display:none
}
.article-list .cell .info {
	padding-right:10px;
	background-image:none
}
.article-list .second .cell:nth-child(2n) {
	padding-right:0;
	padding-left:5px
}
.article-list .sub-title {
	padding-bottom:10px
}
.sub-title {
	font-size:12px
}
.certmen .body {
	padding-left:0;
	padding-top:0
}
.certmen .sub-title {
	border-bottom:0
}
.certmen {
	padding-right:0;
	padding-left:14px;
	padding-right:14px;
	padding-top:20px
}
.certmen .man {
	text-align:center;
	background-color:#f8f8f8;
	padding-top:15px;
	padding-bottom:15px
}
.certmen .man .headimg {
	position:inherit;
	left:auto;
	padding-bottom:10px
}
.products a img {
	width:80px;
	height:80px
}
.foot {
	background-color:#222;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	line-height:150%
}
.foot,.foot a {
	color:#7a7a7a
}
.banner2,.foot .desktop,.hotmen {
	display:none
}
.foot .mobile {
	display:block
}
}#browser {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-image:url(../images/dian.png);
	display:none
}
#dialog {
	width:630px;
	height:360px;
	background-color:#fff;
	top:50%;
	left:50%;
	margin-left:-315px;
	margin-top:-180px;
	position:absolute
}
#dhead {
	position:relative;
	height:156px;
	background-color:#f36264;
	color:#fff;
	font-size:16px;
	line-height:150%
}
#dtitle {
	padding:57px 0 0 30px
}
#dclose {
	position:absolute;
	right:0;
	top:0;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer
}
#dclosebtn {
	display:inline-block;
	width:40px
}
#dbody {
	text-align:center;
	padding-top:49px
}
#dbody a {
	display:inline-block;
	margin-left:99px
}
#dbody a#dbfirst {
	margin-left:0
}


.banner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel {
	position: relative;
	list-style: none;
	padding: 0
}
.carousel .item {
	display: nones;
	float: left;
	position: relative
}
.carousel .active {
	display: block
}
.carousel img {
	display: block;
	max-width: 100%;
	height: auto
}


.banner .pointer {
	position: absolute;
	bottom: 0;
	padding: 15px
}
.banner .pager-prev, .banner .pager-next {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -25px
}
.banner .pager-prev {
	left: 20px
}
.banner .pager-next {
	right: 20px
}
.banner:hover .pager-prev, .banner:hover .pager-next {
	display: block
}
.icon-navicon {
	display: none
}
.pointer {
	padding: 0
}
.pointer li {
	border: 0;
	background: #fff;
	opacity: .25;
	width: 8px;
	height: 8px;
	margin: 1px 10px 1px 10px;
	display: inline-block;
	border-radius: 8px;
	cursor: pointer;
}
.pointer .active {
	border: 0;
	background: #fff;
	width: 8px;
	height: 8px;
	margin: 1px 10px 1px 10px;
}

.pointer.border-main li {
	border-color: #ee0000
}
.pointer.border-main li.active {
	opacity: 1;
	background-color: #fff
}