@charset 'utf-8';

/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,p{margin:0;}
ul,ol,th,td,input,textarea {padding:0;}
body{font-family:'Microsoft YaHei';font-size:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-collapse:collapse;}
img,iframe{border:0;}
ol,ul{list-style:none;}
i,em{font-style:normal;}
strong{font-weight:normal;}
input,select,textarea{font-family:'Microsoft YaHei';}
textarea{overflow:auto;resize:none;}
a{text-decoration:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size:12px;color:#666;}
input:-moz-placeholder, textarea::-moz-placeholder {font-size:12px;color:#666;} 
input::-moz-placeholder, textarea::-moz-placeholder {font-size:12px;color:#666;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size:12px;color:#666;}

/************* header-box START *******************/
.header-box { background-color: #fff; }
.header-box .area { height: 120px; }
.m-nav .nav>li{
	float: left;
	position: relative;
	width: 130px;
	text-align: center;
}
.m-nav .nav>li>.u-a-wrap {
	font-size: 18px;
	line-height: 120px;
	color: #4b4b4b;
}
.m-nav .subnav {
	position: absolute;top: 120px;left: 0;
	z-index: 3;
	width: 100%;
	background-color: #fff;
}
.m-nav .subnav li .u-a-wrap {
	font-size: 16px;
	line-height: 30px;
	color: #4b4b4b;
}
.m-nav .hover>.u-a-wrap {
	background-color: #2062c3;
	color: #fff !important;
}
.m-nav .hover .subnav .u-a-wrap:hover {
	background-color: #2062c3;
	color: #fff !important;
}
.m-nav .active>.u-a-wrap {
	background-color: #2062c3;
	color: #fff !important;
}
/************* header-box END   *******************/

/************* banner-box START *******************/
.banner-box .u-img { height: 550px; }
.banner-box .area {
	top: 0;left: 0;right: 0;
	height: 100%;
}
.banner-box .prev,
.banner-box .next {
	top: 0;bottom: 0;
	margin: auto 0;
	width: 55.5px;height: 107px;
	background: url(../images/icon/arrow.png);
}
.banner-box .prev {
	left: -220px;
	background-position: 0 0;
}
.banner-box .next {
	right: -220px;
	background-position: -55.5px 0;
}

.m-ads {
	bottom: -75px;left: 0;
	width: 100%;
}
.m-ads .u-img {
	width: 710px;height: 150px;
}
.m-ads .content {
	margin-left: 710px;
	padding: 23px 0 18px 0;
	background-color: #134c9f;
	text-indent: 26px;
}
.m-ads .content .name {
	font-size: 24px;
	line-height: 36px;
	color: #fff;
}
.m-ads .content .inf {
	font-size: 36px;
	line-height: 37px;
	color: #fff;
}
.m-ads .content .addr {
	font-size: 18px;
	line-height: 36px;
	color: #fff;
}
/************* banner-box END   *******************/

/************* m-header START *******************/
.m-header .tit,
.m-location .tit {
	font-size: 26px;
	line-height: 85px;
	color: #3e3e3e;
	font-weight: bold;
}
.m-header .tit span,
.m-location .tit span { color: #2062c3; }
.m-header .inf,
.m-location .inf {
	margin-left: 13px;
	font-size: 20px;
	line-height: 85px;
	color: #666;
}
.m-header .more {
	width: 100px;
	margin: 22.5px 0;
	background-color: #333;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
}
.m-header .more:hover { background-color: #2062c3; }
/************* m-header END   *******************/

/************* m-product START *******************/
.m-product {
	padding: 75px 0 35px 0;
	background: url(../images/background/bg-product.jpg);
}
.m-product .tabBtn {
	width: 254px;height: 380px;
	background-color: #3e3e3e;
}
.m-product .tabBtn ul { padding-top: 32px; }
.m-product .tabBtn li {
	position: relative;
	font-size: 20px;
	line-height: 50px;
	color: #fefefe;
	text-indent: 26px;
	cursor: pointer;
}
.m-product .tabBtn li:after {
	content: "";
	display: block;
	position: absolute;top: 0;bottom: 0;right: 15px;
	width: 11px;height: 20px;
	margin: auto 0;
	background: url(../images/icon/arrow-r.png);
	visibility: hidden;
}

.m-product .tabCtn { width: 830px; }
.m-product .tabCtn>ul { height: 380px; }
.m-product .tabCtn .tabItem {
	top: 0;left: 0;
	width: 100%;height: 100%;
	-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;
	opacity: 0;
}
.m-product .tabCtn .tabItem ul { width: 843px; }
.m-product .tabCtn .tabItem li {
	float: left;
	width: 266px;
	margin: 0 13px 12px 0;
}
.m-product .tabCtn .tabItem li:first-child { width: 551px; }
.m-product .tabCtn .tabItem .u-img { height: 184px; }
.m-product .tabCtn .tabItem li:first-child .u-img { height: 380px; }
.m-product .tabCtn .tabItem .filter {
	top: 0;left: 0;
	width: 100%;height: 100%;
	background: url(../images/background/bg-png.png);
}
.m-product .tabCtn .tabItem .u-icon {
	bottom: 77px;left: 0;right: 0;
	width: 68px;height: 68px;
	margin: 0 auto;
	background: url(../images/icon/glass.png) -129px -41px;
}
.m-product .tabCtn .tabItem li:first-child .u-icon {
	bottom: 145px;left: 0;right: 0;
	width: 129px;height: 130px;
	margin: 0 auto;
	background: url(../images/icon/glass.png) 0 0;
}
.m-product .tabCtn .tabItem .name {
	margin-top: 120px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}
.m-product .tabCtn .tabItem li:first-child .name { margin-top: 270px; }

.m-product .tabBtn .active { background-color: #2062c3; }
.m-product .tabBtn .active:after { visibility: visible; }
.m-product .tabCtn .active {
	z-index: 100;
	opacity: 1;
}
/************* m-product END   *******************/

/************* m-case START *******************/
.m-case .area { border-bottom: solid 2px #2062c3; }
.m-case li {
	float: left;
	width: 264px;
	margin: 0 5.5px;
}
.m-case li .u-img { height: 204px; }
.m-case li .name {
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 56px;
	color: #333;
}
.m-case li:hover .name { color: #2062c3; }
/************* m-case END   *******************/

/************* m-news START *******************/
.m-news { margin-bottom: 40px; }
.m-news .u-img {
	width: 472px;height: 187px;
}
.m-news .newsList { margin-left: 495px; }
.newsList li { position: relative; }
.newsList li .u-a-wrap {
	margin-right: 90px;
	font-size: 18px;
	line-height: 36px;
	color: #333;
}
.newsList li .u-a-wrap:before {
	content: "";
	display: inline-block;*display: inline;*zoom: 1;
	width: 3px;height: 3px;
	margin: -3px 5px 0 0;
	margin-right: 5px;
	background-color: #333;
	vertical-align: middle;
}
.newsList li .date {
	top: 0;right: 0;
	font-size: 14px;
	line-height: 36px;
	color: #999;
}
.newsList li:hover .u-a-wrap { color: #2062c3; }
.newsList li:hover .u-a-wrap:before { background-color: #2062c3; }
/************* m-news END   *******************/

/************* footer-box START *******************/
.footer-box { background-color: #525252; }
.footer-box .area { height: 198px; }
.footer-box .m-contact {
	top: 25px;left: 0;
	font-size: 16px;
	line-height: 30px;
}
.footer-box .m-contact .name {
	font-size: 22px;
	line-height: 50px;
}
.footer-box .m-contact .dib { margin-right: 38px; }
.footer-box .m-contact .txt { margin-left: 27px; }
.footer-box .m-contact .tele:before,
.footer-box .m-contact .fax:before,
.footer-box .m-contact .mail:before,
.footer-box .m-contact .addr:before {
	content: "";
	display: inline-block;*display: inline;*zoom: 1;
	position: absolute;left: 0;top: 0;bottom: 0;
	margin: auto 0;
	background: url(../images/icon/inf.png);
}
.footer-box .m-contact .tele:before {
	width: 13px;height: 13px;
	background-position: 0 0;
}
.footer-box .m-contact .fax:before {
	width: 18px;height: 14px;
	background-position: -13px 0;
}
.footer-box .m-contact .mail:before {
	width: 15px;height: 12px;
	background-position: -31px 0;
}
.footer-box .m-contact .addr:before {
	width: 14px;height: 18px;
	margin-left: 4px;
	background-position: -46px 0;
}

.footer-box .copyright {
	bottom: 35px;left: 0;
	font-size: 16px;
	line-height: 24px;
	height: 5px;
}

.footer-box .weixin {
	top: 40px;right: 0;
	width: 243px;
}
.footer-box .weixin .name {
	margin-left: 116px;
	padding: 28px 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
/************* footer-box END   *******************/

/************* m-location START *******************/
.m-location { padding-top: 75px; }
.location {
	font-size: 18px;
	line-height: 85px;
	color: #666;
}
.location a { color: #666; }
.location a:hover { color: #2062c3; }
/************* m-location END   *******************/

/************* m-pageNav START *******************/
.m-pageNav {
  margin-bottom: 30px;
	width: 254px;
	background-color: #3e3e3e;
}
.m-pageNav .nav {
	padding: 30px 0;
	line-height: 50px;
	text-indent: 27px;
}
.m-pageNav .nav>li>.u-a-wrap {
	position: relative;
	font-size: 20px;
	color: #fff;
}
.m-pageNav .nav>li>.u-a-wrap:after {
	content: "";
	display: block;
	position: absolute;top: 0;bottom: 0;right: 15px;
	width: 11px;height: 20px;
	margin: auto 0;
	background: url(../images/icon/arrow-r.png);
	visibility: hidden;
}
.m-pageNav .subnav .u-a-wrap {
	font-size: 18px;
	color: #fff;
}

.m-pageNav .hover>.u-a-wrap { background-color: #2062c3; }
.m-pageNav .hover>.u-a-wrap:after { visibility: visible !important; }
.m-pageNav .hover .subnav .u-a-wrap:hover { background-color: #be0212; }

.page-box { margin-left: 270px; }
/************* m-pageNav END   *******************/

/************* m-picList START *******************/
.m-picList ul {
	width: 846px;
}
.m-picList li {
	float: left;
	width: 266px;
	margin-right: 16px;
}
.m-picList li .u-img { height: 184px; }
.m-picList li .name {
	font-size: 18px;
	line-height: 74px;
	color: #333;
	text-align: center;
}
.m-picList li .filter {
	top: 0;left: 0;
	width: 100%;height: 100%;
	background: url(../images/background/bg-png.png);
}
.m-picList li .filter .u-icon {
	top: 0;left: 0;bottom: 0;right: 0;
	width: 68px;height: 68px;
	margin: auto;
	background: url(../images/icon/glass.png) -129px -41px;
}
/************* m-picList END   *******************/

/************* m-artDetail START *******************/
.m-artDetail .titWrap { margin-bottom: 20px;
    padding: 20px 0 20px 0;
    border-bottom: solid 1px #dadada; }
.m-artDetail .tit {
	font-size: 24px;
	line-height: 36px;
	color: #333
}
.m-artDetail .inf {
	font-size: 16px;
	line-height: 24px;
	color: #999;
}
.m-artDetail .ctn {
	margin: 30px 0 20px 0;
	min-height: 120px;
	font-size: 18px;
	line-height: 24px;
	color: #666;
}
.m-artDetail .paging {
	margin: 30px 0 20px 0;
	border-top: solid 1px #dadada;
	padding: 10px 0 10px 0;
	font-size: 18px;
	line-height: 24px;
}
.m-artDetail .paging a { color: #666; }
.m-artDetail .paging a:hover { color: #2062c3; }

.m-picDetail .album .prev,
.m-picDetail .album .next {
	top: 0;bottom: 0;
	width: 54px;height: 87px;
	margin: auto 0;
	background: url(../images/icon/pic-debtn.gif);
}
.m-picDetail .album .prev {
	left: 0;
	background-position: 0 0;
}
.m-picDetail .album .next {
	right: 0;
	background-position: -54px 0;
}
.m-picDetail .album img { height: 204px; }
/************* m-artDetail END   *******************/