/*-------样式重置-------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,figcaption,figure{ margin:0; padding:0}
body { font:14px/24px "Microsoft YaHei","微软雅黑",arial,simsun,"宋体"; -webkit-text-size-adjust:none;word-break:break-all; background:#FFF;}
table { border-collapse:collapse;}
fieldset,img,a img{border:0}
img{vertical-align:middle; max-width:100%;}
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal}
ol,ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
:focus{outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
/*-------基本样式-------*/
.form label,.form input,.form select,.form textarea,.form button{float:left;font-size:12px;}
.f11{ font-size:11px}.f12{ font-size:12px;font-family:"Microsoft YaHei",arial;}.f14{ font-size:14px;font-family:"Microsoft YaHei",arial;}.f16{ font-size:16px;font-family:"Microsoft YaHei",arial;}.f22{ font:22px/150% "Microsoft YaHei",arial;}.f26{ font:26px/150% "Microsoft YaHei",arial;}
.fb14 { font-size:14px; font-weight:bold;}.f18{font-size:18px;font-family:"Microsoft YaHei",arial;}
.lh20{ line-height:20px} .lh22{ line-height:22px} .f30{font:30px/42px "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";}
.fb{ font-weight:bold;font-family:"Microsoft YaHei",arial;}
.no_unl{ text-decoration:none}.unl{ text-decoration:underline}
.fl{ float:left}.fr{ float:right}.tc{ text-align:center}.tl{ text-align:left}.tr{ text-align:right}.fn{float:none;}
.cb{ clear:both}.clearfix{*zoom:1}.clearfix:after{ content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.clear { clear:both; overflow:hidden; height:0px; font-size:0; line-height:0;}
.udis{ display:none}
.mt10{ margin-top:10px} 
.hr_5,.hr_10,.hr_15,.hr_120{ height:10px; font-size:0px; line-height:0px; clear:both}
.hr_5 { height:5px} 
.hr_10 { height:10px}
.hr_15 { height:10px}
.hr_120{height:120px;}
.cl { clear:both;}
/*-------链接-------*/
a { text-decoration:none; outline:none; color:#333;}
a:hover { text-decoration:none; }
/*-------结构样式-------*/
.mainFrame{ width:1000px; margin-left:auto; margin-right:auto}
.mainFrame_1225{ width:1225px; margin-left:auto; margin-right:auto;}
@media (max-width: 979px) {
	.mainFrame,.mainFrame_1225 {width:auto;}
}

/*-------公共-头部-------*/
.person_login,.cpy_cloud,.mail_icon,.phone_icon,.e_logined .person_login,.support_spotmau_icon,.person_login_active,.cpy_cloud_active{background:url(../images/icloud_icons.png) no-repeat;display:inline-block;}
.person_login{background-position:-304px -282px;}
.status span {background: url("about:blank");}
.person_login,.cpy_cloud,.person_login_active,.cpy_cloud_active{width:26px;height:26px;vertical-align:-4px;vertical-align:-8px;margin-right:7px;}
.e_logined a{color:#75bd52;}
.e_logined .person_login{background-position:-126px 0;}
.cpy_cloud{background-position:-253px -282px;}
.status{margin:20px 36px 0 0;background:#FFFFFF;}

/*-------产品主体-脚部-------*/
footer{height:140px;padding-top:30px;margin-top:96px;background:#FFFFFF;width:100%;min-width:1225px;}
footer nav{width:890px;margin:0 auto;}
.about_us li{margin-bottom:10px;}
.copyright{margin-right:0;}
.qr_code{margin:40px auto 0;width:472px;}
.qr_code li{margin:0 18px;float:left;}
.about_us a{color:#777777;font-family:"Microsoft YaHei"}
.about_us a:hover,.qr_code a:hover,.about_us a:hover,.nav li a:hover,.nav li a.active,.status a:hover{color:#578130;text-decoration:none;}
.e_logined a:hover{text-decoration:underline;}
.qr_code a{color:#9c9c9c;font-family:"Microsoft YaHei"}
.call_1719,.link_1719{margin-left:44px;color:#66c813;font-family:"Microsoft YaHei"}
.link_1719{margin-left:0;}
.copyright li{color:#808080;font-family:"Microsoft YaHei"}
.mail_icon,.phone_icon{width:25px;height:25px;vertical-align:-8px;margin-right:6px;}
.mail_icon{background-position:0 -322px;}
.phone_icon{background-position:-47px -322px;}
footer a{color:#9c9c9c}
.cl808080{color:#808080;}

/*-------导航-------*/
#menu{background:url(../images/nav_bg.png) repeat-y;position:fixed;left:0;top:0;width:96px;padding-right:47px;z-index:888;height:100%}
.us_icon,.solution_icon,.choose_icon,.reference_icon,.down_icon,.news_icon{background:url(../images/icons-1719.png) no-repeat;display:inline-block;}
#nav_logo { border-bottom: 1px solid #e6eaed;    height: 47px;text-indent: -9999px;background-position:0 -30px;width:59px;padding:40px 18px 39px 19px;background:url(../images/nav_logo.png) center center no-repeat;display:block;}
#menu li{height:89px;width:100%;text-align:center;border-bottom: 1px solid #e6eaed;}
#menu li a{height:89px;width:100%;display:block;overflow:hidden;}
#menu li span{display:block; margin-left:auto; margin-right:auto;}
.title_zh{color:#85969d;text-decoration:none;margin-top:6px;}
#menu li a:hover{text-decoration:none;background:#f8faf9;}
#menu li a:hover .title_zh{color:#696969;}
.us_icon{width:35px;height:34px;  background-position:0 -89px;margin-top:19px;}
.news_icon{background-position:0 -321px;width:36px;height:34px;margin-top:19px;}
.solution_icon{width:22px;height:40px;  background-position:0 -141px;margin-top:17px;}
.choose_icon{width:31px;height:31px;  background-position:0 -191px;margin-top:23px;}
.reference_icon{width:33px;height:26px;  background-position:0 -231px;margin-top:24px;}
.down_icon{width:46px;height:29px;  background-position:0 -266px;margin-top:20px;}
#menu li a.current{background:#f8faf9;}
#menu li a.current .title_zh{color:#696969;}
#menu li a:hover .us_icon,#menu li a.current .us_icon{width:35px;height:34px;  background-position:-65px -89px;margin-top:19px;}
#menu li a:hover .news_icon,#menu li a.current .news_icon{width:36px;height:34px;  background-position:-65px -321px;margin-top:19px;}
#menu li a:hover .solution_icon,#menu li a.current .solution_icon{width:22px;height:40px;  background-position:-65px -141px;margin-top:17px;}
#menu li a:hover .choose_icon,#menu li a.current .choose_icon{width:31px;height:31px;  background-position:-65px -191px;margin-top:23px;}
#menu li a:hover .reference_icon,#menu li a.current .reference_icon{width:33px;height:26px;  background-position:-65px -231px;margin-top:24px;}
#menu li a:hover .down_icon,#menu li a.current .down_icon{width:46px;height:29px;  background-position:-65px -266px;margin-top:20px;}
.nav_status{width:300px;position:fixed;bottom: 30px;height: 82px;left: 25px;}
.float_box{height:29px;padding:4px 18px 0 8px;border-radius:5px;position:absolute;background:#FFFFFF;box-shadow:2px 2px 5px #A4A4A4;cursor:pointer;}
.nav_status a.person_login,.nav_status a.cpy_cloud{position:absolute;cursor:pointer;left:8px}
.nav_status a.person_login{top:4px;}
.nav_status a.cpy_cloud{top:54px;}
.person_login_active{background-position:-304px -309px;}
.cpy_cloud_active{background-position:-253px -309px;}
.float_box a{color:#578130;}
.cpy_float_box{top:50px;}

/*-------导航小屏-------*/
@media screen and (max-height:786px){
#menu li span.title_zh{display:none;}
#menu li{height:62px;}
#menu li a{height:62px;}
#nav_logo{padding:16px 18px 15px 19px;}
.nav_status{bottom:4px;}
.us_icon{width:35px;height:34px;  background-position:0 -89px;margin-top:14px;}
.news_icon{background-position:0 -321px;width:36px;height:34px;margin-top:14px;}
.solution_icon{width:22px;height:40px;  background-position:0 -141px;margin-top:13px;}
.choose_icon{width:31px;height:31px;  background-position:0 -191px;margin-top:19px;}
.reference_icon{width:33px;height:26px;  background-position:0 -231px;margin-top:20px;}
.down_icon{width:46px;height:29px;  background-position:0 -266px;margin-top:16px;}
#menu li a:hover .us_icon,#menu li a.current .us_icon{width:35px;height:34px;  background-position:-65px -89px;margin-top:14px;}
#menu li a:hover .news_icon,#menu li a.current .news_icon{width:36px;height:34px;  background-position:-65px -321px;margin-top:14px;}
#menu li a:hover .solution_icon,#menu li a.current .solution_icon{width:22px;height:40px;  background-position:-65px -141px;margin-top:13px;}
#menu li a:hover .choose_icon,#menu li a.current .choose_icon{width:31px;height:31px;  background-position:-65px -191px;margin-top:19px;}
#menu li a:hover .reference_icon,#menu li a.current .reference_icon{width:33px;height:26px;  background-position:-65px -231px;margin-top:20px;}
#menu li a:hover .down_icon,#menu li a.current .down_icon{width:46px;height:29px;  background-position:-65px -266px;margin-top:16px;}
}

/*-------字体颜色-----*/
.clF{color:#FFF;}
.cl0{color:#000000;}
.clFF0{color:#ff0000;}
.cl4d4d4f{color:#4d4d4f;}
/*-----改版的基础样式----*/
.mt0{margin-top:0;}
.mt4{margin-top:4px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt12{margin-top:12px;}
.mt14{margin-top:14px;}
.mt16{margin-top:16px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt22{margin-top:22px;}
.mt24{margin-top:24px;}
.mt26{margin-top:26px;}
.mt28{margin-top:28px;}
.mt30{margin-top:30px;}
.mt32{margin-top:32px;}
.mt40{margin-top:40px;}
.mt42{margin-top:42px;}
.mt52{margin-top:52px;}
.mt60{margin-top:47px;}
.mt36{margin-top:36px;}
.mr6{margin-right:6px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr20{margin-right:20px;}
.mr14{margin-right:14px;}
.mr16{margin-right:16px;}
.mr26{margin-right:26px;}
.mr32{margin-right:32px;}
.mb4{margin-bottom:4px;}
.mb6{margin-bottom:6px;}
.mb10{margin-bottom:10px;}
.mb14{margin-bottom:14px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb24{margin-bottom:24px;}
.ml4{margin-left: 4px;}
.ml8{margin-left:8px;}
.ml14{margin-left:14px;}
.ml10{margin-left:10px}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml22{margin-left:22px;}
.ml24{margin-left: 24px;}
.ml34{margin-left: 34px;}

.p0{padding-left:0;padding-right:0;}
.p7{padding-top:7px;padding-bottom:7px }
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt10{padding-top:10px;}
.pt24{padding-top:24px;}
.pb0{padding-bottom:0;}
.pb6{padding-bottom:6px;}
.pb8{padding-bottom:8px;}
.pl14{padding-left:14px;}
.pt36{padding-top:36px;}


.h24{height:24px;line-height:24px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.hl22{line-height:23px;}
.hl28{line-height:28px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh40{line-height:40px;}

.w53{width:53px;}
.w124{width:124px;border:1px solid #680b0e;}
.w128{width:128px;}
.w141{width:141px;}
.w158{width:158px;}

.clF{color:#FFF;}
.cl0b{color:#0b6b98;}
.cl31{color:#313131;}
.cl51{color:#515151;}
.cl09{color:#0965ac;}
.cl4c{color:#4c4a4a}
.cl5c{color:#5c5c5c;}
.cl1f{color:#1f56a8;}
.cl63{color:#636363;}
.ti20{text-indent:20px;}
.ti24{text-indent:24px;}
.bg8e{background:#e8e8e8;}
.bgClfd{background:#fdf9f5;}
.tdud{text-decoration:underline;}
.f20{font:20px/150% "Microsoft YaHei",arial;}
.f24{font:24px/150% "Microsoft YaHei",arial;}