a{text-decoration:none;color:#333;-webkit-transition: .3s; transition: .3s;}
a:hover{text-decoration:none;color:#e10000}
body{ position:relative;}
::selection{background: #ed3232; color: white; }
::-moz-selection{background: #ed3232; color: white;}
.clearfix::after{ display:block; clear:both; content:'';}
.blank30{ height:30px;}


.top{ height:35px; line-height:35px; background:#000; overflow:hidden;}
.top_l{ float:left; color:#fff;}
.top_l i{ padding-right:6px; padding-left:15px; color:#FF2525;}
.top_r{ float:right;}
.top_r ul{ float:right;}
.top_r ul li{ color:#fff; float:left; padding:0 15px; margin:0 5px;}
.top_r ul li a{ color:#fff;}
.top_r ul li.download{ background:#0095FF;}
.header_main{}
.header_main .header_l{ width:300px; float:left; margin-top:22px}
.header_main .header_r{ width:890px; float:right;}
.header_main .header_r ul{ float:right}
.header_main .header_r ul li{ float:left; width:110px; text-align:center; height:100px; border-left:1px solid #efefef;/*border-bottom:2px solid #fff;*/ position:relative; z-index:99999}
.header_main .header_r ul li a{ font-size:15px;}
.header_main .header_r ul li:hover{/*border-bottom:2px solid #C00;*/}
.header_main .header_r ul li .icon_nav{ display:inline-block; font-size:22px; padding:20px 0px;}
.header_main .header_r ul li i{ display:block !important; }
.header_main .header_r .nLi .sub{background:#fff; position: absolute;top: 101px; left:-1px; height: auto; border-radius:5px; display:none;}
.header_main .header_r .nLi .sub .menusj{ background:url(/Template/skin1/images/database/bg_menuSJ.gif) no-repeat center top; position:absolute;left: 42px;top: -8px;display: inline-block; width: 20px;height: 20px;}
.header_main .header_r .nLi .sub ul{border: 1px solid #DDDDDD; background-color: #fff; border-radius:5px;}
.header_main .header_r .nLi .sub ul li{ border-left:0 !important;border-bottom:0 !important; height:30px; line-height:30px; color:#666; padding:5px 0;}
.header_main .header_r .nLi .sub ul li:hover{ border-bottom:none;}
.freebanner{ width:100%; overflow:hidden; position:relative; background:url(http://eshop.kesion.com/images2016/bluebg.jpg) no-repeat center center; padding:40px 0;}
.casename{font-size:40px;text-align:center; color:#fff; padding:20px 0; font-family:"΢ÈíÑźÚ"}
.casename font{ display:block; padding-top:30px; font-size:26px;font-weight:normal;}
.graybg{ background:#F5F5F5;}
.tablelist{ width:230px; float:left; background:#fff;padding:5px 15px;}
.tablelist h3{ height: 46px; font-weight:normal; line-height: 46px; font-size: 18px; display: block; position: relative; padding-left: 20px;}
.tablelist h3 i{width:4px;height: 18px; position: absolute;left:0;top:50%;margin-top:-9px;background: #0095FF;}
.tablelist h3 span{ float:right; padding-right:10px; font-size:14px; cursor:pointer}
.tablelist ul{ padding:5px 5px 5px 0; }
.tablelist li { list-style-type:none;height:35px; line-height:35px; border-bottom:1px dashed #eee; font-size:14px; overflow:hidden; cursor:pointer; padding-left:10px;}
.tablelist li i{ width:10px; height:10px; border-radius:50%; background:#ddd; display:inline-block; margin:0 5px;}
.tablelist li.curr {color:red;}
.Section1{ padding-top:30px;}
.tableli{ width:890px; float:right; background:#fff; padding:20px 15px 30px 15px ;}
.TableGrid{ border-left:1px solid #DEDEDE !important; border-top:1px solid #DEDEDE !important;}
.TableGrid tr td{ border-right:1px solid #DEDEDE !important; border-left:1px solid #DEDEDE !important; border-bottom:1px solid #DEDEDE !important;}
.menu-title{height:44px; line-height: 44px;font-size:14px;padding: 0 15px; cursor: pointer;background: url(/Template/skin1/images/database/arr-r.png) no-repeat 100% 50%;border-bottom: 1px solid #eee}
.menu-title-on{color:#0095FF;background: url(/Template/skin1/images/database/arr-bt.png) no-repeat 100% 50%;}
.menu-box{ display: none; }

.helpindex{ background:#01b3d3;}
.helpindex .mainbox{ background:url(/Template/skin1/images/database/helpbg.png) no-repeat 92% 70%; padding-bottom:60px;}
.helpindex .title{ font-size:33px;color:#fff;height:53px; line-height:53px; padding-top:50px; padding-left:60px;}
.helpindex .info{ padding-right:450px;font-size:16px;color:#fff; line-height:30px;margin-top:10px; padding-left:60px;}
.helpindex .scbox{margin:53px 575px 0px 60px;height:46px; line-height:46px; background:#fff; padding:0px 51px 0px 15px; position:relative;}
.helpindex .scbox .sctext{height:46px; line-height:46px; background:none;border:0px; width:100%; font-size:16px; outline:none;}
.helpindex .scbox .scbtn{width:51px;height:46px; background:url(/Template/skin1/images/database/sc.png) no-repeat 50% 50%; position:absolute;right:0;top:0;border:0px;}

.helpmain{margin-top:50px;}
.helpmain .left{max-width:1180px;width:100%;float:left; background:#fff; padding-bottom:40px;}
.helpmain .left .leftbox .box{ width:171px;float:left;margin:50px 0px 0px 50px; text-align:center; cursor:pointer;}
.helpmain .left .leftbox .box .icon{background:#edf2f5;padding:46px 0px;border-radius:12px;height:79px; overflow:hidden;}
.helpmain .left .leftbox .box .icon img{height:79px; display:block;margin:0 auto; overflow:hidden;}
.helpmain .left .leftbox .box .tit{ font-size:18px;height:38px; line-height:38px; overflow:hidden;color:#61656a;margin-top:5px; -webkit-transition:0.3s; transition:0.3s;}

.helpmain .left .leftbox .box span{width:50%;float:left; text-align:center;font-size:14px;height:34px; line-height:34px;}
.helpmain .left .leftbox .box span a{color:#fff;}
.helpmain .left .leftbox .box span a:hover{ text-decoration:underline;}
.helpmain .left .leftbox .box .info{ padding:0px 25px;margin-top:15px;}
.helpmain .left .leftbox .box:hover .icon{ background:#e4f2f8;}
.helpmain .left .leftbox .box:hover .tit{color:#3c8dd9;}

.helpmain .left .leftbox2{border-top:1px solid #e5eaed; margin:0px 50px;margin-top:40px;}
.helpmain .left .leftbox2 .box{width:340px;float:left;margin:43px 25px 0px 50px;}
.helpmain .left .leftbox2 .box .tit{ font-size:18px;height:48px; line-height:48px;}
.helpmain .left .leftbox2 .box .tit span{float:left; width:34px;height:34px; background:#52b8e8;border-radius:40%;margin:7px 10px 0px 0px;}
.helpmain .left .leftbox2 .box .tit span.span2{ background:#3ada9f;}
.helpmain .left .leftbox2 .box .tit span img{ display:block;margin:0 auto;height:22px;margin-top:6px;}
.helpmain .left .leftbox2 .box ul li{ line-height:16px; padding:8px 0px 8px 15px; background:url(/Template/skin1/images/database/bg01.png) no-repeat 0 14px;}
.helpmain .left .leftbox2 .box ul li a{color:#90969a;}
.helpmain .left .leftbox2 .box ul li a:hover{color:#3c8dd9;}

.helpmain .right{width:240px;float:right; background:url(/Template/skin1/images/database/helptext.png) no-repeat 50% 50%;height:120px;}

.help-article{margin-top:50px;}
.help-article .left{width:218px; background:#fff;float:left;border:1px solid #d2d8db;border-bottom:0px;}
.help-article .left .lp .tit{height:46px; line-height:46px; overflow:hidden; padding:0px 15px; font-size:16px; background:#e8edef url(add.png) no-repeat 93% 50%; border-top:1px solid #d2d8db;border-bottom:1px solid #d2d8db; position:relative;margin-top:-1px; cursor:pointer;}
.help-article .left .lp .tit2{ background:#e8edef url(reduce.png) no-repeat 93% 50%;}
.help-article .left .lp .ulbox{height:0px; overflow:hidden;}
.help-article .left .lp ul li a{ display:block;height:42px; line-height:42px; padding:0px 15px; overflow:hidden;color:#61656a;border-bottom:1px solid #e4eaed;}
.help-article .left .lp ul li a:hover{color:#3c8dd9;}
.help-article .left .lp ul li.curr a{color:#3c8dd9;}

.help-article .right{width:928px;float:right; background:#fff;border:1px solid #d2d8db;}
.help-article .right .title{ text-align:center;font-size:24px;height:48px; line-height:48px; overflow:hidden;margin-top:20px;}
.help-article .right .intro{ padding:20px 30px 30px 30px;font-size:14px; line-height:24px;color:#61656a;}
.help-article .right .intro p{ padding:10px 0px;}
.help-article .right .intro p img{ max-width:100% !important;height:inherit !important;}
.mainbox{max-width:1180px;width:100%;margin:0 auto}
@media screen and (max-width:480px){
.helpmain .left{width:auto}
.helpmain .left .leftbox .box{margin:25px 0 0 10px}
.helpmain .left .leftbox2 .box{margin: 43px 25px 0px 0px;}
.helpindex{display:block}
.helpindex .info{display:none}
.helpindex .mainbox{background:none}
.helpindex .scbox{margin: 10px 10px 0px 10px;}
}
@media all and (min-width: 1180px) and (max-width: 1920px) {
.col-2{width: 18.666667%;}
}<!--ºÄʱ1764023014.8455Ãë-->