@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;}
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 {width:100%;background:url(../images/headbg.gif) repeat;height:114px}
.head .top {position:relative;height:59px}
.head .top .logo {position:absolute;left:0;top:0}
.head .top .logo img {width:366px;height:114px}
.head .top .fr {text-align:right;margin-top:15px}
.head .top .fr span,.head .top .fr a {font-size:14px;color:#666;margin-left:20px}
.head .top .fr .tel .fa {color:#CC0033;border:1px solid #CC0033;border-radius:20px;width:25px;height:25px;text-align:center;line-height:25px;margin-right:5px;font-size:14px}
.head .nav {height:55px;width:100%;background:#333}
.head .nav li {float:left}
.head .nav li a {display:inline-block;height:55px;line-height:55px;font-size:14px;color:#eee;padding:0 22px}
.head .nav li a.cur,.head .nav li a:hover {color:#fff;background:#5C5C5C}

.fullSlide {
	width:100%;
	position:relative;
	height:550px;
	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:550px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:550px;
	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;
}

.search-top {height:68px;background:url(../images/search_top_bg.gif) repeat-y center top;background-color:#f3f3f3}
.search-top .tt {float:left;background:url(../images/search_top_tt.gif);width:125px;height:68px;overflow:hidden;line-height:9999px}
.search-top form {width:1026px;float:right}
.search-top td {
	vertical-align:middle;
	color:#666;
	height:68px;
	font-size:12px
	}
.search-top td input.text1 {
	width:126px;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	border-radius:3px;
	padding:0 5px;
	background:#fff
	}
.search-top td input.text2 {width:60px}
.search-top td input.btn1 {
	width:68px;
	height:30px;
	background:url(../images/search_btn.gif) no-repeat;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	}
.select_box{
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	margin-right:10px;
	color:#000;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	border-radius:3px;
	z-index:500;
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:30px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:28px;height:28px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:26px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#005BA4; color:#fff;}

.phone_search {width:100%;background:#005BA4;padding:10px;box-sizing:border-box;display:none}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}
.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:120;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(../images/search-clear.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {background:#005BA4;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}

.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:#005BA4;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 #005BA4;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:#C41B14;left:50%;margin-left:-55px;bottom:-1px}
.title_in h2 {font-size:26px;color:#333;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:#005BA4;color:#fff;border:1px solid #005BA4}

.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:#005BA4}

.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:#005BA4;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 {width:100%}
.brand_in .list {width:1200px;margin:20px auto;position:relative;transition:none}
.brand_in .list a.next,.brand_in .list a.prev {position:absolute;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;top:100px;background:#333;cursor:pointer;font-size:24px;border-radius:5px;opacity:0.5}
.brand_in .list a.next {right:-30px}
.brand_in .list a.prev {left:-30px}
.brand_in .list a.next:hover,.brand_in .list a.prev:hover {opacity:1}
.brand_in .list li {float:left;width:33.3333%;transition:none}
.brand_in .list li .info {width:100%;padding:15px 15px 80px 15px}
.brand_in .list li a {display:block;width:100%;padding:25px;padding-bottom:80px;background:#F8F8F8;border:1px solid #f1f1f1;border-radius:10px;text-align:center;position:relative}
.brand_in .list li a h4 {font-size:18px;color:#333;font-weight:100;margin-bottom:20px}
.brand_in .list li a p {font-size:12px;color:#666;line-height:24px}
.brand_in .list li a .pic {position:absolute;width:115px;height:115px;border-radius:150px;overflow:hidden;box-shadow:0 2px 10px #ccc;left:50%;margin-left:-57px;bottom:-57px}
.brand_in .list li a .pic img {display:block;width:100%}
.brand_in a.more_in {margin-top:10px}
.brand_in .list li a:hover {background:#005BA4;}
.brand_in .list li a:hover h4 {color:#fff}
.brand_in .list li a:hover p {color:#f8f8f8}

.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:#005BA4;font-weight:bold;overflow:hidden}
.app_in .more:hover {background:#333}

.news_in .fl {width:50%}
.news_in .fl .pic {width:100%;background:#005BA4;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;font-size: 20px;}
.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:#005BA4;transition:all 0.3s}
.news_in .fl a.tt:hover {color:#005BA4}
.news_in .fl a.more:hover {color:#fff;border:1px solid #005BA4}
.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:#005BA4}

.foot {background:#333;width:100%;padding-top:40px;margin-top:40px}
.foot .info {width:36%;padding-left:50px}
.foot .info .title {font-size:12px;color:#999;line-height:50px}
.foot .info .title span {font-size:18px;color:#fff}
.foot .info .title:hover {color:#fff}
.foot .info ul {margin-left:-20px}
.foot .info li {float:left;width:50%;padding-left:20px}
.foot .info li a {display:block;border-bottom:1px dashed #5C5C5C;height:35px;line-height:35px;font-size:13px;color:#CACACA;transition:all 0.3s}
.foot .info li a:hover {color:#ec0032}
.foot .con {float:left;width:27%}
.foot .con .logo img{display:block;margin-bottom:20px}
.foot .con p {color:#fff;font-size:13px;padding:5px 0}
.foot .con a.btn {display:inline-block;width:35px;height:35px;border-radius:35px;background:#333;color:#fff;text-align:center;line-height:35px;font-size:16px;margin-top:10px;margin-right:10px}
.foot .con a.shouji {display:none}
.foot .con a.qq {background:#2F93F2}
.foot .con a.qq:hover {background:#51AAFF}
.foot .con a.weixin {background:#36C91A;position:relative}
.foot .con a.weixin:hover {background:#71F957}
.foot .con a.weixin .ewm {position:absolute;bottom:50px;left:-42px; visibility:hidden;opacity:0}
.foot .con a.weixin:hover .ewm {visibility:visible;bottom:40px;opacity:1}
.copyright {width:100%;height:55px;line-height:55px;background:#242424;font-size:13px;margin-top:40px;color:#666}
.copyright a {color:#fff;font-size:13px}
.copyright a:hover {color:#666}
.copyright .fl .bb {margin-right:20px}

.banner {width:100%;height:249px;background:url(../images/ban.jpg) no-repeat center top}
/*.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_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:40px}
#leftfloat {transition:none}
.leftlist {width:220px;background:#005BA4;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;color:#fff;border-bottom:1px solid #086FC9;margin-bottom:10px}
.leftlist .title h2 {font-size:24px;border-bottom:1px solid #086FC9;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 #318EDE}
.leftlist ul li a:hover,.leftlist ul li a.cur {background:#086FC9;padding-left:20px}
.right_in {width:78%}
.product .frlist .list li {width:25%;float:left;padding:10px}
.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:100%;
    max-height:100%;
    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:#005BA4;padding:3px;color:#fff;border-radius:5px;padding-left:10px;margin-top:15px}
.pro_detail .row .txt .hotline span {font-size:18px;color:#005BA4;font-weight:bold;display:inline-block;background:#fff;padding:5px 10px;border-radius:5px}
.pro_detail .detail {float:left;background:#fff;margin-top:30px;width: 100%;}
.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 p{
	font-size: 14px;
}
.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:#005BA4}
.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;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:#005BA4;color:#fff}
.brandetail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#005BA4;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:25%;padding:15px;text-align:center;line-height:40px}
.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 {border-radius:10px;overflow:hidden;text-align: center;}
.app .list li .info a .img img {display:block;width:200px;height:200px;margin:0 auto;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)}

.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 #005BA4;color:#005BA4}
.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 0px;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;color:#999;font-size:28px;font-family:"helvet";border-left:2px solid #eee;text-align:center}
.news .list li .date span{
	font-size: 14px;
}
.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:10px;padding-right:140px}
.news .list li a:hover .txt h4 {color:#005BA4}
.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:#005BA4;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}

#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}

.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:#ec0032;border-color:#ec0032;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{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:#666;font-size:15px}
#floatDivBoxs .floatDqq li a:hover {color:#d4003c}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 10px 14px;font-size:15px;color:#d4003c}
#floatDivBoxs .floatDtel p {padding-bottom:10px}
#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;}
#rightArrow a{display:block;height:45px;}
@media screen and (max-width:1180px){
.fw {width:auto;padding:0 20px}
.search-top form {width:86%}
.type_in {width:100%}
.about_in .pic {width:45%}
.pro_in .list {width:100%}
.brand_in .list {width:100%;overflow:hidden}
.brand_in .list a.prev {left:10px}
.brand_in .list a.next {right:10px}
.product {width:100%}
.about .right_in .txt img {width:100%}
.brand_in .list {width:100%}
}

@media screen and (max-width:1000px){
.head {height:auto;position:relative;padding:15px;box-sizing:inherit}
.head .nav {display:none}
.head .top {height:0px;margin-top:-15px;margin-left:-15px}
.head .top .fr {display:none}
.head .top .logo {z-index:100}
#sidenav-toggle {display:block;width:21px;height:28px}
.search-top {display:none}
.phone_search {display:block}
.right_in {width:74%}

.ad1 .fr .tel {top:25px;left:85px}
.ad1 .fr .qq {bottom:10px;left:85px}
}
@media screen and (max-width:960px){
.type_in li {width:33.3333%}
.pro_in .list li a .pic span {height:95px}
.ad1 .fr .shouji {display:block}
.ad1 .fr .wangye {display:none}
#sidenav-toggle {margin-top:15px}
}
@media screen and (max-width:768px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}
.about_in .pic {left:-90px;bottom:-120px;width:50%}
.pro_in .list li {width:50%}
.pro_in .list li a .pic span {height:115px}
.brand_in .list li {width:50%}
.app_in .list li {width:33.3333%}
.news_in .fr {width:47%}
.banner {height:160px;background-size:cover}

.foot .con {float:none;width:100%}
.foot .info {float:none;width:100%;padding-left:0;margin-top:20px;overflow:hidden}
.foot .con .wangye {display:none}
.foot .con .shouji {display:block}

.website .hidden {display:none}
.website .toggle {display:block}
.leftlist {display:none}
.right_in {width:100%;padding:0 10px}

.ad1 .fl {display:none}
.ad1 .fr .bg {display:none}
.ad1 .fr {width:100%;float:none;height:180px;background:#cc0032}
.ad1 .fr .tel {left:0;width:100%;text-align:center;background:none;padding:0}
.ad1 .fr .qq {left:50%;margin-left:-64px;bottom:30px}
}
@media screen and (max-width:628px){
.type_in li {width:50%}
.pro_in .list li a .pic span {height:95px}
.brand_in .list li {width:100%}
.news_in .fl, .news_in .fr {float:none;width:100%}
.head .top .logo img {height:auto;width:266px}
.banner {height:130px}
.product .frlist .list li .pic span {height:140px}
.pro_detail .row .pic {width:100%;float:none;height:auto}
.pro_detail .row .txt {width:100%;float:none;margin-top:30px;padding:0}
.pro_detail .detailist li,.brandetail .detailist li {width:33.3333%}
.about_in .txt {width:100%}
}
@media screen and (max-width:580px){
.type_in li a h1 {position:relative;z-index:100}
.app_in .list li {width:50%}
.brandetail .txt .img {width:100%;float:none}
.copyright {height:auto;line-height:26px;padding:10px 0}
.copyright .fr,.copyright .fl {float:none}
}
@media screen and (max-width:480px){
.fw {padding:0 10px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:110px}
.about_in .pic {left:-50px}
.pro_in .list li {width:100%}
.pro_in .list li a .pic span {height:115px}
.product .frlist .list li,.pro_detail .detailist li,.brandetail .detailist li {width:50%}
}
@media screen and (max-width:410px){
.copyright .fl .bb {display:block}
}

#ad {
    width: 100%;
    height: 280px;
    margin-top: 60px;
    background: url(../images/ad.jpg) center 0 no-repeat;
}
#ad .ad_con {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
#ad .ad_con .keyword {
    position: absolute;
    width: 460px;
    right: 190px;
    height: 45px;
    color: #fff;
}
#ad .ad_con .keyword h2 {
    font-family: '微软雅黑';
    font-size: 40px;
    padding: 45px 0 10px 0;
}
#ad .ad_con .keyword p {
    font-family: '微软雅黑';
    font-size: 16px;
    line-height: 34px;
}
/*厂房设备*/
.Box {position: relative;}
			.Box .content {width: 1200px;margin: 60px auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;display: none;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}
			











#thumbs{
	width:912px;
	margin:30px auto 35px;
	
}

#thumbs a{
	width: 279px;
	height: 200px;
	display:inline-block;
	border:3px solid #fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 60px;
	position:relative;
	text-decoration:none;
	box-shadow: 0 0 5px #bbb;
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

#thumbs a:after{
	
    border-radius: 7px;
    bottom: -204px;
  
    color: #343434;
    content: attr(title);
    display: inline-block;
    font-size: 14px;
  
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
	display: block;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}


.map_box {
    position: relative;
    background: url(../images/bg_map.jpg) center no-repeat;
    display: block;
    height: 280px;
}
.map_box .map {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/bnt_map.png) center no-repeat;
    -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

.map:hover {
    background: url(../images/bnt_map.png) center 52px no-repeat;
}

/*产品二级分类*/
.topnav {
	width: 213px;
	padding: 40px 28px 25px 0;
	font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;
	width: 220px;
}

ul.topnav li {
	list-style: none;
}

ul.topnav li a {
	line-height: 10px;
	font-size: 14px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: left;
	background: #005BA4;
	height: 43px;
	line-height: 43px;
	padding-left: 20px;
}

ul.topnav li a:hover {
	background-color:#086FC9;
	color:white;
	padding-left: 25px;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal;
	outline:0;
	background-color: #1786E5;
}

ul.topnav ul li a:hover {
	background-color:#034076;
	color:#fff;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#D3CEB8;
	color:#675C7C;
}

ul.topnav span{
	float:right;
	margin-right: 10px;
}