﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666; font:12px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
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;}
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;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
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;}
i{ font-style:normal;}

/* -- 弹出窗口 -- */
#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(Img/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('iconfont.eot'); /* IE9*/
}
@font-face {font-family: "iconfont";src: url('iconfont.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}
@font-face {font-family: "iconfont";src: url('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: #999 none repeat scroll 0 0;float: none;height: 45px;line-height:35px;margin-bottom: 1px;position:absolute;text-align: center;width: 42px;border-radius:3px;}
.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: 187px;}
.side-contact li.qq_kf {width: 132px;top: 46px;}
.side-contact li.top {width: 132px; top: 138px; background-color:#F08619;}
.side-contact li.ewm {display: block;height:45px;right: -4px;top: 92px;width: 54px;}
.side-contact li.zxly {display: block;height:45px;right: -4px;top: 138px;width: 54px;}
.side-contact li.img_bg{ background:#F08619 !important}
.color_01{color:White; font-size:17px; padding-left:9px;}
.ewm_code{ position:fixed; right: 53px; top:450px; 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;}


/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;}
.left2 { width:900px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; 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; }

.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { overflow:hidden; }
.right2_main { width:273px;overflow:hidden;}
.left2_main { width:900px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}



.bdshare-slide-button,.bdshare-slide-button-box{z-index:99;}

.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:3px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:3px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#666; font-size:12px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:18px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}




/*头部开始*/
.t_bg { background:url(img/t_bg.gif) repeat-x center 0; height:197px; border-top:5px #0e60d1 solid;}

.h_top { width:100%; height:32px; overflow:hidden; line-height:30px; overflow:hidden; color:#939393; background:url(img/top_up.png) no-repeat right top; font-size:14px;}
.h_top i{ float:left;}
.h_top p { width:270px; text-align:center; float: right; color:#FFF;}
.h_top p a { padding:0 5px; color:#fff;}
.h_top p a:hover{ color:#f08619;}

.h_con { height:120px; width:1200px; overflow:hidden; margin:0 auto; background:url(img/top.jpg) no-repeat center top;}

.h_nav { height:51px; line-height:50px; background-color:#0e60d1;}
.h_nav ul{ width:1200px; margin:0 auto;}
.h_nav ul li { float:left; background:url(img/n_bor.gif) no-repeat right 15px; display:inline; position:relative; z-index:9;}
.h_nav ul .nobor01 { background:none;}
.h_nav ul li a { display:inline-block; margin:0 46px; color:#fff; font-size:14px; font-weight:bold;}
.h_nav ul li a:hover,.h_nav ul .cur a {  background:url(img/n_libg.gif) repeat-x; color:#fff; }

.h_nav li .erj{ display:none; width:100%; position:absolute; top:50px; left:0;}
.h_nav li .erj li{ background:none; float:none; display:block;}
.h_nav li .erj a,.h_nav li.cur .erj a{ height:40px; line-height:40px;width:100%; display:block; text-align:center; padding: 0; background:#0e60d1; margin:0;}
.h_nav li.cur .erj a:hover,.h_nav li .erj a:hover{ background:#F08619; color:#fff;}

.h_nav li .sanj{ display:none; position:absolute; left:100%; top:0; width:120px;}
.h_nav li .sanj a{background :#0e60d1; filter:alpha(opacity=80) ; -moz-opacity: 0.8; -khtml-opacity: 0.8 ; opacity: 0.8;}


.s_bg { border-bottom:solid 1px #ededed; height:79px; line-height:79px;}
.h_ser { width:1200px; margin:0 auto;}

.s_inp {  margin-top:22px;}
.inp01 { background:url(img/s_inp.gif) no-repeat; width:433px; height:25px; line-height:25px; border:none; float:left; font-size:12px; color:#333; font-family: "Microsoft Yahei"; outline:none;}
.h_ser p { float:left; width:670px; overflow:hidden; font-size:14px; color:#353535;}
.h_ser p a { padding:0 10px;}
.h_ser p a:hover { color:#f08619}

/*头部结束*/

/*底部开始*/
.f_bg { background:url(f_bg.gif) repeat-x center top; height:auto; overflow:hidden;}

.f_nav { color:#fff; height:30px; line-height:30px; font-size:15px; padding-top:50px;}
.f_nav a { color:#fff; padding:0 58px 0 0;}
.f_nav a:hover { color:#f08619;}

.f_img { float:left; padding:40px 53px 0 30px;}
.f_p { color:#fff; line-height:26px; margin-top:35px; position:relative; width:500px;}
.f_p a{color:#fff;}
.f_p i { display:block; position:absolute; top:100px; left:190px;}
.f_p i img { padding-right:10px;}
.f_img02 { margin:23px 0 0;}
.f_img02 a { display:block; float:left; width:133px; height:130px; padding:10px 0 0; margin-left:27px; text-align:center; background:url(f_picbg.gif) no-repeat;}
.f_img02 a em { display:block; font-size:14px; color:#fff; padding-top:4px;}
.f_img02 img{ width:120px;}

.jishu{ color:#EA2000 !important;}
.jishu a{ color:#EA2000 !important;}
/*底部结束*/

.link{width:1200px; height:auto; margin:0 auto; overflow:hidden; height:40px; line-height:40px; color:#FFF;}
.link a{ color:#FFF;}
.link a:hover{ color:#fe9e05;}

.topadcs{width:100%; margin-bottom:10px;overflow:hidden; text-align:center; margin-top:10px;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:350px;}

.main{ width:1200px; height:auto; margin:0 auto; overflow:hidden; margin-bottom:20px;}

/*right*/
.right{ width:900px; height:auto; float:right;}
.right_top{ width:100%; height:50px; line-height:50px; margin:0 auto; background-color:#0e60d1; overflow:hidden; border-top:3px #0e60d1 solid;}
.right_tf{width:570px; height:50px; float:left; text-align:left; font-size:14px; color:#FFF; text-indent:15px; overflow:hidden;}
.right_tf a{ color:#FFF;}
.right_tf a:hover{ color:#f08619;}
.right_r{ width:600px; float:right; line-height:50px; text-align:right; margin-right:10px;}
.right_bg{ width:900px; height:auto; margin:0 auto; padding-top:20px; padding-bottom:20px; line-height:35px; font-size:16px;}

/*right*/
.right2{ width:1198px; height:auto; margin:0 auto; border:1px #bfbfbf solid; margin-top:10px;}
.right2_top{ width:100%; height:50px; line-height:50px; margin:0 auto; background-color:#f8f8f8; overflow:hidden; border-top:3px #0e60d1 solid;}
.right2_tf{ width:700px; height:50px; float:left; text-align:left; font-size:14px; color:#353535; text-indent:15px;}
.right2_r{ width:600px; float:right; line-height:50px; text-align:right; margin-right:10px;}
.right2_bg{ width:100%; height:auto; margin:0 auto; padding-top:20px; padding-bottom:20px; line-height:35px; font-size:16px;}

/*产品页样式*/
.cp_list{ width:290px; height:340px; float:left; margin-bottom:5px; margin-left:7px;}
.cp_list a{width:290px;height:340px; margin:0 auto; display:block; border:1px #fff solid; background:url(cp_list.jpg) no-repeat right bottom; color:#666666; cursor:pointer;}
.cp_list a:hover{width:290px;height:340px; display:block; margin:0 auto; border:#dddddd 1px solid;
-webkit-box-shadow:0 0 10px #dddddd;  
  -moz-box-shadow:0 0 10px #dddddd; 
  box-shadow:0 0 10px #dddddd; background:url(cp_list_on.jpg) no-repeat right bottom;}

.cp_list_text{ width:270px; height:auto; float:left; overflow:hidden; margin-left:10px; line-height:40px; font-size:18px; background:url(cp_bg.jpg) no-repeat center top; text-align:center;}

.news_list2{ width:100%; float:left; height:40px; background:url(news_list.png) no-repeat center left; text-indent:15px; line-height:40px; border-bottom:#CCCCCC 1px dashed}
.data{ color:#999; float:right;}

#navigation a.here:link,
#navigation a.here:visited,
#navigation a.here:hover,
#navigation a.here:active {color:#f08619;}


.left_about{ width:1200px; height:35px; line-height:35px; margin:0 auto;}
.left_about ul{ width:100%;}
.left_about ul li{ width:7.6%; float:left; background-color:#999; text-align:center; border-left:1px #FFF solid;}
.left_about ul li a{ color:#FFF; display:block;}
.left_about ul li a:hover{ background-color:#0e60d1; display:block;}
#menu .active{background-color:#0e60d1; display:block;}