/* 内页banner */
#obtn{ float: left; width: 100%;}
#obtn .ctext.zybanner{ float: left; width: 100%;margin-top:100px;}
#obtn .ctext.zybanner .img1{ line-height: 0;}
#obtn .ctext.zybanner .img1 ._pimg{ width: 100%; float: left; padding-bottom: 35.625%; position: relative; overflow: hidden; min-height: 50px;}
#obtn .ctext.zybanner .img1 ._pimg img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
#obtn .ctext.zybanner .img2 ._pimg{ width: 100%; float: left; padding-bottom: 57%; position: relative; overflow: hidden; min-height: 50px;}
#obtn .ctext.zybanner .img2 ._pimg img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}

/* 3项目服务详细 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.caseCon{ float: left; width: 100%;}
#obtn .ctext.caseCon .tit{ font-size: 36px; line-height: 40px; text-align: center; color: #333;}
#obtn .ctext.caseCon .info{ margin: 15px 0 60px 0; font-size: 18px; line-height: 22px; text-align: center; color: #656262;}
#obtn .ctext.caseCon .csul{float:left;width:100%;}
#obtn .ctext.caseCon .csli{float:left;width:100%;position: relative;overflow: hidden;}
#obtn .ctext.caseCon .csli .ll{width:50%;}
#obtn .ctext.caseCon .csli .l1{float:left;}

#obtn .ctext.caseCon .csli .lr{width:50%;}
#obtn .ctext.caseCon .csli .l2{padding:130px 90px 0 88px;}
#obtn .ctext.caseCon .csli .l4{padding:113px 90px 0 88px;}
#obtn .ctext.caseCon .csli .l5{padding:130px 90px 0 88px;}

#obtn .ctext.caseCon .csli .l3{float:right;}
#obtn .ctext.caseCon .csli .l2 .lh1{font-size: 30px;line-height: 30px;color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}
#obtn .ctext.caseCon .csli .l2 .lp{font-size: 16px; line-height: 36px;padding-right:10px;color:#666;/*max-height:144px;*/overflow: hidden; overflow-y: auto; scrollbar-width: thin;margin:42px 0 35px 0;}
#obtn .ctext.caseCon .csli .l5 .lp{max-height:180px;}
#obtn .ctext.caseCon .csli .l2 .lp::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.caseCon .csli .l2 .lp::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;}
#obtn .ctext.caseCon .csli .l2 .lp::-webkit-scrollbar-thumb{ width: 3px; height: 60px; background-color: #AC391F; border-radius: 3px;}
#obtn .ctext.caseCon .csli .l2 .more{display: block;width:176px;height: 46px;background:#666666;color:#fff;position: relative;text-align: center;font-size: 14px;line-height: 46px;
padding-left:30px;letter-spacing: 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#obtn .ctext.caseCon .csli .l2 .more::before{content: '';width:19px;height:10px;position: absolute;background: url(../image/xx.png) no-repeat;background-size:cover;top: 50%;margin-top: -5px;left: 25%;}

#obtn .ctext.caseCon .csli .l2:hover .lh1{color:#AC391F;}
#obtn .ctext.caseCon .csli .l2:hover .more{background:#AC391F;}
@media screen and (max-width:1599px){
#obtn .ctext.caseCon .csli .l2{padding:100px 60px 0 60px;}
#obtn .ctext.caseCon .csli .l1i{height:497px!important;}
#obtn .ctext.caseCon .csli .l5 .lp{max-height:144px;}

#obtn .ctext.caseCon .csli .l2 .lp{line-height: 24px;font-size:14px;}
}

@media screen and (max-width:1229px){
#obtn .ctext.caseCon .csli .l2{padding:80px 50px 0 50px;}
#obtn .ctext.caseCon .csli .l1i{height:467px!important;}
}
@media screen and (max-width:991px){
#obtn .ctext.zybanner{ margin-top:60px;}
#obtn .ctext.caseCon .tit{ font-size: 24px; line-height: 28px;}
#obtn .ctext.caseCon .info{ margin: 10px 0 20px 0; font-size: 16px; }
#obtn .ctext.caseCon .csli .l2{padding:50px 30px;}
#obtn .ctext.caseCon .csli .l1i{height:311px!important;}
#obtn .ctext.caseCon .csli .l2 .lh1{font-size: 24px;line-height: 24px;}
#obtn .ctext.caseCon .csli .l2 .lp{max-height:100px;margin:20px 0 15px 0;line-height: 24px;font-size:14px;}
#obtn .ctext.caseCon .csli .l2 .more{width:130px;height:40px;line-height: 40px;}
#obtn .ctext.caseCon .csli .l2 .more::before{left: 20%;}
}
@media screen and (max-width:767px){
#obtn .ctext.caseCon .tit{ font-size: 18px; line-height: 28px;}
#obtn .ctext.caseCon .info{ margin: 10px; font-size: 14px;line-height: 24px; }	
#obtn .ctext.caseCon .csli .ll{width:100%;}
#obtn .ctext.caseCon .csli .lr{width:100%;}
#obtn .ctext.caseCon .csli .l2{padding:20px 10px;float:left;}
#obtn .ctext.caseCon .csli .l1i{height:311px!important;}
#obtn .ctext.caseCon .csli .l2 .lh1{font-size: 18px;line-height: 18px;}
#obtn .ctext.caseCon .csli .l2 .lp{margin:15px 0 ; max-height:initial;}
#obtn .ctext.caseCon .csli .l2 .more{width:110px;height:36px;line-height: 36px;}
#obtn .ctext.caseCon .csli .l2 .more::before{left: 10%;}

}