
/* 内页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%);}

/* 内页导航 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.subNav{ float: left; width: 100%; border-bottom: 1px solid #eaeaea; text-align: center;}
#obtn .ctext.subNav .l1{ margin: 0 45px; display: inline-block;}
#obtn .ctext.subNav .l1 a{ display: block; font-size: 16px; line-height: 20px; padding: 30px 10px; color: #333;}
#obtn .ctext.subNav .l1.on a,#obtn .ctext.subNav .l1:hover a{ color: #aa381e; font-weight: bold; position: relative;}
#obtn .ctext.subNav .l1.on a::before,#obtn .ctext.subNav .l1:hover a::before{ content: ""; width: 100%; height: 2px; background: #aa381e; position: absolute; bottom: -1px; left: 0;}
@media screen and (max-width:991px){
#obtn .ctext.zybanner{ margin-top:60px;}	
#obtn .ctext.subNav .l1{ margin: 0 10px;}
#obtn .ctext.subNav .l1 a{ font-size: 14px; padding: 10px 5px;}
}
@media screen and (max-width:767px){
#obtn .ctext.subNav .l1{ margin: 0 2px;}
#obtn .ctext.subNav .l1 a{ font-size: 12px; padding: 10px 2px;}
}

/* 7行业观点 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.hyList{ float: left; width: 100%;}
#obtn .ctext.hyList .l1{ padding: 30px 0 30px 430px; border-bottom: 1px solid #e5e5e5; position: relative;}
#obtn .ctext.hyList .l1 ._pimg{ width: 378px; padding-bottom: 56.28%; position: absolute; top: 30px; left: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#obtn .ctext.hyList .l1 ._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%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
#obtn .ctext.hyList .l1:hover ._pimg img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
#obtn .ctext.hyList .l1 .text{ min-height: 214px; width: 100%;}
#obtn .ctext.hyList .l1 .text .over{ margin-top: 10px; width: 100%; padding-left: 80px; position: relative;}
#obtn .ctext.hyList .l1 .text .date{ width: 80px; position: absolute; top: 0; left: 0; border-right: 1px solid #ccc;}
#obtn .ctext.hyList .l1 .text .date_r{ display: inline-block; vertical-align: middle; font-size: 30px; line-height: 24px; color: #333;}
#obtn .ctext.hyList .l1 .text .date_r .ri{ display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 15px;}
#obtn .ctext.hyList .l1 .text .date_ny{ margin-top: 5px; font-size: 16px; line-height: 18px; color: #333;}
#obtn .ctext.hyList .l1 .text .bt{ font-size: 24px; line-height: 46px; padding-left: 15px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#obtn .ctext.hyList .l1 .text .info{ margin: 20px 0 30px 0; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; color: #666;}
#obtn .ctext.hyList .l1 .text .more{ display: block; width: 144px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; color: #333; background: #f5f5f5;}
#obtn .ctext.hyList .l1:hover{ padding: 30px 60px 30px 460px; background: #aa381e;}
#obtn .ctext.hyList .l1:hover ._pimg{ left: 30px;}
#obtn .ctext.hyList .l1:hover .text .date_r{ color: #fff;}
#obtn .ctext.hyList .l1:hover .text .date_ny{ color: #fff;}
#obtn .ctext.hyList .l1:hover .text .bt{ color: #fff;}
#obtn .ctext.hyList .l1:hover .text .info{ color: #fff;}
#obtn .ctext.hyList .l1:hover .text .more{ background: #fff; color: #aa381e;}
@media screen and (max-width:991px){
#obtn .ctext.hyList .l1{ padding: 10px 0 10px 240px;}
#obtn .ctext.hyList .l1 ._pimg{ width: 220px; top: 10px;}
#obtn .ctext.hyList .l1 .text{ min-height: 125px;}
#obtn .ctext.hyList .l1 .text .over{ margin-top: 5px; padding-left: 60px;}
#obtn .ctext.hyList .l1 .text .date{ width: 60px;}
#obtn .ctext.hyList .l1 .text .date_r{ font-size: 16px; line-height: 16px;}
#obtn .ctext.hyList .l1 .text .date_r .ri{ font-size: 12px; margin-left: 5px;}
#obtn .ctext.hyList .l1 .text .date_ny{ margin-top: 2px; font-size: 12px; line-height: 12px;}
#obtn .ctext.hyList .l1 .text .bt{ font-size: 16px; line-height: 36px; padding-left: 10px;}
#obtn .ctext.hyList .l1 .text .info{ margin: 10px 0 10px 0; font-size: 14px; line-height: 24px; height: 24px;}
#obtn .ctext.hyList .l1 .text .more{ width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
#obtn .ctext.hyList .l1:hover{ padding: 10px 15px 10px 250px;}
#obtn .ctext.hyList .l1:hover ._pimg{ left: 10px;}
}
@media screen and (max-width:767px){
#obtn .ctext.hyList .l1 .text .over{ padding-left: 0px; }	
#obtn .ctext.hyList .l1 .text .bt{padding-left: 0;}
#obtn .ctext.hyList .l1 .text .date{ display:none;}	
#obtn .ctext.hyList .l1{ padding: 10px 0 10px 170px;}
#obtn .ctext.hyList .l1 ._pimg{ width: 160px;}
#obtn .ctext.hyList .l1 .text{ min-height: 94px;}
#obtn .ctext.hyList .l1 .text .over{ margin-top: 0;}
#obtn .ctext.hyList .l1 .text .info{ margin: 4px 0 4px 0;height:48px;}
#obtn .ctext.hyList .l1:hover{ padding: 10px 5px 10px 180px;}
#obtn .ctext.hyList .l1 .text .more{display:none;}
}

/* 页码 */
#obtn{ width: 100%; float: left;}
#obtn .ctext.page{ width: 100%; float: left; text-align: center;}
#obtn .ctext.page .text a{ width: 38px; height: 38px; line-height: 38px; border: 1px solid #e2e2e2; border-radius: 38px; color:#333333; font-size: 12px; margin: 0 5px; display: inline-block; font-family: Arial;}
#obtn .ctext.page .text a.on,#obtn .ctext.page .text a:hover{ background: #ac3c23; color: #fff; border: 1px solid #ac3c23;}
#obtn .ctext.page .text .l1,#obtn .ctext.page .text .r1{ width: 100px; line-height: 32px; font-size: 20px; color: #ac3c23;}
@media screen and (max-width:991px) {
#obtn .ctext.page .text_p{ text-align: center; font-size: 14px; color: #333; padding: 5px 0;}
#obtn .ctext.page .text_p a{ padding: 5px 25px; background: #ac3c23; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;}
#obtn .ctext.page .text_p span{ padding: 5px 20px; color: #333;}
}
