.fixtop{position:fixed;width:100%;top:0;background-color:#fff;z-index:99999;max-width:750px}
.header{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background: #2363B4;position: relative;height: 5rem;}
.header .logo{width: 15%;}
.header .logo img{margin: 0 auto;width: 4rem;}
.header .language_img{width: 10%;height: 100%;position: relative;}
.header .language_img .pic{height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.header .language_img img{width: 2.5rem;margin: 0 auto;}
.header .language_img .language{position: absolute;top: 5rem;width: 6rem;left: -1rem;}
.header .language_img .language{background: white;display: none;}
.header .language_img .language h3{font-weight:400;text-align:center;height:3rem;display: flex;align-items: center;justify-content: center;font-size: .95rem;}
.header .company_name{width: 65% !important;text-align: center;color: white;}
.header .company_name h1{font-size: 1.25rem;line-height: 1.5;}
.header .company_name img{max-width: 100%;margin: 0 auto;height: 1.25rem;}
.header .company_name h2{font-size: 1rem;line-height: 1.5;font-weight: 500;}
.header .menu{width:10%;}
.nav-button{width:2rem;height:1rem;cursor:pointer;z-index:1000;margin: 0 auto;}
.nav-button span{display:block;width:100%;height:3px;background-color:#fff;margin-bottom:5px;transition:all 0.3s ease}
.nav-menu{display: none;max-width:750px;height:100%;transition:top 0.3s ease;z-index:999}
.header .nav_top.open{left: 0;width: 100%;overflow: hidden;}
.header .open .nav-menu{display: block;}
.nav-button.open span:nth-child(1){transform: rotate(-45deg) translate(-5px, 6px);}
.nav-button.open span:nth-child(2){opacity: 0;}
.nav-button.open span:nth-child(3){transform: rotate(45deg) translate(-5px, -6px);}


.nav_top{position: absolute;top: 7rem;left: -100%;background: rgba(66, 52, 46, 0.9);overflow: hidden;transition: left 0.3s ease;}
.nav_top ul li{padding: 0.75rem 0;border-bottom: 1px solid #fff;}
.nav_top ul li:last-child{border-bottom: none;}
.nav_top ul li h2{font-size: 1.2rem;display: flex;flex-wrap: wrap;align-items: center;}
.nav_top ul li h2 img{margin-left: 0.5rem;border-radius: 0.75rem;width: 2rem;}
.nav_top ul li ul{margin-top: 0.5rem;}
.nav_top ul li ul li{border-bottom: none;margin-left: 1.5rem;padding: 0;margin-bottom: 0.5rem;}
.nav_top ul li ul li img{width: .75rem;border-radius: inherit;}
.nav_top ul li ul li h2 a{font-size: 1rem !important;}
.nav_top ul li h2 a{color: white;line-height: 2rem; margin-left: 1rem;}
.nav_top ul li ul li a{display: flex;flex-wrap: wrap;align-items: center;color: white;}
.nav_top ul li ul li a img{margin-right: 0.5rem;}


.header_body{position: relative;}
.header_body .logo{position: absolute;top: 2%;left:2%;display: flex;flex-wrap: wrap;align-items: center;}
.header_body .logo img{max-width: 6%;margin-right: 2%;}
.header_body .logo span{color: white;font-size: 1.25rem;}
.header_body .nav_text{position: absolute;top: 4%;left: 5%;}
.header_body .nav_text h3{font-size: 2.25rem;background: linear-gradient(to bottom, #ffffff 0%, #DDBC82 100%); -webkit-background-clip: text;background-clip: text;color: transparent;text-transform: uppercase;}
.header_body .nav_text .img{display: flex;}
.header_body .nav_text p{margin: 1rem 0;background: #F8D09F;font-size: 1.75rem;padding: 0.25rem 1rem;border-radius: 1rem;display: inline-block;font-family: 'STIXTwoText';font-weight: 600;}
.header_body .nav_text .img img{max-width: 25%;}
.header_body .nav_text .img img + img{margin-left: 0.5rem;}
.header_body .nav_item{position: absolute;bottom: 15%;width: 100%;}
.header_body .nav_item .nav_list{width: 90%;margin: 0 auto;background:rgba(15,70,159, 0.7);display: flex;flex-wrap: wrap;justify-content: space-around;padding: 3.5rem 0;border-radius: 1rem;}
.header_body .nav_item .nav_list .nums{width: 40%;text-align: center;}
.header_body .nav_item .nav_list .nums .top{display: flex;justify-content: center;align-items: end;color: #FFD9AA;font-size: 1.2rem;}
.header_body .nav_item .nav_list .nums .top div{font-size: 2rem !important;font-family: 'STIX Two Text';height: 2.25rem;}
.header_body .nav_item .nav_list .nums .top p{height: 1.35rem;}
.header_body .nav_item .nav_list .nums .bottom{color: #ffffff;margin-top: 0.5rem;font-size: 1.05rem;text-transform: uppercase;font-family: 'STIX Two Text';}
.header_body .nav_item .nav_list .nums:nth-child(3),
.header_body .nav_item .nav_list .nums:nth-child(4){margin-top: 1.5rem;}
.header_body .nav_item .nav_list .nums:nth-child(4) .top div{font-size: 1.35rem !important;display: flex;flex-wrap:wrap;align-items: end;}

/* pp Plastic Sheet */
.pp_sheet{position: relative;}
.pp_sheet .pp_title{position: absolute;top: 10%;width: 100%;text-align: center;}
.pp_sheet .pp_title h3{font-size: 2.5rem;color: white;text-transform: uppercase;margin-bottom: 0.75rem;}
.pp_sheet .pp_title .text{background: white;font-size: 1.2rem;border-radius: 1rem;display: inline-block;padding: 0.25rem 1rem;font-family: 'STIX Two Text';}
.pp_sheet .pp_item{position: absolute;top: 40%;width: 100%;}
.pp_sheet .pp_item .pp_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 90%;margin: 0 auto;}
.pp_sheet .pp_item .pp_list .text{width:34%}
.pp_sheet .pp_item .pp_list .text p{display: flex;align-items: center;color: white;font-size: 1.25rem;font-family: 'STIX Two Text';}
.pp_sheet .pp_item .pp_list .text p + p{margin-top: 1rem;}
.pp_sheet .pp_item .pp_list .text p img{margin-right: 0.25rem;width: 1.2rem;}
.pp_sheet .pp_item .pp_list .img{width: 64%;}
.pp_sheet .pp_item .pp_list .img img{max-width: 80%;margin: 0 auto}
.pp_sheet .pp_pic{position: absolute;bottom: 10%;width: 100%;}
.pp_sheet .pp_pic .pp_img_list{display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;margin: 0 auto;}
.pp_sheet .pp_pic .pp_img_list .pp_img img{margin: 0 auto;}
.pp_sheet .pp_pic .pp_img_list .pp_img{width: 18%;}
.pp_sheet .pp_pic .pp_img_list .pp_img .img + img{margin-top: 0.5rem;}
.pp_sheet .pp_text{position: absolute;bottom: 4%;width: 100%;text-align: center;font-size: 1.2rem;font-family: 'STIX Two Text';}

/* Products Catalogue */
.pp_container{background: #1F60A6;padding-top: 1.5rem;}
.pp_container .cat_title{text-align: center;position: relative;padding-bottom: 1rem;}
.pp_container .cat_title .big_circle{width: 2.5rem;height: 2.5rem;background: #FF8C05;border-radius: 50%;position: absolute;left: 7rem;top: -0.5rem;}
.pp_container .cat_title span{font-size: 1.5rem;text-transform: uppercase;padding: 0.25rem 1.5rem;color: #1F60A6;background: url(../img/catalogue_bg.png) no-repeat;background-size: 100% 100%;font-weight: bold;position: relative;}

#bg{background: #1F60A6;}
.root{background: url(../img/root.png) no-repeat; background-size: cover;}


/* Corrugated Plastic Board */
.board_item{padding: 1.5rem 0;}
.board_text{width: 90%;margin: 0 auto;position: relative;margin-top: 1rem;}
.board_text h3{position: absolute;top: -1.2rem;color: white;font-size: 1.75rem;width: 100%;text-align: center;text-transform: uppercase;background: transparent;}
.board_item .text{text-align: center;margin-top: 1rem;color: white;font-size: 1.25rem;}
.board_item .board_list{width: 90%;background: white;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;border-radius: 1rem;margin-top: 1rem;}
.board_item .board_list .img{width: 45%;}
.board_item .board_list .content{width: 55%;}
.board_item .board_list .img img{width: 100%;margin: 0 auto;}
.board_item .board_list .content h3{text-align: center;text-transform: uppercase;color: #1758B0;font-size: 1.1rem;margin-top: 1.5rem;}
.board_item .board_list .content .content_list{display: flex;flex-wrap: wrap;justify-content: space-between;width: 94%;margin: 0 auto;margin-top: 1.2rem;}
.board_item .board_list .content .content_list .list{width: 48%;text-align: center;margin-bottom: 1.25rem;}
.board_item .board_list .content .content_list .list .pic{height: 3rem;display: flex;align-items: center;justify-content: center;}
.board_item .board_list .content .content_list .list .pic img{margin: 0 auto;margin-bottom: 0.5rem;max-width: 30%;}
.board_item .board_list .content .content_list .list span{color: #1758B0;font-size: .85rem;text-transform: uppercase;}


/* Specification */
.pp_cation{padding-bottom: 1.5rem;}
.pp_cation .pp_swiper{position: relative;}
.pp_cation .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.pp_cation .pp_swiper .cation_container{margin-top: 1.5rem;}
.pp_cation .pp_swiper .cation_container .swiper-slide img{margin: 0 auto;max-width: 80%;}
.pp_cation .pp_swiper .swiper-pagination{position: inherit !important;margin-top: 1.5rem;}
.pp_cation .pp_swiper .swiper-pagination-bullet{background: white !important;opacity: 1;}
.pp_cation .pp_swiper .swiper-pagination-bullet-active{background: #57A5E8 !important;}

.pp_cation .pp_text{width: 90%;margin: 0 auto;background: white;border-radius: 1rem;margin-top: 1.5rem;padding: 2rem 0;}
.pp_cation .pp_text .text{width: 94%;margin: 0 auto;border-bottom: 0.09rem solid #185AB5;display: flex;justify-content: space-around;padding-bottom: 0.5rem;}
.pp_cation .pp_text .text+.text{margin-top: 1.25rem;}
.pp_cation .pp_text .text .txt{width: 35%;color: #083583;font-size: 1.15rem;}
.pp_cation .pp_text .text .detail{width: 65%;color: #3A3F42;font-size: 1.15rem;}


/* Features */
.pp_features{padding-bottom: 1.5rem;}
.pp_features .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.pp_features .features_item{width: 90%;margin: 0 auto;background: white;margin-top: 1.5rem;border-radius: 1rem;display: flex;flex-wrap: wrap;justify-content: space-around;padding: 2rem 0;}
.pp_features .features_item .item{width: 24.5%;text-align: center;}
.pp_features .features_item .item .img{margin-bottom: 1rem;height: 3rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.pp_features .features_item .item .img img{margin: 0 auto;max-width: 60%;max-height: 60%;}
.pp_features .features_item .item span{color: #083583;display: inline-block;height: 3rem;width: 100%;font-size: 1rem;display: flex;justify-content: center;align-items: center;font-family: 'STIX Two Text';word-break: keep-all;}
.pp_features .features_item .item:nth-child(1),
.pp_features .features_item .item:nth-child(2),
.pp_features .features_item .item:nth-child(3),
.pp_features .features_item .item:nth-child(4){margin-bottom: 1.5rem;}


/* Applications */
.application_pp{padding-bottom: 1.5rem;}
.application_pp .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.application_pp .application_item{width: 90%;margin: 0 auto;margin-top: 1.5rem;}
.application_pp .application_item .app_list{display: flex;flex-wrap: wrap;justify-content: space-between;background: white;border-radius: 1rem;width: 100%;}
.application_pp .application_item .app_list + .app_list{margin-top: 1.25rem;}
.application_pp .application_item .app_list .pic{display: flex;flex-wrap: wrap;justify-content: space-around;width: 74.5%;padding: 0.5rem 0;}
.application_pp .application_item .app_list .pic .img{width: 30%;display: flex;flex-wrap: wrap;align-items: center;height: 6.25rem;}
.application_pp .application_item .app_list .pic .img img{margin: 0 auto;max-width: 100%;max-height: 100%;}
.application_pp .application_item .app_list .text{background: #1361C6;display: flex;justify-content: center;align-items: center;width: 24.5%;border-radius: 1rem;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);padding: 0.5rem 0;color: white;font-size: 1.2rem;height: 7rem;}
.application_pp .application_item .app_list .text span{display: inline-block;width: 100%;text-align: center;font-family: 'STIX Two Text';}


/* PP Hollow Plastic Derivatives */
.pp_plastic{position: relative;}
.pp_plastic .text{position: absolute;top: 10%;left: 2%;color: white;font-size: 2rem;}

.colorS{background-image: linear-gradient(to bottom, #102038 0%, #0A3D7B 100%);}
.root2{background: url(../img/root2.png) no-repeat; background-size: cover;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}

.pp_signs{padding-top: 1.5rem;padding-bottom: 1.5rem;}
.pp_signs .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.pp_signs .sigin_container{width: 90%;margin: 0 auto;}
.pp_signs .signs_item{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 1rem;align-items: center;background: white;border-radius: 1rem;}
.pp_signs .signs_item .img{width: 40%;}
.pp_signs .signs_item .content{width: 60%;}
.pp_signs .signs_item .content .con_list{width: 96%;margin: 0 auto;}
.pp_signs .signs_item .content .con_list h3{font-size: 1.2rem;color: #1656AF;text-transform: uppercase;margin-top: 0.5rem;}
.pp_signs .signs_item .content .con_list .line{width: 100%;height: 0.1rem;background: #1656AF;margin: 0.5rem 0;}
.pp_signs .signs_item .content .con_list p{font-size: .95rem;color: #1656AF;}
.pp_signs .sigin_container .applications{margin-top: 2rem;}
.pp_signs .sigin_container .applications>h3{text-transform: uppercase;color: white;}
.pp_signs .sigin_container .applications .app_item{margin-top: 2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pp_signs .sigin_container .applications .app_item .list{width: 48%;text-align: center;}
.pp_signs .sigin_container .applications .app_item .list span{display: inline-block;margin-top: 0.5rem;color: white;font-size: 1.25rem;}
.pp_signs .sigin_container .applications .app_item .list:nth-child(1),
.pp_signs .sigin_container .applications .app_item .list:nth-child(2){margin-bottom: 1.5rem;}


/* 2. PP Hollow Plastic Box */
.pp_box{padding-bottom: 1.5rem;}
.pp_box .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.pp_box .box_item{width: 90%;margin: 0 auto;margin-top: 1rem;}
.pp_box .box_item .box_list{background: white;border-top-left-radius: 1rem;border-radius: 1rem;padding-bottom: 1.5rem;}
.pp_box .box_item .box_list .pic{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 1.5rem 0;border-radius: 1rem;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);}
.pp_box .box_item .box_list .pic .img{width: 8.5rem;}
.pp_box .box_item .box_list .pic .img:nth-child(2){margin: 0 1rem;}
.pp_box .box_item .box_list .pic .img img{margin: 0 auto;}
.pp_box .box_item .box_list .content .con_list{width: 94%;margin: 0 auto;margin-top: 1.5rem;}
.pp_box .box_item .box_list .content .con_list h3{background: url(../img/box_bg.png) no-repeat;background-size: 100% 100%;display: inline-block;text-align: center;color: white;padding: 0.35rem 1.5rem;margin-bottom: 1rem;text-transform: uppercase;}
.pp_box .box_item .box_list .content .con_list p{font-size: 1.15rem;}
.pp_box .box_item .box_list .content .con_list .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pp_box .box_item .box_list .content .con_list .list div{width: 48%;display: flex;flex-wrap: wrap;align-items: start;margin-bottom: 1rem;}
.pp_box .box_item .box_list .content .con_list .list div span{display: inline-block;}
.pp_box .box_item .box_list .content .con_list .list div span:nth-child(1){width: 6%;margin-right: 2%;}
.pp_box .box_item .box_list .content .con_list .list div span:nth-child(2){width:92%}
.pp_box .box_item .box_list .content .con_list:nth-child(3) .list div>:first-child{font-size: 0.85rem;}

.pp_box_5{padding-bottom: inherit !important;}
.pp_box_5 .box_item .pic .img{width: 40% !important;margin: 0 !important;height: 14rem;display: flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.pp_box_5 .box_item .pic .img img{max-width: 100%;max-height: 100%;}

.box_all{padding-bottom: 1.5rem;}
.box_all .box_list{background: white;width: 90%;margin: 0 auto;margin-top: 1.5rem;border-radius: 1rem;padding: 1.5rem 0;}
.box_all .box_list .text{width: 90%;margin: 0 auto;}
.box_all .box_list .text h3{text-transform: uppercase;color: #1656AF;}
.box_all .box_list .content{width: 90%;margin: 0 auto;margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: space-around;}
.box_all .box_list .content .all{width: 30%;text-align: center;}
.box_all .box_list .content .all .img{height: 3rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.box_all .box_list .content .all .img img{margin: 0 auto;width: 3rem;}
.box_all .box_list .content .all span{display: inline-block;margin-top: 0.5rem;color: #1656AF;}



/* Production Process */
.production{background: #0A3D7B;padding: 1.5rem 0;position: relative;}
.production .pro_text{position: relative;width: 90%;margin: 0 auto;}
.production .pro_text h3{position: absolute;top: 0.75rem;color: white;font-size: 2rem;width: 100%;text-align: center;text-transform: uppercase;}
.production .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}

.production .process_item{justify-content: space-between;width: 94%;margin: 0 auto;}
.production .process_item .item{width: 32%;text-align: center;margin-top: 1rem;}
.production .process_item .item img{margin: 0 auto;}
.production .process_item .item .text{margin-top: 1rem;position: relative;}
.production .process_item .item .text span{position:absolute;background:#FBF000;width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;top:-0.35rem;left:4.84rem;border-radius:50%;box-shadow: 0 0 0 0.25rem rgba(14,69,141);color: #1656AF;}
.production .round{position: absolute;right: 0;bottom: -6%;z-index: 999;width: 3rem;}


/* Company */
.company{background: #0A3D7B;padding: 1.5rem 0;position: relative;}
.company .pro_text{position: relative;width: 90%;margin: 0 auto;}
.company .pro_text h3{position: absolute;top: 0.75rem;color: white;font-size: 2rem;width: 100%;text-align: center;text-transform: uppercase;}
.company .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.company .company_img{margin: 1.5rem 0;}
.company .company_text{width: 94%;margin: 0 auto;}
.company .company_text .subimg{display: flex;justify-content: space-between;align-items: center;}
.company .company_text .subimg .img{width: 43%;}
.company .company_text .subimg .content h3{text-transform: uppercase;}
.company .company_text .subimg .content{width: 55%;color: white;}
.company .company_text .subimg .content img{margin: 0.5rem 0;max-width: 96%;}
.company .company_text .subimg .content .text{font-size: .9rem;text-align: justify;}
.company .company_text .sub_text{color: white;margin-top: 1rem;font-size: .9rem;text-align: justify;}
.company .company_item{width: 98%;display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 1rem;}
.company .company_item .img{width: 30%;}
.company .company_item .img img{max-width: 90%;margin: 0 auto;}
.company .semicircle{position: absolute;right: 0;bottom: -4.5%;width:3rem;z-index: 999;}

/* Certification */
.certifications{position: relative;}
.certifications .top{position: absolute;top: 5%;width: 100%;z-index: 9999;}
.certifications .pro_text{position: relative;width: 90%;margin: 0 auto;}
.certifications .pro_text h3{position: absolute;top: -1rem;color: white;font-size: 1.85rem;width: 100%;text-align: center;text-transform: uppercase;}
.certifications .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.certifications .left_round{position: absolute;top: 3.5%;width:5rem;}


/* What Enda Supplies */
.supplies{background: #063060;position: relative;padding-top: 1.5rem;padding-bottom: 1.5rem;}
.supplies .pro_text{position: relative;width: 90%;margin: 0 auto;margin-top: 1.5rem;}
.supplies .pro_text h3{position: absolute;top: -1rem;color: white;font-size: 2rem;width: 100%;text-align: center;text-transform: uppercase;}
.supplies .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.supplies .round{position: absolute;left: 0;top: 1.5rem;width: 3rem;}
.supplies .left_round{position: absolute;right: 0;top: 2.5%;width: 3.5rem;}
.supplies .supplies_item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 1.5rem;position: relative;}
.supplies .supplies_item .img img{max-width: 90%;}
.supplies .supplies_item .img,
.supplies .supplies_item .text{width: 50%;}
.supplies .supplies_item .text .txt{color: white;}
.supplies .supplies_item .text .txt h3{margin-bottom: 0.25rem;}
.supplies .supplies_item .text .txt+.txt{margin-top: 1rem;}
.supplies .supplies_item .text .txt p{font-size: .85rem;}

.supplies .supplies_item .lies{width:60%;position: absolute;}
.supplies .supplies_item .lies .txt{color: white;}
.supplies .supplies_item .lies .txt h3{margin-bottom: 0.25rem;}
.supplies .supplies_item .lies .txt p{font-size: .85rem;}
.supplies .supplies_item .top{top: 0;right: 0;}
.supplies .supplies_item .bottom{bottom: 1rem;right: 0;}

.supplies .service{width: 75%;margin: 0 auto;}
.supplies .service .txt{color: white;}
.supplies .service .txt h3{margin-bottom: 0.25rem;}
.supplies .service .txt p{font-size: .85rem;}


/* Customer Visit& Feedback */
.feedback{background: #063060;padding: 1.5rem 0;}
.feedback .pro_text{position: relative;width: 90%;margin: 0 auto;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.feedback .pro_text h3{position: absolute;top: 0.5rem;color: white;font-size: 1.95rem;width: 100%;text-align: center;text-transform: uppercase;}
.feedback .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.feedback .visit_case{width: 90%;margin: 0 auto;}
.feedback .visit_case .pic img{margin: 0 auto;}
.feedback .visit_case .item{display: flex;flex-wrap: wrap;justify-content: space-between;}
.feedback .visit_case .item .img{width: 31%;}
.feedback .visit_case .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 1rem 0;}
.feedback .visit_case .list .img{width: 48%;}
.feedback .visit_case .img img{max-width: 100%;}

/* Customer feedback */
.customer{background: #063060;position: relative;}
.customer h3{position: absolute;top: 1rem;left: 2.25rem;color: white;font-size: 1.85rem;text-transform: uppercase;}


/* FAQ */
.faq{background: #063060;padding-top: 2rem;padding-bottom: 1.5rem;position: relative;}
.faq .pro_text{position: relative;width: 90%;margin: 0 auto;margin-top: 1.5rem;}
.faq .pro_text h3{position: absolute;top: -1rem;color: white;font-size: 2rem;width: 100%;text-align: center;text-transform: uppercase;}
.faq .pp_txt{text-align: center;margin-top: 1rem;color: white;font-size: 1.2rem;}
.faq .left_faq{position: absolute;left: 0;top: 8rem;width: 3.5rem;}
.faq .right_faq{position: absolute;right: 0;top: 0;width: 3.5rem;}

.faq .faq_item{width: 91%;margin: 0 auto;margin-top: 1.5rem;position: relative;}
.faq .faq_item .item{background: white;border-radius: 1rem;position: relative;}

.faq .faq_item .item + .item{margin-top: 0.5rem;}
.faq .faq_item .item .txt{width: 100%;height: 2rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;font-size: 1.25rem;padding: 1rem 0;position: relative;}
.faq .faq_item .item .txt .icon{position: absolute;top: 45%;width: 1.5rem;left: 0.25%;}
.faq .faq_item .item .txt span{margin-left: 1rem;position: relative;; background-image: linear-gradient(to bottom, transparent 60%, #fe9b37 60%);}
.faq .faq_item .item .txt .top{margin-right: 0.5rem;transition: transform 0.3s ease;width: 1.5rem;}
.faq .faq_item .item .content{transition: max-height 0.3s ease-out;width:100%}
.faq .faq_item .item .content p{width: 96%;margin: 0 auto;color: #333;padding: 1% 0%;font-size: 1.2rem;}


/* 留言表单 */
.form_container{background: white;position: relative;width: 90%;margin: 0 auto;border-radius: 1rem;}
.footer_form{background: #063060;padding-top: 2rem;padding-bottom: 2.5rem;position: relative;}
.footer_form .pro_text{position: relative;width: 100%;margin: 0 auto;margin-top: 1.5rem;}
.footer_form .pro_text h3{position: absolute;top: -1rem;color: white;font-size: 2rem;width: 100%;text-align: center;text-transform: uppercase;}
.footer_form .pro_text img{margin: 0 auto;}
.footer_form .pro_txt{width: 94%;margin:0 auto;margin-top: 1.5rem;color:white;font-size: 1.1rem;text-align: center;}
.footer_form .pro_txt a{color: #FF8A00;}
.footer_form .form-wrap{width: 100%;margin: 0 auto;padding-top: 1.5rem;padding-bottom: 2.5rem;position: relative;}
.footer_form .form-wrap .form-input,
.footer_form .form-wrap .form-textarea{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: start;}
.footer_form .form-wrap .form-input .form-us,
.footer_form .form-wrap .form-textarea .form-us{display: flex;flex-wrap: wrap;align-items: center;width:29.5%}
.footer_form .form-wrap .form-input .form-us img,
.footer_form .form-wrap .form-textarea .form-us img{margin-right: 0.25rem;width: 1.5rem;}
.footer_form .form-wrap form{width:92%;margin: 0 auto;}
.footer_form .form-wrap .form-input{align-items: center;margin-bottom: 1rem;}
.footer_form .form-wrap .form-input input{height: 2rem;font-size: 1.05rem;color: #333;padding-left: 0.25rem;}
.footer_form .form-wrap .form-textarea textarea{height: 5rem;font-size: 1.05rem;color: #333;padding-left: 0.25rem;font-family: inherit !important;}
.footer_form .form-wrap .form-input input{width:68%}
.footer_form .form-wrap .form-textarea textarea{width:68.25%}
.footer_form .form-wrap .btn{position: absolute;bottom: -1rem;left: 0;width: 100%;text-align: center;}
.footer_form .form-wrap .btn a{display: inline-block;background: #FF8A00;width: 50%;color: white;font-size: 1.25rem;border-radius: 1rem;padding: 0.25rem 0;}
.footer_form .con_left{position: absolute;top: 10rem;left: 0;width: 4.5rem;}
.footer_form .con_right{position: absolute;top: 0;right: 0;width: 4rem;}


.footer_form .question{width: 100%;margin: 0 auto;margin-top: 1rem;position: relative;padding: 1.5rem 0;}
.footer_form .question ul{font-size:1.2rem;line-height:1.5;padding: 0 1.5rem;margin-bottom: 1rem;}
.footer_form .question ul li:nth-child(1){margin-bottom: 0.5rem;}
.footer_form .question ul input{margin:0 .5rem 0 0;width:1rem;height:1rem}
.footer_form .question ul li .input{width: 80%;height: 2rem;background: transparent;border-top: none;border-left: none;border-right: none;border-radius: inherit;outline: none;font-size: 1rem;padding-left: 0.5rem;}
.footer_form .question ul li .q{display: inline-block;background: #FF8A00;border-radius: 0.5rem;width: 1rem;width: 1.5rem;text-align: center;margin-right: 0.5rem;}
.footer_form .dn{display: none;}


/* 返回顶部 */
.gotop{width:12vw;height:12vw;line-height:12vw;border-radius:50%;background-color:rgba(0,0,0,0.5);display:none}
.gotop{position:fixed;z-index:99;top:75%;right:10px;text-align:center}
.gotop img{width:50%;display:inline-block;vertical-align:middle}

.btn-box{height: 2rem;padding:0 4%;bottom:0;width:100%;justify-content:space-between;background-color:#063060;background-image:linear-gradient(90deg,#063060 0%,#063060 100%)}
.btn-box .btn{width:49%;display: flex;justify-content: center;align-items: center;}
.btn-box .btn a{color:#fff;display:block;text-align:center;}
.btn-box .btn:first-child{border-right:1px solid #fff}
.btn-box{position:fixed;max-width:750px;box-sizing:border-box;z-index: 9999;}