@import url(iconfont.css);
@charset "utf-8";
/* CSS Document */

body{ font-family:微软雅黑,Arial, Helvetica, sans-serif;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#0097e0; text-decoration:none;}

h2{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:40px; letter-spacing:1px;}
h3{text-align:center; font-size:16px; font-weight:normal; color:#bbb; line-height:30px; letter-spacing:1px; }
h4{text-align:center; font-size:20px; font-weight:normal; }
p{ color:#333; margin:0px auto 10px auto; line-height:220%; font-size:14px;}

.txt{ text-align:center; font-size:12px; color:#666}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}
.mgt50{ margin-top:50px;}
.tac{ text-align:center;}

.wrapper{ float:left; width:100%; padding:50px 0;}

.navbarbg{ background:none; border-bottom:none;}
.container { width:1200px; margin:0 auto;}
.navbar-brand{ float:left; width:150px; height:50px;}
.navbar-brand img{ width:auto; max-height:50px;}

ul.nav > li > a{text-transform: uppercase; line-height:50px; color:#333; font-size:14px;}
ul.nav > li:hover{background: #f4f4f4;}
ul.nav > li:after{content: "";width: 0;height: 5px;background: #0097e0;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
ul.nav > li:hover:after{ width: 100%;}
.nav-copyright{ display:none;}

.nav-brand{ display:none;}

#banner{
	float: left;
	margin-top: 0;
}
#banner .item img{display: block;width: 100%;height: auto;}
#bar{width: 0%;max-width: 100%;height: 4px;background: #7fc242;position:absolute; bottom:0px;}
#progressBar{width: 100%; background: #EDEDED;}

.inbanner{ float:left; width: 100%; margin-top:80px;}
.inbanner img{display: block;width: 100%;height: auto;}

#wedo{ margin-top:30px;}
#wedo .item{padding: 40px 40px;margin: 10px;color: #FFF;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;}
#wedo .item .ic{font-size:100px;line-height:80px;display:block; border-radius: 50%;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;}
#wedo .item:hover .ic{
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;}
#wedo .item h3{font-size: 28px;font-weight: bold;margin: 25px 0 0; color:#FFF}
#wedo .item p{ margin: 20px 0 0;font-size: 14px; color:#FFF}

.casewrapper{ background:#f2f2f2}
.howdowrapper{ background:#0097e0; color:#FFF;}
.howdowrapper p{ color:#FFF;}
.contactwrapper{ background:#0097e0; color:#FFF; padding:30px 0 0 0; }
.contactwrapper p{ color:#FFF;}

.orange{
	background: #ff8a3c;
}
.darkCyan{
	background: #42bdc2;
}
.forestGreen{
	background: #7fc242;
}
.yellow {
	background: #ffd800;
}
.dodgerBlue {
	background: #388bd1;
}
.skyBlue {
	background: #a1def8;
}
.zombieGreen {
	background: #3fbf79;
}
.violet {
	background: #db6ac5;
}
.yellowLight {
	background: #fee664;
}
.steelGray {
	background: #cad3d0;
}

.xiaochengxubg{ 
  background: #625ab0;
}
.case-categorybox{ float:left; width:100%;  border-top:solid 1px #ddd;}
.case-categorybox a{ display:inline-block; width:100%; height:58px; line-height:58px; text-align:center; display:inline-block; cursor:pointer; font-size:16px; color:#666; }
.case-categorybox a:hover,.case-categorybox a.caseon{ color:#0097e0;  border-top:solid 1px #0097e0; top:-1px; position:relative; line-height:59px;}

.casegrid{float:left; width:100%; }
.case-item{ padding:0; margin:0px;}
.our-case{
		overflow: hidden;
		position: relative;
	}
	.our-case img{
		width: 100%;
		height: auto;
		position: relative;
		right: 0;
		transition: all 0.4s ease-in-out 0s;
	}
	.our-case:hover img{
		right: 60%;
	}
	.our-case .case-content{
		width: 80%;
		height: 100%;
		background: #fff;
		padding: 10% 30px 0;
		position: absolute;
		top: 0;
		right: -80%;
		transition: all 0.4s ease-in-out 0s;
	}
	.our-case:hover .case-content{
		right: 0;
	}
	.our-case .title{
		font-size: 22px;
		color: #0097e0;
		margin: 0 0 10px 0;
		text-align:left;
		
	}
	.our-case .post{
		display: block;
		font-size: 12px;
		color: #666;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	.our-case .description{
		font-size: 12px;
		color: #333;
		line-height:20px;
		height:40px;
	}
	@media only screen and (max-width: 990px){
		.our-case{ margin-bottom: 50px; }
	}
	@media only screen and (max-width: 360px){
		.case-content{ padding: 15% 15px 0; }
	}



.hovereffect {
	margin-bottom:20px;
  width: 100%;
  height: 100%;
  max-height:300px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  max-width:500px;
  max-height:300px;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 18px;
  background-color: transparent;
  padding: 3% 0 10px 0;
  text-align: left;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect h3 {
  position: absolute;
   width:100%;
  left:0;
  bottom:-10px;
  font-size: 16px;
  text-align: center;
   color:#fff;
  background: rgba(0,151,224,0.7);
  line-height:50px;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
   line-height:20px;
   height:40px; overflow:hidden;
}


.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect:hover h3{ display:none;}
.hovereffect:hover i{ display:none;}

.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover h2, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.process{ margin-top:20px;}
.step-item{ text-align:center;padding:30px 10px; position:relative;overflow:hidden; border-radius:10px;}
.step-item .ic{font-size:100px;line-height:80px;}
.step-item h3{margin:20px 0 12px; font-size:20px;}
.step-item p{line-height:1.65em; font-size:12px;}
.step-item:after{content: "";width: 0;height: 100%;background: #fdd000; color:#FFF;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s; z-index:-1}
.step-item:hover:after{ width: 100%;}

.contactwrapper h2,.howdowrapper h2{ color:#FFF;}
.contactwrapper h3,.howdowrapper h3{ color:#FFF; }
.contactwrapper p,.howdowrapper p{ color:#FFF;}

.news-container{ margin-top:50px; background:url(../images/knowledage-bg.png) no-repeat top center; overflow:hidden; position:relative; }
.news-item{ width:576px; height:123px; overflow:hidden; margin:10px 0 30px 0; }
.news-item-left .n-day{ width:87px; height:115px; float:left; overflow:hidden; margin:4px auto 0 4px;}
.news-item-left .n-right{ width:462px; height:115px; float:left; margin:4px auto 0px auto; overflow:hidden;}
.news-item-right .n-day{ width:87px; height:115px; float:right; overflow:hidden; margin:4px auto 0 4px;}
.news-item-right .n-right{ width:462px; height:115px; float:left; margin:4px auto 0px 20px; overflow:hidden;}
.n-day b{ height:71px; width:84px; display:block; text-align:center; font-size:35px; color:#fff; line-height:71px;}
.n-day span{ height:44px; width:84px; display:block; text-align:center; font-size:12px; color:#999; line-height:44px;}
.n-title{ width:410px; height:55px; line-height:55px; font-size:16px; margin:0px auto; color:#333; overflow:hidden;}
.n-intro{ width:410px; height:40px; line-height:20px; font-size:12px; margin:0px auto; color:#666; overflow:hidden;}

.news-item-left{ width:576px; height:123px; background:url(../images/knowledage-divbg.png) no-repeat 0 -123px; cursor:pointer; overflow:hidden;}
.news-item-left:hover{background:url(../images/knowledage-divbg.png) no-repeat 0 0;}
.news-item-right{ width:576px; height:123px; background:url(../images/knowledage-divbg.png) no-repeat 0 -369px; cursor:pointer; overflow:hidden;}
.news-item-right:hover{background:url(../images/knowledage-divbg.png) no-repeat 0 -246px;}

.countfield{width:100%; line-height:80px; color:#fff; overflow:hidden;border-top:solid 1px #49b2e5; font-size:14px; margin-top:20px;}
.countfield .ic{ font-size:30px; margin-right:5px;}
.countfield span{ font-size:35px; font-family:Georgia, "Times New Roman", Times, serif;}


.footerwrapper{ float:left; width:100%; background:#0097e0; color:#FFF; }
.contactfield{width:100%; line-height:80px; color:#fff; overflow:hidden;border-bottom:solid 1px #49b2e5; font-size:12px;}
.contacttool{font-size:12px;}
.contacttool .ic{ font-size:20px; margin-right:5px;}
.contactaddress{ display:none}

.foot-map{ height:420px; width:100%; margin:0px auto;position:relative ; overflow:hidden;}
.copyright{  width:100%; line-height:30px; text-align:center; margin:10px 0; font-size:12px;}

.ficon{ display:inline-block; font-size:30px; line-height:50px; color:#0097e0; width:50px; height:50px; background:#FFF; border-radius:5px; margin:0 5px;}
.ficon:hover{ background:#fdd000; color:#FFF;}


.dux-page { text-align:center; margin-left:auto; margin-right:auto; clear:both; overflow:hidden; padding:20px 0;}
.dux-page a { background:#fff; padding:5px 10px;  height:35px; margin:0 3px; line-height:35px; font-size:14px; text-align:center; color:#333; text-decoration:none; border:#efefef solid 1px; border-radius:5px;}
.dux-page a:hover,.dux-page a.active-page { background:#0097e0; color:#FFF;}
.dux-page a.prePage,.m-page a.nextPage { font-family:"Tahoma";}
.dux-page .hidden { display:none;}

.boxbg{ background:#f5f5f5;}

.about-img{ float:left; width: 100%; }
.about-img img{display: block;width: 100%;height: auto;}

.color1 .hoverdir{background:#a755c6}
.color1 .ic{color:#a755c6}
.color2 .hoverdir{background:#f87e3e}
.color2 .ic{color:#f87e3e}
.color3 .hoverdir{background:#2e97f5}
.color3 .ic{color:#2e97f5}
.color4 .hoverdir{background:#d43f7c}
.color4 .ic{color:#d43f7c}
.color5 .hoverdir{background:#fa992e}
.color5 .ic{color:#fa992e}
.color6 .hoverdir{background:#69d25d}
.color6 .ic{color:#69d25d}
.color7 .hoverdir{background:#fec145}
.color7 .ic{color:#fec145}
.color8 .hoverdir{background:#4fc5bf}
.color8 .ic{color:#4fc5bf}

.sv-item{ text-align:center;padding:30px 20px;position:relative;overflow:hidden;-webkit-transition:color 0.35s;transition:color 0.35s}
.sv-item .ic{font-size:100px;line-height:80px;display:block;-webkit-transition:color 0.35s;transition:color 0.35s}
.sv-item h3{margin:20px 0 12px; font-size:20px; color:#111;}
.sv-item p{line-height:1.65em; color:#333;}
.sv-item:hover h3{color:#FFF}
.sv-item:hover p{color:#FFF}
.sv-item:hover .ic{color:#FFF !important}
.sv-content{position:relative;z-index:2; width:100%;}
.hoverdir{position:absolute;width:100%;height:100%;z-index:1;display:none}.
.btn-ripple{position:relative;overflow:hidden;z-index:9}

.webitem{ margin:40px 0; }
.webitem .webitem-img{ float:left; width:130px; height:110px; }
.webitem .webitem-img img{ width:100%; }
.webitem .webitem-box{ float:right; width:420px; height:110px; }
.webitem .webitem-topic{ display:block; height:50px; line-height:50px; color:#000; font-size:16px; }
.webitem .webitem-intro{ display:block;  color:#666; line-height:180%; font-size:12px;}
.webitem .webitem-line{  display:block;margin-bottom:15px;} 
.webitem .webitem-line span{ width:90px; height:2px; background:#0097e0; display:block; float:left;}
.webitem .webitem-line span.line2{ background:#f35555 !important;}
.webitem .webitem-line span.line3{ background:#ffa740 !important;}
.webitem .webitem-line span.line4{ background:#30be6f !important;}

.contactbox { text-align:center; margin-top:50px; }
.contactitem{ margin:10px 5px; padding:20px 0; width:290px;}
.contactbox i{ font-size:50px; line-height:60px; }
.c1{ background:#f9e0e0}
.c1 i{ color:#de6865}
.c2{ background:#ddf2f4}
.c2 i{ color:#2eafbb}
.c3{ background:#ebf3da}
.c3 i{ color:#9ac047}
.c4{ background:#d8eefb}
.c4 i{ color:#31a0e1}

.contactitem h3{ font-size:16px; line-height:40px; color:#000}
.contactitem p{ font-size:12px; line-height:20px;}

.casetitlebox{ padding:20px 0;}
.casetitlebox .casetitle{ line-height:40px; font-size:18px;}
.casetitlebox .casetitle h2{ text-align:left;}
.casetitlebox .caselink{ line-height:40px; font-size:18px; text-align:right; padding-top:15px;}
.casetitlebox .caselink a{ float:right; width:150px; height:50px; border-radius:5px; border:solid 1px #0097e0; color:#0097e0; line-height:50px; text-align:center; font-size:18px;}
.casetitlebox .caselink span{ font-size:18px;}
.casetitlebox .caselink a:hover{ color:#fff; background:#0097e0;}

.case-tags{ width:100%; height:30px;line-height:30px; border-top:#ececec solid 1px; color:#666; font-family:"微软雅黑"; clear:both; text-align:left; font-size:12px; }
.case-tags span{ margin-right:25px;}

.case-content img{ max-width: 1200px; height:auto; width:expression(this.width > 1200 ? "1200px" : this.width);}

.newscontentbox{  min-height:500px; background:#fff;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0,0,0,0.2); padding:30px; clear:both; border:solid 1px #ddd; border-bottom:none;}
.article-tags{ width:100%; height:45px;line-height:45px;  border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; margin:15px auto 20px auto; color:#666; font-family:"微软雅黑"; clear:both; text-align:center; font-size:12px; }
.article-tags span{ margin-right:25px;}
.article-content{ width:100%; height:auto; overflow:hidden; line-height:30px; font-family:"微软雅黑"; font-size:14px;}
.article-content img{ max-width: 1200px; height:auto; width:expression(this.width > 1200 ? "1200px" : this.width);}

.article-nextprev{ margin-top:20px; text-align:center;}

.advantage-box{ margin-top:50px;}
.adv-item{ text-align:center; margin:15px;}
.adv-img img{ -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}
.adv-img:hover img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.adv-item h3{ text-align:center; font-size:20px; line-height:40px;}
.adv-item p{ text-align:center; font-size:12px; line-height:20px;}

/*客服*/
.kf-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       bottom: 25%;
	       /*-webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;*/
	       z-index:999;
}
.kf-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.kf-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    /*box-shadow: #DDD -1px 1px 4px;*/
}
.kf-rmenu a.consult:hover .phone{display:inline !important;}
.kf-rmenu .consult1 .phone1 {
    
    top: 82px;
}
.kf-rmenu a.consult1:hover .phone1{display:inline !important;}
.kf-rmenu .weixin {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -157px;
    display: block;
    height: 76px;
    width: 82px;
}
.kf-rmenu a.weixin img{ width:160px;}
.kf-rmenu .weixin .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
.kf-rmenu a.weixin:hover .pic{display:block; margin-right:82px;}

.kf-rmenu .xcx {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 76px;
    width: 82px;
}
.kf-rmenu a.xcx img{ width:160px;}
.kf-rmenu .xcx .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 145px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
.kf-rmenu a.xcx:hover .pic{display:block; margin-right:82px;}
.kf-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.kf-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}



@media(max-width:768px){
.wrapper{ float:left; width:100%; padding:20px 0;}
.navbar-brand img{ width:auto; max-height:35px; margin-top:-5px;}
.nav li a{ line-height:30px; padding:0 10px;}
.nav li.on{ background:#0097e0; color:#FFF;}
.nav li.on a{ color:#FFF;}
.nav-copyright{ display:block; background:#FFF; padding:20px; border-radius:10px;}
.nav-c-item i{ margin-right:5px;}
.nav-c-item{ line-height:30px;}

.nav-brand{display:block; text-align:center;}
.nav-brand a img{ width:120px; height:40px;}

#banner{ margin-top:50px;}
.inbanner{margin-top:50px; overflow:hidden; width:100%;}
.inbanner img{ width:100%;}

.container { width:100%;}
.container img{ width:100%;}

h2,h3{ text-align:center; padding:0 10px;}
.txt{ text-align:center; font-size:12px; color:#666; padding:0 10px;}

#wedo{ margin-top:10px;}
.casegrid{ margin-top:20px;}

.news-container{ margin-top:20px; background:none;}
.news-item{ width:100%; background:none; clear:both; margin:5px 0; border-bottom:#f1f1f1 solid 1px;}
.news-item-left .n-day{ width:20%; height:100px; float:left; overflow:hidden; margin:4px auto 0 4px; border-right:#f2f2f2 solid 1px;}
.news-item-left .n-right{ width:77%; height:100px; float:right; margin:4px auto 0px auto; overflow:hidden;}
.news-item-right .n-day{ width:20%; height:100px; float:left; overflow:hidden; margin:4px auto 0 4px; border-right:#f2f2f2 solid 1px;}
.news-item-right .n-right{ width:77%; height:100px; float:right; margin:4px auto 0px 0px; overflow:hidden; }
.n-day b{ width:100%; height:60px; display:block; text-align:center; font-size:35px; color:#0097e0; line-height:60px;}
.n-day span{  width:100%; height:40px; display:block; text-align:center; font-size:12px; color:#999; line-height:40px;}
.n-right .n-title{  width:100%; height:55px; line-height:55px; font-size:16px; margin:0px auto; color:#333; overflow:hidden;}
.n-right .n-intro{  width:100%;  height:40px; line-height:20px; font-size:12px; margin:0px auto; color:#666; overflow:hidden;}

.news-item-left:hover{background:none;}
.news-item-right:hover{background:none;}

.countfield{ font-size:12px;}
.countfield span{ font-size:30px;}

.contacttool{margin:10px auto 0px auto; font-size:16px; line-height:40px;}
.contacttool .ic{ font-size:22px; margin-right:5px;}
.contactaddress{ display:block}
#wedo .item .ic img{ height:80px; width:auto;}

.webitem .webitem-img{ float:left; width:25%;}
.webitem .webitem-box{ float:right; width:70%; }
.webitem .webitem-topic{ display:block; height:30px; line-height:30px; color:#000; font-size:16px; }
.webitem .webitem-intro{ display:block;  color:#666; line-height:180%; font-size:12px;}

.contactitem{ display:block; width:100%; margin:0; padding:20px 0;}

.casetitlebox .casetitle{ line-height:40px; font-size:18px;}
.casetitlebox .casetitle h2{ text-align:center;}
.casetitlebox .caselink{ line-height:40px; font-size:18px; text-align:center; padding-top:15px;}
.casetitlebox .caselink a{ width:150px; height:50px; border-radius:5px; border:solid 1px #0097e0; color:#0097e0; line-height:50px; text-align:center; font-size:18px;}
.casetitlebox .caselink span{ font-size:18px;}
.casetitlebox .caselink a:hover{ color:#fff; background:#0097e0;}
.case-tags{ width:100%; height:30px;line-height:30px; border-top:#ececec solid 1px; color:#666; font-family:"微软雅黑"; clear:both; text-align:center; font-size:12px; }
.case-tags span{ margin-right:25px;}

.case-categorybox{ float:left; width:100%;  border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.case-categorybox a{ display:inline-block; width:100%; height:38px; line-height:38px; text-align:center; display:inline-block; cursor:pointer; font-size:16px; color:#666; }
.case-categorybox a:hover,.case-categorybox a.caseon{ color:#0097e0;  border-top:solid 1px #0097e0; top:-1px; position:relative; line-height:39px;}

.hovereffect:hover p{ display:none;}
.hovereffect:hover i{ display:block;}
.hovereffect i {
  color: #FFF;
   line-height:20px;
   height:40px; overflow:hidden;
}


.kf-rmenu{ display:none;}

}