/*
Theme Name: SEE
Theme URI: http://www.ixmoreart.com/themes/SEE/
Author: SEE
Author URI: http://www.ixmoreart.com/
Description: Personalized customization
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: SEE
Tags: custom-background
*/


*, *:after, *:before{margin:0px;padding:0px;border:none;outline:none;background:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,html{margin: 0 auto;font-size:0.9vw;line-height: 180%;color:#000;font-weight:400;background:#ffffff;font-family: 'Microsoft YaHei', Abel, Arial, sans-serif;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing: antialiased;}
address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{font-style:normal;}
a{color:#000;text-decoration:none;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
a:hover{text-decoration:none;outline:none;color:#e72f6f;}
input,button,select,textarea{font-family: 'Microsoft YaHei', Abel, Arial, sans-serif;font-weight: 400;}
ul,li{list-style:none;padding:0px;margin:0px;}
input{transition: all 500ms ease;}
button:focus,input:focus,textarea:focus{outline: none;box-shadow: none;transition: all 500ms ease;}
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance:none;}
input[type=submit]:hover{opacity:0.9;filter:Alpha(opacity=90);cursor: pointer;}
p{position: relative;font-family: 'Microsoft YaHei', sans-serif;font-weight: 500;margin: 0px;transition: all 500ms ease;}
h1,h2,h3,h4,h5,h6{position:relative;font-family: 'Microsoft YaHei', sans-serif;font-weight: 400;line-height: 150%;margin: 0px;transition: all 500ms ease;}
figure{margin: 0px;}
img{display: block;max-width: 100%;height: auto;margin: 0 auto;transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;image-rendering: -moz-crisp-edges;image-rendering:   -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;-ms-interpolation-mode:bicubic;image-rendering: optimizeQuality;}
.clearfix {z-index: 1;clear: both;}
.clearfix::after {display: block;clear: both;content: "";}
.tc{text-align: center;}
.tr{text-align: right;}
.container {width: 96%;margin: 0 auto;}
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.w{position: relative;filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); -moz-filter:brightness(0) invert(1); -ms-filter:brightness(0) invert(1); -o-filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1);}

/** header **/
header{width: 100%;position: fixed;left:0;top:0;z-index: 9999 !important;background:rgba(0,0,0,.5);padding: 1% 0;}
header .logo img{height: 40px;}

/** main-menu **/
.menu-area{width: 52%;}
.menu-area .main-menu ul li a{display: block;font-size: 1vw;font-weight: bold;color: #fff;}
.menu-area .main-menu .navbar-collapse{padding:0px;display:block !important;}
.menu-area .mobile-nav-toggler {width: 30px;display: none;}

/** mobile-menu **/
.nav-outer .mobile-nav-toggler{position: relative;float: right;font-size: 40px;line-height: 50px;cursor: pointer;color:#3786ff;display: none;}
.mobile-menu{position: fixed;right: 0;top: 0;width: 280px;max-width:100%;height: 100%;opacity: 0;visibility: hidden;z-index: 999999;}
.mobile-menu .navbar-collapse{display:block !important;}
.mobile-menu .nav-logo{position:relative;padding:40px 25px;text-align:left;}
.mobile-menu .nav-logo img{height: 40px;margin: 0;}
.mobile-menu-visible{overflow: hidden;}
.mobile-menu-visible .mobile-menu{opacity: 1;visibility: visible;}
.mobile-menu .menu-backdrop{position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 1;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);transition: all 900ms ease;-moz-transition: all 900ms ease;-webkit-transition: all 900ms ease;-ms-transition: all 900ms ease;-o-transition: all 900ms ease;}
.mobile-menu-visible .mobile-menu .menu-backdrop{opacity: 0.70;visibility: visible;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .menu-box{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;max-height: 100%;overflow-y: auto;background: #202020;padding: 0px 0px;z-index: 5;opacity: 0;visibility: hidden;border-radius: 0px;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);}
.mobile-menu-visible .mobile-menu .menu-box{opacity: 1;visibility: visible;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .close-btn{position: absolute;right: 15px;top: 15px;width: 24px;text-align: center;font-size: 16px;color: #ffffff;cursor: pointer;z-index: 10;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.mobile-menu .close-btn:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.mobile-menu .navigation{position: relative;display: block;width: 100%;float: none;}
.mobile-menu .navigation li{width: 100%;position: relative;display: block;border-top: 1px solid rgba(255,255,255,0.10);}
.mobile-menu .navigation:last-child{border-bottom: 1px solid rgba(255,255,255,0.10);}
.mobile-menu .navigation li > ul > li:first-child{border-top: 1px solid rgba(255,255,255,0.10);}
.mobile-menu .navigation li > a{position: relative;display: block;line-height: 200%;padding: 10px 0 10px 25px;font-size: 16px;font-weight: bold;color: #ffffff;text-transform: uppercase;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li > a:before{content:'';position:absolute;left:0;top:0;height:0;border-left:5px solid #e72f6f;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li.current > a{color: #e72f6f;}
.mobile-menu .navigation li.current > a:before{height:100%;}
.mobile-menu .navigation li > a:hover{color: #e72f6f;}
.mobile-menu .navigation li > a:hover:before{height: 100%;}
div#mCSB_1_container{top: 0px !important;}

/*banner*/
.banner{position: relative;overflow: hidden;}
.banner img{width: 100%;max-width:none;position: relative;top:0;left: 50%;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);margin: 0;}
.banner video{width: 100%;}

.sideBar-wrapper{position: fixed;top: 50%;right: 0;z-index: 6666;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.sideBar-wrapper ul li{position: relative;margin:1px 0;}
.sideBar-wrapper ul li a{display: flex;align-items: center;font-family: "Microsoft Yahei";position: relative;left:0;color: #fff;overflow: hidden;}
.sideBar-wrapper ul li .icon{width: 50px;padding: 12px 12px 14px 14px;background-color: #000;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a:hover{background: #e72f6f;opacity: 1;}
.sideBar-wrapper-txt{justify-content: flex-start;position: absolute;top: 0;right: -200px;font-size: 14px;width: 200px;line-height: 50px;transition: all .4s;color:#fff;border-radius: 6px;}
.sideBar-wrapper-txt img{margin:0 12px;}
.sideBar-wrapper-txt a{color:#fff;}
.sideBar-wrapper-ewm{position: absolute;top: calc(50% - 70px);left: -150px;width: 140px;height: 140px;display: none;background:#fff;padding:3px;}
.sideBar-wrapper-ewm::before{content: "";position: absolute;top: 50%;margin-top: -8px;right: -8px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid  #fff;width: 0;height: 0;}
.sideBar-wrapper ul li.side-email:hover .sideBar-wrapper-txt{background: #e72f6f;opacity: 1;right:0;}
.sideBar-wrapper ul li.side-tel:hover .sideBar-wrapper-txt{background: #e72f6f;opacity: 1;right:0;}
.sideBar-wrapper ul li.side-ws:hover .sideBar-wrapper-txt{background: #e72f6f;opacity: 1;right:0;}
.sideBar-wrapper ul li.side-wechat:hover .sideBar-wrapper-ewm{display: block;}

/*quick*/
.quick{margin: 10px 0;}
.quick ul li{width: 33.3%;position: relative;}
.quick ul li .txt{position: absolute;width: 100%;left: 0;bottom: 6%;color: #fff;padding-left: 8%;}
.quick ul li .txt h4{font-size: 1.2vw;font-weight: bold;line-height: 120%;}

/*footer*/
.footer{background: #efefef;padding: 2% 0 1% 0;}
.footer .container{align-items: flex-start;}
.footerTxt{width: 25%;}
.footerTxt img{width: 90%;margin: 0;padding: 2% 0;}
.footerTxt h6{font-size: 1.2vw;font-weight: bold;margin-top: 4%;}
.footerTxt p{font-size: 90%;color: #666;line-height: 140%;}

.footerMess{width: 42%;margin: 1% 0 1% 5%;}
.footerMess ul li{width: 49%;margin-bottom: 2%;}
.footerMess ul li:last-child{width: 100%;}
.footerMess ul li input{width: 100%;background: #fff;padding: 6% 0 6% 10%;line-height: 180%;}
.footerMess ul li textarea{width: 100%;background: #fff;padding: 3% 0 3% 5%;line-height: 180%;}
.footerMess .submit{background: #fff;width: 160px;line-height: 240%;}
.footerMess .submit:hover{background: #e72f6f;color: #fff;}

fieldset{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.fluentform .ff-el-group{width: 49% !important;margin-bottom: 2% !important;}
.ff-el-form-control{border:none !important;border-radius:0 !important;background: #fff;padding: 3% 3% 3% 5% !important;}
.ff_submit_btn_wrapper button{background: #fff;width: 100%;line-height: 220% !important;border-radius:0 !important;background: #fff !important;color:#000 !important;}
.ff_submit_btn_wrapper button:hover{background: #e72f6f !important;color: #fff !important;}
.fluentform .ff_message{width:100% !important;}
.fluentform .ff_message .ff-el-form-control{padding: 2% 3% 2% 3% !important;line-height:180%;}

.footerMess .ff-el-form-control{padding: 6% !important;}
.footerMess .fluentform .ff_message .ff-el-form-control{padding: 3% !important;}

.footerCon{width: 20%;}
.footerCon .iconBox{padding: 3% 0;}
.footerCon .iconBox h3{font-size: 1.5vw;font-weight: bold;}
.footerCon .iconBox .icon{width: 140px;}
.footerCon .iconBox .icon a{max-width:26px;}
.footerCon p{line-height: 150%;margin-top: 4%;}
.footerCon p em{font-weight: bold;display: block;}
.footerCon ul{justify-content: flex-start;margin-top: 2%;}
.footerCon ul li{max-width:26px;margin:0 4% 4% 0;}
.footerCon ul li:last-child{margin-right: 0;}

.footer-bottom{display: none;}

/*series*/
.series{margin-bottom: 10px;}
.seriesTit{padding: 1% 0 2% 0;overflow: hidden;}
.seriesTit .pic{width: 37%;}
.seriesTit .txt{width: 60%;}
.seriesTit .txt h3{color: #eee;font-weight: bold;font-size:6vw;line-height: 105%;}
.seriesTit .txt p{font-size: 1vw;padding: 2% 0 0 1%;}

.seriesCon ul li{width: 24.6%;position: relative;overflow: hidden;}
.seriesCon ul li h4{font-size: 1.8vw;font-weight: bold;color: #fff;position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width: 100%;}
.seriesCon ul li h4 span{display: block;}
.seriesCon ul li a:hover img{transform: scale(1.2);}
.seriesCon ul li a:hover h4{color: #e72f6f;}

/*number*/
.number{background: #000;}
.number ul{width: 80%;background: #e72f6f;padding: 2%;align-items: flex-start;}
.number ul li{width: 20%;text-align: center;}
.number ul li:nth-child(2){width: 24%;}
.number ul li em{font-size: 3vw;line-height: 120%;display: block;font-weight: bold;margin-bottom: 2%;}
.number .pic{width: 20%;padding: 1% 2% 0 2%;}

/*strength*/
.strength{background: #000;margin-top: 10px;}
.strength .txt{width: 50%;color: #fff;padding: 0 4% 0 3%;}
.strength .txt h3{font-size: 3vw;font-weight: bold;line-height: 140%;}
.strength .txt i{display: block;width: 18%;height: 1px;background: #fff;margin: 6% 0;}
.strength .pic{width: 50%;}

/*construction*/
.construction{background: #efefef;margin: 10px 0;}
.construction .txt{width: 38%;padding: 3%;}
.construction .txt h3{font-size: 3vw;font-weight: bold;line-height: 120%;margin-bottom: 5%;}
.construction .txt img{width: 80%;margin: 15% 0 0 0;}
.construction .pic{width: 62%;padding: 20px 10px;}

/*process*/
.process{background: #000;}
.processTit{padding: 1% 0;}
.processTit p{color: #fff;padding-top: 2%;}
.processTit p em{display: block;color: #333;font-size: 3.5vw;font-weight: bold;line-height: 120%;}
.processTit h3{color: #fff;font-size: 3vw;font-weight: bold;text-align: right;line-height: 120%;}
.processTit h3 span{display: block;}

.processCon ul{align-items: flex-start;}
.processCon ul li{width: 19.8%;}
.processCon ul li dl{padding: 12% 0 12% 5%;align-items: flex-start;}
.processCon ul li dl dt{background: #fff;width: 50px;text-align: center;font-size: 2.5vw;line-height: 150%;font-weight: bold;}
.processCon ul li dl dd{color: #fff;width: calc(100% - 60px);font-size: 1.4vw;line-height: 150%;}

/*case*/
.case{background: #efefef;margin: 10px 0;padding:3% 0 4% 0;}
.casePage{padding: 0 3%;}
.casePage ul li{position: relative;font-size: 1.5vw;line-height: 150%;font-weight: bold;padding-bottom: 1%;}
.casePage ul li span{display: block;color: #999;}
.casePage ul li.on::after{display: block;content: "";position: absolute;left: 0;bottom:-3px;width: 100%;height: 3px;background: #e72f6f;}
.casePage ul li.on span{color: #e72f6f;}

.casePagelist{padding: 0 3%;}
.casePagelist ul li{position: relative;font-size: 1.5vw;line-height: 150%;font-weight: bold;}
.casePagelist ul li span{display: block;color: #999;}
.casePagelist ul li.on span{color: #e72f6f;}
.casePagelist ul li:hover span{color: #e72f6f;}

.caselist{overflow: hidden;}
.caselist ul{align-items: flex-start;}
.caselist ul li{width: 49.2%;margin-top: 3%;overflow: hidden;}
.caselist ul li img{position: relative;overflow: hidden;}
.caselist ul li:hover img{transform: scale(1.2);}
.caselist ul li h3{font-size: 1.8vw;font-weight: bold;padding: 3% 0 0 5%;background: #efefef;}
.caselist ul li p{color: #666;padding-left: 5%;background: #efefef;}
.caselist .more{margin-top: 3%;text-align: center;}
.caselist .more a{display: inline-block;font-size: 1vw;line-height: 280%;padding: 0 4%;letter-spacing: 2px;background: #e72f6f;color: #fff;}

/*map*/
.map h3{background: #000;text-align: center;font-size: 5vw;letter-spacing: 2px;font-weight: bold;color: #fff;line-height: 240%;position: relative;}
.map h3::before{content: "IX MORE ART";position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width: 100%;color: rgba(255,255,255,.06);font-size: 12vw;letter-spacing: 5px;}

/*benefit*/
.benefit{margin: 10px 0;background: #000 url(../images/benefitBg.jpg) center no-repeat;color: #fff;background-size: cover;}
.benefit h3{width: 40%;font-size: 5vw;font-weight: bold;padding: 0 0 5% 3%;line-height: 140%;}
.benefit h3 span{display: block;}
.benefit .con{width: 55%;padding: 3% 0;}
.benefit .con img{height: 60px;margin: 0;opacity: 0.3;filter: alpha(opacity=0.3);}
.benefit .con ul li{margin-top: 2%;}
.benefit .con ul li h4{font-size: 1.5vw;font-weight: bold;}
.benefit .con ul li p{font-size: 90%;line-height: 150%;opacity: 0.6;filter: alpha(opacity=0.6);}

/*blog*/
.blog{background: #efefef;padding-bottom: 1%;}
.blogPage{position: relative;padding: 3% 0 2% 0;}
.blogPage h3{font-size: 4vw;font-weight: bold;}
.blogPage ul{width: 38%;}
.blogPage ul li{font-size: 1.5vw;text-align: center;font-weight: bold;}
.blogPage ul li.on a{color: #e72f6f;}
.blogPage ul li span{display: block;font-size: 1vw;font-weight: normal;opacity: 0.3;filter: alpha(opacity=0.3);}

.bloglist{overflow:hidden;}
.bloglist .swiper-slide{align-items: flex-start;}
.bloglist dl{width: 32.5%;}
.bloglist dl dd h4{font-size: 1.2vw;font-weight: bold;margin: 2% 0;}
.bloglist dl dd span{color: #999;display: block;margin: 1% 0;}
.bloglist dl dd p{font-size: 90%;line-height: 160%;}
.bloglist dl dd .more{font-weight: bold;display: block;margin: 3% 0 5% 0;}

/*factory*/
.factory{margin-top: 10px;background: #efefef;padding: 3% 0;}
.factory .container{position: relative;align-items: flex-start;}
.factory .container::after{content: "ABOUT";position: absolute;right: 0;top:0%;color: rgba(255,255,255,.5);font-size: 12vw;font-weight: bold;line-height: 90%;z-index: 1;}
.factory .pic{width: 12%;}
.factory .txt{width: 70%;margin-right: 15%;position: relative;z-index: 22;}
.factory .txt h2{font-size: 5vw;font-weight: bold;line-height: 120%;}
.factory .txt h3{font-size: 1.5vw;}
.factory .txt h4{font-size: 1.5vw;margin: 6% 0 1% 0;}

/*branch*/
.branch{margin: 10px 0;}
.branch ul li{width: 33%;position: relative;color: #fff;}
.branch ul li .txt{position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 10% 6% 10%;}
.branch ul li .txt h5{font-size: 2vw;font-weight: bold;line-height: 120%;}
.branch ul li .txt h6{font-size: 1.2vw;font-weight: bold;margin-bottom: 5%;}

/*team*/
.team{background: #000;}
.teamTit{padding: 3% 0;justify-content: flex-start;}
.teamTit img{width: 20%;opacity: 0.6;filter: alpha(opacity=0.6);margin: 0;}
.teamTit .tit{margin-left: 2%;}
.teamTit .tit h3{font-size: 2vw;font-weight: bold;color: #fff;margin-bottom: 2%;}
.teamTit .tit h4{display: inline-block;background: #e72f6f;color: #fff;padding: 8px 20px;}

.teamCon{align-items: flex-start;}
.teamCon dl{width: 32%;align-items: flex-start;}
.teamCon dl dt{width: 45%;}
.teamCon dl dd{width: 50%;color: #fff;}
.teamCon dl dd h5{font-size: 1.5vw;font-weight: bold;;line-height: 120%;margin-bottom: 5%;}
.teamCon dl dd h5 span{font-size: 1vw;font-weight: normal;display: block;}
.teamCon dl dd p{font-size: 90%;opacity: 0.8;filter: alpha(opacity=0.8);line-height: 140%;padding-right: 5%;}

.teamTxt{padding: 3% 0;}
.teamTxt .pic{width: 37%;}
.teamTxt .txt{width: 60%;padding-right: 5%;}
.teamTxt .txt p{color: #fff;padding: 1.5% 0;line-height: 160%;}

/*history*/
.history{margin: 10px 0;background: #000 url(../images/historyBg.jpg) center no-repeat;background-size: cover;padding: 5% 0;}
.history .pic{width: 12%;}
.swiper-container-history{width: 85%;overflow: hidden;position: relative;}
.swiper-container-history h3{width: 95%;background: #fff;text-align: center;font-size: 3.2vw;font-weight: bold;text-align: justify;-ms-text-align-last: justify;text-align-last: justify;padding: 0 4%;line-height: 160%;position: absolute;left: 0;top:calc(50% + 5px);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index: 99;}
.swiper-container-history ul li{color: #fff;align-items: flex-start;border-left: 4px solid #fff;padding-left: 1%;width: 25%;float: left;height: 18vw;}
.swiper-container-history ul li h6{font-weight: bold;font-size: 1vw;line-height: 160%;height: 6vw;}
.swiper-container-history ul li h6 span{display: block;font-size: 1.5vw;margin: 1% 0;}
.swiper-container-history ul li p{font-size: 90%;opacity: 0.8;filter: alpha(opacity=0.8);line-height: 150%;padding-right: 25%;}
.swiper-container-history ul li:nth-child(even){position: relative;margin-top: 22vw;margin-left: -15%;margin-right: -10%;}
.swiper-container-history ul li:nth-child(even) p{height: 10vw;margin-top: 4vw;}

/*client*/
.client{padding: 3% 0;}
.client h3{font-size: 3vw;font-weight: bold;line-height: 120%;margin-bottom: 1%;}
.client h3 span{display: block;}
.client p{color: #999;padding: 0 20%;}
.client img{width: 90%;margin-top: 2%;}

/*why*/
.why{margin: 10px 0;background: #efefef;padding: 3% 0;}
.why .tit{width: 40%;position: relative;padding-left: 5%;}
.why .tit h3{font-size: 5vw;font-weight: bold;line-height: 110%;position: relative;z-index: 22;}
.why .tit h3 span{display: block;}
.why .tit img{position: absolute;top: 5%;right: 10%;width: 40%;z-index: 1;}

.why .txt{width: 55%;}
.why .txt h4{font-size: 2vw;margin-bottom: 3%;line-height: 120%;}
.why .txt p{color: #666;}

/*service*/
.service{margin: 10px 0;background: #000;color: #fff;padding-top: 4%;}
.service .con{align-items: flex-start;padding-bottom: 4%;}
.service .tit{width: 60%;align-items: flex-start;}
.service .tit i{width: 60px;font-size: 3vw;font-weight: bold;}
.service .tit img{width: 50%;}
.service .tit h3{width: 40%;font-size: 3vw;font-weight: bold;line-height: 120%;}
.service .txt{width: 35%;}
.service .txt p{margin-bottom: 4%;line-height: 150%;}

/*portfolio*/
.portfolio{background: #000;padding: 4% 0 2% 0;color: #fff;}
.portfolio .container{align-items: flex-start;}
.portfolio h3{width: 35%;font-size: 3.5vw;font-weight: bold;line-height: 120%;}
.portfolio .con{width: 60%;}
.portfolio .con h4{font-size: 1.8vw;font-weight: bold;line-height: 120%;margin-bottom: 1%;}
.portfolio .con h4 span{display: block;}
.portfolio .con p{color: rgba(255,255,255,.9);}
.portfolio .con .list{align-items: flex-start;}
.portfolio .con .list li{width: 49%;margin-bottom: 4%;}
.portfolio .con .num{padding-right: 10%;}
.portfolio .con .num li{text-align: center;color: rgba(255,255,255,.9);}
.portfolio .con .num li span{font-size: 3vw;font-weight: bold;display: block;line-height: 100%;color: #fff;}

/*contact*/
.contact{padding: 2% 0;background: #efefef;margin: 10px 0;}
.contact h2{width: 30%;font-size: 5vw;font-weight: bold;padding-left: 4%;line-height: 100%;}
.contact .txt{width: 60%;}
.contact .txt h3{font-size: 1.8vw;line-height: 120%;margin-bottom: 5%;padding-right: 10%;}
.contact .txt p{color: #666;}
.contact .txt ul{margin-top: 5%;}
.contact .txt ul li img{width: 50px;margin-right: 10px;}
.contact .txt ul li p{color: #000;line-height: 150%;}
.contact .txt ul li p em{display: block;font-weight: bold;}

/*processes*/
.processes{padding: 2% 0 5% 0;background: #000;color: #fff;}
.processes .container{position: relative;}
.processes h4{font-size: 8.5vw;font-weight: bold;transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);position: absolute;left: -14%;top:38%;}
.processes ul{margin-left: 16%;align-items: stretch;}
.processes ul li{width: 45%;align-items: flex-start;border-bottom: 1px solid #999;padding: 3% 0 1% 0;position: relative;}
.processes ul li:nth-child(even)::after{position: absolute;content: '';bottom: -1px;left: -25%;border-bottom: 1px solid #999;width: 25%;}
.processes ul li i{font-size: 4vw;font-weight: bold;line-height: 90%;}
.processes ul li span{font-size: 1.8vw;font-weight: bold;line-height: 100%;}
.processes ul li h5{font-size: 1.5vw;line-height: 100%;width: 30%;padding-left: 10px;}
.processes ul li p{width: 24%;color: rgba(255,255,255,.8);line-height: 130%;padding-right: 10px;}
.processes ul li img{width: 30%;margin: 0;}

/*message*/
.message{margin: 10px 0;background: #efefef;padding: 3% 0 5% 0;}
.message h3{font-size: 10vw;font-weight: bold;margin-bottom: 2%;}
.message .con{align-items: stretch;}
.message .txt{width: 30%;}
.message .txt img{width: 80%;margin: 10% 0 0 0;}
.message .form{width: 65%;}
.message .form ul li{width: 49%;margin-bottom: 2%;}
.message .form ul li:last-child{width: 100%;}
.message .form ul li input{width: 100%;background: #fff;padding: 3% 0 3% 6%;line-height: 160%;}
.message .form ul li textarea{width: 100%;background: #fff;padding: 1.5% 0 1.5% 3%;line-height: 160%;}
.message .form .submit{background: #fff;width: 49%;line-height: 160%;padding: 1.5% 0;}
.message .form .submit:hover{background: #e72f6f;color: #fff;}

/*seriesTxt*/
.seriesTxt{padding: 2% 0;background: #efefef;margin-bottom: 10px;}
.seriesTxt h3{font-size: 4.5vw;font-weight: bold;line-height: 120%;width: 38%;padding-left: 5%;}
.seriesTxt .txt{position: relative;width: 60%;padding-right: 6%;}
.seriesTxt .txt h4{font-size: 2vw;line-height: 120%;margin-bottom: 3%;position: relative;z-index: 11;}
.seriesTxt .txt p{color: #666;position: relative;z-index: 11;}
.seriesTxt .txt img{width: 85%;position: absolute;z-index: 1;left: 0;top:0;opacity: 0.6;filter: alpha(opacity=0.6);}

/*content*/
.content{padding: 4% 15%;}
.content .tit{border-bottom: 2px solid #000;padding-bottom: 1%;margin-bottom: 3%;}
.content .tit h1{font-size: 2vw;font-weight: bold;}
.content .tit h3{color: #999;font-size: 95%;}
.content .con{font-size: 1.2vw;line-height: 180%;}
.content .con img{margin-top: 1%;}

/*page*/
.page{background: #efefef;padding: 3% 15%;}
.page ul li{width: 40%;text-align: center;background: #fff;font-size: 1.2vw;font-weight: bold;line-height: 300%;}
.page ul li a{display: block;}
.page ul li a:hover{background: #e72f6f;color: #fff;}

/*blogBox*/
.blogBox{padding: 4% 0;background: #efefef;}
.blogTit{margin-bottom: 1%;}
.blogTit h3{font-size: 4vw;font-weight: bold;line-height: 120%;}
.blogTit ul{width: 38%;}
.blogTit ul li{font-size: 1.5vw;text-align: center;font-weight: bold;}
.blogTit ul li:hover a{color: #e72f6f;}
.blogTit ul li span{display: block;font-size: 1vw;font-weight: normal;opacity: 0.3;filter: alpha(opacity=0.3);}
.blogTit ul li.on a{color: #e72f6f;}

.blogCon{justify-content:flex-start;align-items: stretch;}
.blogCon dl{width:32%; margin:2% 2% 0 0;background:#fff;border-radius:8px;overflow:hidden;}
.blogCon dl:nth-child(3n){margin-right:0;}
.blogCon dl dt{overflow:hidden;}
.blogCon dl dt img{cursor: pointer;width: 100%;height: auto;transform: scale(1);-ms-transform: scale(1);webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
.blogCon dl:hover{box-shadow:0 0 5px 2px rgba(0,0,0,.2);}
.blogCon dl:hover dt img {-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.blogCon dl dd{padding:5%;}
.blogCon dl dd h4{font-size: 1.2vw;font-weight: bold;margin: 2% 0;}
.blogCon dl dd span{color: #999;display: block;margin: 1% 0;}
.blogCon dl dd p{font-size: 90%;line-height: 160%;}
.blogCon dl dd .more{font-weight: bold;display: block;margin-top: 4%;}

.blogPaged{margin-top: 4%;justify-content: center;}
.blogPaged a{padding:0 15px; display:block;border:1px solid #fff;line-height: 220%;}
.blogPaged span{padding:0 15px; display:block;font-weight:normal;background: #e72f6f;color:#fff;border:1px solid #fff;line-height: 220%;}
.blogPaged a:hover{ color:#fff; background: #e72f6f; }

/*topBg*/
.topBg{background: #000;}

/*content*/
.contentBox{background:#fff;margin:8% auto 3% auto;}
.contentBox .container{align-items: flex-start;}
.contentCon{width: 72%;background:#fff;border:1px solid #aaa;}
.contentCon .tit{text-align: center;padding-bottom:1%;border-bottom:1px solid #aaa;margin:3% 3% 0 3%;}
.contentCon .tit h1{font-size: 1.5vw;font-weight: bold;}
.contentCon .tit p{color: #999;}
.contentCon .con{padding: 3%;}
.contentCon .con img{margin-top: 1%;}

.contentPage{padding: 3%;border-top: 1px solid #aaa;color: #999;}
.contentPage ul{width:68%}
.contentPage ul li{line-height:2vw;max-height:2vw;overflow:hidden;}
.contentPage ul li a{color: #999;}
.contentPage ul li a:hover{color: #e72f6f;}
.contentPage .btn{width: 30%;text-align: center;}
.contentPage .btn a{display:block;background:#e72f6f;font-size: 1.1vw;font-weight: bold;line-height: 300%;color:#fff;}

.contentList{width: 26%;}
.contentList h4{font-size:1.5vw;font-weight: bold;line-height:280%;border-bottom:1px solid #aaa;padding:0 6%;margin-bottom: 4%;}
.contentList .con{border:1px solid #aaa;margin-bottom:8%;padding-bottom: 4%;}
.contentList .con dl{padding:10px 0;border-bottom:1px solid #aaa;margin: 0 6%;align-items: flex-start;}
.contentList .con dl:last-child{border-bottom:none;}
.contentList .con dl dt{width:40%;}
.contentList .con dl dd{width:55%;}
.contentList .con dl dd h3{font-size:1vw;font-weight: bold;}
.contentList .con dl dd p{color:#999;}
.contentList .con ul{padding:0 6%;}
.contentList .con ul li{line-height:2vw;max-height:2vw;overflow:hidden;}
.contentList .con ul a{display:block;width:100%;}

/*FAQ*/
.FAQ{padding: 4% 0;margin-top: 5%;overflow:hidden;}
.FAQ .tit{padding:0 15%;}
.FAQ .tit h3{font-size: 3vw;font-weight: bold;border-bottom: 1px solid #efefef;line-height: 180%;margin-bottom: 1%;}
.FAQ .tit p{color: #999;}

.FAQ .search{position: relative;margin: 4% 15%;position: relative;}
.FAQ .search input{width: 100%;border: 2px solid #efefef;line-height: 50px;padding: 0 2%;font-size: 16px;}
.FAQ .search button{background: #e72f6f;width: 54px;padding: 12px;position: absolute;right: 0;top:0;}

.FAQ ul{padding:0 15%;}
.FAQ ul li{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-ms-box-shadow:0 0 10px rgba(0,0,0,0.1);-o-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);padding: 0 2%;margin-top: 2%;}

.FAQPage ul{align-items: stretch;}
.FAQPage ul li{width:13%;padding: 2%;font-weight:bold;}
.FAQPage ul li.on{background:#e72f6f;color:#fff;}

.FAQlist{padding:10px 0;margin-top:2%;}
.accordion{position: relative;}
.accordion h4{font-size: 1.2vw;font-weight: bold;line-height: 200%;padding: 1% 0;}
.accordion i{position: absolute;content: '';top: calc(50% - 4px);right: 0;border-color: #e72f6f transparent transparent transparent;border-width: 12px 8px;border-style: solid;}
#open i{top: calc(50% - 12px);border-color: transparent transparent #e72f6f transparent;}
.accordion-desc{padding-bottom: 2%;}

.FAQ .txt,.FAQ .posts-navigation{padding:0 15%;}


@media screen and (max-width:1440px){

.banner img{max-width: 100%;}

.footerMess{margin: 1% 0;}
.footerCon{width: 24%;}
.footerCon ul li{max-width: 24px;}

}

@media screen and (max-width:1280px){

header .logo img{height: 30px;}

.footerCon .iconBox .icon{width: 120px;}
.footerCon .iconBox .icon a{max-width: 24px;}
.footerCon ul li{margin: 0 3% 3% 0;}

.factory .txt{width: 80%;margin-right: 5%;}
.factory .txt h4{margin-top: 4%;}

.history .pic{display: none;}
.swiper-container-history{width: 100%;}
.swiper-container-history h3{width: 100%;}
.swiper-container-history ul li:nth-child(even){margin-left: -10%;margin-right: -15%;}

.contact{padding: 4% 0;}

.seriesTxt{padding: 3% 0;}

}

@media screen and (max-width:1024px){

header{padding: 1.5% 0;}

.menu-area{width: auto;}
.main-menu{display: none;}
.menu-area .mobile-nav-toggler{display: block;}

footer{margin-bottom: 50px;}
.footerTxt img{width: 80%;}
.footerCon .iconBox h3{font-size: 2vw;}
.footer-bottom{background:#000;width: 100%;position: fixed;bottom: 0;z-index: 999;display: block;border-top: 1px solid #fff;}
.footer-bottom li{text-align: center;width: 20%;line-height:48px;font-size: 16px;}
.footer-bottom li:first-child{background:#e72f6f;}
.footer-bottom li a{color:#fff;}

.strength .txt{padding: 3%;}

.processCon ul li dl dt{width: 40px;}
.processCon ul li dl dd{width: calc(100% - 50px);}

.benefit h3{width: 100%;padding: 4% 0 0 0;}
.benefit h3 span{display: inline;}
.benefit .con{width: 100%;}
.benefit .con ul li h4{font-size: 1.8vw;}

.teamCon dl dt{width: 60%;}
.teamCon dl dd{width: 100%;margin-top: 5%;}
.teamTxt{align-items: flex-start;}
.teamTxt .pic{margin-top: 1%;}

.swiper-container-history ul li{height: 22vw;}
.swiper-container-history ul li h6{height: 7vw;}
.swiper-container-history ul li p{padding-right: 0;}
.swiper-container-history ul li:nth-child(even){margin-top: 26vw;}
.swiper-container-history ul li:nth-child(even) p{height: 13vw;}

.service .tit i{width: 30px;}
.service .txt{width: 38%;}

.portfolio h3{width: 100%;margin-bottom: 4%;}
.portfolio .con{width: 100%;}

.contact h2{width: 100%;padding: 0;}
.contact .txt{width: 100%;}
.contact .txt h3{margin: 3% 0;padding: 0;}

.processes h4{position: relative;left: 0;top:0;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.processes ul{margin: 0;}
.processes ul li{width: 48%;}
.processes ul li p{width: 28%;}

}

@media screen and (max-width:912px){

body,html{font-size: 2vw;}
header .logo img{height: 40px;}

.quick ul li .txt h4{font-size: 2.5vw;}

.footerTxt{width: 100%;padding-top: 3%;}
.footerTxt img{width: 40%;padding: 1% 0;}
.footerTxt h6{font-size: 2.5vw;margin-top: 2%;}

.footerMess{width: 55%;}

.footerCon{width: 40%;}

.seriesTit{padding: 1% 0;}
.seriesCon ul li{width: 49.8%;margin-top: 0.4%;}
.seriesCon ul li h4{font-size: 3vw;}

.number ul{width: 100%;padding: 3%;}
.number ul li{width: 50%;margin: 2% 0;padding: 0 3%;}
.number ul li:nth-child(2){width: 48%;}
.number ul li em{font-size: 5vw;}
.number .pic{display: none;}

.strength .txt{width: 100%;}
.strength .txt i{width: 10%;margin: 3% 0;}
.strength .pic{width: 100%;}

.construction .txt{width: 100%;padding: 4% 40% 3% 3%;position: relative;}
.construction .txt h3{margin-bottom: 3%;}
.construction .txt img{width: 30%;position: absolute;right: 3%;top:10%;margin: 0;}
.construction .pic{width: 100%;padding: 0 3% 3% 3%;}

.processTit h3{margin: 1% 0;}
.processTit h3 span{display: inline;}
.processCon ul{justify-content: center;}
.processCon ul li{width: 33%;padding: 2px;}
.processCon ul li dl dt{font-size: 4vw;}
.processCon ul li dl dd{font-size: 2.2vw;}

.casePage{padding: 0;}
.casePage ul li{font-size: 2vw;}
.casePagelist{padding: 0;}
.casePagelist ul li{font-size: 2vw;}
.caselist ul li h3{font-size: 2.5vw;margin-bottom: 1%;padding: 4% 0 0 0;}
.caselist ul li p{line-height: 150%;padding: 0;}

.benefit .con ul li h4{font-size: 2.5vw;}

.blogPage h3{font-size: 6vw;}
.blogPage ul{width: 70%;}
.blogPage ul li{font-size: 2.5vw;line-height: 140%;}
.blogPage ul li span{font-size: 2vw;}
.bloglist dl{width: 49.2%;}
.bloglist dl dd h4{font-size: 2.5vw;}

.factory .pic{display: none;}
.factory .txt{width: 100%;margin: 0;padding-top: 1%;}
.factory .txt h2{font-size: 6vw;}
.factory .txt h3{font-size: 3vw;}
.factory .txt h4{font-size: 3vw;}

.branch ul li .txt h5{font-size: 3vw;}
.branch ul li .txt h6{font-size: 2vw;}
.branch ul li .txt p{line-height: 130%;}

.teamTit img{width: 30%;}
.teamTit .tit h3{font-size: 3vw;margin-bottom: 1%;}
.teamTit .tit h4{padding: 4px 10px;}
.teamCon dl dd h5{font-size: 2.5vw;}
.teamCon dl dd h5 span{font-size: 2vw;}
.teamTxt .pic{width: 100%;margin: 0 0 2% 0;}
.teamTxt .txt{width: 100%;padding: 0;}

.swiper-container-history h3{line-height: 200%;}
.swiper-container-history ul li{width: 40%;height: 36vw;}
.swiper-container-history ul li h6{font-size: 2.5vw;line-height: 120%;height: 12vw;}
.swiper-container-history ul li h6 span{font-size: 3vw;}
.swiper-container-history ul li:nth-child(even){margin-top: 40vw;margin-left: -15%;}
.swiper-container-history ul li:nth-child(even) p{height: 18vw;margin-top: 8vw;}

.client p{padding: 0;}
.client img{width: 100%;}

.why .tit{padding: 0;margin:1% 0 4% 0;}
.why .tit h3{font-size: 6vw;}
.why .tit img{width: 50%;right: 8%;}
.why .txt{width: 100%;}
.why .txt h4{font-size: 3vw;line-height: 150%;}

.service{padding: 2% 0;}
.service .con{padding: 1% 0;}
.service .tit{width: 100%;margin: 2% 0;}
.service .tit i{font-size: 5vw;width: auto;}
.service .tit h3{font-size: 4vw;}
.service .txt{width: 100%;}
.service .txt p{margin: 2% 0;}

.portfolio h3{font-size: 5vw;}
.portfolio .con h4{font-size: 3vw;}
.portfolio .con .num{padding: 0;}
.portfolio .con .num li span{font-size: 5vw;}

.contact .txt h3{font-size: 3vw;}
.contact .txt ul{margin-top: 2%;}
.contact .txt ul li{width: 48%;justify-content: flex-start;margin-top: 2%;}
.contact .txt ul li img{margin: 0 10px 0 0;}

.processes ul li i{font-size: 6vw;margin-bottom: 5%;}
.processes ul li span{font-size: 3vw;}
.processes ul li h5{font-size: 3vw;width: 80%;}
.processes ul li p{width: 50%;}
.processes ul li img{width: 40%;}

.message .txt{width: 100%;}
.message .txt img{width: 40%;margin: 3% 0;}
.message .form{width: 100%;}

.seriesTxt h3{width: 100%;padding: 1% 0 3% 0;font-size: 5vw;}
.seriesTxt .txt{width: 100%;}
.seriesTxt .txt h4{font-size: 3vw;line-height: 150%;}

.content{padding: 4% 5%;}
.content .tit h1{font-size: 3vw;}

.page{padding: 3% 5%;}

.blogTit h3{font-size: 6vw;}
.blogTit ul{width: 70%;}
.blogTit ul li{font-size: 2.5vw;line-height: 140%;}
.blogTit ul li span{font-size: 2vw;}
.blogCon dl{width: 49%;}
.blogCon dl:nth-child(3n){margin-right:2%;}
.blogCon dl:nth-child(even){margin-right:0;}
.blogCon dl dd h4{font-size: 2.5vw;}

.contentBox{margin-top: 90px;}
.contentCon{width: 100%;}
.contentCon .tit h1{font-size: 3vw;}

.contentPage ul{width: 75%;}
.contentPage ul li{line-height:4vw;max-height:4vw;}
.contentPage .btn{width: 20%;}
.contentPage .btn a{font-size: 2vw;}

.contentList{width: 100%;}
.contentList .con{margin: 3% 0 0 0;}
.contentList h4{font-size: 4vw;padding: 0 4%;}
.contentList .con dl{margin: 0 4%;}
.contentList .con dl dd h3{font-size: 3vw;}
.contentList .con ul{padding: 0 4%;}
.contentList .con ul li{line-height:4vw;max-height:4vw;}

.FAQ{padding: 4% 0;margin-top: 60px;}
.FAQ .tit{padding:0 5%;}
.FAQ .tit h3{font-size: 6vw;}
.FAQ .search{margin:4% 5%;}
.FAQ ul{padding:0 5%;}
.FAQPage ul{justify-content: flex-start;}
.FAQPage ul li{width:23.5%;margin-right:2%;}
.FAQPage ul li:nth-child(4n){margin-right:0;}
.FAQ .txt,.FAQ .posts-navigation{padding:0 5%;}


.accordion h4{font-size: 2.5vw;}

}

@media screen and (max-width:540px){

header{padding: 2% 0;}

.quick ul li{width: 100%;padding: 1px 0;}
.quick ul li .txt{padding-left: 5%;}
.quick ul li .txt h4{font-size: 4vw;}
.quick ul li .txt p{font-size: 3vw;}

.footerMess{width: 100%;margin: 3% auto;}

.footerCon{display: none;}

.seriesTit .pic{margin: 2% 0;}
.seriesTit .txt{width: 100%;}
.seriesTit .txt p{padding: 1% 0 1% 1%;}

.construction .txt{padding: 4% 3%;}
.construction .txt img{position: relative;width: 60%;padding: 3% 3% 0% 3%;}

.processCon ul li{width: 47%;}
.processCon ul li dl dt{font-size: 5vw;}
.processCon ul li dl dd{font-size: 2.5vw;}

.casePage ul li{width: 48%;margin: 2% 0;}
.casePagelist ul li{width: 48%;margin-top: 4%;}

.blogPage ul{width: 100%;margin-top: 2%;}

.branch ul li{width: 100%;}
.branch ul li:nth-child(even){margin: 2% 0;}
.branch ul li .txt{padding: 0 6% 5% 6%;}
.branch ul li .txt h5{font-size: 4vw;}
.branch ul li .txt h6{font-size: 3vw;}
.branch ul li .txt p{line-height: 160%;}

.teamTit{padding-top: 6%;}
.teamTit .tit{margin: 2% 0 0 0;}
.teamTit .tit h3{font-size: 5vw;}
.teamCon dl{width: 100%;margin: 1% 0;}
.teamCon dl dt{width: 40%;}
.teamCon dl dd{width: 57%;margin: 0;}
.teamCon dl dd h5{font-size: 4vw;}
.teamCon dl dd h5 span{font-size: 3vw;}

.swiper-container-history h3{font-size: 4vw;}
.swiper-container-history ul li{width: 70%;height: 50vw;}
.swiper-container-history ul li h6{font-size: 4vw;line-height: 120%;height: 18vw;}
.swiper-container-history ul li h6 span{font-size: 4vw;}
.swiper-container-history ul li:nth-child(even){margin-top: 56vw;margin-left: -30%;margin-right: -35%;}
.swiper-container-history ul li:nth-child(even) p{height: 26vw;margin-top: 8vw;}

.client h3{font-size: 5vw;}

.why .txt h4{font-size: 4vw;}

.portfolio .con .list li{width: 100%;}
.portfolio .con h4{font-size: 4vw;}

.contact .txt h3{font-size: 4vw;line-height: 150%;}
.contact .txt ul li{flex-wrap:nowrap;width: 49%;}
.contact .txt ul li img{width: 36px;}

.processes ul li{width: 100%;}
.processes ul li i{font-size: 9vw;}
.processes ul li span{font-size: 4vw;}
.processes ul li h5{font-size: 5vw;width: 85%;}
.processes ul li:nth-child(even)::after{display: none;}

.seriesTxt .txt h4{font-size: 3.5vw;}

.content .tit h1{font-size: 4vw;}

.page ul li{width: 48%;}

.blogTit ul{width: 100%;margin-top: 3%;}

.contentBox{margin-top: 80px;}
.contentCon .tit h1{font-size: 4vw;}

.contentPage ul{width: 100%;}
.contentPage ul li{line-height:6vw;max-height:6vw;}
.contentPage .btn{width: 40%;margin-top: 3%;}

.contentList .con ul li{line-height:6vw;max-height:6vw;}

.FAQ .search input{font-size: 2vw;line-height: 36px;}
.FAQ .search button{width: 40px;padding: 10px;}

.accordion h4{font-size: 3vw;}

}

@media (max-width: 1024px) {
  .container {
    width: 94%;
  }
}
@media (max-width: 540px) {
  .container {
    width: 92%;
  }
}