@charset "utf-8";
*{ margin:0; padding:0; list-style:none; font-family:"GmarketSans", 맑은 고딕, 微软雅黑, sans-serif; font-weight:400; letter-spacing:-0.5px; box-sizing:border-box;}
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none; overflow:hidden;}


.type_full{ padding:0 100px;}
.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:400px; 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; 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 30px 30px 30px;}
	.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 20px 20px 20px;}
}

	
.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:15px; color:#000;}
	.popup_privacy .tit font{ display:block; float:left; margin:0 0 0 -25px; line-height:20px; font-size:12px; color:#669932;}
	.popup_privacy .txt{ padding:10px 0 10px 25px; line-height:20px; font-size:13px; color:#666;}
	.popup_privacy .txt2{ padding:2px 0 2px 40px; line-height:20px; font-size:13px; color:#999;}
	.popup_privacy .txt2 font{ display:block; float:left; margin:0 0 0 -15px; line-height:20px; font-size:13px; color:#669932;}
	.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;}
}


.popup_as{ margin:0 0 -20px 0;}
	.popup_as input{ display:block; margin:0; padding:0 40px 0 15px; width:100%; height:40px; border-radius:0; border:1px solid #DDD; background:none; line-height:38px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
	.popup_as{ margin:0 0 -10px 0;}
}
	
.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; transition:all .3s;}
	.header .type_row{ display:flex; justify-content:space-between; align-items:center; height:100px;}
	.header .fr{ display:flex; justify-content:center; align-items:center;}
	.header .logo{ display:block; height:40px;}
	.header .logo img{ display:block; width:auto; height:100%;}
	.header .logo img.bai{}
	.header .logo img.hei{ display:none;}
	
	.header .menu{}
	.header .menu > ul{ display:flex;}
	.header .menu > ul > li{ position:relative; margin:0 40px 0 0;}
	.header .menu > ul > li > a{ display:flex; align-items:center; justify-content:center; position:relative; height:100px;}
	.header .menu > ul > li > a p{ font-size:15px; color:#FFF;}
	
	.header .menu > ul > li > ul{ display:none; position:absolute; z-index:10; top:80px; left:50%; transform:translate(-50%,0); border-top:5px solid #669932; background:#FFF; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);}
	.header .menu > ul > li:nth-child(1) > ul{ width:120px;}
	.header .menu > ul > li:nth-child(2) > ul{ width:120px;}
	.header .menu > ul > li:nth-child(3) > ul{ width:180px;}
	.header .menu > ul > li:nth-child(4) > ul{ width:120px;}
	.header .menu > ul > li:nth-child(5) > ul{ width:120px;}
	.header .menu > ul > li > ul > li{ position:relative;}
	.header .menu > ul > li > ul > li > a{ display:flex; justify-content:space-between; align-items:center; padding:10px 15px; transition:all .1s;}
	.header .menu > ul > li > ul > li > a p{ line-height:15px; font-size:13px; color:#000;}
	.header .menu > ul > li > ul > li > a i{ line-height:15px; font-size:13px; color:#666;}
	
	
	.header .menu > ul > li > ul > li ul{ display:none; position:absolute; top:0; left:180px; background:#FFF; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);}
	.header .menu > ul > li > ul > li:nth-child(1) ul{ width:140px;}
	.header .menu > ul > li > ul > li:nth-child(3) ul{ width:210px;}
	.header .menu > ul > li > ul > li ul li{}
	.header .menu > ul > li > ul > li ul li a{ display:block; padding:10px 0 10px 15px; transition:all .5s;}
	.header .menu > ul > li > ul > li ul li a p{ line-height:15px; font-size:13px; color:#000;}
	
	.header .menu > ul > li:hover > ul{ display:block;}
	.header .menu > ul > li > ul > li:hover > a{ background:#f5f5f5;}
	.header .menu > ul > li > ul > li:hover ul{ display:block;} 
	.header .menu > ul > li > ul > li ul li:hover a{ background:#f5f5f5;}
	
	.header .menu > ul > li.on > a p{ border-bottom:1px solid #669932; color:#669932;}
	.header .menu > ul > li > ul > li.on > a p{ color:#669932;}
	.header .menu > ul > li > ul > li > ul li.on a p{ color:#669932;}
	.header .menu > ul > li > ul > li.depth3 ul{width:140px; left:120px}
	
	.header .btn{ display:flex; align-items:center; justify-content:center; margin:0 65px 0 0; width:110px; height:35px; border-radius:20px; background:#669932; cursor:pointer;}
	.header .btn p{ font-size:15px; color:#FFF;}
	
	.header.scroll{ background:#FFF; box-shadow:0 1px 0 0 rgba(0,0,0,0.05);}
	.header.scroll .logo img.bai{ display:none;}
	.header.scroll .logo img.hei{ display:block;}
	.header.scroll .menu > ul > li > a p{ color:#000;}
@media(max-width:1000px){
	.header .menu{ display:none;}
}
@media(max-width:767px){
	.header .type_row{ height:60px;}
	.header .logo{ height:25px;}
	.header .btn{ margin:0 40px 0 0; width:90px; height:30px;}
	.header .btn p{ font-size:12px;}
}


.all_menu_btn_close{ display:none; position:fixed; z-index:310; top:30px; 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:300; top:30px; 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:#FFF;}
	.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:#FFF;}
	.all_menu_btn.scroll #nav-icon1 span{ background:#000;}
	.all_menu_btn.scroll.open #nav-icon1 span{ background:#FFF;}
@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:10px; right:15px; margin:0;}
	.all_menu_btn{ top:10px; right:15px; margin:0;}
}


.all_menu{ overflow:hidden; position:fixed; z-index:200; top:0; right:-100%; bottom:0; left:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all .3s;}
	.all_menu .row{ overflow:auto; position:fixed; top:0; right:100%; bottom:0; left:-100%; padding:50px; border-top:5px solid #669932; background:#FFF; opacity:0; transition:all .5s;}
	.all_menu .menu{}
	.all_menu .menu > ul{}
	.all_menu .menu > ul > li{ 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{ display:flex; flex-wrap:wrap;}
	.all_menu .menu > ul > li > ul > li{ width:33.333%;}
	.all_menu .menu > ul > li > ul > li > a{ display:flex; justify-content:space-between; align-items:center; position:relative; padding:5px 0; cursor:pointer;}
	.all_menu .menu > ul > li > ul > li > a p{ line-height:20px; font-size:15px; color:#666;}
	.all_menu .menu > ul > li > ul > li > a i{ margin:0 20px 0 0; line-height:20px; font-size:15px; color:#999; transform:rotate(90deg);}
	.all_menu .menu > ul > li > ul > li > a:hover p{ color:#000;}
	
	.all_menu .menu > ul > li > ul > li ul{}
	.all_menu .menu > ul > li > ul > li ul li{}
	.all_menu .menu > ul > li > ul > li ul li a{ display:flex;}
	.all_menu .menu > ul > li > ul > li ul li a p{ line-height:25px; font-size:13px; color:#999;}
	.all_menu .menu > ul > li > ul > li ul li a:hover p{ color:#000;}
	
	.all_menu .menu > ul > li > ul > li.on > a p{ color:#669932;}
	.all_menu .menu > ul > li > ul > li.on > a i{ color:#669932;}
	.all_menu .menu > ul > li > ul > li > ul li.on a p{ color:#669932;}
	
	.all_menu.on{ right:0; left:0; opacity:1;}
	.all_menu.on .row{ right:50%; left:0; opacity:1;}
@media(max-width:1200px){
	.all_menu.on .row{ right:125px;}
}
@media(max-width:1000px){
	.all_menu .menu > ul > li{ padding:15px 0;}
	.all_menu .menu > ul > li > a{ float:inherit; margin:0;}
}
@media(max-width:767px){
	.all_menu .row{ padding:10px 50px;}
	.all_menu .menu > ul > li{}
	.all_menu .menu > ul > li > a p{ padding:0 0 5px 0; line-height:20px; font-size:18px;}
	.all_menu .menu > ul > li > ul > li{ width:100%;}
	.all_menu .menu > ul > li > ul > li > a p{}
	.all_menu .menu > ul > li > ul > li ul{ padding:10px 15px; border-radius:5px; background:#fafafa;}
	.all_menu .menu > ul > li > ul > li.on > a:before{ content:""; display:block; position:absolute; top:50%; left:-20px; margin:-4px 0 0 0; width:8px; height:8px; border-radius:50%; background:#669932;}
	.all_menu.on .row{ right:55px;}
}

	
.visual{ position:relative; background:#000;}
	.visual .icon{ position:absolute; z-index:10; bottom:-100px; left:50%; transform:translate(-50%,0);}
	.visual .text{ display:flex; align-items:center; position:absolute; z-index:5; top:0; right:0; bottom:0; left:0;}
	.visual .text .type_row{ width:100%;}
	.visual .text .row{}
	.visual .text .t1{ font-size:60px; font-weight:300; color:#FFF;}
	.visual .text .t2{ font-size:100px; font-weight:500; color:#44de30; text-transform:uppercase;}
	.visual .text .t3{ margin:10px 0 0 0; font-size:20px; font-weight:300; color:#FFF;}
	.visual .rolling{ margin:0;}
	.visual .slide{ overflow:hidden;}
	.visual .slide a{ display:block; height:800px; background-size:cover !important; transform:scale(1); transition:all 5s;}
	.visual .slide.slick-active a{ transform:scale(1.2);}
	.visual .slick-dots{ z-index:15; bottom:100px; left:50%; right:auto; margin:0 0 0 -600px; width:auto; height:15px; text-align:left;}
	.visual .slick-dots li{ vertical-align:top; margin:0 10px 0 0; 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:1921px){
	.visual .slide a{ background-size:1920px auto !important;}
}
@media(max-width:1400px){
	.visual .slick-dots{ left:100px; margin:0;}
}
@media(max-width:1200px){
	.visual .icon{ bottom:-80px; height:160px;}
	.visual .text .t1{ font-size:40px;}
	.visual .text .t2{ font-size:80px;}
	.visual .text .t3{ font-size:17px;}
	.visual .slide a{ height:600px; background-size:cover !important;}
	.visual .slick-dots{ left:50px;}
}
@media(max-width:767px){
	.visual .icon{ bottom:-20px; height:100px;}
	.visual .text{ text-align:center;}
	.visual .text .t1{ font-size:30px;}
	.visual .text .t2{ font-size:50px;}
	.visual .text .t3{ font-size:12px;}
	.visual .slide a{ height:400px;}
	.visual .slick-dots{ right:0; left:0; bottom:100px; height:10px; text-align:center;}
	.visual .slick-dots li{ margin:0 5px; width:10px; height:10px;}
	.visual .slick-dots li button{ width:10px; height:10px;}
}


.main_banner{ overflow:hidden;}
	.main_banner .type_row{ display:flex;}
	.main_banner .type_row .li{ display:flex; flex-direction:column; justify-content:center; position:relative; width:50%; height:250px;}
	.main_banner .type_row .li .tit{ position:relative; z-index:10; font-size:30px;}
	.main_banner .type_row .li .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:30px 0 0 0; width:160px; height:40px; border-radius:20px; background:#669932; cursor:pointer;}
	.main_banner .type_row .li .btn p{ font-size:15px; color:#FFF;}
	.main_banner .type_row .li .btn i{ margin:0 0 0 20px; font-size:15px; color:#FFF;}
	.main_banner .type_row .li:nth-child(1){}
	.main_banner .type_row .li:nth-child(2){ padding:0 0 0 120px;}
	.main_banner .type_row .li:nth-child(1) .tit{ color:#000;}
	.main_banner .type_row .li:nth-child(2) .tit{ color:#FFF;}
	.main_banner .type_row .li:nth-child(1) .bg{ position:absolute; top:0; right:0; bottom:0; left:-3000px; background:url(/images/mb_01.png) center right no-repeat #f0f0f0; background-size:auto 100% !important;}
	.main_banner .type_row .li:nth-child(2) .bg{ position:absolute; top:0; right:-3000px; bottom:0; left:0; background:url(/images/mb_02.png) center left no-repeat #333; background-size:auto 100% !important;}
@media(max-width:1000px){
	.main_banner .type_row .li{ height:180px;}
	.main_banner .type_row .li .tit{ font-size:25px;}
	.main_banner .type_row .li .btn{ margin:20px 0 0 0;}
	.main_banner .type_row .li:nth-child(2){ padding:0 0 0 100px;}
	.main_banner .type_row .li:nth-child(1) .bg{ background:url(/images/mb_01.png) center right -50px no-repeat #f0f0f0;}
	.main_banner .type_row .li:nth-child(2) .bg{ background:url(/images/mb_02.png) center left -100px no-repeat #333;}
}
@media(max-width:767px){
	.main_banner .type_row .li{ height:120px;}
	.main_banner .type_row .li .tit{ font-size:16px;}
	.main_banner .type_row .li .btn{ margin:10px 0 0 0; width:90px; height:30px;}
	.main_banner .type_row .li .btn p{ font-size:12px;}
	.main_banner .type_row .li .btn i{ margin:0 0 0 5px; font-size:12px;}
	.main_banner .type_row .li:nth-child(2){ padding:0 0 0 30px;}
	.main_banner .type_row .li:nth-child(1) .bg{ background:url(/images/mb_01.png) center right -50px no-repeat #f0f0f0;}
	.main_banner .type_row .li:nth-child(2) .bg{ background:url(/images/mb_02.png) center left -80px no-repeat #333;}
}
	

.main_products{}
	.main_products .type_row{ padding:100px 0;}
	.main_products .title{ text-align:center; font-size:40px; font-weight:500; color:#000; text-transform:uppercase;}
	.main_products .menu{ display:flex; justify-content:center; align-items:center; margin:30px 0 0 0;}
	.main_products .menu p{ margin:0 20px; font-size:18px; color:#666; cursor:pointer;}
	.main_products .menu p.on{ font-weight:500; color:#669932;}
	.main_products .rolling{ margin:50px -7.5px 0 -7.5px;}
	.main_products .slide{}
	.main_products .slide a{ display:block; margin:0 7.5px; padding:70px 0; border-radius:50px; border:1px solid #DDD;}
	.main_products .slide a img{ display:block; margin:0 auto;}
	.main_products .slide a img.new_pro{height:350px}
	.main_products .xi-angle-left{ display:flex; align-items:center; justify-content:center; position:absolute; top:50%; left:-25px; margin:-30px 0 0 0; width:60px; height:60px; border-radius:50%; background:#669932; font-size:20px; color:#FFF; cursor:pointer;}
	.main_products .xi-angle-right{ display:flex; align-items:center; justify-content:center; position:absolute; top:50%; right:-25px; margin:-30px 0 0 0; width:60px; height:60px; border-radius:50%; background:#669932; font-size:20px; color:#FFF; cursor:pointer;}
	.main_products .more{ display:flex; justify-content:center; align-items:center; margin:50px auto 0 auto; width:180px; height:50px; border-radius:30px; border:1px solid #DDD; cursor:pointer;}
	.main_products .more p{ font-size:16px; color:#000;}
@media(max-width:1000px){
	.main_products .slide a img{ height:200px;}
	.main_products .slide a img.new_pro{height:200px}
}
@media(max-width:767px){
	.main_products{ padding:0;}
	.main_products .type_row{ padding:50px 0;}
	.main_products .title{ font-size:25px;}
	.main_products .menu{ margin:15px 0 0 0;}
	.main_products .menu p{ margin:0 10px; font-size:15px;}
	.main_products .rolling{ margin:30px -5px 0 -5px;}
	.main_products .slide a{ margin:0 5px; padding:50px 0; border-radius:30px;}
	.main_products .slide a img{ height:180px;}
	.main_products .slide a img.new_pro{height:180px}
	.main_products .xi-angle-left{ margin:-20px 0 0 0; left:20px; width:40px; height:40px; font-size:15px;}
	.main_products .xi-angle-right{ margin:-20px 0 0 0; right:20px; width:40px; height:40px; font-size:15px;}
	.main_products .more{ margin:30px auto 0 auto; width:100px; height:35px;}
	.main_products .more p{ font-size:13px;}
}


.main_ban{ display:flex; align-items:center; height:300px; background:url(/images/mb.jpg) center; background-size:cover;}
	.main_ban .type_row{ display:flex; width:100%;}
	.main_ban .type_row .fl{ margin:0 150px 0 0;}
	.main_ban .type_row .fl img{ display:block; height:30px;}
	.main_ban .type_row .fl p{ margin:30px 0 0 0; font-size:35px; font-weight:500; color:#FFF;}
	.main_ban .type_row .fl p br{}
	.main_ban .type_row .fr{}
	.main_ban .type_row .fr p{ font-size:25px; color:#FFF;}
	.main_ban .type_row .fr p br{}
	.main_ban .type_row .fr p font{ font-weight:500; color:#669932; text-transform:uppercase;}
	.main_ban .type_row .fr .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:30px 0 0 0; width:120px; height:40px; border-radius:20px; background:#669932; cursor:pointer;}
	.main_ban .type_row .fr .btn p{ font-size:15px; color:#FFF;}
	.main_ban .type_row .fr .btn i{ margin:0 0 0 20px; font-size:15px; color:#FFF;}
@media(max-width:1000px){
	.main_ban .type_row .fl{ margin:0 50px 0 0;}
	.main_ban .type_row .fl p{ font-size:25px;}
	.main_ban .type_row .fr p{ font-size:20px;}
}
@media(max-width:767px){
	.main_ban{ height:250px;}
	.main_ban .type_row{ flex-direction:column;}
	.main_ban .type_row .fl{ display:flex;}
	.main_ban .type_row .fl img{ height:25px;}
	.main_ban .type_row .fl p{ margin:0 0 0 10px; font-size:20px;}
	.main_ban .type_row .fr{ margin:20px 0 0 0;}
	.main_ban .type_row .fr p{ line-height:20px; font-size:16px;}
	.main_ban .type_row .fr .btn{ margin:15px 0 0 0; width:90px; height:30px;}
	.main_ban .type_row .fr .btn p{ font-size:12px;}
	.main_ban .type_row .fr .btn i{ margin:0 0 0 5px; font-size:12px;}
}


.main_community{ background:#ededed;}
	.main_community .type_row{ padding:100px 0;}
	.main_community .type_row .title{ text-align:center; font-size:40px; font-weight:500; color:#000; text-transform:uppercase;}
	.main_community .type_row .row{ display:flex; margin:50px 0 0 0;}
	.main_community .type_row .row .ff{ display:flex; flex-wrap:wrap; width:50%;}
	.main_community .type_row .row .ff .fl{ position:relative; width:50%; height:400px; background:url(/images/mc01.jpg); background-size:cover;}
	.main_community .type_row .row .ff .fl .text{ position:absolute; left:40px; bottom:60px;}
	.main_community .type_row .row .ff .fl .text .tit{ font-size:25px; font-weight:500; color:#FFF;}
	.main_community .type_row .row .ff .fl .text .txt{ margin:10px 0 0 0; font-size:18px; color:#FFF;}
	.main_community .type_row .row .ff .fr{ width:50%;}
	.main_community .type_row .row .ff .fr .ft{ position:relative; padding:30px; height:200px; background:#DDD;}
	.main_community .type_row .row .ff .fr .ft .head{ display:flex; justify-content:space-between; align-items:center;}
	.main_community .type_row .row .ff .fr .ft .head p{ display:flex; justify-content:center; align-items:center; width:70px; height:25px; background:#00577b; font-size:12px; color:#FFF;}
	.main_community .type_row .row .ff .fr .ft .head a{ display:flex; justify-content:center; align-items:center; cursor:pointer;}
	.main_community .type_row .row .ff .fr .ft .head a i{ font-size:20px; color:rgba(0,0,0,0.5);}
	.main_community .type_row .row .ff .fr .ft .tit{ display:block; margin:20px 0 0 0; line-height:20px; font-size:15px; color:#000; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
	.main_community .type_row .row .ff .fr .ft .date{ position:absolute; left:30px; bottom:30px; font-size:12px; color:rgba(0,0,0,0.5);}
	.main_community .type_row .row .ff .fr .fb{ position:relative; padding:30px; height:200px; background:#FFF;}
	.main_community .type_row .row .ff .fr .fb .head{ display:flex; justify-content:space-between; align-items:center;}
	.main_community .type_row .row .ff .fr .fb .head p{ display:flex; justify-content:center; align-items:center; width:70px; height:25px; background:#669932; font-size:12px; color:#FFF;}
	.main_community .type_row .row .ff .fr .fb .head a{ display:flex; justify-content:center; align-items:center; cursor:pointer;}
	.main_community .type_row .row .ff .fr .fb .head a i{ font-size:20px; color:rgba(0,0,0,0.5);}
	.main_community .type_row .row .ff .fr .fb .tit{ display:block; margin:20px 0 0 0; line-height:20px; font-size:15px; color:#000; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
	.main_community .type_row .row .ff .fr .fb .date{ position:absolute; left:30px; bottom:30px; font-size:12px; color:rgba(0,0,0,0.5);}
	.main_community .type_row .row .as{ position:relative; width:50%; height:400px; background:url(/images/mc02.jpg) right; background-size:cover;}
	.main_community .type_row .row .as .text{ position:absolute; top:60px; left:50px;}
	.main_community .type_row .row .as .text .tit{ font-size:40px; font-weight:500; color:#FFF;}
	.main_community .type_row .row .as .text .txt{ margin:10px 0 0 0; font-size:25px; color:#FFF;}
	.main_community .type_row .row .as .btn{ display:flex; justify-content:center; align-items:center; position:absolute; left:50px; bottom:80px; margin:30px 0 0 0; width:140px; height:40px; border-radius:20px; background:#669932; cursor:pointer;}
	.main_community .type_row .row .as .btn p{ font-size:15px; color:#FFF;}
	.main_community .type_row .row .as .btn i{ margin:0 0 0 20px; font-size:15px; color:#FFF;}
@media(max-width:1000px){
	.main_community .type_row .row{ flex-direction:column;}
	.main_community .type_row .row .ff{ width:100%;}
	.main_community .type_row .row .as{ width:100%;}
}
@media(max-width:767px){
	.main_community .type_row{ padding:50px 0;}
	.main_community .type_row .title{ font-size:25px;}
	.main_community .type_row .row{ margin:30px 0 0 0;}
	.main_community .type_row .row .ff .fl{ height:300px;}
	.main_community .type_row .row .ff .fl .text{ left:20px; bottom:40px;}
	.main_community .type_row .row .ff .fl .text .tit{ font-size:20px;}
	.main_community .type_row .row .ff .fl .text .txt{ font-size:14px;}
	.main_community .type_row .row .ff .fr .ft{ padding:20px; height:150px;}
	.main_community .type_row .row .ff .fr .ft .head p{ width:50px;}
	.main_community .type_row .row .ff .fr .ft .tit{ margin:15px 0 0 0; font-size:14px; -webkit-line-clamp:2;}
	.main_community .type_row .row .ff .fr .ft .date{ left:20px; bottom:20px; font-size:10px;}
	.main_community .type_row .row .ff .fr .fb{ padding:20px; height:150px;}
	.main_community .type_row .row .ff .fr .fb .head{ display:flex; justify-content:space-between; align-items:center;}
	.main_community .type_row .row .ff .fr .fb .head p{ width:50px;}
	.main_community .type_row .row .ff .fr .fb .tit{ margin:15px 0 0 0; font-size:14px; -webkit-line-clamp:2;}
	.main_community .type_row .row .ff .fr .fb .date{ left:20px; bottom:20px; font-size:10px;}
	.main_community .type_row .row .as{ height:300px;}
	.main_community .type_row .row .as .text{ top:30px; left:20px;}
	.main_community .type_row .row .as .text .tit{ font-size:30px;}
	.main_community .type_row .row .as .text .txt{ font-size:18px;}
	.main_community .type_row .row .as .btn{ left:20px; bottom:40px; width:120px; height:35px;}
	.main_community .type_row .row .as .btn p{ font-size:14px;}
	.main_community .type_row .row .as .btn i{ margin:0 0 0 5px; font-size:14px;}
}


.footer_logo{ border-top:1px solid rgba(0,0,0,0.1);}
	.footer_logo .type_row{}
	.footer_logo .type_row .rolling{ margin:0;}
	.footer_logo .type_row .rolling .slide{}
	.footer_logo .type_row .rolling .slide a{ display:flex; justify-content:center; align-items:center; height:140px;}
	.footer_logo .type_row .rolling .slide a img{ display:block; max-width:80%; max-width:65%;}
@media(max-width:767px){
	.footer_logo .type_row .rolling{ margin:0 -15px;}
	.footer_logo .type_row .rolling .slide a{ height:100px;}
}


.footer{ background:#1a2c34;}
	.footer .type_row{ display:flex; flex-direction:column; position:relative; padding:80px 0 100px 0;}
	.footer .logo{ display:flex; height:40px;}
	.footer .logo img{ display:block; height:100%;}
	.footer .fr{ position:absolute; top:80px; right:0;}
	.footer .fr .sns{ display:flex; justify-content:flex-end; align-items:center;}
	.footer .fr .sns a{ display:flex; justify-content:center; align-items:center; margin:0 0 0 10px; cursor:pointer;}
	.footer .fr .sns a i{ font-size:25px; color:rgba(255,255,255,0.5);}
	.footer .fr select{ display:block; margin:15px 0 0 0; padding:0 35px 0 10px; width:220px; height:40px; border-radius:0; border:1px solid rgba(255,255,255,0.2); background:url(/images/basic_select_icon_bai.png) no-repeat center right 10px rgba(255,255,255,0); background-size:15px auto; line-height:38px; font-size:14px; color:#FFF; outline:none; -webkit-appearance:none;}
	.footer .fr select option{ color:#000;}
	.footer .txt{ margin:30px 0 0 0; line-height:20px; font-size:13px; color:rgba(255,255,255,0.5);}
	.footer .copy{ margin:30px 0 0 0; font-size:12px; text-transform:uppercase; color:rgba(255,255,255,0.3);}
@media(max-width:767px){
	.footer .type_row{ align-items:center; padding:50px 0 80px 0;}
	.footer .logo{ height:25px;}
	.footer .fr{ display:flex; flex-direction:column; align-items:center; position:static; margin:30px 0 0 0;}
	.footer .fr .sns a{ margin:0 10px;}
	.footer .fr .sns a i{ font-size:20px;}
	.footer .fr select{ margin:15px 0 0 0; width:180px; height:35px; background-size:10px auto; line-height:33px; font-size:12px;}
	.footer .txt{ margin:30px 0 0 0; text-align:center; font-size:12px;}
	.footer .copy{ font-size:10px;}
}


.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; height:400px; background:url(/images/sv_bg.jpg) top; background-size:cover;}
	.sub_visual .text{ display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; bottom:0; left:0;}
	.sub_visual .text img{ display:block;}
	.sub_visual .text p{ margin:0 0 0 50px; font-size:30px; font-weight:500; color:#FFF;}
@media(max-width:1921px){
	.sub_visual{ background-size:1920px auto !important;}
}
@media(max-width:767px){
	.sub_visual{ height:250px; background-size:cover !important;}
	.sub_visual .text img{ height:40px;}
	.sub_visual .text p{ margin:0 0 0 30px; font-size:20px;}
}


.sub_gnb{ position:relative; z-index:50; margin:-60px 0 0 0; height:60px; border-top:1px solid rgba(255,255,255,0.2);}
	.sub_gnb .type_row{ display:flex; margin-top:-1px;}
	.sub_gnb .home{ display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:#669932;}
	.sub_gnb .home img{ display:block;}
	.sub_gnb .select{ position:relative;}
	.sub_gnb .select .head{ display:flex; justify-content:space-between; align-items:center; padding:0 30px; width:300px; height:60px; border-right:1px solid rgba(255,255,255,0.2); cursor:pointer;}
	.sub_gnb .select .head p{ font-size:15px; color:#FFF;}
	.sub_gnb .select .head i{ font-size:15px; color:#FFF;}
	.sub_gnb .select ul{ display:none; position:absolute; top:60px; right:0; left:0; padding:1px 0 0 0;}
	.sub_gnb .select ul li{}
	.sub_gnb .select ul li a{ display:flex; justify-content:space-between; align-items:center; margin:-1px 0 0 0; padding:0 30px; height:50px; border:1px solid #DDD; background:#FFF;}
	.sub_gnb .select ul li a p{ font-size:15px; color:#000;}
	.sub_gnb .select ul li a:hover{ background:#f5f5f5;}
	.sub_gnb .select ul li.on a{ background:#FFF;}
	.sub_gnb .select ul li.on a:before{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid #049a7c;}
	/*.sub_gnb .select:hover ul{ display:block;}*/
@media(max-width:1200px){
	.sub_gnb .select .head{ padding:0 20px; width:220px;}
	.sub_gnb .select .head p{ font-size:15px;}
	.sub_gnb .select ul li a{ padding:0 20px;}
}
@media(max-width:767px){
	.sub_gnb{ margin:-45px 0 0 0; height:45px;}
	.sub_gnb .home{ width:45px; height:45px;}
	.sub_gnb .home img{ height:16px;}
	.sub_gnb .select{ display:none; flex:1 0;}
	.sub_gnb .select:last-child{ display:block;}
	.sub_gnb .select .head{ padding:0 20px; width:100%; height:45px;}
	.sub_gnb .select .head p{ font-size:14px;}
	.sub_gnb .select .head i{ font-size:14px;}
	.sub_gnb .select ul{ top:45px;}
	.sub_gnb .select ul li{}
	.sub_gnb .select ul li a{ padding:0 20px; height:45px;}
	.sub_gnb .select ul li a p{ font-size:14px;}
}



.sub{}
	.sub .type_row{ padding:100px 0;}
	.sub .type_row .sub_title{ padding:0 0 50px 0; text-align:center; font-size:45px; color:#000;}
@media(max-width:767px){
	.sub .type_row{ padding:50px 0 50px 0;}
	.sub .type_row .sub_title{ padding:0 0 30px 0; font-size:30px;}
}





.sub_about_introduction{}
	.sub_about_introduction .ft{ text-align:center;}
	.sub_about_introduction .ft .tit{ font-size:30px;}
	.sub_about_introduction .ft .txt{ margin:30px 0 0 0; line-height:25px; font-size:15px; color:#666;}
	.sub_about_introduction .ft .txt font{ color:#669932;}
	.sub_about_introduction .fc{ margin:150px 0 0 0;}
	.sub_about_introduction .fc .bg{ margin:0 -1000px; padding:50px 0 80px 0; background:url(/images/sai.jpg) center; background-size:cover;}
	.sub_about_introduction .fc .bg .icon{ display:block; margin:-150px auto 0 auto;}
	.sub_about_introduction .fc .bg .tit{ margin:30px 0 0 0; text-align:center; font-size:30px; color:#FFF;}
	.sub_about_introduction .fc .bg .tit font{ color:#669932;}
	.sub_about_introduction .fc .bg .txt{ margin:30px 0 0 0; text-align:center; line-height:25px; font-size:15px; color:#FFF;}
	.sub_about_introduction .fc .tt{ margin:50px 0 0 0; text-align:center; line-height:25px; font-size:15px; color:#666;}
	.sub_about_introduction .fc .tt font{ color:#669932;}
	.sub_about_introduction .fb{ margin:50px 0 0 0;}
	.sub_about_introduction .fb .title{ text-align:center; font-size:30px;}
	.sub_about_introduction .fb ul{ display:flex; margin:30px -10px 0 -10px;}
	.sub_about_introduction .fb ul li{ width:33.333%;}
	.sub_about_introduction .fb ul li .row{ margin:0 10px; padding:50px 20px; height:100%; background:#f5f5f5; text-align:center;}
	.sub_about_introduction .fb ul li .row img{ display:block; margin:0 auto;}
	.sub_about_introduction .fb ul li .row .tit{ margin:20px 0 0 0; font-size:18px; color:#000;}
	.sub_about_introduction .fb ul li .row .txt{ margin:10px 0 0 0; font-size:15px; color:#666;}
	.sub_about_introduction .fb ul li .row .tt{ display:inline-block; margin:10px 0 0 0; text-align:left; line-height:20px; font-size:13px; color:#666;}
	.sub_about_introduction .fb ul li .row a{ display:inline-block; margin:20px 0 0 0; padding:0 20px; height:45px; border-radius:30px; background:#669932; cursor:pointer;}
	.sub_about_introduction .fb ul li .row a p{ display:inline-block; vertical-align:top; margin:0 5px; line-height:45px; font-size:15px; color:#FFF;}
	.sub_about_introduction .fb ul li .row a i{ display:inline-block; vertical-align:top; margin:0 5px; line-height:45px; font-size:18px; color:#FFF;}
	.sub_about_introduction .fb .tb{ margin:30px 0 0 0; text-align:center; line-height:25px; font-size:15px; color:#666;}
@media(max-width:1000px){
	.sub_about_introduction .ft .txt br{ display:none;}
	.sub_about_introduction .fc .bg{ margin:0 -50px; padding:50px 50px 80px 50px;}
	.sub_about_introduction .fc .tt br{ display:none;}
	.sub_about_introduction .fb ul{ flex-direction:column; margin:10px 0 0 0;}
	.sub_about_introduction .fb ul li{ margin:20px 0 0 0; width:100%;}
	.sub_about_introduction .fb ul li .row{ margin:0;}
}
@media(max-width:767px){
	.sub_about_introduction .ft .tit{ font-size:20px;}
	.sub_about_introduction .ft .txt{ margin:15px 0 0 0; font-size:13px;}
	.sub_about_introduction .fc{ margin:90px 0 0 0;}
	.sub_about_introduction .fc .bg{ margin:0 -15px; padding:30px 15px 50px 15px;}
	.sub_about_introduction .fc .bg .icon{ margin:-90px auto 0 auto; width:120px; height:120px;}
	.sub_about_introduction .fc .bg .tit{ margin:30px 0 0 0; font-size:20px;}
	.sub_about_introduction .fc .bg .txt{ margin:15px 0 0 0; font-size:13px;}
	.sub_about_introduction .fc .bg .txt br{ display:none;}
	.sub_about_introduction .fc .tt{ margin:30px 0 0 0; font-size:13px; }
	.sub_about_introduction .fb{ margin:30px 0 0 0;}
	.sub_about_introduction .fb .title{ font-size:20px;}
	.sub_about_introduction .fb ul{ margin:5px 0 0 0;}
	.sub_about_introduction .fb ul li{ margin:10px 0 0 0;}
	.sub_about_introduction .fb ul li .row{ margin:0; padding:30px 15px;}
	.sub_about_introduction .fb ul li .row img{ display:block; height:60px;}
	.sub_about_introduction .fb ul li .row .tit{ margin:15px 0 0 0; font-size:16px;}
	.sub_about_introduction .fb ul li .row .txt{ font-size:13px;}
	.sub_about_introduction .fb ul li .row .tt{ line-height:20px; font-size:12px;}
	.sub_about_introduction .fb ul li .row a{ margin:20px 0 0 0; height:35px;}
	.sub_about_introduction .fb ul li .row a p{ line-height:35px; font-size:13px;}
	.sub_about_introduction .fb ul li .row a i{ line-height:35px; font-size:15px;}
	.sub_about_introduction .fb .tb{ font-size:13px;}
}


.sub_about_philosophy{}
	.sub_about_philosophy .ft{ text-align:center;}
	.sub_about_philosophy .ft .f01{}
	.sub_about_philosophy .ft .f01 .tit{ font-size:25px;}
	.sub_about_philosophy .ft .f01 img{ margin:30px 0 0 0; width:100%; height:auto;}
	.sub_about_philosophy .ft .f02{ margin:50px 0 0 0;}
	.sub_about_philosophy .ft .f02 .tit{ font-size:25px;}
	.sub_about_philosophy .ft .f02 ul{ display:flex; flex-wrap:wrap; margin:30px -10px 0 -10px;}
	.sub_about_philosophy .ft .f02 ul li{ width:25%;}
	.sub_about_philosophy .ft .f02 ul li a{ display:block; margin:0 10px; padding:30px 10px; border-radius:10px; background:#f5f5f5;}
	.sub_about_philosophy .ft .f02 ul li a img{ display:block; margin:0 auto;}
	.sub_about_philosophy .ft .f02 ul li a p{ margin:15px 0 0 0; font-size:15px;}
	.sub_about_philosophy .ft .f03{ margin:50px 0 0 0;}
	.sub_about_philosophy .ft .f03 .tit{ font-size:25px;}
	.sub_about_philosophy .ft .f03 ul{ display:flex; margin:30px 0 0 0;}
	.sub_about_philosophy .ft .f03 ul li{ width:50%;}
	.sub_about_philosophy .ft .f03 ul li a{ display:flex; align-items:center; position:relative; height:150px;}
	.sub_about_philosophy .ft .f03 ul li a .img{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:150px; height:150px; border-radius:50%;}
	.sub_about_philosophy .ft .f03 ul li a .img img{}
	.sub_about_philosophy .ft .f03 ul li a .img p{ margin:10px 0 0 0; font-size:15px; color:#FFF;}
	.sub_about_philosophy .ft .f03 ul li a p{ line-height:20px; font-size:15px; color:#000;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(1) a{ justify-content:flex-end; padding:0 150px 0 0;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(1) a .img{ position:absolute; right:-10px; background:rgba(0,87,123,0.5);}
	.sub_about_philosophy .ft .f03 ul li:nth-child(1) a p{ text-align:right;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(2) a .img{ position:absolute; left:-10px; background:rgba(102,153,50,0.5);}
	.sub_about_philosophy .ft .f03 ul li:nth-child(2) a{ justify-content:flex-start; padding:0 0 0 150px;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(2) a p{ text-align:left;}
	.sub_about_philosophy .fb{ margin:50px 0 0 0;}
	.sub_about_philosophy .fb .title{ text-align:center; font-size:25px;}
	.sub_about_philosophy .fb ul{}
	.sub_about_philosophy .fb ul li{ margin:30px 0 0 0;}
	.sub_about_philosophy .fb ul li a{ display:flex; align-items:center;}
	.sub_about_philosophy .fb ul li a img{ margin:0 30px 0 0; width:500px; border-radius:10px;}
	.sub_about_philosophy .fb ul li a .fr{}
	.sub_about_philosophy .fb ul li a .fr .tit{ padding:0 0 10px 0; font-size:20px;}
	.sub_about_philosophy .fb ul li a .fr .txt{ position:relative; padding:5px 0 5px 20px; font-size:14px; color:#666;}
	.sub_about_philosophy .fb ul li a .fr .txt:before{ content:""; display:block; position:absolute; left:0; top:8px; width:10px; height:2px; background:#CCC;}
	.sub_about_philosophy .fb ul li:nth-child(2) a{ display:block; overflow:hidden;}
	.sub_about_philosophy .fb ul li:nth-child(2) a img{ float:right; margin:0 0 0 30px;}
	.sub_about_philosophy .fb ul li:nth-child(2) a .fr{ margin:70px 0 0 0;}
@media(max-width:1000px){
	.sub_about_philosophy .ft .f02 ul{ margin:10px -10px 0 -10px;}
	.sub_about_philosophy .ft .f02 ul li{ width:50%;}
	.sub_about_philosophy .ft .f02 ul li a{ margin:20px 10px 0 10px;}
	.sub_about_philosophy .ft .f03 ul li a{ display:block; height:auto;}
	.sub_about_philosophy .ft .f03 ul li a p{ line-height:20px; font-size:15px; color:#000;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(1) a{ margin:0 10px; padding:30px 0; height:100%; border:1px solid #DDD;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(1) a .img{ position:static; margin:0 auto;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(1) a p{ margin:15px 0 0 0; text-align:center;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(2) a .img{ position:static; margin:0 auto;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(2) a{ margin:0 10px; padding:30px 0; height:100%; border:1px solid #DDD;}
	.sub_about_philosophy .ft .f03 ul li:nth-child(2) a p{ margin:15px 0 0 0; text-align:center;}
	.sub_about_philosophy .fb ul li a img{ width:300px;}
	.sub_about_philosophy .fb ul li:nth-child(2) a .fr{ margin:20px 0 0 0;}
}
@media(max-width:767px){
	.sub_about_philosophy .ft .f01 .tit{ font-size:20px;}
	.sub_about_philosophy .ft .f01 img{ margin:10px 0 0 0;}
	.sub_about_philosophy .ft .f02{ margin:30px 0 0 0;}
	.sub_about_philosophy .ft .f02 .tit{ font-size:20px;}
	.sub_about_philosophy .ft .f02 ul{ margin:0;}
	.sub_about_philosophy .ft .f02 ul li{ margin:10px 0 0 0; width:100%;}
	.sub_about_philosophy .ft .f02 ul li a{ display:flex; justify-content:flex-start; align-items:center; margin:0; padding:20px 0;}
	.sub_about_philosophy .ft .f02 ul li a img{ margin:0 20px 0 50px; width:50px;}
	.sub_about_philosophy .ft .f02 ul li a p{ margin:0; text-align:left;}
	.sub_about_philosophy .ft .f03 .tit{ font-size:20px;}
	.sub_about_philosophy .ft .f03 ul{ display:block !important; margin:0;}
	.sub_about_philosophy .ft .f03 ul li{ margin:10px 0 0 0 !important; width:100% !important;}
	.sub_about_philosophy .ft .f03 ul li a{ margin:0 !important; padding:15px 0 !important;}
	.sub_about_philosophy .ft .f03 ul li a .img{ width:100px; height:100px;}
	.sub_about_philosophy .ft .f03 ul li a .img img{ height:40px !important;}
	.sub_about_philosophy .ft .f03 ul li a .img p{ margin:5px 0 0 0;}
	.sub_about_philosophy .ft .f03 ul li a p{ font-size:13px;}
	
	.sub_about_philosophy .fb{ margin:30px 0 0 0;}
	.sub_about_philosophy .fb .title{ font-size:20px;}
	.sub_about_philosophy .fb ul li{ margin:20px 0 0 0;}
	.sub_about_philosophy .fb ul li a{ display:block;}
	.sub_about_philosophy .fb ul li a img{ display:block; float:inherit !important; margin:0 !important; width:100%;}
	.sub_about_philosophy .fb ul li a .fr{ margin:0 !important;}
	.sub_about_philosophy .fb ul li a .fr .tit{ padding:15px 0 5px 0; font-size:18px;}
	.sub_about_philosophy .fb ul li a .fr .txt{ padding:5px 0 5px 15px; font-size:13px;}
	.sub_about_philosophy .fb ul li a .fr .txt:before{ top:7px; width:5px; height:1px;}
}


.sub_about_history{}
	.sub_about_history .ft{ position:relative;}
	.sub_about_history .ft ul{ position:relative; z-index:10;}
	.sub_about_history .ft ul li{}
	.sub_about_history .ft ul li a{ display:block; position:relative; margin:0 0 0 200px; padding:30px 0; border-top:1px solid #DDD;}
	.sub_about_history .ft ul li:first-child a{ border:0;}
	.sub_about_history .ft ul li a .fl{ display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:-200px; width:150px; height:150px; border-radius:50%; border:2px solid #669932; background:#FFF;}
	.sub_about_history .ft ul li a .fl p{ display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; background:#669932; font-size:20px; font-weight:500; color:#FFF;}
	.sub_about_history .ft ul li a > p{ position:relative; padding:10px 0 10px 30px; font-size:15px; color:#666;}
	.sub_about_history .ft ul li a > p font{ display:block; float:left; margin:0 0 0 -30px; font-size:15px; font-weight:500; color:#669932;}
	.sub_about_history .ft .line{ position:absolute; top:30px; left:75px; bottom:30px; border-left:1px solid #DDD;}
	.sub_about_history .fb{ margin:50px 0 0 0; padding:50px 0 0 0; border-top:1px solid #DDD;}
	.sub_about_history .fb ul{ margin:-30px 0 0 0;}
	.sub_about_history .fb ul li{ margin:30px 0 0 0;}
	.sub_about_history .fb ul li a{ display:flex; justify-content:center; align-items:center;}
	.sub_about_history .fb ul li a img{ margin:0 50px 0 0; border-radius:10px;}
	.sub_about_history .fb ul li a .fr{ flex:1 0;}
	.sub_about_history .fb ul li a .fr .tit{ font-size:20px; color:#669932;}
	.sub_about_history .fb ul li a .fr .txt{ padding:10px 0 0 30px; font-size:16px;}
	.sub_about_history .fb ul li a .fr .tt{ padding:10px 0 0 30px; font-size:14px; color:#666;}
@media(max-width:1000px){
	.sub_about_history .fb ul li a img{ width:300px;}
}
@media(max-width:767px){
	.sub_about_history .ft ul li a{ margin:0 0 0 120px;}
	.sub_about_history .ft ul li a .fl{ left:-120px; width:100px; height:100px;}
	.sub_about_history .ft ul li a .fl p{ width:80px; height:80px; font-size:18px;}
	.sub_about_history .ft ul li a > p{ font-size:13px;}
	.sub_about_history .ft ul li a > p font{ font-size:13px;}
	.sub_about_history .ft .line{ left:50px;}
	.sub_about_history .fb{ margin:10px 0 0 0; padding:30px 0 0 0;}
	.sub_about_history .fb ul{ margin:-20px 0 0 0;}
	.sub_about_history .fb ul li{ margin:20px 0 0 0;}
	.sub_about_history .fb ul li a{ flex-direction:column;}
	.sub_about_history .fb ul li a img{ margin:0 0 15px 0; width:100%; height:auto;}
	.sub_about_history .fb ul li a .fr{ flex:1 0;}
	.sub_about_history .fb ul li a .fr .tit{ font-size:18px;}
	.sub_about_history .fb ul li a .fr .txt{ padding:5px 0 0 30px; font-size:14px;}
	.sub_about_history .fb ul li a .fr .tt{ padding:5px 0 0 30px; font-size:12px;}
}


.sub_about_patents_menu{}
	.sub_about_patents_menu ul{ display:flex; padding:0 0 0 1px;}
	.sub_about_patents_menu ul li{ width:33.333%;}
	.sub_about_patents_menu ul li a{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; height:50px; border:1px solid #DDD; cursor:pointer;}
	.sub_about_patents_menu ul li a p{ font-size:16px; color:#000;}
	.sub_about_patents_menu ul li.on a{ position:relative; z-index:10; border-color:#669932; background:#669932;}
	.sub_about_patents_menu ul li.on a p{ color:#FFF;}
@media(max-width:767px){
	.sub_about_patents_menu ul li a{ height:40px;}
	.sub_about_patents_menu ul li a p{ font-size:14px;}
}


.sub_about_patents{ display:flex; flex-wrap:wrap; margin:20px -15px 0 -15px;}
	.sub_about_patents li{ margin:30px 0 0 0; width:33.333%;}
	.sub_about_patents li a{ display:block; margin:0 15px; padding:20px; border-radius:10px; border:1px solid #DDD;}
	.sub_about_patents li a img{ display:block; width:100%;}
	.sub_about_patents li a p{ margin:15px 0 0 0; text-align:center; font-size:15px; color:#000;}
@media(max-width:1000px){
	.sub_about_patents li{ width:50%;}
}
@media(max-width:767px){
	.sub_about_patents{ margin:0;}
	.sub_about_patents li{ margin:20px 0 0 0; width:100%;}
	.sub_about_patents li a{ margin:0; padding:15px;}
}


.sub_about_location{}
	.sub_about_location > .map{ width:100% !important;}
	.sub_about_location .info{ margin:50px 0 0 0;}
	.sub_about_location .info ul{ display:flex; align-items:center; margin:20px -15px 0 -15px;}
	.sub_about_location .info ul li{ display:flex; align-items:center; width:33.333%;}
	.sub_about_location .info ul li a{ display:flex; align-items:center; margin:0 15px;}
	.sub_about_location .info ul li a i{ margin:0 15px 0 0; font-size:40px; color:#000;}
	.sub_about_location .info ul li div p{ font-size:16px;}
	.sub_about_location .info ul li div font{ display:block; margin:5px 0 0 0; font-size:14px; color:#666;}
	.sub_about_location .bottom{ margin:50px 0 0 0;}
	.sub_about_location .bottom ul{ display:flex; margin:0 -10px;}
	.sub_about_location .bottom ul li{ display:flex; align-items:center; margin:0 10px; padding:50px; width:50%; background:#f0f0f0;}
	.sub_about_location .bottom ul li i{ margin:0 15px 0 0; font-size:40px; color:#000;}
	.sub_about_location .bottom ul li .box{}
	.sub_about_location .bottom ul li .box .tit{ font-size:16px; }
	.sub_about_location .bottom ul li .box .txt{ display:flex; align-items:center; margin:5px 0 0 0;}
	.sub_about_location .bottom ul li .box .txt font{ display:flex; justify-content:center; align-items:center; margin:0 5px 0 0; padding:0 10px; height:30px; border-radius:20px; background:#00afbd; font-size:13px; color:#FFF;}
	.sub_about_location .bottom ul li .box .txt p{ flex:1 0; font-size:13px; color:#666;}
@media(max-width:1000px){
	.sub_about_location .info{ margin:20px 0 0 0;}
	.sub_about_location .info ul{ flex-direction:column; align-items:flex-start; margin:0;}
	.sub_about_location .info ul li{ margin:0; width:100%;}
	.sub_about_location .info ul li a{ margin:30px 0 0 0; width:100%;}
}
@media(max-width:767px){
	.sub_about_location > .map{ height:250px;}
	.sub_about_location .info{ margin:10px 0 0 0;}
	.sub_about_location .info ul li a i{ margin:0 10px 0 0; font-size:35px;}
	.sub_about_location .info ul li div p{ font-size:14px;}
	.sub_about_location .info ul li div font{ font-size:12px;}
	.sub_about_location .bottom{ margin:10px 0 0 0;}
	.sub_about_location .bottom ul{ flex-direction:column; margin:0;}
	.sub_about_location .bottom ul li{ margin:20px 0 0 0; padding:20px; width:100%;}
	.sub_about_location .bottom ul li i{ margin:0 10px 0 0; font-size:35px;}
	.sub_about_location .bottom ul li .box .tit{ font-size:14px; }
	.sub_about_location .bottom ul li .box .txt font{ font-size:12px;}
	.sub_about_location .bottom ul li .box .txt p{ font-size:12px;}
}


















.sub_products_list_menu{}
	.sub_products_list_menu ul{ display:flex; flex-wrap: wrap; padding:1px 0 0 1px;; justify-content:center; }
	.sub_products_list_menu ul li{ width:50%;}
	.sub_products_list_menu ul li a{ display:flex; justify-content:center; align-items:center; margin:-1px 0 0 -1px; height:50px; border:1px solid #DDD; cursor:pointer;}
	.sub_products_list_menu ul li a p{ font-size:15px; color:#000;}
	.sub_products_list_menu ul li.on a{ position:relative; z-index:10; border-color:#669932; background:#669932;}
	.sub_products_list_menu ul li.on a p{ color:#FFF;}
@media(max-width:767px){
	.sub_products_list_menu ul li{ width: 33.333%;}
	.sub_products_list_menu ul li a{ height:40px;}
	.sub_products_list_menu ul li a p{ font-size:14px;}
}


.sub_products_list{ margin:50px 0 0 0;}
	.sub_products_list ul{ display:flex; flex-wrap:wrap; padding:1px 0 0 1px;}
	.sub_products_list ul li{ width:25%;}
	.sub_products_list ul li a{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin:-1px 0 0 -1px; padding:50px 0; border:1px solid #DDD;}
	.sub_products_list ul li a img{ display:block; height:200px}
	.sub_products_list ul li a p{ margin:30px 0 0 0; font-size:18px; color:#000;}
	.sub_products_list ul li a:hover{ background:#fafafa;}
@media(max-width:1000px){
	.sub_products_list ul li{ width:33.333%;}
}
@media(max-width:767px){
	.sub_products_list{ margin:30px 0 0 0;}
	.sub_products_list ul li{ width:50%;}
	.sub_products_list ul li a{ padding:30px 0;}
	.sub_products_list ul li a img{ display:block; height:120px}
	.sub_products_list ul li a p{ margin:20px 0 0 0; font-size:14px;}
}


.products_detail{}
	.products_detail .menu{}
	.products_detail .menu ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:-10px 0 0 0;}
	.products_detail .menu ul li{ margin:10px 5px 0 5px;}
	.products_detail .menu ul li a{ display:flex; justify-content:center; align-items:center; padding:0 20px; height:45px; border:1px solid #DDD; cursor:pointer;}
	.products_detail .menu ul li a p{ font-size:16px; color:#999;}
	.products_detail .menu ul li.on a{ border-color:#669932;}
	.products_detail .menu ul li.on a p{ color:#669932;}
	
	.products_detail .ft{ display:flex; margin:50px 0 0 0; padding:50px; border:1px solid #DDD; border-top:2px solid #669932;}
	.products_detail .ft .rolling{ position:relative; margin:0; width:500px;}
	.products_detail .ft .rolling .slide{ display:flex; justify-content:center; align-items:center; padding:100px 0; background:#f0f0f0;}
	.products_detail .ft .rolling .slide img{ display:block; height:300px;}
	.products_detail .ft .rolling .xi-angle-left{ display:flex; align-items:center; justify-content:center; position:absolute; top:50%; left:-25px; margin:-30px 0 0 0; width:60px; height:60px; border-radius:50%; background:#669932; font-size:20px; color:#FFF; cursor:pointer;}
	.products_detail .ft .rolling .xi-angle-right{ display:flex; align-items:center; justify-content:center; position:absolute; top:50%; right:-25px; margin:-30px 0 0 0; width:60px; height:60px; border-radius:50%; background:#669932; font-size:20px; color:#FFF; cursor:pointer;}
	.products_detail .ft .rolling .slick-dots{ z-index:15; bottom:30px; left:0; right:0; margin:0; width:auto; height:10px;}
	.products_detail .ft .rolling .slick-dots li{ vertical-align:top; margin:0 10px 0 0; width:10px; height:10px;}
	.products_detail .ft .rolling .slick-dots li button{ width:10px; height:10px; border-radius:50%; background:rgba(0,0,0,0.2);}
	.products_detail .ft .rolling .slick-dots li button:before{ display:none;}
	.products_detail .ft .rolling .slick-dots li.slick-active button{ background:#669932;}
	
	.products_detail .ft .fr{ flex:1 0; padding:0 0 0 50px;}
	.products_detail .ft .fr .title{ font-size:25px; font-weight:500; color:#669932;}
	.products_detail .ft .fr .tit{ padding:15px 0 0 25px; font-size:16px; color:#000;}
	.products_detail .ft .fr .tit font{ display:block; float:left; margin:0 0 0 -25px; color:#669932;}
	.products_detail .ft .fr .txt{ position:relative; padding:5px 0 0 25px; font-size:13px; color:#666;}
	.products_detail .ft .fr .txt:before{ content:""; display:block; position:absolute; top:8px; left:10px; width:5px; height:1px; background:#999;}
	.products_detail .ft .fr .btn{ display:flex; justify-content:center; align-items:center; margin:30px 0 0 0; padding:0 20px; height:45px; border-radius:30px; background:#669932;}
	.products_detail .ft .fr .btn p{ font-size:15px; color:#FFF;}
	
	.products_detail .table_title{ margin:50px 0 0 0; text-align:center; font-size:30px; color:#000;}
	.products_detail .table{ margin:30px 0 0 0;}
	.products_detail .table table{ border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #669932;}
	.products_detail .table table tbody{}
	.products_detail .table table tbody tr{}
	.products_detail .table table tbody tr th{ padding:10px; text-align:center; vertical-align:middle; height:50px; border-bottom:1px solid #DDD; border-left:1px solid #DDD; background:#fafafa; font-size:16px;}
	.products_detail .table table tbody tr th:last-child{ border-right:1px solid #DDD;}
	.products_detail .table table tbody tr td{ padding:10px; text-align:center; vertical-align:middle; border-bottom:1px solid #DDD; border-left:1px solid #DDD; font-size:13px; color:rgba(0,0,0,0.7);}
	.products_detail .table table tbody tr td:last-child{ border-right:1px solid #DDD;}
@media(max-width:1000px){
	.products_detail .ft{ flex-direction:column;}
	.products_detail .ft .rolling{ width:auto;}
	.products_detail .ft .fr{ padding:50px 0 0 0;}
}
@media(max-width:767px){
	.products_detail .menu ul{ margin:-5px 0 0 0;}
	.products_detail .menu ul li{ margin:5px 2.5px 0 2.5px;}
	.products_detail .menu ul li a{ padding:0 10px; height:35px;}
	.products_detail .menu ul li a p{ font-size:13px;}
	
	.products_detail .ft{ margin:30px 0 0 0; padding:20px;}
	.products_detail .ft .rolling .slide{ padding:80px 0;}
	.products_detail .ft .rolling .slide img{ height:200px;}
	.products_detail .ft .rolling .xi-angle-left{ left:-25px; margin:-25px 0 0 0; width:50px; height:50px; font-size:15px;}
	.products_detail .ft .rolling .xi-angle-right{ right:-25px; margin:-25px 0 0 0; width:50px; height:50px; font-size:15px;}
	.products_detail .ft .rolling .slick-dots{ bottom:20px;}
	
	.products_detail .ft .fr{ padding:30px 0 0 0;}
	.products_detail .ft .fr .title{ font-size:25px;}
	.products_detail .ft .fr .tit{ font-size:15px;}
	.products_detail .ft .fr .txt{ font-size:12px;}
	.products_detail .ft .fr .btn{ height:40px;}
	.products_detail .ft .fr .btn p{ font-size:14px;}
	
	.products_detail .table_title{ margin:30px 0 0 0; font-size:25px;}
	.products_detail .table{ margin:10px 0 0 0;}
	.products_detail .table table tbody tr th{ height:40px; font-size:14px;}
	.products_detail .table table tbody tr td{ font-size:12px;}
}


.sub_products_evrang{ overflow:hidden;}
	.sub_products_evrang .mt{ display:block; float:left; margin:0 50px 50px 0;}
	.sub_products_evrang .mb{ display:none;}
	.sub_products_evrang .tit{ font-size:40px;}
	.sub_products_evrang .tit font{ font-weight:500; color:#669932;}
	.sub_products_evrang .txt{ margin:20px 0 0 0; line-height:25px; font-size:15px; color:#666;}
	.sub_products_evrang .tag{ display:flex; flex-wrap:wrap; margin:40px 0 0 0;}
	.sub_products_evrang .tag li{ margin:10px 10px 0 0;}
	.sub_products_evrang .tag li a{ display:flex; justify-content:center; align-items:center; padding:0 20px; height:45px; border-radius:30px; border:1px solid #DDD;}
	.sub_products_evrang .tag li a p{ font-size:14px; color:#000;}
	.sub_products_evrang .tag li a .xi-external-link{ margin:0 0 0 5px; font-size:20px; color:#000;}
	.sub_products_evrang .tag li a:hover{ background:#f5f5f5;}
@media(max-width:1000px){
	.sub_products_evrang .mt{ display:none;}
	.sub_products_evrang .mb{ display:block; float:left; margin:30px 30px 0 0; width:50%; height:auto;}
}
@media(max-width:767px){
	.sub_products_evrang .mb{ margin:20px 20px 20px 0;}
	.sub_products_evrang .tit{ font-size:25px;}
	.sub_products_evrang .txt{ font-size:14px;}
	.sub_products_evrang .tag{ margin:20px 0 0 0;}
	.sub_products_evrang .tag li{ margin:10px 5px 0 0;}
	.sub_products_evrang .tag li a{ padding:0 15px; height:35px;}
	.sub_products_evrang .tag li a p{ font-size:12px;}
	.sub_products_evrang .tag li a .xi-external-link{ font-size:16px;}
}












.sub_service_public{ padding:0 0 50px 0; text-align:center;}
	.sub_service_public .title{ display:inline-block; padding:0 30px; height:40px; border-radius:30px; background:#669932; line-height:40px; font-size:18px; color:#FFF;}
	.sub_service_public .rolling{ margin:0 -10px;}
	.sub_service_public .rolling .slide{ margin:30px 0 0 0;}
	.sub_service_public .rolling .slide .ft{ margin:0 10px; padding:20px 0; height:180px; border-radius:10px; border:1px solid #DDD; text-align:center;}
	.sub_service_public .rolling .slide .ft .tit{ font-size:16px; color:#669932;}
	.sub_service_public .rolling .slide .ft img{ display:block; margin:10px auto;}
	.sub_service_public .rolling .slide .ft .txt{ text-align:center; font-size:16px;}
	.sub_service_public .rolling .slide .line{ margin:10px auto 0 auto; width:0; height:10px; border-left:1px dashed #999;}
	.sub_service_public .rolling .slide .fb{ margin:0 10px; text-align:center;}
	.sub_service_public .rolling .slide .fb .tit{ display:block; margin:10px 0 5px 0; padding:10px 0; border-radius:20px; background:#333; font-size:13px; color:#FFF;}
	.sub_service_public .rolling .slide .fb .txt{ display:inline-block; text-align:left; line-height:20px; font-size:12px; color:#666;}
@media(max-width:767px){
	.sub_service_public{ padding:0 0 30px 0;}
	.sub_service_public .title{ padding:0 20px; height:35px; line-height:35px; font-size:15px;}
	.sub_service_public .rolling{ margin:0 -5px;}
	.sub_service_public .rolling .slide{ margin:20px 0 0 0; }
	.sub_service_public .rolling .slide .ft{ margin:0 5px; padding:20px 0; height:150px;}
	.sub_service_public .rolling .slide .ft .tit{ font-size:14px;}
	.sub_service_public .rolling .slide .ft img{ height:40px;}
	.sub_service_public .rolling .slide .ft .txt{ font-size:14px;}
	.sub_service_public .rolling .slide .fb{ margin:0 5px;}
	.sub_service_public .rolling .slide .fb .tit{ font-size:11px;}
	.sub_service_public .rolling .slide .fb .txt{ font-size:10px;}
}


.sub_service_non_public{ padding:0 0 50px 0; text-align:center;}
	.sub_service_non_public .title{ line-height:25px; font-size:18px; color:#669932;}
	.sub_service_non_public .rolling{ margin:0 -10px;}
	.sub_service_non_public .rolling .slide{ margin:30px 0 0 0;}
	.sub_service_non_public .rolling .slide .ft{ margin:0 10px; padding:20px 0; height:220px; border-radius:10px; border:1px solid #DDD; text-align:center;}
	.sub_service_non_public .rolling .slide .ft .tit{ font-size:16px; color:#669932;}
	.sub_service_non_public .rolling .slide .ft img{ display:block; margin:10px auto;}
	.sub_service_non_public .rolling .slide .ft .txt{ text-align:center; font-size:16px;}
	.sub_service_non_public .rolling .slide .ft .tt{ margin:5px 15px 0 15px; text-align:center; font-size:13px; color:#999;}
@media(max-width:767px){
	.sub_service_non_public{ padding:0 0 30px 0;}
	.sub_service_non_public .title{ line-height:22px; font-size:14px;}
	.sub_service_non_public .rolling{ margin:0 -5px;}
	.sub_service_non_public .rolling .slide{ margin:20px 0 0 0; }
	.sub_service_non_public .rolling .slide .ft{ margin:0 5px; padding:20px 0; height:180px;}
	.sub_service_non_public .rolling .slide .ft .tit{ font-size:14px;}
	.sub_service_non_public .rolling .slide .ft img{ height:40px;}
	.sub_service_non_public .rolling .slide .ft .txt{ font-size:14px;}
	.sub_service_non_public .rolling .slide .ft .tt{ font-size:11px;}
}


.sub_service_public_guide{ margin:-30px 0 0 0;}
	.sub_service_public_guide ul{ display:flex; flex-wrap:wrap; margin:0 -15px;}
	.sub_service_public_guide ul li{ margin:30px 0 0 0; width:33.333%;}
	.sub_service_public_guide ul li a{ display:block; margin:0 15px; height:100%; border:1px solid #DDD;}
	.sub_service_public_guide ul li img{ display:block; width:100%; height:auto;}
	.sub_service_public_guide ul li .fb{ padding:0 30px 30px 30px; text-align:center;}
	.sub_service_public_guide ul li .fb .tt{ margin:30px 0 0 0; font-size:40px; font-weight:500; color:#669932;}
	.sub_service_public_guide ul li .fb .tit{ margin:10px 0 0 0; font-size:18px; color:#000;}
	.sub_service_public_guide ul li .fb .txt{ margin:10px 0 0 0; line-height:20px; font-size:13px; color:#666;}
	.sub_service_public_guide .tb{ margin:30px 0 0 0; padding:50px; border:1px solid #DDD;}
	.sub_service_public_guide .tb .ft{ display:flex; align-items:center;}
	.sub_service_public_guide .tb .ft i{ width:35px; font-size:30px; color:#669932;}
	.sub_service_public_guide .tb .ft .tit{ font-size:18px; color:#000;}
	.sub_service_public_guide .tb .txt{ margin:10px 0 0 35px; font-size:14px; color:#666;}
@media(max-width:1000px){
	.sub_service_public_guide ul li{ width:50%;}
}
@media(max-width:767px){
	.sub_service_public_guide{ margin:-20px 0 0 0;}
	.sub_service_public_guide ul{ margin:0;}
	.sub_service_public_guide ul li{ margin:20px 0 0 0; width:100%;}
	.sub_service_public_guide ul li a{ margin:0; height:auto;}
	.sub_service_public_guide ul li .fb{ padding:0 20px 20px 20px;}
	.sub_service_public_guide ul li .fb .tt{ margin:20px 0 0 0; font-size:30px;}
	.sub_service_public_guide .tb{ margin:20px 0 0 0; padding:20px;}
	.sub_service_public_guide .tb .txt{ font-size:12px;}
}


.sub_service_evrang{ border-top:2px solid #669932;}
	.sub_service_evrang ul{}
	.sub_service_evrang ul li{ border-bottom:1px solid #DDD;}
	.sub_service_evrang ul li .row{ display:flex; align-items:center; padding:30px 0;}
	.sub_service_evrang ul li .row .fl{ position:relative;}
	.sub_service_evrang ul li .row .fl img{ margin:0 50px 0 0; width:250px; border-radius:5px}
	.sub_service_evrang ul li .row .fr{ flex:1 0;}
	.sub_service_evrang ul li .row .fr .tit{ font-size:18px; color:#000;}
	.sub_service_evrang ul li .row .fr .txt{ margin:10px 0 0 0; line-height:20px; font-size:14px; color:#666;}
	.sub_service_evrang ul li .row .fr a{ display:flex; justify-content:center; align-items:center; margin:30px 0 0 0; width:200px; height:45px; border-radius:30px; background:#669932;}
	.sub_service_evrang ul li .row .fr a p{ font-size:15px; color:#FFF;}
	.sub_service_evrang ul li .row .fr a i{ margin:0 0 0 5px; font-size:20px; color:#FFF;}
@media(max-width:767px){
	.sub_service_evrang ul li .row{ flex-direction:column; padding:30px 0;}
	.sub_service_evrang ul li .row .fl{ position:relative;}
	.sub_service_evrang ul li .row .fl img{ display:block; margin:0 auto;}
	.sub_service_evrang ul li .row .fr{ margin:20px 0 0 0; text-align:center;}
	.sub_service_evrang ul li .row .fr .tit{ font-size:16px;}
	.sub_service_evrang ul li .row .fr .txt{ font-size:13px;}
	.sub_service_evrang ul li .row .fr a{ margin:20px 0 0 0; width:auto; height:40px;}
}













.sub_agent{}
	.sub_agent li{ margin:30px 0 0 0;}
	.sub_agent li:first-child{ margin:0;}
	.sub_agent li a{ display:block; padding:50px; border-radius:20px; border:1px solid #DDD;}
	.sub_agent li a .title{ font-size:30px; font-weight:500;}
	.sub_agent li a .ff{ margin:20px 0 0 0; padding:30px; border-radius:10px; background:#fafafa;}
	.sub_agent li a .ff .ft{ display:flex; justify-content:space-between; align-items:center;}
	.sub_agent li a .ff .ft .tit{ font-size:18px;}
	.sub_agent li a .ff .ft .tel{ font-size:20px;}
	.sub_agent li a .ff .add{ margin:10px 0 0 0; font-size:14px; color:rgba(0,0,0,0.5);}
@media(max-width:767px){
	.sub_agent li{ margin:15px 0 0 0;}
	.sub_agent li a{ padding:25px;}
	.sub_agent li a .title{ font-size:20px;}
	.sub_agent li a .ff{ margin:10px 0 0 0; padding:15px;}
	.sub_agent li a .ff .ft .tit{ font-size:16px;}
	.sub_agent li a .ff .ft .tel{ font-size:18px;}
	.sub_agent li a .ff .add{ font-size:13px;}
}








.type_search{ display:flex; justify-content:space-between; align-items:center;}
	.type_search .fl{}
	.type_search .fl p{ font-size:18px; color:#666;}
	.type_search .fl p font{ font-weight:500; color:#669932; letter-spacing:0;}
	.type_search .fr{ display:flex; align-items:center;}
	.type_search .fr select{ display:block; margin:0; padding:0 30px 0 15px; width:100px; height:40px; border-radius:0; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px; background-size:10px auto; line-height:38px; font-size:14px; letter-spacing:0; color:#000; outline:none; -webkit-appearance:none;}
	.type_search .fr .search{ position:relative; margin:0 0 0 -1px;}
	.type_search .fr .search i{ display:block; position:absolute; top:0; right:0; width:40px; text-align:center; line-height:40px; font-size:18px; color:#666; cursor:pointer;}
	.type_search .fr .search input{ display:block; margin:0; padding:0 40px 0 15px; width:180px; height:40px; border-radius:0; border:1px solid #DDD; background:none; line-height:38px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
	.type_search .fl p{ font-size:15px;}
	.type_search .fr{ display:flex; align-items:center;}
	.type_search .fr select{ padding:0 30px 0 10px; width:80px; height:35px; line-height:33px; font-size:12px;}
	.type_search .fr .search{}
	.type_search .fr .search i{ width:35px; line-height:33px; font-size:14px;}
	.type_search .fr .search input{ padding:0 40px 0 10px; width:150px; height:35px; line-height:33px; font-size:12px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin:50px 0 0 0;}
	.type_page i{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; width:40px; height:40px; border:1px solid #DDD; font-size:15px; color:#000; cursor:pointer;}
	.type_page .page{ display:flex; align-items:center;}
	.type_page .page p{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; width:40px; height:40px; border:1px solid #DDD; font-size:12px; color:#000; cursor:pointer;}
	.type_page .page p.on{ position:relative; z-index:1; border-color:#669932; background:#669932; color:#FFF;}
@media(max-width:767px){
	.type_page{ margin:30px 0 0 0;}
	.type_page i{ width:35px; height:35px;}
	.type_page .page p{ width:35px; height:35px;}
}


.type_notice{ margin:50px 0 0 0; border-top:1px solid #000;}
	.type_notice .head{ display:flex; border-bottom:1px solid #000;}
	.type_notice .head li{ display:flex; justify-content:center; align-items:center;}
	.type_notice .head li p{ line-height:60px; font-size:16px; color:#000;}
	.type_notice .body{}
	.type_notice .body li{}
	.type_notice .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:20px 0; border-bottom:1px solid #DDD;}
	.type_notice .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size:14px; color:#999;}
	.type_notice .body li .row .tit{ width:45%; display:flex; align-items:center; padding:0 15px;}
	.type_notice .body li .row .tit a{ max-width:90%; font-size:14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
	.type_notice .body li .row .tit i{ margin:0 0 0 5px; font-size:20px; color:#666; cursor:pointer;}
	.type_notice .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size:14px; color:#999;}
	.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size:14px; color:#999;}
	.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size:14px; color:#999;}
	.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
	.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size:13px; color:#666;}
	.type_notice .body li .row .answer.on p{ border:1px solid #669932; background:#669932; color:#FFF;}
@media(max-width:767px){
	.type_notice{ margin:30px 0 0 0;}
	.type_notice .head{ display:none;}
	.type_notice .body li .row{ padding:20px 0 20px 45px;}
	.type_notice .body li .row .number{ position:absolute; top:50%; transform:translate(0,-50%); left:0; width:35px; height:35px; border-radius:50%; background:#669932; color:#FFF;}
	.type_notice .body li .row .tit{ padding:0 0 5px 0; width:100%;}
	.type_notice .body li .row .user{ justify-content:flex-start; width:20%; font-size:12px;}
	.type_notice .body li .row .date{ justify-content:flex-start; width:30%; font-size:12px;}
	.type_notice .body li .row .click{ justify-content:flex-start; width:20%; font-size:12px;}
	.type_notice .body li .row .answer{ width:auto;}
	.type_notice .body li .row .answer p{ height:25px; font-size:10px;}
}


.type_service_example{ margin:30px 0 0 0;}
	.type_service_example ul{ display:flex; flex-wrap:wrap; margin:0 -10px;}
	.type_service_example ul li{ margin:20px 0 0 0; width:25%;}
	.type_service_example ul li a{ display:block; margin:0 10px;}
	.type_service_example ul li a img{ display:block; width:100%; border-radius:5px;}
	.type_service_example ul li a .tit{ margin:10px 0 0 0; font-size:15px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.type_service_example ul li a .date{ margin:5px 0 0 0; font-size:12px; color:#999;}
@media(max-width:1000px){
	.type_service_example ul li{ width:33.333%;}
}
@media(max-width:767px){
	.type_service_example{ margin:10px 0 0 0;}
	.type_service_example ul{ margin:0 -5px;}
	.type_service_example ul li{ width:50%;}
	.type_service_example ul li a{ margin:0 5px;}
	.type_service_example ul li a .tit{ font-size:14px;}
}


.type_view{}
	.type_view .head{ border-top:1px solid #000;}
	.type_view .head .tit{ padding:20px 30px; line-height:25px; font-size:20px; color:#000;}
	.type_view .head ul{ display:flex; flex-wrap:wrap; align-items:center; padding:20px 30px; border-top:1px solid #000; 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 .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size:13px; color:#666;}
	.type_view .head ul li span.on{ border:1px solid #669932; background:#669932; color:#FFF;}
	.type_view .body{ padding:50px 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 .body .file{ display:flex; margin:30px 0 0 0;}
	.type_view .body .file a{ display:flex; justify-content:center; align-items:center; padding:0 30px; height:40px; border:1px solid #09F;}
	.type_view .body .file p{ font-size:15px; color:#09F;}
	.type_view .body .file i{ margin:0 0 0 5px; font-size:20px; color:#09F;}
	.type_view .page{ border-top:1px solid #DDD;}
	.type_view .page li{ display:flex; align-content:center; padding:20px 30px 20px 100px; border-bottom:1px solid #DDD;}
	.type_view .page li p{ float:left; margin:0 0 0 -100px; width:100px; text-align:center; font-size:15px; color:#999;}
	.type_view .page li .tit{ display:flex; align-content:center; width:100%;}
	.type_view .page li .tit a{ display:block; max-width:90%; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}	
	.type_view .page li .tit i{ margin:0 0 0 10px; font-size:20px; cursor:pointer;}
	.type_view .answer{ display:flex; align-items:center; padding:30px; background:#669932;}
	.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
	.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
	.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
	.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
	.type_view .head .tit{ padding:15px 0; line-height:20px; font-size:16px;}
	.type_view .head ul{ padding:10px 0;}
	.type_view .head ul li{ margin:0 15px 0 0; padding:5px 0;}
	.type_view .head ul li p{ font-size:12px;}
	.type_view .head ul li font{ font-size:12px;}
	.type_view .head ul li span{ padding:0 10px; height:25px; font-size:10px;}
	.type_view .body{ padding:30px 0;}
	.type_view .body *{ font-size:14px;}
	.type_view .body .file a{ width:100%; height:35px;}
	.type_view .body .file p{ font-size:13px;}
	.type_view .body .file i{ font-size:18px;}
	.type_view .page li{ padding:15px 0 15px 60px;}
	.type_view .page li p{ margin:0 0 0 -60px; width:60px; text-align:left; font-size:13px;}
	.type_view .page li .tit a{ font-size:13px;}	
	.type_view .page li .tit i{ margin:0 0 0 5px; font-size:18px;}
	.type_view .answer{ flex-direction:column; padding:15px;}
	.type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
	.type_view .answer .fr{ padding:20px;}
	.type_view .answer .fr *{ font-size:14px;}
}


.type_write{}
	.type_write .title{ display:flex; justify-content:space-between; align-items:flex-end; padding:0 0 20px 0; border-bottom:1px solid #000;}
	.type_write .title p{ font-size:15px; color:#669932;}
	.type_write .title font{ font-size:14px; color:#F00;}
	.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:180px; line-height:35px; font-size:15px; 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 .file{ display:flex; width:100%;}
	.type_write ul li a .file input{ width:100%;}
	.type_write ul li a .file .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 -1px; width:120px; height:35px; border:1px solid #DDD; background:#f5f5f5;}
	.type_write ul li a .file .btn p{ font-size:14px; color:#000;}
	.type_write ul li a .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#669932; cursor:pointer;}
	.type_write ul li a .file .btn_down p{ font-size:14px; color:#FFF;}
	
	.type_write ul li a .code{ display:flex; width:100%;}
	.type_write ul li a .code .img{ position:relative; z-index:10; margin:0 -1px 0 0; width:120px; height:35px; background:#333; text-align:center; line-height:35px; color:#FFF;}
	
	.type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}
	
	.type_write select{ display:block; margin:0; padding:0 35px 0 10px; width:auto; height:35px; border-radius:0; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #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 #DDD; 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 #DDD; background:none; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
	
	.type_write .privacy{ width:100%;}
	.type_write .privacy .title{ line-height:20px; font-size:20px; 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:#669932; color:#FFF;}
	
	.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
	.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
	.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#669932;}
	.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}
	
	.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
	.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
	.type_write .radio p:last-child{ margin:0;}
	.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
	.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
	.type_write .radio p.on i{ border-color:#669932; background:#669932; color:#FFF;}
	
	.type_write .checkbox{ display:flex; flex-wrap:wrap; width:100%;}
	.type_write .checkbox p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
	.type_write .checkbox p:last-child{ margin:0;}
	.type_write .checkbox p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
	.type_write .checkbox p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
	.type_write .checkbox p.on i{ border-color:#669932; background:#669932; color:#FFF;}
	
	.type_write .password{ display:flex; align-items:center; width:100%;}
	.type_write .password input{ width:100px;}
	.type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
	.type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
	.type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
	.type_write .password .ck.on i{ border-color:#669932; background:#669932; 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 .title{ padding:0 0 10px 0;}
	.type_write .title p{ font-size:13px;}
	.type_write .title font{ font-size:12px;}
	.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 ul li a .file .btn p{ font-size:12px;}
	.type_write ul li a .file .btn_down{ margin:0 0 0 5px;}
	.type_write ul li a .file .btn_down p{ font-size:12px;}
	
	.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_write .radio{}
	.type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}
	
	
.type_btn_02{ display:flex; justify-content:center; align-items:center; margin:50px auto 0 auto; width:200px; height:45px; border-radius:30px; border:1px solid #669932; background:#669932; text-align:center; cursor:pointer;}
	.type_btn_02 p{ font-size:15px; color:#FFF;}
@media(max-width:767px){
	.type_btn_02{ margin:30px auto 0 auto; width:auto; height:35px;}
	.type_btn_02 p{ font-size:13px;}
}


.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;}
}