/**reset css**/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul {list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration:line-through}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select {vertical-align:middle}

/**font face**/
@font-face {
  font-family: 'db_helvethaica_x';
  src: url('../font/db_helvethaica_x.eot');
  src: url('../font/db_helvethaica_x.eot?#iefix') format('embedded-opentype'),
       url('../font/db_helvethaica_x.woff2') format('woff2'),
       url('../font/db_helvethaica_x.woff') format('woff'),
       url('../font/db_helvethaica_x.ttf')  format('truetype'),
       url('../font/db_helvethaica_x.svg#db_helvethaica_x') format('svg'); 
}

@font-face {
  font-family: 'db_helvethaica_x_med';
  src: url('../font/db_helvethaica_x_med.eot');
  src: url('../font/db_helvethaica_x_med.eot?#iefix') format('embedded-opentype'),
       url('../font/db_helvethaica_x_med.woff2') format('woff2'),
       url('../font/db_helvethaica_x_med.woff') format('woff'),
       url('../font/db_helvethaica_x_med.ttf')  format('truetype'),
       url('../font/db_helvethaica_x_med.svg#db_helvethaica_x_med') format('svg'); 
}

@font-face {
  font-family: 'db_heavent';
  src: url('../font/db_heavent_v3.2.eot');
  src: url('../font/db_heavent_v3.2.eot?#iefix') format('embedded-opentype'),
       url('../font/db_heavent_v3.2.woff2') format('woff2'),
       url('../font/db_heavent_v3.2.woff') format('woff'),
       url('../font/db_heavent_v3.2.ttf')  format('truetype'),
       url('../font/db_heavent_v3.2.svg#db_heavent_v3.2') format('svg'); 
}

@font-face {
  font-family: 'db_heavent_med';
  src: url('../font/db_heavent_med_v3.2.eot');
  src: url('../font/db_heavent_med_v3.2.eot?#iefix') format('embedded-opentype'),
       url('../font/db_heavent_med_v3.2.woff2') format('woff2'),
       url('../font/db_heavent_med_v3.2.woff') format('woff'),
       url('../font/db_heavent_med_v3.2.ttf')  format('truetype'),
       url('../font/db_heavent_med_v3.2.svg#db_heavent_med_v3.2') format('svg'); 
}

@font-face {
  font-family: 'db_heavent_med_it';
  src: url('../font/db_heavent_med_it_v3.2.eot');
  src: url('../font/db_heavent_med_it_v3.2.eot?#iefix') format('embedded-opentype'),
       url('../font/db_heavent_med_it_v3.2.woff2') format('woff2'),
       url('../font/db_heavent_med_it_v3.2.woff') format('woff'),
       url('../font/db_heavent_med_it_v3.2.ttf')  format('truetype'),
       url('../font/db_heavent_med_it_v3.2.svg#db_heavent_med_it_v3.2') format('svg'); 
}

@font-face {
  font-family: 'db_heavent_it';
  src: url('../font/db_heavent_it_v3.2.eot');
  src: url('../font/db_heavent_it_v3.2.eot?#iefix') format('embedded-opentype'),
       url('../font/db_heavent_it_v3.2.woff2') format('woff2'),
       url('../font/db_heavent_it_v3.2.woff') format('woff'),
       url('../font/db_heavent_it_v3.2.ttf')  format('truetype'),
       url('../font/db_heavent_it_v3.2.svg#db_heavent_it_v3.2') format('svg'); 
}

* { outline:0 !important; }
body { height: auto;min-height: 100%; }
h1 { font:90px/46px 'db_helvethaica_x_med';text-transform:uppercase; }
img { max-width:100%; }
a:hover ,a:focus { text-decoration:none; }

.clear { clear:both; }
.container { max-width:100%; }
.box_table { width:100%;display:table;height:100%;overflow:hidden; }
.box_table .box_row { display:table-row; }
.box_cell { display:table-cell;vertical-align:middle; }
.scroll_btn { position:absolute;bottom:9%;left:0;right:0;margin:auto; }
.scroll_btn span { display:block;color:rgba(255,255,255,0.3);text-transform:uppercase;text-align:center;font:22px/25px 'db_helvethaica_x_med'; }
.scroll_btn img { display:block;margin:10px auto 0 auto; }

/***preload***/
.wp_preLoad { position:fixed;width:100%;height:100%;z-index:99999;top:0;left:0;background:#fff; }
.wp_preLoad svg { width:100px;height:100px;margin:20px;display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto; }
#jprePercentage { color:transparent; }

/***header***/
#header { width:100%;height:96px;padding:33px 0 0 0;position:fixed;top:0;left:0;z-index:998;background:#000;-webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out; }
#header .container { max-width:100%;position:relative; }
#header .logo { width:85px;height:42px;display:block;float:left; }
#header .logo img { width:100%; }
#header .hamburger_btn { display:none; }
#header .nav { float:right; }
#header .nav a { display:block;float:left;padding:28px 0 22px 0;margin:0 38px 0 0;font:24px/13px 'db_helvethaica_x';color:#fff; }
#header .nav a:last-child { margin:0; }
#header .nav a:hover ,#header .nav a.active { color:#ed1c26; }
#header.active { background:transparent; }

/***footer***/
#footer { padding:40px 0;font:20px/20px 'db_heavent';color:#fff;background:#000;margin-top:-1px; }
#footer .logo { width:50px;height:25px;float:left;margin:0 22px 0 0; }
#footer .logo img { width:100%; }
#footer .address { margin:4px 0 0 0; }
#footer .address a { display:inline-block;color:#fff; }
#footer .copyright { float:right;margin:4px 0 0 0; }
#footer.fixed { width:100%;position:fixed;left:0;bottom:0; }

/****start page****/
#section_banner canvas { position:absolute;top:0;left:0;width:100%;height:100%; }
#section_banner .banner { width:100%;height:535px;min-height:100vh;color:#fff;background-color:#000; }
#section_banner .banner .container { height:100%; }
#section_banner .banner .wp_problem { position:relative; }
#section_banner .banner .col-l { margin-top:0; }
#section_banner .banner .lg_txt { font:80px/58px 'db_heavent_med'; }
#section_banner .banner .lg_txt span { font:70px/72px 'db_heavent_med';margin:0 0 24px 0;display:block; }
#section_banner .banner .txt { font:30px/35px 'db_heavent';margin:0 0 40px 0; }
#section_banner .banner .txt br { display:none; }
#section_banner .banner a { font:34px/36px 'db_heavent_med';text-align:center;display:inline-block;background-color:#ed1c26;padding:10px 29px;color:#fff; }
#section_banner .banner .box_problem { margin-top:-274px; }
#section_banner .banner .box_txt { width:339px;background-color:#fff;padding:23px;text-align:center;color:#00000b;font:27px/32px 'db_heavent_it';position:absolute;right:15px;top:0; }
#section_banner .banner .box_txt .text { position:relative; }
#section_banner .banner .box_txt .lg_txt { font:32px/30px 'db_heavent_med_it';color:#ed1c26; }
#section_banner .banner .box_txt .char { font:bold 80px/50px 'db_heavent_it';color:rgba(0,0,11,0.2);position:absolute; }
#section_banner .banner .box_txt .char_l { left:0;top:-5px; }
#section_banner .banner .box_txt .char_r { right:0;bottom:-33px; }
#section_banner .banner .box_txt .graphic { width:23px;height:23px;position:absolute;left:35%;bottom:-22px; }
#section_banner .banner .box_txt .graphic img { width:100%; }
#section_banner .banner .box_txt1 { height:142px;padding:37px 23px; }
#section_banner .banner .box_txt2 { width:423px;right:100px;top:200px; }
#section_banner .banner .box_txt2 .graphic { left:50%; }
#section_banner .banner .box_txt3 { width:380px;right:15px;top:442px; }
#section_banner .banner .box_txt3 .graphic { left:50%; }
#section_banner .banner .box_txt4 { width:375px; }
#section_banner .banner .box_txt4 .graphic { left:183px; }
#section_banner .banner .box_txt5 { width:418px;height:174px;right:100px;top:200px;padding:35px 23px; }
#section_banner .banner .box_txt5 .graphic { left:159px; }
#section_banner .banner .box_txt6 { width:312px;right:24px;top:442px; }
#section_banner .banner .box_txt7 { width:376px;height:142px;padding:37px 23px; }
#section_banner .banner .box_txt8 { width:440px;height:174px;right:60px;top:200px;padding:35px 23px; }

#section_port .wrapper { overflow:hidden; }
#section_port .wp_topic { padding-top:160px; }
#section_port .topic { margin:0 0 20px 0;position:relative; }
#section_port .topic h1 { font:60px/35px 'db_helvethaica_x_med';color:#ed1c26; }
#section_port .topic .filter_btn { display:none; }
#section_port .topic .menuFillter { float:right;margin:9px 0 0 0; }
#section_port .topic .menuFillter a { float:left;font:30px/28px 'db_helvethaica_x_med';color:#55565a;margin:0 35px 0 0; }
#section_port .topic .menuFillter a:last-child { margin:0; }
#section_port .topic .menuFillter a:hover ,#section_port .topic .menuFillter a.active { color:#ed1c26; }
#section_port .wp_slide { height:643px;position:relative;overflow:hidden;margin:0 0 80px 0; }
#section_port .wp_slide .boxSlide { position:absolute;left:0 !important;top:0px !important;overflow:hidden;cursor:url(../image/openhand.cur) 8 8, default; }
#section_port .wp_slide .boxSlide.md { cursor:url(../image/closedhand.cur) 8 8, default; }
#section_port .wp_slide .boxSlide .item { width:560px;position:relative;float:left;padding:0 24px 0 0; }
#section_port .wp_slide .boxSlide .item .wp_box { margin:0 0 24px 0;overflow:hidden; }
#section_port .wp_slide .boxSlide .item .wp_box a { position:relative;line-height:0;display:block; }
#section_port .wp_slide .boxSlide .item .wp_box a img { width:100%; }
#section_port .wp_slide .boxSlide .item .wp_box .box_sm { width:calc(50% - 12px);margin:0 24px 0 0;float:left;position:relative;line-height:0; }
#section_port .wp_slide .boxSlide .item .wp_box .box_sm:last-child { margin-right:0; }
#section_port .wp_slide .boxSlide .item .wp_box .caption { width:100%;height:53px;overflow:hidden;background-color:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;padding:10px 23px 6px 23px;color:#fff;font:24px/20px 'db_helvethaica_x_med'; }
#section_port .wp_slide .boxSlide .item .wp_box .caption div { text-transform:uppercase; }
#section_port .wp_slide .boxSlide .item .wp_box .caption span { display:block;font:18px/15px 'db_helvethaica_x_med';margin:2px 0 0 0; }
#section_port .wp_slide .boxHelp { position:absolute;right:100px;top:100px;opacity:0; }
#section_port .box_color { width:100%;height:8px;overflow:hidden;background-color:#919195; }
#section_port .box_color .tab_color { width:0;height:100%;background-color:#ee1c27; }
#section_port.fixed .wp_topic { position:fixed;width:100%;left:0;top:0;background:#fff;z-index:2; }
#section_port.fixed .wp_slide { margin-top:200px; }

#section_howwork { background-color:#000;position:relative;overflow:hidden;z-index:3; }
#section_howwork .pic { width:41.66666667%;height:100%;position:absolute;left:0;top:0;background:url(../image/pic_howwork.jpg) center center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; }
#section_howwork .pic img { display:none; }
#section_howwork .col-r { margin:170px 0 135px 50%;color:#fff;font:31px/38px 'db_heavent'; }
#section_howwork .col-r .topic { font:90px/50px 'db_heavent_med';text-transform:uppercase;margin:0 0 30px 0; }
#section_howwork .col-r .topic span { color:#ed1c26; }
#section_howwork .col-r .txt { margin:0 0 50px 0; }
#section_howwork .col-r .box_step { text-align:center; }
#section_howwork .col-r .box_step .step { display:block;margin:15px 0 0 0;text-transform:uppercase;font:34px/32px 'db_helvethaica_x_med'; }

#section_team { overflow:hidden;position:relative; }
#section_team .container { margin-bottom:150px; }
#section_team .topic { overflow:hidden;color:#ed1c26;text-transform:uppercase;font:60px/45px 'db_helvethaica_x_med';margin:170px 0 60px -7px; }
#section_team .topic .num { width:114px;float:left;margin:0 15px 0 0;font:bold 149px/83px 'db_helvethaica_x_med'; }
#section_team .topic .right { width:calc(100% - 129px);float:left;margin-top:-3px; }
#section_team .topic .right span { display:block;color:#000; }
#section_team .box_nameTeam { margin:0 0 30px 0;overflow:hidden; }
#section_team .box_nameTeam .icon { width:50px;float:left;margin:0 24px 0 0;text-align:center; }
#section_team .box_nameTeam .icon img { max-width:100%; }
#section_team .box_nameTeam .nameTeam { width:calc(100% - 74px);float:left;color:#838383;font:32px/32px 'db_helvethaica_x';text-transform:uppercase;margin:7px 0 0 0; }
#section_team .box_graphic { width:43%;position:absolute;right:-11%;top:168px; }
#section_team .box_graphic img { width:100%; }

#section_contact { background-color:#000;position:relative;overflow:hidden; }
#section_contact .wrapper { margin-top:135px; }
#section_contact .pic { width:41.66666667%;height:675px;position:absolute;left:0;top:0;background:url(../image/pic_contact.jpg) center center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; }
#section_contact .pic img { display:none; }
#section_contact .col-r { margin:0 0 102px 50%;color:#fff;font:31px/38px 'db_helvethaica_x'; }
#section_contact .col-r .topic { font:72px/50px 'db_heavent_med';margin:0 0 15px 0;color:#ed1c26; }
#section_contact .col-r .txt { font:48px/40px 'db_heavent_med';margin:0 0 35px 0; }
#section_contact .col-r label { font:19px/18px 'db_heavent';display:block;margin:0 0 -10px 0; }
#section_contact .col-r .control { width:100%;font:20px/18px 'db_heavent';color:rgba(255,255,255,0.5);overflow:hidden;height:25px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.2);display:block;margin:0 0 30px 0; }
#section_contact .col-r .control.error { border-bottom:1px solid #ed1c26; }
#section_contact .col-r .checkbox { margin:18px 0 0 0;position:relative; }
#section_contact .col-r .checkbox label { padding:0; }
#section_contact .col-r .checkbox input[type="radio"] { display:none; }
#section_contact .col-r .checkbox input[type="radio"] + label span { display:inline-block;width:12px;height:12px;margin:2px 9px 0 0;vertical-align:middle;cursor:pointer;background:url(../image/radio.png) 0 0 no-repeat; }
#section_contact .col-r .checkbox input[type="radio"]:checked + label span { background:url(../image/radio_active.png) 0 0 no-repeat; }
#section_contact .col-r .submit_btn { width:auto;color:#fff;height:auto;margin:50px 0;display:inline-block;font:32px/30px 'db_heavent_med';text-align:center;background-color:#ed1c26;border:none;padding:9px 35px; }
#section_contact .col-r .errorTxt { display:block;font:italic 19px/18px 'db_heavent';position: absolute;top: 18px;color: #ed1c26;left:15px; }
#section_contact.fixed .col-r .submit_btn { margin-bottom:150px; }

/***popup***/
.popup_port { text-transform:uppercase;background:#fff;padding:62px 0 0 0; }
.popup_port h1 { font:75px/50px 'db_helvethaica_x_med';color:#ee1c26;margin:68px 0 0 0; }
.popup_port h2 { font:32px/27px 'db_helvethaica_x_med';color:#000;margin:0 0 10px 0; }
.popup_port .container { position:relative;z-index:2; }
.popup_port .caption_pop { font:25px/24px 'db_helvethaica_x';color:#838383;margin:0 0 40px 0; }
.popup_port .txt_detail { font:22px/25px 'db_helvethaica_x';color:#838383;text-transform:none;margin:0 0 78px 0; }
.popup_port .txt_detail ul ,.popup_port .txt_detail ol { margin:5px 0 0 18px; }
.popup_port .wp_btn { overflow:hidden; }
.popup_port .wp_btn a { width:40px;height:40px;display:block;float:left;margin:0 8px 0 0;background:url(../image/prev_btn.png) 0 0 no-repeat; }
.popup_port .wp_btn a:hover { background:url(../image/prev_btn-hover.png) 0 0 no-repeat; }
.popup_port .wp_btn .next_btn { background:url(../image/next_btn.png) 0 0 no-repeat; }
.popup_port .wp_btn .next_btn:hover { background:url(../image/next_btn-hover.png) 0 0 no-repeat;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover; }
.popup_port .box_picPort { width:100%;height:100%;position:absolute;right:0;top:61px; }
.popup_port .box_picPort .bg { width:41.66666667%;max-width:610px;height:42%;max-height:430px;position:absolute;top:0;right:15px;background-color:#ee1c27; }
.popup_port .box_picPort img { width:100%;position:absolute;top:40px;right:0; }
.popup_port .boxImg { margin:110px 0 60px 0; }
.popup_port .boxImg h2 { font:35px/20px 'db_helvethaica_x_med';color:#000; }
.popup_port .boxImg .topic { font:50px/50px 'db_helvethaica_x_med';color:#ee1c26;margin:0 0 10px 0; }
.popup_port .boxImg .wp_pic { line-height:0;-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25); }
.popup_port .boxImg .wp_pic img { width:100%;height:auto; }
.fancybox-margin { margin-right:0 !important; } 

.popup_thank { text-align:center;font:40px/38px 'db_heavent';color:#fff; }
.popup_thank .lg_txt { font:72px/60px 'db_heavent_med';color:#ed1c26;margin:0 0 25px 0; }
.popup_thank .txt { margin:0 0 25px 0; }
.popup_thank .txt a { border-bottom:1px solid #fff;display:inline-block;color:#fff; }
.popup_thank .click_btn { font:35px/30px 'db_heavent_med';color:#fff;padding:7px 25px;background-color:#ed1c26;margin:13px 0 0 0;display:inline-block; }
.overlay_thank { top:-70px;background:url(../image/pic_thank.jpg) center center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover; }
.overlay_thank .fancybox-close { height:25px;top:-48px;right:0;background: url(../image/close_btn-red.png) center center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover; }
.overlay_thank .fancybox-close:hover { background: url(../image/close_btn.png) center center no-repeat; }