.dp_pc {display:block;}
.dp_tablet {display:none;}
.mb_nav {display:none;}

/*@media (min-width:1023px) {
	.mb_nav {display:none;}
}*/

.wrapper {width:1170px; margin:0 auto;}
.wrapper_min {width:1170px; margin:0 auto;}

/*header*/
header {width:100%; max-width:1170px; margin:0 auto; padding:40px 0 40px;}
header:after {display:block; overflow:hidden; clear:both; content:'';}
header.intro {max-width:100%; padding:80px 35px 40px; background:url('../../_images/common/header_bg.png') no-repeat right top;}
header h1 {float:left;}
header h1 img {width:129px;}
header.intro h1 img {width:auto; max-width:129px;}
header .search_form {float:right; /*margin-left:370px;*/}
header .search_form>div {float:left;}
header .search_form input[type=text] {float:left; padding:0 20px; min-width:350px; height:52px; background:#f5f5f5;}

header .search_form input[type=submit] {float:left; width:52px; height:52px; background:#e7e7e7 url('../../_images/common/search_ico.png') no-repeat center center; border:none; text-indent:-99999px; cursor:pointer;}
header .gointro {margin-left:1.0rem; float:right; width:65px; height:52px; line-height:52px; display:block; background:#f5f5f5; text-align:center; cursor:pointer;}

header .language_select {margin-left:1.0rem; float:right; width:130px; height:52px; line-height:52px; display:block; background:#f5f5f5 url('../../_images/common/lang_arrow.png') no-repeat 86% center; text-align:center; cursor:pointer;}
header .language_select a {display:inline-block; margin-left:-14px; vertical-align:top;}
header .language_select:hover {background-color:#e7e7e7;}
header .language_select span.language_font {margin-left:5px;font-size:16px;font-weight:bold; vertical-align:middle;}

.pop-layer {display: none; position: absolute; top: 50%; left: 50%; width:100%; max-width:360px; height: auto; padding:20px 0 30px; background-color: #fff; z-index: 10; text-align:center;}
.dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(63,63,63,.8); /*opacity: .5; filter: alpha(opacity=50);*/}
.dim-layer .pop-layer { display: block; }
.dim-layer .pop-layer .tit {font-size: 1.875rem; color: #3f3f3f; padding-bottom: 3rem; position: relative; font-weight: 700; display: block;}
.dim-layer .pop-layer .tit:after {content: ''; background-color: #0093b1; position: absolute; left: 50%; margin-left: -1.25rem; bottom: 1.5rem; display: block; width: 2.5rem; height: 2px; }
.dim-layer .pop-layer div p {font-size: .875rem; line-height: 2; color: #8d8c8c;}
.dim-layer .pop-layer div ul {margin-top:10px;}
.dim-layer .pop-layer div ul li {display:inline-block; margin-right:1rem;}
.dim-layer .pop-layer div ul li:last-child {display:inline-block; margin-right:0;}
.dim-layer .pop-layer div ul li a {}
.dim-layer .pop-layer div ul li a:hover {opacity:.8;}
.dim-layer .btn-r {position:absolute; z-index:2; right:1rem; top:1rem;}
.dim-layer .btn-r .btn-layerClose {display:block; width:22px; height:20px; background:url('../../_images/common/layer_close_ico.jpg') no-repeat center center; text-indent:-99999px;}
/*header//end*/

/*nav*/
nav {position:relative; width:100%; background:#9b59b6;}
nav>p.mb_menu {display:none;}
nav>ul {width:1170px; margin:0 auto; padding:0 80px;}
nav>ul:after {display:block; overflow:hidden; clear:both; content:'';}
nav>ul>li {float:left; width:20%; text-align:center;}
nav>ul>li a {display:block; color:#fff !important; font-size:18px; font-weight:400; padding:12px 0;}
nav>ul>li a:hover {color:#804399 !important;}
nav>ul>li>div {display:none; background-color:#f5f5f5; position: absolute; z-index: 999; left: 0; top:51px; margin: 0; width: 100%; padding:25px 0 0; box-shadow: 0 6px 6px rgba(63,63,63,.1);}
nav>ul>li>div .wrapper>div {margin-left:-15px;}
nav>ul>li>div .wrapper p {text-align:left; font-size: 20px; color: #3f3f3f; padding-bottom: 5px; text-transform: none; font-weight:500; letter-spacing:-1px; padding-left:0px;}
nav>ul>li>div ul.menu {overflow:hidden; width:70%;}
nav>ul>li>div ul.menu li {float:left; /* width:33.33%; */ text-align:left; }
nav>ul>li>div ul.menu.col4 li { /* width:25%; */}
nav>ul>li>div ul.menu li a {;display:block; padding:2px 40px 20px 0px;  font-size:15px; color:#3f3f3f !important; font-weight:300; }
nav>ul>li>div ul.menu li a:hover {color:#0093b1 !important;}
/*nav//end*/

.ft_sitemap {background:#3f3f3f; padding:30px 0 50px;}
.ft_sitemap>div {overflow:hidden; }
.ft_sitemap>div>div {float:left; width:16%; margin:0 2%;}
.ft_sitemap>div>div:last-child {margin-right:0;}
.ft_sitemap>div>div p {margin-bottom:25px;}
.ft_sitemap>div>div p a {font-size:18px; color:#fff; font-weight:400; padding-bottom:5px;}
.ft_sitemap>div>div p a:hover {border-bottom:1px solid #fff;}
.ft_sitemap>div>div ul {}
.ft_sitemap>div>div ul li {margin-bottom:7px;}
.ft_sitemap>div>div ul li:last-child {margin-bottom:0;}
.ft_sitemap>div>div ul li a {font-size:16px; color:#fff; font-weight:200; opacity:.5; transition:all .3s ease-out;}
.ft_sitemap>div>div ul li a:hover {opacity:1;}

/*footer*/
footer {position:relative; width:100%; padding:45px 20px 35px; background:#2b2b2b; text-align:center; font-size:14px; color:#ababab;}
footer>address {display:inline; font-weight:300;}
footer>span {margin-left:20px;}
footer .copy {margin-top:5px; font-size:12px; color:#6a6a6a;}
footer:after {
	background:#2b2b2b url('../../_images/common/footer_ci.png') no-repeat center center;
	text-indent:-99999px;
	display:block;
	position:absolute;
	content:'';
	left:50%;
	top:-38.5px;
	margin-left:-38.5px;
	width:77px;
	height:77px;
	border-radius:50%;
	transition:all 150ms ease-out;
}
footer:hover:after {box-shadow:2px 2px 2px rgba(0,0,0,.25);}
/*footer//end*/

/*top_btn*/
.top_btn {position:fixed; right:48px; bottom:48px; display:none;}




.top_btn a {display:block; width:48px; height:48px; background:url('../../_images/common/top_btn.png') no-repeat center center; text-indent:-99999px;}
.top_btn a:hover {opacity:.6;}
/*top_btn//end*/

@media (max-width:500px) {
	.top_btn {position:fixed; right:10px; bottom:10px; display:none;}
	.top_btn a {display:block; width:30px; height:30px; background:url('../../_images/common/top_btn320.png') no-repeat center center; text-indent:-99999px;}
}


@media (max-width:1170px) {
	/* .wrapper, */
	header {width:100%; padding-left:20px; padding-right:20px; border-bottom:1px solid #eee;}
	nav>ul {width:100%; padding:0;}
}

@media (max-width:1023px) {
	.dp_pc {display:none;}
	.dp_tablet {display:block;}

	header.intro {padding:40px 35px;}
	header.intro h1 {width:100%; text-align:center;}

	header>p.mb_menu {display: block; padding: .6rem 0rem .6rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; 	-ms-user-select: none; user-select: none; border: none; background: 0 0; position: absolute; z-index:99; background-color: #FFF; top: 32px; left:20px; height: 52px; width: 64px; border-radius: 0;}
	header>p.mb_menu:hover { /* background-color:#e7e7e7; */}
	header>p.mb_menu .lines {display: inline-block; width: 2em; height: 3px; background: #3f3f3f; position: relative;}
	header>p.mb_menu .lines:before,
	header>p.mb_menu .lines:after {display: inline-block; width: 2em; height: 3px; background: #3f3f3f; position: absolute; left: 0; content: '';}
	header>p.mb_menu .lines:before {top:.66667em;}
	header>p.mb_menu .lines:after {top:-.66667em;}

	header {padding:2rem 0;}
	header h1 {width:100%; text-align:center;}
	header .search_form form {display:none;}
	header .gointro  {display:none;}




	header .language_select {position:absolute; z-index:99; right:20px; /*top:30px;*/ padding: 0 0rem 0; height: 52px; line-height: 52px; width: 100px; background-color: #FFF;}
	header .language_select a {display:inline-block; margin-left:-14px; vertical-align:middle;}
	header .language_select span.language_font {margin-left:5px;font-size:20px;vertical-align:middle;line-height:54.66px}

	.mb_push {position:relative;}

	nav {display:none;}

	.mb_nav {display:none; position:relative;}
	.mb_nav:after {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background: rgba(63,63,63,.8); content:'';}
	.mb_nav nav {display:block; position:fixed; z-index:101; left:0; top:0; width:250px; height:100vh; background:#333; overflow-y:auto;}
	.mb_nav nav>ul {padding:0; width:100%;}
	.mb_nav nav>ul>li {width:100%;}
	.mb_nav nav>ul>li>div {position:relative; top:0;}
	.mb_nav nav>ul>li>div .wrapper p {display:none;}
	.mb_nav nav>ul>li>div ul.menu {width:100%;}
	.mb_nav nav>ul>li>div ul.menu li {width:100%;}
	.mb_nav .mb_top {position:relative; margin:20px;}


	.mb_nav .mb_top p {font-size: 1rem; font-weight: 400; color:#8d8c8c;}
	.mb_nav .mb_top .close {position:absolute; top:2px; right:0; width:20px; height:20px; background:url('../../_images/common/mb_close.png') no-repeat center center; display:block; text-indent:-99999px;}
	.mb_nav .mb_top .close:hover {background-image:url('../../_images/common/mb_close_ov.png');}
	.mb_nav .mb_search_form {margin:0 20px 20px; position:relative;}
	.mb_nav .mb_search_form input[type=text] {width:100%; padding:10px;}
	.mb_nav .mb_search_form input[type=submit] {position:absolute; top:0; right:0; width:39px; height:39px; background:url('../../_images/common/search_ico.png') no-repeat center center; border:none; text-indent:-99999px; cursor:pointer;}

	nav>ul>li {text-align:left;}
	nav>ul>li>a {position:relative; padding:15px 20px; font-size:16px;}
	nav>ul>li>a:after {content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent #fff; border-left-style: solid; margin-top: 0; border-width: 4px; border-color: #fff transparent transparent transparent; position: absolute; right: 20px; top: 50%;}
	nav>ul>li.open {background:#fff;}
	nav>ul>li.open>a {color:#804399 !important;}
	nav>ul>li.open>a:after {transform:rotate(-180deg); top:40%;}
	nav>ul>li div {padding:10px;}
	nav>ul>li div ul.menu li a {font-size:14px;}

	.ft_sitemap {padding-bottom:0;}
	.ft_sitemap>div>div {width:29%; text-align:center; margin-bottom:2%; min-height:12rem;}
	.ft_sitemap>div>div p {margin-bottom:1rem;}


	.mb_nav .mb_intro {position:relative; margin:0 20px 20px; border-top:1px solid #d4d4d4; padding-top:10px; font-weight:500; }
	.mb_nav .mb_intro a { display:block; color:#fff; }



}

@media (max-width:1170px) {
	.wrapper {width:100%; padding:0 20px;}
}

@media (max-width:500px) {
	header .language_select {position:absolute; z-index:99; right:20px; /*top:30px;*/ padding: 0 0rem 0; height: 52px; line-height: 52px; width: 100px; background-color: #FFF;}
	header .language_select a {display:inline-block; margin-left:-14px; vertical-align:middle;}
	header .language_select span.language_font {margin-left:5px;font-size:13px;vertical-align:middle;}
}

@media (max-width:442px) {
	header .language_select {position:absolute; z-index:99; right:20px; /*top:30px;*/ padding: 0 0rem 0; height: 52px; line-height: 52px; width: 95px; background-color: #FFF;}
	header .language_select a {display:inline-block; margin-left:-14px; vertical-align:middle;}
	header .language_select span.language_font {margin-left:5px;font-size:13px;vertical-align:middle;}
}

@media (max-width:425px) {
	header.intro {padding:20px;}
	header h1 img {-webkit-transform: scale(.8); transform: scale(.8);}

	footer.intro>span {display:block; margin-left:0; margin-top:5px;}
}

@media (max-width:39.9375em) {
	header {padding:.5rem 0;}
	header h1 {-webkit-transform: scale(.8); transform: scale(.8);}
	header.intro h1 {-webkit-transform: scale(1); transform: scale(1);}

	header>p.mb_menu {top:11px;}
	header .language_select {top:11px;}

	.ft_sitemap {padding:3rem 0;}
	.ft_sitemap>div>div {width:100%; text-align:center; margin-bottom:2rem; min-height:auto;}

	footer>span {display:block; margin-left:0; margin-top:5px;}
}

@media (max-width:340px) {
	.pop-layer {width:100%; left:0; margin-left:0 !important;}
	header h1 img {-webkit-transform: scale(.8); transform: scale(.6);}
}