@charset "utf-8";
/* *@Project: 样式重设及公共样式表 */
html{color: #7a7a7a;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;min-width: 1200px;}
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;border: 0;} 
div, p, h1, h2, h3, h4, h5, h6, textarea{table-layout: fixed;} i{font-style: normal;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} 
audio, canvas, video{display: inline-block;*display: inline;*zoom: 1;} 
body, button, input, select, textarea{font: 14px/1.5 Pingfang SC, Hiragino Sans GB, Helvetica,Droid Sans,Microsoft YaHei,Arial，sans-serif, sans-serif;color:#666;} 
body a{color: #666;outline: none;blr: expression(this.onFocus=this.blur())\9;} 
input, select, textarea, button{font-size: 100%;outline: none;} 
table{border-collapse: collapse;border-spacing: 0;} 
th{text-align: inherit;} 
fieldset, img{border: 0;} iframe{display: block;} 
abbr, acronym{border: 0;font-variant: normal;} 
del{text-decoration: line-through;} 
address, caption, cite, code, dfn, em, th, var{font-style: normal;font-weight: 500;} 
ol, ul{list-style: none;} caption, th{text-align: left;} 
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
q:before,
.clear,q:after{content: ".";display: block;clear: both;visibility: hidden;font-size: 0;height: 0;line-height: 0}
a:hover{text-decoration: none;}
ins,a{text-decoration: none;}
.w1200{width: 1200px;margin: 0 auto;}
.w1000{width: 1000px;}
.w960{width: 960px;}
.fn-clear:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{zoom: 1;}
.left{float:left;}
.right{float:right;}

body .fn-hide{display: none;}
body .fn-show{display: block;}
body .fn-v-hide{visibility: hidden;opacity: 0;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;}
body .fn-v-show{visibility: visible;opacity: 1;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;}
.fn-left,
.fn-right{display: inline;}
.fn-left{float: left;}
.fn-right{float: right;}
.padding-t-10{padding-top: 10px;}
.padding-t-15{padding-top: 15px;}
.padding-t-40{padding-top: 40px;}
.padding-b-10{padding-bottom: 10px;}
.padding-b-30{padding-bottom: 30px;}
.padding-b-50{padding-bottom: 50px;}
.padding-10{padding: 10px;}
.padding-tb-10{padding: 10px 0;}
.padding-lr-5{padding: 0 5px;}
.margin-t-5{margin-top: 5px;}
.margin-t-10{margin-top: 10px;}
.margin-t-15{margin-top: 15px;}
.margin-t-20{margin-top: 20px;}
.margin-t-25{margin-top: 25px;}
.margin-t-30{margin-top: 30px;}
.margin-t-35{margin-top: 35px;}
.margin-t-40{margin-top: 40px;}
.margin-t-50{margin-top: 50px;}
.margin-t-60{margin-top: 60px;}
.margin-l-5{margin-left: 5px;}
.margin-l-10{margin-left: 10px;}
.margin-l-15{margin-left: 15px;}
.margin-l-20{margin-left: 20px;}
.margin-l-30{margin-left: 30px;}
.margin-l-40{margin-left: 40px;}
.margin-r-10{margin-right: 10px;}
.margin-r-5{margin-right: 10px;}
.margin-b-5{margin-bottom: 5px;}
.margin-b-10{margin-bottom: 10px;}
.margin-b-15{margin-bottom: 15px;}
.margin-b-20{margin-bottom: 20px;}
.margin-b-30{margin-bottom: 30px;}
.margin-b-40{margin-bottom: 40px;}
.margin-b-50{margin-bottom: 50px;}
.margin-b-60{margin-bottom: 60px;}
.margin-r-40{margin-right: 40px;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.margin-lr-10{margin: 0 10px;}
.margin-lr-20{margin: 0 20px;}
.b-r-3{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;}
.b-r-5{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.b-r-10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;}
.b-r-50{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;}
.text-ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*scrollbar*/
body::-webkit-scrollbar,
.layers-table-list::-webkit-scrollbar{width: 8px;height: 8px;}
body::-webkit-scrollbar-track,
.layers-table-list::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #ddd;}
body::-webkit-scrollbar-thumb,
.layers-table-list::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.bg{background-color: #6a6f6d;}
.rb{border:1px red solid;}

/* * 共用样式 */
::-webkit-scrollbar-track-piece{width: 8px;background-color: #f8f8f8;}
::-webkit-scrollbar{width: 8px;background-color: #2882e8;}
::-webkit-scrollbar-thumb{width: 8px;background-color: #aeaeae;}
::-webkit-scrollbar-thumb:hover{width: 8px;background-color: #2882e8;}
/*公共样式*/
.header{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}
.header .tel{
	display: flex;
	justify-content: space-between;
}
.header .logo{width: 50%;}
.header .logo img{width: 500px;}
.header .tel_l{font-size:20px;color: #222222;}
.header .tel_r p{line-height: 28px;font-size: 22px;color: #fd0000;}
.header .tel_l i{
	font-size: 20px;
    margin-right: 10px;
}
.nav{
	background: #222222;
    font-size: 16px;
}
.nav ul {
	display: flex;
	justify-content: space-between;
}
.nav ul li{
	width: 13%;
    text-align: center;
}
.nav ul li:hover,.nav ul li.active{
	background:#1b1b1b ;
}
.nav ul li a{
	color: #fff;
	display: block;
    padding: 20px 10px;
}
/*在线留言*/
.ly-box{
	padding: 50px;
	background-color: #ededed;
}
.ly-box li{
	position: relative;
	width: 45%;
	float: left;
	margin-left: 2%;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.ly-box li:nth-child(2n){
	float: right;
	margin-left: 0;
}
.ly-box li label{
	position: absolute;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #333;
	left: -40px;
}
.ly-box li input{
	width: 100%;
	line-height: 40px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #666;
}
.ly-box li:last-child{
	width: 98%;
}
.ly-box li textarea{
	width: 100%;
	height: 180px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #666;
	resize: none;
}
.ly-box form>input{
	display: inline-block;
	width: 184px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	background-color: #d50f10;
	margin-left: 22px;
	margin-top: 10px;
}
.ly-box .site{
	border: none;
}
.ly-box .site input{
	width: 234px;
	border: 1px solid #ddd;
}
.ly-box .site span{
	margin: 0 10px;
}