﻿@CHARSET "UTF-8";

/************幻灯**************/
.iPlayer{width:100%;min-width:1200px;height:500px;position:relative;overflow:hidden;margin-bottom:5px;background:#eee;}

	.iPlayer .iPlayerloading{position:absolute;width:100px;height:50px;top:50%;margin-top:-25px;left:50%;margin-left:-50px;text-align:center;
	
		border-radius:8px;
	background:rgba(0,0,0,0.35);color:#fff;line-height:50px;
	}



	.iPlayer .ImgBox{width:100%;min-width:1200px;height:500px;margin:0 auto;visibility:hidden;}
	.iPlayer .ImgBox a{width:100%;height:500px;
	display:block;overflow:hidden;position: relative;text-align:center;
	}
	
	
	
	
	.iPlayer .ImgBox a img{position:absolute;top:0;left:50%;}
	
	.iPlayer .tofan{

	cursor:pointer;	background:rgba(0,0,0,0.35);
	border-radius:5px;text-align:center;font-size:40px;color:#fff;line-height:50px;overflow:hidden;position:absolute;z-index:2;top:50%;margin-top:-30px;width:60px;height:60px;
	background-image:url(../images/btn.png);
	background-repeat:no-repeat;
	
	}	

	.iPlayer .tofan.prv{
	
	left:70px;
	background-position:left top;
	}
	.iPlayer .tofan.next{right:70px;
		background-position:right top;
	
	
	}
	
	
	
		.iPlayer .tofan.prv:hover{
	
	background-position:left -60px;
	}
	.iPlayer .tofan.next:hover{
		background-position:right -60px;
	
	
	}
	
	
	
	.iPlayer .LenBox{position:absolute;z-index:2;bottom:10px;text-align:center;width:100%;overflow:hidden;}
	.iPlayer .LenBox a{
	display:inline-block;cursor:pointer;text-decoration:none;
	width:14px;height:14px;
	margin-right:5px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
	border-radius:8px;
	
	background-image:url(../images/btn.png);
	background-repeat:no-repeat;
		background-position:-33px -130px;
	
	}
	.iPlayer .LenBox a:hover{	
	
		background-position:-47px -130px;
		}
	.iPlayer .LenBox a.hover,.iPlayer .LenBox a.hover:hover{width:36px;	
	background-position:2px -130px;
}
/************幻灯**************/












ul.fuwu { width:1000px;margin:auto;height: 278px; overflow: hidden;}
ul.fuwu li{ float:left; line-height: 0px; margin-right:30px; width:140px; overflow:hidden;}
ul.fuwu li img{width:140px; height:154px;}
ul.fuwu li span{display:block; text-align:center; font:14px/28px "Microsoft Yahei";  color:#676767; }
ul.fuwu li span b{ display: block; color: black; font:bold 18px/42px "Microsoft Yahei"; }
ul.fuwu .nones{ margin-right:0px;}
ul.fuwu li a:hover{ text-decoration: none;}

.dllist{ width:1000px;margin:auto;height:280px;overflow:hidden;border: 1px solid #dce8f2; background: #eef7ff; overflow:hidden; }
.dllist dl{display:none;margin:30px;}
.dllist dl.cur{display:block;}

.dllist dt {float: left; width:325px; height:212px; overflow:hidden;}
.dllist dt img{width:325px; height:212px;}
.dllist dd{float: right; width:590px; overflow:hidden;}
.dllist dd h3 a{ font:24px/58px "Microsoft Yahei"; color:black; }

.dllist dd h3 img{padding-right: 10px; float: left; width: 78px; height: 58px; }
.dllist dd h3 i{display: inline-block; padding-left: 10px; font:18px/58px "Microsoft Yahei"; color: black;}
.dllist dd p{display:block;margin-top: 10px; font:14px/28px "Microsoft Yahei"; color: #676767;max-height:80px;overflow:hidden;}
.dllist dd em{ display:block; margin-top:23px; padding:10px; width:583px; max-height:82px;overflow:hidden; font-size:14px;line-height:23px;background:#fff; border: 1px solid #dce8f2; color: #676767;}
.dllist dd em a { color:#E53333;}
.dllist dd em a:hover{color:#E53333;text-decoration:underline}



.dllist dd em span:last-child {
   display:none;
}



.dllist dd em.em2{line-height:22px;padding-top: 6px;height: 50px;}





/*zy_bg*/
.zy_bg{ height: 603px; overflow: hidden;background:url(../images/zy_bg.jpg) no-repeat center top;}
.zy{width:1000px;margin:auto;position: relative; height: 603px; overflow: hidden;}
.zy h2{margin:50px auto 85px; height: 61px; width: 1000px; text-align: center; color: #fff; background:url(../images/zy_t.png) no-repeat center top; font:30px/47px "Microsoft Yahei";}
.zy ul{}
.zy li{ margin-left: 17px; display: inline; float:left; width: 290px; overflow: hidden; color: #676767;font:14px/26px "Microsoft Yahei";}
.zy li span{ text-align: right; display: block; font:bold 18px/36px "Microsoft Yahei"; color: black;}
.zy .zy_li2{ float: right; margin:0 20px 0 300px;}
.zy .zy_li2 span{ text-align: left;}
.zy .zy_li1{ margin-bottom: 115px;}
.zy p{position:absolute;top:180px;left:50%;margin-left:-174px;display:block;width:349px;height:349px;background:url(../images/zy_img.png) no-repeat;}





/*adv*/
.adv{width:1000px;margin:auto; height: 1418px; overflow: hidden; background:url(../images/adv_line.jpg) no-repeat 494px 166px; }
.adv h2{margin:34px auto 26px; height: 106px; text-align: center; overflow: hidden;  font:30px/55px "Microsoft Yahei";background:url(../images/adv_t.jpg) no-repeat center bottom; color: #313131;}
.adv h2 i{padding-left: 20px; font:28px/51px "Microsoft Yahei"; display: block; color: black;}
.adv h2 a{font:28px/51px "Microsoft Yahei";color:#E53333;}



.adv_c{margin-top: 43px; position: relative; height: 926px; overflow: hidden; }
.adv_c p{ position: absolute;z-index:2;display: block;width:89px;height:89px;  overflow: hidden;}
.adv_c .adv_p1{ left:458px; top:52px;background:url(../images/adv_n1.jpg) center no-repeat;}
.adv_c .adv_p2{left:458px; top:288px;background:url(../images/adv_n2.jpg) center no-repeat;}
.adv_c .adv_p3{left:458px; top:524px;background:url(../images/adv_n3.jpg) center no-repeat;}
.adv_c .adv_p4{left:458px; top:800px;background:url(../images/adv_n4.jpg) center no-repeat;}



.adv_c .advnei{display:block;width:408px;height:435px;overflow:hidden;margin-bottom:30px;margin-top:10px;}


.adv_c .advnei.adv_dl01{float: left;}
.adv_c .advnei.adv_dl02{float: right;}
.adv_c .advnei .advk{width:408px;height:208px;overflow:hidden;}




.adv_c .advnei.adv_dl01 .advk h3{padding:20px 40px 0 25px;  color: black;  font:24px/34px "Microsoft Yahei";}
.adv_c .advnei.adv_dl02 .advk h3{padding:20px 25px 0 40px;  color: black;  font:24px/34px "Microsoft Yahei";}

.adv_c .advnei h3 i{ display: block; text-transform: uppercase; color: #cfcfcf;  font:14px/24px Arial, Helvetica, sans-serif;}

.adv_c .advnei.adv_dl01 .advk em{ padding:0px 50px 0 25px;color: #676767; display:block; font:14px/25px "Microsoft Yahei";}
.adv_c .advnei.adv_dl02 .advk em{ padding:0px 25px 0 40px;color: #676767; display:block; font:14px/25px "Microsoft Yahei";}

.adv_c .advnei img{display:block;width: 395px;height: 227px;}
.adv_c .advnei.adv_dl02 img{margin-left:13px;}





.advxia{ width:1000px;margin:auto; margin-top: 84px; height: 170px; overflow: hidden;}
.advxia li{float:left; width: 249px; height: 190px;margin-right: 1px; overflow:hidden;display:inline;}
.advxia li img{ float: left; width:89px; height:89px;}
.advxia li p{padding-top:50px;padding-left:130px;display:block;  display:block;  font:22px/34px "Microsoft Yahei";  color:#fff; }
.advxia .adv_li1{background: #2acc72 url(../images/adv_n5.jpg) 25px 40px no-repeat; }
.advxia .adv_li2{background: #688cb4 url(../images/adv_n6.jpg) 25px 40px no-repeat; }
.advxia .adv_li3{background: #ffa800 url(../images/adv_n7.jpg) 25px 40px no-repeat; }
.advxia .adv_li4{background: #b75bc8 url(../images/adv_n8.jpg) 25px 40px no-repeat; }







/*kh_bg*/
.kh_bg{ background:#dfebf6 url(../images/kh_bg.jpg) no-repeat center top; height:914px; overflow:hidden;}
.kh{width:1000px;margin:auto;}
.kh .t_h2{ margin:52px auto 64px;background:url(../images/kh_t.png) no-repeat center 49px;}

.roll1,.roll2{margin-top:146px; display:inline; width:57px; height:57px; overflow:hidden;}
.roll1 img,.roll2 img{width:57px; height:57px;overflow:hidden; display:inline-block;}
.gwbox{display:none;}
.kh_c{position: relative;margin-left: 109px; width: 742px; overflow: hidden; height: 375px;}
.kh_c dt{position: absolute; left: 0px; top:0px; width: 277px; height: 375px; overflow:hidden;}
.kh_c dt img{ width: 277px; height: 416px;}
.kh_c dd{display:block; position: absolute; left:250px; top:60px;width: 450px; height: 277px; overflow: hidden;  background:url(../images/kh_dd.jpg) no-repeat left top; }
.kh_c dd h3{  padding: 25px 25px 0 40px; color: #fff;font:20px/45px "Microsoft Yahei";}
.kh_c dd h3 a{color: #ffba00;text-decoration:none;}
.kh_c dd h3 i{display: block; color: #fff;font:14px/30px "Microsoft Yahei";word-wrap: break-word; height: 204px;overflow:hidden;}
.kh_c dd p{padding-top: 20px; color: #fff;font:14px/30px "Microsoft Yahei";}
.kh_c dd em{ display: block; position: absolute; right: 0px; bottom: 0px; width: 38px; height: 39px;}
.kh_c dd em img{ width: 38px; height: 39px;}

.kh ul{ margin-top: 82px; width: 1000px; overflow: hidden;}
.kh li{float: left; margin-right: 14px; width: 186px; overflow: hidden;}
.kh li span{display:none;}
.kh li img{ width: 166px; height: 251px;}
.kh ul li img:hover,.kh ul li.cur img{border: 3px solid #f39800; width: 170px; height: 245px;}






/*kh2_bg*/
.kh2_bg{ background:url(../images/kh2_bg.jpg) no-repeat center top; height:941px; overflow:hidden;} 
.kh2 {width:1000px;margin:auto; position: relative; height: 941px; overflow: hidden;}
.kh2 .t_h2{ margin:25px auto 40px;background:url(../images/kh2_t.png) no-repeat center 49px;}
.kh2 .t_h2 a{font-size:30px;color:#333}
.kehu{width:1000px;margin:auto;}
.kehu li{width:300px; height:400px;float:left;margin-top:40px;
margin-left:22px;display:inline;overflow:hidden;margin-right:10px;}

.kehu li .imga{width:300px; height:200px;display:block;overflow:hidden;text-align:center;	position:relative;
}
.kehu li .imga img{
display:block;
width:300px;
position:absolute;
left:0;bottom:0;
}
.kehu li .kecon{ height:360px;}
.kehu li .kecon h3{height:45px;display:block;overflow:hidden;}
.kehu li .kecon h3 a{font:18px/55px "Microsoft Yahei";color: black;}
.kehu li .kecon p{ color: #787878;font:14px/28px "Microsoft Yahei";height:80px;display:block;overflow:hidden;}
.kehu li .kecon em{text-align:center;margin: 15px auto 0; display: block; border: 1px solid black; width:100px;height: 30x;font:14px/30px "Microsoft Yahei";}
.kehu li .kecon em a{ color: black;}
.kehu li .kecon em a:hover{ color: #394e65;}



.kehu li.one{width:970px;height:280px;margin-top:20px;margin-right:0px;}
.kehu li.one .imga{width:400px; height:260px;display:block;float:left;overflow:hidden;text-align:center;position:relative;}
.kehu li.one .imga img{display:block;
width:400px;
position:absolute;
left:0;bottom:0;
}
.kehu li.one .kecon{width:520px; height:260px;display:inline;float:left;margin-left:25px;}
.kehu li.one .kecon h3 a{font:18px/55px "Microsoft Yahei";color: black;}
.kehu li.one .kecon p{ color: #787878;font:14px/28px "Microsoft Yahei";display:block;height:auto;max-height:160px;display:block;overflow:hidden;}
.kehu li.one .kecon em{margin-left:0;margin-top: 15px; display: block; background: black; width:100px; text-align: center; height: 30x;font:14px/30px "Microsoft Yahei";}
.kehu li.one .kecon em a{ color: #fff;}
.kehu li.one .kecon em a:hover{ color: #eee;}



/*new*/
.new_bg{  height:790px; overflow:hidden;}
.new{width:1000px;margin:auto; position: relative; height: 790px; overflow: hidden;}
.new .t_h2{ margin:30px auto 30px;background:url(../images/zx_t.gif) no-repeat center 49px;}
.new .t_h2 a{font-size:30px;color:#333;}

.new .kh2_more{ position: absolute; top:67px; right:0px;}

.xinwen{height:305px;border:1px solid #dce8f2;overflow:hidden;position: relative;display:block;}
.xinwen li{display:none;width:970px;height:280px;margin-top:20px;float:left;margin-left:22px;display:inline;overflow:hidden;margin-right:10px;}
.xinwen li .imga{width:400px; height:260px;display:block;float:left;overflow:hidden;text-align:center;}
.xinwen li .imga img{max-width:400px;max-height:260px;margin:auto;display:block;}
.xinwen li .kecon{width:520px; height:260px;display:inline;float:left;margin-left:25px;}
.xinwen li .kecon h3 a{font:18px/36px "Microsoft Yahei";color: black;}
.xinwen li .kecon h3 i{ height: 28px; margin-right: 10px; border: 1px solid black; text-align: center; width: 84px; display: inline-block;font:20px/25px "Microsoft Yahei"; color: black;}

.xinwen li .kecon p{ color: #787878;font:14px/28px "Microsoft Yahei";display:block;height:auto;max-height:160px;display:block;overflow:hidden;}
.xinwen li .kecon em{margin-left:0;margin-top: 15px; display: block; background: black; width:100px; text-align: center; height: 30x;font:14px/30px "Microsoft Yahei";}
.xinwen li .kecon em a{ color: #fff;}
.xinwen li .kecon em a:hover{ color: #eee;}

.xinwen .huandian{width:110px;overflow:hidden;text-align:center;height:30px;position: absolute; bottom:0px; right:0px;}
.xinwen .huandian a{cursor:pointer;display: inline-block; height:10px; width:10px;margin-right:10px; background:url(../images/new_ic1.png) no-repeat center;}
.xinwen .huandian a:hover,.xinwen .huandian a.cur{ text-decoration:none;background:url(../images/new_ic2.png) no-repeat center; }



.newk{ margin-top:60px;height:280px;overflow:hidden;}
.new_l{width:475px;overflow:hidden;}
.new_l h2{ margin-bottom:12px; height:42px;width:475px; overflow:hidden; font:24px/42px "Microsoft Yahei";background:url(../images/new_l1.gif) no-repeat right 14px;}
.new_l h2 a{ color:#313131;font:24px/42px "Microsoft Yahei";}
.new_l h2 span{ display:block;  font:14px/24px Arial, Helvetica, sans-serif; }
.new_l h2 span a{ color:black;font:14px/24px Arial, Helvetica, sans-serif;}
.new02 li{ width:100%;text-indent: 24px;  height:38px;  overflow:hidden; font:14px/38px "Microsoft Yahei"; border-bottom: 1px dashed #b6b6b6; background:url(../images/new_ic.gif) no-repeat 8px 16px;}
.new02 li a{display:block;width:350px;height:38px;overflow:hidden;color:#676767;float:left}
.new02 li span{color:#a9a9ac;font-size:14px;;display:block;width:110px;height:38px;overflow:hidden;float:right;}
.new02 li a:hover,.new02 .cur a{ text-decoration:none; }
.new02 .nones{ border-bottom:0;}





/*about_bg*/
.about_bg{ height:740px; overflow:hidden;} 
.about{width: 1000px;margin:auto; position: relative; height: 740px; overflow: hidden;}
.about .abouta{ width: 1000px; height: 393px;display:block;margin:auto;}
.about .abouta img{ width: 1000px; height: 393px;}


.about .h3tag{display:block;position: absolute; top:288px; left: 417px; width: 169px; height: 156px; overflow: hidden; text-align: center; padding-top:59px; overflow:hidden;  background:url(../images/ab_h3.jpg) no-repeat center top;font: 24px/44px "Microsoft Yahei"; color:#fff;}
.about h4{ margin-top: 60px;text-align:center;color:#313131; font: 24px/60px "Microsoft Yahei"; }
.about p{font:14px/32px "Microsoft Yahei"; color:#676767;}
.about em{  margin: 30px auto 0; display: block; text-align: left; padding-left: 35px;  width:203px;height: 46x; background:url(../images/ab_b.gif) no-repeat center top;}
.about em a{ color: black;font:18px/46px "Microsoft Yahei";}





/*-----服务流程开始------*/

.tese{
width:100%;min-width:1200px;padding:50px 0;background:#fff;
}

.tese ul{
width:1200px;margin:auto;
}


.tese ul li{
	display:inline;
width:33.3%;float:left;
height:310px;overflow:hidden;
}


.tese ul li a{
	display:block;
	overflow:hidden;
height:302px;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
position: relative;
}

.tese ul li.end a{
border-right:1px solid #eee;

}
.tese ul li a .teinfod{
height:150px;overflow:hidden;
width:100%;
position: absolute; left: 0; bottom: 0px;
z-index:2;

transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

}


.tese ul li a:hover .teinfod{
background:#f9f7f7;

}



.tese ul li a img{
display:block;
height:150px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	position: absolute;
	z-index:1;
	width:400px;
	left:0;top:0;
}




.tese ul li a .teinfod h2{
	margin-left:20px;	margin-top:20px;
font-size:18px;height:30px;line-height:30px;overflow:hidden;color:#333;

}




.tese ul li a .teinfod .teinfo{
margin-top:10px;
height:120px;overflow:hidden;
margin-left:20px;
margin-right:15px;
line-height:25px;
color:#726e6e;
}

.tese ul li a:hover .teinfod .teinfo,.tese ul li a:hover .teinfod h2{
color:#333;	
}


.prlanbg{width:100%;min-width:1200px;height:300px;background:#12b0f9 url(../images/defaultbenner.jpg) center no-repeat;}


.product{width:100%;min-width:1200px;
background:#fff;
padding-bottom:60px;


}


.prlei{
	background:#f6f3f3;
	padding:10px 0;
	width:1200px;margin:auto;
		border-radius:8px 8px 0 0;;
	
	}
.prlei li{width:122px;margin-left:10px;margin-bottom:5px;margin-top:5px;float:left;height:100px;display:inine;border-radius:4px;overflow:hidden;}
.prlei li a{width:100%;height:100px;display:block;text-align:center;line-height:100px;overflow:hidden;
font-size:16px;
background:#fff;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}

.prlei li a.cur,.prlei li a:hover{
background:#ee7907;color:#fff;
}






.focus-img{
	position: relative;
	width: 1200px;
	height: 380px;
	margin: auto;
	border:1px solid #eee;
border-radius:0 0 8px 8px;
background:#fdf9f9
}
.focus-img-con{
	position: relative;
	width: 1100;
height:360px;
;
	margin: 0 auto;
	overflow: hidden;
}
.focus-img-con ul{
	position: absolute;
	top: 0;
}
.focus-img-con ul li{
	color: #fff;
	text-align: center;
	float: left;
	overflow: hidden;
	padding-top:35px;margin-right:10px;
}

.focus-img .change-bnt{
	display: block;
	width: 30px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	background-color: #ee7907;border-radius:5px
}
.focus-img .change-bnt.prev-bnt{
	left: 10px;
	background:#5c5b5b url(../images/dbaijian.png) left center no-repeat;
	
}
.focus-img .change-bnt.next-bnt{
	right: 10px;
		background:#5c5b5b url(../images/dbaijian.png) right center no-repeat;
	
}

.focus-img .change-bnt.prev-bnt:hover{
	background:#4a4949 url(../images/dbaijian.png) left center no-repeat;
	
}
.focus-img .change-bnt.next-bnt:hover{
		background:#4a4949 url(../images/dbaijian.png) right center no-repeat;
	
}






.prlist li{
width:360px;
height:360px;
float:left;
text-align:center;
overflow:hidden;
}


.prlist li a.pra{
	width:360px;
height:300px;
	display:block;
	position:relative
}








.prlist li a.pra img{
width:100%;height:300px;
display:block;
margin:auto;
}

.prlist li a.pra h2{
	height:50px;line-height:50px;overflow:hidden;
font-size:16px;display:block;color:#333;font-weight:normal;
  background: rgba(0, 0, 0, 0.75);
 left: 0;
    position: absolute;color:#fff;
    bottom:0px;right:0;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

}
.prlist li a.pra:hover h2{
	height:100px;line-height:100px;


}
.prlist li a.pra .titlesm{
	height:34px;line-height:16px;overflow:hidden;
font-size:13px;color:#807f7f;margin:10px 10px;text-align:left;
}


.prmore{text-align:right;height:50px;clear:both;margin-top:20px;}
.prmore a{border-radius:6px;display:inline-block;padding:10px 20px;background:#30318b;color:#fff;margin-right:20px;}
.prmore a:hover{background:#f08519;}







.homeMore {
  display: block;
  border-radius: 4px;
  border: 1px solid #30318b;
  color: #30318b;
  text-align: center;
  font-size: 16px;
  border-width: 2px;
  margin: 0 auto 20px;
  width: 210px;
  height: 55px;
  line-height: 51px;
  transition: all 0.5s ease-in-out;
}
.homeMore:hover {
  color: #fff;font-size:16px;
  background-color:#30318b;
}
.homeMore img {
  margin-left: 8px;
  vertical-align: 0px;
}














homeLink {
  overflow: hidden;
}
.homeLink .homeLinkTab {
  height: 29px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 14px;
}
.homeLink .homeLinkTab div {
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
}

.homeLink .homeLinkText {
  width: 1200px;
  margin: 0 auto;
}
.homeLink .homeLinkText ul {
  padding-bottom:50px;
}
.homeLink .homeLinkText li {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:100px;text-align:center;
  margin-right:10px;height:30px;line-height:30px;
  line-height: 24px;border:1px solid #eee;display:inline;margin-bottom:10px;
  border-radius: 4px;
}
.homeLink .homeLinkText li a {
  color: #888;
}
.homeLink .homeLinkText li a:hover {
  color: #ffa31f;
}




.caselist{
width:100%;min-width:1200px;padding:50px 0;background:#fff;
}

.caselist ul{
width:1200px;margin:auto;
}


.caselist ul li{
	display:inline;
width:33.3%;float:left;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;

}


.caselist ul li h2{
	margin-left:20px;	margin-top:20px;
height:30px;line-height:30px;
font-size:16px;display:block;color:#333;font-weight:normal;

 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 text-align:center;
}

.caselist ul li a{
height:410px;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
border-top:1px solid #eee;
display:block;

}
.caselist ul li a:hover{
background:#f7f6f6;
color:#333;

}
.caselist ul li.end a{
border-right:1px solid #eee;
}

.caselist ul li a img{
display:block;margin:auto;margin-top:10px;
width:380px;height:320px;
}






.casetbg{height:300px;background:#12b0f9;margin-bottom:30px;}



