@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}
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:13px;-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:13px Arial,"Microsoft YaHei";color:#929292;width:100%;height:100%;background:#fff}
.fw {margin:0 auto;width:1170px;}

.header {position:relative;padding:20px 0}
.header .logo {position:absolute;left:0;top:0;z-index:1000;width:167px;height:162px}
.header .logo img {display:block;width:100%}
.header .info {float:right;line-height:28px;color:#999;font-size:12px;margin-bottom:20px}
.header .info i {margin-right:3px}
.header .info span,.header .info a {color:#3488EA}
.header .info span {margin-right:10px}
.header .nav {float:right}
.header .nav li {float:left}
.header .nav li a {display:inline-block;font-size:14px;color:#333;line-height:33px;padding:0 19px;border-radius:30px}
.header .nav li a:hover, .header .nav li.current_page_item a {background:#3488EA;color:#fff}
#sidenav-toggle {float:right;font-size:24px;color:#333;display:none}

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

.title_in {border-bottom:1px solid #ddd;line-height:62px;color:#C1C1C1;font-size:16px;margin-top:25px;position:relative}
.title_in .fw {margin-bottom:-2px}
.title_in h2 {display:inline-block;font-size:26px;color:#333;font-weight:100;border-bottom:2px solid #3488EA}
.title_in .toggle {position:absolute;top:0;right:10px;color:#333;display:none;font-size:14px}
.title_in .toggle i {font-size:17px}
.title_in .fw .fr {width:auto;float:right}
.title_in .fw .fr a {border-radius:20px;padding:8px 15px;color:#999;transition:all 0.3s}
.title_in .fw .fr a.cur,.title_in .fw .fr a:hover {background:#3488EA;color:#fff}
.title_in .fw .fr .view {display:none}

.more_in {display:inline-block;padding:10px 50px;border-radius:30px;font-size:13px;border:1px solid #3488EA;color:#3488EA;text-align:center;transition:all 0.3s}
.more_in:hover {background:#333;color:#fff;border:1px solid #333}

.about_in .fw {position:relative}
.about_in .fl {width:850px;margin-top:40px}
.about_in .fl .pic {display:block;float:left;width:292px;height:205px;margin-right:25px}
.about_in .fl .pic img {display:block;width:100%}
.about_in .fl h4 {font-size:18px;color:#3488EA;font-weight:100;padding:15px 0}
.about_in .fl p {font-size:13px;color:#666;line-height:24px;margin-bottom:25px}

.search_top {background:url(../images/search_bg.gif) no-repeat left top;width:268px;height:422px;box-sizing:border-box;padding:90px 12px 14px;position:absolute;right:0;top:-180px;z-index:100}
.search_top .tt {display:none}
.search_top dl {background:#fff;width:100%;height:100%;box-sizing:border-box;padding:12px 12px 20px 12px}
.search_top dl dd .text1 {width:100%;height:35px;border:1px solid #ddd;margin-bottom:12px;padding:0 10px;box-sizing:border-box;font-size:12px}
.search_top dl dd .btn1 {width:100%;height:35px;background:url(../images/search_btn.gif) no-repeat center center;background-color:#333; cursor:pointer}

.select_box{
	position:relative;cursor:pointer;
	background:#fff;
	font-size:12px;
	margin-bottom:12px;
	color:#666;
	height:35px;
	line-height:35px;
	border:1px solid #ddd;
	z-index:500;
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:20px;height:35px; background:url(../images/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:10px;width:190px;line-height:35px;height:35px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:33px;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;}
.option a:hover{background:#DA2E22; color:#fff;}

.brand_in {background:url(../images/brand_bg.gif) no-repeat center top;background-size:cover;height:254px;overflow:hidden;margin-top:50px;position:relative}
.brand_in .list {margin-top:40px}
.brand_in .list li {float:left;width:33.3333%}
.brand_in .list li .info {padding:0 20px}
.brand_in .list li a {display:block;width:100%;background:#fff;border:1px solid #ddd;padding:20px;transition:all 0.3s}
.brand_in .list li a .pic {display:block;float:left;width:25%;height:auto;border:1px solid #e4e4e4;border-radius:100px;overflow:hidden}
.brand_in .list li a .pic img {display:block;width:100%}
.brand_in .list li a:hover {box-shadow:0 10px 20px #ccc}
.brand_in .list li .txt {float:right;width:70%;margin-top:1px}
.brand_in .list li .txt h4 {font-size:16px;color:#333;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;position:relative}
.brand_in .list li .txt h4:before {content:'';position:absolute;left:0;bottom:-1px;height:1px;width:10px;background:#3488EA;transition:all 0.3s}
.brand_in .list li a:hover .txt h4:before {width:100%}
.brand_in .list li .txt p {color:#666;line-height:20px;height:40px;overflow:hidden}
.brand_in a.prev,.brand_in a.next {position:absolute;width:42px;height:42px;background:#333;color:#fff;top:80px;border-radius:50px;text-align:center;line-height:42px;opacity:0.5; cursor:pointer;transition:all 0.3s}
.brand_in a.prev {left:0}
.brand_in a.next {right:0}
.brand_in a.prev:hover, .brand_in a.next:hover {opacity:1}
.brand_in .more_in {display:block;width:162px;padding:10px 0;text-align:center;background:#333;color:#fff;border:1px solid #333;margin:20px auto 0}
.brand_in .more_in:hover {background:#3488EA;border:1px solid #3488EA}

.pro_in .list {width:1196px;margin:10px auto 0}
.pro_in .list li {float:left;width:25%;box-sizing:border-box;padding:13px}
.pro_in .list li a {background:#fff;display:block;transition:all 0.3s}
.pro_in .list li a:hover {box-shadow:0 10px 20px #ccc}
.pro_in .list li .pic {overflow:hidden;display:table;width:100%;border-bottom:0}
.pro_in .list li .pic span {display:table-cell;vertical-align:middle; text-align:center;width:100%;height:186px}
.pro_in .list li .pic img {display:block;margin:0 auto;max-width:100%;max-height:100%; vertical-align:middle;border:none;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.pro_in .list li a:hover .pic img {transform:scale(1.08, 1.08)}
.pro_in .list li .info {background:#f6f6f6;padding:15px; padding-right:35px;position:relative;line-height:22px;transition:all 0.6s}
.pro_in .list li .info .jt {position:absolute; width:30px;height:30px;right:10px;top:22px;text-align:center;transition:all 0.6s;z-index:100}
.pro_in .list li .info .jt i {color:#ddd;font-size:22px;line-height:30px}
.pro_in .list li .info p.title {font-size:16px;color:#333;transition:all 0.6s}
.pro_in .list li .info p.subtitle {font-size:13px;color:#666;transition:all 0.6s}
.pro_in .list li a:hover .info {background:#3488EA}
.pro_in .list li a:hover .info .jt {color:#fff}
.pro_in .list li a:hover .info p.title {color:#fff}
.pro_in .list li a:hover .info p.subtitle {color:#fff}

.type_in {background:url(../images/type_bg.jpg) no-repeat center top;background-color:#000;width:100%;height:505px;overflow:hidden;margin-top:30px}
.type_in .title_in h2 {color:#fff}
.type_in .list {width:1180px;margin:50px auto;position:relative}
.type_in .list li {float:left;width:25%;}
.type_in .list li a {display:block;position:relative;width:100%;height:auto;padding:5px;overflow:hidden}
.type_in .list li a img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.type_in .list li a .tt {position:absolute;width:100%;padding:15px;color:#fff;background:#3488EA;opacity:0;left:0;bottom:-88px;transition:all 0.3s}
.type_in .list li a .tt h4 {font-weight:100;font-size:16px;border-bottom:1px dotted #fff;padding-bottom:10px}
.type_in .list li a .tt p {font-size:13px;padding-top:10px}
.type_in .list li a:hover img {transform:scale(1.08, 1.08)}
.type_in .list li a:hover .tt {bottom:0;opacity:0.8}
.type_in .list a.btn {position:absolute;width:45px;height:45px;background:#000;opacity:0.5;color:#fff;text-align:center;top:125px; cursor:pointer}
.type_in .list a.btn i {font-size:24px;line-height:45px}
.type_in .list a.prev {left:5px}
.type_in .list a.next {right:5px}

.news_in .fw {margin-top:30px}
.news_in .fl {width:52%;background:#F7F7F7;padding:20px;padding-bottom:0}
.news_in .fl img {display:block;width:100%}
.news_in .fl .info {padding:20px 0;overflow:hidden}
.news_in .info p.date {float:left;color:#666;width:40px;line-height:24px}
.news_in .info p.date .year {display:block;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd}
.news_in .info p.date .day {display:block;font-size:12px}
.news_in .info .txt {width:88%;float:right;font-size:12px;color:#666;line-height:24px}
.news_in .info p.tt {font-size:14px;color:#333}
.news_in .fr {width:45%}
.news_in .fr .info a{display:block;padding:16px 20px;overflow:hidden;background:#f7f7f7;margin-bottom:20px;transition:all 0.3s}
.news_in .fr .info a:hover {background:#3488EA}
.news_in .fr .info a:hover .date, .news_in .fr .info a:hover .txt, .news_in .fr .info a:hover .tt {color:#fff}

.app_in {background:url(../images/app_bg.gif) no-repeat left top;background-color:#3488EA;overflow:hidden;width:100%; margin-top:30px}
.app_in .fl {width:38%;padding-right:80px;}
.app_in .fl .txt {float:right;width:310px;margin-top:85px}
.app_in .fl h2 {font-size:24px;color:#fff;margin-bottom:40px}
.app_in .fl p {font-size:13px;color:#fff}
.app_in .fl a.more_in {color:#fff;border-color:#fff;margin-top:85px}

.app_in .fr {width:62%}
.app_in .fr li {float:left;width:33.3333%;position:relative}
.app_in .fr li img {display:block;width:100%}
.app_in .fr li .info {position:absolute;background:#3488EA;opacity:0;width:100%;height:100%;z-index:100;top:0;left:0;transition:all 0.3s}
.app_in .fr li .info:before {content:'';width:calc(100% - 32px);height:calc(100% - 32px);border:1px solid #f2837c;position:absolute;top:16px;left:16px}
.app_in .fr li p {position:absolute;text-align:center;width:100%;height:100%;z-index:150;color:#fff;height:30px;line-height:30px;top:50%;margin-top:-15px;font-size:16px}
.app_in .fr li:hover .info{opacity:0.8}
.ad1 {width:100%;border-top:1px solid #eee;background:#f5f5f5;margin-top:40px}
.ad1 img {display:block;margin:0 auto}

.foot {background:#333;width:100%;}
.foot .info {float:left;width:36%;padding-right:50px}
.foot .info .title {font-size:18px;color:#fff;border-bottom:1px solid #5C5C5C;position:relative;line-height:50px}
.foot .info .title a {position:absolute;right:0;top:5px;font-size:13px;color:#929292;transition:all 0.3s}
.foot .info .title a: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;padding:0 5px}
.foot .info li a:hover {color:#3488EA}
.foot .con {float:right;width:27%}
.foot .con .logo img{width:100%;display:block;margin-bottom:10px}
.foot .con p {color:#fff;font-size:13px;padding:5px 0}
.copyright {width:100%;height:55px;line-height:55px;font-size:13px;}
.copyright a {color:#929292;font-size:13px}
.copyright a:hover {color:#fff}

.banner {width:100%;height:260px}
.banner_pro {background:url(../images/probanner.jpg) no-repeat center top;background-color:#000;background-size:cover}
.brandpro {background:url(../images/brandbanner.jpg) no-repeat center top;background-color:#fff;background-size:cover}
.newspro {background:url(../images/newsbanner.jpg) no-repeat center top;background-color:#EFEEF3;background-size:cover}
.apppro {background:url(../images/appbanner.jpg) no-repeat center top;background-color:#fff;background-size:cover}
.conpro {background:url(../images/conbanner.jpg) no-repeat center top;background-color:#E7EBF6;background-size:cover}
.aboutpro {background:url(../images/aboutbanner.jpg) no-repeat center top;background-color:#A7DAF9;background-size:cover}

.product .list {width:897px;float:left;margin-left:-13px;padding-bottom:50px}
.product .list li {width:33.3333333%}
.product .detailist {margin-top:30px}
.rightIn {float:right;width:268px}
.rightIn .search_top {position:inherit}
.rightIn .info {margin-top:20px;padding:1px;background:#333;margin-top:-160px;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}

.pro_detail {padding:40px 0 0;width:860px;float:left}
.pro_detail .row {background:#fff}
.pro_detail .row .pic {float:left;box-sizing:border-box;width:40%;height:266px;padding:0;overflow:hidden}
.pro_detail .row .pic img {width:85%; 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 {line-height:60px}
.pro_detail .row .txt .hotline span {font-size:22px;color:#D4003C;font-weight:bold}
.pro_detail .detail {background:#fff;margin-top:30px;width:98%; margin: 0 auto;}
.pro_detail .detail .title {border-bottom:1px solid #ddd;margin-bottom:20px; clear: both;}
.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 .detail .content .canshu {width:100%;position:relative;table-layout:fixed;border:1px solid #e6e6e6;margin-bottom:-1px}
.pro_detail .detail .content .canshu th,.pro_detail .detail .content .canshu td {vertical-align:top}
.pro_detail .detail .content .canshu th{color:#333;width:158px;padding:15px 0 15px 20px;background:#fafafa;border-right:1px solid #e6e6e6;text-align:left;font:bold 16px/26px "Microsoft YaHei",arial}
.pro_detail .detail .content .canshu td{width:605px;padding:8px 0 6px}
.pro_detail .detail .content .canshu td div {padding:6px 20px 8px 20px}

.xgxi {clear: both;width:90%;margin: 0 auto;}
.xgxi h3 {clear: both;font-size: 15px;color: black;}
.xgxi ul li {float: left;width: 20%;line-height: 25px;height: 25px;overflow: hidden}
.xgxi ul li.one {float: left;width: 15%;}
.xgxi dl dt {clear: both;font-size: 20px;font-weight: bold;line-height: 40px;color: #4b4b4b;border-bottom: 1px solid #3488EA;padding: 0px 0px 0px 10px;}
.xgxi dl dd ol li {float: left;width:25%;border-bottom: 1px dotted #3488EA;line-height: 30px;height: 30px;padding: 0px 0px 0px 10px;overflow: hidden; text-overflow: ellipsis;}
.xgxi dl dd ol {clear: both;}
.xgxi dl dd ol li {float: left;width:25%;border-bottom: 1px dotted #3488EA;line-height: 30px;height: 30px;padding: 0px 0px 0px 10px;overflow: hidden; text-overflow: ellipsis;}

.section-param-header {height:40px;border:1px solid #e6e6e6;border-bottom:0 none;background-color:#f7f7f7}
.section-param-header h3 {padding:0 20px;font: normal 16px/40px 'Microsoft YaHei',arial;color:#333}

.category-param-list li {position:relative;overflow:hidden;padding:2px 0 2px 188px;line-height:26px;_zoom:1;word-wrap:break-word;font:14px/26px 'Microsoft YaHei',arial;color:#666}
.category-param-list .param-name {position:absolute;left:0;top:2px;font-weight:bold}

.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:#3488EA;color:#fff}
.pro_detail .detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#3488EA;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}

.brand {background:#fafafa;margin-top:0;height:auto;padding-bottom:20px}
.brand .list li {margin-bottom:20px}

.news .fr {float:left;width:860px}

.newsdetail .content {box-sizing:border-box;background:#fff;float:left;width:75%;padding:0 30px}
.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%}

.app {width:100%;padding:40px 0;background:#fafafa;margin:0}
.app .fr {float:none;width:1170px;margin:0 auto}
.app .fr li {padding:1px}

.contact .box {float:left;width:860px;color:#666;padding:40px 0}
.contact .box h1 {font-size:22px;color:#3488EA}

.met_pager {
    margin-top:30px;
    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 .txt {margin-bottom:20px;line-height: 20pt;font-size: 10pt;}

.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;
	width:45%
	}
.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}

.phone_search {width:100%;background:#3488EA;padding:10px;box-sizing:border-box;display:none}
.phone_search .text {display:block;box-sizing:border-box;width:100%;height:30px;position:relative;border-radius:20px;line-height:30px;font-size:12px;color:#666;padding-left:10px;background:#fff}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:10px;line-height:30px}

.search-over{display:none;position:fixed;z-index:9000;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:9999;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:#333;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}
.search-warmp dl dd .select_box {margin-bottom:0;border:0}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#313131;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;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
@media screen and (max-width:1180px){
.fw {width:auto;padding:0 20px}
.header {padding:20px}
.header .nav li a {font-size:12px}
.search_top {right:20px}
.about_in .fl {width:70%}
.pro_in .list {width:auto}
.pro_in .list li .pic span {border:1px solid #ddd;border-bottom:0;height:166px}
.type_in .list {width:auto}
.product .list {width:72%}
.pro_detail {width:72%}
.contact .box {width:72%}
.newsdetail .content {width:70%;padding:0}
.news .fr {width:70%}
}

@media screen and (max-width:1000px){
.header .nav, .header .info {display:none}
#sidenav-toggle {display:block;}
.pro_in .list li .pic span {height:152px}
.app_in .fl {padding:0 30px}
.app_in .fl .txt {margin-top:60px}
.app_in .fl a.more_in {margin-top:30px}
.pro_detail .row .pic {width:30%}
.pro_detail .row .txt {width:68%}

}
@media screen and (max-width:960px){
.title_in .toggle {display:block}
.title_in .fw .fr .hidden {display:none}
.title_in .fw .fr .view {display:block}
.product .fw {padding:0}
.product .title_in .fw {padding:0 20px}
.product .list {width:100%;margin:0}
.pro_detail {width:100%}
.rightIn {display:none}
.pro_in .list li {width:33.3333%}
.pro_in .list li .pic span {height:183px}
.app_in .fl {float:none;width:100%}
.app_in .fl .txt {float:none;width:100%;text-align:center;margin-top:30px}
.app_in .fl h2 {margin-bottom:20px}
.app_in .fr {width:100%;margin-top:30px;background:#fff}
.app_in .fr li {padding:1px}
.app_in .fr li .info {position:inherit;opacity:1;height:auto;background:#fafafa}
.app_in .fr li .info:before {display:none}
.app_in .fr li .info p {position:inherit;top:0;margin-top:0;height:50px;line-height:50px;color:#333}

.search_top {display:none}
.about_in .fl {width:100%}
.news_in .fl {display:none}
.news_in .fr {width:100%;float:none}
.contact .box {width:100%}
.phone_search {display:block}
.brand_in .list li .info {padding:0 10px}
.newsdetail .content {width:100%}
}
@media screen and (max-width:768px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:260px}

.pro_in .list li .pic span {height:156px}
.pro_detail .row .pic img {width:100%; vertical-align:middle}
.brand_in .list li {width:50%}
.type_in .list a.btn {top:65px}
.type_in .list li {width:33.3333%}
.pro_detail .detailist li {width:33.3333%}
.banner {height:200px}
}
@media screen and (max-width:628px){
 #rightArrow {display:none;}
#floatDivBoxs {display:none;}
.pro_in .list li .pic span {height:124px}
.pro_detail .row .pic {width:100%;height:auto;margin-bottom:20px}
.pro_detail .row .txt {width:98%;padding:0}
.type_in .list li {width:50%}
.brand_in .list li {width:50%}
.foot .info {width:100%;float:none;padding-right:0;overflow:hidden;margin-bottom:20px}
.foot .con {width:100%;float:none;margin-top:30px}
.foot .con .logo img {width:329px}
}
@media screen and (max-width:580px){
.pro_in .list li {width:50%}
.pro_in .list li .pic span {height:178px}
.app_in .fr li {width:50%}
.ad1 img {width:100%}
.about_in .fl .pic {width:100%;float:none;height:auto}
}
@media screen and (max-width:480px){
.header .logo{width:130px;height:auto}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:180px}
.news_in .info .txt {width:80%}
.pro_in .list li .pic span {height:146px}
.type_in {height:355px}
.brand_in .list li {width:100%}
.brand .list li .info {padding:0}
.pro_detail .detailist li {width:50%}
.app_in .fr li {width:100%}
.pro_in .list li {padding:10px 5px}
.copyright .fr {display:none}
}

.brands .list {margin:20px auto;position:relative;transition:none}
.brands .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}
.brands .list a.next {right:-30px}
.brands .list a.prev {left:-30px}
.brands .list a.next:hover,.brand_in .list a.prev:hover {opacity:1}
.brands .list li {float:left;width:33.3333%;transition:none}
.brands .list li .info {width:100%;padding:15px 15px 80px 15px}
.brands .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}
.brands .list li a h4 {font-size:18px;color:#333;font-weight:100;margin-bottom:20px}
.brands .list li a p {font-size:12px;color:#666;height:72px;overflow:hidden;line-height:24px}
.brands .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}
.brands .list li a .pic img {display:block;width:100%}
.brands a.more_in {margin-top:10px}
.brands .list li a:hover {background:#006DB8;}
.brands .list li a:hover h4 {color:#fff}
.brands .list li a:hover p {color:#f8f8f8}


#service{ padding-top: 60px;}
.service-ul{ width: 100%; margin-top: 50px; overflow: hidden;}
.service-ul li{ width: 33.222%; float: left; display: block; margin-bottom: 40px; overflow: hidden; position: relative; cursor: pointer;}
.service-ul li .block{ width: auto; display: block; margin: 0 20px;}
.service-ul li .icon{ width: 60px; height: 60px; position: absolute; top: 0; left: 0;}
.service-ul li .service-detail{ width: auto; display: block; padding-left: 70px;}
.service-ul li .service-detail dt{ width: 100%; overflow: hidden; font-size: 16px;}
.service-ul li .service-detail dt span{ color: #085abf; margin-left: 5px;}
.service-ul li .service-detail dd{ width: 100%; overflow: hidden; line-height: 22px; margin-top: 15px; color: #999;}
.service-detail a{color: #428bca;font-size: 15px;font-weight: bold;}

.Icon-Quality{ background: url("../Images/quality.png") center no-repeat;}
.Icon-Delivery{ background: url("../Images/delivery.png") center no-repeat;}
.Icon-Service{ background: url("../Images/service.png") center no-repeat;}
.Icon-Power{ background: url("../Images/power.png") center no-repeat;}
.Icon-Car{ background: url("../Images/car.png") center no-repeat;}
.Icon-Machine{ background: url("../Images/machine.png") center no-repeat;}
.Icon-Gearing{ background: url("../Images/gearing.png") center no-repeat;}
.Icon-Motor{ background: url("../Images/motor.png") center no-repeat;}
.Icon-Mine{ background: url("../Images/mine.png") center no-repeat;}
.Icon-tel{ background: url("../Images/tel.png") center left no-repeat;}
.Icon-fax{ background: url("../Images/fax.png") center left no-repeat;}
.Icon-add{ background: url("../Images/add.png") center left no-repeat;}

.renmen ul li{float:left; padding: 2px 5px 2px 5px;}
.renmen ul li a{color: #666;}

.pricelist{ line-height: 25px; margin-bottom: 10px;}
.pricelist tr{ border-bottom: 1px dotted #C3C3C3;}