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

/* 10国家详细 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.gjCon{ float: left; width: 100%;}
#obtn .ctext.gjCon .bg{ padding: 110px 0;}
#obtn .ctext.gjCon .bg .wz{ width: 58%; padding: 65px 80px; background: rgba(255, 255, 255, 0.8);}
#obtn .ctext.gjCon .bg .wz .bt{ margin-bottom: 40px; font-size: 30px; line-height: 32px; color: #333;}
#obtn .ctext.gjCon .bg .wz .info{ font-size: 16px; line-height: 36px; color: #666;}
#obtn .ctext.gjCon .u1{ float: left; width: 100%;}
#obtn .ctext.gjCon .l1{ height: 736px; width: 25%; float: left; position: relative;}
#obtn .ctext.gjCon .l1 .img{ width: 100%; height: 368px;}
#obtn .ctext.gjCon .l1 .text{ padding: 75px 54px; width: 100%; height: 368px;}
#obtn .ctext.gjCon .l1 .text .bt{ font-size: 18px; line-height: 22px; font-weight: bold; color: #000;}
#obtn .ctext.gjCon .l1 .text .info{ margin-top: 20px; font-size: 16px; line-height: 30px; height: 180px; /*text-align: justify; overflow: hidden;*/ overflow-y:auto; scrollbar-width: thin; color: #333;}

#obtn .ctext.gjCon .l1 .text .infop::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.gjCon .l1 .text .info::-webkit-scrollbar-track{ background-color: #999; border-radius: 3px;}
#obtn .ctext.gjCon .l1 .text .info::-webkit-scrollbar-thumb{ width: 3px; height: 20px; background-color: #fff; border-radius: 3px;}

#obtn .ctext.gjCon .l1:nth-child(2n) .img{ position: absolute; left: 0; bottom: 0;}
#obtn .ctext.gjCon .l1:nth-child(2n) .text{ position: absolute; left: 0; top: 0;}
#obtn .ctext.gjCon .fy{ margin-top: 50px; float: left; width: 100%;}
#obtn .ctext.gjCon .lj{ font-size: 14px; margin: 0 20px; color: #333; display: inline-block; vertical-align: middle;}
#obtn .ctext.gjCon .ico{ display: inline-block; vertical-align: middle; width: 55px; height: 55px;}
#obtn .ctext.gjCon .fy_l{ padding-right: 22px; width: 50%; float: left; text-align: right;}
#obtn .ctext.gjCon .fy_l .ico{ background: url(/theme/cn/_im_g/y_gjcon6.png) no-repeat center; background-size: cover;}
#obtn .ctext.gjCon .fy_l:hover .ico{ background: url(/theme/cn/_im_g/y_gjcon6_1.png) no-repeat center; background-size: cover;}
#obtn .ctext.gjCon .fy_l:hover .lj{ color: #aa381e;}
#obtn .ctext.gjCon .fy_r{ padding-left: 22px; width: 50%; float: right;}
#obtn .ctext.gjCon .fy_r .ico{ background: url(/theme/cn/_im_g/y_gjcon7.png) no-repeat center; background-size: cover;}
#obtn .ctext.gjCon .fy_r:hover .ico{ background: url(/theme/cn/_im_g/y_gjcon7_1.png) no-repeat center; background-size: cover;}
#obtn .ctext.gjCon .fy_r:hover .lj{ color: #aa381e;}
@media screen and (max-width:991px){
#obtn .ctext.gjCon .bg{ padding: 40px 0;}
#obtn .ctext.gjCon .bg .wz{ padding: 15px 30px;}
#obtn .ctext.gjCon .bg .wz .bt{ margin-bottom: 10px; font-size: 18px; line-height: 22px;}
#obtn .ctext.gjCon .bg .wz .info{ font-size: 14px; line-height: 24px;}
#obtn .ctext.gjCon .l1{ height: 384px;}
#obtn .ctext.gjCon .l1 .img{ height: 192px;}
#obtn .ctext.gjCon .l1 .text{ padding: 20px 15px; height: 192px;}
#obtn .ctext.gjCon .l1 .text .bt{ font-size: 16px; line-height: 20px;}
#obtn .ctext.gjCon .l1 .text .info{ margin-top: 10px; font-size: 14px; line-height: 20px; height: 120px;}
#obtn .ctext.gjCon .fy{ margin-top: 15px;}
#obtn .ctext.gjCon .lj{ margin: 0 10px;}
#obtn .ctext.gjCon .ico{ width: 20px; height: 20px; display:none;}
#obtn .ctext.gjCon .fy_l{ padding-right: 0px; width:100%; text-align:left;}
#obtn .ctext.gjCon .fy_r{ padding-left: 0px; width:100%; text-align:left;}
}
@media screen and (max-width:767px){
#obtn .ctext.gjCon .bg{ padding: 20px 0;}
#obtn .ctext.gjCon .bg .wz{ width: 100%;}
#obtn .ctext.gjCon .l1{ width: 50%;}
}