/*common*/
.content_wrap{width:100%; max-width:1200px;}
.title_text{color:#222; font-size:35px; line-height:130%;}
.title_box{margin-bottom:10px;}

@media screen and (min-width:1400px){
	.content_wrap{margin:20px auto;}
	.sub_menu{width:100%;}
	.left_menu>ul>li>a{position:relative; display:block; width:100%; height:50px; line-height:50px; color:#999; border-bottom:1px dashed #ddd; box-sizing:border-box; padding-left:30px;}
	.left_menu>ul>li>a:hover{color:#c5252a;}
	.left_menu>ul>li.active>a{color:#c5252a;}
	.left_menu>ul>li.active>a:before{content:""; display:block; clear:both; position:absolute; top:22px; left:10px; width:7px; height:7px; border-radius:10px; background-color:#c5252a;}

	.location{float:right; width:30%; margin-top:20px;}
	.location>ul{float:right;}
	.location>ul>li{float:left;}
	.location>ul>li>i,.location>ul>li>span,.location>ul>li>a{font-size:12px; color:#aaa;}
	.location>ul>li>span{font-weight:normal;}
	.location>ul>li>ul>li>a{font-size:12px; color:#c5252a;}

	.title_text{float:left; width:70%;}

	.content_wrap>.left_menu{float:left; width:23%;}
	.content_wrap>.content{float:right; width:75%;}

}

@media screen and (max-width:1399px) and (min-width:1050px){
	.content_wrap{margin:20px auto;}
	.sub_menu{width:100%;}
	.left_menu>ul>li>a{position:relative; display:block; width:100%; height:50px; line-height:50px; color:#999; border-bottom:1px dashed #ddd; box-sizing:border-box; padding-left:30px;}
	.left_menu>ul>li>a:hover{color:#c5252a;}
	.left_menu>ul>li.active>a{color:#c5252a;}
	.left_menu>ul>li.active>a:before{content:""; display:block; clear:both; position:absolute; top:22px; left:10px; width:7px; height:7px; border-radius:10px; background-color:#c5252a;}

	.location{float:right; width:30%; margin-top:20px;}
	.location>ul{float:right;}
	.location>ul>li{float:left;}
	.location>ul>li>i,.location>ul>li>span,.location>ul>li>a{font-size:12px; color:#aaa;}
	.location>ul>li>span{font-weight:normal;}
	.location>ul>li>ul>li>a{font-size:12px; color:#c5252a;}
	
	.title_text{float:left; width:70%;}
	
	.content_wrap>.left_menu{float:left; width:23%;}
	.content_wrap>.content{float:right; width:75%;}

}

@media screen and (max-width:1049px) and (min-width:860px){
	.content_wrap{margin:20px auto;}
	.sub_menu{width:100%;}
	.left_menu>ul>li>a{position:relative; display:block; width:100%; height:50px; line-height:50px; color:#999; border-bottom:1px dashed #ddd; box-sizing:border-box; padding-left:30px;}
	.left_menu>ul>li>a:hover{color:#c5252a;}
	.left_menu>ul>li.active>a{color:#c5252a;}
	.left_menu>ul>li.active>a:before{content:""; display:block; clear:both; position:absolute; top:22px; left:10px; width:7px; height:7px; border-radius:10px; background-color:#c5252a;}

	.location{float:right; width:30%; margin-top:20px;}
	.location>ul{float:right;}
	.location>ul>li{float:left;}
	.location>ul>li>i,.location>ul>li>span,.location>ul>li>a{font-size:12px; color:#aaa;}
	.location>ul>li>span{font-weight:normal;}
	.location>ul>li>ul>li>a{font-size:12px; color:#c5252a;}
	
	.title_text{float:left; width:70%;}
	
	.content_wrap>.left_menu{float:left; width:23%;}
	.content_wrap>.content{float:right; width:75%;}

}

@media screen and (max-width:859px) and (min-width:540px){
	.content_wrap{margin:0 auto;}
	.left_menu,.location{display:none;}
	.title_text{width:100%; text-align:center;}
	.content_wrap>.content{width:100%; padding:20px; box-sizing:border-box;}
}

@media screen and (max-width:539px) and (min-width:420px){
	.content_wrap{margin:0 auto;}
	.left_menu,.location{display:none;}
	.title_text{width:100%; text-align:center;}
	.content_wrap>.content{width:100%; padding:20px; box-sizing:border-box;}
}

@media screen and (max-width:419px){
	.content_wrap{margin:0 auto;}
	.left_menu,.location{display:none;}
	.title_text{width:100%; text-align:center;}
	.content_wrap>.content{width:100%; padding:20px; box-sizing:border-box;}
}





/*Introduction*/

.sub_title{width:100%; max-width:1600px; background-color:#fafafa; border-bottom:1px solid #ddd; box-sizing:border-box; margin:auto;}

.title_textbox>h6{font-size:30px; line-height:110%;}
.title_textbox>p{color:#ddd; font-size:20px; letter-spacing:-0.6px;}

.sub0101_imgbox{margin-bottom:20px;}
.sub0101_imgbox>img{width:100%; max-width:900px;}
.sub0101_text>strong{color:#c5252a; font-size:30px;}
.sub0101_text>p{color:#888; font-size:14px; margin-bottom:15px;}
.ceo_name{display:block; margin:20px auto;}


@media screen and (min-width:1400px){
	.sub_title>ul>li{float:left;}
	.sub_title>ul>li:first-child{width:20%; text-align:center; margin-top:30px;}
	.sub_title>ul>li:last-child{width:80%; text-align:right;}
	
	.sub_title>ul>li>h2{color:#c5252a; font-size:48px;}
	.title_textbox{padding-top:50px; padding-bottom:30px; box-sizing:border-box;}
	.title_textbox>h6{color:#ddd;}
	
	.sub0101_mo{display:none;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.sub_title>ul>li{float:left;}
	.sub_title>ul>li:first-child{width:20%; text-align:center; margin-top:30px;}
	.sub_title>ul>li:last-child{width:80%; text-align:right;}
	
	.sub_title>ul>li>h2{color:#c5252a; font-size:48px;}
	.title_textbox{padding-top:50px; padding-bottom:30px; box-sizing:border-box;}
	.title_textbox>h6{color:#ddd;}
	
	.sub0101_mo{display:none;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	.sub_title>ul>li{float:left;}
	.sub_title>ul>li:first-child{width:20%; text-align:center; margin-top:30px;}
	.sub_title>ul>li:last-child{width:80%; text-align:right;}

	.sub_title>ul>li>h2{color:#c5252a; font-size:48px;}
	.title_textbox{padding-top:50px; padding-bottom:30px; box-sizing:border-box;}
	.title_textbox>h6{color:#ddd;}
	
	.sub0101_mo{display:none;}
}

@media screen and (max-width:859px) and (min-width:540px){
	/*.sub_title>ul>li>h2{display:none;}
	.title_textbox{padding-bottom:10px; box-sizing:border-box; text-align:center;}
	.title_textbox>h6{color:#c5252a;}*/
	
	.sub_title>ul>li{float:left;}
	.sub_title>ul>li:first-child{width:100%; text-align:center;}
	.sub_title>ul>li:last-child{display:none;}
	.sub_title>ul>li>h2{color:#c5252a; font-size:35px;}
	.sub0101_pc{display:none;}
	
	.sub_br{display:none;}
}

@media screen and (max-width:539px) and (min-width:420px){
	/*.sub_title>ul>li>h2{display:none;}
	.title_textbox{padding-bottom:10px; box-sizing:border-box; text-align:center;}
	.title_textbox>h6{color:#c5252a;}*/
	
	.sub_title>ul>li{float:left;}
	.sub_title>ul>li:first-child{width:100%; text-align:center;}
	.sub_title>ul>li:last-child{display:none;}
	.sub_title>ul>li>h2{color:#c5252a; font-size:35px;}
	.sub0101_pc{display:none;}
	.sub_br{display:none;}
}

@media screen and (max-width:419px){
	/*.sub_title>ul>li>h2{display:none;}
	.title_textbox{padding-bottom:10px; box-sizing:border-box; text-align:center;}
	.title_textbox>h6{color:#c5252a;}*/
	
	.sub_title>ul>li{float:left;}
	.sub_title>ul>li:first-child{width:100%; text-align:center;}
	.sub_title>ul>li:last-child{display:none;}
	.sub_title>ul>li>h2{color:#c5252a; font-size:35px;}
	.sub0101_pc{display:none;}
	.sub_br{display:none;}
}




/*history*/


.history_wrap{width:100%; padding:10px; box-sizing:border-box;}
.history_wrap>li>h4{position:relative;  color:#c5252a; font-size:48px; border-bottom:1px solid #ddd; padding-left:20px; box-sizing:border-box; line-height:110%;}
.history_wrap>li>h4:after{content:""; display:block; clear:both; position:absolute; bottom:0; left:0; width:12px; height:12px; background-color:#c5252a;}
.history_wrap>li>.history_text{padding:20px; box-sizing:border-box;}
.history_text>table{width:100%;}
.history_text>table>tbody>tr>td{height:25px;}
.history_text>table>tbody>tr>td:first-child{width:10%; font-size:14px; color:#222;}
.history_text>table>tbody>tr>td:last-child{width:90%; font-size:13px; color:#888;}

@media screen and (min-width:1400px){
	.history_text>table>tbody>tr>td:first-child{width:5%;}
	.history_text>table>tbody>tr>td:last-child{width:95%;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.history_text>table>tbody>tr>td:first-child{width:5%;}
	.history_text>table>tbody>tr>td:last-child{width:95%;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	.history_text>table>tbody>tr>td:first-child{width:5%;}
	.history_text>table>tbody>tr>td:last-child{width:95%;}
}

@media screen and (max-width:859px) and (min-width:540px){
	.history_text>table>tbody>tr>td:first-child{width:10%;}
	.history_text>table>tbody>tr>td:last-child{width:90%;}
}

@media screen and (max-width:539px) and (min-width:420px){
	.history_text>table>tbody>tr>td:first-child{width:10%;}
	.history_text>table>tbody>tr>td:last-child{width:90%;}
}

@media screen and (max-width:419px){
	.history_text>table>tbody>tr>td:first-child{width:10%;}
	.history_text>table>tbody>tr>td:last-child{width:90%;}
}




/*map*/
.map_back_sub{width:100%; max-width:1600px; margin:auto; background-color:#cc3333; padding:100px 10px 30px 10px; box-sizing:border-box;}
.map_back_sub>div{width:100%; max-width:1200px; margin:auto}
.map_back_sub>div>.map_img>img{display:block; width:100%;}

.map_textbox_sub{text-align:center;}
.online_btn_sub{text-align:center;}

.map_textbox_sub>h6{position:relative;  color:#fff; line-height:120%; margin-bottom:20px;}
.map_textbox_sub>h6:after{position:absolute; bottom:-10px; left:50%; margin-left:-100px; content:""; display:block; clear:both; width:200px; height:4px; border-radius:10px; background-color:#fff;}
.map_textbox_sub>p{ color:#fff; font-size:16px; margin-bottom:20px;}
.online_btn_sub>a{ display:inline-block; padding:8px 60px; box-sizing:border-box; font-size:16px; border:3px solid #fff; color:#fff; border-radius:50px; transition:all 0.3s;}
.online_btn_sub>a:hover{background-color:#fff; color:#cc3333;}


@media screen and (min-width:1400px){
	.map_textbox_sub>h6{font-size:40px;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.map_textbox_sub>h6{font-size:40px;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	.map_textbox_sub>h6{font-size:40px;}
}

@media screen and (max-width:859px) and (min-width:540px){
	.map_textbox_sub>h6{font-size:30px;}
}

@media screen and (max-width:539px) and (min-width:420px){
	.map_textbox_sub>h6{font-size:30px;}
}

@media screen and (max-width:419px){
	.map_textbox_sub>h6{font-size:30px;}
}



/*location*/

.location_mapbox{border-top:4px solid #c5252a; border-bottom:1px solid #ddd; margin:20px 0 30px 0;}
.location_mapbox>iframe{display:block; width:100%; height:400px;}

.location_tablewrap>h3{font-size:18px; margin-bottom:5px; color:#c5252a;}
.location_tablewrap>h3>span{font-size:18px; margin-bottom:5px; color:#333;}
.location_tablewrap>table{width:100%; border-top:1px solid #c5252a;}
.location_tablewrap>table>tbody>tr>td{height:50px; border-bottom:1px solid #ddd; color:#999; padding-left:20px; box-sizing:border-box;}
.location_tablewrap>table>tbody>tr>td:first-child{background-color:#f5f5f5; color:#222;}

.location_btn{width:100%; text-align:center; margin:30px 0;}
.location_btn>a{padding:8px 50px; box-sizing:border-box; border:3px solid #c5252a; border-radius:20px; color:#c5252a; transition:all 0.3s;}
.location_btn>a:hover{background-color:#c5252a; color:#fff;}