
/* 内页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;}
}

/* 1关于我们 */
#obtn{ float: left; width: 100%;}
#obtn .ctext.Con{ float: left; width: 100%;}
#obtn .ctext.Con .clo{float:left;width: 100%;background:#eee;}
#obtn .ctext.Con .cl{float:left;width:50%;}
#obtn .ctext.Con .cr{float:right;width:50%;padding:118px 90px 141px 108px;}
#obtn .ctext.Con .cr .ch1{font-size: 33px; line-height: 33px;color:#aa381e;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;padding-top:12px;}
#obtn .ctext.Con .cr .ch6{font-size: 14px; line-height: 30px;color:#888;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top:10px;text-transform: uppercase;}
#obtn .ctext.Con .cr .cp{font-size: 16px; line-height: 36px; color:#333;padding-right:10px;max-height:396px ; scrollbar-width: thin;margin-top:29px;}
#obtn .ctext.Con .cr .cp::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.Con .cr .cp::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;}
#obtn .ctext.Con .cr .cp::-webkit-scrollbar-thumb{ width: 3px; height: 60px; background-color: #AC391F; border-radius: 3px;}


#obtn .ctext.Con .cul{float:left;width:100%;}
#obtn .ctext.Con .cli{float:left;width:20%;position: relative;height:590px;}
#obtn .ctext.Con .cli .lt{float:left;width:100%;}
#obtn .ctext.Con .cli .l1{position: absolute;top:50%!important;}
#obtn .ctext.Con .cli .lf{float:left;width:100%;background: #aa381e;padding:60px 50px 60px 40px;height: 295px;}
#obtn .ctext.Con .cli .l2{position: absolute;top:0!important;}
#obtn .ctext.Con .cli .lf .lp{font-size: 16px;line-height: 30px;color:#fff;max-height: 150px;overflow: hidden; overflow-y: auto; scrollbar-width: thin;letter-spacing: 1px;}
#obtn .ctext.Con .cli .lf .lp::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.Con .cli .lf .lp::-webkit-scrollbar-track{ background-color: #999; border-radius: 3px;}
#obtn .ctext.Con .cli .lf .lp::-webkit-scrollbar-thumb{ width: 3px; height: 20px; background-color: #fff; border-radius: 3px;}
#obtn .ctext.Con .cli .l2 .lp{font-size: 16px;line-height: 30px;color:#fff;padding-right:10px;max-height: 180px;overflow: hidden; overflow-y: auto; scrollbar-width: thin;letter-spacing: 1px;}
#obtn .ctext.Con .cli .l2 .lp::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.Con .cli .l2 .lp::-webkit-scrollbar-track{ background-color: #999; border-radius: 3px;}
#obtn .ctext.Con .cli .l2 .lp::-webkit-scrollbar-thumb{ width: 3px; height: 20px; background-color: #fff; border-radius: 3px;}

@media screen and (max-width:1599px){
#obtn .ctext.Con .cl{height:691px!important;}	
#obtn .ctext.Con .cr{padding:100px 70px}
#obtn .ctext.Con .cr .ch1{padding-top:0;}

#obtn .ctext.Con .cli{height:550px;}
#obtn .ctext.Con .cli .lt{height:275px!important;}
#obtn .ctext.Con .cli .lf{padding:50px 30px 50px 40px;height: 275px;}

#obtn .ctext.Con .cli .l2 .lp{line-height:24px; }

}
@media screen and (max-width:1229px){
#obtn .ctext.Con .cl{height:400px!important;}	
#obtn .ctext.Con .cr{padding:60px 50px}
#obtn .ctext.Con .cr .cp{max-height:185px ;}

#obtn .ctext.Con .cli{height:470px;}
#obtn .ctext.Con .cli .lt{height:235px!important;}
#obtn .ctext.Con .cli .lf{padding:30px 20px 30px 30px;height: 235px;}
}
@media screen and (max-width:991px){
#obtn .ctext.Con .cl{height:315px!important;}	
#obtn .ctext.Con .cr{padding:38px 20px;}
#obtn .ctext.Con .cr .cp{max-height:160px ;margin-top:15px;font-size: 14px;line-height: 30px;}
#obtn .ctext.Con .cr .ch1{font-size: 24px;line-height: 24px;}

#obtn .ctext.Con .cli{height:430px;}
#obtn .ctext.Con .cli .lt{height:215px!important;}
#obtn .ctext.Con .cli .lf{padding:20px 10px 10px 20px;height: 215px;}
#obtn .ctext.Con .cli .lf .lp{font-size:14px;line-height: 24px;}
}
@media screen and (max-width:767px){
#obtn .ctext.Con .cl{width:100%!important;}	
#obtn .ctext.Con .cr{width:100%;padding:20px 10px;}
#obtn .ctext.Con .cr .ch1{font-size: 18px;line-height: 18px;}
#obtn .ctext.Con .cr .cp{margin-top:10px;max-height:120px ;}
#obtn .ctext.Con .cli{width:100%;height:auto;margin-top:10px;}
#obtn .ctext.Con .cli .lt{height:215px;padding: relative;top:0;}
#obtn .ctext.Con .cli .lf{padding:10px ;height:auto;}
#obtn .ctext.Con .cli .l1{position: static!important;}
#obtn .ctext.Con .cli .l2{position: static!important;}
#obtn .ctext.Con .cli .lf .lp{font-size:14px;line-height: 24px;max-height: 98px;}
}


#obtn .ctext.Con .tit{font-size: 33px; line-height: 33px;font-weight: bold; text-align: center; color: #333;letter-spacing: 1px;}
#obtn .ctext.Con .info{ margin: 12px 0 45px 0; font-size: 14px; line-height: 22px; text-align: center; color: #adadad;text-transform: uppercase;}
#obtn .ctext.Con .cnul{float:left;width:100%;}
#obtn .ctext.Con .cnul .cnli{float:left;width:33.333%;}
#obtn .ctext.Con .cnli .cnt{float:left;width:100%;}
#obtn .ctext.Con .cnli .cnt ._div{min-height: 80px;padding-bottom: 60.31%;position: relative;width:100%;}
#obtn .ctext.Con .cnli .cnf{float:left;width:100%;padding:55px 50px 55px 60px;background:#767676;height:345px;position: relative;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear
transition: all 0.5s linear;}
#obtn .ctext.Con .cnli .cnf::before{content: '';width:0;height:0;border-bottom:19px;border-right:19px;border-left:19px;border-style: dashed dashed solid dashed;    border-color: transparent transparent  #767676 transparent;position: absolute;bottom:100%;left:9.37%;}
#obtn .ctext.Con .cnli .cnf .cnh4{font-size:18px; line-height: 26px;color:#fff;letter-spacing: 1px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.Con .cnli .cnf .cnp{font-size: 16px;line-height: 26px;letter-spacing: 1px;/*max-height: 80px;*/color:#fff;padding-right:10px;margin-top:16px;overflow: hidden; overflow-y: auto; scrollbar-width: thin;}
#obtn .ctext.Con .cnli .cnf .cnp::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.Con .cnli .cnf .cnp::-webkit-scrollbar-track{ background-color: #999; border-radius: 3px;}
#obtn .ctext.Con .cnli .cnf .cnp::-webkit-scrollbar-thumb{ width: 3px; height: 20px; background-color: #fff; border-radius: 3px;}
#obtn .ctext.Con .cnli:hover .cnf{background: #aa381e;}
#obtn .ctext.Con .cnli:hover .cnf::before{border-color: transparent transparent  #aa381e transparent;}

/**/
#obtn .ctext.Con .abul{float:left;width:100%;}
#obtn .ctext.Con .abul .abli:first-child{width:33.33%;}
#obtn .ctext.Con .abul .abli{width:22.22%;float:left;position: relative;}

#obtn .ctext.Con .abul .abli .ab_b{float:left;width:100%;position: absolute;top:0;height:100%;padding:22.23% 26.56%;}
#obtn .ctext.Con .abul .abli .ab_d{float:left;width:100%;height:100%;background: rgba(170,56,31,0.8);overflow: hidden;position: relative;}
#obtn .ctext.Con .abul .abli .ab_d .div{width:100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;color:#fff;}
#obtn .ctext.Con .abul .div .dh3{font-size: 33px;line-height: 33px;font-weight: bold;letter-spacing: 1px;}
#obtn .ctext.Con .abul .div .dh6{font-size: 14px; line-height: 26px;text-transform: uppercase;padding-top:11px;font-family: Arial, Helvetica, sans-serif;}
#obtn .ctext.Con .abul .abr {float:left;padding:90px 0;text-align: center;height:512px;}
#obtn .ctext.Con .abul .abr ._pimg{float:left;width:28.16%;position: relative;left: 50%;transform: translate(-50%,0);}
#obtn .ctext.Con .abul .abr ._div{width:100%;position: relative;padding-bottom: 100%;min-height: 50px;background:#fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear}
/*#obtn .ctext.Con .abul .abr:hover ._div{transform:rotateZ(360deg);}*/

#obtn .ctext.Con .abul .abr .zimg1{display:none;}
#obtn .ctext.Con .abul .abr:hover .zimg{display:none;}
#obtn .ctext.Con .abul .abr:hover .zimg1{display:block;}
#obtn .ctext.Con .abul .abr:hover ._div{background:#aa381e;}

#obtn .ctext.Con .abul .abr .tit{float:left;width:100%;margin-top:40px;}
#obtn .ctext.Con .abul .abr .tit .abh3{font-size:24px;line-height: 44px;color: #aa381e;letter-spacing: 1px;font-weight: bold;font-family: "microsoft yahei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.Con .abul .abr .tit .abh5{font-size:16px;line-height: 24px;color: #333;overflow: hidden;max-height:48px;margin-top:10px;}


#obtn .ctext.Con .n{float:left;width: 100%;background:#eee;}
#obtn .ctext.Con .nl{float:left;width:50%;padding:112px 90px 150px 108px;}
#obtn .ctext.Con .nr{float:right;width:50%;}
#obtn .ctext.Con .nl .nh1{font-size: 33px; line-height: 33px;color:#aa381e;font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#obtn .ctext.Con .nl .nh6{font-size: 16px; line-height: 30px;color:#888;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top:6px;text-transform: uppercase;}
#obtn .ctext.Con .nl .np{font-size: 16px; line-height: 36px; color:#333;padding-right:10px;/*max-height:216px ;*/overflow: hidden; overflow-y: auto; scrollbar-width: thin;margin-top:29px;}
#obtn .ctext.Con .nl .np::-webkit-scrollbar{ width: 3px;}
#obtn .ctext.Con .nl .np::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;}
#obtn .ctext.Con .nl .np::-webkit-scrollbar-thumb{ width: 3px; height: 60px; background-color: #AC391F; border-radius: 3px;}
#obtn .ctext.Con .nl .madin{float:left;width:100%;height:20px;font-size: 20px;line-height: 20px;text-align: right;position: relative;margin-top:50px;}
#obtn .ctext.Con .nl .madin::before{content: '';width:81.3%;height:1px;position: absolute;top:50%;left:0;background:#c9c9c9;}


@media screen and (max-width:1599px){
#obtn .ctext.Con .cnli .cnf{padding:40px 40px 40px 50px;/*height:320px;*/}

#obtn .ctext.Con .abul .abli .ab_b{padding:22.23% 20.56%;}
#obtn .ctext.Con .abul .abl .abs{height:460px!important;}
#obtn .ctext.Con .abul .abr {height:460px;padding:80px 0;}

#obtn .ctext.Con .nl{padding:100px 80px 130px 90px;}
#obtn .ctext.Con .nr{height:690px!important;}
}
@media screen and (max-width:1229px){
#obtn .ctext.Con .cnli .cnf{padding:30px 30px 30px 40px;height:320px;}
#obtn .ctext.Con .cnli .cnf .cnp{font-size: 14px;line-height: 24px;/*max-height: 75px;*/}

#obtn .ctext.Con .abul .abli .ab_b{padding:15% ;}
#obtn .ctext.Con .abul .abl .abs{height:360px!important;}
#obtn .ctext.Con .abul .abr {height:360px;padding:60px 0;}
#obtn .ctext.Con .abul .abr .tit{margin-top:30px;}

#obtn .ctext.Con .nl{padding:70px 50px 70px 60px;}
#obtn .ctext.Con .nr{height:574px!important;}
#obtn .ctext.Con .nl .madin{margin-top:100px;}
#obtn .ctext.Con .nl .madin::before{width:65%;}
}
@media screen and (max-width:991px){
#obtn .ctext.Con .cnli .cnf{padding:20px 10px 20px 20px;height:185px;}
#obtn .ctext.Con .cnli .cnf .cnh4{font-size:16px;}
#obtn .ctext.Con .cnli .cnf .cnp{font-size: 14px;line-height: 24px;/*max-height: 75px;*/}
#obtn .ctext.Con .cnli .cnf::before{content:'';width:0;height:0;border-bottom:15px;border-right:15px;border-left:15px;border-style: dashed dashed solid dashed;    border-color: transparent transparent  #767676 transparent;}


#obtn .ctext.Con .tit{font-size: 24px;line-height: 24px;}
#obtn .ctext.Con .info{margin:10px 0 20px 0;}

#obtn .ctext.Con .abul .abli:first-child{width:50%;}
#obtn .ctext.Con .abul .abli {width:50%;}
#obtn .ctext.Con .abul .abr .tit .abh3{font-size:20px;line-height: 36px;}
#obtn .ctext.Con .abul .abr {padding:40px 0;}

#obtn .ctext.Con .nl{padding:50px 30px 50px 40px;}
#obtn .ctext.Con .nr{height:424px!important;}
#obtn .ctext.Con .nl .madin{margin-top:60px;}
#obtn .ctext.Con .nl .madin::before{width:65%;}
#obtn .ctext.Con .nl .nh1{font-size: 24px; line-height: 24px;}
#obtn .ctext.Con .nl .nh6{font-size: 14px; line-height: 24px;}
#obtn .ctext.Con .nl .np{font-size: 14px; line-height: 30px; /*max-height:180px ;*/margin-top:10px;}
}
@media screen and (max-width:767px){
#obtn .ctext.Con .cnul .cnli{width:100%;}
#obtn .ctext.Con .cnli .cnf{height:auto;}
#obtn .ctext.Con .cnli .cnf .cnp{/*max-height: 50px;*/}

#obtn .ctext.Con .tit{font-size: 18px;line-height: 18px;}
#obtn .ctext.Con .info{margin:5px 0 10px 0;}

#obtn .ctext.Con .abul .abli:first-child{width:100%;}
#obtn .ctext.Con .abul .abli {width:100%;}
#obtn .ctext.Con .abul .abli .ab_b{padding:15% ;}
#obtn .ctext.Con .abul .abl .abs{height:360px!important;}
#obtn .ctext.Con .abul .abr {height:auto;padding:30px 0;}
#obtn .ctext.Con .abul .abr .tit{margin-top:15px;}
#obtn .ctext.Con .abul .abr .tit .abh3{font-size:18px;line-height: 30px;}
#obtn .ctext.Con .abul .abr .tit .abh5{margin-top:0;}

#obtn .ctext.Con .nl{padding:20px 10px 20px 20px;width:100%;height:auto;}
#obtn .ctext.Con .nl .nh1{font-size: 18px; line-height: 18px;}
#obtn .ctext.Con .nr{height:350px!important;width:100%!important;}
#obtn .ctext.Con .nl .madin{margin-top:20px;font-size:16px;line-height: 16px;height:16px;}
}

