html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font-family: "Microsoft Yahei";vertical-align:baseline;}
blockquote, q{quotes:none;}
a {    color: #888;    text-decoration: none; font-size:14px;}
ul,li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:"";content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
html, body{overflow: hidden;}
.box .load{position: absolute;left: 0;top: 0;z-index: 900;width: 100%;height: 100%;}
.load_bg{width: 100%;height: 100%;background: #fff;}
.load p{position: absolute;left: 50%;top: 50%;z-index: 200;width: 32px;height: 32px;overflow: hidden;margin: -16px 0 0 -16px;}
.load .loadTxt{width: 400px;height: 86px;margin: 50px 0 0 -200px;text-align: center;color: #666;font-weight: bold;font-size: 30px;}
/**header**/
.wrapHeader{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 65px;background: url(/assets/img/sprite.png) repeat-x;}
.header{width: 960px;height: 60px;margin: 0 auto;}
.logo{float: left;width: 143px;height: 60px;margin-right: 105px;}
.nav{list-style: none;float: left;font-weight: bold;font-size: 14px;line-height: 60px;}
.nav li{float: left;}
.nav a{float: left;padding: 0 21px;color: #888;text-decoration: none;}
.nav a:hover, .nav .cur{color: #fff;background: #00dfb9;}
.fixedNav{display: none;position: fixed;left: 50%;top: 50%;z-index: 1000;width: 24px;height: 141px;margin-top: -80px;padding-top: 24px;background: url(/assets/img/sprite.png) no-repeat 0 -110px;list-style: none;}
.fixedNav li{float: left;position: relative;width: 100%;height: 16px;padding-left: 3px;margin-bottom: 5px;}
.fixedNav .icon{display: block;width: 16px;height: 16px;background: url(/assets/img/sprite.png) no-repeat -40px -131px;cursor: pointer;}
.fixedNav .txt{display: none;position: absolute;left: -80px;top: 0;width: 76px;height: 19px;background: url(/assets/img/sprite.png) no-repeat 0 -80px;color: #fff;font-size: 12px;line-height: 19px;text-align: center;}
.fixedNav .cur .icon{background: url(/assets/img/sprite.png) no-repeat -40px -110px;}
/**鍐呭**/
.wrapBox{position: fixed;top: 60px;width: 100%;}
.box{position: relative;left: 50%;margin-left: -960px;width: 1920px;height: 800px;overflow: hidden;/*background-attachment: fixed;background-repeat: no-repeat;background-position: 50% 55px;behavior: url(ie-css3.htc); This lets IE know to call the script on all elements which get the 'box' class *//*behavior: url(PIE.htc); This lets IE know to call the script on all elements which get the 'box' class */}
.box_fixed{position: relative!important;width: 100%;height: 570px;}
.box div{position: absolute;z-index: 100;}
.box .zIndex10{z-index: 10;}
.box .zIndex40{z-index: 40;}
.box .zIndex50{z-index: 50;}
.box .zIndex150{z-index: 150;}
.box .zIndex160{z-index: 160;}
.sysfont{font-family: zhonghei;}
/**box1**/
.b1_bg{background: url(/assets/img/b1_bg.jpg) 50% bottom;}
.b1_01{left: 200px;top: 285px;}
.b1_02{left: 365px;top: 15px;}
.b1_03{left: 1080px;top: 235px;}
.b1_03 img{display: block;}
.b1_03 a{float: left;margin: 15px 0 0 10px;opacity: .5;}
.b1_04{left: 1380px;top: 405px;}
.b1_03_btn{opacity: .5;}
.b1_03_btn.anima{opacity: .5;-webkit-animation-name: 'opt'; /*鍔ㄧ敾鍚嶇О*/-webkit-animation-duration: 2s;/*鎾斁涓€娆℃墍鎸佺画鏃堕棿*/-webkit-animation-timing-function: ease;/*鍔ㄧ敾鎾斁棰戠巼*/-webkit-animation-iteration-count: infinite;/*鍔ㄧ敾鎾斁娆℃稈涓烘棤闄愭*/} @-webkit-keyframes 'opt'{from{opacity: .5;} 50%{opacity: 1;} to{opacity: .5}}
/**box2**/
.b2_bg{/*background-image: url(/assets/img/b2_bg.jpg);*/}
.b2_01{left: 130px;top: 175px;}
.b2_02{position: absolute;z-index: 100;left: 780px;top: 110px;color: #fff;font-size: 18px;width: 580px;}
.b2_07{position: absolute;z-index: 100;left: 730px;top: 305px;color: #fff;font-size: 14px;width: 580px;}
.b2_03{left: 600px;top: 30px;}
.b2_04{left: 1100px;top: 100px;}
.b2_06{left: 1260px;top: 200px;}
/**box3**/
.b3_bg{/*background-image: url(/assets/img/b3_bg.jpg);*/    color: #fff; font-size:13px;}
.box_tl{left: 50%;top: 30px;width: 960px;height: 100px;margin-left: -480px;border-bottom: 1px solid #e5e5e5;text-align: center;}
.box_center{left: 50%;top:20px;width: 960px;;margin-left: -480px;text-align: center;}
.clfea005{color: #fea005;}
.box_tl h2{height: 60px;font-size: 30px;font-weight: bold;}
.box_tl p{    color: #f1f1f1;font-family: Arial;font-size: 16px;}
.b3_img{left: 50%;top: 180px;width: 371px;height: 347px;margin-left: -185px;opacity: 0;}
.b3_img.transform{-webkit-transform: rotate(0deg);-webkit-animation-name: "rotate";-webkit-animation-duration: 3s;-webkit-animation-iteration-count: 1;-webkit-transition-timing-function: linear;}
@-webkit-keyframes 'rotate'{from{-webkit-transform: rotate(0deg);} to{-webkit-transform: rotate(360deg);}}
.b3_txt{top: 230px;left: 500px;font-size: 12px;line-height: 20px;}
.b3_txt strong{display: block;height: 25px;color: #fea005;font-size: 18px;}
.b3_01{top: 201px;left: 525px;width: 290px;text-align: right;}
.b3_02{top: 201px;left: 1110px;width: 266px;}
.b3_03{top: 332px;left: 1170px;width: 290px;}
.b3_04{top: 463px;left: 1110px;width: 290px;}
.b3_05{top: 463px;left: 525px;width: 290px;text-align: right;}
.b3_06{top: 332px;left: 464px;width: 290px;text-align: right;}
/**box4**/
.b4_bg{/*background-image: url(/assets/img/b4_bg.jpg);*/color: #fff;}
.b4_tl{position: absolute;left: 0;top: 50px;width: 350px;font-size: 35px;}
.b4_tl span{display: block;font-size: 30px;}
.b4_txt_box{left: 500px;}
.b4_txt{left: 0;width: 560px;font-size: 12px;}
.b4_txt strong{font-size: 16px;line-height: 25px;}
.b4_txt01{top: 130px;}
.b4_txt02{top: 212px;}
.b4_txt03{top: 294px;}
.b4_txt04{top: 376px;}
.b4_txt05{top: 458px;}
.b4_txt06{top: 540px;}
.b4_01, .b4_02{top: 50px;}
.b4_01 .tl, .b4_02 .tl{position: absolute;top: 475px;left: 0;width: 100%;font-size: 18px;text-align: center;}
.b4_01{left: 940px;}
.b4_02{left: 1195px;}
/**box5**/
.b5_bg{/*background-image: url(/assets/img/b5_bg.jpg);*/color: #666;}
.b5_tl{top: 20px;height: 80px;border-bottom-color: #d3e1c9;}
.b5_tl h2{height: 50px;font-size: 38px;}
.b5_txt{position: absolute;left: 50%;top: 70px;width: 960px;margin-left: -480px;color: #bcbcbc;font-size: 14px;text-align: center;}
.b5_01{left: 350px;top: 135px;left: 50%;margin-left: -500px;width:1000px;}
.b5_01 ul{ width:1000px;}
.b5_01 ul li{    width: 230px;    margin: 0 10px;    border-bottom: 2px solid #3F778F;    cursor: pointer;    float: left;    height: 278px;}
.b5_01 ul li img { width: 230px;   height: 140px;}
.b5_01 ul a:hover{
    display:block;
    width:230px;
    height:278px;
    background-color:#3F778F;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -ms-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;

}
.b5_01 ul a p {
    margin: 10px 20px;
    color: #999;
    font-size: 14px;
    line-height: 26px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 10;
}
.b5_01 ul a p:hover{	color:#FFF;}
.b5_02{left: 350px;top: 425px;left: 50%;margin-left: -500px;width:1000px; text-align:center;}
.b5_02 a.more {
    display:block;
    margin:0 auto;
    margin-top:50px;
    font-family: zhonghei;
    width:120px;
    padding:5px 0px;
    color:#fff;
    background-color:#00AFEC;
    font-size:26px;
    text-align:center;
    text-decoration:none;
    border:1px dotted #00AFEC;
    -webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -ms-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
}
.b5_02 a.more:hover {
    color: White;
    background: #3F778F;}

.b5_ico{left: 930px;top: 160px;font-size: 12px;text-align: center;}
.b5_ico p{position: absolute;background: url(/assets/img/b5_ico.png) no-repeat;}
.b5_ico .b5_ico01{top: 128px;width: 125px;height: 140px;background-position: 0 -148px;}
.b5_ico .b5_ico02{top: 66px;left: 125px;width: 125px;height: 140px;background-position: -126px -72px;}
.b5_ico .b5_ico03{top: 204px;left: 125px;width: 125px;height: 140px;background-position: -126px -213px;}
.b5_ico .b5_ico04{left: 280px;top: -20px;width: 154px;height: 150px;background-position: -274px 20px;}
.b5_ico .b5_ico05{left: 280px;top: 123px;width: 154px;height: 150px;background-position: -274px -138px;}
.b5_ico .b5_ico06{left: 280px;top: 270px;width: 154px;height: 150px;background-position: -274px -288px;}
/**box6**/
.b6_bg{/*background-image: url(/assets/img/b6_bg.jpg);*/color: #fff;}
.b6_tl{position: absolute;left: 500px;top: 15px;width: 350px;font-size: 38px;}
.b6_tl span{display: block;padding-top: 5px;font-weight: normal;font-size: 16px;font-family: 'Arial';}
.b6_cont{left: 480px;top: 50px;width: 960px;height: 500px;font-size: 14px;}
.b6_img{left: 44px;top: 68px;}
.b6_txt01{left: 220px;top: 45px;}
.b6_txt02{left: 570px;top: 55px;}
.b6_txt03{left: 710px;top: 202px;}
.b6_txt04{left: 630px;top: 420px;}
.b6_txt05{left: 370px;top: 500px;}
.b6_txt06{left: 104px;top: 400px;}
.b6_txt07{left: 38px;top: 202px;}
.b6_cont i{display: block;position: absolute;width: 10px;height: 10px;background: url(/assets/img/b6_ico.png) no-repeat;}
.b6_txt01 i{left: 98px;top: 26px;}
.b6_txt02 i{left: -19px;top: 16px;}
.b6_txt03 i{left: -16px;top: 14px;}
.b6_txt04 i{left: 14px;top: -21px;}
.b6_txt05 i{left: 66px;top: -21px;}
.b6_txt06 i{left: 121px;top: -1px;}
.b6_txt07 i{left: 139px;top: 15px;}
.b6_arrow{left: 430px;top: 188px;width: 30px;height: 34px;overflow: hidden;}
.b6_arrow em{display: block;position: absolute;top: 0;width: 12px;height: 34px;}
.b6_arrow01{left: 1px;background: url(/assets/img/b6_arrow.png) no-repeat;}
.b6_arrow02{left: 17px;background: url(/assets/img/b6_arrow.png) no-repeat -16px 0;}
.b6_01{left: 1020px;top: 180px;}
/**box7**/
.b7_bg{/*background-image: url(/assets/img/b7_bg.jpg);*/}
div.b7_tl{top: 30px;height: 70px;}
.b7_tl h2{color: #6e6e6e;font-size: 38px;}
.b7_tl p{font-size: 12px;font-family: "Microsoft Yahei";}
div.b7_contact{position: static;width: 960px;height: 75px;margin: 0 auto;padding-top: 135px;}
.b7_contact .tel{float: left;width: 280px;padding-left: 100px;font-size: 30px;}
.b7_contact .service{float: left;width: 380px;    color: #fea005;    font-size: 30px;}
.b7_contact .service strong{float: left;width: 115px;height: 40px;overflow: hidden;background: url(/assets/img/b7_sprite.png) no-repeat -125px -103px;text-indent: -9999px;}
.b7_contact .service .qq{float: left;width: 31px;height: 40px;margin-right: 9px;background: url(/assets/img/b7_sprite.png) no-repeat;}
.b7_contact .service .qq01{background-position: 0 -111px;}
.b7_contact .service .qq02{background-position: -40px -110px;}
.b7_contact .service .qq03{background-position: -80px -111px;}
.b7_contact .bocService{float: left;width: 213px;height: 46px;margin-top: -8px;background: url(/assets/img/b7_sprite.png) no-repeat 0 -50px;}
div.b7_bottom{position: static;width: 960px;margin: 0 auto;}
div.b7_bottom div{position: static;}
.b7_map{float: left;width: 455px;}
.b7_map .txt{height: 29px;color: #6e6e6e;font-size: 14px;}
.b7_map .img{float: left;border: 1px solid #ccc;}
.b7_map .img img{vertical-align: top;}
.b7_msg{float: left;width: 505px;}
.b7_05{ clear:both;}
.b7_msg h4{height: 30px;color: #6e6e6e;font-weight: normal;font-size: 18px;}
.b7_msg h4 span{color: #ccc;font-size: 16px;}
.b7_msg .row{overflow: hidden;margin-bottom: 12px;}
.b7_msg input{float: left;width: 217px;height: 18px;padding: 10px 14px;outline: none;border: 0;background: url(/assets/img/b7_sprite.png) no-repeat 0 -160px;color: #b3b3b3;font-size: 14px;font-family: "Microsoft Yahei";line-height: 18px;}
.b7_msg .name{margin-right: 15px;}
.b7_msg .companyName{width: 477px;background-position: 0 -209px;}
.b7_msg textarea{width: 477px;height: 125px;padding: 10px 14px;outline: none;border: 0;background: url(/assets/img/b7_sprite.png) no-repeat 0 -259px;color: #b3b3b3;font-size: 14px;font-family: "Microsoft Yahei";line-height: 18px;resize: none;}
.b7_msg .btn{display: block;width: 156px;height: 38px;background: url(/assets/img/b7_sprite.png) no-repeat;color: #fff;font-weight: bold;font-size: 16px;text-align: center;line-height: 38px;text-decoration: none;}



.b1_bg .box{position:relative;margin-top:-55px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.b1_bg .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.b1_bg.active .box .caption{-moz-opacity:1;opacity:1;}
.b1_bg .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:320px;height:31px;background:url(/assets/img/words.png) no-repeat 0px -294px;}
.b1_bg .box .caption span{font-size:24px;letter-spacing:3px;}
.b1_bg .box ul.items{margin:0 auto;margin-top:60px;}
.b1_bg .box ul.items li{width:160px;height:300px;margin:0 8px;background:url(/assets/img/bg_green.png) no-repeat 0px 400px;overflow:hidden;}
.b1_bg .box ul.items li i{display:block;position:relative;margin:0 auto;margin-top:43px;height:69px;}
.b1_bg .box ul.items li.pc i{width:69px;background:url(/assets/img/words.png) no-repeat -245px -357px;}
.b1_bg .box ul.items li.mobi i{width:64px;background:url(/assets/img/words.png) no-repeat -416px -291px;}
.b1_bg .box ul.items li.sys i{width:76px;background:url(/assets/img/words.png) no-repeat -415px -362px;}
.b1_bg .box ul.items li.app i{width:74px;background:url(/assets/img/words.png) no-repeat -244px -439px;}
.b1_bg .box ul.items li.host i{width:79px;background:url(/assets/img/words.png) no-repeat -420px -439px;}
.b1_bg .box ul.items li u{display:block;position:absolute;width:156px;height:156px;margin-left:22px;background:url(/assets/img/words.png) no-repeat 0px -363px;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.b1_bg .box ul.items li u.cl{clip:rect(0px,156px,-10px,78px);}
.b1_bg.active .box ul.items li u.cl{clip:rect(0px,156px,156px,78px);}
.b1_bg .box ul.items li u.cr{clip:rect(156px,78px,156px,0px);}
.b1_bg.active .box ul.items li u.cr{clip:rect(0px,78px,156px,0px);}
.b1_bg .box ul.items li strong{display:block;margin-top:70px;font-size:16px;font-weight:normal;text-align:center;}
.b1_bg .box ul.items li p{position:relative;top:200px;color:White;font-family:Arial,"瀹嬩綋";font-size:12px;line-height:20px;text-align:center;}
.b1_bg .box ul.items li:hover{background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
.b1_bg .box ul.items li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.b1_bg .box ul.items li.pc:hover i{background:url(/assets/img/words.png) no-repeat -168px -357px;}
.b1_bg .box ul.items li.mobi:hover i{background:url(/assets/img/words.png) no-repeat -337px -291px;}
.b1_bg .box ul.items li.sys:hover i{background:url(/assets/img/words.png) no-repeat -327px -362px;}
.b1_bg .box ul.items li.app:hover i{background:url(/assets/img/words.png) no-repeat -164px -439px;}
.b1_bg .box ul.items li.host:hover i{background:url(/assets/img/words.png) no-repeat -335px -439px;}
.b1_bg .box ul.items li:hover u.cl{clip:rect(0px,156px,-10px,78px);}
.b1_bg .box ul.items li:hover u.cr{clip:rect(156px,78px,156px,0px);}
.b1_bg .box ul.items li:hover strong{color:White;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.b1_bg .box ul.items li:hover p,.b1_bg .box ul.items li:hover p a{top:20px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
.b1_bg .box label{display:block;margin:0 auto;margin-top:-40px;width:297px;height:21px;background:url(/assets/img/words.png) no-repeat 0px -333px;}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}


.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

.dock.close {
    z-index: 50;
}

.dock ul.icons {
    position: absolute;
    list-style: none;
    right: 0px;
    padding: 0px;
    width: 50px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
    right: -70px;
}

.dock ul.icons li i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: url(/assets/img/icons.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 210;
}

.dock ul.icons li.active i {
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.dock ul.icons li.up i {
    background-position: -63px -150px;
}

.dock ul.icons li.tel i {
    background-position: -62px -108px;
}

.dock ul.icons li.im i {
    background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
    background-position: -59px -66px;
}

.dock ul.icons li.down i {
    background-position: -63px -190px;
}

.dock ul.icons li p {
    font-size:14px;
    display: block;
    position: absolute;
    top: 50px;
    right: -260px;
    padding: 15px 20px;
    height: 120px;
    color: White;
    line-height: 30px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    z-index: 201;
}

.dock ul.icons li.active p {
    right: 50px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
    width: 100px;
}

.dock ul.icons li.im p {
    width: 115px;
}

.dock ul.icons li.im p a {
    display: block;
    margin-top: 6px;
    width: 100px;
    height: 35px;
    line-height: 32px;
    color: #00dfb9;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #00dfb9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
    color: White;
    background: #0f8773;
    border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
    width: 118px;
}

.dock ul.icons li.wechat p img {
    width: 115px;
    border: 2px solid White;
}

.dock a.switch {
    position: absolute;
    display: block;
    top: 270px;
    right: 11px;
    width: 26px;
    height: 26px;
    background: url(/assets/img/icons.png) no-repeat 0px -640px;
    cursor: pointer;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.dock a.switch.off {
    background-position: -32px -640px;
}

@media (max-width:700px),(max-height:600px) {
    .dock {
        display: none;
    }
}

.box .items strong a{ font-size:16px;font-family: zhonghei;}

/*fonts*/

@font-face {
    font-family: 'zhonghei';
    src: url(../font/zhonghei.ttf) format('truetype');
}

@font-face {
    font-family: 'zhonghei-test';
    src: url('../font/zhonghei-webfont.eot');
    src: url('../font/zhonghei-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/zhonghei-webfont.woff2') format('woff2'),
    url('../font/zhonghei-webfont.woff') format('woff'),
    url('../font/zhonghei-webfont.ttf') format('truetype'),
    url('../font/zhonghei-webfont.svg#fzzhengheis-db-gbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*index-css*/


div.index_box_menu {
    position: static;
    width: 1000px;
    margin: 0 auto;
    padding-top: 130px;font-size:23px;
}
.logo_slogan{ display:block; padding:10px 0px;font-size:22px; color:#183446;}
.index_box_menu ul{/*background: rgba(0, 0, 0, 0.3) !important; 
    filter: alpha(opacity=80);    
    -moz-opacity:0.8;    
    -khtml-opacity: 0.3;    
    opacity: 0.8;border-top:1px solid #F1F1F1; border-left:1px solid #F1F1F1;*/    width: 1000px;
    height: 162px;}
.index_box_menu li a{ text-decoration:none;}
.index_box_menu ul li{ list-style:none; width:260px; float:left; padding:20px; height:160px; margin-right:30px; background: url(/assets/img/index_b01_bg.png) repeat 0px 0px; }
.index_box_menu ul li .title{ font-size:22px; clear:both;position: static; text-align:center; line-height:45px;color:#183446;}
.index_box_menu ul li .content {font-size: 13px; clear: both;    position: static;}

a.brand_introduce{background: url(/assets/img/menu_box.png) no-repeat 0px 0px; height:80px; width:250px; display:block;}
a.join_note{background: url(/assets/img/menu_box.png) no-repeat -251px -0px; height:80px; width:250px; display:block;}
a.join_us{background: url(/assets/img/menu_box.png) no-repeat -501px 0px; height:80px; width:250px; display:block;}
a.cases{background: url(/assets/img/menu_box.png) no-repeat 0px -81px; height:80px; width:250px; display:block;}
a.wechat{background: url(/assets/img/menu_box.png) no-repeat -251px -81px; height:80px; width:250px; display:block;}
a.franchisee{background: url(/assets/img/menu_box.png) no-repeat -501px -81px; height:80px; width:250px; display:block;}

a.brand_introduce:hover{background: url(/assets/img/menu_box.png) no-repeat 0px -160px; }
a.join_note:hover{background: url(/assets/img/menu_box.png) no-repeat -251px -160px;}
a.join_us:hover{background: url(/assets/img/menu_box.png) no-repeat -501px -160px;}
a.cases:hover{background: url(/assets/img/menu_box.png) no-repeat 0px -241px; }
a.wechat:hover{background: url(/assets/img/menu_box.png) no-repeat -251px -241px;}
a.franchisee:hover{background: url(/assets/img/menu_box.png) no-repeat -501px -241px;}
div.index_kefu_box_menu {    position: static;    width: 1000px;    margin: 0 auto;    padding-top: 230px;    font-size: 23px;}
.index_kefu_contact{position: absolute;    z-index: 100;    top:120px;    height:40px;    border-bottom-color: #d3e1c9;    margin-left: -480px; text-align:center;    width: 960px;font-weight: bold;color: #193258;    left: 50%;}
.index_kefu_box_menu ul li{ list-style:none; width:260px; float:left; padding:20px; height:190px; margin-right:30px; background: url(/assets/img/index_b01_bg.png) repeat 0px 0px; }
.index_kefu_box_menu ul li .title{ font-size:22px; clear:both;position: static; text-align:center; line-height:45px;color:#183446;}
.index_kefu_box_menu ul li .content {font-size: 13px; clear: both;    position: static;    text-align: center;}


#allmap {width:413px;height:300px;overflow: hidden;margin:0; border:1px solid #666;font-family:"微软雅黑";}