@charset "utf-8";
html{color:#000;background:#FFF;}
body{color:#666;font:12px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;min-width:1200px;width:100%;}
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%;outline:none;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% "Microsoft YaHei",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:#666;text-decoration:none;}
a:focus{outline:0;}
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;}

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



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:300px; float:left; overflow:hidden;}
.leftr{ float:left;}
.left2 { width:910px; 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; }

.right,.rightl{ width:870px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:110px;}
.right3 { width:260px; 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 { width:870px; overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px; }
.right2_main { width:273px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}
.left2_main { width:910px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}



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

i,em{ font-style:normal;}


/*头部开始*/
.top_bg{/* background:url(Img/Common/top_bg.gif) repeat-x; height:156px; padding:19px 0 0;*/
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #848484;
    background: #f0f0f0;

}
/*.h_con{ height:105px; overflow:hidden;}
.h_con h1{ float:left; padding:0 15px 0 0;}
.h_con h1 img{ width:255px; height:65px;}
.h_con .h_dw{ float:left;height: 66px;line-height: 66px; padding:0 0 0 18px; font-size:24px; color:#018abe; background:url(Img/Common/t_line.gif) no-repeat;}
.h_con .tel{ background:url(Img/Common/tel.gif) no-repeat 0 16px; float:right; padding:8px 0 0 45px; font-size:14px; color:#262626;}
.tel span{ display:block; font-size:24px; color:#018abe;font-weight: bold;}*/

/*.top_bg{ background:url(Img/Common/h_top_bg.gif) repeat-x center top; height:178px; overflow:hidden;}*/
.top_bg h5{ font:12px "Microsoft Yahei"; color:#666; height:36px; line-height:36px;font-weight:normal;}
.top_bg h5 span{ float:right; color:#666; height:36px; line-height:36px;}
.top_bg h5 span a{ display:inline-block; padding:0 15px 0 9px; color:#666; background:url(Img/Common/top_icon.png) no-repeat right center;}
.top_bg h5 span img {  width:100px; height:100px; left:3px; top:28px; display:none;}
.top_bg h5 span .pr:hover img {  display:block;}
.top_bg h5 span a.nones{ background:none;}
.header .nr{ height:110px; margin-top:20px; overflow:hidden;}
.header .nr h2{  float:left; overflow:hidden; margin-top:10px; }
.header .nr h2 img{  }
.header .nr h3{  font:24px "Microsoft Yahei";color:#018abe;float:left; position:relative; margin-top:26px; margin-left:30px; border-left:1px solid #ccc; padding-left:30px; font-weight:bold;}
.header .nr h3 em{ display:block; font-size:16px; padding-top:3px; font-weight:normal; color:#444;}
.header .nr p{ font:16px "Microsoft Yahei"; color:#444;float:right; background:url(Img/Common/lx.gif) no-repeat left 7px; padding-left:50px; margin-top:25px;}
.header .nr p em{ font:28px "Times New Roman", Times, serif; display:block; color:#018abe; font-weight:bold; font-style:italic;}




/*.nav { width:100%; height:51px; line-height:51px; background-color:#018abe; }
.h-nav{ height:51px; line-height:51px; width:1200px; margin:0 auto;}
.h-nav li{ float:left; position:relative;}
.h-nav li a{ font-size:14px; color:#fff;display:block; float:left; width:120px; text-align:center;}
.h-nav li.cur a,.h-nav li a:hover{ background:#89c700; text-decoration:none; color:#000; }*/



.h-nav li{width:171px;float:left;position:relative;z-index:1;}
.h-nav li > a{display:block;height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff;overflow:hidden;position:relative;z-index:1; font-weight:bold;}
.h-nav li > a:hover,.h-nav li.cur a { color:#fff;}
.h-nav li > a:before{content:'';position:absolute;width:0;height:100%;background:#89c700;top:0;left:50%;z-index:-1;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}
.h-nav li:hover > a:before,.h-nav li.cur > a:before{width:100%;left:0; color:#000;}



/** 导航 下拉**/
.nav{ width:100%; height:55px; line-height:55px; background-color:#018abe;}
.navin{margin:0 auto; width:1200px}
.navul{LIST-STYLE-TYPE:none}

.navul li{POSITION:relative; TEXT-ALIGN:center; LINE-HEIGHT:55px; WIDTH:171px; FLOAT:left; FONT-SIZE:14px; _z-index:2000}
.li1{float:left; width:126px; text-align:center; font-weight:bold; height:55px; line-height:55px; BACKGROUND:url(../images/navon.jpg) no-repeat left top}
.li0{float:left; list-style:none;display:block;height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff;overflow:hidden;position:relative;z-index:1; font-weight:bold;}
.navul li.singleactive{Z-INDEX:2000; POSITION:relative;}
.navul li.navlmactive{Z-INDEX:2000; }

.navul a{ DISPLAY:block; FLOAT:none;COLOR:#fff;}

.list01{DISPLAY:none; background-color:#89c700;}
.plist{WIDTH:1200px; HEIGHT:422px;background-color:#89c700; overflow:hidden;}
.list01 a{COLOR:#3d3d3d}
.navul li.navlm:hover{Z-INDEX:5000 !important; POSITION:relative;}
.dropdowntriple{DISPLAY:none}

.navul li.navlm:hover .dropdowntriple{Z-INDEX:2000; POSITION:absolute; DISPLAY:block; TOP:55px; LEFT:0px}
.navul li.single:hover{Z-INDEX:5000 !important; POSITION:relative; BACKGROUND:url(../images/navactive2.jpg) no-repeat left top}
.navul li:hover ul li a{BACKGROUND:none transparent scroll repeat 0% 0%}
.navul li:hover .list01 a{ display:block; height:40px; line-height:40px; color:#fff; font-size:14px; border-bottom:1px solid #fff;}
.navul li:hover .list01 a:hover{ background-color:#018abe;}
.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:55px; LEFT:-342px}
.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:55px; LEFT:0px}

.ndropdown{WIDTH:143px;}

.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:55px; LEFT:0px;WIDTH:171px;} 



/** 导航 下拉  结束 **/



.list01 li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px; WIDTH:130px;   BACKGROUND:url(../images/dpdivider.jpg) no-repeat right top; FLOAT:left; FONT-SIZE:12px}
.list01 li OL{}
.list01 li OL LI{PADDING:0px; LINE-HEIGHT:18px; MARGIN-TOP:1px; padding-left:10px;  BACKGROUND:none transparent scroll repeat 0% 0%; MARGIN-LEFT:35px; MARGIN-RIGHT:20px; _margin-right:0px; _margin-left:10px}
.list01 li OL LI:hover{BACKGROUND:#c00}
.list01 li OL LI:hover A{COLOR:#fff}
.list01 DT:hover A{COLOR:#c00}
.list01 LI:hover{BACKGROUND:url(../images/dpdivider.jpg) no-repeat right bottom}
.list01 LI OL LI A{MARGIN-LEFT:3px}
LI.feilei1{WIDTH:200px;}
LI.feilei1 LI{WIDTH:120px}
LI.feilei2{WIDTH:190px}
LI.feilei2 LI{IDTH:150px}
LI.feilei3{WIDTH:185px}
LI.feilei4{WIDTH:180px; height:375px;}

LI.feilei5{WIDTH:200px; BACKGROUND:none transparent scroll repeat 0% 0%}
.list01 LI.feilei5:hover{BACKGROUND:none transparent scroll repeat 0% 0%}
.list01 LI OL LI.dpb A{COLOR:#DB0000; FONT-WEIGHT:bold}

.list01 LI OL LI.dpb:hover A{COLOR:#DB0000; CURSOR:default}

.list01 DT A{LINE-HEIGHT:25px; FONT-SIZE:12px}
LI.dropbottom{TEXT-ALIGN:right; LINE-HEIGHT:26px; WIDTH:460px; padding-top:5px; FLOAT:right; COLOR:#fff}
LI.dropbottom A{DISPLAY:inline}


.plist dl { float:left; width:199px; border-left:1px solid #fff; height:500px; padding-top:30px;}
.plist dl.nobor { border:0;}
.navul li:hover .list01 dl dt a{ font-size:16px; font-weight:bold;}
.navul li:hover .list01 dl a { border:0; font-size:14px;}







.sou{ height:75px; border-bottom:1px solid #dff1f1; line-height:75px;overflow:hidden; background:url(Img/Index/sou_bg.gif);}
.s_inp01{ margin-top:16px;}
.inp01{ width:412px; font:14px "Microsoft Yahei"; height:40px; line-height:40px; background:url(Img/Index/sou1.gif) no-repeat; border:0 ; color:#888; overflow:hidden;}
.inp02{ background:url(Img/Index/sou2.gif) no-repeat; width:29px; height:40px; border:0; cursor:pointer;}
.sou p{ width:710px; font:14px "Microsoft Yahei"; color:#888; height:75px; line-height:75px;}
.sou p a{color:#888; padding:0 8px;}




/*底部开始*/
.f_bg{ background:url(Img/Common/f_bg.gif) repeat-x; overflow:hidden; margin-top:30px;}
.f_ban{height: 99px;}
.f_ban p{ font-size:14px; color:#fff;float: left; padding:19px 0 0 40px;}
.f_ban i{display: block; font-size:18px; color:#fff; padding:0 0 10px;}
.f_p01{width: 320px; background:url(Img/Common/f_ico01.gif) no-repeat 0 19px;}
.f_p02{width: 500px; background:url(Img/Common/f_ico02.gif) no-repeat 0 19px;}
.f_ban span{display: block;float: right;width: 299px; border-left:#fff 1px solid;height: 99px;}
.f_ban span a{font-size: 14px;color: #fff; background:url(Img/Common/f_btn01.gif) no-repeat;display: block;width: 174px;height: 42px;text-align: center;line-height: 42px;overflow: hidden; margin:28px auto 0;text-align: center;}
.f_logo{width: 290px; padding:30px 0 0;height: 149px;}
.f_logo img{  background-color:#fff; padding:10px;}
.f_nav{ width:700px; padding-top:35px;}
.f_nav b{display: block;font-size: 16px;color: #000;height: 36px;}
.f_nav span,.f_link span{display:inline-block;width: 700px;}
.f_nav span a,.f_link span a{ font-size:14px; color:#666;display: block;width: 100px;float: left;line-height: 25px;}
.f_nav em{display: block; padding:15px 0 0; font-size:14px;}
.f_nav em a{ padding-left:20px;}
.f_link{ padding-left:175px; display:none;}
.f_er{ padding:20px 60px 0 0;width: 150px;text-align: center;}
.f_er img{ width:100px; height:100px;}
.f_er span{display: block;font-size: 14px;color: #000; padding:10px 0 0;}
.f_bot{font-size: 14px;color: #5a5a5a;height: 60px;line-height: 60px;overflow: hidden; border-top:#343434 1px solid;}
/*.f_bot span{display: block;float: left;}
.f_bot em{display: block;float: right;}*/
.f_bot a{font-size: 14px;color: #5a5a5a;}

/*底部结束*/




 /*temp.css*/
.nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(img/nodata.gif) no-repeat 20px 20px;}

/* -- 当前位置 -- */
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto; margin-bottom:0; height:340px;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:340px;}

.plc,.plc2{ background:url(Img/logo_03.png) no-repeat 2px 6px;height:32px;line-height:32px;padding:7px 8px 8px 42px; position:relative; color:#666; overflow:hidden; font-size:16px; border-bottom:1px solid #e2e9f3; padding-bottom:8px; font-family:"Microsoft Yahei","微软雅黑";}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:16px; color:#666;}
.red_x { color:#018abe; display:inline; font-family:"Microsoft YaHei"; font-size:16px;}
.plc .red_x,.plc2 .red_x,.plc span{ color:#018abe; font-weight:bold; font-size:16px;}
.red_x1 { color:#f00; display:inline; font-family:"Microsoft YaHei"; font-size:16px;}
.plc a:hover,.plc2 a:hover{ text-decoration:none; color:#018abe}



.right_nav{position: fixed;width: 57px; right: 0;top: 50%;margin-top: -123px;z-index: 100;}
.fixed_right_box{position: relative;}
.zx{display: inline-block; background: url(/qq/icon1.png) no-repeat center center;width: 30px;height: 46px;vertical-align: middle;transition: 0.8s all; line-height:46px;}
.phone{display: inline-block;background: url(/qq/icon2.png) no-repeat center center;width: 30px;height: 46px;vertical-align: middle;transition: 0.8s all; line-height:46px;}
.qq{display: inline-block;background: url(/qq/icon3.png) no-repeat center center;width: 30px;height: 46px;vertical-align: middle;transition: 0.8s all; line-height:46px;}
.weixin{display: inline-block;background: url(/qq/icon4.png) no-repeat center center;width: 30px;height: 46px;vertical-align: middle;transition: 0.8s all; line-height:46px;}
.scor_top{display: inline-block;background: url(/qq/icon5.png) no-repeat center center;width: 30px;height: 46px;vertical-align: middle;transition: 0.8s all; line-height:46px;}
.right_nav li span{margin-left: 12px;}
.right_nav_box{position: relative;}
.right_nav_box li{position: absolute;transition: 0.8s background-color; background-color: #018abe;height: 46px;line-height: 46px;padding: 0 15px;white-space: nowrap; /*border-top-left-radius: 20px;border-bottom-left-radius: 20px;*/ cursor:pointer;}
.right_nav_box li.li1{top: 0;}
.right_nav_box li.li2{top: 50px;}
.right_nav_box li.li3{top: 100px;}
.right_nav_box li.li4{top: 150px;}
.right_nav_box li.li5{top: 200px;}
.right_nav_box li:hover{background-color: #89c700;}
.right_nav_box li a{color: #fff;font-size: 16px; cursor:pointer;}
.ewm_pic{position: absolute;right: 70px;bottom: 0;visibility: hidden;opacity: 0;transition: 0.5s all;background-color: #fff;padding: 0px; width:130px; height:130px;}
.ewm_pic img{display: block; width:130px; height:130px;}
.ewm_pic.act{visibility:visible;opacity:1;}