@charset "utf-8";
* html .clearfix { zoom: 1; }
*+html .clearfix { zoom: 1; }
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
a{cursor: pointer;}
body { color: #000; font-size: 16px; line-height: 1.5; text-size-adjust: none; -webkit-text-size-adjust: none; background-color: #fff; min-height: 1200px; }
#container { padding-top: 100px; overflow: hidden; }
#main img { max-width: 100%; }

.wrap{ max-width: 1600px; margin:0 auto; }
.fl{ float:left;}
.fr{ float:right;}
@font-face
{
font-family:Fontsstyle;
src: url('font/FETTE-ENGSCHRIFT.ttf'),
     url('font/FETTE-ENGSCHRIFT.eot'),
	 url('font/FETTE-ENGSCHRIFT.svg'),
	 url('font/FETTE-ENGSCHRIFT.woff');
}
.bannerBox .banner.active:before { top: 0; opacity: 1; }
.index_banner { width: 100%; height: calc(100vh - 100px); }
.index_banner iframe { display: block;}
/*------------------------------------------------------------
	header
------------------------------------------------------------*/
#header { width: 100%; height: 99px; position: fixed; left: 0; top: 0; z-index: 1000; border-bottom: 1px solid #E3E3E3; background: #fff; }
#header.active { height: 61px; }
#header .hInner { padding: 16px 60px 0 50px; }
#header .hInner img.mylogo { height:70px;}
#header .hInner .logo_img{width:246px!important;}
#header.active .hInner { padding: 5px 60px 0 50px; }
#header .hInner .rBox { margin-top: 10px; width: 970px; float: right; }
#header.active .hInner .rBox { margin-top: 0; width: 620px; }
#header .searchBox { padding-right: 86px; float: right; position: relative; }
#header.active .searchBox { padding-right: 40px; }
#header .searchBox:before { width: 1px; height: 35px; position: absolute; left: -41px; top: 2px; background: #DFDFDF; content: ""; }
#header.active .searchBox:before { display: none; }
#header .searchBox .tel { padding-right: 38px; float: left; color: #000; font-size: 14px; line-height: 1.2; text-align: right; transition: all 0.3s; -webkit-transition: all 0.3s;}
#header .searchBox .tel{ background: url(../images/common/h_tel.png) no-repeat right top; }
#header.active .searchBox .tel { display: none; }
#header .searchBox .tel span { display: block; font-size: 24px; font-weight: bold; }
#header .searchBox.active .tel { visibility: hidden; opacity: 0; }
#header .searchBox .search { width: 40px; position: absolute; right: 0; top: 3px; border-radius: 20px; background: #008ee6; transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; }
#header.active .searchBox .search { top: 5px; background: none; }
#header .searchBox.active .search { width: 270px; background: #008ee6 !important; color:#eee;}
#header .searchBox .search input { padding: 0 40px 0 20px; width: 100%; height: 40px; color: #000; font-size: 14px; line-height: 40px; border: none; border-radius: 0; box-sizing: border-box; background: none; }
#header .searchBox .search a { display: block; position: absolute; right: 0; top: 0; }
.menu { display: none; }

#gNavi { margin-top: 13px; float: left; transition: all 0.3s; -webkit-transition: all 0.3s; }
#header.active #gNavi.active { visibility: hidden; opacity: 0; }
#gNavi > li { margin-right: 41px; float: left; }
#gNavi > li:last-child { margin-right: 0; }
#gNavi > li > a { height: 61px; display: block; position: relative; color: #666; font-size: 16px; overflow: hidden; }
#gNavi > li > a s{ display: block; position: absolute; width: 100%;height: 99%;top: 0;left: 0; background: #fff; transition: all 0.7s ; -webkit-transition: all 0.7s ; }
#gNavi.act > li > a s{ left: 100%; }
#header.active #gNavi > li > a { height: 44px;}
#gNavi > li > a:before {
	width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%);
	-webkit-transform: translateX(-50%); background: #000; content: ""; transition: all 0.3s; -webkit-transition: all 0.3s;
}
#gNavi > li:hover > a:before { width: 100%;}
#gNavi li div { width: 100%; position: absolute; left: 0; top: 100%; display: none; overflow: hidden; zoom: 1; box-shadow: 0 4px 2px rgba(197,197,195,0.1); border-top: 1px solid #E3E3E3; background-color: #fff;}
#gNavi li ul { width: 950px; float: right; }
#gNavi > li:nth-child(5) ul { box-sizing: border-box; width: 970px; }
#gNavi > li:nth-child(6) ul { box-sizing: border-box; width: 755px; }
#header.active #gNavi li ul { width: 672px; }
#gNavi li li { margin-right: 45px; float: left; }
#gNavi li li a { display: block; color: #999; font-size: 13px; line-height: 58px; }
#gNavi li li a:hover { color: #000; }
#gNavi > li.act > a{font-weight: bold;}
.sp { display: none !important;}
.menuBox,.btmBox,.padShow { display: none;}

@-webkit-keyframes linemove {
0%, 48%, 56% { -webkit-transition-timing-function: cubic-bezier(0, 0.29, 0.36, 0.98); }
0% { -webkit-transform: scaleX(1) translate3d(-100%, 0, 0); opacity: 1; }
1% { -webkit-transform: scaleX(1) translate3d(-40%, 0, 0); opacity: 1; }
58% { -webkit-transform: scaleX(0.54) translate3d(76%, 0, 0); opacity: 0.5; }
66% { -webkit-transform: scaleX(0.56) translate3d(80%, 0, 0); }
100% { -webkit-transform: translate3d(118%, 0, 0) scaleX(0.59); -webkit-transition-timing-function: cubic-bezier(0.46, 0.2, 0.5, 0.86); -webkit-transform-origin: right; opacity: 0.3;}
}
@keyframes linemove {
0%, 48%, 56% { transition-timing-function: cubic-bezier(0, 0.29, 0.36, 0.98); }
0% { transform: scaleX(1) translate3d(-100%, 0, 0); opacity: 1; }
1% { transform: scaleX(1) translate3d(-40%, 0, 0); opacity: 1;  }
58% { transform: scaleX(0.54) translate3d(76%, 0, 0); opacity: 0.5;}
66% { transform: scaleX(0.56) translate3d(80%, 0, 0);}
100% { transform: translate3d(118%, 0, 0) scaleX(0.59); transition-timing-function: cubic-bezier(0.46, 0.2, 0.5, 0.86); transform-origin: right; opacity: 0.3; }
}

@media all and (min-width: 1201px) and (max-width: 1600px) {
#gNavi > li:nth-child(4) ul { padding-left: 165px; }
#header .hInner .rBox { width: 870px; }
#header.active .hInner .rBox { width: 540px; }
#gNavi li ul { width: 870px; }
#gNavi > li:nth-child(5) ul{ width: 890px;}
#gNavi > li:nth-child(6) ul{ width: 730px;}
#header.active #gNavi li ul { width: 593px; }
#gNavi > li { margin-right: 25px; }
#gNavi li li { margin-right: 29px; }
#header .searchBox:before { left: -35px; }
}
@media all and (min-width: 1321px) and (max-width: 1450px) {
#header .hInner { padding: 16px 100px 0 ; }
#header .searchBox{padding-right: 60px;}
#header .hInner .rBox{width: 850px;}
}

@media all and (min-width: 1201px) and (max-width: 1320px) 
{
#header .hInner .rBox { width: 850px; }
#gNavi li ul { width: 850px; }
#gNavi > li:nth-child(6) ul{width: 685px;}
#header .hInner { padding: 16px 100px 0 ; }
#header .searchBox{padding-right: 60px;}
#header .hInner .rBox{width: 760px;}
#gNavi > li:nth-child(1){display: none;}
#gNavi > li{margin-right: 20px;}
}
@media all and (min-width: 768px) and (max-width: 1200px) {
.menuBox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; overflow-y: auto; z-index: 9999; background: rgba(0,0,0,0.9); -webkit-overflow-scrolling: touch; }
.menuBox .close { position: absolute; right: 64px; top: 28px; }
.menuBox .close a { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; }
.menuBox .close a:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.menuBox .close img { width: 50px; }
.menuBox ul { margin: 99px 0 65px; }
.menuBox li { margin-bottom: 19px; text-align: center; }
.menuBox li a { padding-bottom: 10px; display: inline-block; position: relative; color: #fff; font-size: 24px; }
.menuBox li a:before {
width: 0; height: 2px; position: absolute; left: 50%; top: 100%; 
transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s; -webkit-transition: all 0.3s; background: #fff; content: "";
}
.menuBox li a:hover:before { width: 100%; }
.menuBox .tel {
margin: 0 auto 41px; padding-right: 60px; width: 300px; color: #fff; font-size: 21px; line-height: 1.35; text-align: right; box-sizing: border-box;
background: url(../images/common/sp_tel.png) no-repeat right center; background-size: 40px auto;
}
.menuBox .tel span { display: block; font-size: 35px; font-weight: bold; }
.menuBox .search { margin: 0 auto 80px; width: 90%; max-width: 620px; position: relative; border-radius: 40px; background: #FFE400; }
.menuBox .search a { width: 70px; position: absolute; right: 6px; top: 0; }
.menuBox .search a img { width: 100%; }
.menuBox .search input { padding: 0 80px 0 40px; width: 100%; height: 72px; color: #000; font-size: 20px; line-height: 72px; border: none; border-radius: 0; box-sizing: border-box; background: none; }
#header .rBox { display: none; }
#header .menu { position: absolute; right: 60px; top: 27px; display: block; }
#header .menu a { width: 58px; height: 49px; display: block; }
#header .menu span { width: 58px; height: 6px; display: block; position: absolute; left: 0; top: 0; background: #000; transition: all 0.3s; -webkit-transition: all 0.3s; }
#header .menu span:nth-child(2) { top: 22px; }
#header .menu span:nth-child(3) { width: 29px; top: 43px; }
#header .menu a:hover span { width: 20px; }
#header .menu a:hover span:nth-child(2) { width: 39px; }
#header .menu a:hover span:nth-child(3) { width: 58px; }
}
@media all and (min-width: 0px) and (max-width: 767px) {
.a_dw{position: relative;top: -52px;}
.pc { display: none !important; }
.sp { display: block !important; }
#container { padding-top: 52px; overflow: hidden; }
.menuBox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; overflow-y: auto; z-index: 9999; background: rgba(0,0,0,0.9); -webkit-overflow-scrolling: touch; }
.menuBox .close { width: 24px; position: absolute; right: 20px; top: 14px; }
.menuBox .close a { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; }
.menuBox .close a:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.menuBox ul { margin: 99px 0 65px; }
.menuBox li { margin-bottom: 19px; text-align: center; }
.menuBox li a { padding-bottom: 10px; display: inline-block; position: relative; color: #fff; font-size: 18px; }
.menuBox li a:before { display: none; width: 0; height: 2px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s; -webkit-transition: all 0.3s; background: #fff; content: ""; }
.menuBox li a:hover:before { width: 100%; }
.menuBox .tel { margin: 0 auto 26px; padding-right: 30px; width: 152px; color: #fff; font-size: 11px; text-align: right; box-sizing: border-box;}
.menuBox .tel { background: url(../images/common/sp_tel.png) no-repeat right center; background-size: 20px auto; }
.menuBox .tel span { display: block; font-size: 17px; font-weight: bold; }
.menuBox .search { margin: 0 auto 80px; width: 90%; max-width: 310px; position: relative; border-radius: 20px; background: #FFE400; }
.menuBox .search a { width: 35px; position: absolute; right: 3px; top: 0; }
.menuBox .search input { padding: 0 40px 0 20px; width: 100%; height: 38px; color: #000; font-size: 14px; line-height: 38px; border: none; border-radius: 0; box-sizing: border-box; background: none; }
#header { height: 51px; }
#header .hInner { padding: 10px 20px; }
#header .rBox { display: none; }
#header .menu { margin-top: 8px; width: 20px; float: right; display: block; }
#header .menu a { width: 20px; height: 17px; display: block; position: relative; }
#header .menu span { width: 20px; height: 2px; display: block; position: absolute; left: 0; top: 0; background: #000; transition: all 0.3s; -webkit-transition: all 0.3s; }
#header .menu span:nth-child(2) { top: 7px; }
#header .menu span:nth-child(3) { width: 10px; top: 15px; }
#header .menu a:hover span { width: 7px; }
#header .menu a:hover span:nth-child(2) { width: 14px; }
#header .menu a:hover span:nth-child(3) { width: 20px; }
#header div a  img { width: auto !important; height:36px !important;}
.pc { display: none !important; opacity: 0; visibility: hidden; }
.btmBox { position: fixed; width: 100%; display: block; left: 0; bottom: 0; z-index: 9000; background: #FE5A09; }
.btmBox li { width: 33.33%; float: left; }
.btmBox li a img { margin: 0 auto; width: auto; height: 23px; display: block; }
.btmBox li a { display: block; padding: 7px 0; color: #fff; font-size: 12px; text-align: center; }
}

/*footer*/
#footer{width: 100%;padding:30px 0 20px;background: url("../images/footer_bg.jpg") center center no-repeat;background-size: cover;overflow: hidden;}
.footer{overflow: hidden; margin: 0 auto; max-width: 1600px;}
@media (max-width:1600px) {
.footer{ padding:20px;}
}
.footer .logo img{height:70px; width:auto !important; display: block;}
.footer .box{width: 100%; margin-top:25px;}
@media (min-width:960px) {
.footer .left{width: 510px;float: left;}
}
.footer .left .dkh{ font-size: 19px; color: #fff; margin-bottom:20px; position: relative;}
.footer .left .dkh span{ font-size: 40px; font-weight: bold; margin-left: 10px;}
.footer .left .tit{margin-bottom: 10px;}
.footer .box .tit{color: #e8e8e8;font-size: 16px;position: relative;line-height: 28px; box-sizing: border-box;}
.footer .center{color:#e8e8e8; line-height:35px;}
@media (min-width:960px) {
.footer .center{ float: left; margin-left: 10%;}
.footer .center span{ display:block; line-height:45px;}
}
.footer .center span a{ color:#e8e8e8;}
.footer .box .txt{font-size: 14px;line-height: 20px;color: #a5a8aa;margin-top: 6px;}
.footer .box .txt a{color: #a5a8aa;}
.footer .box .txt:hover a{color: #ff4229;}
.footer .right{float: right;}
.footer .right img{width: 110px;height: 110px;display: block; padding:5px; background:#fff;}
.footer .right p{font-size: 14px;color: #a5a8aa;margin-top: 8px;text-align: center;}
@media (max-width:1200px) {
.footer .left .dkh span{ font-size:24px;}
.footer .right{ display:none;}
}
.footer .copyRight{color: #a5a8aa;font-size:12px;line-height:20px;margin:26px 0 12px; border-top:1px #282e34 solid; padding-top:20px; text-align:center;}
.footer .copyRight a{color: #a5a8aa; display: inline-block; padding:0 10px;}
.footer .copyRight a img{ height:20px; margin-right:5px;}
.footer .copyRight a:hover{color: #ff4229;}
.footer .link{color: #a5a8aa;font-size: 12px;line-height: 16px; text-align:center;}
.footer .link a{color: #a5a8aa;}
.footer .link a:hover{color: #ff4229;}

.listtop{ color: #666; font-size: 14px; line-height: 28px; text-align: right;}

.listtop h2{ font-weight:700; color:#222;}
.listtop h3{ font-weight:700; color:#222;}
@media screen and (min-width:960px){
.listtop{ margin:60px auto 30px;}
.listtop a{ float:left; font-size:16px; margin-right:20px; padding:6px 30px; background:#f0f0f0; margin-top:40px;}
.listtop a.lion{ background:#ff0000; color:#fff;}
.listtop h2{ font-size:36px; line-height:45px;}
.listtop h3{ font-size:36px; line-height:45px;}
}
@media screen and (max-width:960px){
.listtop{ margin:40px 20px 20px;}
.listtop a{ display:none;}
.listtop h2{ font-size:24px; line-height:35px; display:block;}
.listtop h3{ font-size:24px; line-height:35px; display:block;}
}

#gNavi > li > a {color: #262626;}
#header .searchBox {padding-right: 108px;}
#header .searchBox.active .search {width: 400px;}
#header .hInner .rBox {width: 1100px;}
#header .searchBox .tel {margin-top: -8px;}
#gNavi {margin-top: 11px;}
#gNavi > li > a {height: 63px;}
@media (max-width: 1600px) and (min-width: 1201px){
#header .searchBox {padding-right: 68px;}
#header .searchBox.active .search {width: 340px;}
#header .hInner .rBox {width: 910px;}
#header .searchBox:before {left: -25px;}
#header .hInner {padding: 16px 50px 0;}
}
@media (max-width: 1320px) and (min-width: 1201px){#header .hInner .rBox {width: 830px;}}