@charset "utf-8";

html{color:#000;background:#FFF; }

body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";behavior:url(JS/csshover.htc);} /*网站字体颜色*/

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,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;}

i,em{ font-style:normal;}

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 { }

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:hover{ text-decoration: none;}

a:focus{outline:0;} /*for ff f6n.net*/

.vam { vertical-align:middle;}

.clear{ clear:both; height:0; line-height:0; font-size:0;}

.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}

.clearfix{*zoom:1}

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:760px; margin:0 auto;}







/* -- 页面整体布局 -- */

.header , .content , .footer { width:1200px; margin:0 auto;  }

.h_nav li a:-webkit-any-link{ display:block;}











/* --头部和底部--*/





.topWrap{ height:254px; overflow:hidden; background:url(../images/t_bg.gif)  repeat-x;position:relative; z-index:2;}

.topWrap .header{ width:1200px; margin:0 auto; position: relative;height:254px;}

.header h4{ position: absolute; left:820px; top:98px;}

.topWrap h5{ height: 36px; line-height: 36px;color: #656565; font-weight: normal; font-size: 14px;}

.topWrap h5  span{ display: inline-block; float: right; color: #656565; margin-right: -14px;}

.topWrap h5  span a{color: #656565; display: inline-block; padding: 0 14px;}

.topWrap h2{ width:151px; float: left; padding:12px 20px 0 0; height: 146px;animation-duration: 1s;animation-name: fadeInLeft;}

.topWrap h2 img{ display:block; width:151px; height:127px;}

.topWrap h3{ width:650px;font:16px "Microsoft Yahei"; color:#333; float:left; overflow:hidden; padding:52px 0 0 0;text-align: left;animation-duration: 1s;animation-name: fadeInLeft;}

.topWrap h3 span{ display: block; font-size:28px; color: #333; padding-bottom:5px; font-weight: bold;}.topWrap h3 i{ color: #f15922; }

.topWrap p{ width:220px; font:14px "Microsoft Yahei"; color:#333333; margin-top:53px; float:right;background:url(../images/tel.gif) no-repeat 0 13px; animation-duration: 1s;animation-name: fadeInRight; padding-left: 62px; position:relative;}

.topWrap p em{ font-size:29px;color: #f15922; font-weight: bold; display: block; font-family: "Agency FB";}

.topWrap p i{ display:inline-block;position:absolute;    top: -22px;left: -145px;}

.topWrap p i img{ width:98px; display:inline-block; height:98px;}



.h_nav{ height:60px;overflow:hidden;}

.h_nav li{ font:16px "Microsoft Yahei"; float:left; text-align:center; }

.h_nav li a{ display:block; color:#fff; height:60px; line-height:60px;font-size: 16px;background:url(../images/n_lin.gif) no-repeat right 22px; padding: 0 37px;}

.h_nav li a:hover,.h_nav .cur a{text-decoration: none; background: #f15922;}

.h_nav .nones a{ background: no-repeat; padding-right:50px;}

i,em{ font-style: normal;}

i,em,li,p,a,strong,h2,h3,h4{ font-family:"Microsoft YaHei";}





.footWrap{background:url(../images/ft_bj.jpg) no-repeat center top;height:432px;overflow:hidden;font-family:"Microsoft Yahei";}
.footer{width:1200px;margin: 0 auto; position: relative;}
.ft_lx{height: 98px;padding-top:57px;}
.ft_lx li{float:left;width:28.33%;background: url(../images/ft_x.png) no-repeat right;margin-right:5%;}
.ft_lx li:last-child{background: none}
.ft_lx li span {display: block;font-size:18px;height: 31px;line-height: 31px;color: #fff;padding-left:43px;}
.ft_lx li p{padding-top:9px;font-size:16px;color: #9a9a9a;padding-left:43px;}
.ft_lx li:nth-child(1) span{background: url(../images/ft_ico1.png) no-repeat left center;}
.ft_lx li:nth-child(2) span{background: url(../images/ft_ico2.png) no-repeat left center;}
.ft_lx li:nth-child(3) span{background: url(../images/ft_ico3.png) no-repeat left center;}
.ft_t{height: 215px;}
.ft_logo{float:left;padding-top:36px;width:260px;}
.ft_logo img {width:230px;height:127px;}
.ft_logo p {font-size:16px;padding-top:30px;color: #b0b0b0;font-weight: bold;}
.ft_c{float:left;width:686px;padding:25px 0 0 103px;}
.ft_c h4 {height: 36px;line-height:36px;color: #fff;font-size:18px;font-weight: normal;}
.ft_nav{padding-top:26px;height: 26px;line-height: 26px;}
.ft_nav a {font-size:14px;color: #a4a4a5;margin-right:30px;}
.ft_c p{padding-top:14px;font-size:14px;color: #a4a4a5;}
.ft_c p span {padding:0 50px 0 20px;}
.ft_c p a {color: #a4a4a5}
.erwm{float:right;width:143px;padding-top:34px;}
.erwm span {width:18px;display: inline-block;font-size:14px;color: #fff;margin-right:10px;float:left;padding-top:35px;}
.erwm img {width:98px;height: 98px;border:1px solid #787878;padding:7px;border-radius: 18px;vertical-align: middle;}
.link{height:62px;line-height:28px;font-size:14px;color: #555555;}
.link a {color: #555555;padding:0 20px;}