/*
  Theme Name:蜗牛好律师
  Description:蜗牛SEO开发的好律师wordpress主题~
  Theme URI: http://www.woniuseo.com
  Author: 蜗牛SEO
  Author URI: http://www.woniuseo.com/
  Version: 1.3(citytheme)
*/
html,head,body,*{padding:0px;margin:0px;font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif}
html,head,body{font-size: 14px;    line-height: 1.6;}
li{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{color: #06c;;text-decoration:underline;}
.clear{clear:both;}
.width{width:1200px;margin:0 auto;}

/*top*/
.top{background:#f2f2f2;}
.welcome{float:left;line-height:50px;height: 50px;}
.top ul{float:right;color:#f00;}
.top ul li{float:left;padding:0 20px;height: 50px;line-height: 50px;}
.top ul li span{position: relative;top: -20px;}
.top  .wechat{position:relative;}
.top img{height:36px;margin:7px}
.top .qrcode{position: absolute;top: 50px;left:-15px;z-index: 10001;display: none;height: 120px;padding:0;margin:0;}
.top  .wechat:hover .qrcode{display:block;}

/*nav*/
nav{background:#375893;}
nav h1{float:left;padding:10px;}
nav  img{height:50px;}
nav ul{float:right;width: 80%;}
nav ul li{float: left;height: 50px;width: 12.5%;font-size: 16px;height: 80px;line-height: 80px;text-align: center;}
nav ul li:hover{background: #205582;}
.sub-menu{float:left;width:100%;background:#375893;display:none;    position: relative;}
nav ul li:hover .sub-menu{display:block;}
.sub-menu li{width:100%;}
nav a{color: #fff;}
nav ul li:hover a{color: #fff;text-decoration:underline;}
nav ul li:hover li a{text-decoration:none;}
nav ul li:hover li:hover a{text-decoration:underline;}
/*banner*/
.banner{background:url(img/hun.jpg) no-repeat center;height:420px;}

/*help*/
.help{height:120px;background:#ecf4fd;}
.help ul li{float: left;width: 22.5%;text-align: center;padding: 2.5% 1%;color:#666;}
.help ul li:hover{background-color:#dbe9fa;}
.help ul li span{padding-left: 40px;color:#000;}
.help ul li b{font-size:24px;}
.help1{background: url(img/help.png)no-repeat 40px center;}
.help2{background: url(img/discuss.png)no-repeat 50px center;}
.help3{background: url(img/zuobiao.png)no-repeat 40px center;}
.help ul .help4{background:url(img/phone.png) no-repeat 30px 20px;background-size:30px;padding-top:1.5%;padding-bottom:1.8%;}
.help4 p{font-size:24px;margin-bottom:0;}
.help4 a{background: #f3c422;display: inline-block;padding: 10px 40px;border-radius: 20px;}

/*lawyer*/
.lawyer{padding:30px 0;}
.lawyer .info{float:left;width:25%;}
.lawyer .intro{float:right;width:73%;}
.lawyer .info h3{padding-left: 20px;color: #fff;font-size: 24px;line-height: 60px;background-color: #375893;}
.lawyer .info ul{padding: 27px 23px 40px 16px;line-height: 30px;font-size: 16px;min-height: 311px;color: #666;background-color: #f3f7fd;}
.lawyer .info ul li{line-height: 50px;}
.lawyer .info ul li i{width: 32px;height: 32px;border-radius: 100%;margin-top: 8px;margin-right: 7px;display:inline-block;top: 10px;position: relative;}
.lawyer .info ul .name i{background:url(img/info.png) no-repeat;background-color: #fff;}
.lawyer .info ul .phone i{background:url(img/info.png) no-repeat 0 -30px;background-color: #fff;}
.lawyer .info ul .lawfirm i{background:url(img/info.png) no-repeat 0 -65px;background-color: #fff;}
.lawyer .info ul .id i{background:url(img/info.png) no-repeat 0 -95px;background-color: #fff;}
.lawyer .info ul .address i{background:url(img/info.png) no-repeat 0 -160px;background-color: #fff;}
.lawyer .intro h2{font-size: 30px;line-height: 36px;color: #353535;border-bottom: 1px solid #dae6f4;padding-bottom: 20px;position: relative;}
.lawyer .lawintor{padding:20px 0 40px;}
.lawyer .lawintor img{float:left;width:220px;height:220px;}
.lawyer .introduce{float:right;width:73%;padding-top:20px;font-size:16px;line-height:28px;color:#404040;}
.lawyer .professional h3{padding-top: 15px;width: 110px;height: 85px;background-color: #375893;border-radius: 4px;font-size: 24px;color: #fff;text-align: center;line-height: 34px;float:left;}
.lawyer .professional ul{float:right;width: 85%;}
.lawyer .professional ul li{font-size: 16px;margin-left: 20px;margin-bottom: 20px;border-radius: 4px;display: inline-block;width: 162px;height: 40px;line-height: 40px;background-color: #d8e5f9;text-align: center;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lawyer .professional ul li:hover{background-color: #f3c422;color: #fff;}
	
/*cases*/
.cases{background:#ecf4fd;}
.indexh2{font-size: 30px;color: #404040;line-height: 64px;padding-top: 32px;text-align: center;position:relative;font-weight:normal;}
.indexh2:after{content: '';position: absolute;left: 0;right: 0;margin: auto;width: 34px;height: 7px;background-color: #f3c422;border-radius: 7px;bottom: 0;}
.cases .casem{padding: 35px 0 30px;}	
.cases .img-a{border-radius: 4px;position: relative;display: block;width: 438px;height: 360px;overflow: hidden;float:left;}
.cases img{display: block;width: 100%;height: 100%;transition: all 0.8s;}
.cases img:hover{transform: scale(1.1);}
.cases ul{position: relative;top: -7px;padding: 0 13px 0 32px;display: table-cell;}
.cases ul li{padding: 7px 40px 11px 7px;border-radius: 4px;margin-bottom: 2px;transition: all 0.5s;border: 1px solid #ddd;}
.cases ul li:hover{background-color: #fff;box-shadow: 0 0 20px #c3cdde;}
.cases ul li .date{width: 100px;height: 100px;background-color: #d8e5f9;text-align: center;color: #47659b;transition: all 0.5s;border-radius: 4px;float:left;}
.cases ul li:hover .date{color: #fff;background-color: #f3c422;}
.cases ul li .date p{transition: all 0.5s;margin-top: 15px;font-size: 30px;color: #375893;line-height: 45px;text-indent: 0;}
.cases ul li:hover .date p{color: #fff;}
.cases ul li .artint{display: table-cell;font-size: 14px;color: #858585;line-height: 24px;padding-left: 19px;}
.cases ul li .artint h5{font-size: 18px;color: #404040;line-height: 40px;display: block;width: 520px;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cases ul li:hover .artint h5 a{color: #06c;text-decoration: underline;}
.mmore{margin: auto;width: 215px;padding-bottom: 60px;clear:both;}
.mmore a{padding: 15px 80px;background-color: #fff;color: #888;border-radius: 50px;font-size:18px;}
.mmore:hover a{text-decoration:underline;background-color: #f3c422;color: #fff;}

/*goodness*/
.goodness ul{padding-top: 16px;}
.goodness ul li{float: left;display: block;font-size: 16px;width: 20%;border-radius: 5px;transition: all 0.5s;text-align: center;padding: 2.5%;color: #858585;line-height: 28px;margin-bottom: 40px;}
.goodness ul li:hover{box-shadow: 0 0 15px #ccc;}
.goodness ul li p{padding: 40px 0;background: #375893;border-radius: 50%;font-size: 30px;width: 110px;color: #fff;    display: inherit;    margin: auto;    margin-bottom: 20px;}

/*essay*/	
.essay{background:#ecf4fd;}
.essay ul{text-align: left;padding-top: 5px; padding-bottom: 10px;}
.essay ul li{float:left;width:32.3%;margin:0 0.5%;padding:2%;    color: #858585;padding-bottom: 40px;margin-bottom: 30px;    border: 1px solid #ddd;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.essay ul li:hover{background-color: #fff; box-shadow: 0 0 20px #c3cdde;    padding-top: 21px;}
.essay ul li img{display: block; width: 100%; height: 210px; border-radius: 5px; transition: all 0.5s;}
.essay ul li:hover img{transform: scale(1.1);}
.essay ul li h5{padding-top: 16px; line-height: 30px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight:normal;}
.essay ul li h5 a{color: #404040;}
.essay ul li h5 a:hover{color: #428cea;text-decoration: underline;}
.essay ul li .aintro{padding-top: 10px;}
.essay ul li .more{margin-top: 30px;text-align: center;color: #fff;}
.essay ul li .more a{padding: 5px 40px;background-color: #fff;color: #888;margin: 0 30px;border-radius: 15px;}
.essay ul li .more a:hover{background-color: #f3c422;color: #fff;}

/*photos*/
.photos{padding:20px 0 40px 0;}
.photos ul{padding-top:20px;}
.photos ul li{float:left;width:24%;margin:0.5%;}
.photos ul li img{width:100%;transition: all 0.8s;height: 220px;}
.photos ul li:hover img{transform: scale(1.1);}

/*changshi*/
.changshi{background-color: #ecf4fd;}
.changshi ul{margin: 40px auto;height: 445px;overflow:hidden;}
.changshi ul li{width: 558px;height: 178px;padding: 11px;margin: 9px;float: left; border: 1px solid #ddd;}
.changshi ul li:hover{background-color: #fff; box-shadow: 0 0 20px #c3cdde;}
.changshi ul li img{height: 178px; width: 206px;float:left;transition: all 0.8s;}
.changshi ul li:hover img{transform: scale(1.1);}
.changshi ul li .right{float: right; width: 333px; height: 181px;}
.changshi ul li .right h5{ font-size: 16px; color: #2b2b2b; margin: 10px; width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.changshi ul li:hover .right h5 a{color: #06c; text-decoration: underline;}
.changshi ul li .right .ccont{font-size: 14px; color: #9c9c9c; margin: 5px; line-height: 25px;}
.changshi ul li .right .more{float: left; background:#fff; margin: 10px;padding: 5px 40px; border-radius: 15px; font-size: 14px;}
.changshi ul li:hover .right .more{background:#f3c422;}
.changshi ul li .right .more a{color: #888;}
.changshi ul li .right .more:hover a{color:#fff;}

/*assess*/
.assess ul{padding-top:40px;position:relative;}
.assess ul li{background-color: #f3f7fd;transition: all 0.5s;padding: 30px 122px 30px 30px;border-radius: 4px; width: 430px; position: relative; margin-bottom: 20px;float: left;}
.assess ul li:hover{background-color: #fff; box-shadow: 0 0 20px #c3cdde;}
.assess ul li.r{float:right;}
.assess ul li p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #404040; font-size: 18px; line-height: 23px; padding-bottom: 13px;}
.assess ul li .tag{padding-bottom: 22px;}
.assess ul li .tag span{ display: inline-block; line-height: 24px; color: #fff; font-size: 14px; background-color: #95b4e3; padding: 0 10px; border-radius: 5px; margin-right: 5px; transition: all 0.5s;}
.assess ul li .nameinfo{font-size: 14px; color: #858585;}
.assess ul li .nameinfo span{padding-right:10px;}
.assess ul li .nameinfo .name{font-size: 16px;color: #858585;}
.assess ul li .smile{position: absolute; padding: 43px 31px 0; right: 0; top: 0; font-size: 14px; color: #858585; text-align: center;}
.assess ul li .smile i{display: block; width: 60px; height: 60px; border-radius: 100%; margin: 0 auto 10px; background: url(img/smile.png) no-repeat; background-size: 60px;}
.assess ul li .smile p{font-size:14px;color:#858585;}

/*footer*/
.fnav{background:#375793;height: 85px;border-bottom:1px solid #ccc;}
.fnav ul li{float:left;line-height: 85px; display: inline; width:7.68%;text-align:center;}
.fnav ul li a{ color: #9fa5ad; height: 100%; display: block;}
footer{background:#375793;color:#aaa;}
footer .finfo{float:left;width:70%;}
footer .finfo p{padding: 20px 0;font-size: 15px;}
footer .qrcode{float:right;padding:20px;}
footer a{color:#888;}
.link{background:#213761;line-height:30px;}
.link{color:#ccc;}
.link a{padding-right:10px;}

/*category*archive*/
/*breadcrumb*/
.breadcrumb {border-bottom: 1px solid #E5E5E5; line-height: 39px; height: 39px; padding-left: 20px; overflow: hidden; min-width: 1000px;}
.breadcrumbs{ font-family: "iconfont" !important; font-style: normal; display: inline; height: auto; /*-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;*/ vertical-align: baseline; text-decoration: inherit;}

/**category**/
.container{width: 1200px;margin: 15px auto; overflow: hidden; min-height: 1000px;}

/**aside**/
aside{width: 31.33333%;float: left;margin-right:2%;}
.sidebar{ border: 1px solid #e5e5e5; text-align: center; margin-bottom: 10px;}
.sidebar h2{height: 40px; line-height: 40px; font-size: 20px; background:#375893; color: #fff; padding:5px 0 5px 10px; text-align: left;}
.first img{padding: 10px;}
.sidebar ul {margin: 8px; min-height: 200px;}
.sidebar ul li {padding: 5px; font-size: 14px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; text-align: left; border-bottom: 1px dotted #ddd;}
.sidebar div { height: 40px; line-height: 40px; font-size: 20px; background-color: #0e2b43; color: #fff;padding-left: 10px; text-align: left;}
.first ul{padding: 0 10px;}
.first ul li {line-height: 26px;overflow: inherit;}
.first ul li span {color: red; font-size: 16px;}
.aitem .ailist{ height: 185px; background-color: #fff; margin-top: 10px;}

.aitem .ailist a{width: 88px;height: 40px;line-height: 40px;text-align: center;display: block;background-color: #F1DCCA;float: left; margin: 2px 2px; font-size: 16px; width: 31.5%;}
.aitem .ailist a:hover {background-color: #666; color: #fff;text-decoration: none;}
.main{width: 66.66667%;float: right;}
.cat_content {height: 180px;margin-left: 15px;margin-bottom: 10px;border-bottom: 1px solid #e0e0e0;}
.cat_img {float: left;width: 145px;height: 150px;background-color: #fff;}
.cat_img img {padding-top: 10px;    width: 100%;    height: 100%;}
.cat_detail {width: 600px;min-height: 150px;margin-bottom: 25px;float: right;margin-right: 3%;}
.cat_title {height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;font-size: 18px;text-indent: 10px;padding-top: 5px;margin-left: 10px;}
.cat_info {height: 100px;text-indent: 30px;float: left;margin-top: 10px;font-size: 14px;margin-left: 10px;}
.pagination{height:60px;line-height:60px;background:#fff;border-radius: 5px;text-align:center;}
.pagination a{background-color: #eee;margin:0 3px;padding:4px 12px;}
.pagination a:hover{background-color: #6fc299;color: #fff;}
.pagination a.current{background-color: #09a8c5;color: #fff;}

/**single**/
.main h1{width: 96.5%;min-height: 40px;font-size: 20px; color: #FFFFFF; background: #375893; padding-top: 10px; padding-left: 2%;padding-bottom:0;font-weight:normal;}
.article{border-radius: 5px; background: #fff; margin-top: 20px; padding: 20px 5px;}
.article_info{overflow: hidden; font-size: 12px; margin: 0 auto; height: 36px; text-align: center; border-bottom: 1px solid #E5E5E5;}
.article_info{padding-right: 20px;}
.article_info span{ padding-right: 20px;}
.article-content { padding-top: 25px; position: relative;}

.share{color:#000;padding-top: 20px; }
.share span.sha{  font-weight:bold ; color:#f00; }
.mshare{display:none;}

.article_location { width: 100%; height: 55px; line-height: 30px;}
.article_location div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article_about { padding: 1%; background: #fff; border-radius: 5px; margin-top: 20px;}
.article_about ul li { float: left; font-size: 16px; margin: 0.5%; width: 24%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article_about ul li img {width: 100%;height: 160px;}
.article_about ul li h5 { width:100%; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page_title {width: 98%;height: 46px; font-size: 20px; color: #676767; padding-top: 10px; padding-left: 2%;border-bottom: 1px solid #ccc;}
.page_content{padding:5px;}

/********rightfloat*******/  
.rightfloat{  width: 50px ;  height: 250px ;  position: fixed ;  top: 50% ;  margin-top: -126px ;  background:#375893;  right: 0 ;  border-radius: 5px 0 0 5px ;  z-index: 999 ; }  
.rightfloat ul{  list-style: none ; }  
.rightfloat .icon li{  width: 49px ;  height: 50px ;  background: url(img/icon.png) no-repeat ; }  
.rightfloat .icon li a{  padding:20px ; }  
.rightfloat ul li p{  text-indent: 0em ; }  
.rightfloat .icon .up{  background-position:-330px -120px  ; }  
.rightfloat .icon li.qq{  background-position:-385px -73px  ; }  
.rightfloat .icon li.tel{  background-position:-385px -160px  ; }  
.rightfloat .icon li.wx{  background-position:-385px -120px  ; }  
.rightfloat .icon li.down{  background-position:-330px -160px  ; }  
.rightfloat .info{  top: 50% ;  height: 147px ;  position: absolute ;  right: 100% ;  background:#375893;  width: 0px ;  overflow: hidden ;  margin-top: -73.5px ;  transition:0.5s ;  border-radius:4px 0 0 4px  ; }  
.rightfloat .info.hover{  width: 145px ;  }  
.rightfloat .info li{  width: 145px ;  color: #CCCCCC ;  text-align: center ; }  
.rightfloat .info li p{  font-size: 1.1em ;  line-height: 2em ;  padding: 15px ;  text-align: left ; }  
.rightfloat .info li.qq p a{  display: block ;  margin-top: 12px ;  width: 100px ;  height: 32px ;  line-height: 32px ;  color: #00DFB9 ;  font-size: 16px;  text-align: center ;  text-decoration: none ;  border: 1px solid #00DFB9 ;  border-radius: 5px ; }  
.rightfloat .info li.qq p a:hover{  color: #FFFFFF ;  border: none ;  background: #00E0DB ; }  
.rightfloat .info li div.img{  height: 100% ;  background: #DEFFF9 ;  margin: 15px ; }  
.rightfloat .info li div.img img{  width: 100% ;  height: 100% ; }  
/*button*/  
.index_cy{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 62px 0 ;  cursor: pointer ; }  
.index_cy2{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 30px 0 ;  cursor: pointer ; } 

/*pc display:block*//*pc stop pad start*/
.mtophone,.mrightfloat,.fphone{display:none;}
@media screen and (max-width: 900px) {/*手机自适应宽度900以下*/
.mtophone,.mrightfloat,.fphone{display:block;}
.top,.rightfloat,.help,.lawyer .info,.cases .img-a,.fnav .menu,footer .finfo p,footer img,.link{display:none;}

.width{max-width:900px;width:100%;}

.mtophone{float: right;padding-right: 5px;}
.mtophone img{height: 30px;padding-top: 10px;padding-right: 10px;}
.mtophone span{position: relative;top: -10px;color: #fff;}

nav h1 {padding: 2px;}
nav ul{width:100%;}
nav ul li {height: 60px;line-height: 60px;overflow: hidden;}

.banner {background-size: 960px;height:210px;}
.lawyer .intro{float: none;width: 100%;text-align:center;}
.lawyer .intro img{float:none;}
.lawyer .intro h2{text-align: center;border-bottom: none;}
.lawyer .intro .introduce{width: 98%;text-align:left;padding: 1%;}
.lawyer .professional h3{float: none;background: none;color: #353535;width: 100%;padding-top:0;height:60px;}
.lawyer .professional h3 br{display:none;}
.lawyer .professional ul{float: none;width: 100%;}
.lawyer .professional ul li{width: 24%;float: left;margin: 0.5%;}

.indexh2 {padding-top: 10px;}
.indexh2:after{display:none;}

.cases .casem{padding-top:10px;}
.cases ul{padding:2px;display:block;}
.cases ul li{padding:5px;    border: 1px solid #ddd;}
.cases ul li .date {max-width: 100px;width: 20%;}
.cases ul li .date p{font-size:20px;}
.cases ul li .artint {width: 78%; float: right; padding-left: 2%;}
.cases ul li .artint h5{ width: 100%;}
.cases ul li .aintor{max-height: 72px; overflow: hidden;}	
	
.essay ul li .aintro{max-height: 200px; overflow: hidden;}
.essay ul li .more a { padding: 5px 20px; margin: 0;}
.photos ul li {width: 49%;}

.fnav{height: 60px;line-height: 60px; font-size: 18px; text-align: center;}
.fphone{color: #fff;}

footer{background: #fff; padding: 20px; color: #666;    padding-bottom: 60px;}
footer .finfo{width:100%;}

/*cat*single*page*/
.breadcrumb{display:none;}
.container{max-width:900px;width:100%;}
aside{display:none;}
aside,.lvshi_right{width:100%;}
.main{width:100%;}
.single-content img{width: 100%;display: block;}

.cat_content{width:100%;}
.cat_img{width:30%;height:auto;}
.cat_img img{height: 150px;width: 100%;}
.cat_detail{width: 66%;margin-bottom: 0;min-height: 0;}
.cat_info{width: 100%;float: right;height: 110px;overflow: hidden;}
	
.share{display:none;}
.mshare{display:block;line-height:30px;border:1px solid #f00;border-radius:10px;padding: 0 5px;}
.mshare span{color:#f00;font-weight:bold;}
	
/*footer ask button and mrightfloat css*/
.mfloat{display: block;height: 40px;background:#f74d4e;text-align: center;line-height: 40px;font-size: 20px;font-weight: bold;position: fixed;left: 0;bottom: 0;border-top: 1px solid #888;width: 100%;}
.mfloat a{color:#fff;}

.float-right{position: fixed;right: 0;top: 30%;z-index: 998;cursor: pointer;width: 40px;}
.float-right img {width: 100%;right: 0px;}
.shade-model{display: none;position: fixed;height: 3.05rem;left: 0;right: 0;top: 50%;margin-top: -1.52rem;z-index: 1000;}
.shade-model .warpper {max-width: 640px;margin: 0 auto;}
.shade-model .content {width: 80%;margin: 0 auto;padding: 0.3rem 0 0.27rem;text-align: center;background: #FFF;border-radius: 20px;}
.shade-model .content .wechat-ico {padding-bottom: 0.1rem;}
.shade-model .content .wechat-ico img {}
.shade-model .content h3 {font-weight: bold;}
.shade-model .content p:nth-child(3) {color: #999;}
.shade-model .content p:nth-child(4) {padding: 0.12rem 0;}
.shade-model .close-btn {text-align: center;}
.shade-model .close-btn span {display: inline-block;padding: 0.5rem 1.5rem;color: #FFF;background-color: #6f88fe;border-radius: 0.46rem;cursor: pointer;}
.inShade {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.5);z-index: 999;}
}

@media screen and (max-width: 500px) {/*手机自适应宽度500以下*/
.indexh2 {font-size: 24px;}

nav ul li {height: 40px;line-height: 40px;width: 25%; border: 1px solid #fff; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.banner{height:180px;}

.goodness ul li{width: 25%;border: 1px solid #eee;max-height: 300px;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.goodness ul li p{width: 60px; padding: 20px 0; font-size: 24px;}

.essay ul li{ border: 1px solid #ddd;}
.essay ul li img{ height: 120px;}
.changshi ul{height: 600px;}
.changshi ul li { margin: 1%; width: 98%; height: auto; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.changshi ul li img{width: 35%;height: 120px;}
.changshi ul li .right{width: 65%;height: auto;}
.changshi ul li .right h5{width: auto;}
.changshi ul li .right .ccont {height: 75px;overflow: hidden;}
.changshi ul li .right .more{display:none;}

.assess ul li {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/*cat*single*page*/
.cat_content{height: 140px;margin-left: 5px;margin-bottom:0;}
.cat_img img{height:120px;padding-top:0;}
.cat_info{float:right;height: 72px;overflow: hidden;}

.article_about ul li{width: 49%;}
.article_about ul li img{height:100px;}
}