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


/*aboutCon*/
#obtn .ctext.about .aboutCon{width: 900px;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: 20px;}
#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(../images/line.png) no-repeat;background-size:100%;margin-top: -9px;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-c{width: 98%;float: left; padding: 1%;line-height: 30px;}
#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(../images/close.png) no-repeat;background-size:100% ;}
#obtn .ctext.about .aboutCon .aboutC1 .aboutC1-b{width: 100%;height:364px;float: left;background: url(../images/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(../images/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: 10px;}
	/*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: 10px;}
	#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;}
	
}