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

/* 11联系我们 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.contCon{ float: left; width: 100%;}
#obtn .ctext.contCon .left{ width: 62.2%; float: left;}
#obtn .ctext.contCon .left .t1{ font-size: 30px; line-height: 34px; letter-spacing: 2px; color: #333;}
#obtn .ctext.contCon .left .t2{ margin: 15px 0 45px 0; font-size: 16px; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; color: #9c9c9c;}
#obtn .ctext.contCon .left .u1{ margin: 0 0 -40px 0;}
#obtn .ctext.contCon .left .l1{ margin: 40px 0; padding: 38px 40px 38px 230px; background: #f5f5f5; position: relative;}
#obtn .ctext.contCon .left .l1 .ico{ width: 147px; position: absolute; top: 40px; left: 40px;}
#obtn .ctext.contCon .left .l1 .text{ width: 100%;}
#obtn .ctext.contCon .left .l1 .text .bt{ font-size: 18px; line-height: 20px; color: #333; font-weight: bold;}
#obtn .ctext.contCon .left .l1 .text .info{ margin-top: 10px; font-size: 16px; line-height: 30px; color: #444;}
#obtn .ctext.contCon .right{ padding: 40px 60px; width: 33.33%; float: right; border: 1px solid #ededed;}
#obtn .ctext.contCon .right .bt{ margin-bottom: 35px; font-size: 24px; line-height: 28px; text-align: center; color: #333;}
#obtn .ctext.contCon .right .lab .name{ font-size: 14px; line-height: 18px; margin: 15px 0 10px 0; color: #666;}
#obtn .ctext.contCon .right .lab .fv1{ font-size: 14px; width: 100%; line-height: 20px; padding: 10px; background: #f7f7f7;}
#obtn .ctext.contCon .right .lab .fv2{ font-size: 14px; width: 100%; line-height: 20px; height: 116px; padding: 10px; background: #f7f7f7; border: none;}
#obtn .ctext.contCon .right .lab .fv3{ margin: 22px auto 0 auto; display: block; height: 42px; line-height: 42px; border-radius: 42px; padding: 0 80px; font-size: 16px; color: #fff; background: #aa381e;}
#obtn .ctext.contCon .right .lab .fv3:hover{ opacity: 0.8;}
#obtn .ctext.contCon .map{ float: left; width: 100%; margin-top: 70px; position: relative;}
#obtn .ctext.contCon .map .li{ position: absolute; cursor: pointer;}
#obtn .ctext.contCon .map .l1{ top: 27.97%; left: 48%;}
#obtn .ctext.contCon .map .l2{ top: 38.4%; left: 64.1%;}
#obtn .ctext.contCon .map .li .dot{ float: left; width: 30px; height: 30px; margin-right: 12px; border-radius: 50%; background: rgba(170, 56, 30, 0.3); position: relative;}
#obtn .ctext.contCon .map .li .dot::before{ content: ""; display: block; width: 14px; height: 14px; position: absolute; top: 8px; left: 8px; border-radius: 50%; background: #aa381e;}
#obtn .ctext.contCon .map .li .wz{ float: left; font-size: 18px; line-height: 30px; margin-right: 12px; color: #aa381e;}
#obtn .ctext.contCon .map .li .dis{ display: none; position: absolute; bottom: 55px; width: 520px; height: 108px; padding-left: 140px; background: #aa381e;}
#obtn .ctext.contCon .map .li .img{ position: absolute; top: 0; left: 0; width: 140px;}
#obtn .ctext.contCon .map .li .text{ width: 380px; position: absolute; top: 50%; right: 0; padding: 0 10px 0 50px; font-size: 18px; line-height: 24px; max-height: 96px; overflow: hidden; color: #fff; background: url(../image/y_cont5.png) no-repeat 25px center; background-size: 14px 14px;
-webkit-transform: translate(0, -50%); 
-moz-transform: translate(0, -50%); 
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
#obtn .ctext.contCon .map .li:hover .dis{ display: block;}
@media screen and (max-width:1599px){
#obtn .ctext.contCon .map .li .dis{ width: 430px;}	
#obtn .ctext.contCon .map .li .text{ width: 290px;}
}
@media screen and (max-width:1229px){
#obtn .ctext.contCon .map .li .dis{ width: 340px;}	
#obtn .ctext.contCon .map .li .text{ width: 200px;}
}
@media screen and (max-width:991px){
#obtn .ctext.contCon .left .t1{ font-size: 18px; line-height: 22px;}
#obtn .ctext.contCon .left .t2{ margin: 5px 0 20px 0; font-size: 12px; line-height: 16px;}
#obtn .ctext.contCon .left .u1{ margin: 0 0 -10px 0;}
#obtn .ctext.contCon .left .l1{ margin: 10px 0; padding: 10px 10px 10px 130px;}
#obtn .ctext.contCon .left .l1 .ico{ width: 110px; top: 10px; left: 10px;}
#obtn .ctext.contCon .left .l1 .text .bt{ font-size: 16px; line-height: 18px;}
#obtn .ctext.contCon .left .l1 .text .info{ margin-top: 5px; font-size: 14px; line-height: 22px;}
#obtn .ctext.contCon .right{ padding: 10px 15px;}
#obtn .ctext.contCon .right .bt{ margin-bottom: 10px; font-size: 16px; line-height: 20px;}
#obtn .ctext.contCon .right .lab .name{ margin: 10px 0 5px 0;}
#obtn .ctext.contCon .right .lab .fv1{ padding: 5px 10px;}
#obtn .ctext.contCon .right .lab .fv2{ height: 50px; padding: 5px 10px;}
#obtn .ctext.contCon .right .lab .fv3{ margin: 10px auto 0 auto; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 20px; font-size: 14px;}
#obtn .ctext.contCon .map{ margin-top: 20px;}
#obtn .ctext.contCon .map .li .dot{ width: 16px; height: 16px; margin-right: 5px;}
#obtn .ctext.contCon .map .li .dot::before{ width: 8px; height: 8px; top: 4px; left: 4px;}
#obtn .ctext.contCon .map .li .wz{ font-size: 14px; line-height: 16px; margin-right: 5px;}
#obtn .ctext.contCon .map .li .dis{ bottom: 20px; width: 260px; height: 60px; padding-left: 80px; left:50%; margin-left:-130px; overflow:hidden;}
#obtn .ctext.contCon .map .li .img{ width: 80px;}
#obtn .ctext.contCon .map .li .text{ width: 180px; padding: 0 5px 0 30px; font-size: 14px; line-height: 24px; max-height: 48px; background: url(../image/y_cont5.png) no-repeat 10px center; background-size: 10px 10px;}
}
@media screen and (max-width:767px){
#obtn .ctext.contCon .left{ width: 100%;}
#obtn .ctext.contCon .right{ width: 100%; margin-top: 15px;}
}