@charset "utf-8";


/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}

body{margin:0;padding:0;font-family:'NotoR','rdb';font-size:18px;font-weight:400;color:#000;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit}
a:hover{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}

.invisible{position:absolute;left:-5000px;height:0;line-height:0;overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

::-webkit-input-placeholder {color:#8f8f8f;}
:-moz-placeholder {color:#8f8f8f;opacity:1;}
::-moz-placeholder {color:#8f8f8f;opacity:1;}
:-ms-input-placeholder {color:#8f8f8f;}


@font-face{font-family:'NotoL';src:url(./resources/fonts/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'NotoR';src:url(./resources/fonts/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'NotoM';src:url(./resources/fonts/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'NotoB';src:url(./resources/fonts/NotoSans-Black.woff) format("woff")}

@font-face{font-family:'rdr';src:url(./resources/fonts/RedHatDisplay-Regular.woff) format("woff")}
@font-face{font-family:'rdm';src:url(./resources/fonts/RedHatDisplay-Medium.woff) format("woff")}
@font-face{font-family:'rdb';src:url(./resources/fonts/RedHatDisplay-Bold.woff) format("woff")}

body,html{position:relative;overflow-x:hidden}

html {
  scrollbar-face-color:#444;
  scrollbar-3dlight-color:#fff;
  scrollbar-highlight-color:#fff;
  scrollbar-shadow-color:#fff;
  scrollbar-darkshadow-color:#fff;
  scrollbar-arrow-color:#fff;
  scrollbar-track-color:#fff;
 }


::-webkit-scrollbar{width:3px; height:3px;border:3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#fff}
::-webkit-scrollbar-track{background:#fff; -webkit-border-radius: 10px;border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:6px;background:#444;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}


#homepg{opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#homepg.open{opacity:1;}

body:before{}

header{z-index:99;position:fixed;top:0;left:0;min-width:1200px;width:100%;height:143px;font-size:0;box-sizing:border-box;background:#fff;webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
header:before{display:none;opacity:0;content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(00, 00, 00, 0);webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
header.open:before{display:block;opacity:1;z-index:100;background:rgba(00, 00, 00, .8);}
.header{position:relative;margin:0 auto;}
.header h1{position:absolute;top:60px;left:60px;-webkit-transition:all 0.2s linear ;transition:all 0.2s linear ;}
.header h1 a{display:block;width:118px;height:23px;background:url(./resources/images/logo.png) no-repeat 50% 50%;background-size:contain}
.header h2.btn_menu{z-index:99;display:block;position:absolute;top:60px;right:60px;width:42px;height:21px;cursor:pointer;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.header h2.btn_menu:before{content:"";position:absolute;top:0;left:0;;width:100%;height:3px;font-size:0;background:#06da47;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header h2.btn_menu:after{content:"";position:absolute;bottom:0;left:0;;width:100%;height:3px;font-size:0;background:#06da47;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header h2.btn_menu span{position:absolute;top:0;bottom:0;margin:auto 0;display:block;width:100%;height:3px;font-size:0;background:#06da47;}
/*.header h2.btn_menu:hover:before{transform:rotate(5deg);}
.header h2.btn_menu:hover:after{transform:rotate(-5deg);}*/
.header h2.tit{position:fixed;top:55px;left:0;right:0;width:150px;margin:0 auto;text-align:center;font-size:18px;font-family:'NotoM';color:#252525;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.header h2.tit:before{content:"";position:relative;top:-1px;display:inline-block;vertical-align:middle;width:24px;height:24px;margin-right:10px;background:url(./resources/images/ic_tit1.png) no-repeat 50% 50%;}
.header h2.tit.m2:before{background:url(./resources/images/ic_tit2.png) no-repeat 50% 50%;}
.header h2.tit.m3:before{background:url(./resources/images/ic_tit3.png) no-repeat 50% 50%;}
.header h2.tit.m4:before{background:url(./resources/images/ic_tit4.png) no-repeat 50% 50%;}

header.fixed{height:85px;box-shadow:0 5px 5px rgba(00, 00, 00, .1);background:#fff ! important}
header.fixed h1{top:30px;left:30px}
header.fixed h2.btn_menu{top:30px;right:30px}
header.fixed .tit{top:30px;}

.gnb{z-index:999;position:fixed;top:0;right:-890px;width:890px;height:100%;background:#06da47;webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
header.open .gnb{right:0;}
.gnb ul{padding:195px 0 100px 235px;}
.gnb ul li{display:block;text-align:left;}
.gnb ul li~li{margin:80px 0 0 0}
.gnb ul a{font-size:65px;color:#0cc144;font-family:'rdm';webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.gnb ul .active a{color:#fff;}

.gnb .btn_close{position:absolute;top:60px;right:60px;width:52px;height:52px;font-size:0;background:transparent}
.gnb .btn_close:before,.gnb .btn_close::after{content:"";margin:-1px 0 0 -20px;width:50px;height:2px;position:absolute;left:50%;top:50%;background:#fff;transform:rotate(45deg);transition:false;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.gnb .btn_close::after{content:"";margin:-1px 0 0 -20px;width:50px;height:2px;position:absolute;left:50%;top:50%;background:#fff;transform:rotate(-45deg);transition:false;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/*.gnb .btn_close:hover:before{transform:rotate(135deg);}
.gnb .btn_close:hover:after{transform:rotate(-135deg);}*/

section{z-index:11;position:relative;padding-top:143px;width:1280px;min-height:100%;margin:0 auto;background:#fff}

footer{position:relative;z-index:12;padding-top:143px;background:#fff}
footer p{position:relative;width:1280px;height:74px;line-height:74px;margin:0 auto;color:#000;font-size:15px;text-align:center;border-top:1px solid #e0e0e0}

.btn_top{opacity:0;position:fixed;right:60px;bottom:30px;width:41px;height:41px;line-height:41px ! important;text-align:center;border-radius:100%;font-family:'rdb' ! important;font-size:14px ! important;background:#16d72d;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.btn_top.active{opacity:1;z-index:12;}

.lang{font-family:'rdm';}


.work .cons{margin-top:-5px}
.work .cons .list{overflow:hidden;position:relative;margin:0 -10px 0;width:1300px;}
.work .list li{position:relative;float:left;width:33.3%;}
.work .list li .box{position:relative;margin:5px;}
.work .list li img{width:100%;height:420px;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.work .list li .biz{z-index:1;position:absolute;left:15px;bottom:15px;color:#fff;}
.work .list li .txt{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background:rgba(00, 00, 00 , .8);-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.work .list li .txt span{position:absolute;display:block;width:100%;color:#fff;box-sizing:border-box;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.work .list li .txt .part{top:160px;font-size:12px;text-align:center;}
.work .list li .txt .tit{top:182px;padding:0 15px;font-family:'NotoM';text-align:center;letter-spacing:-.5px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.work .list li .txt .tit br{display:none}
.work .list li .btn{top:216px;text-align:center}
.work .list li .btn a{display:inline-block;width:131px;height:29px;line-height:29px ! important;left:0;right:0;font-size:12px;font-family:'rdb' ! important;color:#000;box-sizing:border-box;background:#06da47}
.work .list li .btn a:after{content:"";display:inline-block;width:14px;height:9px;vertical-align:middle;margin-left:5px;background:url(./resources/images/ic_ar.png) no-repeat 50% 50%;}
.work .list li .box div{overflow:hidden;position:relative;display:block;}
.work .list li .box div:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.work .list li .box div:hover p{opacity:1;background:rgba(00, 00, 00 , .8);}
.work .list li .box div:hover .part{top:160px;transition-delay:50ms;}
.work .list li .box div:hover .tit{top:182px;transition-delay:100ms;}
.work .list li .box div:hover .btn{top:216px;transition-delay:150ms;}
.btn_more{margin-top:60px;text-align:center;}
.btn_more a{position:relative;display:inline-block;height:45px;padding-top:40px;line-height:16px;font-size:16px;font-family:'rdm' ! important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.btn_more a:before{content:"";position:absolute;width:2px;height:22px;top:0;left:0;right:0;margin:0 auto;background:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.btn_more a:after{content:"";position:absolute;width:22px;height:2px;top:10px;left:0;right:0;margin:0 auto;background:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.btn_more a:hover{color:#06da47}
.btn_more a:hover:before,.btn_more a:hover:after{background:#06da47}
.btn_more.pc{display:block}
.btn_more.mo{display:none}

.weare{width:auto;padding-top:143px;}
.weare .weare_emved{position:relative;top:0;left:0;width:100%;text-align:center;}
.weare .weare_emved:before{content:"";z-index:4;position:absolute;top:0;;left:0;width:100%;height:100%;background:url(./resources/images/txt_weare.png) no-repeat 50% 50%;}
.weare .cons{position:relative;z-index:1;margin:0 auto;text-align:center;background:#fff}
.weare .cons .txt{margin-bottom:46px;padding-top:160px;font-size:15px;font-family:'rdm';}
.weare .cons .txt2{font-size:50px;font-family:'NotoM';}
.weare .cons .txt2 br{display:none}
.weare .cons .txt3{margin-top:50px;font-size:20px;line-height:31px;}
.weare .cons .txt3 + .txt2{margin-top:90px}
.weare .cons strong{background:linear-gradient(0deg,#fff 10px,#16d72d 10px, #16d72d 30px,transparent 0,transparent);}
.weare .cons .img{height:325px;margin-top:80px;background:url(./resources/images/img_weare.jpg) no-repeat 50% 50%;}

.weare .pc{display:block}
.weare .mo{display:none}

#myVideo{position:relative;z-index:3;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;}
@media only all and (min-width:1930px){ 
	
}

.contact_ui{background:url(./resources/images/bg_contact1.jpg) no-repeat 50% 0;background-size:cover}
.contact_ui header{background:none}
.contact_ui footer{background:none}
.contact_ui section{background:none}
.contact{width:auto;text-align:center}
.contact h2{font-size:80px}
.contact p{margin-top:5px;}
.contact ul{display:inline-block;text-align:left}
.contact li{margin-top:15px;}
.contact li strong{display:inline-block;width:110px;}
.contact i{display:inline-block;vertical-align:middle;margin-right:10px;}
.contact .i1{width:18px;height:17px;background:url(./resources/images/i_phone.png) no-repeat 50% 0;}
.contact .i2{width:24px;height:16px;background:url(./resources/images/i_mail.png) no-repeat 50% 0;}
.contact .map_wrap {position:relative;overflow:hidden;width:100%;height:480px;margin-top:60px;}

.recruit .mo{display:none}
.recruit h2{font-size:80px;text-align:center}
.recruit .txt{line-height:67px;margin-top:12px;font-size:56px;text-align:center;font-family:'NotoM';}
.recruit .txt span{font-size:61px;color:#16d72d;font-family:'NotoM';}
.recruit .col_g{overflow:hidden;margin-top:105px;padding-top:55px;border-top:3px solid #333}
.recruit .cola{float:left;width:60%;}
.recruit .cola dl~dl{margin-top:29px}
.recruit .cola dt{font-size:32px;}
.recruit .cola dd{font-size:28px;margin-top:-5px}
.recruit .colb{float:left;width:40%;margin-top:4px;}
.recruit .colb ul{margin-bottom:28px;}
.recruit .colb ul li{letter-spacing:-.5px;}
.recruit .colb ul span{position:relative;display:inline-block;margin-left:16px;padding-left:20px;}
.recruit .colb ul span:before{content:"";position:absolute;top:8px;left:0;width:1px;height:12px;background:#000}
.recruit .colb em{display:block;font-size:15px;}
.recruit .colc{position:relative;clear:both;padding-top:58px;}
.recruit .colc dl{position:relative;top:-2px;height:78px;line-height:78px;}
.recruit .colc dt{display:inline-block;margin-right:34px;font-family:'NotoM';}
.recruit .colc dd{display:inline-block;margin-left:16px;}
.recruit .colc button{background:none}
.recruit .colc button:before{content:"";position:relative;top:-1px;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:5px;background:url(./resources/images/radio.png) no-repeat 50% 50%;}
.recruit .colc button.check:before{background:url(./resources/images/radio_on.png) no-repeat 50% 50%;}
.recruit .colc .btn{position:absolute;bottom:0;right:0;width:332px;}
.recruit .colc .btn a{display:block;line-height:58px;height:78px;padding-left:40px;background:#16d72d;border:10px solid #16d72d;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.recruit .colc .btn a span{opacity:0;position:absolute;font-size:12px;left:50px;top:0;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.recruit .colc .btn a:after{content:"";position:relative;top:-2px;display:inline-block;width:14px;height:9px;vertical-align:middle;margin-left:5px;background:url(./resources/images/ic_ar.png) no-repeat 50% 50%;-webkit-transition:all 0.2s linear ;transition:all 0.2s linear;}
.recruit .colc .btn a:hover{padding-top:10px;background:#16d72d;}
.recruit .colc .btn a:hover:after{margin-left:10px}
.recruit .colc .btn a:hover span{opacity:1;}

.views .cons{width:940px;margin:0 auto}
.views .cons img{width:100%}
.views .cola{margin-bottom:50px}
.views h2{margin:39px 0 33px;line-height:80px;font-size:70px;font-family:'NotoM';letter-spacing:-.5px;word-break:break-all;}
.views .cola li{font-size:15px}
.views .cola li~li{margin-top:9px}
.views .cola .lang{display:inline-block;width:90px;}
.views .cola .data{color:#afafaf;}
.views .colb{font-size:15px}
.views .btn_block{position:relative;margin-top:60px;min-height:20px;}
.views .btn_block a{font-family:'rdm';}
.views .btn_list{position:fixed;top:160px;right:60px;width:41px;height:64px;font-size:0 ! important;background:url(./resources/images/btn_list.png) no-repeat 50% 50%;}
.views .btn_block .btn_prev{margin-left:10px;padding-left:20px;background:url(./resources/images/ic_arr2.png) no-repeat 0 50%;}
.views .btn_block .btn_nxt{position:absolute;top:0;right:10px;background-color:#f60;padding-right:20px;background:url(./resources/images/ic_arr3.png) no-repeat right 50%;}
.views .video iframe{width:940px;height:529px}


@media only all and (max-width:1280px){ 
	header{min-width:100%;width:100%;height:85px;}
	.header{width:100%;box-sizing:border-box;}
	.header h1{left:30px;top:30px;}
	.header h2.btn_menu{right:30px;top:30px;}

	.header h2.tit{top:30px;}

	footer{padding-top:85px}
	footer p{width:auto;}

	.btn_top{bottom:100px;right:30px}

	section{min-width:auto;width:auto ! important;padding-top:85px}
	section .cons{padding-left:25px;padding-right:25px;}

	.work .cons{width:auto;margin:0}
	.work .cons .list{width:auto;margin:0}
	.work .cons .list img{height:auto}
	.work .list li .box div:hover .part{top:120px;}
	.work .list li .box div:hover .tit{top:142px;}
	.work .list li .box div:hover .btn{top:176px;}

	.weare{padding-top:85px;}
	.weare .weare_emved{}
	.weare .cons .txt{padding-top:110px}
	.weare .cons .img{background-size:contain}

	.recruit .cola{width:50%}
	.recruit .colb{width:50%}
	.recruit .colc dl{line-height:22px}
	.recruit .colc dt{display:block;height:auto;line-height:22px;padding-top:5px;margin-bottom:20px;}
	.recruit .colc dd{height:auto;line-height:22px;margin:0 16px 0 0}
	
	.view_ui .colb p img{width:100%}
}

@media only all and (max-width:1024px){ 
	.gnb{right:-600px;width:600px;}
    .gnb.open{right:0;}
	.gnb ul{padding:195px 0 0 100px;}

	.work .list li .txt{position:relative;height:100px;padding-top:12px;opacity:1;background: rgba(00, 00, 00 , 0) ! important;}
	.work .list li .txt span{position:static;}
	.work .list li .biz{display:none}
	.work .list li .txt .part{top:0 ! important;text-align:left;color:#000;font-size:11px;}
	.work .list li .txt .tit{padding:0;top:0 ! important;text-align:left;color:#000;font-size:13px;}
	.work .list li .txt .btn{position:relative;top:0 ! important;text-align:right}
	.work .list li .txt .btn a{text-align:center}
	.work .list li .box div:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)}

	.weare .cons .txt2 br{display:block}
	.weare .weare_emved:before{background-size:auto 400px;}

	.recruit .mo{display:block}
	.recruit .cola,.recruit .colb{float:none;width:auto}
	.recruit .colc .btn{position:relative;margin:20px auto 0}

	.views .cons{width:auto;max-width:940px;margin:0 auto}
	.views .btn_block{padding-bottom:30px}
	.views .btn_list{z-index:1;position:absolute;top:-30px;right:0;left:0;margin:0 auto}
	.views .video{position:relative;height:0;padding-bottom:56.25%;}
	.views .video iframe{position: absolute;top:0;left:0;width:100%;height:100%;}

	.btn_more a:hover{color:#000}
	.btn_more a:hover:before,.btn_more a:hover:after{background:#000}
	
}


@media only all and (max-width:780px){ 
	.gnb{right:-300px;width:300px;}
    .gnb.open{right:0;}
	.gnb ul{padding:125px 0 100px 50px;}
	.gnb .btn_close{top:30px;right:30px}
	.gnb ul li a{font-size:33px;}
	.gnb ul li~li{margin-top:40px}

	.gnb .box{overflow-y:auto;height:100%;}

	footer{padding-top:60px;}
	footer p{font-size:11px;}
	.btn_top{bottom:80px}

	.btn_more.pc{display:none}
	.btn_more.mo{display:block}


	.work .list li{width:50%}

	.weare .cons .img{height:520px;margin-top:50px;background:url(./resources/images/img_weare_m.jpg) no-repeat 50% 50%;background-size:contain}

	.recruit h2{font-size:66px}
	.recruit .txt{font-size:42px;line-height:48px;}
	.recruit .txt span{font-size:42px}
	.recruit .col_g{margin-top:76px;padding-top:45px}
	.recruit .colc .btn{text-align:center}
	.recruit .colc .btn a{padding-left:0}

	.weare .pc{display:none}
	.weare .mo{display:block}
	.weare .weare_emved:before{background-size:auto 300px;}
}

@media only all and (max-width:750px){ 

}

@media only all and (max-width:480px){ 
	body,html{min-width:280px;font-size:14px}

	header{height:55px;box-shadow:0 5px 5px rgba(00, 00, 00, .1);}
	.header h1{top:19px;left:15px;}
	.header h1 a{width:90px;height:18px;background:url(./resources/images/logo_m.png) no-repeat 50% 50%;background-size:contain}
	.header h2.btn_menu{top:17px;right:15px;width:32px;}
	.header h2.tit{top:17px;font-size:15px}
	.header h2.tit:before{width:20px;height:20px;margin-right:5px;background-size:18px auto}
	.header h2.tit.m2:before{background-size:11px auto}
	.header h2.tit.m3:before{background-size:11px auto}
	.header h2.tit.m4:before{background-size:20px auto}

	header.fixed{height:40px;}
	header.fixed .header h1{top:12px;left:8px;}
	header.fixed .header h1 a{width:80px}
	header.fixed .header h2.btn_menu{top:10px;right:8px;width:28px;height:18px;}
	header.fixed .header h2.tit{top:9px;}

	.gnb ul{padding-top:100px}
	.gnb .btn_close{top:15px;right:15px}
	.gnb ul li a{font-size:33px;}
	.gnb ul li~li{margin-top:30px}

	section{padding-top:55px;}
	section .cons{padding-left:15px;padding-right:15px;}
	
	
	footer p{height:45px;line-height:45px;}
	.btn_top{bottom:60px;right:15px;}

	.work .list li .box{margin:0;}
	.work .list li{width:100%}
	.work .list li~li{margin-top:20px;}
	.work .list li .txt{height:65px}
	.work .list li .txt .tit{padding-right:120px;}
	.work .list li .txt .btn{position:absolute;width:110px;bottom:15px ! important;top:auto ! important;right:0;}
	.work .list li .txt .btn a{width:110px;font-size:11px;}
	.work .list li .btn a:after{width:12px;background-size:contain}
	.btn_more{margin-top:25px}
	.btn_more a:before{width:2px;height:16px;top:4px;}
	.btn_more a:after{height:2px;width:16px;}
	.btn_more a{padding-top:30px;font-size:14px;}

	.weare{padding-top:75px}
	.weare .weare_emved:before{height:100%;/*background:url(./resources/images/txt_weare_m.png) no-repeat 50% 50%;*/background-size:320px auto}
	.weare .cons .txt{padding-top:50px;margin-bottom:20px;}
	.weare .cons .txt2{line-height:37px;font-size:30px}
	.weare .cons .txt3{margin-top:14px;line-height:19px;font-size:12px}
	.weare .cons .txt3 + .txt2{margin-top:45px}
	.weare .cons .img{height:260px;margin-top:25px}
	.weare .weare_emved{position:relative;padding:0 10px;box-sizing:border-box;}
	.weare .weare_emved #myVideo{position:static;width:100%;height:100%;margin:0}

	.contact h2{padding-top:30px;font-size:40px}
	.contact p{font-size:12px}
	.contact li{font-size:12px}
	.contact li~li{margin-top:8px}
	.contact i{position:relative;top:-1px;margin-right:5px}
	.contact .i1{width:9px;height:8px;background-size:contain}
	.contact .i2{width:12px;height:8px;background-size:contain}
	.contact .map_wrap {height:320px;margin-top:40px;}

	.recruit h2{padding-top:30px;font-size:40px}
	.recruit .txt{line-height:36px;font-size:30px}
	.recruit .txt span{font-size:30px}
	.recruit .col_g{margin-top:45px;padding-top:25px}
	.recruit .cola dt{font-size:19px}
	.recruit .cola dd{font-size:15px;}
	.recruit .cola dl~dl{margin-top:20px}
	.recruit .colb li{font-size:12px}
	.recruit .colb ul span{margin-left:12px;padding-left:12px;}
	.recruit .colb ul span:before{top:5px;height:10px}
	.recruit .colb{margin-top:20px}
	.recruit .colb em{font-size:12px}
	.recruit .colc{padding-top:30px}
	.recruit .colc dl{height:auto;font-size:0;}
	.recruit .colc dt{margin-bottom:5px;font-size:13px;}
	.recruit .colc dd{width:30.5%;margin:0;font-size:11px;}
	.recruit .colc dd:nth-of-type(1){width:39%}
	.recruit .colc dd:nth-of-type(2){text-align:center}
	.recruit .colc dd:nth-of-type(3){text-align:right}
	.recruit .colc .btn{width:auto;margin-top:10px;text-align:center}
	.recruit .colc .btn a,.recruit .colc .btn a:hover{height:55px;line-height:55px;padding-top:0;padding-left:0;border:0;background:#16d72d}
	.recruit .colc .btn a:hover span{opacity:0}
	.recruit .colc .btn a:hover:after{margin-left:5px}
	.recruit .colc button.check:before,.recruit .colc button:before{width:12px;height:12px;background-size:12px auto}
	
	.views .cola{margin-bottom:25px}
	.views h2{line-height:33px;margin:29px 0 23px;font-size:30px}
	.views .cola li{font-size:12px}
	.views .cola .lang{width:60px}
	.views .cola li~li{margin-top:3px}
	.views .colb,.views .colb p,.views .colb strong{font-size:14px ! important}
	.views .btn_list{top:-10px;width:30px;height:45px;background-size:contain}
	.views .btn_block{margin-top:30px}
	.views .btn_block span a{font-size:13px ! important}
}

@media only all and (max-width:330px){ 
	.work .list li .txt .part{font-size:10px}
	.work .list li .txt .tit{font-size:11px}

	.weare .cons .txt2{font-size:24px}
	.weare .cons .txt3{font-size:11px}

	.recruit .colb li{font-size:11px}
	.recruit .colb ul span{margin-left:8px;padding-left:8px;}
	.recruit .colc dd{font-size:10px;}

	.views .btn_block span a{font-size:12px ! important;}
	.views .btn_block .btn_prev{margin-left:0;}
	.views .btn_block .btn_nxt{right:0}
}

.header h2.tit {
	width: auto;
}