﻿@charset "utf-8";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
/*
* {padding:0;margin:0;box-sizing:border-box;transition:all 0.3s}
*/
ul li {list-style:none;}
a {text-decoration:none;font-family:"Microsoft YaHei","宋体"}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;font-size:12px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.yy_tag_I{ margin:0 5px}
html, body {font:12px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1170px;}

.head {background:url(../images/head_bg.gif) no-repeat center;width:100%;height:120px;overflow:hidden}
.head .fl {width:720px;}
.head .fl img {float:left}
.head .fl .img1 {margin-top:20px}
.head .fl .img2 {margin-top:45px;margin-left:25px}

.head .fr {width:260px;color:#fff;margin-top:35px;}
.head .fr .icon {font-size:24px;background:#fff;width:42px;height:42px;text-align:center;line-height:42px;color:#eb7200;border-radius:50%;float:left;margin-right:10px;margin-top:5px}
.head .fr .icon i {line-height:42px}
.head .fr p {font-size:14px}
.head .fr h4 {font-size:28px}

.head_nav {width:100%;height:61px;background:url(../images/nav_g.gif) repeat left top;overflow:hidden}
.head_nav li {float:left}
.head_nav li a {display:inline-block;height:61px;line-height:61px;font-size:16px;color:#fff;padding:0 35px}
.head_nav li.cur a, .head_nav li a:hover {background:#ff7200}
/*
#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}
*/
.head .fw .toggle {position:absolute;right:20px;top:30px;font-size:24px;width:60px;height:60px;background:#ff7200;color:#fff;border-radius:50%;text-align:center;display:none}
.head .fw .toggle i {line-height:60px}

.fullSlide {
	width:100%;
	position:relative;
	height:360px;
	background:#000;
	transition:none
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	width:100%
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:360px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:360px;
	transition:none
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:16px;
	height:2px;
	margin:1px;
	overflow:hidden;
	background:#EE0E51;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:16px;
}
.fullSlide .hd ul .on {
	background:#EE0E51;
	filter:alpha(opacity=100);
	opacity:1;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}

.type_in,.type_in li,.type_in li a {padding:0;margin:0;box-sizing:border-box;transition:all 0.3s}
.type_in {width:1182px;margin:30px auto;}

.type_in li {float:left;width:25%;padding:6px}
.type_in li a {display:block;position:relative;width:100%;height:196px;padding:20px;background:#F8F8F8;border:1px solid #F1F1F1;border-radius:5px;overflow:hidden}
.type_in li a .img {position:absolute;right:0;top:0;max-width:170px;max-height:140px}
.type_in li a h1 {font-size:22px;color:#333;font-family:"helvet","Microsoft Yahei";margin-top:80px;margin-bottom:12px}
.type_in li a p.p1 {font-size:15px;color:#333}
.type_in li a p.p2 {font-size:12px;color:#999; text-transform:uppercase}
.type_in li a:hover {box-shadow:0 5px 20px #ccc}
.type_in li a:hover .img {top:-10px}
.type_in li a:hover h1 {margin-top:70px}

a.more_in {width:240px;height:46px;overflow:hidden;border-radius:30px;text-align:center;line-height:46px;font-size:12px;color:#838383;border:1px solid #DFDFDF;display:block;margin:30px auto}
a.more_in:after {content:'';height:46px;background:#cc0033;width:0;display:block;margin-top:-46px;transition:all 0.3s}
a.more_in i {text-indent:-5px;opacity:0}
a.more_in:hover {border:1px solid #cc0033;color:#fff}
a.more_in:hover:after {width:100%}
a.more_in:hover i {text-indent:5px;opacity:1}

.ad1 {width:100%;height:auto;overflow:hidden;background-color:#333;margin:40px auto 0}
.ad1 img {display:block;width:100%}
.ad1 .fl {width:63.85%}
.ad1 .fr {width:35.58%;position:relative}
.ad1 .fr .tel {position:absolute;color:#fff;top:35px;left:125px;background:url(../images/ad1_r_tel.gif) no-repeat left;padding-left:60px}
.ad1 .fr .tel p {font-size:14px}
.ad1 .fr .tel h4 {font-size:30px}
.ad1 .fr .qq {position:absolute;bottom:30px;left:125px;width:129px;height:45px;background:url(../images/adbtn.jpg) no-repeat;font-size:14px;color:#333;padding-left:53px;padding-top:12px}
.ad1 .fr .shouji {display:none;background:url(../images/adbtn.gif) no-repeat;background-size:cover}

.title_in {width:100%;border-bottom:1px solid #ddd;text-align:center;padding:40px 0 25px;position:relative}
.title_in:before {content:'';position:absolute;width:110px;height:2px;background:#cc3300;left:50%;margin-left:-55px;bottom:-1px}
.title_in h1 {font-size:26px;color:#333;font-weight:100}
.title_in h2 {font-size:35px;color:#f6032c;font-weight:100}
.title_in p {font-size:13px;color:#999}

.about_in {width:100%;position:relative}
.about_in .box{width:100%;background:url(../images/about_bg.jpg) no-repeat center top;background-color:#FAFAFA;overflow:hidden}
.about_in .fw {text-align:center;overflow:hidden;padding-bottom:30px}
.about_in .txt {width:500px;overflow:hidden;margin:40px auto 0;line-height:28px;color:#666;font-size:14px}
.about_in .pic {position:absolute;left:-100px;bottom:-150px}
.about_in a.more_in {background:#CC0033;color:#fff;border:1px solid #cc0033}

.listmenu {text-align:center;margin:40px auto 20px;line-height:30px}
.listmenu a {font-size:14px;color:#999;padding:5px 15px;border-radius:3px; white-space:nowrap}
.listmenu a.cur, .listmenu a:hover {color:#fff;background:#cc0033}

.pro_in .list {width:1190px;margin:0 auto}
.pro_in .list li {float:left;width:33.3333%;padding:10px}
.pro_in .list li a {display:block;width:100%;padding:10px;background:#F4F4F4}
.pro_in .list li a .pic {width:39%;overflow:hidden;display:table;float:left;background:#fff}
.pro_in .list li a .pic span {display:table-cell;vertical-align:middle;text-align:center;width:100%;height:115px}
.pro_in .list li a .pic span img {display:block;margin:0 auto;max-width:100%;max-height:100%;vertical-align:middle}
.pro_in .list li a .txt {width:56%;float:right}
.pro_in .list li a .txt h2 {font-size:14px;color:#666;font-weight:100;border-bottom:1px solid #ddd;line-height:40px;margin-bottom:10px;position:relative}
.pro_in .list li a .txt h2:before {content:'';width:30px;height:1px;background:#cc0033;position:absolute;bottom:-1px;left:0;transition:all 0.3s}
.pro_in .list li a p {font-size:12px;color:#999;line-height:24px}
.pro_in .list li a:hover {background:#fff;box-shadow:0 5px 20px #ddd}
.pro_in .list li a:hover .txt h2:before {width:100%}

.brand_in {margin-top:50px}
.brand_in .title {width:297px;height:425px;background:#eee;padding:30px 25px;box-sizing:border-box}
.brand_in .title h2 {font-size:38px;color:#666;line-height:35px;margin-bottom:10px}
.brand_in .title p {font-size:18px;color:#f6032c}
.brand_in .txt {line-height:24px;position:relative;padding-top:52px;margin-bottom:30px}
.brand_in .txt:before {content:'';position:absolute;width:1px;height:40px;background:#bebebe;top:6px;left:0}
.brand_in .list {width:873px}
.brand_in .list li {float:left;width:33.33333%;box-sizing:border-box}
.brand_in .list li a {display:block;background:#f8f8f8;height:212px;overflow:hidden;border-right:1px solid #eee;position:relative;transition:all 0.3s}
.brand_in .list li a:hover {box-shadow:0 5px 30px #ccc;z-index:100}
.brand_in .list li.li1 a, .brand_in .list li.li2 a, .brand_in .list li.li3 a {border-bottom:1px solid #eee}
.brand_in .list li.li3 a, .brand_in .list li.li6 a {border-right:0}

.brand_in .list li a .pic {display:block;width:180px;height:60px;margin:40px auto 10px}
.brand_in .list li a .pic img {display:block;max-width:100%;max-height:100%;margin:0 auto}
.brand_in .list li a strong {font-size:16px;font-weight:900;text-align:center;line-height:35px;display:block;width:100%}
.brand_in .list li a p {/*width:70%;*/margin:0 auto;text-align:center;color:#888}

.brand {border-top:0px solid #ddd;margin-top:0;margin-bottom:60px;padding-top:0px;}
.brand .title_in {margin-bottom:0px}
.brand .title_in p{font-size:18px;}
.brand .title_in {width:100%;border-bottom:0px solid #ddd;text-align:center;padding:40px 0 25px;position:relative}
.brand .title_in:before {content:'';position:absolute;width:110px;height:0;left:50%;margin-left:-55px;bottom:0px;}

.brand .list {width:100%}
.brand .list li {width:25%}
.brand .list li a {border-bottom:1px solid #eee}

.app_in {background:#f8f8f8;width:100%;}
.app_in .list {margin-top:30px;background:#333;}
.app_in .list li {float:left;width:25%;}
.app_in .list li .info {width:100%;position:relative;overflow:hidden}
.app_in .list li .info img {width:100%;display:block;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app_in .list li .info .bg {position:absolute;width:100%;height:100%;background:#333;opacity:0;left:0;top:0}
.app_in .list li .info .tt {font-size:12px;color:#eee;position:absolute;width:100%;text-align:center;left:0;top:50%;line-height:26px;height:52px;overflow:hidden;margin-top:-16px;opacity:0}
.app_in .list li .info .tt h2 {font-size:16px;font-weight:100;color:#fff}
.app_in .list li .info:hover .bg {opacity:0.5}
.app_in .list li .info:hover .tt {opacity:1;margin-top:-26px}
.app_in .list li .info:hover img {transform:scale(1.08, 1.08)}
.app_in .more {display:block;width:100%;height:60px;line-height:60px;color:#fff;text-align:center;font-size:14px;background:#cc0033;font-weight:bold;overflow:hidden}
.app_in .more:hover {background:#333}

.news_in .fl {width:50%}
.news_in .fl .pic {width:100%;background:#cc0033;height:auto;overflow:hidden;display:block;position:relative}
.news_in .fl .pic .img {float:right;width:64.5%;overflow:hidden}
.news_in .fl .pic .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.news_in .fl .date {position:absolute;left:0;width:35.5%;color:#fff;text-align:center;font-family:"helvet";height:72px;overflow:hidden;top:50%;margin-top:-36px}
.news_in .fl .date h4 {font-size:18px;font-weight:100}
.news_in .fl .date b {font-size:38px}
.news_in .fl .date p {opacity:0.5}
.news_in .fl a.tt {font-size:16px;color:#333;line-height:40px;display:block;padding:0 15px;margin-top:10px}
.news_in .fl .txt {line-height:24px;padding:0 15px}
.news_in .fl a.more {width:177px;height:40px;border:1px solid #ddd;text-align:center;line-height:40px;color:#666;font-size:12px;display:block;border-radius:30px;margin:15px;overflow:hidden}
.news_in .fl a.more:after {content:'';display:block;width:0;height:40px;margin-top:-40px;background:#cc0033;transition:all 0.3s}
.news_in .fl a.tt:hover {color:#cc0033}
.news_in .fl a.more:hover {color:#fff;border:1px solid #cc0033}
.news_in .fl a.more:hover:after {width:100%}
.news_in .fl .pic:hover .img img {transform:scale(1.08,1.08)}

.news_in .fr {width:40%}
.news_in .fr li {line-height:55px;border-bottom:1px solid #ddd;padding-right:108px;position:relative}
.news_in .fr li span {position:absolute;top:0;right:0;font-size:14px}
.news_in .fr li a {font-size:14px;color:#333}
.news_in .fr li a:hover {color:#cc0033}

.foot {background:url(../images/nav_g.gif) repeat left top;width:100%;padding:60px 0;margin-top:40px;}
.foot .fw{width:1190px;}
.foot a.logo {float:left;margin-right:40px}
.foot .list {float:left;width:290px;margin-left:50px}
.foot .list h2.tt {font-size:18px;color:#fff;line-height:52px;border-bottom:1px solid #5484b4;margin-bottom:20px}
.foot .list.con p {font-size:14px;color:#fff;line-height:30px}
.foot .list.menu li {line-height:30px}
.foot .list.menu li a {color:#fff;font-size:14px}
.foot .list.menu li a:hover {color:#ff7200}
.foot .list.ewm li {float:left;width:117px;line-height:28px;color:#6f8ab6;margin-right:24px;text-align:center}
.foot .list.ewm li img {display:block;width:100%}

.copyright {width:100%;height:50px;line-height:50px;font-size:14px;color:#999;background:#f8f8f8}
.copyright .fl span {padding-right:20px}
.copyright a {color:#ff7200;font-size:14px}
.copyright a:hover {color:#333}

.banner {width:100%;height:249px;background:#666}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}
.banner_pro {background:url(../images/banner_product.jpg) no-repeat center top}
.banner_protype {background:url(../images/banner_protype.jpg) no-repeat center top}
.banner_brand {background:url(../images/banner_brand.jpg) no-repeat center top}
.banner_about {background:url(../images/banner_about.jpg) no-repeat center top}
.banner_con {background:url(../images/banner_con.jpg) no-repeat center top}
.banner_app {background:url(../images/banner_app.jpg) no-repeat center top}
.product {width:1200px;margin:0 auto}
#content{margin-top:20px}
#leftfloat {transition:none}
.leftlist {width:220px;background:#F39800;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;color:#fff;border-bottom:1px solid #ffffff;margin-bottom:10px}
.leftlist .title h2 {font-size:24px;border-bottom:1px solid #ffffff;line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#fff;border-bottom:1px solid #ffffff}
.leftlist ul li a:hover,.leftlist ul li a.cur {background:#EDC074;padding-left:20px}
.right_in {width:78%}
.product .frlist .list li {width:300px;float:left;padding:10px;padding-left:0;}
.product .frlist .list li .pic {
    background:#f8f8f8;
    overflow:hidden;
    display:table;
    width:100%
}
.product .frlist .list li .pic span {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:180px
}
.product .frlist .list li .pic img {
    display:block;
    margin:0 auto;
    max-width:238px;
    max-height:180px;
    vertical-align:middle;
    border:none
}
.product .frlist .list li .info {padding:10px;border-bottom:1px solid #ddd;line-height:22px}
.product .frlist .list li .info .title {font-size:14px;color:#333}
.product .frlist .list li .info .subtitle {font-size:12px;color:#999}
.product .frlist .list li a {display:block}
.product .frlist .list li a:hover {box-shadow:0 5px 20px #ddd}

.pro_detail {padding:20px 0 0}
.pro_detail .row {background:#fff}
.pro_detail .row .pic {float:left;width:40%;height:266px;padding:0;overflow:hidden;display:table}
.pro_detail .row .pic span {display:table-cell; vertical-align:middle;text-align:center;background:#f8f8f8}
.pro_detail .row .pic img {max-width:100%;max-height:100%;vertical-align:middle}
.pro_detail .row .txt {width:58%;box-sizing:border-box;padding:0 15px;float:right;font-size:14px;color:#666;line-height:24px}
.pro_detail .row .txt h1 {font-size:24px;color:#333;margin-bottom:15px}
.pro_detail .row .txt table {border:1px solid #f7f7f7;width:100%}
.pro_detail .row .txt table th {background:#f7f7f7}
.pro_shuxing td {border:1px solid #f7f7f7}
.pro_shuxing th span, .pro_shuxing td span {
    padding:5px;
    display:block;
	font-size:14px;
	line-height:25px
}
.pro_detail .row .txt .hotline {display:inline-block;background:#cc0033;padding:3px;color:#fff;border-radius:5px;padding-left:10px;margin-top:15px}
.pro_detail .row .txt .hotline span {font-size:18px;color:#cc0033;font-weight:bold;display:inline-block;background:#fff;padding:5px 10px;border-radius:5px}
.pro_detail .detail {float:left;background:#fff;margin-top:30px}
.pro_detail .detail .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .detail .title span {font-size:14px;padding:10px;border-bottom:2px solid #666;display:inline-block;color:#333}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}
.pro_detail .detailist {margin-top:20px}
.pro_detail .detailist li {float:left;width:25%;box-sizing:border-box}
.pro_detail .detailist li p {padding:0 15px;margin-bottom:11px}
.pro_detail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
}
.pro_detail .detailist li p a:hover {background:#ec0032;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.pro_detail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.pro_detail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.pro_detail .detailist a.more:hover i {text-indent:0;opacity:1}

/*.about .right_in .txt {padding:40px 0;line-height:24px}
.about .right_in .txt img {display:block;margin:30px auto 0}*/
.website {border-bottom:1px solid #ddd;line-height:50px;position:relative}
.website .fl h2 {display:inline;font-size:22px;font-weight:100;color:#333}
.website .fr a, .website .fr span {padding:0 5px;color:#333}
.website .fr a {color:#999}
.website .fr a:hover {color:#cc0033}
.website .toggle {position:absolute;right:0;background:#333;color:#fff;height:30px;line-height:30px;bottom:15px;width:80px;border-radius:5px;text-align:center;display:none}

.brandetail .txt {padding:20px 0;font-size:14px;color:#666;line-height:24px}
.brandetail .txt h1 {color:#333;line-height:60px;font-size:26px;font-weight:100}
.brandetail .txt .img {float:left;width:30%;margin:0 20px 10px 0}

.brandetail .detailist .title {
    border-bottom:1px solid #ddd;
    margin:20px 0
}
.brandetail .detailist .title span {
    font-size:14px;
    padding:10px;
    border-bottom:2px solid #666;
    display:inline-block;
    color:#333
}
.brandetail .detailist li {float:left;width:25%;box-sizing:border-box}
.brandetail .detailist li p {padding:0 10px;margin-bottom:10px}
.brandetail .detailist li p a {
	display:block;
	background:#eee;
	line-height:30px;
	padding:0 5px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:5px
}
.brandetail .detailist li p a:hover {background:#cc0033;color:#fff}
.brandetail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#cc0033;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.brandetail .detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.brandetail .detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.brandetail .detailist a.more:hover i {text-indent:0;opacity:1}

.app .list li {float:left;width:33.3333%;padding:15px;text-align:center;line-height:40px;box-sizing:border-box;transition:all 0.3s}
.app .list li .info a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;font-size:14px;color:#666;}
.app .list li .info a .img {width:100%;border-radius:10px;overflow:hidden;margin:0;padding:0;box-sizing:border-box;transition:all 0.3s}
.app .list li .info a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.app .list li .info a:hover {box-shadow:0 5px 20px #ccc;}
.app .list li .info a:hover img {transform:scale(1.1,1.1);}

.brand .list li {float:left;width:25%;padding:15px;text-align:center;line-height:40px;box-sizing:border-box;transition:all 0.3s}
.brand .list li .info a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;font-size:14px;color:#666;}
.brand .list li .info a .img {width:100%;border-radius:10px;overflow:hidden;margin:0;padding:0;box-sizing:border-box;transition:all 0.3s}
.brand .list li .info a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.brand .list li .info a:hover {box-shadow:0 5px 20px #ccc;}
.brand .list li .info a:hover img {transform:scale(1.1,1.1);}

.met-shownews-footer {padding-bottom:30px;overflow:hidden}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:1000px;
	max-width:45%
}
.met-shownews-footer ul li a:hover {border:1px solid #cc0033;color:#cc0033}
.met-shownews-footer ul li.previous a {float:left}
.met-shownews-footer ul li.next a {float:right}
.news .list li a{display:block;padding:20px 150px 20px 230px;position:relative;border-bottom:1px solid #ddd}
.news .list li .pic {position:absolute;width:200px;height:130px;overflow:hidden;left:0;border-radius:5px}
.news .list li .pic img {width:100%;height:130px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.news .list li .date {position:absolute;top:50%;margin-top:-26px;right:0;width:94px;height:52px;line-height:52px;color:#999;font-size:28px;font-family:"helvet";border-left:2px solid #eee;text-align:center}
.news .list li .txt {height:130px;overflow:hidden}
.news .list li .txt h4 {font-size:16px;color:#333;line-height:40px;padding-bottom:8px;font-weight:100}
.news .list li .txt p {font-size:13px;line-height:22px;color:#999}
.news .list li a:hover {padding-left:240px;padding-right:140px}
.news .list li a:hover .txt h4 {color:#cc0033}
.news .list li a:hover .pic img {transform:scale(1.08,1.08)}

.newsdetail .met-shownews-header {padding:30px 0;text-align:center}
.newsdetail .met-shownews-header h1 {font-size:24px;margin-bottom:5px;color:#333;font-weight:100;line-height:60px}
.newsdetail .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
}
.newsdetail .txt {font-size:14px;color:#666;line-height:22px;padding-bottom:30px}
.newsdetail .txt img {display:block;margin:10px auto;max-width:100%}
.contact .txt .title {font-size:24px;color:#F39800;margin-bottom:10px}
.contact .txt .subtitle {font-size:14px;color:#999;margin-bottom:20px}
.contact .txt {font-size:14px;color:#666;line-height:24px;padding:30px 20px}
.met_pager {
    margin-top:40px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#e4eaec}
.met_pager a.current {
    background:#e4eaec;
    border-color:#e4eaec;
    cursor:default
}
.met_pager a:hover {background:#F39800;border-color:#F39800;color:#fff}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#d4003c;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li.tit{text-align:center;color:#3476b7;font-size:16px;font-weight:bold;padding-top:5px;}
#floatDivBoxs .floatDqq li.qq{height:45px;line-height:45px;border-bottom:1px solid #e3e3e3; padding:0 0 0 40px;background:url(../images/qq.png) no-repeat left;}
#floatDivBoxs .floatDqq li a {color:#ff0000;font-size:15px;font-weight:bold;}
#floatDivBoxs .floatDqq li a:hover {color:#d4003c}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:5px 14px 0 14px;}
#floatDivBoxs .floatDtel{padding:0 0 0px 14px;font-size:15px;color:#ff0000}
#floatDivBoxs .floatDtel p {padding-top:5px;padding-bottom:5px;font-size:16px;font-weight:bold;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{/*width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:180px;left:170px;z-index:999;*/float:left;}
#rightArrow a{display:block;height:45px;}