﻿/*通用类*/
*{
	margin:0;		
	padding:0;
}
html{
	overflow-x:hidden;		
}
body{		
	width:100%;	
	min-width:320px;
	margin:0 auto;	
	font-family:"Microsoft Yahei";	
	overflow-x:hidden;
	text-align:justify;	
	color:#202020;
}

/*不同设备字体em基准
@media screen and (min-width: 320px) and (max-width: 360px){ 
  body{
  	font-size:13.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 480px){ 
  body{
  	font-size:15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 700px){ 
  body{
  	font-size:22.5px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1000px){ 
  body{
  	font-size:28px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){ 
  body{
  	font-size:32px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){ 
  body{
  	font-size:40px;
  }
}
@media screen and (min-width: 1400px){ 
  body{
  	font-size:50px;
  }
}
*/

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#666;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:"Microsoft Yahei";	
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.cm_photo{
	display:block;
	position:relative;
	overflow:hidden;
	width:100%;
}
.cm_photo .thumb{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
}

.cm_photo .thumbbb{
	display:block;
	width:100%;
	height:70%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
}

.cm_photo .zwww{
	display:block;
	height:70%;	
	width:100%;
}


.cm_photo .zw{
	display:block;
	height:auto;	
	width:100%;
}

/*公用 CSS*/

.header{
	height:3.8rem;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#fff;	
	border-bottom:2px solid #02A8F0;
}
.head_menu{
	display:block;
	width:3.8rem;
	height:3.8rem;
	position:absolute;
	right:1%;
	top:0;
	background:url("../images/head_menu.png") no-repeat left top;
	background-size:100% 200%;	
}
.head_menuclose{
	background-position:left bottom;	
}
.head_search{
	display:block;
	width:2.8rem;
	height:2.8rem;
	position:absolute;
	right:1%;
	top:0;
	background:url("../images/head_search.png") no-repeat center center;
	background-size:100% 100%;	
}
.header .logo{
	display:block;
	width:80%;
	height:3.8rem;
}
.header .logo img{
	display:block;
	height:2.8rem;
	padding-top:0.5rem
}
.header_zw{
	height:2.8rem;	
	margin-bottom:1px;
}
.header_zw2{
	height:1.8rem;	
	margin-bottom:1px;
}
.nav{
	width:100%;
	position:fixed;
	right:0;
	top:3.8rem;
	margin-top:1px;
	background:url("../images/nav_bg.png");	
	z-index:100;
	padding:0.6rem 0;
	display:none;
}
.nav_flog{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
	display:none;		
}
.nav a{
	display:block;
	height:2.2rem;
	line-height:2.2rem;
	font-size:0.8rem;
	color:#fff;
	text-align:center;	
}
.search_bar{
	height:2.5rem;
	width:100%;
	background:#000;
	position:fixed;
	left:0;
	top:2.8rem;
	z-index:101;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;		
	display:none;
}
.search_bar .text{
	height:1.5rem;
	line-height:1.5rem;
	text-align:center;
	width:100%;
	border:0;
	background:none;	
	font-size:0.9rem;
	padding:0.5rem 0;
	box-sizing:content-box;
}
.search_bar .text:-webkit-input-placeholder{
	color:#c7beba !important;	
}

.footer{
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:1.6rem;
	padding-bottom:0.8rem;
	padding-top:0.8rem;
	background-color:#02A8F0;
	display:none;
}

/*公用 CSS*/

/*hm 首页*/

.hm_banner{
	width:100%;
	position:relative;
	overflow:hidden;	
}
.hm_banner .slides li{
	width:100%;
	float:left;	
}
.hm_banner .slides a{
	display:block;
	width:100%;	
}
.hm_banner .slides img{
	width:100%;
	height:auto;	
	display:block;
}
.hm_banner .flex-direction-nav{
	display:none;	
}
.hm_banner .flex-control-nav{
	width:100%;
	height:0.6em;	
	margin:0;
	left:0;
	bottom:1em;	
}
.hm_banner .flex-control-paging li a{
	display:block;
	background:#a0a0a0;
	width:0.6em;
	height:0.6em;
	margin:0 0.2em;	
	border-radius:0.3em;
}
.hm_banner .flex-control-paging li a.flex-active{
	background:#fff;	
}

.hm_nav{
	text-align:center; background-color:#fff;
}
.hm_nav a{
	display:block;
	width:33.3333%;
	height:5rem;
	float:left;
	margin-top:1.7rem;
	margin-bottom:1.7rem;
	color:#666;
}
.hm_nav img{
	display:block;
	height:4.2rem;
	margin:0 auto;	
}
.hm_nav span{
	display:block;
	height:3.0rem;
	line-height:3.0rem;
	font-size:1rem;	
}

/*hm 首页*/

/*cla 分类*/

.cla_title{
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	background:#e1e1e1;
	color:#666565;	
}
.cla_links a{
	display:block;
	width:33.33%;
	float:left;
	margin-top:0.9rem;	
}
.cla_links img{
	display:block;
	height:2.2rem;
	margin:0 auto;	
}
.cla_links span{
	display:block;
	height:2.5rem;
	line-height:2.5rem;
	font-size:0.83rem;
	text-align:center;	
}

/*cla 分类*/

/*brand 品牌*/

.nav_pos{
	height:2.4rem;
	line-height:2.4rem;
	background:#e5e5e5;	
	padding:0 3%;
	color:#666565;
}
.nav_pos a{
	color:#666565;	
}

.brand_inf{
	padding:0.8rem 3%;	
	color:#131313;
}
.brand_inf .tp{
	text-align:center;	
}
.brand_inf .tp img{
	display:block;
	height:2.2rem;
	margin:0 auto;	
}
.brand_inf .tp dd{
	height:2rem;
	line-height:2rem;
	font-size:0.83rem;
	color:#131313;	
}
.brand_inf p{
	font-size:0.83rem;
	line-height:1.4rem;
	text-indent:2em;	
}
.brand_inf .tit{
	color:#000;	
}
.brand_inf .more{
	float:right;
	margin-top:-1.4rem;
	line-height:1.4rem;	
	font-size:0.83rem;
}

.brand_handle{
	height:2.0rem;
	line-height:2.0rem;
	text-align:center;
	background-size:auto 100%;
	font-size:12px;
	border-bottom:#CCC 2px solid;
	padding-bottom:15px;
}
.brand_handle a{
	display:inline-block;
	height:2.0rem;
	line-height:2.0rem;
	border:2px solid #e5e5e5;	
	margin:0 2px;
	box-sizing:border-box;
	color:#666565;
	border-radius:30px;
	padding:0 3px;
}
.brand_handle .hover{
	color:#fff;
	border-color:#00A8EF;
	background-color:#00A8EF;
}

.brand_con{
	display:none; min-height:350px;
}

.brand_con2{
	 min-height:320px;
}

.brand_con3{
	 min-height:350px; padding-bottom:10px; background-color:#FFF;
}



.show{
	display:block;	
}
.brand_item{
	width:45.5%;
	float:left;
	margin:3% 0 0 3%;
	background:#ebebeb;	
	color:#5e5e5e;
	height:100%;
}
.brand_item .inf{
	padding:;	
	text-align:center;
	font-size:12px;
	line-height:1.2rem;
	height:2.0rem;
	overflow:hidden;
}

/*brand 品牌*/


.hm_bannerr{
	width:100%;
	height:400px;
	position:relative;
	overflow:hidden;	
	background:#282627;
}
.hm_bannerr .slides li{
	width:100%;
	height:400px;
	float:left;
	color:#8E8E8E;
	font-size:12px;
	line-height:25px;
}
.hm_bannerr .flex-direction-nav{
	display:none;	
}
.hm_bannerr .flex-control-nav{
	width:100%;
	height:10px;
	margin:0;
	left:0;
	bottom:20px;
	font-size:1px;	
}
.hm_bannerr .flex-control-paging li a{
	display:block;
	background:#FBF2D5;
	width:40px;
	height:5px;
	margin:0 5px;
}
.hm_bannerr .flex-control-paging li a.flex-active{
	background:#9B642B;	
}
.slidestext{ width:80%; margin:0 auto; text-align:center;}
.slidestext .slidestexttitle{border-bottom:#FFF 2px solid ;width:200px;font-size:18px; color:#FFF; line-height:80px;padding-bottom:6px;}
.bottombanner{width:100%;margin:0 auto;}
.hm_bannerly{ width:100%; }
.bodybg{ background-color:#fff; padding:10px 0px}
.contently{ color:#666; font-size:12px; padding:25px 15px; line-height:26px;}
.contently  img{ width:80%; height:auto}
.contently table { width:100%;}
.contently table img{ width:90%;}

.contently .ewm img{ width:45%; padding-left:2%;}

.contently2{ color:#FFF; font-size:12px; padding:25px 15px; line-height:26px;}
.contently2 table { width:100%;}
.contently2 table img{ width:90%;}

.contentlyy  img{ width:40%; height:auto; max-height:280px}
.contentlyy  p img{width:40%; height:auto;max-height:280px}
.contentlyy table { width:100%;}
.contentlyy table img{ width:40%;max-height:280px}
.contentlyy li{ list-style:none}

.contently3{ color:#666; font-size:12px; padding:25px 15px; line-height:26px;}
.contently3 img{ width:42%; padding-left:2%; height:auto;}
.contently3 table { width:100%;}
.contently3 table img{ width:90%;}

.contently3 .ewm img{ width:45%; padding-left:2%;}


.hongju33{ line-height:25px; padding:20px;font-size:12px;}
.hongju33 table{ font-size:12px; max-width:100%;}
.hongju33 table tr td img{max-width:50%; height:auto; width:100%; margin:0 auto;padding:10px;}
.hongju33 img{ max-width:100%; height:auto;width:100%; margin:0 auto;padding:10px;}
.hongju363{ line-height:25px;}
.hongju363 img{ width:98%; padding:10px;}

a.morere:link {
	font-size: 12px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight:normal;
	text-decoration: none;
	background-color:#7D0000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
}
a.morere:visited {
	font-size: 12px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	background-color:#7D0000;
}
a.morere:active {
	font-size: 12px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#ff0000;
}

a.morere:hover {
	font-size: 12px;
	color: #fff;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#ff0000;
}
.form22338 {
	background-color: #ffffff;
	height: 35px;
	line-height:26px;
	font-size: 14px;
	color: #999999;
	width: 190px;
	padding-left:10px;
	border-top:1px #A5C8E6 solid;
	border-bottom:1px #A5C8E6 solid;
	border-right:1px #A5C8E6 solid;
	border-left:1px #A5C8E6 solid;
	color:#999999;
	border-radius:5px 5px 5px 5px;
}

.form22339 {
	background-color: #282828;
	height: 35px;
	line-height:26px;
	font-size: 14px;
	color: #999999;
	width: 190px;
	padding-left:10px;
	color:#fff;
	border-radius:5px 5px 5px 5px;
}

.form22340 {
	background-color: #F62A2B;
	border:0px;
	height: 35px;
	line-height:26px;
	font-size: 14px;
	color: #999999;
	width: 150px;
	padding-left:10px;
	color:#fff;
	border-radius:5px 5px 5px 5px;
	margin-left:10px;
}
.formm1 {
	background-color: #FFFFFF;
	height: 36px;
	line-height:26px;
	font-size: 14px;
	color: #999999;
	width: 200px;
	padding-left:10px;
	border: 1px solid #CCCCCC;border-radius:3px;
}

.formm18 {
	background-color: #FFFFFF;
	height: 36px;
	line-height:26px;
	font-size: 14px;
	color: #999999;
	width: 80px;
	padding-left:10px;
	border: 1px solid #CCCCCC;border-radius:3px;
}


.formm2 {
	background-color: #FF552E;
	height: 38px;
	line-height:38px;
	font-size: 14px;
	color: #fff;
	width: 80px;
	text-align:center;
	border:0px;
	border-radius:3px;
}
.titt{ border-bottom:#FFF 1px dashed; font-size:16px;}

.logincss{ background-color:#FCFCFC; padding:10px; border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid; color:#666}
.logincss2{ border-top:#F62A2B 4px solid; text-align:left; padding-left:10px; font-size:16px; color:#666}
.logincss2 img{ vertical-align:middle; padding-right:10px;}

.logincss3{ background-color:#FCFCFC; padding:10px; border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid; font-size:12px;}
.logincss4{ border-top:#F62A2B 4px solid; text-align:left; padding-left:10px; font-size:16px;}


.chaxun{ line-height:46px; padding:0 15px;}
.chaxun span{ padding:0 10px;}
.chaxun .formm{ border:#999 1px solid;line-height:28px;width:255px; height:25px;  font-size:14px; color:#999;}
.formm22{ border:#999 1px solid;line-height:24px;width:200px; padding-left:10px;}
.formm23{ line-height:26px;width:285px; padding-left:10px; background:#3A3A3A; color:#FFF}

.formm29{ line-height:46px;width:200px; padding-left:10px; background:#3A3A3A; color:#FFF}
.textt{ line-height:28px;}
.textt  img{ width:95%;}
.daohang{ background-color:#F4F4F4; text-align:center; font-size:16px; line-height:35px;}

.newslist{ width:100%;}
.newslist ul li{ width:50%; float:left; font-size:12px; text-align:center; padding-bottom:20px; margin:5px 0px; height:180px;}
.newslist ul li img{ width:90%}

.producttypelist{ width:100%; margin:10px auto;}


.producttypelist{
	line-height:2.0rem;
	text-align:left;
	background-size:auto 100%;
	font-size:12px;
	border-bottom:#CCC 2px solid;
	padding-bottom:15px;
	clear:both;
}
.producttypelist a{
	display:inline-block;
	height:2.0rem;
	line-height:2.0rem;
	border:2px solid #e5e5e5;	
	margin:0 2px;
	box-sizing:border-box;
	color:#666565;
	border-radius:30px;
	padding:0 5px;
}
.producttypelist .hover{
	color:#fff;
	border-color:#00A8EF;
	background-color:#00A8EF;
}



a.ptype:link {
	font-size: 14px;
	color:#fff;
	font-family: "Microsoft YaHei";
	font-weight:normal;
	text-decoration: none;
	background-color:#01509D;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:3px;
}
a.ptype:visited {
	font-size: 14px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	background-color:#01509D;
}
a.ptype:active {
	font-size: 14px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#ff0000;
}

a.ptype:hover {
	font-size: 14px;
	color: #fff;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#01509D;
}

.pagepage{ width:100%; margin:0px auto; text-align:center; line-height:30px; font-size:12px; }
.pagepage table{ margin:0 auto;}

a.pptype:link {
	font-size: 18px;
	color:#fff;
	font-family: "Microsoft YaHei";
	font-weight:normal;
	text-decoration: none;
	background-color:#01509D;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:35px;
	padding-right:35px;
	border-radius:3px;
}
a.pptype:visited {
	font-size: 18px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	background-color:#01509D;
}
a.pptype:active {
	font-size: 18px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#CC0000;
}

a.pptype:hover {
	font-size: 18px;
	color: #fff;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#CC0000;
}


#pg_margins {
	background: rgb(255, 255, 255); margin: 0px auto; width: 100%; height: auto;
}

#fixed-foot {
	  height: auto; text-align: center; color: rgb(255, 255, 255);  position: relative; z-index: 1000; min-height: 35px !important; box-shadow: 0px 2px 4px 0px #b5b5b5; text-shadow: -1px -1px 0 #00477B; background-color:#0C51AE
}
#fixed-foot {
	border: 1px solid rgb(17, 118, 191); width: 100%; text-align: left; bottom: 0px; line-height: 17px; font-size: 0px; display: table; position: fixed; 
}
#fixed-foot li {
	height: 30px; text-align: center;  font-size: 12px; border-top-color: rgb(58, 174, 222); border-right-color: rgb(7, 87, 159); border-left-color: rgb(58, 174, 222); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: table-cell; opacity: 0.9;padding-top:3px;
}
#fixed-foot .border-left-none {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
#fixed-foot .border-right-none {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#fixed-foot li a {
	color: rgb(255, 255, 255); display: block;
}
.fixed-button {
	background: url("../images/icon_arr_tel_white.png") no-repeat 0px 0px; margin: 0px auto; width: 19px; height: 17px; overflow: hidden; display: block;
}

.form221 {
	height: 22px;
	line-height:22px;
	font-size: 12px;
	color: #999999;
	width: 160px;
	padding-left:10px;
	border:1px solid #CBD4D9;
	color:#666666;
}

.form222 {
	height: 32px;
	line-height:32px;
	font-size: 12px;
	width: 100px;
	color:#fff;
	background-color:#F00;
	border:0px;
}



.liuyan{ font-size:14px;}
.liuyan table tr td{ font-size:14px;}

.pagepage{margin:60px auto 20px auto; width:100%; text-align:center;}


 
.pagepage a{
	display:inline-block;
	height:32px;
	line-height:32px;
	width:32px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	text-decoration:none;
	color:#333
}

 
.pagepage a:hover,.pagepage a.hover{
	color:#fff;
	background:#DF1819;
	border:#DF1819 1px solid;
}
