﻿@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%;outline: none;border: none;}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}

body { position:relative; color:#000; background:#fff; }
a { color: inherit; }
a:hover { text-decoration:none; color: #1391db;}
.wrap { position:relative; width:1000px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}

.header input{padding: 0 5px; width: 82px;height: 22px;border: 1px solid #ededed;border-radius: 5px;}
.header button{color: #fff;cursor: pointer; background: url(../images/btn.png) repeat-x;width: 89px;border-radius: 5px;height: 26px;border: 0;}
.header .login{padding: 15px 0 6px;}
.header .position{clear: right;}

.nav {background: url(../images/nav.png) repeat-x;}
.nav ul{background: url(../images/nav-inner.png);}
.nav li{float:left; }
.nav li a{display: block; padding:0 29px;height:45px; color:#fff; font-size: 14px; line-height: 45px; text-align:center; }
.nav li:first-child a{padding-left: 31px;}
.nav dd:hover a,.nav li:hover >a,.nav li.current >a{background: #7fc213;}

.nav dl{display: none; position: absolute;z-index: 2;background: #0c6ace;}
.nav dl dd:first-child {margin-top: 11px;}
.nav dl dd:first-child:after {content: '';position: absolute;width: 100%;height: 11px;right: 0;bottom: -11px;background: #0c6ace;}
.nav dl dd a{text-align: left;}
.nav li:hover dl{display: block;}



.banner { position:relative; width:100%;overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li{height: 252px;}
.banner .hd { position:absolute; bottom:20px; left:50%; width:1000px; margin-left:-500px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:9px; height:9px;border-radius: 50%;box-sizing: border-box; border: 1px solid #fff; margin:0 8px;background:transparent; text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:#fff; }



.footer { clear:both; background:#5c5c5c; overflow:hidden;border-top: 5px solid #1391db;}
.footer .copyright{color: #d4d4d4;font-family:Arial;margin-top: 46px;}
.footer .copyright p:first-child{font-family:sim Sun;}
.footer .nav-f{margin-right: -19px;margin-top: 19px;}
.footer dl{float: left;margin-left: 13px;}
.footer dl a{display: block;width: 72px;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer dt{color: #fff;margin-bottom: 10px;}
.footer dd{color: #9f9f9f;}

.fixed{background: #f7f7f7 url(../images/fixed.png) left bottom no-repeat;position: fixed; right: calc((100vw - 1000px - (100vw - 100%)) / 2 - 232px); top: 127px;width: 230px;height: 554px;border: 1px solid #e9e9e9;border-radius: 5px;overflow: hidden;}
.fixed h1,h2,h3{font-weight: normal;}
.fixed h1,.fixed h2{color: #0c6ace;}
.fixed h3{height: 29px;line-height: 29px;background: #0c6ace;color: #f7f7f7;text-align: center;font-size: 14px;}
.fixed .info{ padding:14px 10px 0;}
.fixed h1{font-size: 18px;line-height: 18px;}
.fixed h2{font-size: 16px;line-height: 18px;padding-top: 12px;}
.fixed p{font-family: sim Sun;position: relative;}
.fixed p.phone,.fixed p.address{padding-left: 36px;}
.fixed p.phone:before{content: "电话：";position: absolute;left: 0;}
.fixed p.address:before{content: "地址：";position: absolute;left: 0;}
.fixed p.email{padding-left: 48px;}
.fixed p.email:before{content: "E-mail：";position: absolute;left: 0;}
.fixed span{background-size: 106px 106px !important; position: absolute;right: 4px;bottom: 7px;line-height: 26px;padding-bottom: 106px;width: 103px;text-align: center;display:none}


.fixed-l{border-radius: 5px;overflow: hidden; border: 1px solid #e9e9e9; background: #fff; position: fixed;width:139px;top:50%;left: 1px;margin-top: -178px; text-align: center;}
.fixed-l h1{color: #fff; font-size: 16px;background: #ed2f23;line-height: 28px;}
.fixed-l h1 span{display: inline-block;width: 16px;height: 16px;border-radius: 50%;background: #a7a7a7;color: #fff;padding:0;margin-left: 6px;line-height: 15px;cursor: pointer;}
.fixed-l h1 span:hover{color: #f30025;}
.fixed-l .qqgroup{padding: 14px 20px 2px;}
.fixed-l .qqgroup a{display: block;width: 98px;background: url(../images/sale2.png) no-repeat center;height: 25px;margin-bottom: 14px;}
.fixed-l .qqgroup a.tec{background: url(../images/tec.png) no-repeat center;}
.fixed-l .qqgroup a.sale1{background: url(../images/sale1.png) no-repeat center;}
.fixed-l .qqgroup a.cus{background: url(../images/cus.png) no-repeat center;}
.fixed-l span{display: block;font-family: sim Sun;}
.fixed-l p{font-family: sim Sun;line-height: 29px;background: #184ca0;color: #f7f7f7;}
.fixed-l span{color: #000;margin-bottom: 6px;}
.fixed-l img{padding:12px 0 5px;}

