html,body,ul,li,p{margin:0;padding:0;font-family:"Microsoft yahei"}
em,h1,h2,h3,i{font-style:normal;font-weight:normal}
li{list-style:none}.cf90{color:#f90}
body{font-family:Microsoft yahei;font-size:12px}
a{color:#666;text-decoration:none}
a:hover{color:#30A6E6}
img{border:none}
em, h1, h2, h3, i {
	font-style: normal;
	font-weight: normal;
}
.fl{float:left !important}
.fr{float:right !important}
.f14{font-size: 14px}
.wrap,.header,.banner{width:1200px;margin:0 auto}
.clearfix:after{height:0;display:block;visibility:hidden;clear:both;content:""}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.top-logo {
	position: relative;
	padding: 50px 0;
}
.top-logo .logo {
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
}
.top-logo .top-nav
{
	position: absolute;
	right: 0;
	top: 30px;
	height: 35px;
}
.menu-tabs {
	background: #30A6E6;
	position: relative;
}
.menu-tabs ul {
	overflow: hidden;
	list-style: none;
	width: 100%;
}
.menu-tabs ul, .menu-tabs li {
	margin: 0;
	padding: 0;
}
.menu-tabs li {
	float: left;
	position: relative;
	width:auto;
}
.menu-tabs a {
	background: #30A6E6;
	color: #FFFFFF;
	display: block;
	font: 16px sans-serif;
	padding: 10px 43px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.menu-tabs ul li.on a{
	background: #353535;
}
.menu-tabs li:hover a {
	background: #353535;
}
/*幻灯片*/
.banner{height:400px;overflow:hidden;position:relative;}
.main_image{height:400px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:400px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:400px;}
.main_image li span{display:block;width:100%;height:400px}
.main_image li a{display:block;width:100%;height:400px}
/*.main_image li .img_1{background:url('../img/img_main_1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../img/img_main_2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../img/img_main_3.jpg') center top no-repeat}
.main_image li .img_4{background:url('../img/img_main_4.jpg') center top no-repeat}
.main_image li .img_5{background:url('../img/img_main_5.jpg') center top no-repeat}*/

div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../img/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../img/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../img/hover_right.png) no-repeat right top;right:100px;}

/*页脚*/
.footer{width: 100%;background: rgb(53,53,53);padding: 40px 0;color: #fff;}
.footer a{color: #fff}
.footer a:hover{color: #30A6E6}
.footer-zone{width: 1200px;margin: 0 auto; text-align: center}

/*主要客户*/
.customer{width: 100%; background: #eee;padding: 40px 0; color: #000}
.customer-zone{width: 1200px; margin: 0 auto; text-align: center}
.customer-zone .main-customer{font:18px bold Microsoft yahei; margin-bottom: 10px}
.customer-zone .sub-main-customer{
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 0;
	line-height: normal;
	vertical-align: top;}
.customer-zone .sub-main-customer .line{display: inline-block;
	width: 50px;
	border-top: 1px solid #808080;
	vertical-align: 5px;}
.customer-zone .sub-main-customer .bref-text{
	padding: 0 15px;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	font-family: 微软雅黑;
	color: rgb(33,33,33);
}
/*无缝滚动*/
.wrap-scroll{
	width: 1200px;
	height: 200px;
	position: relative;
	overflow: hidden;
}

.wrap-scroll ul{
	overflow: hidden;
	position:absolute;
	width: 1600px;
	left: 0;
	top: 0;
	_height:1px;
}

.wrap-scroll ul li{
	float: left;
	width: 200px;
	list-style-type: none;
	margin-top: 40px;
}
/*首页三列*/
.wrap .main-content{margin: 40px 0}
.wrap .bd-content{width: 32%; margin-right: 24px}
.wrap .bd-content .bd-title{border-bottom: 2px solid #30A6E6;height: 40px; line-height: 40px; text-indent: 5px;font-weight: bold;}
.wrap .none-margin{margin-right: 0px}

.wrap .bd-content .bref,.wrap .bd-content .side-content, .wrap .bd-content .side-brand{padding: 5px}
.wrap .bd-content .bref img{width: 375px;}
.wrap .bd-content .bref p{line-height: 1.8; font-size: 14px}

.wrap .bd-content .side-content, .wrap .bd-content .side-brand{position: relative;}
.wrap .bd-content .side-content li{
	list-style-type: none;
	height: 120px;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.wrap .bd-content .side-content li a {
	text-decoration: none;
	color: #505050;
}
.wrap .bd-content .side-content li a:hover {
	color: #30A6E6;
}
.wrap .bd-content .side-content li a:hover img,
.wrap .bd-content .side-brand li a:hover img
{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.wrap .bd-content .side-content li div{
	float: left;
	width: 150px;
	height: 120px;
	margin-right: 20px;
	overflow: hidden;
}
.wrap .bd-content .side-content li img {
	height: 120px;
	width: 100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;

}
.wrap .bd-content .side-content li h3 {
	line-height: 20px;
	height: 40px;
	margin: 3px 0 0;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 14px;
}
.wrap .bd-content .side-content li .p1 {
	font-size: 12px;
	line-height: 18px;
	height: 54px;
	overflow: hidden;
	color: #757575;
	margin-bottom: 15px;
}
.wrap .bd-content .side-brand li{
	list-style-type: none;
	float: left;
	margin-top: 10px;
	margin-right: 7px;
}
.wrap .bd-content .side-brand li div{
	width: 178px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #ddd;
}
.wrap .bd-content .side-brand li img {
	height: 80px;
	width: 100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;

}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#30A6E6;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/service/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/service/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/service/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/service/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
/*.suspension .d-service .d-service-item{border-bottom:none;}*/
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/service/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/service/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:15px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.side-left{
	width: 210px;
}
.cat{
	background: #eee;
}
.cat ul {
	overflow: hidden;
	list-style: none;
	width: 100%;
}
.cat ul li{
	height: 40px;
	line-height: 40px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	width:auto;
}
.cat li a {
	display: block;
	text-decoration: none;
	padding: 0 20px;
	color: #505050;
	font-weight: bold;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.cat li:hover a {
	color: #fff;
	background: #30A6E6;
}
.cat li a.on{
	color: #fff;
	background: #30A6E6;
}
.cat .cat-title {
	color: #fff;
	font:14px bold Microsoft yahei;
	background: #353535;
}
.cat .cat-title span{
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}
.aboutus{
	background: #eee;
	margin-top: 20px;
	width: 200px;
	padding: 5px;
}
.aboutus p{
	line-height: 1.8;
}
.content-r{
	margin-left: 40px;
	width: 950px;
}
.content-r .bd-title{border-bottom: 2px solid #353535;height: 40px; line-height: 40px; text-indent: 5px;font-weight: bold;}
.content-r .bd-title span{border-bottom: 2px solid #30A6E6;height: 40px; line-height: 40px; display: block;}
.content-r .content-list, .content-r .p-content{margin: 20px}

.content-r .content-list li a:hover img,
.content-r .content-list li a:hover img
{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.content-r .content-list ul li{
	float: left;
	margin-right: 16px;
}
.content-r .content-list ul li.none-margin{margin-right: 0px}
.content-r .content-list ul li div{
	text-align: center;
	margin-bottom: 20px;
}
.content-r .content-list ul li div.p-img{
	width: 215px;
	height: 215px;
	margin-bottom: 0;
	overflow: hidden;
}
.content-r .content-list ul li img{
	width: 215px;
	height: 215px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.content-r .content-list ul li p{
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}

.content-r .brand-list li a:hover img,
.content-r .brand-list li a:hover img
{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.content-r .brand-list{margin: 20px 60px}
.content-r .brand-list ul li{
	float: left;
	margin-right: 70px;
}
.content-r .brand-list ul li.none-margin{margin-right: 0px}
.content-r .brand-list ul li div{
	text-align: center;
}
.content-r .brand-list ul li div.p-img{
	width: 228px;
	height: 100px;
	margin-bottom: 0;
	overflow: hidden;
	border: 1px solid #ddd;
}
.content-r .brand-list ul li img{
	width: 230px;
	height: 100px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.content-r .brand-list ul li p{
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
/*商品详情*/
.content-r .p-content .detail{
	overflow: hidden;
	height: inherit;
}
.content-r .p-content .detail .title{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.content-r .p-content .detail .no-info{
	font-size: 18px;
	color: #ccc;
	text-align: center;
}
.content-r .p-content .detail .thumb{
	text-align: center;
}
.content-r .p-content .detail img{
	max-width: 500px;
}
.content-r .p-content .detail .info{
	margin: 20px;
}
.content-r .p-content .news-title{
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	font-family: bold;
}
.content-r .p-content .news-date{
	color: #ccc;
	text-align: center;
}
.cat-list{ position: relative;}
.cat-list li{ width: 146px;height: 40px;line-height: 40px; text-align: center; float: left; display: inline;}

.cat-list li div{width:146px; height: 40px; line-height: 40px; display: block; border-bottom: 2px solid #353535}
.cat-list li .on{width:146px;border-bottom: 2px solid #30A6E6;height: 40px; line-height: 40px; display: block;}
/*.cat-list p{position:absolute;top:40px;left:0px;width:146px;height:7px;border-top: 2px solid #30A6E6; overflow: hidden; text-align: center;}*/
/*.cat-list b{display:inline-block;width:0;height:0;margin-top:-6px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #30A6E6 #fff #fff #fff;overflow: hidden;zoom: 2;font-size: 0;}*/

.cat-list li a{color: #000}
.cat-list a:hover{color: #30A6E6}

.content-r .news-list-wrap{margin:20px; display: none;}
.content-r .show{display: block;}

.news-list-wrap li{
	list-style-type: none;
	height: 126px;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.news-list-wrap li a {
	text-decoration: none;
	color: #505050;
}
.news-list-wrap li a:hover img
{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.news-list-wrap li div{
	float: left;
	width: 150px;
	height: 126px;
	margin-right: 20px;
	overflow: hidden;
}

.news-list-wrap li img {
	float: left;
	height: 126px;
	width: 100%;
	padding-right: 20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.news-list-wrap li h3 {
	line-height: 20px;
	height: 40px;
	margin: 3px 0 0;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 14px;
}
.news-list-wrap li .p1 {
	font-size: 12px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	color: #757575;
	margin-bottom: 15px;
}
.news-list-wrap li .p2 {
	font-size: 10px;
	color: #bebebe;
	display: inline-block;
}
.news-list-wrap li .p2 em {
	color: #bbb;
}
.news-list-wrap li:hover{background:#f5f5f5}
.news-list-wrap li:hover a{color:#30A6E6}

.message{margin: 50px 50px 5px 50px}
.message li{float: left; margin-right: 100px; margin-bottom: 20px}
.message li img{margin-left: 10px; display: inline-block}
.message li p{margin-left: 70px; width: 100%}
.message span{
	float: left;
	height: 34px;
	width: 50px;
	line-height: 34px;
	margin-right: 20px;
}
.message div.error{
	display: none;
	line-height: 30px;
	background: #fc0;
	margin-bottom: 20px;
	text-align: center;
}
.message label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
.message label.error{
	color: #f00;
	display: inline-block;
	margin-left: 5px;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.message .text-input{
	border: 1px solid #8f8f8f;
	height: 30px;
	width: 196px;
	line-height: 30px;
	padding: 1px;
	border-color: #dadada;
	float: left;
	text-indent: 6px;
}
.message .input-textarea{
	border: 1px solid #8f8f8f;
	width: 554px;
	padding: 1px;
	border-color: #dadada;
	float: left;
	text-indent: 6px;
}
.message em.star {
	font-family: 微软雅黑;
	vertical-align: middle;
	font-size: 14px;
	color: red;
	margin-left: 8px;
	line-height: 34px;
}
.btn {
	display: inline-block;
	padding: 10px 50px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.btn:hover {
	color: #333;
	text-decoration: none
}

.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled]{
	cursor: not-allowed;
	filter: alpha(opacity=100);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1
}
.btn-default {
	color: #fff;
	background-color: #1ea4ff;
	border-color: #1ea4ff
}

.btn-default:hover {
	color: #fff;
	background-color: #0074c3;
	border-color: #0074c3
}