@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
	background: #f9f9f9;
}
body .g-hd {
  height:42px;
  background: #1367c5;
  text-align: center;
  line-height:42px;
  color: #fff; 
  font-size: 16px;
}
body .g-hd .m-hd {
  padding:1.5em 20px 12px 0;
}
body .g-hd .m-hd .u-logo {
  width: 98px;
  display: block;
  float: left;
  overflow: hidden;
}
body .g-hd .m-hd .u-logo img {
  width: 100%;
  height: auto;
  display: block;
}
body .g-hd .m-hd .u-des {
  float: left;
  padding-left: 1.125em;
  overflow: hidden;
  color: #1367c5;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: bold;
}
body .g-ft {
  display: block;
  overflow: hidden;
  height: 10.20833em;
  overflow: hidden;
  font-size: 12px;
}
body .g-ft .u-top {
  display: block;
  background: #1367c5;
  overflow: hidden;
  color: #fff;
  position: relative;
  height: 2.222em;
  line-height: 2.222em;
  font-size: 18px;
  text-align: center;
}
body .g-ft .u-top span{
	display: block;
	background:url(../Images/top.jpg) no-repeat 0 center;
	background-size:16px 16px;
	position: relative;
    width:114px;
    margin:0 auto;
}
body .m-f-nav {
  display: block;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  height: 5em;
  font-size: 12px;
  background: #1367c5;
  min-width: 320px;
  width: 100%;
}
body .m-f-nav a {
  display: block;
  float: left;
  width: 25%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.83333em;
  line-height: 2.16667em;
  color: #fff;
  text-align: center;
}
body .m-f-nav a span {
  display: block;
  overflow: hidden;
  width: 2.41667em;
  font-size: 12px;
  margin: 0 auto;
}
body .m-f-nav a span img {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
}

li, ol {
	list-style: none;
}
ins {
	text-decoration: none;
}
i, em {
	font-style: normal;
}
a {
	text-decoration: none;
	font-family: "Microsoft Yahei";
}
a:hover {
	cursor: pointer;
	text-decoration: none;
}
a:active {
star:expression(this.onFocus=this.blur());
}
:focus {
	outline: 0;
}
.clear {
	clear: both;
	line-height: 0px;
	overflow: hidden;
	zoom: 1;
	font-size: 0px;
	content: '.';
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
img {
	padding: 0;
	margin: 0;
}
a img {
	border: none;
}
input, textarea {
	border: none;
	font-family: "Microsoft Yahei";
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 14px;
}

body { color:#666; background:#f9f9f9; }
a { color:#666;}
a:link { color:#666 }     
a:visited { color:#666 }  
a:hover { color: #a90000 } 
a:active { color: #4D7AA8 } 
.green { color:#390; }
.g-prolistbox3 .content i,.g-prolistbox4 .content i,.g-bd .m-con-1 a { color:#1367c5;}
.max_bg div { border-style:solid; border-color:#bcbcbc; background-color:#fff; color:#303f4c; }
.m-tit { background:#dedede; border-bottom:3px solid #652c7f; }
.m-tit .u-ico:before{ background:#652c7f; }
.m-tit .u-ico:after{ background:#eedcf7; }
.g-se .u-bt:before{border:3px solid #fff;}
.g-se .u-bt:after{background:#fff;}
.g-se .u-in{ background:transparent;}
.g-prn .m-con p { border-top:1px solid #e6e6e6; border-bottom:1px solid #fff; }
.g-sbox .m-con .u-lifo { border-bottom:1px solid #fff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; }
.g-sbox .m-con .u-lifo p { color:#a1a1a1; }
.g-sbox .m-con .u-lifo img { border:1px solid #e1e1e1; }
.g-sbox .m-con.z-spe a, .g-bd .m-con-3 li, .qabox .qacont .list a { border-bottom:1px solid #fff; -webkit-box-shadow:0 1px 1px #E6E6E6;box-shadow:0 1px 1px #E6E6E6;}

.s-babg:nth-child(n){ background:#fff; }
.s-babg:nth-child(2n){ background:#fafafa; } 
.s-tbg { color:#999999; }
.g-back .u-bp,.g-back .u-bl,.g-back .u-bh,.u-seek,.u-detail{background:url(../images/Nyskinsbar.png) no-repeat; background-size:35px 600px;}
.s-cyan2 { color:cyan; }
.cyan { color:#b3221f; }
.s-wc,a.s-wc,.s-wc a{ color:#1367c5 ; }
h2 a.s-wc{ color: #fff;}
.g-back { background:#e8e8e8; border-top:1px solid #e8e8e8; }
.g-bd .m-pronav .list1 a, .g-bd .m-pronav .list2 a, .g-bd .m-pronav .list3 a, .m-pronav .content a, .u-pnum, .g-bd .m-pronav .prolist .list1 .a_tit { color:#500971 ; }
.s-wc-2,a.s-wc-2 { color:#7C3E99 ; }
.s-wc-3,a.s-wc-3 { color:#3372A2; }
.m-con .orange{color:#1367c5;}
.z-spw { color:#ff6700; }
.u-co-bt { background-color:#1367c5; background-image: -webkit-gradient(linear, left top, left bottom, from(#4D79AB), to(#1367c5)); 
background-image: -webkit-linear-gradient(top, #4D79AB, #1367c5); 
background-image: -moz-linear-gradient(top, #4D79AB, #1367c5); 
background-image: -o-linear-gradient(top, #4D79AB, #1367c5); 
background-image: -ms-linear-gradient(top, #4D79AB, #1367c5); 
background-image: linear-gradient(top, #4D79AB, #1367c5); color:#fff; }
.m-tit.z-spe{border-bottom:1px solid #A9A9A9;} 
.m-tit { background:0 0 #1367c5; color:#fff;}
.g-se .u-bt{ background-color:#8e4ea4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4D79AB), to(#6f3e7f)); 
	background-image: -webkit-linear-gradient(top, #4D79AB, #1367c5); 
	background-image: -moz-linear-gradient(top,  #4D79AB, #1367c5); 
	background-image: -o-linear-gradient(top,  #4D79AB, #1367c5); 
	background-image: -ms-linear-gradient(top, #4D79AB, #1367c5); 
	background-image: linear-gradient(top, #4D79AB, #1367c5);
}
.u-key {color:#666; border:1px solid #1367c5; box-shadow:3px 2px 3px #ccc inset;} 
.m-tit.z-spe .xg{ color:#fff;} 

.g-adv img{
  display: block;
  width:100%;
  overflow: hidden;
  max-height:288px;
}

.top-btn {
  overflow: hidden;
  padding: 0 1.5%;
  margin-top:1.1em;
}
.top-btn li {
  display: block;
  float: left;
  width: 26.29032%;
  margin: 0 3.34839% 0.6em;
  overflow: hidden;
}
.top-btn li a {
  display: block;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  overflow: hidden;
  background: #1367c5;
  border-radius: 0.50833em;
  color: #fff;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
}
.top-btn li img {
  width: 42.94479%;
  margin: 0 auto;
  display: block;
}
.g-se {
	padding: 15px 10px;
	position: relative;
}
.g-se .m-ipt {
	margin-right: 43px;
}
.g-se .u-glass {
	position: absolute;
	right: 10px;
	top: 15px;
	width: 42px;
	height: 30px;
	background: transparent;
	z-index: 888;
}
.g-se .u-bt {
	width: 42px;
	height: 30px;
	float: right;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	position: relative;
}
.g-se .u-bt:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 17px;
	position: absolute;
	right: 14px;
	top: 5px;
	z-index: 99;
}
.g-se .u-bt:after {
	content: '';
	display: block;
	width: 4px;
	height: 10px;
	border-radius: 5px;
	border: 0;
	position: absolute;
	right: 12px;
	top: 16px;
	z-index: 99;
	-webkit-transform: rotate(-52deg);
	-o-transform: rotate(-52deg);
	-ms-transform: rotate(-52deg);
	transform: rotate(-52deg);
}
.g-se .u-in {
	float: right;
	position: absolute;
	z-index: 100;
	right: 10px;
	top: 15px;
	width: 42px;
	height: 30px;
}
.g-se .u-key {
	width: 100%;
	height: 14px;
	padding: 7px 0;
	line-height: 14px;
	border-right: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	text-indent: 15px;
	float: left;
}
/*pro*/
.g-pro {
  display: block;
  height:36.5em;
  overflow: hidden;
}
.g-pro h2 {
  display: block;
  overflow: hidden;
  height: 3.295714em;
  line-height: 3.295714em;
  background: #1367c5;
  color: #fff;
  font-weight: bold;
  padding-left:6%;
  position: relative;
}
.g-pro h2 span {
  display: block;
  float: right;
  padding-right: 3.75%;
}
.g-pro .m-pro {
  display: block;
  overflow: hidden;
  padding: 1.66667em 3.75% 0.41667em;
}
.g-pro .m-pro .pro-menu {
  display: block;
  overflow: hidden;
}
.g-pro .pro-menu a {
  display: block;
  overflow: hidden;
  float: left;
  width: 45.65217%;
  height: 2.32143em;
  line-height: 2.32143em;
  color: #fff;
  background: #1367c5;
  text-align: center;
  font-size: 1.16667em;
  margin-bottom: 1.2745833em;
}
.g-pro .pro-menu a:nth-child(2n) {
  float: right;
}
.m-pro-img {
  display: block;
  overflow: hidden;
}
.m-pro-img a {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: 45.65217%;
  height: 14.08333em;
  line-height: 2.32143em;
  color: #fff;
  margin-bottom: 1.66667em;
}
.m-pro-img a:nth-child(2n) {
  float: right;
}
.m-pro-img a img {
  display: block;
  width: 100%;
  height:150px;
  overflow: hidden;
}
.m-pro-img a span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.04167em;
  line-height: 2.04167em;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  text-overflow: ellipsis;
}
/*case*/
.g-case {
  display: block;
  height:22em;
  overflow: hidden;
}
.g-case h2 {
  display: block;
  overflow: hidden;
  height: 3.295714em;
  line-height: 3.295714em;
  background: #1367c5;
  color: #fff;
  font-weight: bold;
  padding-left:6%;
  position: relative;
}
.g-case h2 span {
  display: block;
  float: right;
  padding-right: 3.75%;
}

.m-case {
  display: block;
  overflow: hidden;
  padding: 2.29167em 3.75% 0;
  position: relative;
}
.m-case .nowarp {
  display: block;
  overflow: hidden;
  width: 62.04013%;
  margin: 0 auto;
}
.m-case .prev,.m-case .next {
  position: absolute;
  top: 6.54167em;
  display: block;
  width: 3.04167em;
}
.m-case .prev {
  left: 3.75%;
}
.m-case .next {
  right: 3.75%;
}
.m-case .prev img {
  width: 100%;
  height: auto;
  display: block;
}
.m-case .next img {
  width: 100%;
  height: auto;
  display: block;
}
.m-case .nowarp .m-box,.m-case .nowarp .sclwrap_box,.m-case .nowarp .con {
	height:16em;
	 display: block;
}
.m-case .nowarp .con {
  display: block;
  float: left;
  width: 100%;
}
.m-case .nowarp .con a {
  display: block;
  overflow: hidden;
  padding-top: 1.8em;
}
.m-case .nowarp .con img {
  display: block;
  width: 100%;
  height:148px;
  overflow: hidden;
}
.m-case .nowarp .con span {
  display: block;
  overflow: hidden;
  height: 2.5em;
  line-height: 2.5em;
  color: #333333;
  text-align: center;
}

/*news*/
.g-news {
  display: block;
  overflow: hidden;
}
.g-news h2 {
  display: block;
  overflow: hidden;
  height: 3.295714em;
  line-height: 3.295714em;
  background: #1367c5;
  color: #fff;
  font-weight: bold;
  padding-left:6%;
  position: relative;
}
.g-news h2 span {
  display: block;
  float: right;
  padding-right: 3.75%;
}
.m-news {
  display: block;
  overflow: hidden;
  padding: 1.125em 5.15625% 0;
}
.m-news li a{
  display: block;
    height: 1.9em;
    width:85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #777;
    font-size: 1.1667em;
}
.m-news li span{
	color:#9f9f9f;
	float: right;
	margin-top: -29px;
}
.m-news li i{
	font-size: 2em;
	padding-right:0.3em;
	line-height: 0.5;
	height: 0.7em;
	display: inline-block;
	vertical-align: middle;
}
.m-btit {
	line-height: 35px;
	padding-left: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 1px solid #d9d9d9;
	box-shadow: 0 1px #fff;
	position: relative;
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	border-bottom: 1px solid #d9d9d9;
}
.m-btit:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-top: 1px solid #fff;
}
/*neiye*/
.m-about .list {
	margin: 5px;
	font-size: 12px;
	line-height: 22px;
}

.m-about .list li {
	border-top: 1px dotted #dedede;
	height:33px;
}
.m-about .list li:nth-child(1) {
	border-top: 0;
}
.m-about .list li:last-child {
	border-bottom: 0;
}

.m-about .list a{
	display: block;
	float:left;
	font-size: 14px;
	width:73%;
	line-height: 33px;
	padding-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-about .list span{
	color:#9f9f9f;
	float:right;
	margin-top: -26px;
	padding-right: 8px;
}
/*turn*/
.f-mm {
	margin-left: auto;
	margin-right: auto;
}
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.f-tr {
	text-align: right;
}
.f-tl {
	text-align: left;
}
.f-tc {
	text-align: center;
}
.f-pr {
	position: relative;
}
.f-di {
	display: inline;
}
.u-co-bt {
	border-radius: 4px;
	width: 80px;
	height: 26px;
	line-height: 26px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 1px;
}
.u-co-bt.z-spe {
width:100%;
}
.u-lico {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	background: #000;
	padding: 10px;
	opacity: 0.8;
	position: relative;
	left: 50%;
	margin: 10px 0 10px -14px;
	box-shadow: 0 0 3px #2d2d2d;
}
.g-back {
	overflow: hidden;
	position: relative;
	text-align: right;
	margin-top: 1px;
	height: 38px;
	width: 100%;
	padding-top: 7px;
}
.g-back a {
	display: inline-block;
	font-size: 0.875em;
	height: 32px;
	line-height: 28px;
	width: 32px;
	position: relative;
}
.g-back .u-bp {
	background-position: 0 0;
}
.g-back .u-bl {
	background-position: 0 -286px;
	
}
.g-back .u-bh {
	margin-right: 10px;
	background-position: 0 -232px;
}
.g-back .type {
    width: 100%;
    top: 0.691rem;
    right: 0;
    position: fixed;
    background: #232323;
    z-index: 999;
    overflow-x: hidden;
}
.type li {
    width: 90%;
    background: #fff;
    font: 0.2rem/0.46rem "microsoft yahei";
    margin: 2% auto;
    overflow: hidden;
    position: relative;
}

/*-----tongyong-----*/
.m-tit {
	position: relative;
	text-indent: 10px;
	height: 38px;
	font-size: 15px;
	line-height: 38px;
}
.m-tit .u-ico {
	position: absolute;
	right: 10px;
	top: 2px;
	width: 30px;
	height: 38px;
}
.m-tit .u-ico:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	right: 5px;
	top: 12px;
	z-index: 10;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.m-tit .u-ico:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	right: 8px;
	top: 12px;
	z-index: 10;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.u-empty {
	height: 18px;
	
}

/************************/
.gridlist li {
	width: 33%;
	overflow: hidden;
	float: left;
	line-height: 0em;
	text-align: center;
}
.gridlist li .InfoTitle {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	margin: 0px 5px;
    text-overflow: ellipsis;
}
.gridlist li .InfoPicture {
	padding: 0px 5px;
	margin-top:10px;
}
.gridlist li .InfoPicture img {
	height:8em;
	width:100%;
	border:1px solid #999;
}
/*******************/
.page {
	display: block;
	width: 93%;
	height: 1.7em;
	font: 1em "microsoft yahei";
	padding-top: 0.1em;
	padding-left: 0.5em;
	color: #000;
	background: #d9d9d9;
	border-radius: 0.7rem;
	margin: 2% auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 0.1rem;
}
/*mianbaoxie*/
.m-con{
	padding-bottom:0.6em;
    /*text-indent: 2em;*/
    padding:0px 10px 15px;
}
.m-con img{
	display: block;
	margin:10px auto;
	max-width:96%;	
}
.m-rec .m-con {
	width: 320px;
	margin: 0 auto;
	position: relative;
}
.u-mtit h1 {
	font-size: 18px;
	text-align: center;
	padding: 24px 0 10px 0;
}
.u-mtit h2 {
	font-size: 14px;
	text-align: center;
	padding: 0 0 20px 0;
    color:#999;
}	
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}

/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/*font*/
@font-face{font-family:"commonfont";src:url('../font/common.woff') format('woff'),url('../font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/* top class */
.type{width:100%;top:6.1em; position:absolute;background:#232323  50%;z-index: 999;overflow-x: hidden;transition:all 0.3s ease-in-out 0s;height:15em;padding:0.1rem 0;display:none}
.type li{width:82%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;padding:0 4%;}
.type li a{display: block;color:#666;font-size: 15px;line-height:38px;height:38px;overflow: hidden;}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font:1rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}

.wbytable td{ padding:8px;} 
.wbytable .wbytext{ outline:none; padding:5px; height:22px; width:80%; border:1px solid #e3e3e3;}    
.wbytable .wbyarea{ padding:5px; outline:none; width:80%; border:1px solid #e3e3e3; height:125px;}   
.wbytable .msgbut{ width:90px; height:32px; line-height:32px; cursor:pointer; color:#555;}             
.wbytable .wbytextyz{ outline:none; padding:5px; height:22px; width:40%; border:1px solid #e3e3e3;float:left;} 
.wbytable .wyzm{ padding-top:6px; display:block; width:48px; height:22px; float:left; padding-left:8px;}