/* Author: QQ:31784849, http://www.magbox520.com/,旺旺：嘀哒嘀哒嘀*/
@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, div,from{margin: 0; padding: 0}
div{ margin:0 auto}
a{ text-decoration:none; outline:none}
body,button, input, select, textarea,h1, h2, h3, h4, h5, h6,code,li,p,span{font-family:\5fae\8f6f\96c5\9ed1, \9ed1\4f53, \5b8b\4f53,Arial;outline:none}
ul{list-style: none}
body{background-color:#fff}
a{outline:none; text-decoration: none}
a:hover{text-decoration:none; color:#f47504}
img{border:0}
.fl{float:left}
.fl dd{padding:5px;background:none}
.fr{float:right}

/*common*/
.content,.flash,.headContent,.nav,.service,.warp,.function,.news,.onCase,.friendship,.footContent,.productFlash,.footNav,.price,.agentContent,.newsShow,.funInf,.funContent,.links{width:1020px;clear:both; position:relative}
.headContent i,.fun p,.onCase a.prev,.onCase a.next,.fastLink span,.weiXin i,.arrowIcon,.slideItem li,.slideItem li.on{background:url(../images/common/homeIcon.png) no-repeat;display:inline-block}
.loginLink,a.regLink,.closeIcon,.backToTop,.meunContent li a,.meunContent .cur,.openOrder dt,.keIcon,.usre a,.down p,.flashInf a,.down a,.register{background:url(../images/common/btns.png) no-repeat;display:inline-block}

/*head*/
.head{width:100%;height:32px; background-color:#fafafa}
.logo{background:url(../images/common/logo.jpg?ver=2) no-repeat;width:136px; height:70px}
.logo a{width:136px; height:70px; display:inline-block}

.headContent h1{font-size:12px;font-weight:normal; color:#676566; line-height:32px}
.headContent li{float:left; font-size:12px; margin-left:8px; height:32px; line-height:32px; color:#676566; position:relative; vertical-align:middle}
.headContent li a{color:#676566; padding:0 5px; line-height:32px; display:inline-block}
.headContent li a:hover,.nav li a:hover,.companyNews code a:hover,.companyNews a:hover,.friendship li a:hover,.footContent li a:hover,.fastLink a:hover,.meunContent dt a:hover,.meunContent dd a:hover,.place a:hover,.prodouct a:hover,.footNav a:hover,a.priceLink:hover,.handbook li a:hover,.help dt a:hover,.help dd a:hover,.job a:hover,.newsList dt a:hover,.onCase a:hover,.friendship a:hover,.links li a:hover,.demonstrate a:hover{color:#f47504}
.headContent i.loginIcon,.headContent i.phoneIcon{height:13px; width:13px;vertical-align: middle; margin-right:5px}
.headContent i.loginIcon{background-position:-113px 0}
.headContent i.phoneIcon{background-position:-133px 0}
.headContent i.serviceIcon{height:20px; width:105px;margin-top:5px}

/*nav*/
.nav{height:85px; margin:10px auto 0 auto; z-index:10}
.nav li{float:left; margin:22px 0 0 30px; font-size:15px; position:relative}
.nav li a{color:#555}
.nav .curr a{color:#f47504; font-weight:bold}
.dorpBox{position:absolute;z-index:15;display:none; background-color:#fff;width:150px}
.dorpBox dt{width:150px;background:url(../images/common/dorpBoxBg.png) top #fff no-repeat; height:13px}
.dorpBox dd{height:36px;line-height:36px;border-bottom:1px solid #f0f0f0;text-align:center;font-weight:normal; background-color:#fff}
.dorpBox dd a{display:block;font-size:14px;color:#5c5c5c!important; font-weight:normal!important}
.dorpBox dd a:hover{background-color:#f47504; color:#fff!important}

/*friendship   background:url(../images/common/friendshipLine.png) no-repeat right;margin-right:10px; */
.friendship{height:160px;}
.companyNews h4,.onCase h5,.friendship h6{height:40px; border-bottom:1px solid #e6e6e6; line-height:40px; margin-bottom:10px}
.companyNews span,.onCase span,.friendship span{background:url(../images/common/lineArrow.png) no-repeat left;font-size:16px;color:#555;padding-left:10px}
.friendship ul{margin-bottom:15px;}
.friendship li,.links li{float:left; font-size:12px; width:100px; padding-right:12px; line-height:25px;}
.friendship li a,.links li a{color:#666}

/*foot*/
.foot{width:100%; background-color:#5f6064; height:150px}
.footContent li{float:left; width:90px; height:140px; margin-top:10px}
.footContent li a{display:inline-block; font-size:12px; color:#fff; width:90px;line-height:26px; height:26px}
.footContent dl{margin:10px 0 0 40px; font-size:12px; color:#fff}
.footContent dt{height:32px; line-height:32px}
.footContent p{width:95px; height:95px; margin-top:18px}

/*fastLink*/
.fastLink{width:66px;position:fixed; right:20px; top:50px; z-index:100}
.fastLink .s1,.fastLink .s2,.fastLink .s3,.fastLink .s4{text-align:center;font-size:12px;padding:5px 0;color:#e28967;width:66px;display: block;border:solid  #f0f0f2; border-width:1px 1px 0 1px; background-color:#fff8e5}
.fastLink code{height:24px; line-height:24px}
.fastLink .noLine{border-bottom: solid 1px #f0f0f2}
.fastLink span{display:block; margin:5px auto}
.fastLink .s1 span{width:45px; height:55px; background-position:-162px 0}
.fastLink .s2 span{width:27px; height:27px; background-position:-227px 0}
.fastLink .s2:hover span{background-position:-435px 0}
.fastLink .s3 span{width:30px; height:28px; background-position:-278px 0}
.fastLink .s3:hover span{background-position:-433px -44px}
.fastLink .s4 span{width:29px; height:29px; background-position:-330px 0}
.fastLink .s4:hover span{background-position:-434px -90px}
.fastLink i{background:url(../images/common/kefu.png) no-repeat; width:60px; height:90px; margin:5px auto; display:inline-block}

.weiXin{background-color:#f47504; height:160px; width:140px; position:absolute; bottom:0; right:80px; display:none}
.weiXin dl{background-color:#fff; padding:5px; width:122px; margin:5px auto 0 auto; font-size:12px; text-align:center}
.weiXin i{width:7px; height:13px; background-position:-456px -131px; position:absolute; right:-7px; bottom:30px}

/*login  right:80px;*/
.login{background-color:#f47504;width:400px; height:280px; position:absolute;top:50px; z-index:100; right:80px;box-shadow:0 0 10px #febc81,0 0 20px #febc81 inset; display:none; font-size:12px;padding:2px;}
.lstart{width:400px; height:270px;font-size:12px}
.login dl,.lstart dl{background-color:#fff; margin:2px auto; width:396px; height:266px; padding-top:10px}
.login dt,.lstart dt{font-size:16px; font-weight:bold; padding:8px 20px 0 20px; color:#666}
.login dd,.lstart dd{margin:10px auto;height:44px; width:350px}
.login input,.lstart input{vertical-align:middle}
.loginInput,.regInput{height:40px; border:1px solid #ddd; line-height:40px; font-size:14px; color:#999}
.loginInput{text-indent:30px; width:350px}
.regInput{text-indent:5px;width:280px}
.regOnInput,.onInput{height:40px; border:1px solid #31a808; line-height:40px; font-size:14px; color:#444}
.regOnInput{width:280px;text-indent:5px}
.onInput{width:350px;text-indent:30px}
.loginIcon_1{background:url(../images/common/loginIcon_1.png) 8px 16px no-repeat}
.loginIcon_2{background:url(../images/common/loginIcon_2.png) 8px 16px no-repeat}
.login code a{color:#2c96d4}
.loginLink,a.regLink{width:135px;height:44px;text-align:center;line-height:44px; font-size:16px;color:#fff!important; padding:0!important}
.loginLink,.usre a.usre_1{background-position:0 -161px}
.loginLink:hover,.usre a.usre_1:hover{background-position:-150px -161px}
a.regLink,.usre a.usre_2{background-position:0 -220px}
a.regLink:hover,.usre a.usre_2:hover{background-position:-150px -220px}
.arrowIcon{width:23px; height:14px; background-position:-440px -156px; position:absolute; top:-12px; left:125px}
.closeIcon{width:10px; height:10px; cursor:pointer; position:absolute; right:10px; top:10px;background-position:-308px -154px}
.closeIcon:hover{background-position:-338px -154px}
.login code{color:#666}

/*sideNav*/
.sideNav,.meunContent{width:210px; margin-bottom:20px}
.sideNav .tit{border-bottom:1px solid #EDEDED;height:32px;margin-bottom:2px;padding:22px 0 10px}
.sideNav .tit .fsp{color:#f5731b;float:left;font:36px/32px Arial; margin-right:7px}
.sideNav .tit h3{color:#8F9095;font:12px/16px \5fae\8f6f\96c5\9ed1;text-transform:uppercase}
.sideNav .tit h2{color:#1C1F2E;font:bold 12px/16px \5fae\8f6f\96c5\9ed1}
.meunContent dt,.meunContent dd{font-size:12px;line-height:30px;border-bottom:1px dashed #dadada}
.meunContent dt{padding:3px 0 3px 38px}
.meunContent .cur{width:210px; height:30px; background-position:0 -381px; line-height:30px; font-weight:bold; padding:0; text-indent:15px}
.meunContent .cur a{color:#fff}
.meunContent .cur a:hover{color:#fff}
.meunContent dt{background:url(../images/common/liArrow.png) 28px 15px no-repeat}
.meunContent dd a{background:url(../images/common/liArrow.png) 38px 15px no-repeat}
.meunContent dt a{color:#666; display:inline-block; width:100%}
.meunContent dd a{width:162px; padding:3px 0 3px 50px;display:inline-block; height:30px; color:#666;border-bottom:1px dashed #dadada}
.meunContent .noLine{border-bottom:none}
.dtIcon{background:url(../images/common/dtIcon.png) 28px 15px no-repeat!important}
.meunContent li a{width:210px; margin-top:10px}
.meunContent li a.regLink{height:46px; background-position:0 -274px; text-align:center; font-size:18px; line-height:44px}
.meunContent li a.regLink:hover{background-position:0 -327px}

/*place*/
.mian{width:760px; margin-bottom:30px}
.place{border-bottom: 1px solid #EDEDED; font-size:12px; line-height:36px;height:36px; padding-top:28px}
.place h2{color:#666;font-size:13px;font-weight:bold}
.place h3{color:#777;font-size:12px; font-weight:normal}
.place a,.footNav a{color:#777}
.place h2 strong{color:#F5731B;text-transform:uppercase; margin-left:5px}

.title{margin:20px 0; height:40px; background:url(../images/common/titleLine.png) center repeat-x}
.title h4{background-color:#fff; margin-right:10px; font-size:22px; color:#666; font-weight:normal; width:180px}
.title i{display:inline-block;background:url(../images/common/titleArrow.png) left no-repeat; vertical-align:middle; width:8px; height:12px; margin-right:10px}

.productFlash dl{position:absolute; top:90px; right:20px}
.productFlash dd{ margin-bottom:20px}
/*backTop*/
.backTop,.backTop:hover{text-align:center;left:50%;bottom:0;margin-left:490px;color:#fff;z-index:1005;display:none}
.icon_backtop{width:48px;height:48px; background-position:-313px -173px;margin:0 auto;display:block}
.backToTop{display: none; position: fixed;_position: absolute; right:90px; bottom:140px;_bottom: "auto";cursor: pointer;width:48px;height:48px; background-position:-313px -173px;z-index:1005}
.backToTop:hover{background-position:-313px -233px}

/*footNav*/
.footNav{height:30px; border-top:1px solid #E5E5E5; margin:20px auto; padding-top:16px}
.footNav h3{color:#777;font-size:14px; font-weight:normal}

/*verify*/
.verify,.regVerify,.setVerify{position:absolute; font-size:12px; margin-left:5px;}
.verify{left:310px;top:6px}
.regVerify{left:385px;top:0; _top: 3px}
.setVerify{left:250px;top:0; _top: 3px}

.verify .tips,.verify .error,.regVerify .tips,.regVerify .error,.verify .registered,.regVerify .registered{padding:4px 0 0 20px;vertical-align:middle}
.verify .tips,.verify .registered{color:#555;background:url(../images/common/tipsIcon.png) 4px 6px no-repeat}
.regVerify .tips,.regVerify .registered{color:#555;background:url(../images/common/tipsIcon.png) 4px 12px no-repeat}
.verify .error{color:#f00;background:url(../images/common/errowIcon.png) 4px 6px no-repeat}
.regVerify .error{color:#f00;background:url(../images/common/errowIcon.png) 4px 12px no-repeat}
.verify .success,.regVerify .success{background:url(../images/common/successIcon.png) no-repeat; display:inline-block; width:16px; height:16px; margin:6px 0 0 4px;vertical-align:middle}


.digg {margin:10px 0 3px 0; padding:3px; text-align:center; font-size:12px}
.digg a{padding:2px 5px; margin:2px;text-decoration:none}
.digg a{color:#333;border:1px solid #acabab}
.digg a:hover{border:#f77404 1px solid; background-color:#f77404;color:#fff}
.digg a:active {border:#000099 1px solid color:#000}
.digg span.current,#digg span.current{padding:2px 5px; margin:2px;text-decoration:none}
.digg span.current{border:1px solid #fff; color:#fff}
.digg span.disabled{border:#eee 1px solid; padding:2px 5px; margin:2px;}
.digg span.current{ border:1px solid #f77404; color:#f77404}

/*funContent*/
.funContent{margin:20px 0 50px 0}
.funContent table{border-collapse:collapse; border:1px solid #ededed}
.funContent table td{border:solid #ededed; border-width:0 1px 1px 0; color:#555; text-align:center; height:36px; color:#777; font-size:14px}

.copyright{width:180px; height:140px; margin-top:10px}
.copyright dt{line-height:26px;height:26px;font-size:15px;color:#555}
a.copyLink_1,a.copyLink_2{display:inline-block; height:40px; width:140px; line-height:40px;margin:5px auto; color:#fff; text-align:center}
a.copyLink_1{background-color:#2eb206}
a.copyLink_1:hover{background-color:#4bc726}
a.copyLink_2{background-color:#ff6600}
a.copyLink_2:hover{background-color:#ffa800}

/*links*/
.links{padding:20px 0; min-height:400px}
.links h2{color:#666;font-size:16px; height:30px; margin:0 0 10px 20px; float:left}
.links ul,.links dl{margin-left:20px; min-height:200px; width:980px}
.links li{float:left; margin-bottom:5px; height:30px; line-height:30px}
.links dd{float:left;margin:0 4px}

/*demonstrate*/
.demonstrate{width:720px; padding:10px 20px 20px 40px}
.demonstrate h4,.jobInf h4{color:#666; font-size:16px; margin-bottom:20px; font-weight: bold}
.demonstrate dl{width:212px; float:left; margin:10px 60px}
.demonstrate img{border:1px solid #ddd; padding:1px}
.demonstrate dt{width:216px; height:136px; margin-bottom:4px; overflow:hidden}
.demonstrate dd{text-align:center; font-size:15px; height:40px; line-height:40px}
.demonstrate a{color:#555}

.jobInf dl{margin:0 0 20px 30px;color:#666}
.jobInf dt{margin-bottom:10px; font-size:16px}
.jobInf dd{line-height:28px; font-size:14px}