﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft YaHei";overflow-x:hidden; } /*网站字体颜色  黑体  Microsoft YaHei*/
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;}
body{font:12px/1.231 "Microsoft YaHei";min-width:1200px;}
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:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none; font-family:"Microsoft YaHei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {text-decoration:none;cursor: pointer;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px; font-family:"Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.content , .footer { width:1200px; margin:0 auto; font-family:"Microsoft YaHei";}

.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
.header {width:1200px;margin: 0 auto;}
.hdWrap{font-family:"Microsoft YaHei"; height:239px; margin:0 auto;overflow:hidden; background:url(../img/hdWrap_Bg.jpg) center center repeat-x;}
.hd_top{ height:28px; line-height:28px;font-size:12px;font-family:"Microsoft YaHei";}

.hd_top p{ display:inline-block; width:295px;}
.hd_top p a{ color:#767676; padding:0 11px;}
.hd_top p a.last{padding-right:0px; background:none;}
.hd_Mid{ height:157px; overflow:hidden;}
.hd_logo{ margin:35px 30px 0 0; width:230px; background:url(../img/hd_logoBg.jpg) right center no-repeat;}
.hd_txt{ font-size:21px; color:#0069b7; font-weight:bold; width:390px;padding:60px 0 0 0; line-height:28px;}
.hd_txt b{ display:block;font-size:18px; color: #333; width:440px;}
.hd_phone{ text-align:right;height:64px;font-family:"Microsoft YaHei"; font-size:12px; color:#7f7f7f;padding:55px 28px 0 0; background:url(../img/hd_phone.jpg) right top no-repeat;}
.hd_phone span{ font-size:25px;display:block;color:#0068b7; line-height:26px;font-weight:bold;}
.hd_phone a{font-family:"Microsoft YaHei"; font-size:14px; color:#0068b7;}

.nav{height:54px; line-height:54px;overflow:hidden; margin:0 0 0 0;}
.nav ul{ height:54px;line-height:54px;overflow:hidden;}
.nav ul li{float:left;background:url(../img/nav_icon.jpg) right no-repeat;}
.nav ul li.last{ background:none;}
.nav ul li a{ padding:0 43px;  display:inline-block;text-decoration:none;font-family: "Microsoft YaHei"; font-size:16px; color:#ffffff;}
.nav ul li:hover,.nav ul li.cur{ background:url(../img/nav_liBg.jpg) center center  no-repeat; height:55px;line-height:55px;text-decoration:none;}


/*.t_bg{ background:url(../img/t_bg.png) no-repeat center 0; height:126px;position: relative; z-index: 9; overflow: hidden; margin-top:46px; animation-duration: 1s;    animation-name: bounceInDown;}
.header{ position:relative;}
.header{ height:175px; overflow:hidden;}
.header h1{ padding: 26px 0 0 32px; width:326px; float: left; color: #bf1110; font-size: 24px;}
.header h1 i{ display: block; color: #151515; font-size: 15px; padding-top: 12px; font-weight: normal;}
.header h1 i span{ display: block; color: #9b9b9b; font-size: 12px;}
.header p{ float:right; width:842px; height: 42px; line-height: 42px; margin-bottom: 35px;}
.header p i{ display: inline-block; float: right; padding: 14px 30px 0 0;}
.header p i img{ padding-left: 20px;}
.header p strong{ display: inline-block; padding-left: 60px;color:#c6c6c6; float: left; width: 242px;}
.header p strong span{ font-family: Impact; font-size: 18px; font-weight: normal; color: #fff;}
.header p em{ display: inline-block; float: left;background:url(../img/s_s.gif) no-repeat; width: 358px; height: 30px; line-height: 30px; margin-top: 6px;}
.header p em .s_01{ float:left;height:30px; width:305px; color:#676767;border:none; padding: 0 10px; line-height:30px; font-family:"Microsoft YaHei"; background:none; text-indent:10px; font-size: 14px;background:none;}
.header p em button{ float:right; border:none; background:none;width:33px; height:30px; cursor:pointer; font-size: 0;}
.header ul{ overflow: hidden; float: right;width:839px;}
.header ul li{font-size:14px; float:left; position: relative;}
.header ul li a{ display:inline-block; float:left; color:#282828; padding:0 21px 18px;}
.header ul .cur a,.header ul li a:hover{ text-decoration:none;color: #bf1110; font-weight: bold;background:url(../img/cur.gif) no-repeat center bottom;}*/


.xg {animation-duration: 1s;    animation-name: zoomIn;}
.xg3 {animation-duration: 1s;    animation-name: tada;}
.xg2 .pro_r {animation-duration: 1.15s;    animation-name: fadeInRight;}
.xg2 .pro_l{animation-duration: 1.15s;    animation-name: fadeInLeft;}
.xg4 .ys1 {animation-duration: 1.15s;    animation-name: fadeInRight;}
.xg4 .ys2{animation-duration: 1.15s;    animation-name: fadeInLeft;}



/*头部结束*

/*底部开始*/
.f_bg{height:510px; overflow: hidden;background:url(../img/f_bg.gif) repeat-x;}
.f_con1{ padding-top: 27px; height: 215px; overflow: hidden;}
.f_con1 h3{ width: 516px; float: left; font-weight: normal;}
.f_con1 h3 i{ display: block; font-size: 16px; color: #fff; padding-top: 10px;}
.f_con1 h3 i span{ display: block; color: #9b9b9b; font-size: 12px; font-weight: bold;}

.f_con1 p{ width: 210px; float: left;}
.f_con1 p span{ display: inline-block; float: left;}

.f_con1 p em{ display: inline-block; margin-left: 31px; margin-top: 35px; font-size: 14px; color: #fff; padding-left: 24px;background:url(../img/f_ico.jpg) no-repeat 0 9px;}
.f_con1 p em i{ display: block;}
.f_con1 ul{ float: right; padding-top: 27px;}
.f_con1 ul li{ float: left; text-align: center; padding: 0 20px; border-right: 1px solid #c84f4e;}
.f_con1 ul li span{ display: block;}.f_con1 ul li a{ color: #fff;}
.f_con1 ul li.nob{ border-right: none; padding-right: 0;}

.f_con2{ height:268px; overflow: hidden;}
.f_con2 h3{float: left;width:455px; margin-right: 72px;}
.f_con2 h3 i{ padding-left: 43px;background:url(../img/f_ii21.jpg) no-repeat; display: block;}
.f_con2 h3 i a{ color: #fff; font-size: 14px;}
.f_con2 h3 i span{ display: block; font-family: "宋体"; font-size: 12px; color: #858585; font-weight: normal; text-transform: uppercase; padding-top: 3px;}
.f_con2 h3 strong{ display: block; padding: 37px 0 10px 0; font-size: 14px; color: #fff; font-weight: normal;}
.f_con2 h3 em{ display: block; color: #8e8e8e; font-size: 12px; line-height: 22px; font-weight: normal;}

.f_con2 p{ width:338px; float: left; padding: 0 63px; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; color: #8e8e8e;font-size: 12px; }
.f_con2 p i{ display: block; padding-bottom:14px;}
.f_con2 p a{ font-size: 18px; color: #fff; font-weight: bold;}
.f_con2 p em{ display: block; font-weight: normal;line-height: 26px;}
.f_con2 p em span{ display: inline-block; width:137px;}
.f_con2 p i{ padding-left:55px;background:url(../img/f_ii22.jpg) no-repeat; display: block; height:51px;}
.f_con2 p i a{ color: #fff; font-size: 14px;}
.f_con2 p i span{ display: block; font-family: "宋体"; font-size: 12px; color: #858585; font-weight: normal; text-transform: uppercase; padding-top: 3px;}

.f_con2 h4{ width:176px; float: right;}
.f_con2 h4 i{ padding-left:55px;background:url(../img/f_ii23.jpg) no-repeat; display: block; height:71px;}
.f_con2 h4 i a{ color: #fff; font-size: 14px;}
.f_con2 h4 i span{ display: block; font-family: "宋体"; font-size: 12px; color: #858585; font-weight: normal; text-transform: uppercase; padding-top: 3px;}

.f_con2 h4 span{ display: block; font-weight: normal;}
.f_con2 h4 span a{color: #858585; line-height:17px; display: inline-block; border: 1px solid #000; height: 17px; width: 68px; text-align: center; margin: 0 9px 8px;}
.f_con2 h4 span a:hover{border: 1px solid #434343; color: #fff;}

/*底部结束*/