/*rolling*/
.roll_banner{position:relative; width:100%; max-width:1600px; margin:auto;}
.roll_banner>.roll_ulwrap>ul{width:100%; max-width:1200px; margin:auto;}
.roll_banner>.roll_ulwrap>ul>li{margin:0.5%; border:1px solid #ddd; padding:15px; box-sizing:border-box;}
.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox{float:left; width:60%;}
.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{float:right; display:block; width:40%;}
.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>h5{font-size:24px; margin-bottom:30px;}
.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>p{font-size:16px;}
.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{padding:20px 0; box-sizing:border-box;}
.prev_btn,.next_btn{cursor:pointer;}




/*rolling_mo*/
.roll_banner_mo{position:relative; width:100%; max-width:1600px; margin:auto;}
.roll_banner_mo>.roll_ulwrap_mo>ul{width:100%; max-width:1200px; margin:auto;}
.roll_banner_mo>.roll_ulwrap_mo>ul>li{margin:0.5%; border:1px solid #ddd; border-left:0; border-right:none; padding:15px; box-sizing:border-box;}
.roll_banner_mo>.roll_ulwrap_mo>ul>li>a>.roll_textbox_mo>h5{font-size:24px; margin-bottom:30px;}
.roll_banner_mo>.roll_ulwrap_mo>ul>li>a>.roll_textbox_mo>p{font-size:16px;}
.roll_banner_mo>.roll_ulwrap_mo>ul>li>a>.roll_img_mo{padding:20px 0; box-sizing:border-box; display:block; width:100%; margin:auto;}
.prev_btn_mo,.next_btn_mo{cursor:pointer;}




@media screen and (min-width:1400px){
	.roll_banner>.roll_ulwrap>ul>li{float:left; width:49%; min-height:230px;}
	.prev_btn{position:absolute; top:50%; margin-top:-40px; left:0;}
	.next_btn{position:absolute; top:50%; margin-top:-40px; right:0;}
	.prev_btn_mo{display:none;}
	.next_btn_mo{display:none;}
	
	
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox{float:left; width:65%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{float:right; display:block; width:40%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>p{display: inline-block; width:85%;}
	
	/*2019.10.21 ADD by simon.L*/
	.roll_ulwrap .clearfix.NewBox {
		background-size:470px 325px;
		background-position:260px -30px;
		background-repeat:no-repeat;
	}
	.roll_ulwrap .clearfix.NewBox.AlignRight {
		background-size:470px 325px;
		background-position:-130px -40px;
		background-repeat:no-repeat;
	}
	
	.roll_banner>.roll_ulwrap>ul>li.clearfix.NewBox.AlignRight>a>.roll_textbox {
		float: right;
		text-align:right;
	}
	
	.roll_banner_mo{display:none;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.roll_banner>.roll_ulwrap>ul>li{float:left; width:49%; min-height:230px;}
	.prev_btn{display:none;}
	.next_btn{display:none;}
	.prev_btn_mo{display:none;}
	.next_btn_mo{display:none;}
	
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox{float:left; width:65%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{float:right; display:block; width:40%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>p{display: inline-block; width:85%;}
	
	/*2019.10.21 ADD by simon.L*/
	.roll_ulwrap .clearfix.NewBox {
		background-size:420px 290px;
		background-position:270px -10px;
		background-repeat:no-repeat;
	}
	.roll_ulwrap .clearfix.NewBox.AlignRight {
		background-size:444px 306px;
		background-position:-130px -30px;
		background-repeat:no-repeat;
	}
	
	.roll_banner>.roll_ulwrap>ul>li.clearfix.NewBox.AlignRight>a>.roll_textbox {
		float: right;
		text-align:right;
	}
	
	.roll_banner_mo{display:none;}
}

@media screen and (max-width:1049px) and (min-width:960px){
	.roll_banner>.roll_ulwrap>ul>li{float:left; width:49%; min-height:200px;}
	.prev_btn{display:none;}
	.next_btn{display:none;}
	.prev_btn_mo{display:none;}
	.next_btn_mo{display:none;}
	
	.roll_banner>.roll_ulwrap>ul>li{min-height:240px;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox{width:70%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{display:block; width:100%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>p{display: inline-block; width:65%;}
	
	
	/*2019.10.21 ADD by simon.L*/
	.roll_ulwrap .clearfix.NewBox {
		background-size:420px 290px;
		background-position:200px -30px;
		background-repeat:no-repeat;
	}
	.roll_ulwrap .clearfix.NewBox.AlignRight {
		background-size:444px 306px;
		background-position:-130px -50px;
		background-repeat:no-repeat;
	}
	
	.roll_banner>.roll_ulwrap>ul>li.clearfix.NewBox.AlignRight>a>.roll_textbox {
		float: right;
		text-align:right;
	}
	
	.roll_banner_mo{display:none;}
}

@media screen and (max-width:959px) and (min-width:840px){
	.roll_banner>.roll_ulwrap>ul>li{width:70%; margin:auto; margin-bottom:10px;}
	.prev_btn{position:absolute; top:50%; margin-top:-40px; left:0;}
	.next_btn{position:absolute; top:50%; margin-top:-40px; right:0;}
	.prev_btn_mo{display:none;}
	.next_btn_mo{display:none;}
	
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox{width:100%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{display:block; width:100%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>p{display: inline-block; width:55%;}
	
	
	/*2019.10.21 ADD by simon.L*/
	.roll_ulwrap .clearfix.NewBox {
		background-size:444px 306px;
		background-position:280px -65px;
		background-repeat:no-repeat;
	}
	.roll_ulwrap .clearfix.NewBox.AlignRight {
		background-size:444px 306px;
		background-position:-130px -50px;
		background-repeat:no-repeat;
	}
	
	.roll_banner>.roll_ulwrap>ul>li.clearfix.NewBox.AlignRight>a>.roll_textbox {
		float: right;
		text-align:right;
	}
	
	.roll_banner_mo{display:none;}
}


@media screen and (max-width:859px) and (min-width:740px){
	.roll_banner>.roll_ulwrap>ul>li{width:70%; margin:auto; margin-bottom:10px;}
	.prev_btn{position:absolute; top:50%; margin-top:-40px; left:0;}
	.next_btn{position:absolute; top:50%; margin-top:-40px; right:0;}
	.prev_btn_mo{display:none;}
	.next_btn_mo{display:none;}
	
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox{width:100%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_img{display:block; width:100%;}
	.roll_banner>.roll_ulwrap>ul>li>a>.roll_textbox>p{display: inline-block; width:55%;}
	
	
	/*2019.10.21 ADD by simon.L*/
	.roll_ulwrap .clearfix.NewBox {
		background-size:444px 306px;
		background-position:240px -65px;
		background-repeat:no-repeat;
	}
	.roll_ulwrap .clearfix.NewBox.AlignRight {
		background-size:444px 306px;
		background-position:-130px -50px;
		background-repeat:no-repeat;
	}
	
	.roll_banner>.roll_ulwrap>ul>li.clearfix.NewBox.AlignRight>a>.roll_textbox {
		float: right;
		text-align:right;
	}
	
	.roll_banner_mo{display:none;}
}

@media screen and (max-width:739px) and (min-width:420px){
	.roll_banner_mo>.roll_ulwrap_mo>ul>li{width:99%;}
	.prev_btn_mo{position:absolute; top:50%; margin-top:-40px; left:0;}
	.next_btn_mo{position:absolute; top:50%; margin-top:-40px; right:0;}
	.prev_btn{display:none;}
	.next_btn{display:none;}
	
	.roll_banner_mo>.roll_ulwrap_mo>ul>li>a>.roll_textbox_mo{width:100%;}
	
	.roll_banner{display:none;}
}

@media screen and (max-width:419px){
	.roll_banner_mo>.roll_ulwrap_mo>ul>li{width:99%;}
	.prev_btn_mo{position:absolute; top:50%; margin-top:-40px; left:0;}
	.next_btn_mo{position:absolute; top:50%; margin-top:-40px; right:0;}
	.prev_btn{display:none;}
	.next_btn{display:none;}
	
	
	.roll_banner_mo>.roll_ulwrap_mo>ul>li>a>.roll_textbox_mo{width:100%;}
		
	.roll_banner{display:none;}
}




/*download*/

.download_back{width:100%; max-width:1600px; margin:auto; background:url(../img/download_bg.jpg); background-repeat:no-repeat; background-size:cover; padding:100px 0; box-sizing:border-box;}
.download_back>div>h6{font-size:30px; color:#fff; margin-bottom:10px;}
.download_btns>a{display:inline-block; margin-bottom:10px; padding:8px 35px; box-sizing:border-box; border:3px solid #fff; color:#fff; border-radius:50px; transition:all 0.3s;}
.download_btns>a:hover{border:3px solid #c5252a; background-color:#c5252a;}

@media screen and (min-width:1400px){
	.download_wrap{float:right; width:50%;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.download_wrap{float:right; width:50%;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	.download_wrap{width:100%; text-align:center;}
}

@media screen and (max-width:859px) and (min-width:540px){
	.download_wrap{width:100%; text-align:center;}
}

@media screen and (max-width:539px) and (min-width:420px){
	.download_wrap{width:100%; text-align:center;}
}

@media screen and (max-width:419px){
	.download_wrap{width:100%; text-align:center;}
}



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

.map_textbox>h6{position:relative; color:#fff; line-height:120%; margin-bottom:20px;}
.map_textbox>h6:after{position:absolute; bottom:-10px; left:0; content:""; display:block; clear:both; width:200px; height:4px; border-radius:10px; background-color:#fff;}
.map_textbox>p{color:#fff; font-size:16px; margin-bottom:20px;}
.online_btn>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>a:hover{background-color:#fff; color:#cc3333;}


@media screen and (min-width:1400px){
	.map_textbox{float:left; width:80%; padding-left:15px; box-sizing:border-box;}
	.online_btn{float:right; width:20%; margin-top:20px; padding-left:15px; box-sizing:border-box;}
	
	.map_textbox>h6{font-size:50px;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.map_textbox{float:left; width:80%; padding-left:15px; box-sizing:border-box;}
	.online_btn{float:right; width:20%; margin-top:20px; padding-left:15px; box-sizing:border-box;}
	
	.map_textbox>h6{font-size:50px;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	.map_textbox{float:left; width:70%; padding-left:15px; box-sizing:border-box;}
	.online_btn{float:right; width:30%; margin-top:20px; padding-left:15px; box-sizing:border-box;}
	
	.map_textbox>h6{font-size:50px;}
}

@media screen and (max-width:859px) and (min-width:540px){
	.map_textbox{width:100%; padding-left:15px; box-sizing:border-box;}
	.online_btn{width:100%; margin-top:20px; padding-left:15px; box-sizing:border-box;}
	
	.map_textbox>h6{font-size:40px;}
}

@media screen and (max-width:539px) and (min-width:420px){
	.map_textbox{width:100%; padding-left:15px; box-sizing:border-box;}
	.online_btn{width:100%; margin-top:20px; padding-left:15px; box-sizing:border-box;}
	
	.map_textbox>h6{font-size:30px;}
}

@media screen and (max-width:419px){
	.map_textbox{width:100%; padding-left:15px; box-sizing:border-box;}
	.online_btn{width:100%; margin-top:20px; padding-left:15px; box-sizing:border-box;}
	
	.map_textbox>h6{font-size:30px;}
}



/*sitemap*/
.sitemap_wrap{width:100%; max-width:1200px; margin:auto; padding:40px 0; box-sizing:border-box; border-top:1px solid #eee;}
.sitemap_box>h6{font-family:"Quicksand-Bold"; font-size:23px; color:#c5252a; margin-bottom:10px;}

.sitemap_box>div{width:100%; max-width:1200px; padding-bottom:30px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.sitemap_box>div>a{display:inline-block; width:24.5%; margin-bottom:5px; vertical-align:top;}
.sitemap_box>div>a>h5{font-family:"Quicksand-Bold"; font-size:15px; color:#444; line-height:120%;}

.sitemap_box>ul{padding:0 15px 10px 15px; box-sizing:border-box; border-bottom:1px dotted #ddd;}
.sitemap_box>ul>li>h5{font-family:"Quicksand-Bold"; font-size:16px; color:#c5252a; line-height:120%; margin:10px 0 5px 0;}
.sitemap_box>ul>li>a{display:block; font-family:"Quicksand-Bold"; font-size:13px; color:#555;}

.sitemap_box2{padding:10px 15px 0 15px; box-sizing:border-box;}
.sitemap_box2>ul>li>h5{font-family:"Quicksand-Medium"; font-size:15px; color:#444; line-height:120%; margin:15px 0 5px 0;}
.sitemap_box2>ul>li>a{display:block; font-family:"Quicksand-Medium"; font-size:13px; color:#888;}


.sitemap_wrap_mo>ul>li>a{display:block; width:100%; text-align:left; padding-left:20px; box-sizing:border-box; background-color:#f3f3f3; border-bottom:1px dotted #ddd;}
.sitemap_wrap_mo>ul>li>a>h5{font-family:"Quicksand-Bold"; font-size:14px; height:50px; line-height:50px; color:#c5252a;}
.sitemap_wrap_mo>ul>li>a>h5:after{content:">"; display:block; clear:both; float:right; padding-right:20px; box-sizing:border-box; color:#222;}



/* 2019.10.21 ADD by simon.L */
.sitemap {padding: 10px 15px 10px 15px;box-sizing: border-box;overflow:hidden;border-bottom:1px solid #DDD;}
h6 {font-family: "Quicksand-Bold"; font-size: 18px; color: #c5252a; margin-bottom:20px;}

.sitemap .D1MenuSet{margin-bottom:10px; min-width:200px;}
.sitemap .D1MenuSet > a {font-family: "Quicksand-Bold"; font-size: 15px; color: #c5252a;}
.sitemap .D2MenuSet a {display: block; font-family: "Quicksand-Medium"; font-size: 13px; color: #888;}

#columns{width:100%; column-width:240px;}
#columns figure{display: inline-block; vertical-align:top;}


@media screen and (min-width:1400px){
	.sitemap_box>ul>li{float:left; width:25%;}
	.sitemap_box2>ul>li{float:left; width:25%;}
}

@media screen and (max-width:1399px) and (min-width:1050px){
	.sitemap_box>ul>li{float:left; width:25%;}
	.sitemap_box2>ul>li{float:left; width:25%;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	.sitemap_box>ul>li{float:left; width:25%;}
	.sitemap_box2>ul>li{float:left; width:25%;}
}

@media screen and (max-width:859px) and (min-width:540px){
	.sitemap_box>ul>li{float:left; width:50%; min-height:280px;}
	.sitemap_box2>ul>li{float:left; width:50%;}
}

@media screen and (max-width:539px) and (min-width:420px){
	.sitemap_box>ul>li{float:left; width:50%; min-height:280px;}
	.sitemap_box2>ul>li{float:left; width:50%;}
	.D2MenuSet{display:none;}
	
}

@media screen and (max-width:419px){
	.sitemap_box>ul>li{width:100%;}
	.sitemap_box2>ul>li{width:100%;}
	.D2MenuSet{display:none;}
}



/*footer*/

footer{width:100%; background-color:#333;}
footer>div{padding:30px 20px; box-sizing:border-box;}
footer>div>.info>p{font-size:12px; color:#fff;}
footer>div>.info>h7{font-size:30px; color:#fff;}
.footer_ban{margin-top:5px;}
.footer_ban>img{display:inline-block; margin-right:5px;}
.footer_banner>img{display:block; width:100%; max-width:490px;}


@media screen and (min-width:1200px){
	footer>div>.info{float:left; width:50%;}
	.footer_banner{float:right;}
	.br_footer{display:none;}
}

@media screen and (max-width:1199px) and (min-width:1050px){
	footer>div>.info{float:left; width:50%;}
	.footer_banner{float:right;}
	.br_footer{display:none;}
}

@media screen and (max-width:1049px) and (min-width:860px){
	footer>div>.info{float:left; width:60%;}
	.footer_banner{float:right; width:40%;}
	.br_footer{display:none;}
}

@media screen and (max-width:859px) and (min-width:540px){
	footer>div>.info{width:100%;}
	.footer_banner{width:100%; margin-top:20px;}
	.br_footer{display:none;}
}

@media screen and (max-width:539px) and (min-width:420px){
	footer>div>.info{width:100%;}
	.footer_banner{width:100%; margin-top:20px;}
}

@media screen and (max-width:419px){
	footer>div>.info{width:100%;}
	.footer_banner{width:100%; margin-top:20px;}
}