@charset "utf-8";
@import "../../images/system.css";
body{background:#ffffff;color:#000000; font-size:16px;overflow-x:hidden; padding-top:120px;font-family:"\5FAE\8F6F\96C5\9ED1"; /*font-family:"\5B8B\4F53"*/}
a{color:#000000;}
*:focus {outline: none!important;box-shadow: none!important;outline-offset:0!important;}
input:required:invalid ,select:required:invalid ,textarea:required:invalid{outline: none;box-shadow: none;}
.am-alert{margin-bottom:0;text-align:center;}
.am-alert a:hover{color:#fff;}
.on ,a:hover{color:#004877;text-decoration:none;transition: all 300ms ease-in-out 0s;}
.my_ul ,.my_dl{ margin:0; padding:0;}
.my_ul li{ list-style:none;}
.my_dl dt ,.my_dl dd{margin:0;padding:0;font-weight:normal; }
dt + dd{ margin-top:0;}
p{ margin:0 0 10px;}
img { pointer-events: none; }
/*public*/
.web_w{ width:100%;padding:0 3.5% 0 7%;}
.web_b{ width:100%;padding:0 3.5% 0 7%;}
.am-paragraph-default{ margin:0;color:#3e3e3e;}
.am-paragraph-default img{ max-width:100%; border:none; padding:0; margin:0;display:inline;}
.am-paragraph-default p{ margin:0 0 10px 0; font-size:16px;}
.am-paragraph-default p ,.am-paragraph-default a{color:#3e3e3e; }
.am-paragraph-default a:hover{color:#004877;}
.am-pureview-actions a{ position:static; float:right; text-align:center;}
.picture-hover-animate{ display:block; position:relative; overflow:hidden;}
.picture-hover-animate:after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;visibility: visible;width: 160px;height: 160px;margin: auto;content: '';transition: all 0.6s ease-in-out;transform: scale(6);opacity: 1;border: 80px solid rgba(0, 0, 0, 0.1);border-radius: 80px;}
.picture-hover-animate:hover:after { visibility: hidden; opacity: 0; border: 0 solid rgba(0, 0, 0, 0.2); }
.am-table-striped > tbody > tr:nth-child(2n+1) > td, .am-table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #f5f5f5;}
.am-table tr td,.am-table tr th{ vertical-align:middle!important;}
/*header*/
.header{ width:100%;padding: 30px 0; background-color:#FFFFFF; position:fixed; left:0; top:0; z-index:1100;}
.logo{display:block; height:60px; float:left;}
.nav{float:right; width:calc(100% - 211px); text-align:right;font-family:"\5FAE\8F6F\96C5\9ED1";}
.nav li{ display:inline-block;line-height:60px;margin-left:9%; font-size:18px;}
.nav li:first-of-type{margin-left:0;}
.nav li a:hover,.nav li a.active{font-weight:bold; color:#000000;}
.inner_warp{ height:calc(100vh - 120px);padding-bottom:3.5%;}

.index_fullpage .section .web_w{ height:100%;}
.index_banner{ background:url(../img/loading.svg) center center no-repeat; position:relative;}
.index_fullpage .section .slide{ display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;background-size:cover;background-color:#f5f5f5; position:relative;}
.index_fullpage .section .slide .text{ font-size: 42px;line-height: 52px;color: #fff; font-weight: bold;position: absolute;right: 10%; bottom: 8%;font-family:"\5FAE\8F6F\96C5\9ED1";}
#fp-nav.left{ left:calc(3.5% - 14px)};
.index_fullpage .fp-controlArrow.fp-prev{ left:5%; margin-top:0px;border:none;}
.index_fullpage .fp-controlArrow.fp-next{ right:5%;margin-top:0px;border:none;}

.index_about{ position:relative;background-color:#F3F3EF; overflow:hidden; display: flex; flex-direction: row;}
.index_about .img{display: block; width: 47%;}
.index_about .text{ width:53%;text-align:justify; padding: 10%;font-size:18px;line-height:36px;}

.index_customer{margin-top: 50px;font-size: 18px;}
.index_customer .title{font-size: 22px; margin-bottom: 10px; font-weight: bold;}

.about_news{margin: 50px 0 0;}
.about_news.last{margin-top:30px;}
.about_news li{padding:40px 0; border-top:#000000 solid 1px; position: relative;font-size: 15px; line-height: 26px;}
.about_news li:after{display: block; content: ''; clear: both;}
.about_news li::before{display: block;content: ''; width: 60px; height: 20px; background-color: rgba(171, 31, 36, 0.8); position: absolute; left: 0; top: -10px;}
.about_news li .text{ width:calc(100% - 450px) ;padding:0 30px 0 0; position: absolute; left: 0; top: 0; height: 100%; }
.about_news li .text .title{font-size: 20px; margin-bottom: 10px;}
.about_news li .img{display: block;width: 400px; height: 240px;float: right; background-position: center; background-repeat: no-repeat; background-size: cover;}

.index_servie{ width:100%; height:100%; background-color:#004877; position:relative;overflow: hidden; color: #fff;}
.index_servie .text{ width:100%;height:75%; position:absolute; left:0; top:0;padding: 0 8%; display: flex; align-items: center;font-size: 42px; }
.index_servie .iteam{ width:100%;height:25%; position:absolute; left:0; bottom:0; display: flex; flex-direction: row; justify-content: space-between; font-size: 20px;padding: 0 8%;align-items: center;}
.index_servie .iteam a{color: #fff;;}

.index_new_work{width:100%; height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#f6f6f6;}
.index_new_work_des{display:flex;height:100%;flex-direction: column;justify-content: center;padding:0 10%;color:#fff;}
.index_new_work_des .title_1{font-size: 42px;}
.index_new_work_des .title_2{font-size:46px;}
.index_new_work_des .title_3{font-size:32px;line-height:36px;}



.index_case{ height:100%; position: relative;}
.index_case_list { margin:0 -10px; height: 100%;}
.index_case_list li{padding:0 10px; margin-top:20px;height: calc(50% - 10px);}
.index_case_list li:nth-of-type(1),.index_case_list li:nth-of-type(2),.index_case_list li:nth-of-type(3){ margin-top:0;}
.index_case_list li a{ display:block; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.index_case .error_x{display: flex; width: 100%;height: 100%; flex-direction: row; justify-items: center; justify-content: center; align-items: center;}


.index_contact{ height:100%;position:relative; overflow:hidden;font-family:"\5FAE\8F6F\96C5\9ED1";}
.index_contact .text{ width:46.6%; height:100%; text-align:center; background-color:#FFF100;}
.index_contact .text .am-vertical-align-middle{ line-height:60px; text-align:left;}
.index_contact .map{ width:53.4%; height:100%; position:absolute; right:0; top:0;}

.index_link{width:100%;height:20px;display:flex;justify-content: center; align-items: center;position: absolute; left: 0; bottom: 30px;}
.index_link a{color:#b5b5b5;}

.inner_warp .index_contact .text ,.inner_warp .index_contact .map ,.inner_warp .index_servie ,.inner_warp .index_servie .text{opacity:1;height:100%}

.left_info{ width:28px;height:100%;padding-bottom: calc(3.5% - 7px); position:fixed;left: calc(3.5% - 14px); bottom:0; text-align:center;}
.left_info_w{width:100%;height:100%;}
.left_info a{ display:block; color:#9FA0A0; font-size:16px; margin:0 auto; margin-top:10px;}
.left_info a:first-of-type{margin-top:0;}
.left_info a:hover{ color:#000;}
.code_img{ padding:10px 10px 0 10px;}
.code_img img{ display:block; width:200px; height:200px; margin:0 auto;}
.code_img span{ display:block;text-align:center; font-weight:bold; color:#000;margin-top:5px;}

.load_share{ text-align:center; padding-top:10%; font-size:16px;}
.news_share{width:100%;padding:0;}
.news_list_page{ margin:0 -10px;}
.news_list_page li{padding:0 10px; margin-bottom:20px;}
.news_list_page li .text{padding-bottom:10px;height:auto;display: block;}
.news_list_page li .img{width:100%; height:auto;overflow:hidden;}
.news_list_page li .img img{ display:block;width:100%; height:auto;}
.news_list_page li strong{ display:block; padding:8px 0; font-size:15px;margin-top:5px;}
.news_list_page li span{ display:block;color:#666; text-align:justify;}

.page_btn{ padding:30px 0; text-align:center;}
.page_btn a{ display:inline-block;width:4rem;height:4rem; margin:0 30px;}
.page_btn a.grey{opacity:0.2;}
.page_btn .page_left{background: url(../img/left.svg) center center no-repeat; background-size:auto 3rem;}
.page_btn .page_home{background: url(../img/home.svg) center center no-repeat; background-size:auto 3rem;}
.page_btn .page_right{background: url(../img/left.svg) center center no-repeat; background-size:auto 3rem;-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}

.page_title{ border-bottom: #f2f2f2 solid 1px;padding-bottom: 20px; margin-bottom: 20px; font-size: 22px; text-align: center; color: #000;}

/***MOBILE****/
.m_body{ padding-top:0; font-size:1.6rem;}
.m_wapper{max-width:64rem; margin:0 auto; padding:0;background-color:#F3F3EF; }
.m_header{ width:100%; position:fixed; left:0; top:0; z-index:1000;font-family:"\5FAE\8F6F\96C5\9ED1";}
.m_menu{ max-width:64rem; margin:0 auto;height:6rem; padding:0 1.5rem;}
.m_logo{ height:3.8rem; margin-top:1.1rem;float:left;}
.m_logo_h{ display:none;}
.m_menu .am-dropdown{ float:right;}
.m_menu .am-dropdown .am-btn{ width:4rem; height:6rem;padding:0; background: url(../img/meny_btn_w.svg) center center no-repeat; background-size:auto 3rem;}
.m_menu .am-dropdown-content{ right:0px;background: rgba(167,213,235,0.7);background: #004877\7;filter: alpha(opacity=70); border:none; margin:0;}
.m_menu .am-dropdown-content::before{border-bottom-color:rgba(167,213,235,0.7);background: #004877\7;filter: alpha(opacity=70);}
.m_menu .am-dropdown-content:after{ display:none;}
.m_menu .m_nav li{ display:block; color:#000; border-bottom:#fff solid 1px; font-size:1.6rem; padding:1.2rem 0; font-weight:bold;}
.m_menu .m_nav li:last-of-type{border-bottom:none; padding-bottom:0;}
.m_menu .m_nav li:first-of-type{padding-top:0;}
.m_menu .m_nav li a{ display:block; color:#000;}
.m_menu.active{ background-color:#EFEFEF;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.m_menu.active .m_logo_w{ display:none;}
.m_menu.active .m_logo_h{ display:block;}
.m_menu.active .am-dropdown .am-btn{background: url(../img/meny_btn_h.svg) center center no-repeat; background-size:auto 3rem;}

.m_menu.active .am-dropdown .am-btn{ color:#000;}

.m_banner.am-slider-default{width:100%; height:100vh;position:relative;margin:0 auto;box-shadow:none; z-index:1;border-radius:none;background:#004877 url(../img/loading.svg) center center no-repeat; overflow:hidden;}
.m_banner.am-slider-default .am-slides ,.m_banner.am-slider-default .am-slides li { height:100vh;}
.m_banner.am-slider-default .am-slides li a{ display:block;height:100vh;background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.m_banner.am-slider-default .am-slides li a .text{ width:100%; position:absolute; left:0; bottom:10%; text-align:center; font-size:3.2rem;line-height:3.6rem; color:#fff;opacity:0;font-family:"\5FAE\8F6F\96C5\9ED1";}
.m_banner.am-slider-default .am-slides li a .text span{ display:inline-block; text-align:left; font-weight:bold;}
.m_banner.am-slider-default .am-control-nav{ bottom:10px; z-index:10;}
.m_banner.am-slider-default .am-control-nav li a{ width:10px; height:10px;border:rgba(167,213,235,0.5) solid 2px; background:none;box-shadow:none;}
.m_banner.am-slider-default .am-control-nav li a.am-active{background-color:#004877;border:#004877 solid 2px;}

.m_service{padding-bottom:1.5rem; position:relative;}
.m_service:before{ display:block; content:''; width:100%; height:27%;max-height:32rem; background-color:#FFF100; position:absolute; left:0; top:0; z-index:1;}
.m_service .name{ padding:3rem 4rem; position:relative; font-size:2rem; z-index:2;font-family:"\5FAE\8F6F\96C5\9ED1";}
.m_service .des{margin:0 1.5rem;position:relative; z-index:2;}
.m_service .des:after{display:block;content:'';padding-bottom:155%;}
.m_service .des .text{width:100%;height:100%; position:absolute;left:0;top:0; background-color:#a7d5eb;}
.m_service .des .text .ms{width:100%; position:absolute;left:0;top:1rem;padding:2.5rem;}
.m_service .des .title{ font-size:2.4rem;font-weight:bold;line-height:3rem; font-family:"\5FAE\8F6F\96C5\9ED1";width:100%; position:absolute;left:0;bottom:1rem;padding:2.5rem;}
.m_service .des .title a{ display:block; color:#000; font-weight:bold; padding:0.3rem 0;}
.m_service .des .title a:after{ display:block; content:'\f105'; float:right;font-family:"fontawesome";}
.m_service .des .font_1{font-size:2.2rem;}
.m_service .des .font_2{font-size:3rem;font-weight:bold;}

.m_work_news{display:block;padding:0 1.5rem 1.5rem;position:relative;}
.m_work_news img{display:block;width:100%;}
.m_work_news .text{width:100%;position:absolute;color:#fff;text-align:center;padding-top:15%;left: 0;top: 0;z-index: 10;}
.m_work_news .text .title{display:inline-block;text-align:left;}
.m_work_news .text .title span{display:block;font-size:3rem;}
.m_work_news .text .title strong{display:block;font-size:3.2rem;}


.m_work{ position:relative;}
.m_work:before{ display:block; content:''; width:100%; min-height:17rem; height:27%; max-height:32rem; background-color:#FFF100; position:absolute; left:0; top:0; z-index:1;}
.m_work .text{ padding:3rem 1.5rem; position:relative;z-index:2; text-align:justify;}
.m_work .text .title{ font-size:2rem; font-weight:bold; margin-bottom:1rem;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#004877;}
.m_work .text .title a{color:#a7d5eb;}
.m_work ul{ padding:0 1.5rem;position:relative;z-index:2;}
.m_work ul li{ background-color:#fff; margin-bottom:2rem;}
.m_work ul.news_list_page li {padding:0;}
.m_work ul li img{ display:block; width:100%;}
.m_work ul li .img_a{display:block;background-position:center center; background-repeat:no-repeat;background-size:cover;background-color:#f5f5f5;}
.m_work ul li .img_a:after{display:block;content:'';padding-bottom:155%}
.m_work ul li .des{ padding:1.5rem 2rem;}
.m_work ul li .des .name{ font-size:1.6rem;line-height:2rem;}
.m_work ul li .des .time{ font-size:1.6rem;line-height:2rem;color:#666;}
.m_work ul li .data{ margin-top:1.5rem;}
.m_work ul li .data span{ display:inline-block; margin-right:3rem;color:#666;}
.m_work ul li .data span em{ display:inline-block;font-style:normal; margin-left:.5rem;}
.m_work ul li .data .eye{ background:url(../img/eye.svg) left center no-repeat; background-size:auto 1.6rem; padding-left:2rem;}
.m_work ul li .data span a{ color:#666;}
.m_work ul li .data .heart{ background:url(../img/heart.svg) left center no-repeat; background-size:auto 1.6rem; padding-left:2rem;}

.m_work ul li .data span:last-of-type{ margin-right:0;}
.work_load{ text-align:center; height:15rem; line-height:15rem; display:block;}


.m_contact{ background:#FFF100; text-align:center; padding:4rem 1rem;font-family:"\5FAE\8F6F\96C5\9ED1";}
.bottom_info{ margin-top:3rem}
.bottom_info a{ margin-left:4rem; font-size:2rem;}
.bottom_info a:first-of-type{ margin-left:0;}

.work_list{ margin:0 -10px;padding-bottom:calc(3.5% - 20px);}
.work_list.m_work:before{ display:none;}
.work_list li{padding:0 10px;}
.work_list ul li .des{ background-color:#f5f5f5;}

#k_ajax #k_ajaxBox{ border:none; padding:0}
#k_ajax #k_ajaxBox #k_ajaxSubmit{ padding-right:0;}
#k_ajax #k_ajaxBox #k_ajaxSubmit p a.k_close{ margin-right:5px;}
#k_ajax #k_ajaxBox #k_ajaxSubmit p a.k_close{line-height: 16px;height: 20px;padding: 2px 15px;font-size: 12px;}





@media screen and (max-width:640px) {
body{ padding-top:6rem; font-size:1.6rem;background-color:#fff;}
p{ margin-bottom:1.6rem;}
.am-paragraph-default p{ margin:1.6rem 0; }
.web_w{ padding:0;}
.inner_warp{ height:inherit;}


.index_about{ padding:1.5rem;display: flex; flex-direction: column;}
.index_about .img{width: 100%;}
.index_about .text{ width:100%; padding:1.5rem;font-size:16px;line-height:28px; background-color: #fff;;}

.index_customer{margin-top: 20px;font-size: 16px; padding: 2rem 1.5rem;background-color: #fff100;;}
.index_customer .title{font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #a7d5eb;}

.about_news{margin-top:0px;}
.about_news.last{margin-top:10px;}
.about_news li{padding:0 1.5rem; border-top:none; position: relative;font-size: 15px; line-height: 26px; margin-top:1.5rem;}
.about_news li::before{display: none;}
.about_news li .text{ width:100% ;padding:0; position: inherit; height: auto;margin-top: 1.5rem;}
.about_news li .text .title{font-size: 16px; margin-bottom: 8px;font-weight: bold;}
.about_news li .img{display: block;width: 100%; height: 180px;float: none;}
.about_news li .des{font-size: 1.5rem;}



.index_servie{height:auto; background:none;opacity:1; padding:0 1.5rem 1.5rem;}
.index_servie:before{ display:block; content:''; width:100%; height:27%;max-height:32rem; background-color:#FFF100; position:absolute; left:0; top:0; z-index:1;}
.index_servie .name{ padding:3rem ; position:relative; font-size:2rem; z-index:2;font-family:"\5FAE\8F6F\96C5\9ED1";}
.index_servie .text{ width:100%; height: auto; margin:0 auto; font-size:16px; position: inherit;opacity:1;background-color:#004877;padding:2rem;position:relative; z-index:2;}
.index_servie .text .title{ font-size:2.2rem; margin:0 0 16rem 0;line-height: 2.6rem;}
.index_servie .text .title a{ isplay:block; color:#000; font-weight:bold; padding:0.3rem 0; color:#000;}
.index_servie .text .title a:after{ display:block; content:'\f105'; float:right; font-family:"fontawesome";}

.load_share{ padding:0; line-height:6rem;}
.news_share{width:100%;padding:1.5rem;}
.news_list_page{ margin:0 -.7rem;}
.news_list_page li{padding:0 .7rem; margin-bottom:1.5rem;}
.news_list_page li .text{ background-color:#fff;}
.news_list_page li strong{ padding:.5rem 0rem; font-size:1.6rem}
.news_list_page li span{ font-size:1.5rem; padding:0rem;}

.index_contact{ height: auto; padding:1rem;}
.index_contact .text{display:none;}
.inner_warp .index_contact .map{ width:100%; height:30rem; position: inherit;opacity:1; margin-top:0rem;}

.work_page{ padding:0.5rem 1.5rem 1.5rem;}
.work_page .am-paragraph-default{ text-align:justify;color:#666;}
.work_page .am-paragraph-default p{color:#666;}
.am-paragraph-default p{ font-size:1.6rem;color:#666;}
.page_btn{ padding:3.5rem 0 1.5rem; text-align:center;}
.page_btn a{margin:0 2rem;}
.page_btn .page_left{background: url(../img/left.svg) center center no-repeat; background-size:auto 2.2rem;}
.page_btn .page_home{background: url(../img/home.svg) center center no-repeat; background-size:auto 2.2rem;}
.page_btn .page_right{background: url(../img/left.svg) center center no-repeat; background-size:auto 2.2rem;-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}
.work_list{ margin:2rem 0 0;padding:0;}
.work_list li{padding:0; margin-bottom:1.5rem;}
.m_work ul{padding:0 1.5rem;}
.m_work ul li{ margin-bottom:1.5rem;}
.work_list ul li .des{ background-color:#fff;}
.page_title{padding-top:20px;font-size: 18px; font-weight: bold;}
}