/*除了新增之外修改部分前面已加“20150827”区别旧版CSS*/
@charset "utf-8";
/* CSS Document */
html{ height:100%;}
body{color:#666; line-height:20px; height:100%;}
a{color:#666; text-decoration:none;}
a:hover{ color:#0066CC;}
.hb100{min-height:100%; height:auto;_height:100%;}
.pb115{ padding-bottom:115px;}
/*顶部导航*/
.topnavbox{ width:100%; height:25px; background:#fff;  font-size:14px; font-family :"微软雅黑","Microsoft YaHei";position:fixed;top:0px;background:#fff;z-index:21; }
.topnavbox .box{width:690px;  height:25px; float:right;position:relative;  z-index:11;}
.topnavbox .box .topnav{ width:100%;height:25px;  }
.topnavbox .box .topnav .topli{ float:left; width:auto;height:25px; margin-right:10px; line-height:25px; cursor:pointer; display:block;}
    .topnavbox .box .topnav .topli:first-child {
        float: left;
        width: 98px;
        height: 25px;
        margin-right: 10px;
        line-height: 25px;
        cursor: pointer;
        display: block;
    }
    .topnavbox .box .topnav li, .topnavbox .box .topnav a{
        font-size: 14px
    }
.topnavbox .box .topnav .topli span{ margin-left:10px;font-size:14px}

.topnavbox .box .topnav .topli ul { overflow:hidden; border-radius:5px; display: none; background: url(../images/tkbc02.png) no-repeat; background-position: 70% 0%; background-size: 8px 4px; padding-top: 4px; width: 125px; }
.topnavbox .box .topnav .topli .nav01 li { background:#088e6b; width: 125px; height: 20px; overflow: hidden; }
.topnavbox .box .topnav .topli .nav01 li:first-child{
    height: 20px;
    padding-top: 5px;
    border-radius: 5px 5px 0 0;
}
.topnavbox .box .topnav .topli .nav01 li.last-child{
    height: 20px;
    padding-bottom: 5px;
}



.topnavbox .box .topnav .topli .nav01 li a{ background:none; font-size:12px; color:#fff; width:125px;height:20px;line-height:20px;display:block;  text-align:center;}
.topnavbox .box .topnav .topli .nav01 li a:hover{color:#ffee00;  }

.navandlogo {
    height: 100px;
    border-bottom: 1px #ccc solid\9; /*ie 6、7、8*/
    position: relative;
    box-shadow: 0 2px 3px rgba(51,51,51,0.2);
    z-index: 3;
    position: fixed;
    top: 25px;
    background: #fff;
    z-index: 20;
}
.navbox{ width:1100px; height:100px;   }
.logo{ width:219px;}
/*顶部导航*/

/*导航菜单*/
.menu{ width:840px; height:100px; position:relative;  }
.nav {width:840px; height:37px; margin-top:50px;}
.nav .li01{ float:left; width:auto;height:37px; display:block; }
.nav .li01 a{color:#000;display:block;width:auto; height:37px; line-height:37px;  text-align:center; margin:0 25px;  }
.nav .li01 a:hover {color:#35A181;}
.menu_hover{ border-bottom:2px #35A181 solid;}
.nav .li01 ul {display:none;position:absolute; background:#fff; width:auto; padding-top:5px; padding-bottom:5px; }
.nav .li01 .navli li{width:auto;height:30px;line-height:30px;  overflow:hidden; }
.nav .li01 .navli li a{ background:none; font-size:16px; width:auto;height:30px;line-height:30px; display:block;  text-align:left; }
.nav .li01 .navli li a:hover{color:#35A181;  }
/*导航菜单*/


/*案例*/ 
 .case_box{width:auto;height:1410px;background-color: #66;}
.banerbox{background:url(../images/case_baner.jpg) no-repeat center; height:380px;}
.classic_case{width:200px;height:80px;margin: 0 auto;font-family: "微软雅黑";font-size: 36px;margin-top:56px;text-align: center;color: #464646;}
.classic_case img{margin-top: 16px;}
.caseb_01{width:1200px;height: 320px;margin: 0 auto;margin-top:88px;font-family: "微软雅黑";}
.caseb_01 .textbox{display: inline-block;width:635px;margin-left:20px;}
.textbox ._title{text-align: center;font-size: 26px;color: #414141;margin-bottom: 40px;}
.textbox ._textt{font-size: 14px;color: #464646;text-indent:2em;line-height: 24px;text-align:justify}

.caseb_02{width:1200px;height: 320px;margin: 0 auto;margin-top:88px;font-family: "微软雅黑";}
.caseb_02 .textbox{display: inline-block;width:635px;margin-right:20px;}
.textbox ._title{text-align: center;font-size: 26px;color: #414141;margin-bottom: 40px;}
.textbox ._textt{font-size: 14px;color: #464646;text-indent:2em;line-height: 24px;text-align:justify}
.ta_box{background-color: #f6f6f6;height: 1250px;padding-top: 20px;}
.ta_box .tamen{width:1122px;margin: 0 auto;margin-top:20px}
.tamen .tamen_01:hover{color: #257746;border: 1px solid #c0c0c0;}
.tamen .tamen_01{color: #323232;float:left;width: 329px;height: 407px;border: 1px solid #dcdcdc;background-color: white;display: inline-block;margin-right: 56px;margin-bottom: 70px;}
.tamen_01 .imgbox{margin: 0 auto;width: 286px;text-align: center;margin-top:50px;height: 140px;}                
.ta_text{font-family: "微软雅黑";font-size: 14px;text-align:justify;width: 286px;margin: 0 auto; line-height: 24px;height: 170px;}
/*案例*/

/*章鱼侠产品页*/
.p_banner{background:url(../images/product-banner.gif) no-repeat center; height:650px;position: relative;}
.p_banner .anniubox{width:100%;height: 100px;float:left;margin: 0 auto;position: absolute;margin-top:480px}
.p_banner .anniu_01{display:inline-block;width: 186px;height:50px;background-color: #009944;border-radius: 6px;margin-right:50px;color: white;
	font-size: 22px;line-height: 50px;}
.p_banner .anniu_01:hover{ background-color:#057537}
.p_banner .anniu_01:active{ background-color:#057537}

.tit_p{background:url(../images/tit_bg.png) no-repeat center bottom; text-align:center; line-height:40px; font-size:34px; height:60px; color:#000;}
.tit_p span,.ptext span,.ptext2 span{color:#3EAA3A;}
.ptext{line-height:36px; padding-bottom:5px; color:#333; display:block;}
.ptext2{line-height:26px; padding-bottom:5px; color:#333; display:block; padding:0 100px;}
.ptext3{line-height:26px; padding-bottom:5px; color:#333; display:block; padding:0 100px;}
.f4f4f4{background:#f4f4f4;}
.pic_yw{width:283px; height:352px; border:1px solid #ccc; position:relative;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}

/* 适用对象 */
.meng{width:1200px; overflow:hidden;}
.meng ul{width:1200px;}
.meng ul li{float:left;margin-bottom:10px;display:inline;width:285px; height:356px;overflow:hidden;position:relative;}
.meng ul li .photo{width:283px; height:354px;overflow:hidden;}
.meng .rsp{width:285px; height:356px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px; }
.meng .text{position:absolute;width:285px; height:354px;left:-300px;top:0px;overflow:hidden;}
.meng .text p{width:240px;margin:100px auto; font-family:"微软雅黑","Microsoft YaHei";line-height:25px;text-align:center;color:#FFFFFF;font-size:16px;}
.meng .text a{text-decoration:none}
.meng .text div{text-align:center;color:#FFFFFF;font-size:18px;}




#tabs0 {width:920px; margin:auto; margin-top:30px;}
.menu0{width:920px; margin:0 auto; height:50px; border-bottom:2px solid #ddd;}
.menu0 li{display:block; line-height:50px; font-size:20px; color:#333; width:242px; height:50px; float:left; text-align: center; cursor:pointer; margin:0 30px 30px 30px; font-family:"微软雅黑","Microsoft YaHei";}
.menu0 li.hover{color:#333; border-bottom:3px solid #45AD8C;}
#main0 ul{display:none;}
#main0 ul.block{display:block;}
#main0 ul li{width:360px; height:150px; float:left; margin:20px 50px 40px 50px;}
#main0 ul li img{width:60px; float:left; margin:25px 0 0 0;}
#main0 ul li .yjr{float:right; width:279px; text-align:left;}
#main0 ul li .yjr h2{font-size:20px; font-weight:bold; line-height:30px; color:#333;}
#main0 ul h1{font-family:"微软雅黑","Microsoft YaHei"; font-size:20px; font-weight:bold; text-indent:50px; color:#333; display:block; width:920px; text-align:left;}
#main0 ul li .yjr p{font-size:14px; color:#666; font-weight:normal; line-height:25px; padding-top:15px;}
.main{width:920px; height:410px; margin:0 auto; clear:both; text-align:center;}

.sz{height:680px;}
.accordion {margin:20px auto;width:1200px; background:#82B86D;cursor:pointer;}
.accordion .items {height:100px; border-bottom:1px solid #5B7F4F;}
.accordion .items h3 {display:inline-block;vertical-align: middle;height: 100%; line-height:100px; padding-left: 50px;font-family:"微软雅黑","Microsoft YaHei";font-size:24px;font-weight: 400; color:#fff;}
.accordion .items h3:before {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.accordion .items:first-of-type {background:#82B86D;color: #fff;border-bottom:1px solid #5B7F4F;}
.accordion .items:nth-of-type {background:#82B86D;color: #fff;border-bottom:1px solid #5B7F4F;}
.accordion .items:last-of-type {background:#82B86D;color: #fff;border-bottom:1px solid #5B7F4F;}
.popen {display:inline-block;}
.accordion .zk {font-family: "微软雅黑","Microsoft YaHei";font-size:18px;font-weight: 400;padding:15px; color:#fff; background:#5B7F4F; height:130px; display: none;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);}
.accordion .zk_curr {font-family: "微软雅黑","Microsoft YaHei";font-size:18px;font-weight: 400;padding:15px; color:#fff; background:#5B7F4F; height:130px; display:block;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);}
.accordion .zk:first-of-type,.accordion .zk_curr:first-of-type {background: #5B7F4F;color: #fff;}
.accordion .zk:nth-of-type,.accordion .zk_curr:nth-of-type {background: #5B7F4F;color: #fff;}
.accordion .zk:last-of-type,.accordion .zk_curr:last-of-type {background: #5B7F4F;color: #fff;}
.accordion .zk dl,.accordion .zk_curr dl {padding:0 15px 0 15px; float:left;}
.accordion .zk dl dt,.accordion .zk_curr dl dt {text-align:center; line-height:30px; font-size:16px; margin-bottom:20px;}
.accordion .zk dl dd,.accordion .zk_curr dl dd {font-size:14px; line-height:25px; color:#E0DFDD; display:block; text-align:justify;}
.line {background:url(../images/line.jpg) no-repeat right bottom;}
.dl200 {width:200px;}
.dl350 {width:360px; padding:0 10px;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.saas{background:url(../images/saas.jpg) no-repeat center; height:550px;}


/*动态*/
.state_box{width:auto; background-color: #66;font-family: "微软雅黑"; margin-bottom:100px;}
.banerbox2{background:url(../images/state_banner.png) no-repeat center; height:380px;}
.new_01{width: 1200px;margin: 0 auto;margin-top:100px;}
.new_01 .newtit{font-size: 30px;color: #303030; height:40px; line-height:40px;}
.new_01 .newtime{float: right;}
.new_01 .newtext{display: block;margin-top:30px;line-height: 28px;text-align: justify;font-size: 16px;text-indent:2em;}
.pxline{width: 1200px;border-bottom:1px solid #c9c9c9;float: right;margin-top:30px;}

/*服务支持*/
.service_bg{background:url(../images/service.png) no-repeat center; height:380px;}
.g_jt{background:url(../images/g_jt.png) no-repeat center bottom; text-align:center; line-height:40px; font-size:28px; height:50px; color:#555;}
.b_txt{color:#0D2040;}
#tabs_s {width:700px; margin:auto; margin-top:30px;}
.menu_s{width:700px; height:39px;}
.menu_s li{display:block; line-height:39px; background:url(../images/sm_b2.png) no-repeat; font-size:18px; color:#333; width:131px; height:39px; float:left; text-align: center; cursor:pointer; margin:0 40px 20px 60px; font-family:"微软雅黑","Microsoft YaHei";}
.menu_s li.hover{color:#fff; background:url(../images/sm_b1.png) no-repeat;}
#main3 ul{display:none;}
#main3 ul.block{display:block;}
.main_s{width:679px; height:181px; background:url(../images/gray_bg.jpg) no-repeat; margin:0 auto; clear:both; text-align:center;}
.main_s_ul{padding:20px 0;}
.main_s ul p{line-height:30px; text-indent:50px;}
.beiz{line-height:26px; text-indent:70px;}
.main_s ul p span{color:#14502E; font-weight:bold;}
/*关于我们*/
.aboutus{background:url(../images/aboutus.png) no-repeat center; height:380px;}
.sv_l{ width:130px; background:url(../images/line_gray.gif) no-repeat 122px center; padding:10px 0; margin-right:70px;}
.sv_r{ width:780px;}
.sv_nav{ height:40px; cursor:pointer; color:#6a6a6a; background:url(../images/gray.png) no-repeat right center;}
.sv_nav:hover{font-weight:bold; background:url(../images/orange.png) no-repeat right center; color:#2C4877 !important}
.sv_nav_on,.sv_nav_on a{font-weight:bold; color:#2C4877;}
.sv_nav_on{background:url(../images/orange.png) no-repeat right center;}
.kfww{ width:500px;}
.kfww ul li{ float:left; width:50%; height:24px;}
.blue_border{border-bottom:3px solid #2C4877; padding-bottom:5px;}
.czlc{width:785px; padding-left:215px;}
.f7{background:#F7F7F7;}
.about_kf_l{ width:320px; height:90px;background:url(../images/fwrx.png) no-repeat; padding-left:160px; padding-top:10px;}
.about_kf_r{ width:500px; height:30px;background:url(../images/gsdz.png) no-repeat; padding-left:160px; padding-top:10px;}

/*硬件购买*/
.topnavbox{color: #2D2D2D;}
.topnavbox a{color: #2d2d2d;}
.navb a{display: inline-block;margin-left: 50px;color: #2D2D2D;}
.hardbpx{width:auto;height:2300px;background:#F4F4F4;}
.hardwar_1{background:url(../images/hardwar_baner.png) no-repeat center; height:550px;}
.hardwar_2{background:url(../images/buyfast_01.jpg) no-repeat center; height:466px;}
.hardwar_3{background:url(../images/buyfast_02.jpg) no-repeat center; height:156px;}
.hardwar_4{background:url(../images/buyfast_03.jpg) no-repeat center; height:782px;}
.hardwar_5{background:url(../images/buyfast_04.jpg) no-repeat center; height:113px;}

/*质保金*/
.zhibaojin{border-top:6px #35A181 solid; background:#E6EFEA; float:left;}
.zhibao_content2{width:900px; height:auto; margin-top:50px; padding-left:100px;}
.zhibao_m{width:1000px;}
.zhibao_input{ width:380px; padding:2px; height:34px; border:1px #56C358 solid;}
.zhibao_input_yz{ width:190px; padding:2px; height:34px; border:1px #56C358 solid;}
.zhibao_txt{width:130px; line-height:48px;}
.zhibao_txt2{line-height:48px;}
.beizhu{border:1px solid #ccc; border-top:3px solid #f60; padding:20px 10px; background:#fff;}
.an_lv03{ width:450px; height:54px; background:url(../images/login.png) no-repeat; display:block; color:#fff;}
.an_lv03:hover{background:url(../images/login.png);color:#fff;}
 .succeed {width: 16px; height:16px; background: url(../images/accept.png) no-repeat; float:left; margin-top:12px; margin-left:10px; display:block;}
 .btts{width:auto; height:38px; line-height:38px; border:1px #CC4646 solid; background:#F27171;}

/*底部*/
 .foot{ height:114px;  min-width:1000px; background:#F3F3F3;  overflow:hidden; }
 .footli01{ width:115px;}
.footli02{ width:690px;}
.footli03{ width:175px; padding-top:65px;}
#tooltip-keleyi-com{position: absolute;background-color: #eee;border: 1px solid #999;width: 344px;height: 344px;-webkit-border-radius:6px;padding: 10px;}
.foot_pay{ height:94px; margin-top:-115px; border-top:1px #ccc dashed;}
.foot_login{ height:94px;margin-top:-115px; border-top:1px #ccc solid;}
 

  /*淘宝软件订购费用退款申请*/
.yzmtext{float: left;width: 100px;height: 30px;}
.yzmimg{float: left; margin-left: 20px; width:68px; height:28px; line-height:28px;}
.yzmbtn { float: left; margin-left: 20px;width: 120px;cursor: pointer;font-size: 12px;text-align: center; background: #E6E6E6;height: 38px;line-height: 38px;border: 1px #ccc solid;color: #666;}
.btts1 {width: auto;height: 28px;color: #666;}
.an_lv04{ width:152px; height:37px;cursor:pointer; background-color: #56c358; display:block; color:#fff;border-radius: 5px;line-height:37px;}
.payok{ width:350px; background:url(../images/ok.png) no-repeat; height:150px; overflow:hidden; margin:120px auto;}

/*渠道*/
.channel_bg{background:url(../images/channel.jpg) no-repeat center; height:380px;}
#tabs01 {width:731px; margin:auto; margin-top:30px;}
.menu01{width:731px; height:49px; border-bottom:2px solid #78A95A; display:block;}
.menu01 li{display:block; line-height:50px; font-size:20px; color:#333; width:246px; height:49px; float:left; text-align: center; cursor:pointer; margin:0 10px 0 0; font-family:"微软雅黑","Microsoft YaHei"; background:url(../images/channel_tabs02.jpg) no-repeat;}
.menu01 li.hover{color:#fff; background:url(../images/channel_tabs01.jpg) no-repeat;}
#main0 ul{display:none;}
#main0 ul.block{display:block;}
#main0 ul li{width:360px; height:150px; float:left; margin:20px 50px 40px 50px;}
#main0 ul li img{width:60px; float:left; margin:25px 0 0 0;}
#main0 ul li .yjr{float:right; width:279px; text-align:left;}
#main0 ul li .yjr h2{font-size:20px; font-weight:bold; line-height:30px; color:#333;}
#main0 ul h1{font-family:"微软雅黑","Microsoft YaHei"; font-size:20px; font-weight:bold; text-indent:50px; color:#333; display:block; width:920px; text-align:left;}
#main0 ul li .yjr p{font-size:14px; color:#666; font-weight:normal; line-height:25px; padding-top:15px;}
.main01{width:731px; margin:0 auto; clear:both; text-align:center;}
.main01 ul{padding:30px 0; text-align:left; background:#F5F5F5;}
.main01 ul p{text-indent:20px; margin:20px 0; color:#3a3a3a; font-family:"微软雅黑","Microsoft YaHei";}
.tit_p2{background:url(../images/tit_bg.png) no-repeat center bottom; text-align:center; line-height:40px; font-size:24px; height:50px; color:#000;}
.tit_p2 span{color:#3EAA3A;}
.F0FBF5{background:#F0FBF5;}
.channel_txt{width:130px; line-height:48px;}
.channel_input{ width:380px; padding:2px; height:34px; line-height:34px; border:1px #ccc solid;}
.channel_input_yz{ width:190px; padding:2px; height:34px; line-height:34px; border:1px #ccc solid;}
.an_lv06{ width:450px; cursor:pointer; height:54px; background:url(../images/login.png) no-repeat; display:block; color:#fff;}
.an_lv06:hover{background:url(../images/login.png);color:#fff;}
.an_lv05{ width:218px;  cursor:pointer; height:47px; background:url(../images/channel_cx.jpg) no-repeat; display:block; color:#fff;}
.an_lv05:hover{color:#fff;}
.tishi{float:left;  margin-left:5px; color:red; line-height:40px; height:40px;  font-size:14px;}
/*渠道 列表*/
.exp_box{float:left;border-top:6px #35A181 solid; margin-bottom:50px; min-height:500px; }
.list_bo{width:1000px;}
.list_01{width:280px;height:224px;background-color:#fafafa;border-right:1px  solid #e3e3e3;padding:38px 26px 30px 26px;border-bottom:1px  solid #e3e3e3;float:left}
.list_01 p{font-size:15px;color:#4a4a4a;margin-top:14px}
.list_01 .btn{width:142px;height:34px; line-height:34px; text-align:center; background-color:#9ace79;font-size:16px;color:#4a4a4a;font-family:微软雅黑;border:1px solid  #68b237 ;border-radius:4px;margin:0 auto;margin-top:30px; display:block; }

#channeldetail{border-top:6px #35A181 solid;  float:left; padding-top:20px; padding-bottom:20px;color:#000;  font-family:微软雅黑;}
#channeldetail .dbox{width:500px;  height:730px; margin:0 auto; }
#channeldetail .dbox #d1{ width:500px; height:349px; background:url(../images/ccie_01.gif)  no-repeat;}
#channeldetail .dbox #d1 .cnamebox{width:350px;  height:30px; line-height:30px; padding-left:150px; padding-top:315px; }
#channeldetail .dbox #d2{ width:500px; height:140px; background:url(../images/ccie_02.gif)  no-repeat;}
#channeldetail .dbox #d3{ width:340px; height:31px; line-height:15px; padding-left:160px; background:url(../images/ccie_03.gif)  no-repeat;}
#channeldetail .dbox #d4{ width:500px; height:36px; background:url(../images/ccie_04.gif)  no-repeat;}
#channeldetail .dbox #d4 .t1{ float:left; width:40px; height:36px;  line-height:34px; margin-left:135px; }
#channeldetail .dbox #d4 .t2{ float:left; width:40px; height:36px; line-height:34px; margin-left:30px; }
#channeldetail .dbox #d4 .t3{ float:left; width:40px; height:36px; line-height:34px; margin-left:60px;}
#channeldetail .dbox #d4 .t4{ float:left; width:40px; height:36px; line-height:34px; margin-left:25px;}
#channeldetail .dbox #d5{ width:500px; height:177px; background:url(../images/ccie_05.gif)  no-repeat;}


.index_float{ width:70px; height:140px;  position:fixed;_position:absolute;top:45%;  z-index:999; }
.index_float .online{width:70px; height:70px;}
.index_float .online a{cursor:pointer;}
#tel_consult {
    width: 155px;
    height: 151px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #35A181;
    position: relative;
}
#tel_consult img{
    width:100%;
    height:100%
}
#tel_consult .arrow {
    width: 0;
    padding: 0;
    height: 0px;
    border: 10px solid rgba(255,64,0,0);
    border-left: 10px solid #35A181;
    position: absolute;
    right: -20px;
    top: 20px;
}