/* 内页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;}
}

/* 9国家介绍 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.gjList{ float: left; width: 100%;}
#obtn .ctext.gjList .u1{ margin: -24px 0; float: left;}
#obtn .ctext.gjList .l1{ margin: 24px 0; width: 33.3%; float: left; padding: 35px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
#obtn .ctext.gjList .l1:nth-child(2n){ float: left;}
#obtn .ctext.gjList .l1 ._pimg{ width: 100%; padding-bottom: 41%; position: relative; overflow: hidden; min-height: 50px;
-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.gjList .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.gjList .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.gjList .l1 .text .bt{ margin-top: 30px; font-size: 18px; line-height: 22px; color: #333; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#obtn .ctext.gjList .l1 .text .info{ margin: 10px 0 30px 0; font-size: 16px; line-height: 30px; height: 40px; overflow: hidden; color: #666;}
#obtn .ctext.gjList .l1 .text .more{ width: 160px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 36px; text-align: center; color: #fff; background: #aa381e;} 
#obtn .ctext.gjList .l1 .text .more:hover{ opacity: 0.8;}
@media screen and (max-width:991px){
#obtn .ctext.gjList .u1{ margin: -10px 0;}
#obtn .ctext.gjList .l1{ margin: 10px 0; padding: 10px;}
#obtn .ctext.gjList .l1 .text .bt{ margin-top: 10px; font-size: 16px; line-height: 20px;}
#obtn .ctext.gjList .l1 .text .info{ margin: 5px 0 10px 0; font-size: 14px; line-height: 24px; height: 72px;}
#obtn .ctext.gjList .l1 .text .more{ width: 100px; height: 30px; line-height: 30px; font-size: 14px;} 
}
@media screen and (max-width:767px){
#obtn .ctext.gjList .u1{ margin: -5px 0;}
#obtn .ctext.gjList .l1{ margin: 5px 0; width: 48%;}
}

/* 页码 */
#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;}
}