*{word-break: break-all;word-wrap: break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{
	margin:0;padding:0;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

body{
	font-family:Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
	font-size:12px;
	color:#283a46;
	background:#f5f5f5;
}

li{
	list-style-type:none
}
ul{
	margin:0px;
	padding:0px
}
img{
	border:0px;
	padding:0px;
	margin:0px;
}
font{ font-size:inherit;}
a{
	text-decoration:none;
	color:#283a46;
	-webkit-transition: .3s;
	transition: .3s;
}
a:hover{
	text-decoration:none;
	color:#186594;
}
em{
	font-style:normal
}
.fl{
	float:left
}
.fr{ float:right}

del{
	border:0px;
	padding:0px;
	margin:0px;
	font-style:normal;
	text-decoration:none
}
.clear{
	clear:both;
	height:0px;
	overflow:hidden
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;*zoom:1}
.pt60{ padding-top:60px;}

.blank10{height:10px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank60{height:60px;}

::selection{
	background: #389acd;
	color: white;
}
::-moz-selection{
	background: #389acd;
	color: white;
}
.bgwhite{ background:#fff;}
.bg-gray{background:#f5f5f5;}

.mainbox{width:1200px;margin:0 auto;}


.show { display: block !important; }
.hide { display: none !important; }

.pos { position: relative; z-index:100;}


button,input,optgroup,select,textarea {
	margin: 0;
	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,select {
	text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color:#333539;
}

input::-ms-clear {
    display: none;
}

input[type="checkbox"],input[type="radio"] {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: hidden;
	resize: none;
}


input::-moz-placeholder,textarea::-moz-placeholder {
	color: #a2a2a2;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #a2a2a2;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #a2a2a2;
}


object { outline: none;}


/*header*/
.topBar{height:40px; line-height:40px; background:#fff; color:#5a5a5a; border-bottom:1px solid #e9e9e9; position:absolute;width:100%;left:0;top:0; z-index:99999;}
.topBar em{margin:0px 10px;color:#9a9a9a;}
.topBar span{ padding:0px 20px;border-right:1px solid #e9e9e9;height:40px; float:left;} 
.topBar a:hover{color:#186594;}

.topBar .fl{border-left:1px solid #e9e9e9;}
.topBar .fr{border-right:1px solid #e9e9e9;}
.topBar .fr span{border-right:0px;border-left:1px solid #e9e9e9;}

.topBarHeight{height:40px; overflow:hidden;}

.header{height:110px;background:#fff; line-height: 110px;}
.header .logo img{ display:block; overflow:hidden;margin:34px 0px 0px 10px;height:42px; }
.header .search,
.header .button{float:right;margin-top:35px;}

.header .search .scText{width:300px;height:40px; line-height:35px;border:1px solid #e0e0e0;border-right:0px;float:left; outline:none; padding-left:15px; font-size:14px; -webkit-transition:0.3s; transition:0.3s; color:#a2a2a2;}

.header .search .scBtn{width:44px;height:44px;border:1px solid #e0e0e0;border-left:0px;background:url(/kesion-ui/2017/icon-search.png) no-repeat 50% 50%;float:left; outline:none; -webkit-transition:0.3s; transition:0.3s;}
.header .search .scBtn:hover{ background:#f2f2f2 url(2017/icon-search-on.png) no-repeat 50% 50%;}

.header .search-on .scText{border:1px solid #1b86cc;border-right:0px;color:#283a46;}
.header .search-on .scBtn{border:1px solid #1b86cc;border-left:0px;}

.header .button{color:#1b86cc;width:170px;height:42px; line-height:42px; background:#fff;border:1px solid #1b86cc;margin-left:20px; text-align:center; font-size:16px;}


.header2{ position:fixed;width:100%;left:0;top:0;height:80px; background:#fff; z-index:99999; display:none;}
.header2 .logo{margin-top:18px; float:left;}
.header2 .fl{ padding-left:30px;}
.header2 .fl a{font-size:14px;margin-left:30px;}
.header2 .fl i{display:none;}
.header2 .fl,.header2 .fr{ line-height:14px;margin-top:33px;}
.header2 a{float:left;}
.header2 i{width:1px;height:14px; background:#e3e3e3; margin:0px 15px;float:left;}
.header2 em{color:#9a9a9a; margin:0px 10px;font-size:12px;}


.header2 .ty{width:100%;height:9px; background:url(/kesion-ui/ty.png) repeat-x; position:absolute;left:0;bottom:-9px;}


.navBar{height:52px; line-height:52px;  position:relative; background:#fff;}
.navBar ul{ padding-left:250px;}
.navBar li{float:left;font-size:16px;}
.navBar li a{ display:block; margin:0px 25px;}
.navBar li a:hover{ color:#1b86cc;}
.navBar .dropBox{width:100%; padding-bottom:50px; position:absolute;left:0;top:52px; z-index:10009; background:#fff;border-top:1px solid #e9e9e9; box-shadow:0 4px 9px rgba(0,0,0,0.1); display:none;}
.navBar .dropBox .mainbox{ overflow:hidden;}
.navBar .dropBox .box{width:270px;float:left;margin:50px 0px 0px 40px;}
.navBar .dropBox .box a{ margin:0px;}
.navBar .dropBox .box .image{ position:relative;}
.navBar .dropBox .box .image .button{width:100%;height:100%; position:absolute;left:0;top:0; z-index:9; background:url(/kesion-ui/2017/rgba0_50.png); display:none;}
.navBar .dropBox .box .image .button a{width:160px;height:40px; position:absolute;left:50%;margin-left:-80px;top:0;margin-top:-20px; line-height:40px; background:url(/kesion-ui/2017/rgba0_50.png);border:1px solid #fff;border-radius:4px; text-align:center;color:#fff; font-size:14px; -webkit-transition:0.3s; transition:0.3s;}
.navBar .dropBox .box .image .buttonAnimate a{top:50%;}

.navBar .dropBox .box .image img{width:100%; display:block; overflow:hidden;height:170px;}
.navBar .dropBox .box .info{ font-size:12px;color:#a2a2a2; line-height:24px; overflow:hidden;}
.navBar .dropBox .name{font-size:14px;height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis;margin-top:5px;}

.navBar .caseClass{width:33.33%;float:left; text-align:center;}
.navBar .caseClass .icon{width:90px;height:90px; display:block;margin:0 auto;margin-top:50px; background:#eee;border-radius:50%;}
.navBar .caseClass .icon1{ background:url(/kesion-ui/2017/caseicon1.png) no-repeat;}
.navBar .caseClass .icon2{ background:url(/kesion-ui/2017/caseicon2.png) no-repeat;}
.navBar .caseClass .icon3{ background:url(/kesion-ui/2017/caseicon3.png) no-repeat;}
.navBar .caseClass a{ display:inline; margin:0px;}
.navBar .caseClass a:hover{color:#283a46;}
.navBar .caseClass .name{margin-top:10px; font-size:18px;height:48px; line-height:48px; overflow:hidden;}
.navBar .caseClass .info{ padding:0px 50px; color:#9a9a9a; font-size:14px; line-height:29px;}
.navBar .r{ float:right;}
.navBar .r a{ margin:0px;}
.navBar .r img{ display:block; overflow:hidden;}

.classSlide{width:225px; position:absolute;left:0;top:-52px; z-index:9999; background:url(/kesion-ui/2017/bg-black2.png);}
.classSlide .title{height:52px; background:#0f78bc url(icon-list.png) no-repeat 20px 50%; line-height:52px; padding-left:55px;font-size:16px;color:#fff;}

.classSlide .slideBox{height:480px;}
.classSlide .slideBox dt{ padding:15px 0px;-webkit-transition:0.3s; transition:0.3s; position:relative;}
.classSlide .slideBox dt .line{width:100%;height:1px;background:url(/kesion-ui/2017/rgba255_8.png); position:absolute;left:0;top:0;}
.classSlide .slideBox dt .name{font-size:16px;height:26px; line-height:26px; overflow:hidden; padding:0px 20px;}
.classSlide .slideBox dt .name a{color:#fff;}
.classSlide .slideBox dt .subClass{ line-height:26px;margin-top:5px;}
.classSlide .slideBox dt .subClass a{ margin-left:20px;color:#a2d3fe; display:inline-block;}
.classSlide .slideBox dt .subClass a:hover{color:#fff;}


.classSlide .slideBox dt .subClass2{width:130px; padding:25px 30px; line-height:34px;background:url(/kesion-ui/2017/bg-black2.png); position:absolute;left:225px;top:0px;  -webkit-transition:0.3s; transition:0.3s; display:none;}
.classSlide .slideBox dt .subClass2 span{width:130px;float:left; margin-right:40px;}
.classSlide .slideBox dt .subClass2 a{color:#a2d3fe;}
.classSlide .slideBox dt .subClass2 em{width:5px;height:5px;float:left; background:#a2d3fe;margin:14px 10px 0px 0px;}
.classSlide .slideBox dt .subClass2 span:hover a{color:#fff;}
.classSlide .slideBox dt .subClass2 span:hover em{ background:#fff;}

.indexBanner .mainbox{ position:relative;}


/*¿Í·þ*/
#kfface{width:60px;height:60px; position:fixed; cursor:pointer;right:55px;top:30%; z-index:999; display:none;}
#kfface img{width:100%;height:100%;}
#customerservice{width:150px; position:fixed;right:15px;top:200px;/*top:30%*/ z-index:999; background:#f4f9fa;}
#customerservice .kfimg{ padding:30px 30px 0px 30px; cursor:pointer;}
#customerservice .kfimg .img{ display:block; overflow:hidden;width:84px;height:84px;border:3px solid #fff;border-radius:50%; position:relative; z-index:9;}
#customerservice .kfimg .img img{width:100%;height:100%; display:block; overflow:hidden; -webkit-transition:0.6s; transition:0.6s;border-radius:50%;}
#customerservice .kfimg:hover .img img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
#customerservice .kfimg span{ display:block; text-align:center;heigth:34px; line-height:34px; font-size:14px;color:#47849b; overflow:hidden;}

#customerservice .tel{height:22px; line-height:22px; overflow:hidden;color:#e23434; padding-left:15px;}
#customerservice .tel img{height:12px;float:left;margin:5px 7px 0px 0px;}
#customerservice .text{height:22px; line-height:22px; overflow:hidden;margin-top:5px; text-align:center;color:#606466;}

#customerservice .icon{height:46px; background:#edf3f4;margin-top:15px;}
#customerservice .icon span{width:50%;float:left; cursor:pointer;}
#customerservice .icon #code .innericon{width:22px;height:22px; background:url(/kesion-ui/kefu/codeicon.png) no-repeat; display:block; -webkit-transition:0.3s; transition:0.3s;margin:0 auto;margin-top:12px;}
#customerservice .icon #code:hover .innericon{ background:url(/kesion-ui/kefu/codeicon-focus.png) no-repeat;}
#customerservice .icon #code .codeimg{width:150px;height:140px; position:absolute;right:150px; bottom:0; display:none;}
#customerservice .icon #code .codeimg img{width:120px;height:120px;padding:10px; background:#fff;}

#customerservice .icon #gotop .innericon{width:22px;height:22px; background:url(/kesion-ui/kefu/top.png) no-repeat; display:block; -webkit-transition:0.3s; transition:0.3s;margin:0 auto;margin-top:12px;}
#customerservice .icon #gotop:hover .innericon{ background:url(/kesion-ui/kefu/top-focus.png) no-repeat;}

#customerservice .wxtext{height:46px; line-height:46px;margin-top:15px; background:#edf3f4; font-size:14px;color:#909598; cursor:pointer;}
#customerservice .wxtext .innericon{width:22px;height:22px; background:url(/kesion-ui/kefu/codeicon.png) no-repeat;float:left; -webkit-transition:0.3s; transition:0.3s;margin:12px 15px 0px 15px;}
#customerservice .wxtext .codeimg{width:150px;height:140px; position:absolute;right:150px; bottom:0; display:none;}
#customerservice .wxtext .codeimg img{width:120px;height:120px;padding:10px; background:#fff;}
#customerservice .wxtext:hover{color:#3c88b7;}
#customerservice .wxtext:hover .innericon{ background:url(/kesion-ui/kefu/codeicon-focus.png) no-repeat;}

#customerservice #close{width:33px;height:31px; background:url(/kesion-ui/kefu/close.png) no-repeat; position:absolute;top:0;right:0; cursor:pointer;-webkit-transition:0.3s; transition:0.3s;}

#customerservice #close:hover{background:url(/kesion-ui/kefu/close-focus.png) no-repeat;}


/*footer*/

.footer{background:#f2f2f2; padding: 30px 0px 25px 0px;}
.footer li{width:20%;float:left; padding-right:2%;}
.footer li.last-li{width:34%;padding-right:0;}
.footer li .name{font-size:16px;height:36px;line-height:36px; overflow: hidden;color:#525252;font-weight: bold;}
.footer li span{ display:block;line-height:22px;}
.footer li span a{font-size:12px;color:#a2a2a2;}
.footer .last-li .text{line-height:22px;font-size:12px;color:#a2a2a2;}


.footer .followUs a.weixin{ position:relative; transition:0.3s;}
.footer .followUs .weixin .img{ display:none; position:absolute; left:-80px; top:-140px; width:130px; height:130px; padding-bottom:10px;}
.footer .followUs .weixin .img img{ width:110px; height:110px;background:#fff; padding:10px;}
.footer .followUs span{float:left;}
.footer .followUs .icon{width:21px;height:18px;float:left;margin-left:15px;}
.footer .followUs .weibo{background:url(/kesion-ui/footer/weibo.png) no-repeat;}
.footer .followUs .weibo:hover{background:url(/kesion-ui/footer/weibo-on.png) no-repeat;}
.footer .followUs .wechat{background:url(/kesion-ui/footer/wechat.png) no-repeat;}
.footer .followUs .wechat:hover{background:url(/kesion-ui/footer/wechat-on.png) no-repeat;}
.footer .followUs .tx{background:url(/kesion-ui/footer/tx.png) no-repeat;}
.footer .followUs .tx:hover{background:url(/kesion-ui/footer/tx-on.png) no-repeat;}
.footer .followUs .line{width:1px;height:18px;background:#e5e5e5;float:left;margin-left:15px;}

.copyright{background:#f2f2f2;}
.copyright .mainbox{border-top:1px solid #e5e5e5;padding:25px 0px;}
.copyright a{color:#a2a2a2;}
.copyright .left{float:left;color:#a2a2a2;line-height:22px;}
.copyright .right{float:right;}

.copyright .right a{float:left;margin:15px 0px 0px 20px;}<!--ºÄÊ±1782869899.1353Ãë-->