/* reset */
*{ margin:0; padding:0;}
html,body{ font-size:12px; color:#444; font-family:Arial,"宋体","微软雅黑"; }
ul,li,dl,dt,dd,p,table,td,th{ list-style:none;}
a{ color:#606060 ; text-decoration:none;outline:none;}
a:hover{ text-decoration:none; color:#ef8b05;}
img{ border:none;}
table,th,td{ border-collapse:collapse;}
.clear{ clear:both; overflow:hidden;}
.wrap{ width:1240px; margin:0 auto;}
.red{ color:#f00; }
.orange{ color:#f60;}
.green{ color:#2b8c00;}
.DivH15{width:100%;overflow:hidden;clear:both; height:15px; }
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;} 
.c999{ color:#999;}
.c333{ color:#333;}
.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h30{ height:30px;}
.i{ font-style:italic;}
.right{ float:right;}
.left{ float:left;}
.dis_none{ display:none;}
.dis_block{ display:block;}
em{ font-style:normal;}
b.red{ font-weight:400; color:#F00;}
.op{ text-decoration:line-through; color:#999; font-size:14px;font-style:italic;}
.yahei{ font-family:"微软雅黑";}
input.text{ border:#ccc 1px solid; height:22px; line-height:22px; padding:0 5px; color:#666;font-family:Verdana, Geneva, sans-serif;}
input.checkbox{ vertical-align:middle;}
body{ background: #222528;}
body.bg{ background: #474747;}
body.bg1{ background: #0c1114;}
body.hidden{ overflow: hidden;}

/*首页*/
/*头部*/
.g_head{ width: 100%; height: 80px; overflow: hidden; background: #171b22; position: fixed; top: 0; left: 0; box-shadow: 0px 1px 6px #333; }
.g_head .logo{ float: left; width: 135px; height: 90px; overflow: hidden; margin: -5px 0 0 0;}
.g_head .nav{ float: right; height: 80px; overflow: hidden;}
.g_head .nav ul{ float: left;}
.g_head .nav ul li{ float: left; height: 80px; padding: 0 25px; overflow: hidden; line-height: 80px;}
.g_head .nav ul li a{ font-size: 16px; color: #fff;}
.g_head .nav ul li a:hover{color: #0ae841;}
.g_head .nav ul li.bg a{color: #0ae841;}
.g_head .nav ul li.try a{ background: #2681ff; padding: 3px 8px;}
.g_head .nav ul li.try a:hover{color: #fff; background: #0664e6;}
.g_head.zaixianshouce{ position: relative; box-shadow:none;}
.g_head.zaixianshouce .nav{ float: left; height: 80px; overflow: hidden;}
.g_head.zaixianshouce .logo{ margin: -5px 50px 0 30px; display: inline;}
.g_head.zaixianshouce .shouce{ float: right; height: 80px; line-height: 80px; font-size: 24px; color: #d5d5d5; overflow: hidden; margin: 0 30px 0 0;}

/*广告*/
.index_banner{ width: 100%; height: 787px; overflow: hidden; margin: 80px 0 0 0; background: #2a2e33;}
.index_banner .txt{ width: 100%; height: 134px; overflow: hidden; text-align: center;}
.index_banner .txt em{ color: #0ae841; font-size: 36px; font-weight: 500; line-height: 90px;}
.index_banner .txt span{ color: #d8d8d8; font-size: 18px; font-weight: 700; line-height: 10px;}
.index_banner .pic{ width: 100%; height: 610px; overflow: hidden;}

/*产品介绍*/

.index_product{ width: 100%;overflow: hidden;}
.index_product .head{ float: left; width: 100%; height: 100px; line-height: 100px; color: #0b51a0; font-size: 32px; text-align: center; margin: 26px 0 0 0;}
.index_product .head span{ margin: 0 34px; color: #2681ff; font-size: 32px;}
.index_product .con{ float: left; width: 100%; overflow: hidden; margin: 40px 0 0 0;}
.index_product .con ul{ float: left; width: 120%;}
.index_product .con ul li{ float: left; width: 279px; height: 412px; border: #383838 2px solid; margin: 0 35px 0 0;}
.index_product .con ul li .img{ width: 100%; text-align: center; margin: 33px 0 0 0;}
.index_product .con ul li .title{ width: 100%; text-align: center; height: 80px; line-height: 80px; color: #fff; font-size: 18px; font-weight: 700;}
.index_product .con ul li .desc{ width: 239px; height: 92px; padding: 10px 20px; line-height: 26px; color: #ccc; font-size: 14px; text-indent: 36px;}

/*技术介绍*/
.index_summary{ width: 100%;overflow: hidden;}
.index_summary .head{ float: left; width: 100%; height: 100px; line-height: 100px; color: #0b51a0; font-size: 32px; text-align: center; margin: 26px 0 0 0;}
.index_summary .head span{ margin: 0 34px; color: #2681ff; font-size: 32px;}
.index_summary .con{ float: left; width: 1220px; padding: 0 10px; overflow: hidden; margin: 40px 0 0 0; font-size: 22px; line-height: 40px; color: #ccc; text-indent: 52px;}
.index_summary .con em{ color: #fffc00;}
.index_summary .but{ float: left; width: 100%; text-align: center; height: 148px; line-height: 148px;}
.index_summary .but a{ font-size: 24px; padding: 11px 65px; background: #2681ff; color: #fff;}

/*效果预览*/
.index_template{ width: 100%;overflow: hidden; padding: 0 0 60px 0;}
.index_template .head{ float: left; width: 100%; height: 100px; line-height: 100px; color: #0b51a0; font-size: 32px; text-align: center; margin: 26px 0 0 0;}
.index_template .head span{ margin: 0 34px; color: #2681ff; font-size: 32px;}
.index_template .con{ float: left; width: 100%; overflow: hidden; margin: 40px 0 0 0;}
.index_template .con .box{ width: 1080px; height: 766px; margin: 0 auto;background: url("../images/index_template_bg.png") no-repeat 50%; overflow: hidden;}
.index_template .con .box .img{ width: 995px; height: 599px; margin: 44px auto 0 auto;}


/*底部*/
.g_bottom{ width: 100%; background: #2a2e33; padding: 0px 0 70px 0; overflow: hidden;}
.g_bottom .line{ width: 100%; height:0px; border-top: #0ae841 3px solid; margin: 5px 0 0 0;}
.g_bottom .sale{ float: left; width: 300px; margin: 24px 0 0 0; overflow: hidden;}
.g_bottom .sale .head{ width: 100%; height: 50px; line-height: 50px; color: #d1d1d1; font-size: 24px; font-weight: 700;}
.g_bottom .sale .con{ width: 100%; color: #d6d6d6; font-size: 14px; line-height: 30px;}

.g_bottom .service{ float: left; width: 330px; margin: 24px 0 0 17px; overflow: hidden; display: inline;}
.g_bottom .service .head{ width: 100%; height: 50px; line-height: 50px; color: #d1d1d1; font-size: 24px; font-weight: 700;}
.g_bottom .service .con{ width: 100%; color: #d6d6d6; font-size: 14px; line-height: 30px;}

.g_bottom .wexin{ float: left; width: 165px; margin: 38px 0 0 20px; display: inline; overflow: hidden;}
.g_bottom .wexin .img{ width: 163px; height: 163px; overflow: hidden;}
.g_bottom .wexin .title{ width: 100%; height: 50px; line-height: 50px; color: #cacaca; font-size: 18px; font-weight: 700; text-align: center;}

.g_bottom .contact{ float: left; width: 360px; margin: 24px 0 0 26px; display: inline; overflow: hidden;}
.g_bottom .contact .head{ width: 100%; height: 50px; line-height: 50px; color: #d1d1d1; font-size: 24px; font-weight: 700;}
.g_bottom .contact .con{ width: 100%; color: #d6d6d6; font-size: 14px; line-height: 30px;}
.g_bottom .contact .con a{ color: #d6d6d6}
.g_bottom .contact .con a:hover{ color:#ef8b05;}

.g_bottom .links{ width: 100%; overflow: hidden; padding: 20px 0;}
.g_bottom .links .title{ color: #127cb4; font-size: 18px; line-height: 30px; width: 90px; float: left; height: 30px; font-weight: 700;}
.g_bottom .links .link{ float: left; width: 1130px; line-height: 30px; overflow: hidden;}
.g_bottom .links .link a{ display: inline-block; color: #127cb4; font-size: 14px; text-decoration: underline; margin: 0 7px;}
.g_bottom .links .link a:hover{ color: #c4b727;}

/*qq在线聊天*/
.g_qq{ position: fixed; bottom: 170px; right: 5px;}

/*在线咨询*/
.g_online{ position: fixed; width: 145px; bottom: 170px; right: 5px; overflow: hidden;}
.g_online .head{ width: 145px; height: 48px; overflow: hidden; background: url("../images/online_head.png") no-repeat 50% 50%;}
.g_online .box{ width: 137px; overflow: hidden; background: #33adfa; margin: 0 0 0 4px; padding: 0 0 12px 0; border-bottom-right-radius: 6px; border-bottom-left-radius:6px;}
.g_online .box .qq{ width: 137px; border-bottom: #a2dafd 1px dashed; display: block;}
.g_online .box .qq .img{ width: 137px; padding: 12px 0 4px 0; text-align: center;}
.g_online .box .qq .txt{ width: 137px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; color: #fff;}
.g_online .box .weixin{ width: 137px; border-bottom: #a2dafd 1px dashed;}
.g_online .box .weixin .img{ width: 137px; padding: 12px 0 2px 0; text-align: center;}
.g_online .box .weixin .txt{ width: 137px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; color: #fff;}


/*返回顶部*/
.go_top{ position: fixed; bottom: 20px; right: 10px; width: 82px; height: 82px; cursor: pointer; background: url("../images/go_top.png") no-repeat 50% 50%;}

/*购买产品*/
.sale_banner{ width: 100%; height: 367px; overflow: hidden; background: #2a2e33; margin: 80px 0 0 0;}
.sale_banner a{ display: block; width: 100%; height: 100%;}


/*版本介绍*/
.sale_table{ width: 100%; padding: 30px 0 50px 0;}
.sale_table table{border:1px solid #a1a0a0; font-size: 14px; color: #ccc;}
.sale_table table th{border:1px solid #a1a0a0; padding: 20px;}
.sale_table table td{border:1px solid #a1a0a0; padding: 15px; line-height: 24px}
.sale_table table em.em_1{ color: #ffb400; font-size: 16px;}
.sale_table table em.em_2{ color: #26e301; font-size: 18px;}
.sale_table table em.em_3{ color: #2681ff; font-size: 18px;}
.sale_table table em.em_4{ color: #d01b1b; font-size: 18px;}
.sale_table table em.em_5{ color: #2681ff;}
.sale_table table a{ color: #ffffff; background: #2681ff; padding: 3px 15px;}
.sale_table table a:hover{ background: #0664e6;}

/*模板中心*/
.template_list{ width: 100%; padding: 30px 0 50px 0; overflow: hidden;}
.template_list ul{ width: 120%; float: left;}
.template_list ul li{ float: left; width: 285px; height: 300px; margin: 10px 28px 0 0;}
.template_list ul li .img{ width: 283px; height: 170px; border: #6d6d6d 1px solid; overflow: hidden;}
.template_list ul li .img img{ transform: scale(1); transition: transform 0.6s;}
.template_list ul li .img img:hover{ transform: scale(1.2); transition: transform 0.6s;}
.template_list ul li .but{ width: 100%; height: 56px; border: #6d6d6d 1px solid; margin: -1px 0 0 0;line-height: 56px; text-align: center;}
.template_list ul li .but a{ color: #fff; font-size: 16px; background: #2681ff; padding: 8px 29px;}
.template_list ul li .but a:hover{ background: #0664e6;}
.template_list ul li .title{ width: 100%; height: 73px; line-height: 73px; text-align:center;overflow: hidden; font-size: 16px; color: #ddd;}



/*在线手册*/
.view_box{ width: 100%; overflow: hidden; margin: 5px 0 0 0;}
.view_box .left{ width: 267px; padding: 0 20px; background: #242729; border-radius: 0px; border: #242729 1px solid; float: left; margin: 0 5px 0 5px; display: none; overflow-x:hidden; overflow-y:auto;}
.view_box .right{ width: 307px; padding: 0 20px; background: #32373c; border-radius: 0px; border: #32373c 1px solid; float: right; margin: 0 5px 0 0; display: none; overflow-x:hidden; overflow-y:auto;}

.view_cate{ width: 100%; height: 34px; border-bottom: #888787 1px solid; line-height: 34px; color: #c0c0c0; font-size: 24px; margin: 15px 0 0 0; overflow: hidden;}
.view_list{ width: 100%; margin: 15px 0 0 0; padding: 0 0 30px 0;}
.view_list a{ display: block; width: 100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; margin:0; padding:0; color: #ccc;}
.view_list a:hover{ color: #0bbd37;}
.view_list a.bg{ color: #0bbd37;}

.view_title{ width: 100%; height: 34px; border-bottom: #858585 1px solid; line-height: 34px; font-size: 18px; margin: 15px 0 0 0; overflow: hidden; color: #e6e6e6;}
.view_title span{ float: right; margin: 0 15px 0 0; font-size: 16px;}
.view_con{ width: 100%; margin: 15px 0 0 0; padding: 0 0 40px 0; font-size: 14px; color: #e6e6e6;line-height: 30px;}

/*富文本*/
/*pre{margin:5px 0;padding:15px;border-radius:3px;background:#333; color: #eee;}*/

.table_all{ border: #eee 1px solid;}
.table_all tr:nth-child(odd){background:#f6f4f0;}
.table_all td{ padding: 4px; border: #ccc 1px solid;}
.table_all th{ padding: 4px; border: #ccc 1px solid; background: #555555; color: #fff;}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
width: 8px; /*对垂直流动条有效*/
height: 8px; /*对水平流动条有效*/
background-color: #212630;
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #181d25;
border-radius: 5px;
}


/*定义滑块颜色、内阴影及圆角*/
/*::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #2c2f40;
    }
::-webkit-scrollbar-thumb:hover{
    background-color: #3e4053;
    }
::-webkit-scrollbar-thumb:active{
    background-color: #555872;
    }*/
::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #32343c;
    }
::-webkit-scrollbar-thumb:hover{
    background-color: #43444c;
    }
::-webkit-scrollbar-thumb:active{
    background-color: #36383e;
    }
/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
    display: none;
background-color:#212630;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
background:#2c2f40;
}