﻿@charset "utf-8";

/* CSS Document */

/* normallizes margin,padding */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0;}

/* normalizes font-size for headers */

h1,h2,h3,h4,h5,h6{ font-size:120%; }

/* Removes list-syle from lists */

ol,ul{ list-style:none;}

/* Normalizes font-style and font-weight to normal */

address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}

/* Removes border from fieldset and img */

fieldset,img{ border:0;}

/* Removes table style */

table{ border-collapse:collapse;}

capton,th{ text-align:left;}

/* Removes quotation marks from q */

q:before,q:after{ content:'';}

.cl{ clear:both;}

a{ text-decoration:none;}

.clear{ clear:both; width:100%;}

.blank{ clear:both; width:100%; height:10px;}

/* Clear Fix */

.clearfix:after

{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;



}

.clearfix

{

display:inline-block;

}

/* Hide from IE Mac */

.clearfix {display:block;}

/* End hide from IE Mac */

/* end of clearfix */

/* 字体颜色 */

.red{color:#d6010c;}

.purple{color:#8d3c81;}

.more{ text-decoration:underline; color:#d70010;}

.btitle{ background:url(images/about_03.gif) no-repeat 0 0; height:27px; line-height:27px; font-size:20px; font-weight:normal; padding:0 10px 12px 10px; color:#494646;}

.blockTitle{ color:#d6010c; font-size:18px; font-weight:normal; padding:15px 0 12px 5px;}

.lineTitle{color:#d6010c; font-size:16px; padding:20px 12px 5px 12px; margin-bottom:20px; }

.lineTitle2{color:#bb1313; font-size:14px; padding:10px 12px 2px 2px; margin-bottom:10px;}

.blueTitle{ color:#1c81c3; font-size:18px; text-align:center; font-weight:normal;}

.throughTitle{ color:#bb1313; font-size:14px; font-weight:bold; background:url(images/dashline.gif) no-repeat 0 center;margin:5px 0 10px 10px; }

.throughTitle span{ background:#f9f9f9; padding:0 8px 0 0; }



body {background:#e6e6e6;font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; margin:0 auto; font-size:12px; height:100%; line-height:22px; overflow-x:hidden; width:100%; text-align:center;}

#wraper{

	text-align:left;

	position:relative;

	clear:both;

}

#header{ width:100%;height:182px; z-index:1; background:#e0e0e0 url(images/topbg.gif) repeat-x 0 bottom; position:relative;}

#footer{ width:100%; background:#e6e6e6 url(images/footbg.gif) repeat-x 0 0;}

.block{ width:920px; margin:0 auto; height:100%; position:relative;}

#logo{

	position:relative;

	float:left;

	left:0;

	top:38px;

	width:310px;

}

#top_right{

	position:relative;

	z-index:2000;

	float:right;

	display:inline;

	top:25px;

	width:310px;

}

#language{

	width:225px;

	position:absolute;

	top:0;

	right:200px;

	font-size:11px;

	text-transform:capitalize;

	line-height:29px;

}



#language ul.fags{

	width:198px;

	float:right;

	font-family:Arial, Helvetica, sans-serif;

}

#language ul.fags li{

	float:left;

	display:inline;

	margin-left:10px;

}

#language ul.fags li a{ color:#afafaf; padding-left:18px;text-decoration:underline;}

#language ul.fags li a#en{ background:url(images/en.gif) no-repeat 0 center;}

#language ul.fags li a#cn{ background:url(images/cn.gif) no-repeat 0 center;}

#language ul.fags li a#es{ background:url(images/es.gif) no-repeat 0 center;}

#language ul.fags li a:hover{ color:#d70010;}



.tel{ width:182px; height:29px; position:absolute; right:0; top:0; color:#fff; font-size:14px; font-weight:bold; text-indent:30px; background:url(images/telbg.gif) no-repeat 0 0; line-height:29px;}



#searchTop{ position:absolute; top:42px; right:0; width:268px; background:url(images/searchbg.gif) no-repeat 0 0; height:38px;}

#searchTop input.searchTxt{ position:absolute; top:2px; left:5px; border:0; background:none; width:215px; margin:0; color:#acacac; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:34px; height:34px;}

#searchTop input.searchBtn{position:absolute; right:10px; top:3px; vertical-align:middle; background:none; border:0; width:30px; height:30px; cursor:pointer;}





  /*页面主导航*/



#mainNav{  z-index:99; position:absolute; left:0; bottom:0; height:60px; width:920px; border-bottom:1px solid #900105; }

#mainNav .a1 {line-height:55px; float:left; font-size:12px; padding:0 20px;font-weight:bold;color:#6e6e6e; text-decoration:none;  text-align:center; position:relative; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; font-size:15px;}

#mainNav .a1:hover, #mainNav #cur{ height:55px; float:left; line-height:55px; position:relative;color:#bb1313; text-decoration:none;border-bottom:5px solid #900105;}



#mainNav .u1 .sub_nav{ display:none;}

#mainNav .u1 { height:44px;background:url(images/navline.gif) no-repeat 0 center;line-height:60px;float:left;position:relative;z-index:999;}



#mainNav .u1_over { position:relative;}

#mainNav .u1_over .a1{height:55px; float:left; line-height:55px; position:relative;color:#bb1313; text-decoration:none;border-bottom:5px solid #900105;}





#mainNav .u1_over .sub_nav {position:absolute;top:60px; left:0;width:100%;background:#fff;display:block;padding:0; box-shadow:0 1px 3px rgba(34, 25, 25, 0.5);-webkit-box-shadow:rgba(34, 25, 25, 0.5) 0px 1px 3px; border:1px solid #e0e0e0; border-top:0;  padding:0 0 10px 0; font-size:14px; font-weight:bold;font-family:Microsoft Yahei,Arial, Helvetica, sans-serif;}

#mainNav .u1_over .sub_nav a { display:block; height:30px;line-height:30px;color:#6e6e6e;text-decoration:none; margin:0 5px; border-bottom:1px solid #c61116;}

#mainNav .u1_over .sub_nav a:hover{ color:#bb1313;}



.narrowcenter{ padding:10px 12px;}

.paddingcenter{ padding:10px 25px;}

/*.banner img{ border:6px solid #bebdbd;-moz-border-radius: 5px;	-webkit-border-radius:5px;	border-radius:5px;}*/

#index_col{

	width:920px;

	margin:0 auto;

	font-size:12px;

	padding-bottom:10px;

	background:url(images/mainbg.gif) no-repeat 0 0;

	margin-top:15px;

}

.index_box{

	position:relative;

	float:left;

	overflow:hidden;

}

#citem{ width:280px; padding-top:50px;margin-top:12px; color:#999999; line-height:155%; left:58px; background:url(images/index-cn_05.jpg) no-repeat -9px 5px;}

#citem .more{ color:#c40f14; font-size:11px; padding-right:15px; background:url(images/redico.gif) no-repeat right center; margin-left:20px;}



#nitem{ width:285px; height:250px;margin-top:12px; left:14px; background:url(images/index-cn_03.jpg) no-repeat 0 0;}

.index_pro_list li{ float:left; width:150px; display:inline; margin:10px 1px 0 10px; line-height:130%; color:#7e7e7e;}

.index_pro_list li img{ width:143px; height:55px; border:1px solid #dadada;}

.index_pro_list li dt{ font-size:11px; color:#df2901;}

.index_pro_list li dt a{color:#df2901;}

#otheritem{ width:220px; left:90px;margin-top:12px;}

#inpdf{ background:url(images/index-cn_07.jpg) no-repeat 0 0; height:126px; }

#incontact{ background:url(images/index-cn_12.jpg) no-repeat 5px 0;  margin-top:6px; font-size:11px;}

#inpdf ul{ padding:45px 0 0 10px; line-height:200%; }

#inpdf ul img{ vertical-align:middle; margin-right:5px;}

#inpdf ul a{ color:#7e7e7e; }

#inpdf ul a:hover{ color:#df2901;}

#incontact p{ padding:40px 0 0 12px; line-height:180%; color:#7e7e7e;}

#incontact a{ color:#295967; text-decoration:underline;}

#incontact a.red{ color:#c40f14;}

#footer{

	height:60px;

	color:#979797;

	font-size:11px;

	margin-top:20px;

}

.fmenu{ padding-top:18px; width:480px; float:right; text-align:right;}

.fmenu a{ color:#979797; padding:0 5px; }

.copyRight{padding-top:18px; width:420px; float:left; text-align:left;}

/* page */

.page_banner{ text-align:center; margin:5px auto 10px auto;}

.breadCrumb{	

	padding:6px 0 2px 3px;

	color:#6e6e6e;

	position:relative;

}

.breadCrumb a{

	color:#6e6e6e;

}

.breadCrumb a:hover{

	color:#900105;

}

.breadCrumb .currentItem{

	color:#900105;

}

#mainContent{

	background:url(images/midbg.png) repeat-y 0 0;

}

#mainContent_inner{

	background:url(images/maincontent.gif) no-repeat 0 bottom;

	padding-bottom:20px;

}

.pagebody{ 

	margin:0 auto;

	padding:20px 0;

	clear:both;

	color:#999999;

}

#sidebar{

	position:relative;

	top:7px;

	left:8px;

	width:224px;

	float:left;

}

#mainbar{

	position:relative;

	top:7px;

	left:35px;

	width:645px;

	float:left;

}

.titbox{border-bottom:1px solid #cfcfcf; padding:10px 0;}

.ctitle{ color:#353535; font-size:18px; background:url(images/titico.gif) no-repeat 0 0; padding-left:45px; font-weight:600;}

.citem2{ background-position:0 -35px;}

.citem3{ background-position:0 -65px;}

.citem4{ background-position:0 -93px; height:34px; line-height:34px;}

.citem5{ background-position:0 -136px;}

.citem6{ background-position:0 -168px;}





.newProList{

	display:table;

}

.newProList li{

	padding:10px 0;

	width:168px;

	display:table;

	line-height:130%;

	border-bottom:1px dotted #dadada;

}

.newProList .newPimg{

	float:left;

	width:68px;

}

.newProList .newPimg img{

	width:66px;

	padding:8px 0;

	border:1px solid #dadada;

}

.newProList .newPinfo{

	float:right;

	width:96px;

	color:#7e7e7e;

}

.newProList .mtime{

	color:#df2901;

	clear:right;

	margin-bottom:3px;

}

.newProList .mtime a{

	color:#df2901;

}

.cattree ul{

	padding:2px 0 18px 0;

	margin-bottom:15px;

	border-top:1px solid #fff;

	background:#dcdcdc;

	-moz-border-bottom-left-radius: 8px;

	-webkit-border-bottom-left-radius:8px;

	border-bottom-left-radius:8px;

}

.cattree ul li.common{	

	text-indent:30px;

	border-bottom:1px solid #900105;

	line-height:36px;	

	font-size:14px;

	margin:0 3px;

}

.cattree ul li.common a{

	color:#353535;

	display:block;

	font-weight:600;

	border-bottom:1px solid #fff;

}

.cattree ul li.common a:hover{

	color:#bb1313;

}

.cattree ul li.hover{

	background:#d9d9d9;

}

.cattree ul li.mark{

	background:#fff;

	font-weight:bold;

	border-top:0;

}

.cattree ul li a.red{

	color:#d6010c;

}

.cattree ul li.common ul{

	border-top:1px solid #900105;

	background:#ffffff;

	font-weight:normal;

	margin:0;

	padding:0;

}

.cattree ul li.common ul li{

	text-indent:45px;

	line-height:27px;

	margin:0;

	border-bottom:1px solid #dcdcdc;

}

.cattree ul li.common ul li a{

	display:block;

	text-transform:capitalize;

	font-weight:normal;

}

.cattree ul li.common ul li a:hover{

	color:#bb1313;

	text-decoration:none;

}

.sideContact{

	background:#dcdcdc;

	-moz-border-radius: 8px;

	-webkit-border-radius:8px;

	border-radius:8px;

	padding:2px 10px 5px 10px;

}

.sideContact p{

	line-height:22px;

	margin:10px 6px;

	

}

.sideContact img{vertical-align:middle;}

.sideContact a{ font-size:11px; color:#295967; text-decoration:underline;}

table.contactform{

	margin:30px 20px;

	width:530px;

	border-collapse:collapse;

}

table.contactform caption{

	text-align:left;

	font-size:14px;

	font-weight:bold;

	color:#d6010c;

	margin-bottom:10px;

}

table.contactform td{

	color:#7e7e7e;

	border-right:5px solid #fff;

	padding:4px 5px;

}

table.contactform td.white{

	background:#fff;

}

/* certificate */

.certList{

	margin:0 20px 20px 20px;

	width:587px;

	display:table;

}

.certList li{

	width:175px;

	float:left;

	display:inline;

	margin:5px 15px 15px 0;

	text-align:center;

	color:#7e7e7e;

}

.certList li img{ width:174px; height:250px; margin-bottom:7px;}



dl.sideNewsItem{

	border-bottom:1px solid #cfcfcf;

	padding:10px 0 10px 0;

	position:relative;

}

dl.sideNewsItem dt{

	padding:0 0 0 25px;

	line-height:20px;

	font-weight:bold;

	background:url(images/huixingzhen.gif) no-repeat 0 center;

	white-space:nowrap;

	margin-bottom:5px;

}

dl.sideNewsItem dt a{ color:#999999;}

dl.sideNewsItem dt a:hover{ color:#353535;}

dl.sideNewsItem dd{

	padding:0 5px 0 25px;

	color:#8c8c8c;

	line-height:150%;

}



dl.sideNewsItem dt span.date{float:right; font-size:11px; color:#c51015; position:absolute; top:8px; right:0; font-weight:normal; background:url(images/p.gif) no-repeat 0 center; padding-left:15px;}





p.pages{font-size:11px; padding:15px 10px; text-align:right; }

p.pages a{ color:#979898; margin:0 2px;}

p.pages a:hover{ color:#d90110; text-decoration:underline;}



/* single */

.postbody{ font-size:12px; color:#999; padding:10px 0;}

.postbody p{ padding:10px 0;}

.postbody .date{ text-align:right;}

.postbody .companyImg{ border:4px solid #dcdcdc;	-moz-border-radius: 5px;

	-webkit-border-radius:5px;

	border-radius:5px; margin:10px 10px 0 0; display:inline; float:left;}

	

.post_meta{ margin:0 10px; border-bottom:1px solid #cfcfcf;}

.post_meta h1{ text-align:center; font-size:16px; color:#999; padding-top:10px;}

.post_meta .time{ text-align:right; color:#c51015; font-size:11px; padding-right:5px;}

.entry{ margin:10px; color:#999;}

/* online order */

table.feedback{ width:90%; margin-left:20px;}

table.feedback td{ padding:5px;}

table.feedback input.online-right{

	border:1px solid #ccc;

	height:20px;

	line-height:20px;

	vertical-align:middle;

}

table.feedback textarea{

	border:1px solid #ddd;

	line-height:20px;

}



.goodsListBox{ position:relative;}

.goodsListBox .pmore{ position:absolute; top:10px; right:0;}

.goodsListBox .pmore{ font-size:11px; color:#bb1313;}



ul.pro_list{ padding:0; margin-top:0; width:670px;}

ul.pro_list li{

	float:left;

	width:150px;

	height:135px;

	display:inline;

	margin-right:12px;

}

ul.pro_list li h4{

	width:150px;

	font-size:12px;

	color:#df2901;

	padding:0;

	font-weight:normal;

	text-align:center;

}

ul.pro_list li h4 a{

	color:#999999;

}

ul.pro_list li h4 a:hover{

	text-decoration:underline;

}

ul.pro_list li img{

	width:140px;

	height:90px;

	border:5px solid #dcdcdc;

}





/* products  details */

.contentRound{

	border:1px solid #dcdcdc;

	-moz-border-radius: 8px;

	-webkit-border-radius:8px;

	border-radius:8px;

	padding:10px 15px;

	margin-left:5px;

	margin-bottom:10px;



}

.productBox{

	float:left;

	position:relative;

	width:288px;

	border-right:1px dotted #dadada;

}

.proinfo{

	float:left;

	width:250px;

	display:inline;

	padding-left:25px;

	padding-top:0px;

	line-height:200%;

	color:#7e7e7e;

}

#txtbox{

	color:#999999;

	line-height:160%;

	margin:5px 0 10px 10px;

}

#txtbox p{ margin:1em 0;}

/*浮层*/

table.goodsQuest{

	border:1px solid #e4e4e4;

	width:588px;

	margin:10px;

	background:#fff;

	

}

table.goodsQuest caption{

	background:#edeef2;

	color:#d6010c;

	text-align:left;

	padding:4px 0 4px 15px;

}

table.goodsQuest td{

	padding:5px;

	color:#7e7e7e;

}

table.goodsQuest td.tdleft{

	width:160px;

	text-align:right;

	font-weight:bold;

}

table.goodsQuest td .textBtn{

	line-height:26px;

	height:26px;

	vertical-align:middle;

}

table.goodsQuest td .subbtn{

	font-weight:bold;

	color:#fff;

	background:url(images/orbg.gif) repeat-x 0 0;

	height:23px;

	line-height:23px;

	vertical-align:middle;

	border:1px solid #cbcbcb;

	padding:0 8px;

}

.conRound{

	background:#fff;

	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;

	padding:10px 20px;

	margin:10px 0 20px 10px;

	color:#999;

	border:2px solid #dcdcdc;

	position:relative;

}

.conRound .yingpin{ position:absolute; top:15px; right:20px;}

.joblist{ border-collapse:collapse;}

.joblist th,.joblist td{ padding:3px 3px 3px 3px;border-bottom:1px solid #ddd;}

.joblist th{

	

	padding-bottom:8px;

	font-size:14px;

	color:#c51015;

}



        .infoList li{  line-height:18px;  text-align:left; color:#999999;} 

        .infoList li .date{ color:#c51015; background:url(images/p.gif) no-repeat 0 center; padding-left:15px; text-align:left; margin:20px 0 10px 0;} 

        .infoList li .thumbImg{ float:left; width:107px;  border:2px solid #e2e2e2; display:inline; margin-right:8px;}

		.infoList .more{ color:#c40f14; font-size:11px; padding-right:15px; background:url(images/redico.gif) no-repeat right center; margin-left:20px;}

         

        .leftLoop{ overflow:hidden; position:relative;} 

        .leftLoop .hd{ overflow:hidden;  height:30px; } 

        .leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:11px; height:11px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   

             cursor:pointer; background:url("images/gray_cir.gif") no-repeat 0 -11px;} 

        .leftLoop .hd .next{ background:url("images/gray_cir.gif") no-repeat;  } 

        .leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:13px;  } 

        .leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:6px; height:6px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 

            -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} 

        .leftLoop .hd ul li.on{ background:#172832;  } 

        .leftLoop .bd{ } 

        .leftLoop .bd ul{ overflow:hidden; zoom:1; } 

        .leftLoop .bd ul li{ margin:0 10px; float:left; _display:inline; } 



#proShow{

	background:url(images/proshow.gif) no-repeat 0 0;

	width:920px;

	margin:15px auto;

	height:305px;

}



        /* 通用图片列表_普通式 */ 

        .picList li{ width:174px; border-right:1px solid #dedede; display:inline; margin-right:6px;} 

        .picList .pic{line-height:0px; position:relative; z-index:1; } 

        .picList .pic img{ width:156px; height:100px; border:5px solid #dcdcdc; margin-left:1px;} 

        .picList .pic a:hover img{ border-color:#c51616;  } 

        .picList .title{ line-height:50px; height:55px; margin-top:-8px; text-align:center; background:url(images/jianjian.gif) no-repeat 0 0; padding-top:6px; position:relative; z-index:3;} 

		.picList .title a{ color:#fff;}

		.picList .des{ background:#676767; border-top:1px solid #fff; color:#fff; width:166px; margin-left:1px; margin-top:-10px;}

		.picList .des p{ padding:5px 8px; line-height:18px;}

         

        /* 多个左滚动 - 公用类 */ 

        .leftLoop2{ overflow:hidden; position:relative; } 

        .leftLoop2 .hd{ overflow:hidden;  height:30px; margin:12px 10px 0 0;} 

        .leftLoop2 .hd .prev,.leftLoop2 .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   

             cursor:pointer; background:url("demoEffect/images/icoLeft.gif") no-repeat;} 

        .leftLoop2 .hd .next{ background:url("demoEffect/images/icoRight.gif") no-repeat;  } 

        .leftLoop2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 

        .leftLoop2 .hd ul li{ position:relative; _display:inline; float:left;  width:13px; height:13px; overflow:hidden; background:#fff; margin-right:10px; text-indent:-999px; cursor:pointer; 

            -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 

        .leftLoop2 .hd ul li.on{ background:#bababa;  } 

        .leftLoop2 .bd{ padding:10px; margin-top:5px; } 

        .leftLoop2 .bd ul{ overflow:hidden; zoom:1; } 

        .leftLoop2 .bd ul li{ float:left;display:_inline;  } 





/*BANNER*/



.banner {

	width: 908px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 10px;

	border:6px solid #bebdbd;-moz-border-radius: 5px;-webkit-border-radius:5px;	border-radius:5px;

}



/* qqshop focus */

#focus {width:908px; height:306px; overflow:hidden; position:relative;}

#focus ul {

	height:306px;

	position:absolute;

	width: 908px;

	overflow: hidden;

}

#focus ul li {float:left; width:908px; height:306px; overflow:hidden; position:relative; background:#000;}

#focus ul li div {position:absolute; overflow:hidden;}

#focus .btnBg {position:absolute; width:908px; height:20px; left:0; bottom:0;}

#focus .btn {position:absolute; width:880px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}

#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}

#focus .btn span.on {background:#fff;}

#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;}

#focus .pre {left:0;}



#focus .next {right:0; background-position:right top;}

#focus img{ width:908px; height:306px;}



/*BANNER*/

