/*about*/
#obtn .ctext.about{width: 100%;float: left;margin-top: 60px; margin-bottom:20px;}

/*left nav*/
#obtn .l-nav{width: 270px;float: left;background: #0053a4;margin-right: 40px;}
#obtn .l-nav span{width: 100%;float: left;text-align: center;}
#obtn .l-nav .lt-nav{width: 100%;float: left;padding-top: 4px;padding-bottom: 16px;}
#obtn .l-nav .lt-nav .navTi{font-size: 24px;line-height: 52px;color: #FFFFFF;}
#obtn .l-nav .lt-nav .navEn{font-size: 14px;line-height: 22px;color: rgba(255,255,255,0.6);text-transform: uppercase;margin-top: -10px;}
#obtn .l-nav ul{width: 100%;float: left;padding-left: 8px;}
#obtn .l-nav ul li{width: 100%;float: left;background: #fafafa;padding: 25px 20px 25px 30px;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
#obtn .l-nav ul li a{font-size: 18px;line-height: 22px;color: #333333;width: 100%;float: left;}
#obtn .l-nav ul li a .lico{background: #fafafa no-repeat center;width: 12px; height: 12px;
 color: #0053a4;background-image: linear-gradient(to top, currentColor, currentColor), linear-gradient(to top, currentColor, currentColor);
 background-size: 10px 2px, 2px 10px;margin-top: 6px;float: right;}
#obtn .l-nav ul .on a,#obtn .l-nav ul li a:hover{color: #0053a4;}
#obtn .l-nav ul .on a .lico,#obtn .l-nav ul li a:hover .lico{color: #0053a4;background-image: linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px;}

/*aboutCon*/
#obtn .ctext.about .aboutCon{width: 990px;float: left;}
#obtn .ctext.about .aboutCon .c-nav{width: 100%;float: left;color:#555555;font-size: 15px;line-height: 36px;margin-top: -10.5px;padding-bottom: 9.5px;border-bottom: 1px solid rgba(0,0,0,0.15);}
#obtn .ctext.about .aboutCon .c-nav a{margin: 0 6px;color:#555555;}
#obtn .ctext.about .aboutCon .c-nav a:first-child{margin-left: 0;}

/*aboutC1*/
#obtn .ctext.about .aboutCon .aboutC1{width: 100%;float: left;margin-top: 40px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-t{width: 100%;float: left;text-align: center;font-size: 32px;color: #333333;line-height: 32px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-p{width: 100%;float: left;text-align: center;font-size: 14px;color: #999999;text-transform: uppercase;line-height: 16px;margin-top: 19px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-p span{padding: 0 20px;background: #FFFFFF;border-left: 1px solid rgba(0,0,0,0.15);border-right: 1px solid rgba(0,0,0,0.15);}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-p .p-line{width: 100%;height: 1px;background:url(_im_g/line.png) no-repeat;background-size:100%;margin-top: -9px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-c{width: 100%;float: left;margin-top: 44.5px;margin-bottom: 22.5px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-c p{width: 100%;float: left;font-size: 15px;line-height: 30px;color: #555555;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v{width: 100%;float: left;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .ven{font-size: 18px;color: #FFFFFF;line-height:34px;padding:26px 25px;background: #0053a4;float: right;margin-right: 20px;position: relative;z-index: 4;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .cvideo{width: 100%;float: left;height: 364px;position: relative;top: -66px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .cvideo .vbutton{width: 58px;height: 58px;float: left;text-align: center;position: absolute;left: 50%;top: 50%;margin-top: -29px;margin-left: -29px;}
#obtn .imgPop{width:100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top:0; left: 0; z-index: 6; display: none;}
#obtn .imgPop2{min-height: 100px; width: 52%; left: 24%; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
#obtn .imgPop2 .sp{display:block;width: 100%;}
#obtn .imgPop2 .sp video{ width: 100%; object-fit:fill;}
#obtn .imgPop2 .close2{width:30px; height: 30px; position: absolute; top:-35px; right:-35px; z-index:10;background: url(_im_g/close.png) no-repeat;background-size:100% ;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b{width: 100%;height:364px;float: left;background: url(_im_g/about3.jpg) no-repeat;background-size:cover ;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b .b-t{font-size: 28px;color: #FFFFFF;line-height: 40px;padding: 0 244px;text-align: center;margin-top: 108px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b .b-en{font-size: 14px;color: #FFFFFF;line-height: 20px;padding: 0 130px;text-align: center;margin-top: 33px;text-transform: uppercase;letter-spacing: 2px;font-family: open sans}

/*aboutC2*/
#obtn .ctext.about .aboutCon .aboutC2{width: 100%;float: left;margin-top: 60px;margin-bottom: 80px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-t{width: 100%;float: left;text-align: center;font-size: 32px;color: #333333;line-height: 32px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-p{width: 100%;float: left;text-align: center;font-size: 14px;color: #999999;text-transform: uppercase;line-height: 16px;margin-top: 19px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-p span{padding: 0 20px;background: #FFFFFF;border-left: 1px solid rgba(0,0,0,0.15);border-right: 1px solid rgba(0,0,0,0.15);}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-p .p-line{width: 100%;height: 1px;background:url(_im_g/line.png) no-repeat;background-size:100%;margin-top: -9px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul{width: 100%;float: left;margin-top: 49px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li{width: 100%;float: left;height: 300px;margin-bottom: 30px;background: #f4f4f5;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li:last-child{margin-bottom: 0;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-img{width: 420px;float: left;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li:nth-of-type(even) .li-img{float: right;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con{width: 570px;float: left;padding:47px 77px 53.5px 70px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-t{width: 100%;float: left;padding-right: 90px;font-size: 18px;line-height: 36px;color: #333333;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-t span{width: 100%;float: left;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 16px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-line{width: 30px;height: 3px;float: left;background: #0053a4;margin-top: -2px;}
#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-c{width: 100%;float: left;font-size: 15px;line-height: 32px;color: #555555;margin-top: 11.5px;}

@media screen and (max-width:1199px){
	#obtn .l-nav{width: 216px;}
	/*aboutCon*/
	#obtn .ctext.about .aboutCon{width: 706px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .cvideo{height: 259px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b .b-t{padding: 0 96px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b .b-en{padding: 0 30px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li{height: 214px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-img{width: 300px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con{width: 406px;padding: 6px 15px 6.5px 15px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-t span{padding-bottom: 7.5px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-c{line-height: 24px;}
	
}

@media screen and (max-width:991px){
	/*left nav*/
	#obtn .l-nav{width: 100%;margin-right: 0;}

	
	/*aboutCon*/
	#obtn .ctext.about .aboutCon .c-nav{display: none;}
	#obtn .ctext.about .aboutCon{width: 100%;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .cvideo{height: 270px;}		
}

@media screen and (max-width:767px){
	#obtn .ctext.about{margin-top: 60px;}
	/*left nav*/
	#obtn .l-nav .lt-nav{padding-top: 12px;padding-bottom: 11px;}
	#obtn .l-nav .lt-nav .navTi{font-size: 18px;line-height: 24px;}
	#obtn .l-nav .lt-nav .navEn{margin-top: 0;}
	#obtn .l-nav ul li{padding: 15px;}
	#obtn .l-nav ul li a{font-size: 16px;}
	
	/*aboutCon*/
	#obtn .ctext.about .aboutCon .aboutC1{margin-top: 20px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-t{font-size: 18px;line-height: 18px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-p{margin-top: 10px;}
	#obtn .imgPop2{width: 70%; left: 15%;top:40%;}
	#obtn .imgPop2 .close2{width:15px;height:15px;top:-18px; right:-18px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-c{margin-top: 24.5px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-c p{font-size: 14px;line-height: 24px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .ven{font-size: 16px;padding: 15px;line-height: 24px;margin-right: 15px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .cvideo{height: 126px;top: -39px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-v .cvideo .vbutton{width: 29px;height: 29px;margin-left: -14.5px;margin-top: -14.5px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b{height: auto;padding-bottom: 30px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b .b-t{padding: 0 30px;font-size: 16px;line-height: 24px;margin-top: 26px;}
	#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b .b-en{padding: 0 15px;line-height: 22px;margin-top: 11px;}
	
	#obtn .ctext.about .aboutCon .aboutC2{margin-top: 20px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-t{font-size: 18px;line-height: 18px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-p{margin-top: 10px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li{height: auto;margin-bottom: 15px;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-img{width: 100%;float: left;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li:nth-of-type(even) .li-img{float: left;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con{width: 100%;float: left;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-t{font-size: 16px;line-height: 24px;padding-right: 0;}
	#obtn .ctext.about .aboutCon .aboutC2 .aboutC2-ul li .li-con .li-c{font-size: 14px;line-height: 22px;}
	
}