/*基础样式*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif; color:#333;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}
a { color:#333; cursor:pointer;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.fl{}
.fr{ float:right;}
..cart_header , .cart_content , .cart_footer { width:1200px; margin:0 auto;}
.cart_content{ margin-top:15px; margin-bottom:15px;}
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:250px; overflow:hidden; margin-top:10px;}
.leftr{}
.left2 { width:890px; overflow:hidden; margin-top:15px;}
.left3 { width:754px; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }
.topWrap{ background:url(../images/h_bg.jpg) no-repeat center top; height:184px; overflow:hidden;}
.h_top{ height:36px; font:14px/36px "Microsoft Yahei"; color:#fff; overflow:hidden;}
.h_top span{color:#fff;}
.h_top span a { color:#fff; display:inline-block; padding:0 18px 0 22px;}
.h_top span img{ vertical-align:middle;}
.h_top span .h_a1{background:url(../images/h_ic1.gif) no-repeat left center;}
.h_top span .h_a2{background:url(../images/h_ic2.gif) no-repeat left center;}
.h_top span .h_a3{background:url(../images/h_ic3.gif) no-repeat left center;}
.h_c{ height:148px; overflow:hidden;}
.h_c h1{height:148px;   width:640px;overflow:hidden;}
.h_c h1 img{  margin-top:40px;}
.h_c h1 span{ display: block;  width:380px; overflow: hidden; margin-top:50px;font:bold 28px/32px "Microsoft Yahei"; color:#1f1a17;  }
.h_c h1 span i{display: block;color:#ff0000;  height: 26px; overflow: hidden;font-size:18px;}
.h_c h1 span i img{ margin-top:0px; width: 228px; height: 23px;}
.h_tel{ padding:26px 0 0 62px; overflow:hidden; font:14px/20px "Microsoft Yahei"; color:#666;overflow:hidden; background:url(../images/h_tel.png) no-repeat left top;}
.h_tel span{color:#393b62; display:block; font:bold 20px/26px "微软雅黑", Times, serif;} 
.tab-list{line-height:28px;color:#333;}

/*nav*/

.nav_bg{background:url(../images/h_anvbg.jpg) no-repeat center top; height:61px;}
#menu{ width:100%; position:relative; z-index:999;}
#menu ul{}
#menu li{ width:150px; height:61px; line-height:61px; float:left; text-align:center; font-size:16px;}
#menu li a{ color:#fff; display:block;}
#menu li a:hover{ background:#fe931f; text-decoration:none;}
#menu li#bs{ background:#fe931f; text-decoration:none;}
#menu ul li ul {}
#menu ul li ul li { float:none; width:150px; background:#262753; text-align:center;height:40px; line-height:40px; font-size:14px;}
#menu ul li ul li a { background:none; color:#fff;}
#menu ul li ul li a:hover { background:#fe931f; color:#fff;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

.ser_bg{border-bottom: 1px solid #dfdfdf; height:85px; overflow:hidden;margin-bottom:20px;}  
.ser_c{ height:85px; overflow:hidden;}
.inp01{ padding-left:10px; width:254px; height:30px;overflow:hidden; font:14px/30px "Microsoft Yahei"; border:none; background:url(ser1.gif) no-repeat left top; color:#666; margin-top:30px; display:inline;outline:none;} 
.inp02{ background:url(ser2.gif) no-repeat left top; width:100px; height:30px; border:0; margin-top:30px;outline:none; cursor:pointer;}
.ser_c p{height:85px; width:750px; overflow:hidden; display:block; color:#666;font:14px/85px "Microsoft Yahei";}
.ser_c p a{color:#666;padding-right:15px; display: inline-block;}
.fl {}
.fr { float:right;}
.search{ margin-top:29px;}

#zj{ width:1200px; margin:0px auto; clear:both;}
.zj{ width:1200px; margin:0px auto; clear:both;}
#pro{ width: 100%; margin: 40px 0;}
#pro_t{ width: 100%; float: left;}
#pro_tr{ width: 100%; float: left; text-align: center; font-size: 28px; font-weight: bold; padding-bottom: 5px;}
#pro_tn{ width: 100%; float: left; text-align: center; color: #999; background: url(../images/xian.jpg) no-repeat center 30px; padding-bottom: 20px;}

#pro_n{ width: 100%; float: left; margin: 30px 0 0 77px; }
#pro_n li{ width: 200px; height: 37px; float: left; text-align: center; line-height: 37px; background: url(../images/pro01.jpg) no-repeat center; margin: 0 5px;}
#pro_n li a{ color: #000; display: block;}
#pro_n li a:hover{ color: #fff; background: url(../images/pro02.png) no-repeat center;}
#pro_n li#bs a{ color: #fff; background: url(../images/pro02.png) no-repeat center;}

#pro_z{ width: 100%; float: left; margin-top: 30px;}
#pro_zt{ width: 273px; float: left; background: #e6e6e6; margin: 20px 13px;}
#pro_zt a{ color: #919191; height: 246px; display: block;}
#pro_zt a:hover{ color: #fff; background: #043699;}
#pro_ztr{ width: 271px; height: 206px; float: left; border: 1px #ccc solid;}
#pro_ztr img{ width: 271px; height: 206px;}
#pro_ztn{ width: 100%; float: left; text-align: center; line-height: 40px;}

#about{ width: 100%; background: #efefef; padding: 50px 0;}
#about_t{ width: 100%; float: left; margin-top: 30px;}
#about_tl{ width: 600px; float: left;}
#about_tlr{ width: 100%; float: left; color: #999; background: url(../images/xian2.jpg) no-repeat left; background-position: 0px 5px; padding-top: 25px;}
#about_tlr span{ color: #000; font-size: 20px; font-weight: bold;}
#about_tlk{ width: 100%; float: left; line-height: 60px; font-size: 16px;}
#about_tln{ width: 100%; float: left; color: #444; line-height: 1.9;}
#about_tr{ width: 491px; height: 295px; float: right; padding-top: 25px;}
#about_tr img{ width: 491px; height: 295px;}

#ysbj{ background: url(../images/ysbj.jpg) no-repeat center top; width: 100%; height: 700px; padding:50px 0;}
.ysfontbj{ background: url(../images/ysfont_bj.png) no-repeat left top; width: 565px; height: 254px; float: left; margin: 11px 17px 0;}
.ysfontbj .left{ width: 60px; padding: 40px 56px 0; float:left;}
.ysfontbj .left .pic{ width: 60px; height: 68px; display: block; overflow: hidden;}
.ysfontbj .left .pic img{ width: 60px; height: 68px; display: block;}
.ysfontbj:hover .left .pic .box_img{position: relative; transition: 0.3s all 0s linear; display: block; margin-top: -68px;}
.ysfontbj .left .ysbt{ color: #fff; font-size: 30px; font-weight: bold; line-height: 33px; margin-top: 10px;}
.ysfontbj .right{ width: 320px; padding: 40px 35px 0; float:right;}
.ysfontbj .right .bt{ border-bottom: 3px solid #e5e5e5; color: #252525; font-size: 24px; line-height: 33px; padding-bottom: 10px;}
.ysfontbj .right .font{ color: #333; font-size: 16px; margin-top: 10px; font-weight:normal; line-height: 30px;}

#new{ width: 100%; margin: 50px 0;}
#new_l{ width: 100%; float: left; margin-top: 40px;}
#new_lt{ width: 560px; float: left; padding-bottom: 20px; border-bottom: 1px #f0f0f0 solid; margin: 20px;}
#new_ltk{ width: 100px; float: left; text-align: center; line-height: 1.5; border-right: 1px #f0f0f0 solid; margin: 20px 0;}
#new_ltk span{ width: 100%; float: left; font-size: 20px;}

#new_ltz{ width: 439px; float: left; margin-left: 20px;}
#new_bt{ width: 100%; float: left; font-size: 20px;}
#new_bt a{ color: #000;}
#new_bt a:hover{ color: #023793;}
#new_nr{ width: 100%; float: left; margin-top: 15px; line-height: 1.9; color: #878787;}

.dilogo{ float:left; margin-top:60px; margin-right:100px;}
.foot{ width:100%; background:#222222;}
.foot_t{ width:100%; border-bottom:1px #333333 solid; padding:45px 0;}
.kslj{ width:120px; float:left; margin-right:72px; border-right:1px #333 solid;}
.kslj_t{ width:100%; color:#c8c8c8; font-weight:bold;}
.kslj_n{ width:100%; margin-top:10px;}
.kslj_n li{ width:100%; height:25px; line-height:25px;}
.kslj_n li a{ color:#777777;}
.kslj_n li a:hover{ color:#fff;}

.fwrx{ width:210px; float:left; padding-right:40px; border-right:1px #333 solid;}
.fwrx_t{ widht:100%; text-align:center; color:#c8c8c8;}
.fwrx_n{ width:100%; margin-top:18px; color:#1e50ae; font-weight:bold; font-size:28px; text-align:center;}
.fwrx_z{ width:100%; margin-top:18px;}
.fwrx_zl{ width:86px; height:26px; border:1px #fff solid; border-radius:3px; float:left; margin:0px 8px; text-align:center; line-height:26px;}
.fwrx_zl a{ color:#c8c8c8; display:block;}
.fwrx_zl a:hover{ background:#1e50ae; color:#fff;}

.ewm{ width:106px; float:right;}
.ewm_t{ width:100%;}
.ewm_t img{ width:100%;}
.ewm_z{ width:100%; margin-top:5px; text-align:center; color:#c8c8c8;}

.foot_b{ width:100%; padding:15px 0;}
.foot_lian{ width:100%; text-align:center;}
.foot_lian a{ margin:0px 25px; color:#c8c8c8;}
.foot_lian a:hover{}
.foot_z{ width:100%; text-align:center; color:#6a6a6a; margin-top:15px;}

#bj1{ width:100%; padding:60px 0;}
#zj{ width:1200px; margin:0px auto; clear:both;}
#left{ width:250px; float:left;}
#column{ width:100%; float:left;}
#column_t{ width:100%; float:left; height:90px; background:#023793;}
#column_tz{ width:100%; float:left; color:#fff; font-size:20px; font-weight:bold; margin-top:20px; text-indent:25px;}
#column_ty{ width:100%; float:left; margin-top:5px; color:#5088e8; text-indent:25px;}
#column_n{ width:230px; padding:10px; float:left; background:#f1f1f1;}
#column_n li{ width:100%; float:left; height:45px; line-height:45px; border-bottom:1px #ccc solid; font-size:16px; text-indent:15px;}
#column_n li a{ display:block; color:#333;}
#column_n li a:hover{ color:#fff; background:#023793;}

#contacter{ width:100%; margin-top:20px;}
#contacter_t{ width:100%; float:left; height:40px; border-bottom:1px #ccc solid;}
#contacter_tz{ float:left; line-height:40px; font-weight:bold; font-size:20px;}
#contacter_n{ width:100%; float:left; margin-top:10px; line-height:1.9;}

#right{ width:920px; float:right;}
#right_t{ width:100%; height:45px; border-bottom:1px #ccc solid;}
#right_tz{ float:left; line-height:45px; font-size:22px; font-weight:bold; color:#33;}
#weizhi{ float:right; line-height:45px; color:#666;}
#weizhi a{ color:#666;}
#weizhi a:hover{ color:#ff0000;}
#right_n{ width:100%;}
#abouter{ width:100%; margin-top:10px;}
#abouter_n{ width:100%; float:left; line-height:1.9; font-size:16px;}
#proer{ width:220px; float:left; margin:10px 5px; background:#e6e6e6;}
#proer a{ width:220px; height:202px; display:block;}
#proer a:hover{ background:#023793; color:#fff;}
#proer_t{ width:218px; float:left; height:165px; border:1px #ccc solid;}
#proer_t img{ width:218px; height:165px;}
#proer_z{ width:100%; float:left; height:35px; line-height:35px; text-align:center;}

#fenye{ width:100%; margin-top:30px; text-align:center;}
#fenye a{ padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
#fenye a:hover{ border:1px #023793 solid; background:#023793; color:#fff;}

#newser{ width:100%; margin-top:10px;}
#newser li{ width:100%; color:#999; height:40px; line-height:40px; border-bottom:1px #ccc dashed; text-align:right;}
#newser li a{ float:left; color:#333;}
#newser li a:hover{ color:#ff0000;}

#biaoti{ width:100%; font-size:24px; font-weight:bold; margin-top:10px; text-align:center;}
#fabiao{ width:100%; margin-top:5px; text-align:center; color:#666; border-bottom:1px #ccc dashed; padding-bottom:5px;}

#fenpian{ width:100%; margin-top:30px;}
#fenpian_l{ width:100%; float:left; height:25px; line-height:25px; color:#333;}
#fenpian_l a{ color:#333;}
#fenpian_l a:hover{ color:#ff0000;}
#right_wz{ width:100%; margin-top:10px;}