@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"}
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;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; font-family:"Microsoft YaHei";}


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

/*头部开始*/
.t_bg{ background:url(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: #0b5ec4; 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 .up{ float:right; width:842px; height: 42px; line-height: 42px; margin-bottom: 35px; overflow:hidden;}
.header .up i{ display: inline-block; float: right; padding: 14px 30px 0 0;}
.header .up i img{ padding-left: 20px;}
.header .up strong{ display: inline-block; padding-left: 60px;background:url(tel.gif) no-repeat 28px 12px; color:#c6c6c6; float: left; width: 242px;}
.header .up strong span{ font-family: Impact; font-size: 18px; font-weight: normal; color: #fff;}
.header .up em{ display: inline-block; float: left; width: 358px; height: 30px; line-height: 30px; margin-top: 6px; overflow:hidden;}

.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: #0b5ec4; font-weight: bold;background:url(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(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 span img{ width: 90px; height: 90px; border: 6px solid #fff;}
.f_con1 p em{ display: inline-block; margin-left: 31px; margin-top: 35px; font-size: 14px; color: #fff; padding-left: 24px;background:url(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(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{color: #8e8e8e;}
.f_con2 p a:hover{ color:#FFF;}
.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(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(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;}

/*底部结束*/