@charset "utf-8";
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none; overflow:hidden; padding:145px 0 0 0;}
@media(max-width:767px){
	body{ padding:105px 0 0 0;}
}


.type_full{ margin:0 auto; padding:0 100px; max-width:1920px;}
.type_row{ margin:0 auto; max-width:1200px;}
@media(max-width:1200px){
	.type_full{ padding:0 50px;}
}
@media(max-width:767px){
	.type_full{ padding:0 15px;}
}


.type_popup{ display:none; justify-content:center; align-items:center; position:fixed; z-index:300; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7);}
	.type_popup .row{ width:600px; border-radius:10px; background:#FFF;}
	.type_popup .head{ position:relative; padding:0 50px;}
	.type_popup .head .tit{ height:80px; text-align:center; line-height:80px; font-size:25px; font-weight:700; color:#000;}
	.type_popup .head i{ display:block; position:absolute; top:10px; right:10px; width:30px; height:30px; text-align:center; line-height:30px; font-size:20px; color:#999; cursor:pointer;}
	.type_popup .body{ padding:0 50px 50px 50px;}
	.type_popup.on{ display:flex;}
@media(max-width:767px){
	.type_popup .row{ width:320px;}
	.type_popup .head{ padding:0 25px;}
	.type_popup .head .tit{ height:60px; line-height:60px; font-size:20px;}
	.type_popup .body{ padding:0 25px 25px 25px;}
}

	
.popup_privacy{ overflow:auto; padding:30px; max-height:300px; border-radius:5px; border:1px solid #DDD;}
	.popup_privacy .tit{ padding:30px 0 0 25px; line-height:20px; font-size:18px; font-weight:700; color:#000;}
	.popup_privacy .tit font{ display:block; float:left; margin:0 0 0 -25px; line-height:20px; font-size:12px; color:#344db0;}
	.popup_privacy .txt{ padding:10px 0 10px 25px; line-height:20px; font-size:15px; color:#333;}
	.popup_privacy .txt2{ padding:2px 0 2px 40px; line-height:20px; font-size:13px; color:#666;}
	.popup_privacy .txt2 font{ display:block; float:left; margin:0 0 0 -15px; line-height:20px; font-size:13px; color:#344db0;}
	.popup_privacy .tit:first-child{ padding-top:0;}
@media(max-width:767px){
	.popup_privacy{ padding:25px;}
	.popup_privacy .tit{ padding:30px 0 0 15px; font-size:15px;}
	.popup_privacy .tit font{ margin:0 0 0 -15px; font-size:8px;}
	.popup_privacy .txt{ padding:10px 0 10px 15px; font-size:13px;}
	.popup_privacy .txt2{ padding:2px 0 2px 30px;}
	.popup_privacy .txt2 font{ margin:0 0 0 -15px; font-size:10px;}
}

	
.type_btn_01{ margin:50px 0 0 0; border-radius:5px; background:#DDD; text-align:center; line-height:50px; font-size:15px; color:#000; cursor:pointer;}
@media(max-width:767px){
	.type_btn_01{ margin:25px 0 0 0; line-height:40px;}
}


.header{ position:fixed; z-index:100; top:0; right:0; left:0;}
	.header .top{ max-width:100%; height:45px; border-bottom:1px solid #DDD; background:#f9f9f9;}
	.header .top .type_row{ display:flex; justify-content:flex-end;}
	.header .top .menu{}
	.header .top .menu ul{ display:flex;}
	.header .top .menu ul li{ display:flex; align-items:center; height:45px;}
	.header .top .menu ul li a{ display:block; font-size:13px; color:#333;}
	.header .top .menu ul li span{ display:block; margin:0 15px; width:1px; height:15px; background:#DDD;}
	.header .top .search{ display:flex; margin:0 0 0 20px; width:230px; background:#FFF;}
	.header .top .search input{ display:block; flex:1; margin:0; padding:0 15px; width:100%; height:45px; border-radius:0; border:0; border-bottom:1px solid #DDD; border-left:1px solid #DDD; background:#FFF; line-height:44px; font-size:13px; color:#333; outline:none; -webkit-appearance:none;}
	.header .top .search i{ display:flex; align-items:center; justify-content:center; width:45px; height:45px; background:#344db0; font-size:18px; color:#FFF; cursor:pointer;}
	.header .bottom{ max-width:100%; background:#FFF; box-shadow:0 1px 0 0 rgba(0,0,0,0.05);}
	.header .bottom .type_row{ display:flex; justify-content:space-between; align-items:center; height:100px;}
	.header .bottom .logo{ display:block;}
	.header .bottom .logo img{ display:block; width:auto; height:100%;}
	.header .bottom .menu{ margin:0 85px 0 0;}
	.header .bottom .menu > ul{ display:flex;}
	.header .bottom .menu > ul > li{ position:relative; margin:0 30px;}
	.header .bottom .menu > ul > li > a{ display:flex; align-items:center; justify-content:center; position:relative; height:100px; font-size:18px; color:#000;}
	.header .bottom .menu > ul > li ul{ display:none; overflow:hidden; position:absolute; z-index:10; top:80px; right:-30px; left:-30px; border-top:4px solid #344db0; background:#FFF; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);}
	.header .bottom .menu > ul > li ul li{}
	.header .bottom .menu > ul > li ul li a{ display:block; padding:10px; text-align:center; line-height:15px; font-size:13px; color:#333; transition:all .1s;}
	.header .bottom .menu > ul > li:hover > a{ color:#344db0;}
	.header .bottom .menu > ul > li:hover ul{ display:block;}
	.header .bottom .menu > ul > li:hover ul li a{}
	.header .bottom .menu > ul > li ul li a:hover{ color:#344db0;}
	.header .bottom .menu > ul > li.on > a{ color:#344db0;}
	.header .bottom .menu > ul > li.on > a:before{ content:""; display:block; position:absolute; top:70%; left:50%; margin:0 0 0 -3px; width:6px; height:6px; background:#344db0;}
@media(max-width:1000px){
	.header .bottom .menu{ display:none;}
}
@media(max-width:767px){
	.header .top{ height:35px;}
	.header .top .menu ul li{ height:35px;}
	.header .top .menu ul li a{ font-size:12px;}
	.header .top .search{ margin:0 0 0 15px; width:150px;}
	.header .top .search input{ padding:0 10px; height:35px; line-height:34px; font-size:12px;}
	.header .top .search i{ width:35px; height:35px; font-size:15px;}
	.header .bottom .type_row{ height:70px;}
	.header .bottom .logo{ height:30px;}
}


.all_menu_btn_close{ display:none; position:fixed; z-index:220; top:75px; right:50%; margin:0 -600px 0 0; width:25px; height:40px; cursor:pointer;}
	.all_menu_btn_close.open{ display:block;}
	.all_menu_btn{ position:fixed; z-index:210; top:75px; right:50%; margin:0 -600px 0 0; width:25px; height:40px; cursor:pointer;}
	.all_menu_btn #nav-icon1{ margin:11px auto; width:25px;}
	.all_menu_btn #nav-icon1 span{ background:#000;}
	.all_menu_btn #nav-icon1 span:nth-child(1){}
	.all_menu_btn #nav-icon1 span:nth-child(2){}
	.all_menu_btn #nav-icon1 span:nth-child(3){}
	.all_menu_btn #nav-icon1.open span{ width:25px; background:#000;}
	.all_menu_btn.on #nav-icon1 span{ background:#000;}
	.all_menu_btn.hover #nav-icon1 span{ background:#000;}
@media(max-width:1450px){
	.all_menu_btn_close{ right:100px; margin:0;}
	.all_menu_btn{ right:100px; margin:0;}
}
@media(max-width:1200px){
	.all_menu_btn_close{ right:50px; margin:0;}
	.all_menu_btn{ right:50px; margin:0;}
}
@media(max-width:767px){
	.all_menu_btn_close{ top:50px; right:15px; margin:0;}
	.all_menu_btn{ top:50px; right:15px; margin:0;}
}


.all_menu{ overflow:hidden; position:fixed; z-index:230; top:145px; right:0; left:0; height:0; border-top:1px solid rgba(0,0,0,0.1); background:#FFF; box-shadow:0 1px 0 0 rgba(0,0,0,0.1); opacity:0; transition:all .3s;}
	.all_menu .row{ position:relative; margin:0 auto; padding:20px 0 20px 300px; max-width:1200px;}
	.all_menu .img{ display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; bottom:0; left:0; padding:0 50px 0 0; width:300px;}
	.all_menu .img img{ display:block; position:relative; z-index:10; width:100%; height:auto;}
	.all_menu .img p{ position:relative; z-index:10; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#333;}
	.all_menu .img .bg{ position:absolute; top:0; right:0; bottom:0; left:-3000px; background:#f2f4f8;}
	.all_menu .menu{ padding:0 0 0 50px;}
	.all_menu .menu > ul{}
	.all_menu .menu > ul > li{ overflow:hidden; padding:15px 0 15px 150px; border-top:1px solid #DDD;}
	.all_menu .menu > ul > li:first-child{ border:0;}
	.all_menu .menu > ul > li > a{ display:block; float:left; margin:0 0 0 -150px;}
	.all_menu .menu > ul > li > a p{ line-height:30px; font-size:18px; font-weight:500; color:#333;}
	.all_menu .menu > ul > li > ul{ float:left; width:100%;}
	.all_menu .menu > ul > li > ul li{ float:left; width:33.333%;}
	.all_menu .menu > ul > li > ul li a{ display:block; cursor:pointer;}
	.all_menu .menu > ul > li > ul li a p{ padding:5px 0; line-height:20px; font-size:15px; color:#999;}
	
	.all_menu .menu > ul > li.on > a p{ font-weight:500;}
	.all_menu .menu > ul > li > ul li.on a p{ color:#049a7c;}
	.all_menu.on{ height:315px; opacity:1;}
@media(max-width:1200px){
	.all_menu .row{ padding:20px 0 20px 250px;}
	.all_menu .img{ width:250px;}
	.all_menu .menu > ul > li{ padding:15px 0 15px 120px;}
	.all_menu .menu > ul > li > a{ margin:0 0 0 -120px;}
	.all_menu .menu > ul > li > ul li:nth-child(4){ width:66.666%;}
}
@media(max-width:1000px){
	.all_menu .row{ padding:0;}
	.all_menu .menu{ padding:0;}
	.all_menu .menu > ul > li{ padding:20px 0 20px 0;}
	.all_menu .menu > ul > li > a{ margin:0 0 10px 0;}
	.all_menu .menu > ul > li > ul li a p{ line-height:30px; font-size:16px;}
	.all_menu .img{ position:inherit; margin:20px 0 0 0; padding:50px 0 0 0; width:100%;}
	.all_menu .img img{ width:40%; height:auto;}
	.all_menu .img p{ position:absolute; top:50%; left:40%; transform:translate(0,-50%); padding:0 0 0 20px; width:auto; line-height:25px; font-size:15px;}
	.all_menu .img .bg{ right:-10000px; bottom:-10000px;}
	.all_menu.on{ height:100%;}
}
@media(max-width:767px){
	.all_menu{ top:105px;}
	.all_menu .row{ padding:15px 0;}
	.all_menu .menu > ul > li{ padding:15px 0 15px 0;}
	.all_menu .menu > ul > li > a{ margin:0 0 5px 0;}
	.all_menu .menu > ul > li > ul li > a p{ font-size:15px;}
	.all_menu .img{ position:relative; margin:0 auto; padding:20px 0 0 0; width:auto;}
	.all_menu .img img{ float:left; width:40%;}
	.all_menu .img p{ padding:0 0 0 10px; line-height:20px; font-size:12px;}
}

	
.visual{ overflow:hidden;}
	.visual .type_row{ max-width:1920px;}
	.visual .slide{}
	.visual .slide a{ display:block; height:680px; background-size:cover !important;}
	.visual .slick-dots{ bottom:100px; left:0; right:0; margin:0; height:15px;}
	.visual .slick-dots li{ vertical-align:top; margin:0 5px; width:15px; height:15px;}
	.visual .slick-dots li button{ width:15px; height:15px; border-radius:50%; background:rgba(255,255,255,0.5);}
	.visual .slick-dots li button:before{ display:none;}
	.visual .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}
@media(max-width:1200px){
	.visual .slide a{ height:500px;}
}
@media(max-width:1000px){
	.visual .slide a{ height:390px;}
	.visual .slick-dots{ bottom:60px;}
}
@media(max-width:767px){
	.visual .slide a{ height:200px;}
	.visual .slick-dots{ bottom:30px; height:10px;}
	.visual .slick-dots li{ margin:0 5px; width:10px; height:10px;}
	.visual .slick-dots li button{ width:10px; height:10px;}
}

	
.main_product{ position:relative; z-index:10; margin-top:-60px;}
	.main_product .row{ margin:0 -15px;}
	.main_product .slide{}
	.main_product .slide a{ display:block; position:relative; margin:0 15px;}
	.main_product .slide a .text{ position:relative; z-index:10; padding:50px 30px 0 30px; text-align:center;}
	.main_product .slide a .text .tit{ line-height:25px; font-size:22px; font-weight:700; color:#FFF; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_product .slide a .text .tag{ margin:10px 0 0 0; line-height:20px; font-size:18px; color:#FFF; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_product .slide a .text .txt{ margin:15px 0 0 0; line-height:25px; font-size:15px; color:#FFF; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_product .slide a .img{ position:relative; z-index:10; padding:80% 0 0 0;}
	.main_product .slide a .img img{ display:block; position:absolute; z-index:10; top:10%; left:5%; width:90%; height:auto;}
	.main_product .slide a .bg{ position:absolute; top:0; right:0; bottom:120px; left:0; background:url(/images/pro_bg.gif);}
	.main_product .xi-angle-left{ display:flex; align-items:center; justify-content:center; position:absolute; top:35%; left:-25px; width:80px; height:80px; border-radius:50%; background:#3c4b54; font-size:30px; color:#FFF; cursor:pointer;}
	.main_product .xi-angle-right{ display:flex; align-items:center; justify-content:center; position:absolute; top:35%; right:-25px; width:80px; height:80px; border-radius:50%; background:#3c4b54; font-size:30px; color:#FFF; cursor:pointer;}
@media(max-width:1200px){
	.main_product .slide a .bg{ bottom:100px;}
}
@media(max-width:1000px){
	.main_product{ margin-top:-40px;}
	.main_product .row{ margin:0 -5px;}
	.main_product .slide a{ margin:0 5px;}
	.main_product .slide a .text{ padding:30px 20px 0 20px;}
	.main_product .slide a .text .tit{ line-height:20px; font-size:18px;}
	.main_product .slide a .text .tag{ margin:5px 0 0 0; line-height:20px; font-size:16px;}
	.main_product .slide a .text .txt{ margin:10px 0 0 0; line-height:20px; font-size:13px;}
	.main_product .slide a .bg{ bottom:80px;}
	.main_product .xi-angle-left{ left:-20px; width:50px; height:50px; font-size:20px;}
	.main_product .xi-angle-right{ right:-20px; width:50px; height:50px; font-size:20px;}
}
@media(max-width:767px){
	.main_product{ margin:-15px -15px 0 -15px;}
	.main_product .slide a .text{ padding:25px 20px 0 20px;}
	.main_product .slide a .text .tit{ font-size:16px;}
	.main_product .slide a .text .tag{ line-height:15px; font-size:14px;}
	.main_product .slide a .text .txt{ line-height:15px; font-size:12px;}
	.main_product .slide a .bg{ bottom:70px;}
	.main_product .xi-angle-left{ top:40%; left:10px; width:40px; height:40px; font-size:15px;}
	.main_product .xi-angle-right{ top:40%; right:10px; width:40px; height:40px; font-size:15px;}
}

	
.main_inquiry{ margin-top:80px; background:#049b7c;}
	.main_inquiry .type_row{ display:flex; justify-content:space-between; align-items:flex-start; padding:50px 0;}
	.main_inquiry .tit{ display:flex; justify-content:flex-start; align-items:center; width:240px;}
	.main_inquiry .tit img{}
	.main_inquiry .tit p{ margin:0 0 0 10px; font-size:25px; font-weight:700; color:#FFF;}
	.main_inquiry .row{ flex:1 0; width:100%;}
	.main_inquiry .row .top{ display:flex;}
	.main_inquiry .row input{ display:block; margin:0 5px 0 0; padding:0 15px; width:100%; height:45px; border-radius:0; border:1px solid rgba(255,255,255,0.4); background:none; line-height:43px; font-size:15px; color:#FFF; outline:none; -webkit-appearance:none;}
	.main_inquiry .row input::placeholder{ color:#FFF;}
	.main_inquiry .row input:nth-child(1){ width:25%;}
	.main_inquiry .row input:nth-child(2){ width:25%;}
	.main_inquiry .row input:nth-child(3){ width:50%;}
	.main_inquiry .row .check{ display:flex; align-items:center; justify-content:flex-start; margin:10px 0 0 0;}
	.main_inquiry .row .check label{ display:flex; align-items:center; justify-content:flex-start; cursor:pointer;}
	.main_inquiry .row .check label i{ display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; font-size:15px; color:#FFF;}
	.main_inquiry .row .check label p{ margin:0 0 0 5px; font-size:15px; color:rgba(255,255,255,0.8);}
	.main_inquiry .row .check label.on i{ background:#FFF; color:#049b7c;}
	.main_inquiry .row .check label.on p{ color:#FFF;}
	.main_inquiry .row .check a{ display:flex; margin:0 0 0 10px; font-size:15px; color:#FC0; cursor:pointer;}
	.main_inquiry .btn{ width:200px; height:45px; background:#000; text-align:center; line-height:45px; font-size:15px; font-weight:700; color:#FFF; cursor:pointer;}
@media(max-width:1000px){
	.main_inquiry .type_row{ flex-direction:row; flex-wrap:wrap;}
	.main_inquiry .tit{ justify-content:center; padding:0 0 30px 0; width:100%;}
	.main_inquiry .row{ flex:none; width:100%;}
	.main_inquiry .row .top{ margin:0 -2.5px;}
	.main_inquiry .row .top input{ margin:0 2.5px;}
	.main_inquiry .row .check{ justify-content:center;}
	.main_inquiry .btn{ margin:30px auto 0 auto;}
}
@media(max-width:767px){
	.main_inquiry{ margin-top:30px;}
	.main_inquiry .type_row{ padding:30px 0;}
	.main_inquiry .tit{ padding:0 0 20px 0;}
	.main_inquiry .tit img{ width:auto; height:30px;}
	.main_inquiry .tit p{ margin:0 0 0 10px; font-size:18px;}
	.main_inquiry .row .top{ flex-direction:row; flex-wrap:wrap;}
	.main_inquiry .row input{ padding:0 10px; height:35px; line-height:33px;}
	.main_inquiry .row input:nth-child(1){ margin:0 1% 0 0; width:49%;}
	.main_inquiry .row input:nth-child(2){ margin:0 0 0 1%; width:49%;}
	.main_inquiry .row input:nth-child(3){ margin:5px 0 0 0; width:100%;}
	.main_inquiry .row .check label p{ font-size:13px;}
	.main_inquiry .row .check a{ font-size:13px;}
	.main_inquiry .btn{ margin:20px auto 0 auto; width:180px; height:40px; line-height:40px; font-size:13px;}
}

	
.main_service{ background:#f4f6fa;}
	.main_service .type_row{ padding:70px 0;}
	.main_service .tit{ text-align:center; line-height:40px; font-size:40px; font-weight:700; color:#000;}
	.main_service .txt{ margin:15px 0 0 0; text-align:center; line-height:15px; font-size:15px; color:#666;}
	.main_service ul{ display:flex; margin:50px 0 0 0;}
	.main_service ul li{ width:20%;}
	.main_service ul li a{ display:flex; justify-content:center; align-items:center;}
	.main_service ul li a img{}
	.main_service ul li a p{ margin:0 0 0 10px; font-size:18px; color:#333;}
@media(max-width:1000px){
	.main_service ul li a{ flex-direction:column; align-content:center;}
	.main_service ul li a p{ margin:10px 0 0 0;}
}
@media(max-width:767px){
	.main_service .type_row{ padding:30px 0;}
	.main_service .tit{ line-height:25px; font-size:25px;}
	.main_service .txt{ margin:10px 0 0 0; font-size:13px;}
	.main_service ul{ margin:20px 0 0 0;}
	.main_service ul li a img{ width:auto; height:50px;}
	.main_service ul li a p{ margin:5px 0 0 0; font-size:13px;}
}

	
.main_tel{}
	.main_tel .type_row{ display:flex; justify-content:center; align-items:center; padding:40px 0;}
	.main_tel .tit{ display:flex; justify-content:center; align-items:center;}
	.main_tel .tit img{}
	.main_tel .tit p{ margin:0 35px 0 10px; font-size:25px; font-weight:700; color:#000;}
	.main_tel .tel{ margin:0 15px; font-size:25px; color:#333;}
	.main_tel .tel font{ font-weight:700; color:#000;}	
@media(max-width:1000px){
	.main_tel .type_row{ flex-direction:row; flex-wrap:wrap;}
	.main_tel .tit{ width:100%;}
	.main_tel .tel{ display:flex; justify-content:center; align-items:center; margin:20px 0 0 0; width:50%;}
}
@media(max-width:767px){
	.main_tel .type_row{ padding:30px 0;}
	.main_tel .tit img{ width:auto; height:30px;}
	.main_tel .tit p{ font-size:18px;}
	.main_tel .tel{ margin:10px 0 0 0; font-size:18px;}
}


.footer{ background:#333}
	.footer .type_row{ display:flex; padding:50px 0 80px 0;}
	.footer .logo{ display:block; margin:0 100px 0 0;}
	.footer .menu{}
	.footer .menu ul{ display:flex;}
	.footer .menu ul li{ display:flex; justify-content:center; align-items:center; height:20px;}
	.footer .menu ul li a{ display:flex; font-size:15px; color:rgba(255,255,255,0.7);}
	.footer .menu ul li span{ display:block; margin:0 20px; width:1px; height:15px; background:rgba(255,255,255,0.2);}
	.footer .txt{ margin:20px 0 0 0; line-height:20px; font-size:13px; color:rgba(255,255,255,0.7);}
	.footer .copy{ margin:10px 0 0 0; line-height:20px; font-size:12px; text-transform:uppercase; color:rgba(255,255,255,0.5);}
@media(max-width:1000px){
	.footer .logo{ margin:0 50px 0 0;}
}
@media(max-width:767px){
	.footer .type_row{ display:flex; flex-direction:column; align-content:center; align-items:center; padding:30px 0 50px 0;}
	.footer .logo{ margin:0 0 20px 0;}
	.footer .logo img{ width:auto; height:30px;}
	.footer .text{ display:flex; flex-direction:column; align-items:center;}
	.footer .menu ul li a{ font-size:13px;}
	.footer .txt{ margin:15px 0 0 0; text-align:center; font-size:12px;}
}


.scroll_top{ display:flex; flex-direction:column; justify-content:center;align-items:center; overflow:hidden; position:fixed; z-index:200; bottom:50px; right:50px; width:0; height:0; border-radius:50%; background:#344db0; cursor:pointer; opacity:0; transition:all .3s;}
	.scroll_top i{ font-size:20px; color:#FFF;}
	.scroll_top p{ font-size:13px; color:#FFF;}
	.scroll_top:hover{ transform:translate(0,-20px);}
	.scroll_top.on{ bottom:100px; width:80px; height:80px; opacity:1;}
@media(max-width:1000px){
	.scroll_top{ right:30px;}
	.scroll_top.on{ bottom:50px; width:60px; height:60px;}
}
@media(max-width:767px){
	.scroll_top{ right:15px;}
	.scroll_top i{ font-size:15px;}
	.scroll_top p{ font-size:10px;}
	.scroll_top.on{ width:40px; height:40px;}
}
















.sub_visual{ position:relative; background:#000;}
	.sub_visual .type_row{ display:flex; align-items:center; justify-content:flex-end; position:relative; z-index:10; height:260px;}
	.sub_visual .text{ text-align:right;}
	.sub_visual .text .tit{ font-size:50px; font-weight:700; color:#FFF;}
	.sub_visual .text .txt{ font-size:18px; color:#FFF;}
	.sub_visual .bg{ position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover !important; opacity:0.5;}
@media(max-width:767px){
	.sub_visual .type_row{ justify-content:center; height:200px;}
	.sub_visual .text{ padding:0 0 70px 0; text-align:center;}
	.sub_visual .text .tit{ font-size:30px;}
	.sub_visual .text .txt{ font-size:13px;}
}


.sub_gnb{ position:absolute; z-index:10; top:375px; left:50%; margin:0 0 0 -600px; width:230px;}
	.sub_gnb .head{ display:flex; flex-direction:column; justify-content:center; padding:0 0 0 20px; height:150px; background:url(/images/lnb_bg.gif);}
	.sub_gnb .head .txt{ font-size:15px; color:#FFF;}
	.sub_gnb .head .tit{ font-size:30px; font-weight:700; color:#FFF;}
	.sub_gnb .menu{ position:relative;}
	.sub_gnb .menu > ul{}
	.sub_gnb .menu > ul > li{ padding:2px 0 0 0;}
	.sub_gnb .menu > ul > li > a{ display:flex; align-items:center; position:relative; height:50px; background:#f1f3f6;}
	.sub_gnb .menu > ul > li > a p{ padding:0 0 0 25px; font-size:15px; color:rgba(0,0,0,1);}
	.sub_gnb .menu > ul > li.on > a{ background:#FFF;}
	.sub_gnb .menu > ul > li.on > a:before{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid #049a7c;}
	
	.sub_gnb .menu > ul > li.sub{ display:none;}
	.sub_gnb .menu > ul > li.sub.on{ display:block;}
	.sub_gnb .menu > ul > li.sub ul{ overflow:hidden;}
	.sub_gnb .menu > ul > li.sub ul li{}
	.sub_gnb .menu > ul > li.sub ul li a{ display:flex; align-items:center;}
	.sub_gnb .menu > ul > li.sub ul li a p{ padding:10px 0 10px 25px; width:100%; background:#dde4ed; font-size:13px; color:rgba(0,0,0,0.5);}
	.sub_gnb .menu > ul > li.sub ul li.on a p{ font-weight:500; color:#344db0;}
	
@media(max-width:1400px){
	.sub_gnb{ position:relative; top:inherit; left:inherit; margin:-120px 0 0 0; padding:0 100px; width:auto;}
	.sub_gnb .head{ width:200px; height:120px;}
	.sub_gnb .menu{}
	.sub_gnb .menu > ul{ overflow:hidden;}
	.sub_gnb .menu > ul > li{ float:left;}
	.sub_gnb .menu > ul > li > a{ justify-content:center;}
	.sub_gnb .menu > ul > li > a p{ padding:0;}
	
	.sub_gnb .menu_about > ul > li{ width:50%;}
	.sub_gnb .menu_product > ul > li:nth-child(1){ width:17.5%;}
	.sub_gnb .menu_product > ul > li:nth-child(2){ width:17.5%;}
	.sub_gnb .menu_product > ul > li:nth-child(4){ width:17.5%;}
	.sub_gnb .menu_product > ul > li:nth-child(5){ width:30%;}
	.sub_gnb .menu_product > ul > li:nth-child(7){ width:17.5%;}
	.sub_gnb .menu_chemistry > ul > li{ width:100%;}
	.sub_gnb .menu_community > ul > li{ width:50%;}
	
	.sub_gnb .menu{ padding:0 0 50px 0;}
	.sub_gnb .menu > ul > li.sub{ position:absolute; top:54px; right:0; left:0;}
	.sub_gnb .menu > ul > li.sub ul{ margin:0 -2px;}
	.sub_gnb .menu > ul > li.sub ul li{ float:left; width:50%;}
	.sub_gnb .menu > ul > li.sub ul li a{ margin:0 2px;}
	.sub_gnb .menu > ul > li.sub ul li a p{ padding:10px 0; text-align:center;}
	
}
@media(max-width:1200px){
	.sub_gnb{ padding:0 50px;}
}
@media(max-width:1000px){
	.sub_gnb .menu_product > ul > li:nth-child(1){ width:19%;}
	.sub_gnb .menu_product > ul > li:nth-child(2){ width:17%;}
	.sub_gnb .menu_product > ul > li:nth-child(4){ width:17%;}
	.sub_gnb .menu_product > ul > li:nth-child(5){ width:30%;}
	.sub_gnb .menu_product > ul > li:nth-child(7){ width:17%;}
}
@media(max-width:767px){
	.sub_gnb{ padding:0 15px; margin:-60px 0 0 0;}
	.sub_gnb .head{ align-items:center; padding:0; width:100%; height:60px;}
	.sub_gnb .head .txt{ font-size:20px; font-weight:700;}
	.sub_gnb .head .tit{ display:none;}
	
	.sub_gnb .menu_product > ul > li:nth-child(1){ width:50%;}
	.sub_gnb .menu_product > ul > li:nth-child(2){ width:50%;}
	.sub_gnb .menu_product > ul > li:nth-child(3){ width:100%;}
	.sub_gnb .menu_product > ul > li:nth-child(4){ width:30%;}
	.sub_gnb .menu_product > ul > li:nth-child(5){ width:70%;}
	.sub_gnb .menu_product > ul > li:nth-child(7){ width:100%;}
	
	.sub_gnb .menu{ padding:0;}
	.sub_gnb .menu > ul{}
	.sub_gnb .menu > ul > li.sub{ position:static;}
	.sub_gnb .menu > ul > li.sub ul{ margin:-2px -1px 0 -1px;}
	.sub_gnb .menu > ul > li.sub ul li a{ margin:2px 1px 0 1px;}
}

	
.sub_guide{ display:flex; justify-content:space-between; align-items:center; margin:0 0 50px 0; height:120px; border-bottom:1px dashed #DDD;}
	.sub_guide .tit{ font-size:35px; font-weight:700; color:#000;}
	.sub_guide .guide{}
	.sub_guide .guide ul{ display:flex; align-items:center;}
	.sub_guide .guide ul li{}
	.sub_guide .guide ul li a{ display:block; padding:0 0 0 20px; background:url(/images/loca_h.gif) left center no-repeat; line-height:20px; font-size:12px; color:#333;}
	.sub_guide .guide ul li p{ line-height:20px; font-size:12px; color:#666;}
	.sub_guide .guide ul li span{ display:block; margin:0 10px; width:5px; height:20px; background:url(/images/loca_a.gif) center no-repeat;}
@media(max-width:1000px){
	.sub_guide .tit{ font-size:30px;}
}
@media(max-width:767px){
	.sub_guide{ display:block; margin:0 0 40px 0; padding:25px 0 25px 0; height:auto;}
	.sub_guide .tit{ text-align:center; line-height:25px; font-size:25px;}
	.sub_guide .guide{ margin:15px 0 0 0;}
	.sub_guide .guide ul{ justify-content:center;}
}


.sub{ padding-bottom:80px;}
	.sub .type_row{ position:relative; padding:0 0 0 300px;}
@media(max-width:1400px){
	.sub{ padding-bottom:60px;}
	.sub .type_row{ padding:0;}
}








.about_greeting{ overflow:hidden;}
	.about_greeting .top{ position:relative; padding:5px 0 10px 30px;}
	.about_greeting .top:before{ content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:4px; background:linear-gradient(to bottom, #049a7c 0%,#344db1 100%);}
	.about_greeting .top .tit{ line-height:35px; font-size:35px; font-weight:700; color:#000;}
	.about_greeting .top .txt{ margin:10px 0 0 0; line-height:20px; font-size:18px; color:#333;}
	.about_greeting img{ display:block; float:right; margin:-80px 0 0 0;}
	.about_greeting .bottom{ margin:50px 0 0 0;}
	.about_greeting .bottom .txt{ line-height:25px; font-size:15px; color:#666;}
	.about_greeting .bottom .name{ margin:15px 0 0 0;}
	.about_greeting .bottom .name font{ font-size:18px; color:#333;}
	.about_greeting .bottom .name span{ font-size:40px; color:#000;}
@media(max-width:1000px){
	.about_greeting img{ margin:-40px 0 0 20px; width:280px;}
}
@media(max-width:767px){
	.about_greeting .top{ padding:5px 0 10px 20px;}
	.about_greeting .top .tit{ line-height:30px; font-size:25px;}
	.about_greeting .top .txt{ font-size:15px;}
	.about_greeting img{ margin:0 0 0 10px; width:40%;}
	.about_greeting .bottom{ margin:30px 0 0 0;}
	.about_greeting .bottom .txt{ font-size:13px;}
	.about_greeting .bottom .name{ margin:10px 0 0 0;}
	.about_greeting .bottom .name font{ font-size:15px;}
	.about_greeting .bottom .name span{ font-size:30px;}
}


.about_location{}
	.about_location .top{ display:flex; justify-content:space-between; align-items:center;}
	.about_location .top .tit{ line-height:30px; font-size:30px; color:#333;}
	.about_location .top .tit font{ font-weight:500; color:#049a7c;}
	.about_location .top .menu{ display:flex;}
	.about_location .top .menu a{ display:flex; align-items:center; margin:0 0 0 20px; cursor:pointer;}
	.about_location .top .menu a img{}
	.about_location .top .menu a p{ margin:0 0 0 5px; font-size:13px; color:#333;}
	.about_location > .map{ margin:30px 0 0 0; width:100% !important;}
	.about_location .info{ margin:30px 0 0 0;}
	.about_location .info .tit{ display:flex; align-items:center;}
	.about_location .info .tit img{}
	.about_location .info .tit p{ margin:0 0 0 5px; font-size:18px; color:#000;}
	.about_location .info ul{ display:flex; align-items:center; margin:20px -15px 0 -15px;}
	.about_location .info ul li{ display:flex; align-items:center; width:33.333%;}
	.about_location .info ul li a{ display:flex; align-items:center; margin:0 15px;}
	.about_location .info ul li img{ margin:0 10px 0 0; width:auto; height:50px;}
	.about_location .info ul li p{ font-size:16px; font-weight:500;}
	.about_location .info ul li font{ display:block; line-height:15px; font-size:15px; color:#666;}
	.about_location .bottom{ margin:30px 0 0 0;}
	.about_location .bottom .tit{ display:flex; align-items:center;}
	.about_location .bottom .tit img{}
	.about_location .bottom .tit p{ margin:0 0 0 5px; font-size:18px; color:#000;}
	.about_location .bottom ul{ display:flex; align-items:center; margin:20px 0 0 0;}
	.about_location .bottom ul li{ display:flex; align-items:center; width:50%;}
	.about_location .bottom ul li img{}
	.about_location .bottom ul li .box{ margin:0 0 0 5px;}
	.about_location .bottom ul li .box .tit{ line-height:20px; font-size:18px; color:#333;}
	.about_location .bottom ul li .box .txt{ display:flex; align-items:center; margin:5px 0 0 0;}
	.about_location .bottom ul li .box .txt font{ display:block; margin:0 5px 0 0; padding:0 10px; border-radius:20px; background:#00afbd; line-height:25px; font-size:14px; color:#FFF;}
	.about_location .bottom ul li .box .txt p{ line-height:25px; font-size:14px; color:#666;}
@media(max-width:1000px){
	.about_location .top .tit{ line-height:25px; font-size:25px;}
	.about_location .info ul{ flex-wrap:wrap; margin:0 -15px;}
	.about_location .info ul li{ margin:20px 0 0 0; width:50%;}
}
@media(max-width:767px){
	.about_location{}
	.about_location .top{ justify-content:center; flex-wrap:wrap;}
	.about_location .top .tit{ text-align:center; line-height:25px; font-size:20px;}
	.about_location .top .menu a{ margin:20px 20px 0 20px;}
	.about_location > .map{ margin:30px 0 0 0; width:100% !important;}
	.about_location .info{ margin:30px 0 0 0;}
	.about_location .info ul{ margin:0;}
	.about_location .info ul li{ margin:15px 0 0 0; width:100%;}
	.about_location .info ul li a{ margin:0;}
	.about_location .info ul li p{ font-size:15px;}
	.about_location .info ul li font{ font-size:13px;}
	.about_location .bottom{ margin:30px 0 0 0;}
	.about_location .bottom ul{ flex-wrap:wrap; margin:0;}
	.about_location .bottom ul li{ margin:15px 0 0 0; width:100%;}
	.about_location .bottom ul li img{ width:50px; height:auto;}
	.about_location .bottom ul li .box{ margin:0 0 0 5px;}
	.about_location .bottom ul li .box .tit{ line-height:15px; font-size:15px;}
	.about_location .bottom ul li .box .txt font{ font-size:13px;}
	.about_location .bottom ul li .box .txt p{ font-size:13px;}
}











.product_list{}
	.product_list ul{ display:flex; flex-wrap:wrap; margin:-20px -10px 0 -10px;}
	.product_list ul li{ margin:20px 0 0 0; width:33.333%;}
	.product_list ul li a{ display:block; margin:0 10px; border:1px solid #DDD; transition:all .3s;}
	.product_list ul li a .img{ transition:all .3s;}
	.product_list ul li a .img img{ display:block; width:100%; height:auto;}
	.product_list ul li a .text{ padding:20px 30px; text-align:center; transition:all .3s;}
	.product_list ul li a .text .tit{ line-height:20px; font-size:18px; font-weight:500; color:#000; transition:all .3s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.product_list ul li a .text .txt{ margin:10px 0 0 0; line-height:15px; font-size:15px; color:#666; transition:all .3s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.product_list ul li a:hover{ border-color:#9ebf57;}
	.product_list ul li a:hover .img{ background:#FFF;}
	.product_list ul li a:hover .text{ background:#9ebf57;}
	.product_list ul li a:hover .text .tit{ color:#FFF;}
	.product_list ul li a:hover .text .txt{ color:#FFF;}
@media(max-width:767px){
	.product_list{}
	.product_list ul{ margin:-10px -5px 0 -5px;}
	.product_list ul li{ margin:10px 0 0 0; width:50%;}
	.product_list ul li a{ margin:0 5px;}
	.product_list ul li a .text{ padding:20px 15px;}
	.product_list ul li a .text .tit{ font-size:16px;}
	.product_list ul li a .text .txt{ font-size:13px;}
}


.product_list_02{}
	.product_list_02 ul{}
	.product_list_02 ul li{ margin:20px 0 0 0;}
	.product_list_02 ul li a{ display:flex; justify-content:flex-start; align-items:center; padding:10px; border:1px solid #DDD; transition:all .3s;}
	.product_list_02 ul li a .img{ transition:all .3s;}
	.product_list_02 ul li a .img img{ display:block; width:auto; height:150px;}
	.product_list_02 ul li a .text{ margin:0 0 0 20px; max-width:100%; text-align:left; transition:all .3s;}
	.product_list_02 ul li a .text .tit{ line-height:30px; font-size:22px; font-weight:500; color:#000; transition:all .3s; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
	.product_list_02 ul li a .text .txt{ margin:10px 0 0 0; line-height:25px; font-size:15px; color:#666; transition:all .3s; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
	.product_list_02 ul li a:hover{ border-color:#9ebf57;}
	.product_list_02 ul li a:hover .img{ background:#9ebf57;}
	.product_list_02 ul li a:hover .text{}
@media(max-width:767px){
	.product_list_02 ul li{ margin:10px 0 0 0;}
	.product_list_02 ul li a{ padding:10px;}
	.product_list_02 ul li a .img img{ height:120px;}
	.product_list_02 ul li a .text{ margin:0 0 0 10px;}
	.product_list_02 ul li a .text .tit{ line-height:20px; font-size:16px;}
	.product_list_02 ul li a .text .txt{ line-height:22px; font-size:13px; -webkit-line-clamp:2;}
}



.che_serch{height:200px; text-align:center; padding-top:20px;}
	.che_serch a{display:inline-block; height:60px; width:240px; background:#00ADEF; color:#fff; font-size:18px; text-align:center; line-height:58px; border-radius:3px;}




.type_sub_menu{ margin:0 0 40px 0; padding:20px 15px; border:1px solid #DDD;}
	.type_sub_menu ul{ display:flex; flex-wrap:wrap; align-items:center;}
	.type_sub_menu ul li{ width:33.333%;}
	.type_sub_menu ul li a{ cursor:pointer;}
	.type_sub_menu ul li a p{ position:relative; padding:0 0 0 10px; font-size:15px; color:#000;}
	.type_sub_menu ul li a p:before{ content:""; display:block; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; background:#CCC;}
	.type_sub_menu ul li.on a p{ font-weight:500; color:#344db0;}
	.type_sub_menu ul li.on a p:before{ background:#9ebf57;}
@media(max-width:767px){
	.type_sub_menu{ margin:0 0 20px 0; padding:10px 15px;}
	.type_sub_menu ul li{ width:50%;}
	.type_sub_menu ul li a p{ padding:5px 0 5px 10px; font-size:15px;}
}
	
	
.type_page{ margin:40px 0 0 0;}
	.type_page ul{ display:flex; justify-content:center;}
	.type_page ul li{}
	.type_page ul li a{ display:flex; justify-content:center; align-items:center; margin:0 2px; padding:0 15px; height:35px; border:1px solid #DDD; cursor:pointer;}
	.type_page ul li a i{ font-size:15px; color:#666;}
	.type_page ul li a p{ font-size:13px; color:#333;}
	.type_page ul li.page a{ width:35px;}
	.type_page ul li.page.on a{ border-color:#333; background:#333;}
	.type_page ul li.page.on a p{ color:#FFF;}
@media(max-width:767px){
	.type_page{ margin:30px 0 0 0;}
	.type_page ul li a{ margin:0 1px; padding:0 10px;}
}
	
	
.type_search{ display:flex; justify-content:center; align-items:center; margin:40px 0 0 0;}
	.type_search select{ display:block; margin:0; padding:0 35px 0 10px; width:auto; height:35px; border-radius:0; border:1px solid #DDD; background:url(/images/type_select.png) no-repeat center right 10px #FFF; background-size:10px auto; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
	.type_search select::-ms-expand{ display:none;}
	.type_search input{ display:block; margin:0 4px; padding:0 10px; width:300px; height:35px; border-radius:0; border:1px solid #DDD; background:none; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
	.type_search .btn{ padding:0 20px; background:#333; line-height:35px; font-size:13px; color:#FFF; cursor:pointer;}
@media(max-width:767px){
	.type_search{ margin:30px 0 0 0;}
	.type_search input{ flex:1; width:100%;}
}


.type_notice{ border-top:1px solid #000;}
	.type_notice .head{ display:flex; border-bottom:1px solid #999;}
	.type_notice .head li{ display:flex; justify-content:center; align-items:center;}
	.type_notice .head li p{ line-height:50px; font-size:15px; font-weight:500; color:#000;}
	.type_notice .body{}
	.type_notice .body li{}
	.type_notice .body li a{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:20px 0; border-bottom:1px solid #DDD; cursor:pointer;}
	.type_notice .body li a .number{ display:flex; justify-content:center; align-items:center; width:15%; font-size:13px; color:#999;}
	.type_notice .body li a .tit{ padding:0 15px; width:55%; line-height:20px; font-size:15px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.type_notice .body li a .date{ display:flex; justify-content:center; align-items:center; width:15%; font-size:13px; color:#999;}
	.type_notice .body li a .click{ display:flex; justify-content:center; align-items:center; width:15%; font-size:13px; color:#999;}
@media(max-width:767px){
	.type_notice .head{ display:none;}
	.type_notice .body li a{ padding:20px 0 20px 50px;}
	.type_notice .body li a .number{ position:absolute; top:50%; transform:translate(0,-50%); left:0; width:35px; height:35px; background:#344db0; color:#FFF;}
	.type_notice .body li a .tit{ padding:0 0 5px 0; width:100%;}
	.type_notice .body li a .date{ justify-content:flex-start; width:50%;}
	.type_notice .body li a .click{ justify-content:flex-end; width:50%;}
}


.type_view{}
	.type_view .head{ border-top:1px solid #000;}
	.type_view .head .tit{ padding:20px 30px; line-height:25px; font-size:20px; font-weight:500; color:#000;}
	.type_view .head ul{ display:flex; flex-wrap:wrap; align-items:center; padding:10px 30px; border-top:1px solid #666; border-bottom:1px solid #DDD;}
	.type_view .head ul li{ display:flex; align-items:center; margin:0 30px 0 0; padding:5px 0;}
	.type_view .head ul li:last-child{ margin:0;}
	.type_view .head ul li p{ display:block; margin:0 5px 0 0; font-size:15px; color:#333;}
	.type_view .head ul li font{ display:block; font-size:15px; color:#999;}
	.type_view .body{ padding:30px;}
	.type_view .body *{ line-height:25px; font-size:15px; color:#333;}
	.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}
	.type_view .page{ border-top:1px solid #DDD;}
	.type_view .page li{ display:flex; padding:20px 30px 20px 0; border-bottom:1px solid #DDD;}
	.type_view .page li p{ display:block; padding:0 30px; text-align:center; font-size:15px; color:#999;}
	.type_view .page li a{ display:block; flex:1 0; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}	
@media(max-width:767px){
	.type_view .head .tit{ padding:15px 10px; line-height:22px; font-size:18px;}
	.type_view .head ul{ padding:10px 10px;}
	.type_view .head ul li{ margin:0 15px 0 0;}
	.type_view .head ul li p{ font-size:13px;}
	.type_view .head ul li font{ font-size:13px;}
	.type_view .body{ padding:20px 10px;}
	.type_view .body *{ font-size:13px;}
	.type_view .body img{ margin:0 0 15px 0;}
	.type_view .page li{ padding:15px 10px 15px 0;}
	.type_view .page li p{ padding:0 30px 0 10px; font-size:13px;}
	.type_view .page li a{ font-size:13px;}
}


.type_write{ border-top:1px solid #000;}
	.type_write ul{}
	.type_write ul li{ border-bottom:1px solid #DDD;}
	.type_write ul li a{ display:flex; align-items:flex-start; padding:20px 30px;}
	.type_write ul li a > .tit{ width:100px; line-height:35px; font-size:15px; font-weight:500; color:#000;}
	.type_write ul li a .row{ flex:1 0; display:flex; flex-wrap:wrap; align-items:center;}
	.type_write ul li a .row > *{ margin:0 2px;}
	.type_write ul li a .img{ width:120px; height:35px; background:#333; text-align:center; line-height:35px; color:#FFF;}
	
	.type_write select{ display:block; margin:0; padding:0 35px 0 10px; width:auto; height:35px; border-radius:0; border:1px solid #CCC; background:url(/images/type_select.png) no-repeat center right 10px #FFF; background-size:10px auto; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
	.type_write select::-ms-expand{ display:none;}
	.type_write input{ display:block; margin:0; padding:0 10px; width:150px; height:35px; border-radius:0; border:1px solid #CCC; background:none; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
	.type_write textarea{ display:block; margin:0; padding:0 10px; width:100%; height:120px; max-height:120px; min-height:120px; border-radius:0; border:1px solid #CCC; background:none; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
	
	.type_write .code{}
	.type_write .code .txt{ margin:0 0 0 10px; line-height:20px; font-size:15px; color:#F00;}
	
	.type_write .privacy{}
	.type_write .privacy .title{ line-height:20px; font-size:20px; font-weight:500; color:#000;}
	.type_write .privacy .check{ margin:15px 0 0 0;}
	.type_write .privacy .check label{ display:flex; cursor:pointer;}
	.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
	.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
	.type_write .privacy .check label.on i{ background:#344db0; color:#FFF;}
	
	.type_write .tel select{ width:80px;}
	
	.type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}
@media(max-width:1000px){
	.type_write .code .txt{ margin:10px 0 0 0;}
}
@media(max-width:767px){
	.type_write ul li a{ display:block; padding:15px 0;}
	.type_write ul li a > .tit{ padding:0 0 10px 0; width:auto; line-height:15px; font-size:15px;}
	.type_write ul li a .img{ width:120px; height:35px; background:#333; text-align:center; line-height:35px; color:#FFF;}
	
	.type_write input{ width:100%;}
	.type_write .code .img{ width:50%;}
	.type_write .code input{ flex:1 0; width:50%;}
	.type_write .code .txt{ margin:10px 0 0 0; line-height:15px; font-size:13px;}
	.type_write .privacy .title{ line-height:20px; font-size:18px;}
	.type_write .privacy .check label p{ font-size:13px;}
	.type_write .tel input{ flex:1 0; width:50%;}
	.type_write .mail input{ flex:1 0; width:50%;}
	.type_write .mail select{ margin-top:4px !important; width:100%;}
}
	
	
.type_btn_02{ display:block; margin:50px auto 0 auto; width:200px; border:1px solid #DDD; text-align:center; line-height:50px; font-size:15px; color:#000; cursor:pointer;}
@media(max-width:767px){
	.type_btn_02{ margin:30px auto 0 auto; line-height:40px;}
}


.type_btn_03{ display:block; margin:50px auto 0 auto; width:200px; background:#344db0; text-align:center; line-height:50px; font-size:15px; color:#FFF; cursor:pointer;}
@media(max-width:767px){
	.type_btn_03{ margin:30px auto 0 auto; line-height:40px;}
}




.info_sitemap{ border-top:1px solid #000;}
	.info_sitemap > ul{}
	.info_sitemap > ul > li{ overflow:hidden; padding:25px 0; border-bottom:1px solid #DDD;}
	.info_sitemap > ul > li > a{ display:block;}
	.info_sitemap > ul > li > a p{ padding:0 0 20px 0; line-height:25px; font-size:25px; font-weight:700; color:#000;}
	.info_sitemap > ul > li > ul{ float:left; width:100%;}
	.info_sitemap > ul > li > ul li{ float:left; width:33.333%;}
	.info_sitemap > ul > li > ul li a{ display:block; cursor:pointer;}
	.info_sitemap > ul > li > ul li a p{ padding:10px 0; line-height:20px; font-size:18px; color:#999;}
@media(max-width:1000px){
	.info_sitemap > ul > li:nth-child(2) > ul li:nth-child(4){ width:66.666%;}
}
@media(max-width:767px){
	.info_sitemap > ul > li{ padding:20px 0;}
	.info_sitemap > ul > li > a p{ padding:10px 0; line-height:20px; font-size:20px;}
	.info_sitemap > ul > li > ul li a p{ line-height:15px; font-size:15px;}
}