@import url("grid.css");
@import url("layout1.css");
@import url("icon.css");
@import url("ie.css");
@import url("animate.css");
@import url("page1.css");
@import url("navi_021.css");
@import url("kefu1.css");
@import url("navi_011.css");


html {
	overflow-x: hidden;
}

html{
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}
html::-webkit-scrollbar {
    display: none; 
}

.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}

body{
	overflow: hidden;
}

.header{ width:100%; background:#fff; position:fixed !important; z-index:999!important;}
.header .navbar{margin: 0 auto;background: #f0f0f0;position: relative;}
.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_menu_right{}
.header .navbar .pc_menu .pc_menu_right>li{ float:left; margin-left:2.5%; margin-right:2.5%;}
.header .navbar .pc_menu .pc_menu_right>li .t{display:block;line-height:50px; font-size:14px; 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: 0%;
	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 .navbar .pc_logo{display: none;}


.header-top{ height: 80px; background: #fff; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; }
.header-top-container{display: flex;justify-content: space-between;margin: 0 auto;padding: 10px 2%;}
.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: #999;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 #999 ;}
.header-top .pc_logo{position: absolute;left: calc(50% - 105px);top: 10px;}
.header-top .pc_logo a{display: block;margin-top: 10px;}
.header-top .pc_logo a img{display: block;width: 210px;}
.header-top a:hover{color: #540000 !important;}


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

@media(max-width:1600px){
	.header-top-container ul p, .header-top-container ul a{font-size: 13px;}
	.header-top-container ul p img{width: 18px;margin-right: 10px;}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 13px;}
	.pc_logo a img {width: 190px;}
	.pc_logo{position: absolute;left: calc(50% - 95px);}
}
@media(max-width:1400px){
	.header-top-container ul p, .header-top-container ul a{font-size: 12px;}
	.header-top-container ul p img{width: 16px;margin-right: 8px;}
	.header .navbar .pc_menu .pc_menu_right>li .t{font-size: 12px;}
	.header-top{ height: 70px;}
	.pc_logo a {margin-top: 5px;}
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 40px;}
}
@media(max-width:1200px){
	.pc_logo a img {width: 170px;}
	.pc_logo{position: absolute;left: calc(50% - 85px);}
}
@media(max-width:960px){
	.header{
		height: 90px;
	}
	.pc_logo{position: static;}
	.header-top .pc_logo{display: none;}
	.header-top{height: 40px;}
	.header .navbar{position: static;}
	.header .navbar .pc_logo{display: block;}
	.header-top-container{align-items: center;height: 100%;padding: 0 2%;}
	.header .navbar{background: none;padding: 0 3%;}
	.header.pc_fixed .header-top{height: 40px;opacity: 1;}
	.header-top-left ul li:nth-child(1){padding-right: 15px;}
	.header-top-container ul p, .header-top-container ul a{letter-spacing: -0.05rem;}
}



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


@media(max-width:1400px){
	.part_one,.banner,.page_banner{margin-top: 110px;}
}
@media(max-width:960px){
	.part_one,.banner,.page_banner{margin-top: 90px;}
}
@media(max-width:760px){
	.banner img,.page_banner img{
		width: 250%;
		margin-left: -72%;
	}
}




.footer{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.footer-left{background: #f6f6f6;width: 38%;padding-left: 5%;padding-bottom: 5%;}
.footer ul{display: flex;flex-wrap: wrap;}
.footer-left .footer-left-content{max-width: 450px;margin: 0 auto;padding: 70px 6% 45px;}
.footer ul>li>a,.footer ul>a{font-size: 16px;color: #572424;font-weight: bold;display: block;margin-bottom: 30px;width: 100%;}
.footer ul ol li {display: flex;justify-content: space-between;}
.footer ul ol li a{font-size: 14px;line-height: 36px;color: #666;display: inline-block;}
.footer ul ol li span{font-size: 14px;line-height: 36px;color: #666;display: inline-block;text-align: right;}
.footer .footer-left  ul ol li p{display: flex;justify-content: space-between;width: 100%;}
.footer .footer-left  ul ol li a{width: calc(100% - 55px);}
.footer .footer-left  ul ol li span{width: 50px;}
.footer-right{background: #eeeeee;width: 49%;padding-right: 8%;}
.footer-right .footer-right-content{max-width: 790px;margin: 0 auto;padding: 70px 6% 45px;display: flex;justify-content: space-between;}
.footer .footer-right  ul>li ol{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .footer-right  ul>li ol li{display: block;width: 47.5%;}
.footer .footer-right  ul>li ol li a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer-right-box01{width: 50%;}
.footer-right-box02{width: 50%;}
.footer-right-box02 ul {justify-content: flex-end;}
.footer-right-box02>ul:nth-child(1) li:nth-child(2){margin-left: 15%;}
.footer .footer-right ul>li ol li{margin-bottom: 8px;border: 1px solid transparent;box-sizing: border-box;}
.footer .footer-right ul>li ol li:hover{border-bottom: 1px solid #d89533;}
.footer-share{margin-top: 20%;}
.footer-share ul li{margin: 0 6px;}
.footer-share ul li a img{ display: inline-block; width: 30px; }
.footer-share ul li a img:nth-child(2){display: none;}
.footer-share ul li a:hover img:nth-child(2){display: block;}
.footer-share ul li a:hover img:nth-child(1){display: none;}
.footer .footer-share ul>li>a{margin-bottom: 0;}
.copy{display: flex;justify-content: space-between;position: absolute;bottom: 10%;width: 100%;left: 0;}
.copy p,.copy a{font-size: 12px;color: #999;}
.copy .copy-left{width: 38%;padding-left: 5%;}
.copy .copy-left p{max-width: 450px;margin: 0 auto;padding: 0px 6%;}
.copy .copy-right{width: 49%;padding-right: 8%;text-align: right;}
.copy .copy-right p{padding: 0 6%;}

.footer a:hover{color: #d89533 !important;}

@media(max-width:1600px){
	.footer ul>li>a,.footer ul>a{font-size: 15px;margin-bottom: 28px;}
	.footer ul ol li a,.footer ul ol li span{font-size: 13px;line-height: 32px;}
	.footer-share ul li a img{width: 28px;}
}
@media(max-width:1500px){
	.footer-share ul li a img{width: 26px;}
}
@media(max-width:1400px){
	.footer ul>li>a,.footer ul>a{font-size: 14px;margin-bottom: 25px;}
	.footer-share ul li a img{width: 24px;}
	.footer ul ol li a,.footer ul ol li span{font-size: 12px;line-height: 28px;}
	.footer .footer-right ul>li ol li{margin-bottom: 5px;}
	.footer-left .footer-left-content{padding-top: 50px;}
	.footer-right .footer-right-content{padding-top: 50px;}
}
@media(max-width:1300px){
	.footer ul>li>a,.footer ul>a{font-size: 14px;margin-bottom: 20px;}
}
@media(max-width:1200px){
	.footer ul>li>a,.footer ul>a{font-size: 13px;margin-bottom: 18px;}
	.footer-left{width: 41%;}
	.footer-right{width: 53%;}
	.footer-left,.copy .copy-left{padding-left: 3%;}
	.footer-right,.copy .copy-right{padding-right: 3%;}
}
@media(max-width:960px){
	.footer-left{width: 100%;padding: 0 !important;}
	.footer-right{width: 100%; padding: 0 !important;}
	.footer-left .footer-left-content,.footer-right .footer-right-content{padding: 30px 3% !important;}
	.copy{position: static;}
	.copy .copy-left{width: 60%;}
	.copy .copy-right{width: 38%;}
}
@media(max-width:760px){
	.footer-right-box01{display: none;}
	.footer-right-box02{width: 100%;}
	.footer-right-box02 ul{justify-content: flex-start;}
	.footer-share{margin-top: 10px;}
}





.inside-nav{padding: 0 6%;margin-top: -5%;position: relative;z-index: 10;}
.inside-nav-container{max-width: 1280px;margin: 0 auto; padding: 2.5% 3%;background: #fff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.inside-left{width: 440px;}
.inside-left p{display: flex;align-items: center;font-size: 14px;color: #999;}
.inside-left img{display: inline-block;width: 11px;margin-right: 8px;}
.inside-left p a{color: #999;}
.inside-left p a:last-child{color: #572424;}
.inside-right{width: calc(100% - 440px);}
.inside-right ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.inside-right ul li{margin-left: 3%;margin-bottom: 3.5%;}
.inside-right ul li a{font-size: 14px;color: #666;position: relative;padding-bottom: 6px;}
.inside-right ul li a:after{ content: ""; width: 0%; height: 1px; background: #572424; position: absolute; left: 0; bottom: 0px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.inside-right ul li a:hover{color: #572424;}
.inside-right ul li:hover a:after{width: 100%;}
.inside-right ul li.active a{color: #572424;}
.inside-right ul li.active a:after{width: 100%;}
.inside-left a:hover{color: #572424 !important;}
@media(max-width:1600px){
	.inside-right ul li a{font-size: 13px;}
	.inside-left p{font-size: 13px;}
}
@media(max-width:1400px){
	
}
@media(max-width:1200px){
	.inside-nav{padding: 0 3%;}
}
@media(max-width:960px){
	.inside-left{width: 100%;margin-bottom: 20px;}
	.inside-right{width: 100%;}
	.inside-left p{font-size: 12px;line-height: 16px;}
	.inside-left img{width: 8px;}
	.inside-right ul {justify-content: flex-start;}
	.inside-right ul li{width: 23.5%;margin-right: 2%;margin-left: 0;}
	.inside-right ul li:nth-child(4n){margin-right: 0;}
	.inside-right ul li a{font-size: 12px;}
}
@media(max-width:760px){
	.inside-right ul li{width: 28%;margin-right: 8%;margin-left: 0;margin-bottom: 20px;}
	.inside-right ul li:nth-child(4n){margin-right: 8%;}
	.inside-right ul li:nth-child(3n){margin-right: 0;}
}



.row-arrow .owl-nav .owl-prev,.row-arrow .owl-nav .owl-next{
    width: 15px;height: 26px;position: absolute;top: 44.5%;background: url(../image/about-arrow.png) no-repeat;background-size: 100% 100%;}
.row-arrow .owl-nav .owl-prev{left: -3.5%;}
.row-arrow .owl-nav .owl-next{ right: -3.5%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.row-arrow .owl-nav .owl-prev:hover{
background: url(../image/about-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.row-arrow .owl-nav .owl-next:hover{
background: url(../image/about-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}