@charset "gb2312";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;}
ul li {list-style:none;}
a {text-decoration:none;color: #333333;}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;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,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1170px;}

.top {width:100%;background:#232323;height:40px;font-size:12px;color:#fff;line-height:40px}
.top span {float:left}
.top span.icon {display:block; width:17px;height:17px;background-color:#fff;line-height:17px;border-radius:20px;margin-top:12px;margin-right:5px;position:relative;overflow:hidden}

.top span.icon:after, .top span.icon:before {font-family:'FontAwesome';text-align:center;position:absolute;width:17px;height:17px;color:#333;top:0;left:0;z-index:1;transition:all 0.3s}
.top span.icon:before {top:17px;color:#fff}
.top .fl .icon:after {content:'\f10b';font-size:15px}

.top .fr a {color:#fff;float:left}
.top .fr a.weixin {margin-left:20px;position:relative}
.top .fr a.qq span.icon,.top .fr a.weixin span.icon {transition:all 0.3s}
.top .fr a.qq:hover span.icon {background-color:#0099FF}
.top .fr a.weixin:hover span.icon {background-color:#00CC00}
.top .fr a.qq span.icon:after, .top .fr a.qq span.icon:before {content:'\f1d6'}
.top .fr a.weixin span.icon:after, .top .fr a.weixin span.icon:before {content:'\f1d7'}

.top .fr a.weixin img.ewm {position:absolute;top:50px;right:-22px;z-index:9999; visibility:hidden;opacity:0;transition:all 0.6s}
.top .fr a.weixin:hover img.ewm {top:40px;opacity:1;visibility:visible}

.top .fr a:hover span.icon:after {top:-17px}
.top .fr a:hover span.icon:before {top:0}



.header {height:80px;overflow:hidden}
.header .logo {margin-top:10px}
.header .menu li {float:left;margin:0 22px;line-height:80px}
.header .menu li a {font-size:16px;color:#333;position:relative;transition:all 0.3s}
.header .menu li a:before {content:'';position:absolute;height:2px;width:0;background:#217CEE;bottom:-8px;left:0;transition:all 0.3s}
.header .menu li a:hover, .header .menu li a.cur {color:#217CEE}
.header .menu li a:hover:before, .header .menu li a.cur:before {width:100%}

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

.fullSlide {
	width:100%;
	position:relative;
	height:400px;
	background:#000;
}
.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:400px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:400px;
}
.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 {background:#fff;height:72px;background:#fff;position:relative;margin-top:-36px;z-index:999;box-shadow:0 10px 30px #ddd}
.search-top .tt {float:left;font-size:18px;color:#0047C2;height:44px;border-right:1px solid #ddd;padding-left:10px;padding-right:10px;line-height:44px;margin-top:14px}
.search-top .tt .icon {display:block;float:left;margin-right:7px;width:44px;height:44px;background:url(../images/search_icon.gif) no-repeat; background-size:100%}
.search-top form {width:1006px;float:right}
.search-top td {
	vertical-align:middle;
	color:#666;
	height:66px;
	font-size:12px
	}
.search-top td input.text1 {
	width:126px;
	height:28px;
	line-height:28px;
	border:1px solid #A7A7A7;
	padding:0 5px;
	background:#fff;
	}
.search-top td input.text2 {width:60px}
.search-top td input.btn1 {
	width:62px;
	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;
	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:30px;height:30px;cursor:text;overflow:hidden; z-index:200;}
.option{width:130px;border:solid 1px #EDE7D6;position:absolute;top:28px;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;overflow:hidden;}
.option a:hover{background:#217CEE; color:#fff;}

.phone_search {width:100%;box-shadow:0 10px 20px #ccc;padding:10px;box-sizing:border-box;display:none}
.phone_search .text {display:block;box-sizing:border-box;border:1px solid #ddd;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}

.title_in {width:100%;margin:0 auto;text-align:center}
.title_in h2 {font-size:35px;color:#D4003C}
.title_in p {font-size:24px;color:#333;background:url(../images/title_bg.gif) no-repeat center;}

.title_in .nav {text-align:center;margin:25px auto}
.title_in .nav li {display:inline-block;margin:10px 2px}
.title_in .nav li a {font-size:14px;color:#666;padding:8px 20px; background:#E7E7E7;transition:all 0.3s}
.title_in .nav li a.cur, .title_in .nav li a:hover {background:#3488EA;color:#fff}

a.more_in {display:block;width:156px;height:40px;line-height:40px;color:#fff;text-align:center;font-size:14px;margin:20px auto;background:#3488EA;transition:all 0.3s}
a.more_in:hover {box-shadow:0 5px 10px #ccc}

.brand_in {margin-top:50px;position:relative}
.brand_in .list {overflow:hidden;margin-top:50px}
.brand_in .list ul {margin-left:-1px}
.brand_in .list li {float:left;width:20%;border-left:1px solid #ddd;padding:10px 0;box-sizing:border-box}
.brand_in .list li .img {width:144px;height:144px;padding:10px;border:1px solid #ddd;overflow:hidden;border-radius:100px;margin:0 auto}
.brand_in .list li .img span {display:block;width:144px;height:144px;overflow:hidden;border-radius:100px}
.brand_in .list li .img span img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.brand_in .list li:hover .img span img {transform:scale(1.08, 1.08)}
.brand_in .list li h4 {text-align:center;font-size:16px;color:#333;margin:20px 10px;font-weight:100}
.brand_in .list li .btn {display:block;width:35px;height:35px;background:#3488EA;margin:0 auto;text-align:center;border-radius:50px;transition:all 0.3s}
.brand_in .list li:hover .btn {background:#D4003C}
.brand_in .list li .btn i {font-size:18px;color:#fff;line-height:35px}
.brand {border-top:1px solid #eee;padding-top:40px;margin-top:0;margin-bottom:40px}
.brand .list li {padding:20px 0;border-bottom:1px solid #ddd;}

.brand_in .hd, .app_in .fw .hd {width:100%;text-align:center;margin:30px 0}
.brand_in .hd li, .app_in .fw .hd li {display:inline-block;width:10px;height:10px;border:1px solid #ddd;border-radius:20px;margin:5px}
.brand_in .hd li.on, .app_in .fw .hd li.on {background:#3488EA;border:1px solid #3488EA}
.brand_in a.prev, .brand_in a.next {position:absolute;display:block;width:45px;height:100px;background:#333;color:#fff;text-align:center;opacity:0.5;top:50%;margin-top:-30px; cursor:pointer}
.brand_in a.prev i, .brand_in a.next i {font-size:30px;line-height:100px}
.brand_in a.prev {left:-45px;}
.brand_in a.next {right:-45px;}


.pro_in {background:#FAFAFA;width:100%; padding:40px 0;margin-top:20px}
.pro_in .list {width:1190px;margin:0 auto}
.pro_in .list li {float:left;width:25%;box-sizing:border-box;padding:10px}
.pro_in .list li a {padding:10px;background:#fff;display:block;box-shadow:0 5px 20px #ccc;transition:all 0.3s}
.pro_in .list li:hover a {box-shadow:0 0 0 #fff}
.pro_in .list li .pic {border:1px solid #ddd;overflow:hidden;display:table;width:100%}
.pro_in .list li .pic span {display:table-cell;vertical-align:middle; text-align:center;width:100%;height:180px}
.pro_in .list li .pic img {display:block;margin:0 auto;max-width:100%;max-height:100%; vertical-align:middle;border:none}
.pro_in .list li .info {padding:15px 40px 5px 0;position:relative;line-height:22px}
.pro_in .list li .info .jt {position:absolute; width:30px;height:30px;background:#3488EA;border:2px solid #C2DAF7;right:0;top:20px;text-align:center;border-radius:50px;transition:all 0.3s;z-index:100}
.pro_in .list li:hover .info .jt {top:-20px}
.pro_in .list li .info .jt i {color:#fff;font-size:18px;line-height:30px}
.pro_in .list li .info p.title {font-size:14px;color:#333}
.pro_in .list li .info p.subtitle {font-size:12px;color:#666}

.about_in {background:url(../images/about_bg.gif) no-repeat center top;width:100%;height:549px}
.about_in .fl {width:525px}
.about_in .fl .title {margin-top:80px;margin-bottom:20px}
.about_in .fl .title h2 {font-size:24px; color:#fff;font-weight:bold}
.about_in .fl .title p {font-size:24px;color:#D9D9D9; font-style:italic;font-weight:bold}
.about_in .fl .txt {font-size:14px;color:#fff;line-height:26px;height:78px;overflow:hidden}
.about_in .fl .img {margin-top:35px}
.about_in .fl .img img {border:3px solid #fff; margin-right:25px}
.about_in .fr {margin-top:65px;width:584px}
.about_in .more_in {margin-top:40px}

.news_in .fl {width:592px;margin-left:34px;margin-top:30px}
.news_in .fl li {width:360px;border:1px solid #ddd;padding:15px 178px 15px 52px;position:relative;margin-bottom:20px}
.news_in .fl li a.tt {font-size:18px;color:#333;line-height:35px;transition:all 0.3s}
.news_in .fl li a.tt:hover {color:#3488EA}
.news_in .fl li p {line-height:24px;color:#999}
.news_in .fl li .num {position:absolute;width:68px;height:68px;background:#969696;font-size:34px;color:#fff;text-align:center;line-height:68px;left:-34px;top:50%;margin-top:-34px}
.news_in .fl li a.more {position:absolute;width:121px;height:35px;background:#D4003C;line-height:35px;text-align:center;color:#fff;right:15px;bottom:20px;transition:all 0.3s}
.news_in .fl li a.more:hover {background:#3488EA}
.news_in .fr {margin-top:30px}
.news_in .fr img {width:506px}

.type_in {background:url(../images/type_bg.gif) no-repeat center top;width:100%;overflow:hidden;margin-top:40px}
.type_in .title_in {margin:27px auto 20px}
.type_in .fw {width:1190px;position:relative}
.type_in .fw a.prev, .type_in .fw a.next {position:absolute;top:50%;width:30px;text-align:center;height:50px;margin-top:-39px;opacity:0.5; cursor:pointer}
.type_in .fw a.prev {left:-30px}
.type_in .fw a.next {right:-30px}
.type_in .fw a.prev i, .type_in .fw a.next i {font-size:50px;color:#333;line-height:50px}
.type_in .fw a.prev:hover, .type_in .fw a.next:hover {opacity:1}
.type_in .list li {width:25%;float:left}
.type_in .list li .info {width:100%;padding:10px;box-sizing:border-box}
.type_in .list li .pic {width:100%;/*height:192px;*/}
.type_in .list li .pic img {display:block;margin:0 auto;width:100%;height:100%}
.type_in .list li .info .txt {padding:20px;background:#F8F8F8;transition:all 0.3s}
.type_in .list li .info:hover .txt {background:#3488EA}
.type_in .list li .info .txt h4 {font-size:16px;color:#333;line-height:30px;font-weight:100;transition:all 0.3s}
.type_in .list li .info:hover .txt h4 {color:#fff}
.type_in .list li .info .txt p {color:#666;line-height:22px;transition:all 0.3s}
.type_in .list li .info:hover .txt p {color:#fff}
.type_in .list li .info .more {display:block;padding:12px 20px;color:#666;background:#fff;border:1px solid #ddd;transition:all 0.3s}
.type_in .list li .info:hover .more {border:1px solid #3488EA;color:#3488EA;padding-left:30px}

.app_in {width:100%;background:#FAFAFA;padding:40px 0 20px;margin-top:20px}
.app_in .fw {position:relative;margin-top:30px}
.app_in .fw a.prev,.app_in .fw a.next {position:absolute;background:#000;width:45px;height:45px;text-align:center;top:55px;opacity:0.5;transition:all 0.3s; cursor:pointer}
.app_in .fw a.prev:hover, .app_in .fw a.next:hover {opacity:1}
.app_in .fw a.prev i, .app_in .fw a.next i {color:#fff;font-size:35px;line-height:45px}
.app_in .fw a.prev {left:8px}
.app_in .fw a.next {right:8px}
.app_in .list li {float:left;width:33.3333%}
.app_in .list li .info {padding:0 8px;text-align:center;line-height:50px}
.app_in .list li .info a {font-size:15px;color:#333;transition:all 0.3s}
.app_in .list li .info a:hover {color:#D4003C}
.app_in .list li .info img {width:100%;display:block;margin:0 auto;height:100%;transition:all 0.3s}
.app_in .list li .info:hover img {background:#fff;box-shadow:0 20px 30px #ccc}
.app_in .fw .hd {margin:10px auto}

.ad1 {margin-top:20px}
.ad1 img {width:100%}

.foot {background:#333;padding:20px 0; line-height:25px;}
.foot .con {width:25%;float:left;box-sizing:border-box;padding-right:10px}
.foot .con .footlogo {max-width:100%;display:block;margin-bottom:20px;height:43px;background:url(../images/foot_logo.gif) no-repeat -2px top;background-size:49px 43px;padding-left:50px}
.foot .con .footlogo h4 {font-size:18px;color:#fff}
.foot .con .footlogo p {font-size:14px;color:#999}
.foot .con p {color:#BABABA;line-height:24px}
.foot .con p a {color:#fff; text-decoration:underline}
.foot .con p a:hover {text-decoration:none}
.foot .con .btn {margin-top:10px}
.foot .con .btn a {display:block;width:32px;height:32px;float:left;text-align:center;margin-right:10px;border-radius:32px;color:#fff;transition:all 0.3s}
.foot .con .btn a i {font-size:14px;line-height:32px}
.foot .con .btn a.qq {background:#2BA5FB}
.foot .con .btn a.qq:hover {color:#2ba5fb;background:#fff}
.foot .con .btn a.weixin {background:#2AD239;position:relative}
.foot .con .btn a.weixin .ewm {position:absolute;bottom:45px;left:-49px; visibility:hidden;opacity:0;transition:all 0.3s}
.foot .con .btn a.weixin:hover {color:#2ad239;background:#fff}
.foot .con .btn a.weixin:hover .ewm {bottom:35px; visibility:visible;opacity:1}
.foot .list {float:left;width:25%;padding-right:40px}
.foot .list a.tt {font-size:16px;color:#fff;line-height:40px}
.foot .list li {float:left;width:50%;padding-right:20px;box-sizing:border-box}
.foot .list li a {color:#bababa;line-height:30px;display:block;border-bottom:1px dotted #bababa;transition:all 0.3s}
.foot .list li a:hover {color:#fff}
.foot .ewm {float:right;width:128px;text-align:center;line-height:30px;color:#fff;margin-top:20px}
.foot .ewm img {width:100%;display:block}

.link a{color:#FFFFFF;}

.copyright {width:100%;height:50px;line-height:50px;background:#F6F6F6;color:#666}
.copyright a {color:#666}
.copyright a:hover {color:#d4003c}
.copyright .fl {width:60%}
.copyright .fr {width:30%;text-align:right}

.banner {width:100%;height:360px;background-size:cover}
.banner_pro {background:url(../images/product_banner.jpg) no-repeat center top;background-color:#D2D2D2}
.banner_brand {background:url(../images/brandbanner.jpg) no-repeat center top}
.banner_about {background:url(../images/aboutbanner.jpg) no-repeat center top}
.banner_con {background:url(../images/conbanner.jpg) no-repeat center top;border-top:1px solid #eee;border-bottom:1px solid #eee}
.banner_app {background:url(../images/appbanner.jpg) no-repeat center top}
.banner_news {background:url(../images/newsbanner.jpg) no-repeat center top}

.website {height:60px;line-height:60px;font-size:12px;color:#333;position:relative}
.website a {color:#999}
.website a:hover {color:#D4003C}

.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}

.product{margin-top:0}

.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:#3488EA;
    border-color:#3488EA;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#3488EA;border-color:#3488EA;color:#fff}

.about {background:#fafafa;padding:40px 0}
.about .txt {padding:20px;font-size:14px;line-height:22px;color:#666;width:1070px;margin:0 auto}
.about .txt img {display:block;max-width:100%;margin:10px auto}

.search {background:#fafafa;padding:40px 0}
.search .title_in {margin-bottom:30px}
.search table {width:100%}
.search table th {background:#3488EA;color:#fff;border:1px solid #efefef; font-weight:bold}
.search table td {background:#fff;border:1px solid #efefef;transition:all 0.3s}
.search table tr:nth-child(odd) td {background:#efefef}
.search table td a, .search table th span {display:block;padding:9px 5px;text-align:center;box-sizing:border-box;word-break:break-all}
.search table td a {color:#666}
.search table tr:hover td {background:#666}
.search table tr:hover td a{color:#fff}

.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:#217CEE;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:#D4003C;color:#fff;text-align:center;border:0;padding:0}



.app {margin-top:0}

.news {background:#fafafa;padding:40px 0}
.news .list {margin-top:30px}
.news .list li {border:1px solid #eee;padding:40px;overflow:hidden;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);margin-bottom:30px}
.news .list li:hover {box-shadow:0 8px 20px rgba(0,0,0,.1)}
.news .list li p.date {background:#2b2b2b;display:inline-block;float:left;padding:24px 20px}
.news .list li p.date span.md {color:#adadad;top:40px;transition:all 0.3s ease-out 0s;font-family:helvet, "΢ź";display:block;line-height:20px;width:100%;text-align:left}
.news .list li p.date span.year {white-space:nowrap;font-size:20px;float:left;color:#fff;font-family:"helvet", "΢ź";display:block;line-height:24px;width:100%;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;text-align:center}
.news .list li .txt {float:left;width:50%;padding-left:40px;transition:all 0.3s;position:relative}
.news .list li:hover .txt {padding-left:50px}
.news .list li .txt:after {content:'';width:1px;height:1px; background:#666;position:absolute;top:15px;left:-15px;opacity:0;transition:all 0.6s}
.news .list li:hover .txt:after {width:50px;opacity:1}
.news .list li .txt h2 {font-size:16px;height:42px;line-height:32px;font-weight:100;color:#333}
.news .list li .txt p {font-size:13px;color:#666;height:40px;line-height:22px;overflow:hidden}
.news .list li .img {float:right;width:240px;height:100px;overflow:hidden}
.news .list li .img img {width:100%;height:100px;display:block}

.contact {background:#fafafa;padding-top:40px}
.contact .txt {text-align:center;padding:40px;color:#666;margin-top:40px}
.contact .txt h1 {font-size:18px;color:#333;margin-bottom:30px}
.contact .txt p {font-size:14px}
.contact .txt h4 {color:#D4003C;font-size:40px;line-height:50px;margin-bottom:10px}
.contact .txt span {padding:0 10px;line-height:30px}

.pro_detail {background:#fafafa;padding:40px 0}
.pro_detail .row {background:#fff;padding:30px;width:1110px}
.pro_detail .row .pic {float:left;box-sizing:border-box;width:500px;height:336px;padding:0 15px;overflow:hidden;border:1px solid #f7f7f7;text-align:center;vertical-align:middle;}
.pro_detail .row .pic img {max-width:540px;vertical-align:middle}
.pro_detail .row .txt {width:49%;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 {line-height:60px}
.pro_detail .row .txt .hotline span {font-size:22px;color:#D4003C;font-weight:bold}
.pro_detail .row .txt .hotline span a{font-size:22px;color:#D4003C;font-weight:bold}
.pro_detail .detail {float:left;background:#fff;width:75%;padding:30px;box-sizing:border-box;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 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 5px;
	font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	transition:all 0.3s;
	box-sizing:border-box
	}
.pro_detail .detailist li p a:hover {background:#217CEE;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#217CEE;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}

.pro_detail .hotpro {width:25%;float:right;margin-top:30px}
.pro_detail .hotpro h4 {font-size:16px;color:#333}
.pro_detail .hotpro .box {background:#fff;margin-left:45px;padding:30px}
.pro_detail .hotpro .box li {margin-top:10px;text-align:center}
.pro_detail .hotpro .box li a {color:#666;font-size:14px;line-height:30px}
.pro_detail .hotpro .box li a img {display:block;margin:0 auto;width:100%}
.pro_detail .hotpro .box li a:hover {color:#217CEE}

.newsdetail {background:#fafafa;padding:40px 0}
.newsdetail .content {box-sizing:border-box;background:#fff;float:left;width:75%;padding:0 30px;box-shadow:0 0 1px #ddd}
.newsdetail .content .met-shownews-header {padding:30px 0}
.newsdetail .content .met-shownews-header h1 {font-size:17px;margin-bottom:5px;color:#333}
.newsdetail .content .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
	}
.newsdetail .content .txt {font-size:14px;color:#666;line-height:22px;padding-bottom:30px}
.newsdetail .content .txt img {display:block;margin:10px auto;max-width:100%}
.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;
	}
.met-shownews-footer ul li a:hover {border:1px solid #217CEE;color:#217CEE}
.met-shownews-footer ul li.previous a {float:left}
.met-shownews-footer ul li.next a {float:right}

.newsdetail .tuijian {width:25%;padding-left:30px;box-sizing:border-box}
.newsdetail .tuijian .row {background:#fff;box-sizing:border-box;padding:20px;box-shadow:0 0 1px #ddd}
.newsdetail .tuijian .row h2 {font-size:16px;font-weight:100;color:#333}
.newsdetail .tuijian .row ul {margin-top:10px}
.newsdetail .tuijian .row ul li {
	position:relative;
	display:block;
	padding:10px 15px;
	margin-bottom:-1px;
	background-color:#fff;
	border:1px solid #e4eaec;
	}
.newsdetail .tuijian .row ul li:first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px
	}
.newsdetail .tuijian .row ul li a {font-size:14px;color:#333}
.newsdetail .tuijian .row ul li a img {display:block;width:100%}
.newsdetail .tuijian .row ul li a:hover {font-size:14px;color:#217CEE}

/*浮动客服*/
#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 {padding:0 10px;width:auto}
.header .menu li {margin:0 15px}
.header .menu li a {font-size:14px}

.search-top .tt .icon {width:30px;height:30px;margin-top:5px}
.search-top form {width:85%}
.search-top td input.text1 {width:60%}
.search-top td input.text2 {width:30%}

.pro_detail .row {width:auto}

.pro_in .list {width:auto}

.about_in .fl {width:50%}
.about_in .fr {width:40%}

.news_in .fl {width:50%;margin-left:20px}
.news_in .fl li {width:95%;box-sizing:border-box}
.news_in .fr {width:45%}
.news_in .fr img {width:100%}
.type_in .fw {width:100%;box-sizing:border-box}
.type_in .list li .pic {height:auto}
.type_in .fw a.next {right:0}
.type_in .fw a.prev {left:0}

.brand_in a.next {right:0}
.brand_in a.prev {left:0}

.brand_in .list li .img, .brand_in .list li .img span {width:100px;height:100px}
}
@media screen and (max-width:1024px){
.fw {padding:0 10px;width:auto}
.header .menu li {margin:0 15px}
.header .menu li a {font-size:14px}

.search-top .tt .icon {width:30px;height:30px;margin-top:5px}
.search-top form {width:85%}
.search-top td input.text1 {width:60%}
.search-top td input.text2 {width:30%}

.pro_detail .row {width:auto}

.pro_in .list {width:auto}

.about_in .fl {width:50%}
.about_in .fr {width:40%}

.news_in .fl {width:50%;margin-left:20px}
.news_in .fl li {width:95%;box-sizing:border-box}
.news_in .fr {width:45%}
.news_in .fr img {width:100%}
.type_in .fw {width:100%;box-sizing:border-box}
.type_in .list li .pic {height:auto}
.type_in .fw a.next {right:0}
.type_in .fw a.prev {left:0}

.brand_in a.next {right:0}
.brand_in a.prev {left:0}

.brand_in .list li .img, .brand_in .list li .img span {width:100px;height:100px}
.pro_detail .row .pic{ width:500px;}
}
@media screen and (max-width:1000px){
#sidenav-toggle {display:block;margin-top:25px}
.header .menu {display:none}
.about_in .fl .img {display:none}
.news_in .fr {display:none}
.news_in .fl {margin-left:0;width:100%;box-sizing:border-box;float:none;padding-left:30px}
.news_in .fl li {width:100%}
.about .txt {width:auto}
.pro_detail .row .pic {height:300px}
.pro_detail .hotpro .box {margin-left:30px}

.newsdetail .content, .newsdetail .tuijian {width:750px;margin:0 auto;float:none}
.newsdetail .tuijian {padding-left:0;margin-top:20px}
.met-shownews-footer ul li a .hidden-xs {display:none}
}
@media screen and (max-width:960px){
.top .fr a.weixin img.ewm {right:0}
.search-top {display:none}
.phone_search {display:block}
.pro_in .list li .pic span {height:130px}
.about_in {height:329px;margin-bottom:30px}
.about_in .more_in {margin-top:20px;background:#D4003C}
.foot .list {padding-right:20px}
.foot .ewm {width:100px}

.pro_detail .detail,.pro_detail .hotpro .box {padding:20px}
}
@media screen and (max-width:768px){
.banner,.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}
.app_in .fw {overflow:hidden}
.brand_in .list li {width:25%}
.about_in .fl .title p {font-size:18px}
.pro_in .list li {width:33.3333%}
.pro_in .list li .pic span {height:150px}
.type_in .list li {width:33.3333%}

.foot .con {width:100%;position:relative}
.foot .con p {float:left;margin-right:20px}
.foot .con .btn {position:absolute;top:0px;right:0}
.foot .list {float:left;width:100%;padding-right:0;margin-top:20px}
.foot .list li {width:25%}
.foot .fw {position:relative;padding-right:0}
.foot .ewm {position:absolute;right:10px;top:0;margin-top:-10px}

.pro_detail .row .pic {float:none;width:95%;height:auto;margin:0 auto}
.pro_detail .row .txt {float:none;width:95%;margin:20px auto 0;padding:0}
.pro_detail .detail {width:100%;float:none}
.pro_detail .hotpro {display:none}
.pro_detail .detailist li {width:33.3333%}

.product .title_in .nav {display:none}
.website .toggle {display:block}

.newsdetail .content, .newsdetail .tuijian {width:100%}
}
@media screen and (max-width:480px){
.banner,.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:180px}
.brand_in .list li {width:50%}
.app_in .list li {width:50%}
.about_in .fr {display:none}
.about_in .fl {float:none;width:100%;overflow:hidden}
.pro_in .list li {width:50%}
.pro_in .list li .pic span {height:130px}
.title_in .nav {display:none}
.news_in .fl li {padding:15px 15px 15px 52px}
.news_in .fl li a.more {display:none}
.type_in .fw .list {width:80%;overflow:hidden;margin:0 auto}
.type_in .list li {width:100%}
.foot .ewm {display:none}
.foot .list li {width:33.3333%}
.copyright .fl {width:100%}
.copyright .fr {display:none}
.pro_detail .fw {padding:0}
.pro_detail .detailist li {width:50%}
}

.rightIn {float:right;width:268px}
.rightIn .search_top {position:inherit}
.rightIn .info {padding:1px;background:#333;box-shadow:0 10px 20px #ccc;margin-bottom:30px;position:relative}
.rightIn .info h2.tt {font-size:18px;line-height:50px;color:#fff;font-weight:100;border-bottom:1px solid #ddd;padding:10px 12px}
.rightIn .category {
	padding-bottom:35px;
	background:#fff
	}
.rightIn .category li {
	line-height:43px;
	border-bottom:1px solid #eee;
	}
.rightIn .category li a {display:block; padding-left:16px; position:relative;font-size:14px; color:#666; transition:all 0.3s ease-out 0s;}
.rightIn .category1 li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rightIn .category li a:before {
	content:'';
	position:absolute;
	width:3px;
	height:12px;
	left:0;
	top:15px;
	background:transparent;
	transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1)
	}
.rightIn .category li a:hover {padding-left:25px; color:#333}
.rightIn .category li a:hover:before {left:9px; background:#3488EA}
.rightIn .category li a.cur:before {background:#3488EA}

.renmen ul li {
    float: left;
    padding: 2px 5px 2px 5px;
}
.pricelist {
    line-height: 25px;
    margin-bottom: 10px;
	font-size: 16px;
}

@media (max-width: 768px){
	.rightIn{display:none;}
}