/*重置*/
@charset "utf-8";
*{ margin:0px; padding:0px;}
a{ color: #333; text-decoration:none}
a:hover{color:#0086ec;}
table{border-collapse:collapse; border-spacing:0px;}
body{word-wrap:break-word;color: #333;font-size: 14px;line-height: 28px;font-family: "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";background: #f4f4f4;min-width: 1200px;max-width: 1920px;overflow-x: hidden;}
ul,dl,li,i{list-style:none;}
h1,h2,h3,h4,h5{font-weight:normal;}
i,em{font-style:normal;font-weight:normal;list-style:none;}
img{border: none;}

.clearfix{content: ""; height: 0; visibility: hidden; display: block; clear: both;}
.fl{float:left;}
.fr{float:right;}
.pr{position: relative;}
.pa{position: absolute;}
input[type="checkbox"]{vertical-align:-3px;margin-right:5px;cursor:pointer;}
input[type="radio"]{vertical-align:-3px;margin-right:5px;cursor:pointer;}

/*页头*/
.headerbg{width: 100%;height: 60px;background: #fff;position: fixed;top: 0;z-index: 99999}
.header{width: 1200px;height: 60px;margin: 0 auto;}
.logo{width: 169px;/*height: 32px;*/overflow: hidden;float: left;margin: -13px 0 12px;}
.logo a,.logo a img{width: 100%;height: 100%;overflow: hidden;display: block;}
.nav{  position:relative; z-index:1; width: 600px;height:60px;overflow: inherit;float: left;margin-left: 120px;}
.nav li.m{position: relative;width:100px;height: 60px;float: left;position: relative;}
.nav a{width:100%; text-align:center; color:#333;font-size: 14px;line-height: 60px;height: 60px;overflow: hidden;display: block;position: relative;}
.nav li.m a:hover,.nav li.cu>a{color: #0086ec;}
.nav li.m i{width: 30px;height: 4px;overflow: hidden;background: #0086ec;position: absolute;bottom: 0;left: 50%;margin-left: -15px;display: none;}
.nav li.m:last-child i{width: 60px;margin-left: -30px;}
.nav li.m:hover i,.nav li.cu i{display: block;}
.nav .sub{ display: none;position:absolute; left:0; top:60px; z-index:-1; width:100%;padding: 14px 0;background: #fff;}
.nav .sub li{height: 40px;overflow: hidden;}
.nav .sub li a{color:#888;font-size: 14px;text-align: center;line-height: 40px;width: 100%;height:40px;overflow: hidden;display:block;}
.nav .sub li a:hover,.nav .sub li.on a{color: #0086ec}
.login_try{width: auto;height: 60px;overflow: hidden;float: right;}
.login_try li{width: 80px;height: 60px;overflow: hidden;float: left;}
.login_try li a{width: 100%;height: 100%;overflow: hidden;display: block;text-align: center;}
.login_try li a.login{width: 79px;height: 16px;line-height: 16px;margin:22px 0;border-right:1px solid #eee;}
.login_try li a.free{background: url(../images/mfshiyong.png) no-repeat center;}


#banner{width: 100%;height: 620px;overflow: hidden;background-image: linear-gradient(-180deg, #002b6c 0%, #0083e6 100%);z-index: 9;}


/*尾部*/
.footerbg{width: 100%;overflow: hidden;background: #0086ec;}
.footer{width: 1200px;height: 120px;overflow: hidden;margin: 80px auto;color: #fff;}
.s_logo,.copyright{height: 120px;overflow: hidden;float: left;border-right: 2px solid #4dabf2;}
.s_logo{width: 332px;}
.s_logo img{width: 210px;height: 40px;overflow: hidden;display: block;margin: 32px 60px 48px 62px;}
.copyright{width: 674px;line-height: 34px;}
.copyright ul{width: 418px;height: 34px;overflow: hidden;margin: 26px auto 0;}
.copyright ul li{float: left;width: 54px;height: 34px;overflow: hidden;}
.copyright ul li.four{width: 74px}
.copyright ul li a{width: 100%;height: 100%;overflow: hidden;display: block;color: #fff;text-align: center;}
.copyright ul li a:hover{font-weight: bold;}
.copyright p{text-align: center;margin-bottom: 26px;}
.weixin{width: 190px;height: 120px;overflow: hidden;float: right;}
.weixin img{width: 90px;height: 90px;overflow: hidden;display: block;margin: 4px auto 10px}
.weixin p{font-size: 12px;line-height: 1;text-align: center;}

/*右边悬浮*/
.fixed{width: 44px;position: fixed;right: 0;top: 60%;z-index: 99999;display: none;}
.fixed_icon{width: 44px;position: absolute;right: 0}
.fixed_icon li{width: 44px;height: 44px;overflow: hidden;cursor: pointer;}
.fixed_icon li.zixun{margin-bottom: 2px;}
.fixed_icon li img{width: 44px;height: 44px;overflow: hidden;display: block;float: right;}
.fixed_icon li.zixun img{background: #0086ec;}
.fixed_icon li.totop img{background: #a6ceed;}
.fixed_icon li.totop:hover img{background: #0086ec;}
.fixed_top{width: 176px;height: 126px;overflow: hidden;padding: 30px 0 30px 24px;background: #fff;display: none;position: absolute;top: -186px;left: -156px;}
.fixed_top>li{width: 100%;height: 24px;overflow: hidden;position: relative;cursor: pointer;}
.fixed_top li.hotline{width: 100%;height: 33px;overflow: hidden;background: url(../images/hotline.png) no-repeat left 0;margin-bottom: 25px;}
.fixed_top li.shouqian{width: 100%;overflow: hidden;background: url(../images/shouqian.png) no-repeat left 0;margin-bottom: 20px;}
.fixed_top li.zhichi{width: 100%;overflow: hidden;background: url(../images/zhichi.png) no-repeat left 0;}
.fixed_top>li p{padding-left: 36px;line-height: 24px;}
.fixed_top li.hotline p{line-height: 1;}
.fixed_top li.hotline em{padding-left: 36px;font-size: 12px;line-height: 1;margin-top: 7px;display: block;}
.fixed_top>li i{width: 5px;height: 24px;overflow: hidden;background: #0086ec;position: absolute;right: 0;top: 0px;display: none;z-index: 99999}
.fixed_top li.hotline i{height: 30px;top: 3px}
.fixed_top>li:hover i{display: block;}

.qqchat{width: 52px;height: 24px;overflow: hidden;position: absolute;right: 12px;top: 0;}
.qqchat li{float: left;width: 16px;height: 24px;overflow: hidden;margin-right: 10px;}
.qqchat li a{width: 100%;height: 100%;display: block;background: url(../images/qq_10.png) no-repeat center;}


/*.fixed_bottom{width: 44px;position: absolute;right: 0}
.fixed_bottom li{width: 44px;height: 44px;overflow: hidden;cursor: pointer;}
.fixed_bottom li.zixun{background: #0086ec;margin-bottom: 2px;}
.fixed_bottom li.totop{background: #a6ceed;}
.fixed_bottom li.totop:hover{background: #0086ec;}
.fixed_bottom li img{width: 100%;height: 100%;overflow: hidden;display: block;}*/

/*.fixed_bottom li.zixun{margin-bottom: 2px;}
.fixed_bottom li a{width: 100%;height: 100%;overflow: hidden;display: block;}
.fixed_bottom li.zixun a{background: #0086ec url(../images/zixun.png) no-repeat center;}
.fixed_bottom li.totop a{background: #a6ceed url(../images/totop.png) no-repeat center;}
.fixed_bottom li a img{width: 100%;height: 100%;overflow: hidden;display: block;}
.fixed_bottom li.totop a:hover{background: #0086ec url(../images/totop.png) no-repeat center}*/


/*左边产品分类悬浮*/
.fixed-left{width: 60px;position: fixed;left: 256px;top: 40%;margin-top: -170px; z-index: 99999;/*display: none;*/}
.fixed-left ul{overflow: hidden;}
.fixed-left ul li{width: 60px;height: 60px;overflow: hidden;margin-top: 2px;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;-ms-border-radius: 1px;behavior:url(PIE.htc);}
.fixed-left ul li a{font-size: 18px;line-height: 20px;width: 38px;height: 40px;padding: 10px 11px;display: block;background: #dadada;}
.fixed-left ul li a:hover{color: #fff;background: #0086ec;}
.fixed-left ul li .hexin{color: #0086ec;font-size: 18px;line-height: 20px;font-weight: bold;width: 38px;height: 40px;padding: 10px 11px;display: block;}

#Mycanvas{position: absolute;top: 680px; z-index: -1;}