@charset "utf-8";
html{color:#000;background:#FFF; }
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 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#2a3137; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline; text-decoration:none; }
.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;}


.allcontent{width:1200px; margin:0 auto;  }

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

.left { width:260px; float:left; }
.left2 { width:900px; 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 { 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; }
.leftr { width:201px; float:left; overflow:hidden;}
.right {
    float: right;
    display: inline;
    margin-left: 24px;
    margin-bottom: 15px;
    overflow: hidden;
	width:910px;
}
.rightl { width:975px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {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 {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:915px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:900px;  padding-bottom:15px; overflow:hidden;}

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

em,i{ font-style:normal;}

.news-list:hover{ background:#F6F6F6;}
.news-list { height:150px; padding:20px; margin-bottom:30px; overflow:hidden; *zoom:1; border-bottom:1px solid #ccc; position:relative }
.news-list .image { float:left;height:150px; padding-right:20px; }
.news-list .image img{ height:150px; }
.news-list .text h2 { font-weight:100; line-height:22px; height:40px; overflow:hidden; font-size:16px; }
.news-list .text h2 a { color:#000000; }
.news-list .text p { text-indent:2em; line-height:24px; color:#958e95; font-size:14px; text-align:justify; height:74px; margin-bottom:10px; overflow:hidden; }
.news-list .text span.btn {right: 15px; width: 133px;height: 39px;line-height: 39px;margin-left: 287px;text-align: center; display: block;position: absolute;font-size: 14px;color: #000;background: url(../images/newscenterpressbg01.png) no-repeat center;text-decoration: none;}
.news-list .text span.btn a { padding:0 6px 0 0; color:#000; }
.news-list .image img:hover{transform: scale(1.1);transition: all 2s ease-out; }
.rele_search {border-top: 1px solid #DDDDDD;line-height: 160%;margin: 5px;}
.rele_search {line-height: 160%;}
.rele_search li {float: left;width: 150px;}



/*头部开始*/
.topWrap{height: 188px; background: url(../images/h_bg.jpg) repeat-x center top; overflow: hidden; font-family:"Microsoft Yahei";}
.topWrap .header{ position: relative; }
.topWrap .h_hr{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #666;}
.topWrap .h_hr span a{ display: inline-block; padding: 0 20px;  color: #666;}
.topWrap .h_con{ height: 108px; padding-top: 20px; box-sizing: border-box; overflow: hidden;}
.topWrap .logo{  width:640px; height: 64px; position: relative;}
.topWrap .logo a{ display: block; width:430px; height: 80px;}
.topWrap .logo a img{ display: block;  width: 158px; height: 64px;}
.topWrap .logo h1{ position: absolute; top: 2px; left: 174px; height: 64px; padding-left: 16px; font-weight: normal; border-left: 1px solid #d9d9d9; line-height: 1; color: #2a2a2a; font-size: 18px; }
.topWrap .logo h1 span{ display: block; color: #2a2a2a; font-size: 22px; font-weight: bold; padding: 8px 0 8px 0;}
.topWrap .h_tel{ width: 240px; margin-top: 10px; padding-left: 40px; background: url(../images/tel.png) no-repeat left 8px;  line-height: 1;}
.topWrap .h_tel p{ font-size: 14px; color: #666; margin-bottom: 6px;}
.topWrap .h_tel span{ font-size: 30px; font-weight: bold; color: #2a2a2a;}
.nav{ height: 50px; line-height: 50px; }
.nav ul{ overflow: hidden;}
.nav ul li{ float: left; line-height: 50px; font-size: 15px;  color: #fff; }
.nav ul li a{ display: inline-block; line-height: 50px; padding: 0 39px; color: #fff;}
.nav ul li a:hover{ color: #2a2a2a; background:#bc000a; }
.nav ul li.cur a{ color: #2a2a2a; background:#bc000a;}

/*底部开始*/
.footWrap{ background: url(../images/f_bg.jpg) repeat-x center top; overflow: hidden; height: 473px; overflow: hidden; font-family:"Microsoft Yahei"; }
.foor-cont{ height: 353px;  margin-top: 80px; box-sizing: border-box; position: relative;}
.foor-cont dl{ float: left; width: 316px;}
.foor-cont dl dt{ font-size: 18px; margin-bottom: 24px; color: #fff; line-height: 1; font-weight: bold;}
.foor-cont dl dd ul{ overflow: hidden;}
.foor-cont dl dd ul li{ float: left; width: 120px; line-height: 34px;  font-size: 14px; color: #fff;}
.foor-cont dl dd ul li a{ font-size: 14px; color: #fff;}
.foor-cont dl dd ul a{ float: left; width: 120px; line-height: 34px;  font-size: 14px; color: #fff;}
.foor-cont dl dd ul a{ font-size: 14px; color: #fff;}
.foor-cont dl.dl02{ width: 300px; }
.foor-cont dl.dl02 ul li{ width: 100%;}
.foor-cont .f_tel{ position: absolute; left: 695px; top: 50px;}
.foor-cont .f_tel p{ font-size: 14px; color: #fff; padding-left: 48px; background: url(../images/f_tel.png) no-repeat left 10px; }
.foor-cont .f_tel p b{ display: block; font-size: 32px; color: #bc000a;}
.foor-cont .f_tel span { display: block; margin-top: 18px; padding-left: 44px;}
.foor-cont .f_tel span a{ display: block; width: 128px; height: 44px; background: #bc000a; text-align: center; line-height: 44px; font-size: 16px; color: #2a2a2a;}
.foor-cont .code{ position: absolute; right: 0; top: 46px;}
.foor-cont .code img{ padding: 11px; background: #fff; width: 120px;}
.foor-cont .code span{ display: block; text-align: center; line-height: 40px; font-size: 14px; color: #fff;}
.foor-cont .f_nav { position: absolute; top: 214px; left: 0;}
.foor-cont .f_nav h4{ margin-bottom: 22px; font-size: 18px; color: #fff;}
.foor-cont .f_nav h4 i{ padding-left: 25px; font-size: 14px; color: #fff;}
.foor-cont .f_nav h4 i a{ color: #fff;}
.foor-cont .f_nav ul li{ float: left; margin-right: 100px; font-size: 14px; color: #fff;}
.foor-cont .f_nav ul li a{ color: #fff;}
.footWrap .f_bq{ line-height: 40px ; font-size: 14px; color: #fff; overflow: hidden;}
.footWrap .f_bq p{ float: left; margin-right: 60px;}
.footWrap .f_bq span{ float: right; color: #fff;}
.footWrap .f_bq span a{ color: #fff;}




/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}


/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
.b15 {background: url(../images/skinsvibtn.gif) no-repeat; border:0; cursor: pointer; overflow:hidden;  background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

.cart_content{ margin-top:15px; margin-bottom:15px;}

@font-face {font-family: "iconfont";src: url('/UserControls/IM/fonts/iconfont.eot'); /* IE9*/
}
@font-face {font-family: "iconfont";src: url('../fonts/iconfont.eot') format('embedded-opentype'); /* IE6-IE8 */
}
@font-face {font-family: "iconfont";src: url('../fonts/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.side-contact {float: none;margin-top: -80px;position: fixed;right: 1px;top: 50%;z-index: 9;}
.side-contact li {background: #2A2A2A none repeat scroll 0 0;float: none;height: 60px;line-height: 60px;margin-bottom: 1px;position:absolute;text-align: center;width: 60px;}
.fonts_kf{ color:White; font-size:34px;font-smoothing:antialiased;}
.dianhua{ padding-right:10px;}
.side-contact li a{ width:100px; height:100px;}
.side-contact li.tel {width: 193px;}
.side-contact li.qq_kf {width: 138px;top: 61px;}
.side-contact li.top {display: block;height:60px;right: -4px;top:244px;width: 60px;}
.side-contact li.ewm {display: block;height:60px;right: -4px;top: 122px;width: 60px;}
.side-contact li.zxly {display: block;height:60px;right: -4px;top: 183px;width: 60px;}
.side-contact li.img_bg{ background:#2A2A2A !important}
.color_01{color:White; font-size:17px; padding-left:9px;}
.ewm_code{ position:fixed; right: 53px; top: 50%; z-index:999;}
.ewm_code img{height:120px; width:120px;}
.top a,.zxly a,.qq_kf a,.ewm a{text-decoration:none;}
.ewm{cursor:crosshair;}
/**/
.sou_bg{ height: 64px; padding-top: 14px; box-sizing: border-box;  border-bottom: 1px solid #d9d9d9; overflow: hidden;}
.sou_bg p{ font-size: 14px; line-height: 36px; color: #666;}
.sou_bg p a{ color: #fff; display: inline-block; padding: 0 8px; color: #666;}
.s_inp01{width: 320px; height:36px; overflow: hidden;}
.inp01{width:280px; height:36px; line-height:36px; border: 0; padding: 0 16px; box-sizing: border-box; color:#1a1a1a; font-size:14px; float:left; background:url(../images/ss_1.jpg) no-repeat center top; }
.inp02{width:40px; height:36px; border:0; float:left; background:url(../images/ss_2.jpg) no-repeat center top; }
/*头部结束*/