@font-face{
//font-family:"Microsoft Yahei";
//src: url('Microsoft Yahei/Microsoft Yahei-Light.otf');
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,b,u,i,dl,dt,dd,ol,ul,li,form,label,menu,nav,input,textarea,blockquote{ margin:0; padding:0; border:0; font-family:"Microsoft Yahei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif;}
table{width:99%;border:1px solid #d6d6d6;text-align:center}
td{border:1px solid #d6d6d6;}
.ptab{width:420px;border:solid 1px #d6d6d6;}
body{ min-width:320px;}
ol,ul {	list-style:none;}
a{ text-decoration:none; color:#5b5b5b;}
a:hover{color:#e94609;}
p{ line-height:21px;margin-bottom:15px;}
.clear{ clear:both;}
.clearfix:after{display:block;clear:both;content:'';visibility:hidden;height:0;}
.fl{ float: left;}
.fr{ float: right;}
.tl{ text-align: left;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.w85{ width: 84.7%}
.w100{ width: 100%;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.pt10{ padding-top: 10px;}
.pb10{ padding-bottom: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-left: 20px;}
.bd{border: 1px solid #d7d9d8;}
.bdt{border-top:1px solid #e0e0e0;}
.redFont{color:red;}
.boldFont{font-weight:bold;}
.font16{font-size:16px;color:#FF0000;}
.font24{font-size:24px;color:#FF0000;}
.LH40{line-height:40px;}

.hcW{margin:0 auto;width:1024px;}
.show{display:block;}
.hide{display:none;}
/* base end */
@media(max-width:760px){.show-l{display:block!important}.hidden-l{display:none!important}}
/*head-footer.css begin*/
h1,h1 a{ font-size:22px; line-height:24px;}
h2,h2 a{ font-size:16px; margin-bottom:5px; }
h3,h3 a{ font-size:16px;}
h1,h1 a,h2,h2 a,h3,h3 a{ color:#373737; font-weight:normal;}
h1 + p{ margin-top:5px;}
.ContentW{width:auto;margin:auto;}
.topHc{margin:auto; position:relative; width:100%; color:#e5e5e5;padding:0; height:30px; line-height:30px; background-color:#fff;border-bottom:1px #e5e5e5 solid;}
.topHc .cName{float:left;width:250px;position:relative; font-size:12px;}
.topHc .cItem{float:right;width:auto;margin-top:8px;}
.topLocation{ width:100%; padding: 8px 0; height:15px; line-height:15px; background-color:#293649;  display:none;}
.topLocIn{ width:300px; margin:0 auto; color:#ffffff;}
.topLocIn a{color:#5b5b5b;}

.indexTop{ width:1024px; height:88px; margin:auto; position:relative;}
.indexTopLeft{width:226px; float:left;  margin-top:20px;}
.indexTopLeft img{ width:100%; min-width:100px;}
.indexTopMiddle{width:351px; float:left;  margin-top:30px; margin-left: 88px;}
.indexTopRight{ float:right;  margin-top:20px; ;}

.top{ max-width:1024px; height:79px; margin:auto; position:relative;}
.topLeft{ width:154px; float:left;  margin-top:20px; margin-left:2.5%;}
.topLeft img{ width:100%; min-width:100px;}
.topRightIco{ position:absolute; top:0; right:28px; display:none; cursor:pointer}
.topRight{ float:right;  margin-top:30px; margin-right:2.5%;}
.location{ float:left;}
.websites{ float:left; margin-top: -3px;  margin-left:15px; }

.navigation{ height:28px;line-height:28px;color:#aeafaf; background:#f5f5f5; width:100%;text-indent:12px;margin:10px 0 0 0;}
.navigationLeft{ float:left; line-height:28px; color:#ffffff; margin-left:14px;}
.navigationRight{ float:right; margin-right:15px;}

.indexMenu{ width:100%; height:28px; background:#0066b3;}
.indexMenuin{ max-width: 1440px; margin: auto;}
.indexMenu ul li{ float:left; line-height:28px; width:17%; text-align:center; }
.indexMenu ul li a{ border-right:1px solid #7e8693; color:#e8e8e8; display:block}
.indexMenu ul li.menuLast{ width:15%}
.indexMenu ul li.menuLast a{ border-right:none}
.indexMenu ul li:hover{ background:url(../images/head-footer/nav_2.gif) repeat-x;}
.indexMenu .menuin-cur{background:url(../images/head-footer/nav_2.gif) repeat-x;}

.menu{  width:100%; height:28px; background:#0066b3;}
.menuin{ margin:auto; max-width:1024px;}
.menu ul li{ float:left; line-height:28px; width:17%; text-align:center;}
.menu ul li a{ border-right:1px solid #7e8693; color:#e8e8e8; display:block}
.menu ul li.menuLast{ width:15%}
.menu ul li.menuLast a{ border-right:none}
.menu ul li:hover{ background:#ed1b23;}
.menu .menuin-cur{background:#f00;}

/*nav css*/
.nav{
   background:#0066b3;
}
#nav { 
	height: 40px; 
	line-height:40px; 
	margin:0 auto; 
	padding:0; 
	width:1024px;
z-index:100000;
}	
#nav li.nav_m { 
	position:relative; 
	z-index:100; 
	float: left; 
	width: 144px;  
	font-size: 18px; 
	border-right:1px solid #7e8693; 
z-index:100001;
}
#nav li.nav_now,#nav li.nav_now a { 

	position:relative; 
	float: left; 
	width: 144px;  
	background:#ed1d24; 
	font-size: 18px; 
	text-align:center;
	color:#fff;
}

#nav li.nav_index {
	width: 133px; 
	background-position: 131px -35px;
}
#nav li.nav_last {
	width: 133px; 
	border-right:none;
}

#nav li.nav_m a.nav_m_link  { 
	color: #fff; 
	display:block; 
	text-align:center; 
	_font-weight:bold; 
}
#nav li.nav_m a.nav_m_link:hover { 
	background:#ed1b23; 
}
#nav li.nav_index a.nav_m_link:hover { 
	background:#ed1d24;
}
.nav_sub_main {  
	position: absolute; 
	top:40px; 
	left:-9999px;  
	width: 144px;  
	padding-left:0; 
}

#nav li.sfhover .nav_sub_main,#nav li.nav_m:hover .nav_sub_main { 
	left: 0;  display:none;
}

.nav_sub_main li { 
	height: 27px; 
	line-height: 30px; 
	text-align:center; 
	font-size: 18px;
}
.nav_sub_main li a { 
	display: block; 
	width: 144px; 
	height: 30px; 
	background:url(../images/navbg.png) repeat; 
	color:#000;
}
.nav_sub_main li a:hover { 
	color: #fff; 
	background:#CC0000; 
}
/*导航*/
.main_menu { 
	display:none; 
	position:absolute; 
	left:0px; 
	top:40px; 
	background:url(../images/navbg.png) repeat; 
	width:750px; 
	overflow:hidden; 
	_zoom:1; 
	z-index:100; 
	height:0; 
	font-size: 14px; 
}
#nav li.sfhover .main_menu,#nav li.nav_m:hover .main_menu{ 
	display:block; 
}
.navpro { 
	overflow:hidden;  
	width: 750px; 
	margin: 0 auto; 
}
.navpro dl{ 
	overflow:hidden; 
	float:left; 
	height:465px;  
	margin-right: 20px;
	margin-top:0px;
}
.navpro  dl dt{ 
	overflow:hidden;  
	height: 37px; 
	margin-bottom: 5px; 
	line-height: 37px;  
	font-weight:bold; 
	text-indent: 20px;
}
.navpro  dl dt.pro_mobile{ 
	background-position:0 -37px;
	margin-bottom:0; 
}
.navpro  dl dt a{
 color:#000;
}
.navpro  dl dt a strong{ 
 color:#000;  
}
.navpro  dl dd { 
	overflow:hidden; 
	height: 30px; 
	line-height:30px;
	text-indent: 12px; 
	margin-left:0px;
}
.navpro  dl dd.imp { 
	background-position:0 -149px; 
}
.navpro  dl dd a { 
	display:block; 
}
.navpro  dl dd.imp a { 
	color:#c00c00; 
}
.navpro  dl dd a:hover { 
	color:#fff; background:#CC0000;
}
.navpro  dl.navpro_1 { 
	width:150px; 
}
.navpro  dl.navpro_2 { 
	width:150px; 
}
.navpro  dl.navpro_2  dd{ 
	width:150px; 
}
.navpro  dl.navpro_3 { 
	width:150px; 
}
.navpro  dl.navpro_3  dd{ 
	width:150px; 
}
.navpro_r { 
	width: 90px; 
	height:360px;
}
.navpro_r dl { 
	float:none; 
	height: auto; 
	margin-right:0; 
	background:none;
}

/*nav css end*/

.indextoTop{ width:100%; display:none; background-color:#f3f3f3;}
.toTop{ width:100%; display:none;}
.toTopImg{ width:30px; margin:auto; }

.toBanner{width:100%; height:127px;background:url(../images/banner_bg.gif) repeat-x;margin:10px 0px;text-align:center;}
.toBanner img{margin:0 auto;}
.topBannerFoot{height:47px;line-height:47px;background-color:#f2f3f9;text-align:center;}
.topBannerFoot .cName{font-size:14px;color:#FF0000;}
.topBannerFoot .GrayFont{font-size:14px;color:#939191;}
.topBannerFoot .BigFont{font-size:30px;color:#939191;}

.indexfooter{width:100%; height:58px; border-top:1px solid #c8c8c8; }
.footer{ clear:both;width:100%; height:110px; border-top:1px solid #c8c8c8; margin-top:50px;padding-top:20px;background:#2b2b2b;color:#fff;line-height:22px;}
.footer a{ color:#fff;font-weight:bold;}
.indexfooterin{ max-width:1014px; margin:auto;}
.indexfooterin .footerinLeft{ margin-left:3%;}
.indexfooterin .footerinRight { margin-right: 6.4%;}

.footerin{ width:1014px; margin:auto;}
.footerinLeft{ float:left; width:805px;margin-left:0px; margin-top:20px;font-size:12px;}
.footerinRight{ float:right;width:200px; margin-left:0px;}



.sele{width:150px;font-size:12px;line-height:25px;font-family:microsoft yahei;text-align:center;margin-bottom:5px;}

.focus{float:left; width:24px; height:24px; margin:17px 5px 0 5px; background:url(../images/head-footer/csg.png); cursor:pointer;}
.youtube{ background-position: 0 0;line-height:22px;font-size:12px;}
.youtube:hover{ background-position: -132px 0;}
.facebook{ background-position: -44px 0; }
.facebook:hover{ background-position: -176px 0;}
.twitter{background-position: -88px 0;}
.twitter:hover{background-position: -220px 0;}

.link{ float:left; margin-left:10px; margin-top:20px;}
/*head-footer.css end*/

/*common head, bottom, sidebar begin*/
.menuNav{ width:100%; height:26px; background-color:#dddddd;}
.menuNavin{ max-width:1024px; height:26px; margin:auto; line-height:26px; padding-left:30px;}

.topSelect{ display:none; width:96%; border:5px solid #a9a9a9; margin-bottom:10px; height:22px;}
.topSelect select{ border:none; width:100%;}

.main{ width:100%; margin-top:6px;}
.HCzhaiyao{float:left;width:97%; background:#FFF;height:auto;overflow:hidden;font-size:14px;line-height:25px;padding:10px 10px 15px 10px;color:#4d4e4e;TEXT-JUSTIFY: inter-ideograph;TEXT-ALIGN: justify; }
.HCcontent{float:left;width:100%; background:#FFF;height:auto;overflow:hidden;font-size:18px;line-height:30px;padding:0px 0px 20px 0px;color:#605f5f;text-align:justify; text-justify:inter-ideograph; }
.HCcontent p{font-size:18px;line-height:28px;}
.HCcontent p img{
    display: block;
    margin: 0 auto;
    padding: 10px;
    max-width: 100%;}
.danye{float:left;width:95%;height:auto; padding-left:15px; line-height:25px;overflow:hidden;}
.L_pic{float:left;width:auto;height:auto;margin:0 15px 0 0;}
.L_pic img{width:185px;height:123px;}
.ti{float:left;width:510px;height:30px;line-height:30px;font-size:16px;font-weight:bold;}
.ti a{color:#FF0000;}
.co{float:left;width:510px;height:100px;line-height:25px;}
.R_pic{float:right;width:auto;height:auto;margin:0 0 15px 15px;}

.content{ max-width:1024px; margin:auto}
.conLeft{ width:17.6%; float:left; background-color:#e8e8e8; margin-left:1.5%;}
.conLeft ul li{ border-bottom:1px solid #bcbcbc; border-top:1px solid #ffffff; padding:5px 0 5px 8px;} 
.conLeft ul li:hover{ background-color:#f4f4f4; cursor:pointer;}
.curLi{background-color:#0066b3;color:#FFF;font-size:14px;line-height:22px;}
.conLeft ul li.conLeftLast{ border-bottom:none; padding:0;}
.conLeft ul li a{color:#5b5b5b; line-height:22px; display:block; font-weight: bold;}

.second{ border-bottom:1px solid #bcbcbc; border-top:1px solid #ffffff; display:none}
.second ul li{ border:none;  padding:5px 0 5px 8px; font-weight:normal;}
.second ul li a{ line-height:16px; font-weight: normal;}
.second .pro_active{ background-color:#f4f4f4;}
.lis_cur{ display:block}

.conRight{ float:left; width:77.9%; margin-left:1.5%; margin-right:1.5%; color:#5b5b5b;}
.conRightTop{ width:100%; background-color:#f3f3f3;}
.conRightTopin{ padding:10px;}
.conRightTop h2{ font-size:20px; font-weight:normal}
.conRightMain{margin-top:10px;}
.mainBox{ float:left; width:72.2%; }
.mainBox p img{ max-width: 100%; margin: 10px 0;}
.conRightBanner{ width:100%;}
.conRightBanner img{ width:100%;}
.eachBox{ border-bottom:1px solid #e0e0e0; overflow:hidden; clear:both; padding-bottom:20px; margin-top:30px;}
.eachBox:last-child{ border: none; padding-bottom:0;}
.eachBoxImg{ float:left;  width:19%;  }
.eachBoxImg img{  width:100%; margin-top:5px;}
/*.eachBox img{float: left; width: 19%; margin-right: 2%}*/
.eachBoxText{ float:left; width:78.4%; margin-left:2.6%;}
.learnMore{ background:url(../images/head-footer/more_bg.jpg) left center no-repeat; padding-left:15px;}
.learnMore a{color:#e94609;}
/* index.htm begin 
#focus{width:100%; overflow:hidden;position:relative;color:#fff;margin-top:2px}
			#focus ul li{float:left;position:relative;overflow:hidden}
			#focus ul li img{width:100%}
			#focus ul {
				height: 380px;
				position: absolute;
			}
			#focus ul li div {
				overflow: hidden;
				position: absolute;
			}
			#focus .btnBg {
				bottom: 10px;
				height: 20px;
				left: 0;
				position: absolute;
				width: 1420px;
			}
			#focus .btn {
				bottom: 20px;
				height: 4px;
				padding: 0 13px;
				position: absolute;
				right: 0;
				text-align: center;
				width: 97%;
			}
			#focus .btn span {
				background: none repeat scroll 0 0 #fff;
				cursor: pointer;
				display: inline-block;
				height: 4px;
				margin-left: 10px;
				width: 40px;
			}
			#focus .btn span a {
				background: none repeat scroll 0 0 #fff;
			}
			#focus .btn span a:hover {
				background: none repeat scroll 0 0 #FF9900;
			}
			#focus .btn span.on {
				background: none repeat scroll 0 0 #FF9900;
			}	
            #focus h1{color:#fff;font-weight:bold;}
			.bannermove{padding:10px;position:absolute;background:#e94609;border:1px #e94609 solid;line-height:18px;}
             #tleft:hover, #tright:hover{background:#E94609}
             .bannermove{width:300px;padding-bottom:20px;position:absolute;left:10%;bottom:10%;opacity:0}
             #focus h1{line-height:30px}
             .bannermove p{margin-top:10px}
			 #infodown{position:absolute;bottom:0;right:318px;z-index:2000;display:block;line-height:37px;background:#313942;padding:0 1%}
			 #tleft{position:absolute;bottom:0;right:279px;z-index:2000;background:#fff;z-index:30px;display:block; cursor: pointer;}
			 #tright{position:absolute;bottom:0;right:240px;background:#fff;z-index:2000;display:block; cursor: pointer;}
             #tleft img , #tright img{padding:7px 12px;width:auto;}		
*/
/* flexslider */
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

.flexslider{position:relative;height:420px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1000;}
.slides li{height:420px;text-align:center;background-position:top center;}
.slides li img{width:100%;height:420px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:1002;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;background-position:right;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:1003;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;background-position:right;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.indexMain{ margin: auto; background-color:#fff;}
.indexCt{  margin: auto; width: 1020px;height:auto;color:#5b5b5b;padding: 10px 0; background:#fff;}
.ctLeft{ float: left; width:316px; }
.ctLeft .dh{float:left;width:100%;height:30px;line-height:30px;background:url(../images/dh_bg.gif) bottom left no-repeat;margin-bottom:10px;}
.ctLeft .dh h2{float:left;width:auto;height:28px;line-height:28px;padding:0px 6px;background:#fff;color:#0067b3;}
.ctLeft .dh h2 a{color:#0067b3;font-size:18px;}
.ctLeft span{float:right;width:auto;height:30px;line-height:30px;color:#CCC;font-size:10px;}
.ctLeft p{ line-height: 22px;}
.ctLeft .Cttext{ line-height: 22px;width:316px;}
.ctLeft ul{float: left;margin: 20px 0 5px 0;width:98%;height:150px;}
.ctLeft ul li{float: left;height: 28px;width:98%;line-height: 28px;font-size:14px;border-bottom:#CCCCCC dotted 1px;display:block;}
.ctLeft ul li span{ float: right;display:inline-block}
.ltstNews{}
.ltstNewsImg{ float: left; width: 115px;}
.ltstNewsCt{ float: left; width: 186px; margin-left: 5px;}
.ltstNewsCt strong + p{ margin-top: 5px;}

.hcMid{ float: left; margin-left: 20px; width:460px;height:170px;}
.hcMid .dh{float:left;width:100%;height:30px;line-height:30px;background:url(../images/dh_bg_m.gif) repeat-x;margin-bottom:16px;}
.hcMid .dh h2{float:left;width:auto;height:30px;line-height:30px;padding:0px 18px;background:#005dc5;color:#FFFFFF;}
.hcMid .dh h2 a{color:#FFFFFF;}
.hcMid .dh span{float: right;font-size:10px;background:#FFF;margin:3px 0px 0px 4px;padding:0 0 0 4px; }
.hcMid h2 span{ float: right; display: none;}
.hcMid h2 span img{ margin-left: 10px;}
.hcMid .HcPic{float:left;}
.hcMid .HcPicL{float:left;width:84px;height:122px;}
.hcMid .HcPicR{float:left;width:360px;height:115px;margin-left:15px;}
.hcMid .HcPicR p{font-size:14px;text-align:justify;text-justify:inter-ideograph;}

.hcMid h3{ margin: 0px 0 10px 0;font-size:16px;color:#FF0000;}
.ctRight{position:relative;float:right;width:205px;height:150px;border:1px #dadada solid;}
.ctRight .hot{position:absolute;width:53px;height:53px;left:0;top:0;background:url(../images/tuijian.png);z-index:2;}
.ctRight .hotProduct{position:absolute;margin:5px;left:0;top:0;z-index:1;}
.ctRight p{position:absolute;text-align:center;margin:5px;width:90%;left:0;bottom:0;z-index:3;}
.readMore{ background:url(../images/index/more_bg.png) left center no-repeat; padding-left:15px; font-style:italic}
.readMore a{color:#e94609;}

.hcLeft{ float: left; margin-right: 10px; width: 340px; }
.hcLeft .dh{float:left; width: 316px; height:30px;line-height:30px;background:url(../images/dh_bg.gif) bottom left no-repeat;margin-bottom:16px;}
.hcLeft .dh h2{float:left;width:auto;height:28px;line-height:28px;padding:0px 5px;background:#fff;color:#0067b3;}
.hcLeft .dh h2 a{color:#0067b3;font-size:18px;}
.hcLeft span{float:right;width:auto;height:30px;line-height:30px;color:#CCC;font-size:10px;}
.hcLeft p{ line-height: 22px;}
.hcLeft .Cttext{ line-height: 22px;width:316px;padding:0px;text-align:justify;text-justify:inter-ideograph;background:#fff;}

.hcRight{ float: left; margin-right: 0px; width: 320px;margin-bottom:10px;}
.hcRight .dh{float:left; width: 320px; height:30px;line-height:30px;background:url(../images/dh_bg.gif) bottom left no-repeat;margin-bottom:5px;}
.hcRight .dh h2{float:left;width:auto;height:28px;line-height:28px;padding:0px 10px;background:#fff;color:#0067b3;}
.hcRight .dh h2 a{color:#0067b3;font-size:18px;}
.hcRight span{float:right;width:auto;height:30px;line-height:30px;color:#CCC;font-size:12px;}
.hcRight li{float:left;list-style:none;width:318px;height:78px;margin:10px 0 0 0;}
.hcRight li img{float:left;width:145px;height:78px;margin:0px 15px 0 0;}
.hcRight li h2{float:left;width:145px;height:22px;color:#FF0000;}
.hcRight li span{float:left;line-height: 18px;width:158px;color:#5b5b5b;text-align:justify;text-justify:inter-ideograph;}

/*right-bottom popup pic on page begin*/
#footerPopup{ position: fixed; right: -335px; bottom: 0;cursor: pointer;z-index:100000;}
#footerPopup span{ display: none; font-size: 16px; color: white; position: fixed; right: 5px; bottom: 55px; cursor: pointer;}
/*right-bottom popup pic on page end*/
/*About us begin*/
.hcLocation{height:71px;border-bottom:1px solid #d7d7d8;background:url(../images/hc_Line.gif) 170px top no-repeat;margin:8px 0 8px 0;}
.hcLocation .left{float:left;width:160px;height:37px;margin:0px 0px 0px 10px;}
.hcLocation .left .EBfont{float:left;width:40px;height:37px;font-family:Arial;font-size:54px;color:#848787;font-weight:bold;}
.hcLocation .left .ESfont{float:left;width:112px;height:12px;font-family:Arial;font-size:12px;color:#d6d6d6;padding:10px 0px 0px;}
.hcLocation .left .ECfont{float:left;width:112px;height:22px;font-family: 微软雅黑;font-size:22px;color:#f9031a;}
.hcLocation .right{float:left;width:500px;height:37px;color:#c9caca;margin:10px 0px 0px 18px;}
.hcLocation .right .CBfont{float:left;width:500px;height:37px;font-size:18px;}
.hcLocation .right .CSfont{float:left;width:500px;height:18px;font-size:14px;}

.HC_c_left{float:left;width:75%;margin:0;}
.HC_c_left .contactRight{ float:left;width:95%; }
.HC_c_right{float:right;width:25%;}
.HC_c_right .contactLeft{ float:left;width:100%;}

.contactLeft{ float:left;width: 240px; }
.contactLeft .dh{ float:left;width: 220px;height:36px;padding:0 0 0 20px;background:#005dc5;line-height:36px;color:#FFF;font-size:16px;}
.contactLeft .dh a{ color:#FFF;}
.contactLeft .box{ float:left;width: 238px;height:auto;border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;background:#fff;line-height:36px;color:#FFF;margin:0;}

.contactRight{position:relative;float:right;width:73%;margin-left:2%;padding:0;}
.contactRight .dh{float:left;width:100%;height:auto;overfloat:hidden;line-height:36px;background:url(../images/dh_bg_m.gif) repeat-x;margin-bottom:10px;}
.contactRight .dh h2{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px;margin:0 5px 0 0;background:#e37006;color:#FFFFFF;}
.contactRight .dh h2.now{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px;margin:0 5px 0 0;background:#0067b3;color:#FFFFFF;}
.contactRight .dh h2 a{color:#FFFFFF;}
.contactRight .dh span{float: right;font-size:8px;background:#FFF;height:36px;line-height:36px;padding:0px 10px 0; }
.contactRight h2 span{ float: right; display: none;}
.contactRight .Graydh{float:left;width:100%;height:36px;line-height:36px;border-bottom:dotted 1px #a6a6a6;}
.contactRight .Graydh h2{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px;background:#ececec;color:#353535;margin:0 5px 0px 0;}
.contactRight .Graydh h2 a{color:#353535;margin:0 5px 0px 0;}
.contactRight .Graydh .GrayBetter{background:#727272;color:#fff;}
.contactRight .netWork{position:absolute;top:200px;left:0;}
.contactRight p{margin-left:18px;}
.contactRight #float{}

.C_pic{float:right;margin:8px 0px 10px 10px;width: 344px;height:233px;}
.cqpic{width:748px; height:190px; margin-top:0px; margin-left:0px;}
.cqpic li{ float:left; margin-top:0px;width:auto;height:auto;margin-right:3px; margin-left:0px;}
.cj{float:left;width:748px; height:20px; text-align:center; line-height:20px; }

.news{ float:left;width:355px;margin:0 5px 0 0;}
.news .dh{float:left;width:100%;height:36px;line-height:36px;background:url(../images/dh_bg_m.gif) repeat-x;margin-bottom:10px;}
.news .dh h2{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px 0;background:#e37006;color:#FFFFFF;}
.news .dh h2 a{color:#FFFFFF;}
.news .dh span{float: right;font-size:8px;background:#FFF;height:36px;line-height:36px;padding:0px 10px 0; }
.news h2 span{ float: right; display: none;}

/*Products css*/

.HC_P_tui{float:left;width:358px;height:245px;margin:0 0 15px;}
.HC_P_tui img{float:left;width:358px;height:216px;}
.HC_P_tui span{float:left;width:358px;height:40px;line-height:40px;background:#f4f4f4;text-align:center;}
.HC_P_Right{float:right;width:348px;height:245px;margin:0 0 15px 10px;}
.HC_P_Right li{ float:left;width:160px;height:122px;display:inline; margin-bottom:12px;padding:0 5px;border:0px solid #ddd;}
.HC_P_Right li img{ float:left;border:0px #dddddd solid;width:160px;height:92px;}
.HC_P_Right li a:hover{ color:#006699;}
.HC_P_Right li span{ float:left;text-align:center;width:160px;height:30px;line-height:30px;background:#f4f4f4;}

#HC_ProBox{float:left;margin:0 0 15px 0;}
.HC_ProBigPic{ position:relative;width:510px; height:290px; float:left; margin-bottom:10px;background:#fafbfb;padding:10px;}
.HC_ProBigPic li{ position:absolute;top:10;left:10;}
.HC_ProBigPic li img{ width:510px;height:290px;}

.HC_ProText{ width:470px; height:300px; float:left; margin-bottom:10px; margin-left:20px;}
.HC_ProText H1{ font-size:24px; color:#FF0000; line-height:30px;}
.HC_ProText H2{ font-size:14px; color:#FF0000; line-height:20px;}
.HC_ProSmallPic{ float:left; clear:both;width:1020px; height:100px;background:#f0f0f0;}
.HC_SmallPic {float:left; width:620px; height:98px;}
.HC_SmallPic li{ float:left; width:131px; height:81px; background:url(../images/bj.jpg) no-repeat; margin:10px 0px 5px 10px; padding:8px 0px 4px;text-align:center; }
.HC_SmallPic li img{ width:115px; height:66px; }
.HC_Tel{ float:left;margin-top:20px; }

/*
.HC_SmallPic{
	border: 0px solid #696;padding: 20px 0;text-align: center; width: 200px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	background: #fff;
	behavior: url(/PIE.htc);
}
*/

/********************************PHONE CSS***************************************/
@media (max-width:640px){
.topHc{display:none;}
.hcW{width:100%;}
#mpic{display:block;}
#mpic img{width:100%;height:auto;}
.indexBanner {display:none;}

.indexTop{ width:100%;height:60px;margin:0 auto;}
.indexTopLeft{width:45%;margin-left:2%;margin-top:0px;}
.indexTopLeft img{ width:100%;}
.indexTopMiddle{display:none;}
.indexTopRight{width:45%;margin-top:0px;}
.indexTopRight img{ width:100%;}

#nav{width:100%;}
#nav li.nav_m { width:auto;padding:0 0.2em;border-right:0px solid #FFF;font-size:1em; }
#nav li#peijian{display:none;}
/*index css*/
.ctLeft{display:none;}
.ctRight{display:none;}
.hcMid{ margin-left:0px;width:100%;height:auto;}
.hcMid .HcPicL{display:none;}
.hcMid .HcPicR{display:none;}
.HcPicL{display:none;}
.HcPicR{display:none;}

.ctRight .hot{display:none;}
.ctRight .hotProduct{display:none;}
.topBannerFoot{display:none;}

/*products css*/
.HC_c_left{width:100%;margin:0;}
.HC_c_right{width:100%;}

/*product detail*/

.HC_ProBigPic{ float:left; position:relative;width:100%; height:auto; margin-bottom:10px;background:#fafbfb;padding:0px;}
.HC_ProBigPic li{ position:relative;}
.HC_ProBigPic li img{ width:95%; height:auto;}
.HC_ProText{ float:left; width:95%; height:auto;}

.HCzhaiyao{float:left;width:97%; background:#FFF;height:auto;overflow:hidden;font-size:14px;line-height:25px;padding:0px;color:#4d4e4e;TEXT-JUSTIFY: inter-ideograph;TEXT-ALIGN: justify; }
.ptab{width:96%;border:solid 1px #d6d6d6;}

.HC_ProSmallPic{display:none;}

.hcLocation{display:none;}
.contactLeft{display:none;}
.contactRight{width:98%;}
.contactRight p{margin-left:0px;}
.contactRight .dh{float:left;width:98%;margin:0 auto;height:auto;overflow:hidden;line-height:36px;margin-bottom:10px;}
.contactRight .dh h2{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px;margin:5px;background:#e37006;color:#FFFFFF;}
.contactRight .dh h2.now{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px;margin:5px;background:#0067b3;color:#FFFFFF;}
.HCcontent{width:96%;margin:1%;padding-top:10px;overflow:hidden;}
.HCcontent p{width:98%;font-size:1em;line-height:1.2em;}
.HCcontent p img{width:100%;}
.news{width:96%;margin:1%;}
.news .dh{width:100%;margin-bottom:10px;}

.HC_c_left{float:left;width:100%;margin:0;}
.HC_c_left .contactRight{ float:left;width:100%; }

.L_pic{float:left;width:45%;height:auto;margin:0 0.2em 0 0;}
.L_pic img{width:98%;}
.ti{float:left;width:45%;height:30px;line-height:25px;font-size:1em;font-weight:bold;}
.ti a{color:#FF0000;}
.co{display:none;}



/*物料box*/
.hcLeft{ float: left; margin: 0 1%; width: 98%; }
.hcLeft .dh{float:left; width: 100%; height:auto;line-height:auto;margin-bottom:1em;}
.hcLeft .dh h2{float:left;width:auto;height:28px;line-height:28px;padding:0px;background:#fff;color:#0067b3;}
.hcLeft .dh h2 a{color:#0067b3;font-size:18px;}
.hcLeft span{float:right;width:auto;height:30px;line-height:30px;color:#CCC;font-size:10px;}
.hcLeft p{ line-height: 22px;}
.ltstNewsImg{ float: left; width: 100%;}
.ltstNewsCt{ float: left; width: 100%; margin-left: 0px;}
.hcLeft .Cttext{ line-height: 22px;width:100%;padding:0px;text-align:justify;text-justify:inter-ideograph;background:#fff;}


.ltstNews{display:none;}
.ltstNewsImg{ float: left; width: 100%;height:auto;}
.ltstNewsCt{ float:left; width: 48%; margin-left: 5px;text-align:justify;text-justify:inter-ideograph;}
.ltstNewsCt strong + p{ margin-top: 5px;}

.indexCt{width:100%;}

.footer{ width:100%; margin-top:0.5em;padding-top:2px;text-align:center;background:#2b2b2b;}
.footerin{ width:100%; height:auto;margin-top:0.5em;padding-top:2px;}
.footerinLeft{ float:left; width:98%;height:auto;margin-left:0px; margin-top:0.1em;background:#2b2b2b;}
#flink{display:none;}
.footerinRight{ display:none;}
}

@media (min-width:800px) and (max-width:2440px){
#mpic {
display:none;
}
.indexBanner {
display:block;
}
#mpic{display:none;}
#nav { 
	height: 40px; 
	line-height:40px; 
	margin:0 auto; 
	padding:0; 
	width:1024px;
    z-index:100000;
}	
.footer{width:100%; margin-top:0.5em;padding-top:2px;}
.footerin{ margin:0 auto;width:1014px; padding-top:2px;}
}