@charset "utf-8";
html,body{/*background:#f0f0f0;*/color:#505050;font-size:62.5%;-webkit-user-select:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-touch-callout:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea {font:14px \5b8b\4f53,'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif\"Microsoft YaHei"\"微软雅黑";/*line-height:20px;*/}
/*div{overflow-x: hidden;}*/
//iphone手机禁止字体放大，css代码
body
{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

h1{font-size:20px}
h2{font-size:18px}
p{font-size:15px}
@media only screen and (min-width:360px) {
   h1{font-size:20px}
h2{font-size:18px}
p{font-size:15px}
    body,button,input,select,textarea {font-size:18px;/*line-height:26px;*/}
}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}/*阻止旋转屏幕时自动调整字体大小*/
textarea{resize:none;}
/*取消按钮在inphone上的默认样式*/
input[type=button]{-webkit-appearance:none;outline:none}
input::-webkit-input-placeholder{color:#F0F0F0;}
textarea::-webkit-input-placeholder{color:#F0F0F0;}
input::-webkit-input-speech-button {display:none}
table {border-collapse:collapse;border-spacing:0;}
th {text-align:inherit;}
fieldset,img {border:none;    margin: 1% 0;}
abbr,acronym {border:none;font-variant:normal;}
del {text-decoration:line-through;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ins,a,a:hover {text-decoration:none;}
a:focus,*:focus {outline:none;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.clear {clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
.hide {display:none;}
.block {display:block;}
.outL{white-space:normal;word-break:break-all;width:100px;}
.outH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100px;}
/*文字*/
.fsn{font-style:normal;}/*正常*/
.b{font-weight:bold;} .b0{font-weight:normal;}
.i{font-style:italic;}/*斜体*/

/*布局*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.rel{position:relative;}
.abs{position:absolute;}
.tac{text-align:center;margin: 0px 0 15px 0;}
.tal{text-align:left;}
.tar{text-align:right;}
.dib{display:inline-block;}
.vab{vertical-align:bottom;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}
/*网格*/
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;text-align:center;padding:5px 0;}
.grid,.wrap,.grid:after,.wrap:after,.grid:before,.wrap:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.grid{*zoom:1}
.grid:before,.grid:after{display:table;content:"";line-height:0}
.grid:after{clear:both}
.grid{list-style-type:none;padding:0;margin:0}
.grid>.grid{clear:none;float:left;margin:0 !important}
.wrap{float:left;width:100%}
/*网格*/
/*flex*/
.col{height:100%;display:-webkit-box;-webkit-box-orient:vertical;display:flex;display:-webkit-flex;flex-direction:column;}
.row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;flex-direction:wrap;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-lines:multiple;width:100%;height:auto;margin:auto;}
.flex1{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.flex2{-webkit-box-flex:2;-webkit-flex:2;flex:2;}
.flex3{-webkit-box-flex:3;-webkit-flex:3;flex:3;}
/*flex*/
/*容器*/
.wrapper{position:absolute;top:0;right:0;bottom:0;left:0;padding:5px 5px 70px 5px;overflow:auto;margin-top:44px;-webkit-overflow-scrolling:touch;}

/*内容块容器*/
.container{overflow:hidden;display:block;}

/*头尾*/
header,footer{position:fixed;right:0;left:0;z-index:1;text-align:center;background:#ccc;}
header{top:0;height:45px;}
footer{bottom:0;}
.footer li{font-size: 14px;color: #333}
.footer li a{font-size: 14px;color: #333}
.footer li a i{font-size: 16px;color: #333}
.footer li a:hover{color: #ff0000}
.footer li a i:hover{color: #ff0000}

/*宽度*/
.w100p{width:100%}
.w90p{width:90%;}
.w50p{width:50%;}
.w33p{width:33.3333333%;}
.w30p{width:30%;}
.w20p{width:20%;}
.w10p{width:10%;}
.w1p{width:10%;}

/*高度*/
.h100p{width:100%;}
.ha{width:auto;}
.h0{width:0;}

/*边距*/
.m0{margin:0px;    font-size: 18px;}
.m5{margin:5px;}
.p5{padding:5px;}
.p0{padding:0px;}
.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:5px;}
.pt20{padding-top:20px;}
.pt44{padding-top:44px;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb50{padding-bottom:50px;}
/*颜色*/
/*自定义*纯红*文本/边框/背景色*/
.text-red,a.text-red:link,a.text-red:visited,.button.border-red,blockquote.border-red,.pager.border-red a,.pager-prev.border-red,.pager-next.border-red {	color: #ff0000;}
.border-red,.border-red .button,.border-red .tab-nav li a,.border-red .tab-body,.button.bg-red,.selected.border-red,.pointer.border-red li,.nav.border-red .active a,.nav.nav-tabs.border-red,.nav-main.border-red a,.nav-main.border-red .nav-head,.pagination.border-red li,.pager.border-red a {	border-color: #ff0000;}
.bg-red,.border-red .button.active,.pointer.border-red .active,.nav-pills.border-red .active a,.nav-red.border-red .nav-head,.pagination.border-red .active {	background-color: #ff0000;}
/*自定义*纯蓝*文本/边框/背景色*/
.text-blue,a.text-blue:link,a.text-blue:visited,.button.border-blue,blockquote.border-blue,.pager.border-blue a,.pager-prev.border-blue,.pager-next.border-blue {	color: #0000ff;}
.border-blue,.border-blue .button,.border-blue .tab-nav li a,.border-blue .tab-body,.button.bg-blue,.selected.border-blue,.pointer.border-blue li,.nav.border-blue .active a,.nav.nav-tabs.border-blue,.nav-main.border-blue a,.nav-main.border-blue .nav-head,.pagination.border-blue li,.pager.border-blue a {	border-color: #0000ff;}
.bg-blue,.border-blue .button.active,.pointer.border-blue .active,.nav-pills.border-blue .active a,.nav-blue.border-blue .nav-head,.pagination.border-blue .active {	background-color: #0000ff;}
/*自定义*纯黄*文本/边框/背景色*/
.text-yellow,a.text-yellow:link,a.text-yellow:visited,.button.border-yellow,blockquote.border-yellow,.pager.border-yellow a,.pager-prev.border-yellow,.pager-next.border-yellow {	color: #ffff00;}
.border-yellow,.border-yellow .button,.border-yellow .tab-nav li a,.border-yellow .tab-body,.button.bg-yellow,.selected.border-yellow,.pointer.border-yellow li,.nav.border-yellow .active a,.nav.nav-tabs.border-yellow,.nav-main.border-yellow a,.nav-main.border-yellow .nav-head,.pagination.border-yellow li,.pager.border-yellow a {	border-color: #ffff00;}
.bg-yellow,.border-yellow .button.active,.pointer.border-yellow .active,.nav-pills.border-yellow .active a,.nav-yellow.border-yellow .nav-head,.pagination.border-yellow .active {	background-color: #ffff00;}
/*自定义*纯绿*文本/边框/背景色*/
.text-green,a.text-green:link,a.text-green:visited,.button.border-green,blockquote.border-green,.pager.border-green a,.pager-prev.border-green,.pager-next.border-green {	color: #008000;}
.border-green,.border-green .button,.border-green .tab-nav li a,.border-green .tab-body,.button.bg-green,.selected.border-green,.pointer.border-green li,.nav.border-green .active a,.nav.nav-tabs.border-green,.nav-main.border-green a,.nav-main.border-green .nav-head,.pagination.border-green li,.pager.border-green a {	border-color: #008000;}
.bg-green,.border-green .button.active,.pointer.border-green .active,.nav-pills.border-green .active a,.nav-green.border-green .nav-head,.pagination.border-green .active {	background-color: #008000;}
/*自定义*纯白*文本/边框/背景色*/
.text-white,a.text-white:link,a.text-white:visited,.button.border-white,blockquote.border-white,.pager.border-white a,.pager-prev.border-white,.pager-next.border-white {	color: #ffffff;}
.border-white,.border-white .button,.border-white .tab-nav li a,.border-white .tab-body,.button.bg-white,.selected.border-white,.pointer.border-white li,.nav.border-white .active a,.nav.nav-tabs.border-white,.nav-main.border-white a,.nav-main.border-white .nav-head,.pagination.border-white li,.pager.border-white a {	border-color: #ffffff;}
.bg-white,.border-white .button.active,.pointer.border-white .active,.nav-pills.border-white .active a,.nav-white.border-white .nav-head,.pagination.border-white .active {	background-color: #ffffff;}
/*自定义*纯黑*文本/边框/背景色*/
.text-black,a.text-black:link,a.text-black:visited,.button.border-black,blockquote.border-black,.pager.border-black a,.pager-prev.border-black,.pager-next.border-black {	color: #000000;}
.border-black,.border-black .button,.border-black .tab-nav li a,.border-black .tab-body,.button.bg-black,.selected.border-black,.pointer.border-black li,.nav.border-black .active a,.nav.nav-tabs.border-black,.nav-main.border-black a,.nav-main.border-black .nav-head,.pagination.border-black li,.pager.border-black a {	border-color: #000000;}
.bg-black,.border-black .button.active,.pointer.border-black .active,.nav-pills.border-black .active a,.nav-black.border-black .nav-head,.pagination.border-black .active {	background-color: #000000;}
/*自定义*灰色*文本/边框/背景色*/
.text-gray,a.text-gray:link,a.text-gray:visited,.button.border-gray,blockquote.border-gray,.pager.border-gray a,.pager-prev.border-gray,.pager-next.border-gray {	color: #808080;}
.border-gray,.border-gray .button,.border-gray .tab-nav li a,.border-gray .tab-body,.button.bg-gray,.selected.border-gray,.pointer.border-gray li,.nav.border-gray .active a,.nav.nav-tabs.border-gray,.nav-main.border-gray a,.nav-main.border-gray .nav-head,.pagination.border-gray li,.pager.border-gray a {	border-color: #808080;}
.bg-gray,.border-gray .button.active,.pointer.border-gray .active,.nav-pills.border-gray .active a,.nav-gray.border-gray .nav-head,.pagination.border-gray .active {	background-color: #808080;}
/*自定义*银白色*文本/边框/背景色*/
.text-silver,a.text-silver:link,a.text-silver:visited,.button.border-silver,blockquote.border-silver,.pager.border-silver a,.pager-prev.border-silver,.pager-next.border-silver {	color: #c0c0c0;}
.border-silver,.border-silver .button,.border-silver .tab-nav li a,.border-silver .tab-body,.button.bg-silver,.selected.border-silver,.pointer.border-silver li,.nav.border-silver .active a,.nav.nav-tabs.border-silver,.nav-main.border-silver a,.nav-main.border-silver .nav-head,.pagination.border-silver li,.pager.border-silver a {	border-color: #c0c0c0;}
.bg-silver,.border-silver .button.active,.pointer.border-silver .active,.nav-pills.border-silver .active a,.nav-silver.border-silver .nav-head,.pagination.border-silver .active {	background-color: #c0c0c0;}
/*自定义*紫色*文本/边框/背景色*/
.text-purple,a.text-purple:link,a.text-purple:visited,.button.border-purple,blockquote.border-purple,.pager.border-purple a,.pager-prev.border-purple,.pager-next.border-purple {	color: #800080;}
.border-purple,.border-purple .button,.border-purple .tab-nav li a,.border-purple .tab-body,.button.bg-purple,.selected.border-purple,.pointer.border-purple li,.nav.border-purple .active a,.nav.nav-tabs.border-purple,.nav-main.border-purple a,.nav-main.border-purple .nav-head,.pagination.border-purple li,.pager.border-purple a {	border-color: #800080;}
.bg-purple,.border-purple .button.active,.pointer.border-purple .active,.nav-pills.border-purple .active a,.nav-purple.border-purple .nav-head,.pagination.border-purple .active {	background-color: #800080;}


/*图片背景*/
.bgi-001{background-image: url();}
.bgi-002{background-image: url();}

/*ico*/
@font-face {font-family: "iconfont";
  src: url('../iconfont/iconfont.eot'); /* IE9*/
  src: url('../iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


.alpha10{filter:alpha(opacity=50);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;  }
.alpha50{filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;  }
.alpha90{filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;  }


.spy2 .youshi{/*padding-top:35px*/}.spy2 .youshi .youshi-a .youshi-b{/*padding-top:25px*/}.spy2 .youshi .youshi-a .youshi-b p{padding:5px 0}.spy2 .youshi .youshi-a .youshi-b p span{display:block;padding-left:84px;height:57px;line-height:57px;background:url(/m/assets/images/feature_like.jpg) no-repeat}.spy2 .youshi .youshi-a .youshi-b p .feature-1{background-position:left top}.spy2 .youshi .youshi-a .youshi-b p .feature-2{background-position:left -57px}.spy2 .youshi .youshi-a .youshi-b p .feature-3{background-position:left -114px}.spy2 .youshi .youshi-a .youshi-b p .feature-4{background-position:left -171px}.spy2 .youshi .youshi-a .youshi-b p .feature-5{background-position:left -228px}.spy2 .youshi .youshi-a .youshi-b p .feature-6{background-position:left -285px}.spy2 .youshi .youshi-a .youshi-b p .feature-7{background-position:left -342px}.spy2 .youshi .youshi-a .youshi-b p .feature-8{background-position:left -399px}.spy2 .youshi .youshi-a .youshi-b p .feature-9{background-position:left -456px}.spy2 .youshi .youshi-a .youshi-b p .feature-10{background-position:left -513px}.spy2 .youshi .youshi-a .youshi-b p .feature-11{background-position:left -570px}.spy2 .youshi .youshi-a .youshi-b p .feature-12{background-position:left -627px}.spy2 .youshi .youshi-a .youshi-b p .feature-13{background-position:left -684px}.spy2 .youshi .youshi-a .youshi-b p .feature-14{background-position:left -741px}.spy2 .youshi .youshi-a .youshi-b p .feature-15{background-position:left -798px}.spy2 .youshi .youshi-d{padding-top:5px;padding-bottom:5px}.spy2 .youshi .youshi-d img{margin-top:5px;margin-bottom:5px;width:100%}@media (min-width: 760px) and (max-width: 999px){.spy2 .youshi .youshi-d img{width:auto}}@media (min-width: 1200px){.spy2 .youshi .youshi-d img{width:auto}}@media (min-width: 1200px){.spy2 .youshi .youshi-d p{text-indent:2em}}.spy2 .youshi .youshi-d p span{font-weight:bold;line-height:30px}.spy2 .youshi .youshi-c{line-height:30px;font-weight:bold}.spy2 .youshi .cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999}.spy2 .youshi .cd-popup.is-visible{opacity:1;visibility:visible;transition:opacity 0.3s 0s, visibility 0s 0s}@media (min-width: 550px){.spy2 .youshi .cd-popup.is-visible .cd-popup-container{transform:scale(1)}}.spy2 .youshi .cd-popup .cd-popup-container{position:relative;padding:10px;width:100%;margin:0 auto;display:block;margin-top:100px;height:auto;background:#FFF;border-radius:.4rem .4rem .4rem .4rem;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);transform:scale(0.6);transition-property:transform;transition-duration:0.3s}@media (min-width: 550px){.spy2 .youshi .cd-popup .cd-popup-container{width:478px}}@media (min-width: 760px){.spy2 .youshi .cd-popup .cd-popup-container{margin-top:200px}}.spy2 .youshi .cd-popup .cd-popup-container img{width:100%}@media (min-width: 550px){.spy2 .youshi .cd-popup .cd-popup-container img{width:458px}}.spy2 .youshi .cd-popup .cd-popup-container .cd-popup-close{position:absolute;right:-33px;top:-15px;z-index:10;width:auto;height:1.25rem;display:block;font-size:14px;font-weight:bold;color:#000000}.spy2 .youshi .cd-popup .cd-popup-container .cd-popup-close:hover{color:#ef011c}.spy2 .youshi .cd-popup-trigger{cursor:pointer;display:inline-block;padding-right:12px}.spy2 .youshi .youshi-e .cd-popup-trigger{float:left;padding-bottom:30px;width:50%}@media (min-width: 650px){.spy2 .youshi .youshi-e .cd-popup-trigger{width:25%}}@media (min-width: 1200px){.spy2 .youshi .youshi-e .cd-popup-trigger{width:12.5%}}.spy2 .youshi .youshi-e .cd-popup-trigger img{margin:0 auto;display:block;width:50%}@media (min-width: 1200px){.spy2 .youshi .youshi-e .cd-popup-trigger img{width:100%}}.spy2 .youshi .youshi-e .cd-popup-trigger p{text-align:center}

	.fananbj{
	width:90%;
	height:auto;
	        border-bottom: 1px solid #2c2c2c;
	margin:5%;
    float: left;}
	.fananbjz{
	width:60%;
	float:right;
	margin-right:5%;
    line-height: 1em;
    font-size: 0.9em;
	
}
	
	.fananxq{
	width:90%;
	height:auto;
   border-bottom: 1px solid #2c2c2c;
	margin:5%;
    float: left;}
		.fananquz{
	width:60%;
	float:left;
    line-height: 1em;
    font-size: 0.9em;
	
	
}
	.fanansj{
	width:90%;
	height:auto;
	margin:5%;
border-bottom: 1px solid #2c2c2c;
    float: left;}
		.fanansjz{
	width:60%;
	float:right;
	margin-right:5%;
    line-height: 1em;
    font-size: 0.9em;
	
}
	.fananyd{
	width:90%;
	min-height: 300px;
	background-color:#099;
	margin:10px 5%;}

	.fananal{
	width:90%;
	height:300px;
	margin:5%;
    float: left;
	}
	.fananalz{
	width:60%;
	float:right;
	margin-right:5%;
    line-height: 1em;
    font-size: 0.9em;
	
}

.projs-youshitu{margin:0 15px;}	
.projs_m h4{font-size:18px; height:22px; margin:10px auto;color:#000}
.projs_m p{ font-size:15px;}
.banner p{ text-align:left;}




.protedianp1{    color: #3d5088;
    font-weight: 900;}