@charset "utf-8";

/* CSS Document */



/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {

	display: block;

}



audio,canvas,video {

	display: inline-block;

}



audio:not([controls]) {

	display: none;

	height: 0;

}

/*Base*/

html {

	font: 12px/1.5 "Microsoft Yahei","\5b8b\4f53",Arial,sans-serif;

	color: #666;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

 /*修正手持设备字体变化*/

}



*,*:before,*:after {

	margin: 0;

	padding: 0;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



a {

	text-decoration: none;

	background: transparent;

 /*修正win8系统IE连接灰色背景*/

	outline: none;

	blr: expression(this.onFocus=this.blur());

}



a:focus {

	outline: 0;

}



a:active,a:hover {

	outline: 0;

/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/

}



img {

	border: 0;

	-ms-interpolation-mode: bicubic

}



fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



button,input,select,textarea {

	font-family: inherit;

	font-size: 100%;

	margin: 0;

	outline: none;

}



button,input {

	line-height: normal;

}



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;

}



input[type="checkbox"],input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



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;

}



button::-moz-focus-inner,input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input.submit {

	border: 0;

	margin: 0;

	cursor: pointer;

}



input.radio {

	width: 13px;

	height: 13px;

	float: left;

	display: inline;

}



textarea {

	overflow: auto;

	vertical-align: top;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



ul,ol {

	list-style: none;

}



li {

	list-style: none;

}

/*清除浮动*/

.clear {

	zoom: 1;

}



.clear:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: "1";

	clear: both;

	height: 0;

}



.fl {

	float: left;

	_display: inline;

}



.fr {

	float: right;

	_display: inline;

}



/*基本样式*/

body {

	background: #fff;

	color: #666;

	font: 12px/24px Arial,sans-serif;

	padding: 0;

	margin: 0;

}



a {

	color: #666;

}



a:hover {

	color: #44395e;

}



.ablock {

	width: 100%;

	height: 100%;

	display: block;

}



.hide {

	display: none;

}



/*布局*/

.wrap {

	position: relative;

	zoom: 1;

}



.wrap:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: "1";

	clear: both;

	height: 0;

}



.container {

	width: 1200px;

	margin-left: auto;

	margin-right: auto;

}



.header-wrap {

	position: relative;

	z-index: 1001;

}



.navbar-wrap {

	position: relative;

	z-index: 1000;

	background: #ddd;

}



.banner-wrap {

	position: relative;

}



.footer-wrap {

	position: relative;

}



.w1000 {

	width: 1200px;

	margin-left: auto;

	margin-right: auto;

}



.w1030 {

	width: 1030px;

	margin-left: auto;

	margin-right: auto;

}



.w1060 {

	width: 1060px;

	margin-left: auto;

	margin-right: auto;

}





/*头部*/

.topbar {

	height: 36px;

	border-bottom: 1px solid #dfdfdf;

	font-size: 12px;

	line-height: 36px;

	color: #8c8c8c;

	background: #fafafa;

}



.header {

	position: relative;

}



.header-logo {

	width: 288px;

	height: 67px;

	margin-top: 20px;

}



.header-slogan {

	width: 239px;

	height: 35px;

	margin-top: 68px;

}



.header-tel {

	width: 198px;

	height: 47px;

	margin-top: 51px;

}



/*导航条*/

.navbar {

	height: 52px;

	position: relative;

	margin: 0 auto;

	z-index: 600;

	font-size: 16px;

}



.navbar ul li {

	width: 132px;

	height: 52px;

	line-height: 52px;

	text-align: center;

	cursor: pointer;

}



.navbar ul li.hover, .navbar ul li.on {

	background: #999;

}



.navbar ul li .navbar-p {

	position: relative;

	z-index: 10;

	display: inline-block;

	height: 52px;

}



.navbar ul li.hover .navbar-p {

	color: #fff;

}



.navbar ul li ul {

	background: #999;

}



.navbar ul li ul li a {

	color: #fff;

}



.navbar ul li ul li:hover {

	background: #ababab;

}



.navbar-sub {

	display: none;

}

/*导航条-富媒体*/

.navbar-drop {

	display: none;

	width: 100%;

	position: absolute;

	left: 0;

	top: 50px;

	background: rgba(255,255,255,.91);

}





/*banner*/

.i-banner {

	position: relative;

	margin: 0 auto;

	width: 100%;

	height: 600px;

}



.i-banner .hd {

	position: absolute;

	width: 60px;

	left: 50%;

	z-index: 50;

	margin-left: -30px;

	bottom: 30px;

	overflow: hidden;

}



.i-banner .hd ul li {

	width: 10px;

	height: 10px;

	border-radius: 5px;

	background: #ababab;

	cursor: pointer;

	margin: 0 5px;

	display: block;

}



.i-banner .hd ul li.on {

	background: #124590;

}



.i-banner .bd ul {

	width: 100% !important;

}



.i-banner .bd ul li {

	width: 100% !important;

	height: 600px;

	background-position: top center;

	background-repeat: no-repeat;

}

/*banner中内容*/

.banner-p {

	width: 1000px;

	margin: 200px auto 0;

}



.banner-p span {

	display: block;

}



.banner-p .p-title {

	font-size: 40px;

	height: 60px;

	line-height: 60px;

}



.banner-p .p-span {

	font-size: 24px;

	height: 34px;

	line-height: 34px;

}



.i-banner .prev {

	position: absolute;

	top: 50%;

	width: 60px;

	height: 80px;

	margin-top: -40px;

	display: block;

	z-index: 1;

	font-family: "simsun";

	color: #eee;

	font-size: 50px;

	line-height: 80px;

	text-align: center;

	left: 20px;

}



.i-banner .next {

	position: absolute;

	top: 50%;

	width: 60px;

	height: 80px;

	margin-top: -40px;

	display: block;

	z-index: 1;

	font-family: "simsun";

	color: #eee;

	font-size: 50px;

	line-height: 80px;

	text-align: center;

	right: 20px;

}



.i-banner-arrow {

	position: absolute;

	left: 50%;

	margin-left: -12px;

	bottom: 20px;

	overflow: hidden;

	width: 24px;

	height: 24px;

	cursor: pointer;

}



.i-banner-arrow-btn {

	position: absolute;

	left: 0;

	top: 0;

	width: 24px;

	height: 24px;

	background: url("../images/i-banner-arrow.png") 0 0 no-repeat;

}



.n-banner {

	width: 100%;

	overflow: hidden;

	height: 450px;

}



.n-banner img {

	width: 1920px;

	height: 100%;

	position: absolute;

	left: 50%;

	margin-left: -960px;

}



.n-banner p {

	position: absolute;

	z-index: 99;

	left: 50%;

	top: 50%;

	margin: 0;

	padding: 0;

	font-size: 40px;

	color: #fff;

}



/*基本模型*/

.box {

	width: 200px;

	height: 200px;

	border: 1px solid #ccc;

	float: left;

	position: relative;

}



.box-icon {

	position: absolute;

}



a.button {

	display: block;

	width: 100px;

	height: 40px;

	line-height: 40px;

	border: 1px solid #999;

	transition: all .2s;

	text-align: center;

}



a.button:hover {

	border: 1px solid #666;

}



a.back2top {

	width: 37px;

	height: 33px;

	background: url(../images/back2top.png) 0 0 no-repeat;

	position: fixed;

	z-index: 1000;

	left: 50%;

	margin-left: 550px;

	bottom: 138px;

}



/*滑动媒体*/

.mediaScorll .bd ul li {

	width: 1000px;

	height: auto;

	float: left;

}



.mediaScorll .mediaList {

	width: 1000px;

	position: relative;

	overflow: hidden;

	padding: 0px;

	margin: 0px;

}

/*图片特效*/

.imgBox {

	position: relative;

	width: 229px;

	height: 229px;

	padding: 20px;

	background: #999;

	overflow: hidden;

	cursor: pointer;

}



.imgBox-con {

	position: relative;

	width: 189px;

	height: 189px;

	overflow: hidden;

}



.imgBox-con img {

	width: 100%;

	height: 100%;

	background: #fff;

	border-radius: 95px;

}



.imgBox-bg {

	position: absolute;

	top: 0;

	left: 0;

	transition: all .3s;

	width: 189px;

	height: 189px;

	background: #000;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

	cursor: pointer;

}



.imgBox-con:hover .imgBox-bg {

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

}



.imgBox-txt {

	position: absolute;

	top: 30px;

	left: 30px;

	text-align: center;

	border: 1px solid #fff;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

	transition: all 0.2s;

}



.imgBox-con:hover .imgBox-txt {

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

}



.imgBox-txt a {

	color: #fff;

}





/*css动画*/

.ani-view {

	-webkit-animation-duration: 1s;

	-moz-animation-duration: 1s;

	-o-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: forwards;

	-moz-animation-fill-mode: forwards;

	-o-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

}



/*延迟加载*/

.lazy {

	background: url(../images/loading.gif) 50% 50% no-repeat;

}



.nf-float {

	position: fixed;

	right: 0;

	top: 50%;

	z-index: 50;

	width: 77px;

	height: 348px;

	margin-top: -174px;

	z-index: 10000

}



.nf-float a:hover {

	text-decoration: none

}



.nf-float li {

	position: relative;

	height: 57px;

	margin-bottom: 1px;

	line-height: 27px;

	color: #fff;

	text-align: center;

	background: #c99d4e;

}



.nf-float li.back2top {

	background: #c99d4e;

}



.nf-float li.back2top:hover {

	background: #c99d4e;

}



.nf-float li a {

	font-size: 14px;

	display: inline-block;

	color: #fff;

	width: 77px;

	height: 27px;

	padding: 0 10px 0 0;

	color: #fff;

}



.nf-float li.hover {

	overflow: hidden

}



.nf-float li i {

	background-image: url(../images/icon-float.png);

	background-repeat: no-repeat;

	height: 30px;

	display: block;

}



.nf-float li .icon-kfzx {

	background-position: center 0;

}



.nf-float li .icon-srdz {

	background-position: center -40px;

}



.nf-float li .icon-zxbm {

	background-position: center -82px;

}



.nf-float li .icon-erweima {

	background-position: center -161px;

}



.nf-float li .icon-tel {

	background-position: center -201px;

}



.nf-float li .icon-back2top {

	background-position: center -243px;

}



.nf-float li .icon-fankui {

	background-position: center -82px;

}



.nf-float .erweima ul {

	display: none;

	position: absolute;

	right: 77px;

	bottom: 0px;

	background: #c99d4e;

	width: 140px;

	height: 186px;

}



.nf-float .erweima ul li {

	float: left;

	padding: 8px;

	height: 156px;

	width: 124px;

	font-size: 14px;

}



.nf-float .erweima ul li img {

	display: block;

	width: 124px;

	margin-bottom: 8px

}



.nf-float li .telnum {

	position: absolute;

	left: 77px;

	top: 0;

	z-index: 1;

	width: 184px;

	padding: 10px 0;

	font: 24px/57px Arial;

	color: #fff;

	background: #c99d4e;

	cursor: pointer;

}



.nf-float li .telnum em {

	display: block;

	border-left: 1px solid #fff;

	height: 37px;

	line-height: 37px;

}



.pagination {

	width: 100%;

	color: #333;

	line-height: 30px;

	padding: 30px 0 10px 0;

	font-size: 12px;

	text-align: center;

	margin-bottom: 30px;

	float: left

}



.pagination a,.pagination span {

	border: #cccccc 1px solid;

	padding: 0px 8px;

	color: #666;

	text-decoration: none;

	font-size: 12px;

	height: 26px;

	line-height: 26px;

	display: inline-block;

	margin: 0 3px;

	background: #fff

}



.pagination a:hover {

	border: #6fba2c 1px solid;

	color: #fff;

	background-color: #6fba2c;

}



.pagination a:active {

	color: #fff;

	border: #6fba2c 1px solid;

	background-color: #6fba2c;

}



.pagination span.now {

	color: #fff;

	border: #6fba2c 1px solid;

	background-color: #6fba2c;

}



.pagination span.disabled {

	color: #ccc;

	border: #ccc 1px solid

}