﻿@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}





/*产品*/


/*关于*/
.gyFcBox{width:664px; height:465px; background:url() no-repeat;}

/*关于*/
.gyBox{}
.gyBox dl{margin:34px 25px 30px 25px; height:204px; overflow:hidden;}
.gyBox dt img{padding:6px; background:url(../images/zjimgbg.png) repeat;}
.gyBox dd{margin-left:300px;}
.gyBox dd h5{height:36px; line-height:36px; font-size:18px; border-bottom:1px dotted #999;}
.gyBox dd h5 a{color:#333;}
.gyBox dd p{margin:14px 0 15px 0; line-height:22px; height:115px; overflow:hidden; color:#333;}
.gyBox dd .btnCkgd{color:#c00;}

/*公司风采*/
.gsfc{}
.gsfc ul{margin:0 auto; width:624px; overflow:hidden;}
.gsfc li{float:left; margin:0 7px; text-align:center;}
.gsfc li img{padding:6px; background:url(../images/zjimgbg.png) repeat;}
.gsfc li h5{margin-top:8px; font-weight:normal;}
.gsfc li h5 a{color:#333;}



/*荣誉*/
.ryBox{width:290px; height:340px;}
.ryBox .ryCont{padding-top:32px; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:214px; overflow:hidden;}
.ryBox .ryCont li{width:214px; float:left; text-align:center; height:350px;}
.ryBox .ryCont li h5{padding-top:8px; font-weight:normal; font-size:14px;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-22px; width:22px; height:43px;}
.ryBox .ryCont .btnLeft{left:0px; background:url(../images/rybtnsr.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:0px; background:url(../images/rybtnsl.png) no-repeat center;}
.ryZxLi{margin:15px 20px 0 20px; padding:16px 10px 0 10px; border-top:1px solid #ccc;}
.ryZxLi p{height:35px; line-height:35px; color:#333; overflow:hidden;}
.ryZxLi b{}


.gyBoxYy{height:24px; background:url(../images/gyboxyy.png) no-repeat center;}




/**/
.skxc{padding-bottom:20px; background-color:#fff;}
.skxc h4{margin-bottom:22px; border-bottom-width:0px;}
.skGgImg{margin-left:10px;}
.skGgImg img{padding:10px; background:url(../images/zjimgbg.png) repeat;}
.skGgImg dt{height:34px; line-height:34px; font-weight:normal; color:#333;}

.skxcList{margin-right:10px; width:549px; overflow:hidden;}
.skxcList li{margin-left:7px; float:left; width:176px; text-align:center;}
.skxcList li img{padding:7px; background:url(../images/zjimgbg.png) repeat;}
.skxcList li h5{height:34px; line-height:34px; font-weight:normal;}
.skxcList li h5 a{color:#333;}





.xdlcYy{height:28px; background:url(../images/xdlcyy.png) no-repeat center;}


.dtSpan{}
.dtSpan h4{height:38px; line-height:38px; background-color:#333; font-weight:normal;}
.dtSpan h4 a{margin-left:12px; padding-left:25px; color:#fff; background:url(../images/dttita_ico.png) no-repeat left center;}


/*动态*/
<link href="css/resetcommonindex.css" rel="stylesheet" type="text/css" />
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:680px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top {  height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:764px; float:left; display:inline; margin-left:15px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:762px; min-height:458px; border:solid 1px #d5d5d5;  padding-bottom:15px; overflow:hidden;background:#fff;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#fff}
.left2_main { width:678px;  border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;background:#fff;}

.h_nav li a:-webkit-any-link{ display:block;}

.container{margin-left:auto; margin-right:auto; width:960px; background:url() no-repeat;}

/*页眉*/

		/*--顶部链接导航*/
.hd_top{background-color:#ccc;}
.hd_top .container{height:30px; line-height:30px; color:#333;}
.hd_top a{padding:0 10px; color:#333;}
		/*--页眉内容*/
.hd_cont{position:relative; height:132px; overflow:hidden;}
.hd_cont .hd_logo{position:absolute; left:0; top:16px;}
.hd_cont .hd_logo dd{margin-top:6px; margin-left:18px; padding:16px; border-left:1px dotted #333;}
.hd_cont .hd_logo dd h2{margin-top:6px; font-size:18px; color:#333;}
.hd_cont .hd_logo dd p{font-size:18px; color:#cd0e16;}

.hd_cont .cxtImg{position:absolute; right:260px; top:46px;}

.hd_cont .dh_phone{padding:4px 0px 4px 56px; margin-top:46px; background:url(../images/hdphoen_ico.png) no-repeat left center; color:#333; font-size:14px;}
.hd_cont .dh_phone dd{font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#cd0e16; font-weight:bold;}
		/*--导航栏*/
.dh_nav{background:url(../images/navbg.png) repeat-x center;}
.dh_nav ul{overflow:hidden;}
.dh_nav li{float:left;}
.dh_nav li a{display:block; _float:left; padding:0 18px; height:50px; line-height:50px; font-size:14px; color:#fff; text-decoration:none; font-family:microsoft yahei; background:url(../images/navli.png) no-repeat left center;}
.dh_nav li a.navHome{padding:0 16px; background-image:none;}
.dh_nav li a.navCur , .dh_nav li a:hover{background:url(../images/navlih.png) repeat-x center;}


.fotNav{background-color:#444; height:56px; line-height:56px; text-align:center;}
.fotNav a{padding:0 18px; font-size:14px; color:#fff; background:url(../images/fotnavbr.png) no-repeat left center;}
.fotNav .navH{background-image:none;}

.footBg{background:url(../images/footbg_ico.png) repeat;}
.footer{height:300px;}
.fotTxt{overflow:hidden;}
.fotTxt .fotTxtI{float:left; padding:86px 2%; width:46%; *width:45%; line-height:30px; color:#999;}
.fotTxt .fotTxtI.tr{background:url(../images/fottxti.png) no-repeat right center;}
.fotTxt .fotTxtI a{color:#999;}
.fotTxt .fotTxtI span.ftp{padding:6px 50px; font-size:20px; background:url(../images/ftp_ico.png) no-repeat left center;}



@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}


/*case*/
.case_bj{ background:url(../images/case_bj.jpg) no-repeat center top; height:465px; overflow:hidden;} 
.case { height:465px; margin-left:492px;  overflow:hidden;}
.case h2{ margin:57px 0 32px 0; height:90px; width:405px; overflow:hidden;}
.case h2 img{ height:90px; width:405px;}
.case p{width:405px; overflow:hidden; color:#4a484e; text-indent:24px; display:block; font:14px/32px "Microsoft Yahei";}


/*ys_bj*/
.ys_bj{ position:relative;  height:1449px; overflow:hidden;} 
.ys1{ background:url(../images/ys1.jpg) no-repeat center top; height:400px; overflow:hidden;}
.ys2{ background:url(../images/ys2.jpg) no-repeat center top; height:400px; overflow:hidden;}
.ys3{ background:url(../images/ys3.jpg) no-repeat center top; height:400px; overflow:hidden;}
.ys4{ background:url(../images/ys4.jpg) no-repeat center top; height:249px; overflow:hidden;}

.ys{ position:absolute;left:50%; top:0px; margin-left:-500px; width:1000px; overflow:hidden; height:1449px;}
.ys h2{ margin:37px 0 0 0; height:110px; width:1000px; overflow:hidden; }
.ys h2 img{height:110px; width:1000px; }

.ys dl{ width:390px; overflow:hidden;}
.ys dl dt{ margin-bottom:30px; height:60px; width:390px; overflow:hidden;} 
.ys dl dt img{  height:60px; width:390px; }
.ys dl dd{ color:#6d6d6d; font:16px/30px "Microsoft Yahei"; }

.ys .ys_dl01{ position:absolute; top:247px; left:0px;}
.ys .ys_dl02{ position:absolute; top:547px; right:0px;}
.ys .ys_dl03{ position:absolute; top:867px; left:0px;}
.ys .ys_dl04{ position:absolute; top:1167px; right:0px;}



/*pro*/
.pro_bj{ background:url(../images/pro_bj2.jpg) no-repeat center bottom; background-size:100% 100%; height:615px; overflow:hidden;}
.pro_l{ width:228px; height:590px; overflow:hidden; background:url(../images/pro_lbj2.png) no-repeat left top;}
.pro_l h2{ margin:72px auto 12px; height:35px; width:228px; overflow:hidden; text-align:center; font: bold 18px/31px "宋体"; background:url(../images/pro_line1.gif) no-repeat center bottom;}
.pro_l h2 a{ color:#fff;}

.pro_l h3{ margin:0 0 4px 36px; padding-left:14px; background:url(../images/pro_btn1.jpg) no-repeat left top; padding-left:15px; width:136px; height:28px; font:14px/25px "Microsoft Yahei";}
.pro_l h3 a{ color:#cecccc;}
.pro_l ul{ margin:0 0 12px 50px;}
.pro_l li{ height:32px; overflow:hidden; font:14px/25px "Microsoft Yahei"; padding-left:10px; background:url(../images/pro_icon1.gif) no-repeat left 10px;}
.pro_l li a{ color:#efb4b6;}

.pro_rr{ width:914px; height:510px; overflow:hidden; margin-top:19px;}
.pro_rr ul li{ float:left; position:relative; width:200px; height:228px; overflow:hidden; margin:10px 38px 0 0;}
.pro_rr ul li img{ width:184px; height:163px; padding:8px; background:url(../images/pro_imgbj.jpg) no-repeat left top ; background-size:100% 100%;}
.pro_rr ul li p{ width:200px; height:48px;overflow:hidden; font:14px/48px "Microsoft Yahei"; text-align:center; color:#473a32;} 


/*bann2*/

/*gy*/
.gy_bj{ background:url(../images/gy_bj.gif) repeat-x center top; height:547px; overflow:hidden;} 
.gy_bj h2{ margin:58px auto 53px;width:1000px; height:108px; overflow:hidden;}
.gy_bj h2 img{ width:1000px; height:108px;}

.gy{ height:315px; overflow:hidden;} 
.gy ul li{ height:275px; width:221px; overflow:hidden; float:left; margin-right:37px; display:inline;}
.gy ul li a{  height:275px; width:221px; overflow:hidden; display:inline-block; background:url(../images/gy_pic1.jpg) no-repeat left top; }
.gy ul li dl dt{ margin:25px auto 11px; text-align:center; width:221px; height:83px; overflow:hidden; color:#210200; font:18px/28px "Microsoft Yahei"; background:url(../images/gy_line1.gif) no-repeat center bottom;}
.gy ul li dl dt em{ height:40px; overflow:hidden;display:block; font:40px/40px Impact; color:#e6232b;}
.gy ul li dl dd {margin:0 32px; padding:0 0 10px 10px; font:12px/21px "Microsoft Yahei"; color:#222222; background:url(../images/gy_icon1.gif) no-repeat left 8px;}
.gy ul .nones{ margin-right:0px;}
.gy ul li a:hover{ text-decoration:none; background:url(../images/gy_pic2.jpg) no-repeat left top;}
.gy ul li a:hover dt,.gy ul li a:hover dt em{ color:#fff;}
.gy ul li a:hover dd{ color:#fff; background:url(../images/gy_icon2.gif) no-repeat left 8px;}


/*kehu*/
.kehu_bj{ background:url(../images/kh_bj.gif) repeat-x center top; height:599px; overflow:hidden;}
.kehu_bj h2{ width:960px; margin:51px auto 36px; height:87px; width:1000px; text-align:center; overflow:hidden;}
.kehu_bj h2 img{  height:87px; width:1000px;}

.kehu{ height:425px; width:1100px; overflow:hidden; margin:0 auto;}
.kh_roll1,.kh_roll2{ margin:83px 0 0 0; display:blcok; width:48px; height:48px; overflow:hidden;}
.kh_roll2 a,.kh_roll1 a{width:48px; height:48px; overflow:hidden; display:inline-block;}
.kh_roll1 a{ background:url(../images/kh_roll1.jpg) no-repeat left top;}
.kh_roll1 a:hover{background:url(../images/kh_roll11.jpg) no-repeat left top;}  
.kh_roll2 a{ background:url(../images/kh_roll2.jpg) no-repeat left top;}
.kh_roll2 a:hover{background:url(../images/kh_roll22.jpg) no-repeat left top;}  

.kh_c{ width:960px; height:425px; overflow:hidden; margin-left:24px; display:inline;}
.kh_c dl{ float:left; margin-right:14px; display:inline; width:229px; overflow:hidden;}
.kh_c dl dt{ position:relative; width:229px; height:208px; overflow:hidden; }
.kh_c dl dt img{width:229px; height:208px;}
.kh_c dl dt span{ display:none; position:absolute; left:0px; top:0px;width:229px; height:208px; overflow:hidden; background:url(../images/kh_span.png) repeat;}
.kh_c dl dt span i{ margin-top:69px; padding-top:47px; width:229px; overflow:hidden; display:block; text-align:center; font:12px/25px Arial, Helvetica, sans-serif; color:#e5c0c0; text-transform:uppercase; background:url(../images/kh_icon2.png) no-repeat center top;}

.kh_c dl dd{ width:229px; overflow:hidden;}
.kh_c dl dd h3{ padding-top:10px; height:36px; overflow:hidden; font: bold 14px/36px "Microsoft Yahei";}
.kh_c dl dd h3 a{ color:#666;}
.kh_c dl dd p{ color:#666; font:14px/24px "Microsoft Yahei";}
.kh_c dl dd em{ padding-top:8px; height:25px; overflow:hidden; font:14px/25px "Microsoft Yahei"; display:block;}
.kh_c dl dd em a{ color:#cb060c;}
.kh_c .nones{ margin-right:0px;}

@charset "utf-8";
html{color:#000;background:url("../images/link_bj.gif") repeat scroll center top; }
body { color:#666;font:12px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:20px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#C00; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:1000px; margin:10px auto; }

/* -- 页面整体布局1000 --  */
.header , .content , .footer { width:1000px; margin:0 auto;  }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:201px; float:right; overflow:hidden;margin-left:24px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:775px; float:left; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:775px;  float:left; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:775px; padding-bottom:15px;background:none; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;border:1px solid #f3f3f3;margin-bottom:10px;}
.left2_main { width:698px;  padding-bottom:15px; overflow:hidden;border: 1px solid #f3f3f3;margin-bottom:10px;}
.right_mains{background:none;}
.h_nav li a:-webkit-any-link{ display:block;} 
.bann_bj{ background:url(../images/bann1.jpg) no-repeat center top; height:201px; overflow:hidden;} 
.bann{ position:relative; height:201px; overflow:hidden;}
.bann em{ position:absolute; right:0px; top:49px; font:18px/24px "microsoft Yahei"; color:#fff; padding-left:56px; width:175px; text-align:center; overflow:hidden; background:url(../images/bann_tel.jpg) no-repeat left 6px;}
.bann em i{color:#fff; display:block;font:28px/32px Impact; } 
.bann p{ position:absolute; right:42px; top:115px; display:block;width:138px; height:37px; overflow:hidden; text-align:center; background:url(../images/bann_btn.jpg) no-repeat left top; font: bold 14px/37px "Microsoft Yahei";}
.bann p a{color:#fff;}
/*case*/
.case_bj{ background:url(../images/case_bj.jpg) no-repeat center top; height:465px; overflow:hidden;} 
.case { height:465px; margin-left:492px;  overflow:hidden;}
.case h2{ margin:57px 0 32px 0; height:90px; width:405px; overflow:hidden;}
.case h2 img{ height:90px; width:405px;}
.case p{width:405px; overflow:hidden; color:#4a484e; text-indent:24px; display:block; font:14px/32px "Microsoft Yahei";}

/*anli*/
.anli_bj{ background:url(../images/anli_bj.jpg) no-repeat center top; height:542px; overflow:hidden;} 
.anli { height:542px; overflow:hidden;}
.anli h2{ margin:49px auto 60px; height:39px; width:758px; text-align:center; overflow:hidden;}
.anli h2 img{  height:39px; width:758px;}

.anli dl{ width:370px; height:75px; margin:0 0 38px 450px;  border-bottom:1px dashed #c6c5c3; overflow:hidden;}
.anli dl dt{width:370px; height:24px;overflow:hidden; color:#484848; font:14px/24px "Microsoft Yahei";}
.anli dl dt i{ font-weight:bold; color:#ec6900;}
.anli dl dd{ padding-top:12px;  width:370px; overflow:hidden; font:14px/24px "Microsoft Yahei"; color:#484848;}
