/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;color:#cc6666;padding-bottom:5px;}
a:hover{text-decoration:none;}
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

/*end reset*/
body {
	font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,΢ÈíÑźÚ,STHeitiSC-Light,simsun,ËÎÌå,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
	background:#f2f2f2;
color:#717171
}
.wrap{
	margin:0 auto;
	width:1200px;
}
.strong{}
.pops{background:none;text-align:center;padding:0;padding-top:136px;}
.pops .banner{margin:0 auto;
	width:1200px;}
.pops .banner img{width:100%;margin:-9px}
.ptitle{padding:10px 10px}
.ptitle h2{font-weight:100;border-top:0px solid #ccc;}
.tno{font-size:1.1em;font-weight:bold}
/* start header */
.header_bg{
	background: #f2f2f2;border-bottom:0px solid #e0e0e0;position:fixed;width:100%;z-index:888;opacity:1;top:0
}
.header{
	padding:10px 0%;}
.logo{
	float: left;
}
.logo h1 a{
	display: block;
}
.logo a img{height:80px;width:auto}
.h_right{
	position:relative;
	float: right;margin-top:30px
}
.menu{
	float: left;
	margin-right: 0px;
}
.menu li{
	float: left;
	margin-right: 10px;
}
.menu li.active a,.menu li a:hover{
	background: #323739;
	color: #ffffff;

}
.menu li a{
	font-size: 0.8725em;
	color: #fafafa;
background:#323739;
	padding: 9px 16px;
	font-weight: 100;
	height:20px;

	display:inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}

/*-- start-smartphone_nav --*/
.nav {
    display:none;
}
.nav-item {
    float:left;
    *display:inline;
    zoom:1;
}
.nav-item a {
    display:block;
}
.nav-item a:hover {
	background: #18BD9B;
	color: #FFFFFF;
}
.det_pic{width:100%;text-align:center}
.nav-mobile {
   display: none;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(../images/nav_icon.png) 60% 60% no-repeat;
	height:32px;
	width: 32px;
}
.nav-mobile {
    display:block;
}
.nav {
	margin-top:44px;
   width:100%;
}

/*start header_btm */
.header_btm {
	padding:0 30px 30px 120px;
}
/* h_left */
.h_left {
	float: left;
}
.h_left h2{
	font-size: 1.5em;
	color: #c0c0c0;
	font-weight: 400;
}
.h_left h3{
	margin-top: 10px;
	font-size: 0.8725em;
	color: #c0c0c0;
}

/*start main */
.main{
	padding-top: 20px;
}

.content{


	padding: 20px 4%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
/* start btn style */
.btn{
	display: inline-block;
	padding: 12px 0;text-align:center;
	font-size: 0.8925em;
	color: #ffffff;
	background: #323739;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;margin-bottom:8px;width:32%;overflow:hidden
}
.back{background:#e0e0e0;color:#000;width:16%}
.home{background:#e0e0e0;color:#000;width:16%}
.buy{background:#0066ff}
.btn:hover{
	background: #cc3333;	
}
.jiuinfo{margin:0px 20px 0 10px;line-height:200%;font-size:16px;font-weight:300;text-indent:40px;padding-top:0px}
.jiuinfo span{text-indent:40px;display:inline-block}
.jiuinfo span i{font-style:italic}
.jiuinfo b{font-weight:700}
/*---start-gallery -----*/
.container { 
	position: relative; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;	
}
.so-title{margin:0;border-bottom:0px solid #ddd;padding:0px;margin:0px;font-size:14px;height:96px;overflow:hidden}


.so-title span{font-size:12px;color:#ccc;font-style:italic}
.so-title a{color:#666}
.portfoliolist{clear:both;}
.portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
/*	padding-bottom:10px;*/
	display:block;
	float:left;
/*	height:420px;*/
/*	background:url(../imgs/qmi.png) center no-repeat;background-size:100%;*/
}
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
/*	cursor:help;*/
	text-align:center;opacity:1
}


.portfolio:hover{
	background:#e0e0e0;
/*	url(../imgs/bg.png);*/
	border-radius:14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio .label-text {
	text-align:center;
	color:#222;
	position: relative;
	z-index:500;
	padding:35px 8px 0 8px;
}
.text-title{
	font-size: 1.6em;
	color: #222;
	font-weight: bold;
	text-transform: capitalize;width:100%;height:40px;
	line-height: 1.2em;overflow:hidden;font-weight:100;
}
.portfolio .text-category {
	display: block;
	font-size: 0.6em;

	font-weight: 100;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,.clearfix:after,.row:before,.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
}
.row:after,.clearfix:after {
  clear: both;
}
.row,.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* start footer */
.footer_bg{
	background: #f2f2f2;width:100%;border-top:1px solid #e0e0e0;
/*	position:fixed;bottom:0;z-index:999*/margin-top:40px;
}
.footer{
	padding: 0 10px;padding-top:0
}

/*start footer_top */
.footer_top {
	padding: 30px 0;margin-top:0px;
	border-top: 0px solid #e0e0e0;
}
.copy{
	float: left;
}
.copy p{
	color: #9c9c9c;
	font-size:14px;
	line-height: 1.8em;
}
.copy p a{
	color: #9c9c9c;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.copy p a:hover{
	color: #9c9c9c;
}

/* start pagination */
.pagination {

/*margin:40px 0 0 20px;*/
	clear: both;
}
.pagination li{
/*	display: inline-block;*/
	margin-right: 5px;margin-bottom:8px;box-shadow: 0px 1px 2px rgba(0,0,0,0.1)
}
.pagination li a{
	display:block;
	padding: 10px 16px;
	color: #34495E;
	background: #EBECEE;
text-align:center;
	border-radius: 2px;
	font-size:14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pagination li.active a,.pagination li a:hover{
	background: #323739;
	color: #ffffff;
}

/* start details */
.details {
	font-size: 1em;
	color: #333;
	font-weight:100;
}
.words{clear:left;text-align:center;padding-top:30px;font-size:2em;font-weight:normal;}
.uinfo{height:48px;padding:20px 0;border-top:0px solid #e0e0e0}
.uinfo li{float:left;height:48px;line-height:48px}
.uinfo li.u1{margin:0;width:48px;border-radius: 24px;border:1px solid #e0e0e0;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-o-border-radius: 24px;}
.uinfo li.u2{margin:0 0 0 16px;width:160px;font-size:1em;overflow:hidden;font-weight:bold}
.uinfo li.u3{margin:0 16px;font-size:.7em}
.details h2 .bb{font-weight:bold;font-size:1.2em}
img{
	margin: 2% 0;
	padding: 5px;width:90%;height:90%

}
.details  img.avatar{width:48px;height:48px;margin:0;padding:0;border-radius:24px}
.tx{height:64px;line-height:64px}

.ntbg{height:1109px;width:900px;background:url(../imgs/ntbg.png) no-repeat;margin:20px 0}
.ntbg img{width:45%;height:auto;margin-top:260px;position:relative}

.nsbg{height:1109px;width:900px;background:url(../imgs/nsbg.png) no-repeat;margin:20px 0}
.nsbg img{width:38%;height:auto;margin-top:260px;position:relative;margin-left:50px}

.tbbg{height:1109px;width:900px;background:url(../imgs/back.png) no-repeat;margin:20px 0}
.tbbg img{width:38%;height:auto;margin-top:360px;position:relative;margin-left:0px}
.menu li span{font-size:12px}
.menu li label{cursor:pointer}
h2.articleH2{font-weight:700;margin:20px 0;font-size:20px}
h2.articleH2 span{font-weight:300;font-size:14px}


.toppx{padding-top:120px}
#d_btn{margin:0;position:fixed;bottom:0;z-index:999;width:100%;left:0;text-align:center;
padding-top:10px;background:#fff}
.footer_bg{margin-bottom:0px}
.dbg{background:#fff url(../imgs/bg.png)}
.search{padding:9px;height:20px;width:200px;margin:0 10px;border:none;border:1px solid #d4d4d4;border-radius:8px;}
.sbtn{padding:8px 15px;height:38px;border-radius:4px;border:none;background:#323739;color:#fff;cursor:pointer}
.article{width:auto;margin:0 auto;padding:60px 60px 0 60px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;}
.articleword{opacity:0;margin:0;padding:0}
.word-title{font-size:14px;text-align:center;padding:0;white-space:nowrap;margin:0;color:#333;margin-bottom:4px}
.articlelist{width:120px;height:auto;margin:10px;background:#fff;padding:20px;border-radius:10px}
.nonebg{background:none}
.yinzhang .nonebg{background:none;padding:0;margin:0}

.articleword img{margin:0;padding:0;margin-bottom:8px;width:100%;height:100%}
.wmark{text-align:center;margin:50px 0 40px 0;font-size:14px;width:100%}
.wmark img{height:60px;width:auto}

svg.s60{ transform:scale(0.6,0.6)}
svg.s100{transform:scale(1,1)}

.portfolio{border:0px dashed #e4e4e4;border-radius:14px;
/* background:#fff;box-shadow: 0px 1px 6px rgba(0,0,0,0.07)
 */}
.label{margin-top:10px}
.lf{font-size:14px;padding-left:10px;}
.blur{filter:blur(5px);opacity:0.25}
.pagination{margin:0}
#pages{margin:0;position:fixed;bottom:0;z-index:999;width:100%;left:0;text-align:center;
padding-top:8px;background:#fff}
#ipages{
position:fixed;bottom:135px;right:20px;
}


/*.whiteword svg{*/
/*fill:#f6f6f6;*/
/*background:#323739;*/
/*border-radius:8px;*/
/*/*stroke:#fff;stroke-width:1px*/*/
/*}*/
.redword svg{
fill:#515151;
background:none;

}
#redword a,#whiteword a{background:none;color:#323739}
.imore{text-align:center;margin:0px 0;clear:both}
.imore p{display:inline-block;padding:10px 36px;background:none;color:#cc6666;border-radius:4px;font-size:14px;cursor:default}



input[type=range] {
	-webkit-appearance:none;
	width:calc(100% - (73px));
	height:10px;
	border-radius:5px;
	outline:none;
	padding:0;
	margin:0;
	background:#cecece;
	background-size:0% 100%;
}
::-moz-range-track {
	background:-webkit-linear-gradient(#0074d9,#0074d9) no-repeat;
	background-size:0% 100%;
	border:0;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:24px;
	height:24px;
	border-radius:24px;
	background:#80DEFF;
	cursor:pointer;
	-webkit-transition:background .15s ease-in-out;
	transition:background .15s ease-in-out;
	border:4px solid #0074d9}
input[type=range]::-moz-range-thumb {
	width:16px;
	height:16px;
	border:0;
	border-radius:16px;
	background:#80DEFF;
	cursor:pointer;
	-webkit-transition:background .15s ease-in-out;
	transition:background .15s ease-in-out;
	border:4px solid #0074d9}
input[type=range]::-webkit-slider-thumb:hover {
	background:#1abc9c;
}
input[type=range]:active::-webkit-slider-thumb {
	background:#1abc9c;
}
input[type=range]::-moz-range-thumb:hover {
	background:#1abc9c;
}
input[type=range]:active::-moz-range-thumb {
	background:#1abc9c;
}

#chgW{width:140px;}
#chgP{width:140px;}

#jdztool{position:fixed;right:20px;width:240px;background:#e3e3e3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);border-radius:5px;padding:20px;font-size:14px;line-height:200%;opacity:0.9;z-index:9999}
#jdztool button{font-size:14px}
#jdztool span{display:inline-block;margin-bottom:10px;}

.imgloading {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(255,255,255,0.95);
 z-index:100000;overflow-y:auto
}
.imgloading .loading-wrapper {
 position:absolute;text-align:center;
 border-radius:100%;
/* top:50%;*/
 left:50%;
 -webkit-transform:translate(-50%,0%);
 transform:translate(-50%,0%);
 padding-top:50px
}
.imgloading .loading-wrapper img{width:100%;height:auto}
.imgloading .closeloading{position:fixed;right:30px;top:30px;color:#fff;cursor:pointer;padding:6px 12px;background:#323739;border-radius:5px;font-size:14px}
.imgloading h2{text-align:center;font-size:16px}
.sx{position:relative;height:40px;margin:0}
.syy{line-height:200%;margin:0px;position:absolute;left:0;top:0}
.xyy{line-height:200%;margin:0px;position:absolute;right:0;top:0}

.yinzhang{width:400px;border-radius:28px;border:48px solid #cc6666;padding:0px !important;box-sizing:content-box}
.yinzhang img{margin:0;padding:0;}
.yinzhang .articleword{margin:0;height:200px}
.yinzhang .articlelist{width:200px}
li.b2home a{background:none;color:#323739}
#yzview{padding-top:200px;padding-bottom:100px;text-align:center}

.flipH {
     -moz-transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
     -o-transform: scaleX(-1);
     transform: scaleX(-1);
     filter: fliph; /*IE*/ }

li a.scyz{background:#cc3300;color:#fff;font-weight:400;font-size:12px;line-height:19px}

.text{height:120px;overflow:hidden;padding:20px 20px;background:#fff}
#words{color:#a0a0a0;font-size:13px}
@media screen and (max-width: 62.75em) {

*{margin:0;padding:0}
	.wrap{
		width:96%;padding:0
	}
	.slider h2 {
		font-size: 1.8em;
	}
	.portfoliolist .portfolio {
		width: 50%;
		margin: 10px 0px;
	}

	.logo{
		float:none;
		margin:0px 0;
		text-align:left;
	}
	.logo a img{width:100%;height:auto}
	.header {
		padding:0  4%;
	}
	.h_right{clear:both;width:100%;
	
	margin-bottom:10px;margin-top:0;
}
.pops{padding:0;margin:0;display:none}
.pops .banner{margin:0 auto;
	width:94%;}
.jiuinfo{padding-top:0}

.menu {padding-left:0px;margin:0}

.uinfo li.u4{text-align:center;width:100%}
.uinfo li.u2{text-align:left;width:80px;overflow:hidden;height:48px}

.menu{
clear:both;
	margin: 0px;width:100%;
}
.menu li{
	
	
}
.menu li span{display:none}

.header_bg{
	padding:0;margin:0;top:0;position:relative}
.uinfo li.u4{font-size:.7em}
.sbtn{padding:8px 10px;height:38px;border-radius:4px;border:none;background:#323739;color:#fff;cursor:pointer; -webkit-appearance : none}
.ntbg{height:394px;width:320px;background:url(../imgs/ntbg.png) no-repeat;background-size:cover;margin:20px auto}
.ntbg img{width:45%;height:auto;margin-top:100px;position:relative;margin-left:-10px}

.nsbg{height:394px;width:320px;background:url(../imgs/nsbg.png) no-repeat;background-size:cover;margin:20px auto}
.nsbg img{width:38%;height:auto;margin-top:100px;position:relative;margin-left:20px}

.tbbg{height:394px;width:320px;background:url(../imgs/back.png) no-repeat;background-size:cover;margin:20px auto}
.tbbg img{width:38%;height:auto;margin-top:110px;position:relative;margin-left:-10px}

#words{font-size:1.2em;width:100px}
#d_header{display:none}
#d_btn{margin:0;position:fixed;bottom:0;z-index:999;width:100%;left:0;text-align:center;
padding-top:10px;background:#fff}

#d_flist{background:#e0e0e0}

.footer_bg{margin-bottom:90px}
#redword,#whiteword{display:none}
#ipages{position:initial !important}
.pagination li{
	display: inline-block !important;
	margin-right: 5px;margin-bottom:8px;

}
.toppx{padding-top:0}
#jdztool{opacity:1;background:#f2f2f2;border-radius:0;bottom:0px;left:0px;right:0px;width:95%;margin:0 auto}
li a.scyz{margin-top:3px;display:inline-block}
#words{font-size:12px}
}