@import url("grid.css");
@import url("layout.css");
@import url("icon.css");
@import url("ie.css");
@import url("animate.css");
@import url("page.css");
@import url("navi_02.css");
@import url("kefu.css");
@import url("navi_01.css");


html {
	overflow-x: hidden;
}
.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}

body{
	overflow: hidden;
}

.header{ width:100%; background:none; position:fixed !important; z-index:999!important;}
.header .navbar{max-width: 1290px; margin: 0 auto;position: relative;padding: 0 10%;}
.header .navbar .pc_menu{
 width:100%;
 margin:0 auto;
 transition: all 0.3s 0s ease-in-out ;
 transition: all 0.2s linear -1ms;
 -webkit-transition: all 0.2s linear -1ms;
 -moz-transition: all 0.2s linear -1ms;
 -ms-transition: all 0.2s linear -1ms;
 -o-transition: all 0.2s linear -1ms;
}
.header .navbar .pc_menu .pc_logo{ height:100%;align-items:center; display: -webkit-flex;position: absolute;}
.header .navbar .pc_menu .pc_logo a { display:block; height:60%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}

.header .navbar .pc_menu .pc_menu_right{margin-right: 5%;}
.header .navbar .pc_menu .pc_menu_right>li{ float:left; margin-left:2.2%; margin-right:2.2%;}
.header .navbar .pc_menu .pc_menu_right>li .t{display:block;line-height:100px; font-size:15px; color:#666;position: relative;}
.header .navbar .pc_menu .pc_menu_right .active>a{ position: relative;}
.header .navbar .pc_menu .pc_menu_right>li .t::after{
	content: "";
	width: 0%;
	height: 2px;
	background: #540000;
	position: absolute;
	left: 0px;
	bottom: 25%;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
.header .navbar .pc_menu .pc_menu_right>li:hover .t{color: #540000;}
.header .navbar .pc_menu .pc_menu_right>li:hover .t::after{
	width: 100%;
	color: #540000;
}
.header .navbar .pc_menu .pc_menu_right .active>a::after{ 
	width: 100%;
}
.header .navbar .pc_menu .pc_menu_right>li.active .t{color: #540000;}



.header.pc_fixed{  transition: all 0.2s linear -1ms;box-shadow: 0 0 13px rgba(0, 0, 0, .13);}


.header-top{height: 48px;background: #540000;}
.header-top-container{display: flex;justify-content: space-between;align-items: center; max-width: 1290px;margin: 0 auto;height: 100%;padding: 0 10%;}
.header-top-container ul{display: flex;align-items: center;}
.header-top-container ul li{display: flex;align-items: center;}
.header-top-left ul li:nth-child(1){padding-right: 30px;}
.header-top-container ul p,.header-top-container ul a{display: inline-block; font-size: 14px;color: #fff;line-height: 14px;}
.header-top-container ul p img{display: inline-block;width: 20px;margin-right: 12px;}
.header-top-right ul li:nth-child(1){padding-right: 10px;margin-right: 10px;border-right: 1px solid #fff;}

@media(max-width:1500px){
	.header-top {height: 40px;}
	.header .navbar .pc_menu .pc_menu_right>li .t {display: block;line-height: 85px;font-size: 14px;}
	.header-top-container ul p,.header-top-container ul a{font-size: 13px;line-height: 13px;}
	.header-top-container ul p img{width: 18px;margin-right: 9px;}
}
@media(max-width:1400px){
	.header-top {height: 40px;}
	.header .navbar .pc_menu .pc_menu_right>li .t {display: block;line-height: 80px;font-size: 13px;}
	.header-top-container ul p,.header-top-container ul a{font-size: 12px;line-height: 12px;}
	.header-top-container ul p img{width: 14px;margin-right: 5px;}
	.header .navbar .pc_menu .pc_logo a {display: block;height: 55%;}
	.header-top-left ul li:nth-child(1) {padding-right: 20px;}
}
@media(max-width:1200px){
	.header .navbar,.header-top-container{padding: 0 5%;}
	.header .navbar .pc_menu .pc_logo a {display: block;height: 50%;}
	.header-top-left ul li:nth-child(1) {padding-right: 15px;}
	.header-top-right ul li:nth-child(1) {
		padding-right: 7px;
		margin-right: 7px;
	}
}
@media(max-width:960px){
	.header .navbar .pc_menu .pc_logo{width: calc(100% - 75px);height: 60px;}
	.header .navbar .pc_menu .pc_logo a {height: 60%;}
	.header-top-container ul p, .header-top-container ul a {letter-spacing: -0.03rem;}
}
@media(max-width:400px){
	.header-top-container .header-top-left ul{flex-wrap: wrap;}
	.header-top-container .header-top-left ul li{width: 100%;margin-bottom: 3px;}
	.header-top-container ul p, .header-top-container ul a {letter-spacing: 0.05rem;}
	.header-top-right{width: 75px;}
}




.part_one,.banner,.page_banner{width: 100%;margin-top: 148px;overflow: hidden;}
.banner img,.page_banner img{display: inline-block;width: 100%;}

@media(max-width:1500px){
	.part_one,.banner,.page_banner{margin-top: 125px;}
}
@media(max-width:1400px){
	.part_one,.banner,.page_banner{margin-top: 120px;}
}
@media(max-width:960px){
	.part_one,.banner,.page_banner{margin-top: 100px;}
}
@media(max-width:760px){
	.banner img,.page_banner img{
		width: 200%;
		margin-left: -20%;
	}
}


.footer{}
.footer-top{background: #540000;padding: 3.5% 0 4.5%;}
.footer-top-container{max-width: 1200px;margin: 0 auto;padding: 0 8%;display: flex;justify-content: space-between;}
.footer-top-left{display: inline-block;width: 50%;}
.footer-top-container ul{display: flex;justify-content: space-between;}
.footer-top-container ul>li>a{display: inline-block; color: #fff;font-size: 16px;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.footer-top-container ul>li>a:after{content: "";position: absolute;bottom: 0;left: 0;width: 20px;height: 1px;background: #fff;}
.footer-top-container ul>li ol li>a{display: inline-block; color: #fff;font-size: 14px;margin-bottom: 10px;}
.footer-top-right{text-align: center;padding-left: 5%;width: 45%;}
.footer-top-right ul{display: inline-block; text-align: left;}
.footer-bottom{background: #410000;padding: 15px 0;}
.footer-bottom-container{max-width: 1200px;margin: 0 auto;padding: 0 8%;}
.footer-bottom-container .copy{display: flex;align-items: center;justify-content: space-between;}
.footer-bottom-container .copy p,.footer-bottom-container .copy a{font-size: 14px;color: #fff;}

@media(max-width:1500px){
	.footer-top-container ul>li>a {font-size: 15px;}
	.footer-top-container ul>li ol li>a,.footer-bottom-container .copy p, .footer-bottom-container .copy a{font-size: 13px;}
}
@media(max-width:1200px){
	.footer-top-container ul>li>a {font-size: 14px;padding-bottom: 15px;padding-top: 15px;}
	.footer-top-container ul>li ol li>a,.footer-bottom-container .copy p, .footer-bottom-container .copy a{font-size: 12px;}
}
@media(max-width:960px){
	.footer-top-container,.footer-bottom-container{padding: 0 5%;}
	.footer-top-left{display: none}
	.footer-top-right{padding-left: 0;width: auto;}
	.footer-bottom-container .copy{flex-wrap: wrap;}
}




.index-title{text-align: center;margin-bottom: 40px;}
.index-title h1{font-size: 40px;color: #333;line-height: 40px;margin-bottom: 20px;}
.index-title p{font-size: 14px;color: #999;}

.index-more{text-align: center;}
.index-more a{text-align: center; width: 160px;line-height: 45px; display: inline-block; font-size: 15px; color: #fff; background: #540000; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

@media(max-width:1700px){
	.index-title h1{font-size: 38px;color: #333;line-height: 38px;}
}
@media(max-width:1600px){
	.index-title {margin-bottom: 35px;}
	.index-title h1{font-size: 36px;color: #333;line-height: 36px;margin-bottom: 18px;}
	.index-title p{font-size: 13px;}
	.index-more a {width: 140px;line-height: 40px;font-size: 14px;}
}
@media(max-width:1500px){
	.index-title {margin-bottom: 30px;}
	.index-title h1{font-size: 34px;color: #333;line-height: 34px;margin-bottom: 16px;}
}
@media(max-width:1400px){
	.index-title {margin-bottom: 25px;}
	.index-title h1{font-size: 30px;color: #333;line-height: 30px;margin-bottom: 16px;}
	.index-more a {width: 130px;line-height: 38px;font-size: 13px;}
}
@media(max-width:1300px){
	.index-title h1{font-size: 28px;color: #333;line-height: 28px;margin-bottom: 15px;}
}
@media(max-width:1200px){
	.index-title {margin-bottom: 20px;}
	.index-title h1{font-size: 26px;color: #333;line-height: 26px;margin-bottom: 12px;}
	.index-title p{font-size: 12px;}
	.index-more a {width: 120px;line-height: 35px;font-size: 12px;}
}
@media(max-width:960px){
	.index-title h1{font-size: 22px;color: #333;line-height: 22px;margin-bottom: 10px;}
}




.inside-nav{max-width: 1280px;margin: 2% auto 0;padding: 0 8%;}
.inside-nav ul{display: flex;align-items: center;justify-content: center;margin-bottom: 5%;flex-wrap: wrap;}
.inside-nav ul li{ margin: 0 1%; margin-top: 1.5%; padding: 12px 28px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.inside-nav ul li a{display: inline-block;font-size: 16px;color: #333;}
.inside-nav ul li.active{background: #540000;}
.inside-nav ul li.active a{color: #fff;}
.inside-nav ul li:hover{background: #540000;}
.inside-nav ul li:hover a{color: #fff;}

@media(max-width:1600px){
	.inside-nav ul li{ padding: 10px 25px; }
	.inside-nav ul li a{display: inline-block;font-size: 15px;}
}
@media(max-width:1400px){
	.inside-nav ul li{ padding: 8px 23px; }
	.inside-nav ul li a{display: inline-block;font-size: 14px;}
}
@media(max-width:1200px){
	.inside-nav{padding: 5% 5% 3%;}
	.inside-nav ul li{margin-top: 15px;}
	.inside-nav ul li a{display: inline-block;font-size: 13px;}
}
@media(max-width:960px){
	.inside-nav ul li a{display: inline-block;font-size: 12px;}
}
@media(max-width:760px){
	
}