.con{width:1400px; margin:0 auto;}

@media (max-width:1400px){
	.con{width:100%; padding:0 1rem;}
}






/*Company*/
.emp{text-align:center; font-size:2rem; line-height:1.2; letter-spacing:-0.025em; margin-bottom:3.5rem; font-weight:300;}
.emp em{color:#2ec1ff; font-weight:600;}
.fl-l{display:flex; align-items: center; justify-content: space-between; margin-top:5rem;}
.fl-l > div{width:45%;}
.fl-l > img{width:49%;}

.fl-l .slogan{margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #000; font-size:1.6rem;  letter-spacing:-0.015em;}
.fl-l:nth-of-type(1){flex-direction:row-reverse; margin-top:0;}
.fl-l:nth-of-type(2){position:relative;}
.fl-l:nth-of-type(2):before{ content : ""; display : block; position : absolute; left :-20%; bottom:-5rem; width : 200%; height : 99%; background : #f2f6fb; z-index:-1; }
.fl-l .sign{text-align:right; margin-top:2rem;}
.fl-l .sign img{width:9.9rem;}

@media (max-width:1030px){
	.emp{font-size:1.8rem;}
	.fl-l{display:block;}
	.fl-l > img{width:100%;}
	.fl-l > div{width:100%; margin-top:2.5rem;}
	.fl-l .sign img{margin-top:10px;}
}



/*CI*/
.con h3{font-size:1.6rem; color:#333; position:relative; padding-top:1rem; margin-bottom:1.5rem; line-height:1; margin-top:3.5rem;}
.con h3:before{content : ""; display : block; position : absolute; left : 0; top:0;  width :2rem; height : 2px; background : #333;}
.con h3:first-child{margin-top:0;}
.con h4{font-size:1.3rem; color:#005a8a; margin-bottom:1rem; line-height:1.3;}

.ci_exp{display:flex; align-items: center; margin-bottom:3rem;}
.ci_exp .ci_bg{ flex-basis: 30%; height:13rem; display: flex; align-items: center; justify-content: center; background:url('/images/default/content/ci_bg.gif') repeat 0 0;}
.ci_exp .ci_txt{flex:1; padding-left:3rem;}

.lineBox{border:1px solid #ddd; display: flex; align-items: center; justify-content: center; flex:1 2; padding:1.5rem 1rem; margin-bottom:3rem;}
.lineBox p{flex-basis: 40%; text-align:center; }
.lineBox p span{color:#2ec1ff; font-weight:600;}
.lineBox p.img{flex-grow:1; text-align:left;}

.num{margin-left:3rem; margin-top:1.5rem;}
.num strong{ font-size:1.1rem; font-weight:600; color:#333; position:relative; display:block; margin-bottom:5px;}
.num strong:before{content : "01"; display : block; position : absolute; left : -3rem; top:-0.2em; color:#dbdcdf; font-size:1.5rem; font-weight:600; font-style:italic;}
.num.no2 strong:before{content : "02";} 
.num.no3 strong:before{content : "03";} 

.bar_line{margin:3rem 0; width:100%; height:1px; background:#ddd;}

.colors{display:flex; width:100%;  justify-content: space-between;}
.colors .colors_in{flex-basis:49.5%;}
.colors .colors_in ul{display:flex; flex-wrap: wrap; margin:-1% -0.5%;}
.colors .colors_in ul li{flex-basis: 24%; margin:1% 0.5%; font-size:0.65rem;}
.colors .colors_in ul li span{padding-top:50%; display:block;}
.colors .colors_in ul li div{padding:10px; border:1px solid #ddd; border-top:none; min-height:58px;}
.colors .colors_in ul li p{position:relative; padding-left:2.5rem;}
.colors .colors_in ul li p b{position:absolute; left:0; top:0;}
.colors.nomargin{margin-top:-1.5rem;}

@media (max-width:1400px){
	.colors{display:block;}
	.colors .colors_in ul li span{padding-top:30%;}
}

@media (max-width:767px){
	.ci_exp{display:block;}
	.ci_exp .ci_bg{height:auto; padding:2rem 1rem;}
	.ci_exp .ci_txt{padding-left:0; margin-top:1.5rem;}

	.lineBox{display:block;}
	.lineBox p.img{margin-top:15px;}

	.colors.nomargin{margin-top:0;}
	.colors .colors_in ul li{flex-basis: 49%;}
}


/* contact*/
.bgCont{background:url('/images/default/content/contact_img.jpg')no-repeat 50% top; }
.bgCont.as{position:relative;background:none;padding:8rem 0;}
.bgCont.as:after{content:'';display:block;position:absolute;left:-13rem;width:96rem;background:url('/images/default/content/as_img.jpg')no-repeat center center;height:100%;top:0;z-index:-2;background-size:cover;}


.bgCont .bgTop{text-align:center; color:#fff; height:11rem; line-height:11rem; font-size:2.4rem; text-shadow:0px 0px 20px rgba(0, 0, 0, 0.6);}
.bgCont.as .bgTop{font-size:1.4rem;}
.bgCont .bgBot{position:relative; margin:0 auto;background:#fff;  text-align:center;padding:1rem 0;}
.bgCont .bgBot:after{content:'';display:block;position:absolute;width:96rem;left:-13rem;background:#fff;z-index:-1;height:100%;top:0;}
.bgCont .bgBot:before{top:-2rem; background:#fff;}

.bgCont .bgBot ul{margin-top:2rem; display: flex; justify-content: center;}
.bgCont .bgBot ul li{font-size:1rem; margin:0 3rem;}
.bgCont .bgBot ul li span{color:#2EC1FF; font-weight:500; margin-right:0.5rem;}
.bgCont .bgBot ul li i{display:inline-block; background:#2EC1FF; width:1.5rem; height:1.5rem; line-height:1.5rem; border-radius:50%; color:#fff; margin-right:.5rem; font-size:.75rem; text-align:center;}

@media (max-width:1400px){
	.bgCont .bgBot{width:90%;}
	.bgCont .bgBot ul li{margin:0 1rem;}
	.bgCont.as:after{width:calc(100% + 2rem);left:-1rem;}
}
@media (max-width:1030px){
	.bgCont .bgBot ul li{width:100%;}
	.bgCont .bgBot ul li span{display:block; margin-bottom:10px;}

}
@media (max-width:767px){
	.bgCont .bgTop{height:auto; line-height:1.3; padding:3rem 2rem;}
	.bgCont .bgBot ul{display:table; margin-right:auto; margin-left:auto; text-align:left;}
	.bgCont .bgBot ul li span{display:inline-block;}
	.bgCont .bgBot ul li:not(:first-child){margin-top:0.5rem;}
}

/*location*/
.location{padding-bottom:2rem; border-bottom:1px solid #ddd;}
.location:not(:first-child){margin-top:3rem;}
.location h2{font-size:1.6rem; line-height:1; font-weight:400; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:2px solid #222; text-transform:uppercase;}
.location .of{display: flex; align-items: center;}
.location .of > div{width:50%;}
.location .of > div.loca{ }
.location .of > div.loca .map-area{height:12rem; border:1px solid #ddd;}
.location .of > div.loca-txt{ padding-left:1.5rem;}
.location .loca-txt ul li{position:relative; padding-left:6.5rem; letter-spacing:0.02em; }
.location .loca-txt ul li:not(:first-child){margin-top:.75rem;}
.location .loca-txt ul li.chinese{font-family: 'Noto Sans SC', sans-serif;}
.location .loca-txt ul li span{position:absolute; left:0px; top:0px; color:#2EC1FF; font-weight:500; }
.location .loca-txt ul li i{}

@media (max-width:767px){
	.location .of{flex-direction: column}
	.location .of > div{width:100%;}
	/*.location .of > div.loca{height:15rem;}*/
	.location .of > div.loca-txt{padding-left:.5rem; padding-top:1.5rem; }
}

/* history */
.history-head{position:relative; z-index:0; margin-bottom:4.5rem;}
.history-head:before{ content : ""; display : block; position : absolute; left : -50%; top : 8.5rem; width : 200%; height : calc(100% - 8.5rem); background : #F2F6FB; z-index:-1;}
.history-head .his-Top{position:relative; background:url('/images/default/content/his_img.jpg')no-repeat center top; height:17rem; text-align:center; color:#fff; margin-bottom:4rem;padding:3rem; }
.history-head .his-Top:before,
.history-head .his-Top:after{content:'';display : block; position : absolute; left :50%; width :1px; height : 2rem;  }
.history-head .his-Top:after{ bottom:-2rem; background:#111;}
.history-head .his-Top:before{bottom:0rem; background:#fff;}
.history-head .his-Top h2{font-size:2.5rem; }
.history-head .his-bot{padding-bottom:3rem; }
.history-head .his-bot h5{font-size:1.6rem; margin-bottom:1rem; font-weight:400;}
.history-head .his-Top .emp{margin-bottom:1rem;}


.history-list{position:relative; }
.history-list:before{content : ""; display : block; position : absolute; left : 7.5rem; top : 0; width : 2px; height : 100%; background : #EDEDED;}
.history-list > div{position:relative; padding-left:7.5rem; padding-right:27rem;}
.history-list > div:before,
.history-list > div:after{content:'';display : block; position : absolute; left :7.5rem;}
.history-list > div:before{ top:0 ; width:1.15rem; height:1.15rem; border:1px solid #2ec1ff; background:#fff; border-radius:50%; margin-left:-0.575rem; z-index:5;}
.history-list > div:after{top:0.37rem; width:0.5rem; height:0.5rem;  background:#2ec1ff; border-radius:50%; margin-left:-0.15rem;  z-index:5;}
.history-list > div:not(:first-child){margin-top:3rem;}
.history-list > div h4{position : absolute; left:0; top:0; color:#111; font-size:1.5rem; }
.history-list > div > ul{padding-left:2.5rem;}
.history-list > div > ul li:not(:first-child){margin-top:2rem;}
.history-list > div > ul li span{color:#2ec1ff; display:block; font-size:1.1rem; font-weight:500;}
.history-list > div .photo{position : absolute; right:0; top:0;}
.history-list > div .photo li:not(:first-child){margin-top:2rem;}

.history-list .bar_box {position:absolute;left:7.5rem;}
.history-list .bar_box .bar{padding:0 0 75px 0;}
.history-list .bar_box .bar {z-index:5; display:block; position:absolute; top:0; left:50%; width:3px; height:75px; margin-left:-1px; padding-bottom:75px; background:#2ec1ff;}

@media (max-width:1400px){
	.history-list > div{padding-right:0;}
	.history-list > div .photo{position:relative; padding-left:2.5rem; margin:2rem 0 0; }
	.history-list > div .photo li{float:left;  width:48%; margin:0 1% ;}
	.history-list > div .photo li:not(:first-child){margin-top:0;}
	.history-head .his-Top{padding:1rem;width:calc(100% + 2rem);margin-left:-1rem;}
}
@media (max-width:767px){
	.history-list:before{left:.5rem;}
	.history-list > div{padding-left:.5rem;}
	.history-list > div:before,
	.history-list > div:after{left:.5rem;}
	.history-list > div h4{position:relative; left:auto; top:auto; padding-left: 2.5rem;}
	.history-head .his-Top{padding:3rem 1rem;}
	.history-head .his-Top .emp{font-size:1.2rem;}
}

.popList ul li .txt .content{display:none;}

/*AS*/
.asTop{background:url('/images/default/content/as_top_img.jpg')no-repeat}

.as_box{background:#1794E9 url('/images/default/content/as_bg.jpg')no-repeat ;  padding:3rem 1rem; padding-left:42%; margin-bottom:2rem; background-size:30%; background-position: 7% center;}
.as_box h4{color:#fff; font-weight:400; line-height:1.5;  }
.as_box ul {margin-top:2rem;}
.as_box ul li{position:relative; margin-top:1rem; color:#fff; padding-left:6rem; line }
.as_box ul li span{position:absolute;left:0;top:1px; display:inline-block; background:#fff; color:#1794E9; font-weight:600; width:5rem; text-align:center; border-radius:1rem; padding:.25rem 0; font-size:.7rem;}

.as .as_point{position:relative; background:#f7f8f9; padding:2rem;}
.as .as_point .as_point_tit{position:relative;font-size:1.1rem;font-weight:600;margin-bottom:1rem; color:#005a8a;}
.as .as_point .as_point_tit i{font-weight:400;font-size:1.3rem;}
.as .as_point ul{margin-top:0;padding-left:1rem;}
.as .as_point ul li{position:relative;padding-left:1rem;margin-top:0.5rem; line-height:1.5; font-size:.8rem;}
.as .as_point ul li:first-child{margin-top:0;}
.as .as_point ul li:after{content:'*';position:absolute;left:0;top:1px;color:#005a8a;}
.as .as_point img{position:absolute;right:2rem;bottom:2rem;width:12rem;}

.visit_bx{margin-top:3rem ;}

.as_list_wrap{border-top:2px solid #000; }
.as_list_wrap .list{position:relative; padding:2rem 2rem;  border-bottom:1px solid #ddd; display:flex; }
.as_list_wrap .list:last-child{border-bottom:none;}
.as_list_wrap .list h4{color:#000; width:12rem}
.as_list_wrap .list h4 span{display:block; font-size:.7rem; color:#2EC1FF;}
.as_list_wrap .list > div{width:calc(100% - 12rem);}
.as_list_wrap .list p{color:#005a8a; margin-top:1rem; font-weight:500; line-height:1.5;}
.as_list_wrap .list ul {margin-top:1rem;}
.as_list_wrap .list ul li{position:relative; color:#666; padding-left:.75rem; font-size:.8rem;}
.as_list_wrap .list ul li:not(:first-child){margin-top:.35rem;}
.as_list_wrap .list ul li:before{content : ""; display : block; position : absolute; left : 0; top:.4rem;  width :.3rem; height : 1px; background : #7f7f7f;}
.as_list_wrap .list .list_add{background:#f7f7f7; margin:.5rem 0; padding:.5rem;}
.as_list_wrap .list .list_add dl{overflow:hidden; margin:.5rem; font-size:.8rem;}
.as_list_wrap .list .list_add dl dt{float:left; width:6rem; font-weight:600; color:#000;}
.as_list_wrap .list .list_add dl dd{float:left; width:calc(100% - 6rem); }
.as_list_wrap .list .list_add dl:not(:first-child){border-top:1px dashed #ddd; padding-top:.5rem;}

@media (max-width:1300px){
	.as_box{padding-left:35%; background-position: 5% center;}
}

@media (max-width:1030px){
.as .as_point ul{padding-left:0;}
}
@media (max-width:767px){
	.as_box{padding:10rem 2rem 2rem; padding-left:2rem; background-position: 50% 20px; background-size:10rem;}
	.as_box h4{text-align:center; font-size:1.1rem;}


	.as_list_wrap .list{padding:2rem 1rem; display:block;}
	.as_list_wrap .list h4{}
	.as_list_wrap .list > div{width: 100%;}
	.as .as_point img{display:none;}
}