@charset "utf-8";

html{font-size:625%;}

body{font-size:16px;background:#FFF;}

body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure{margin:0;padding:0;}

body, html, input, button, textarea{color:#000;font-family:'OpenSans',Arial, Helvetica, sans-serif;line-height:1.5}

body{background-color:#fff;}

article, aside, figcaption, figure, footer, header, main, nav, section{display:block;}

h1{font-size:20px;}

h2{font-size:18px;}

h3{font-size:16px;}

h4, h5{font-size:16px;}

img{border:none;vertical-align:middle;max-width:100%;}

li{list-style:none;}

i, em{font-style:normal;}

a{color:#333;text-decoration:none;}

a:focus{outline:none;}

a:hover{color:#000;text-decoration:none;}

input[type="text"]:focus{outline:none;}

input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;}

a:active, select, input, textarea{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;outline:0!important;}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0;}



/* layout */

body{width:100%;position:absolute;left:0;top:0;overflow-x:hidden}

.layout{width:1440px;margin:0 auto;}

.hide{display:none;}

.img{position: relative;width: 100%;padding-top: 100%;height: 0;}

.img>img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: all ease-in-out .3s;}

.floatL{float: left;}

.floatR{float: right;}

.clearfloat{clear: both;}

.index_title{font-family: PurplePurse-Regular;font-size: 40px;color: #343434;text-align: center;}







/* font-family */

@font-face {font-family: 'PurplePurse-Regular';src: url('fonts/PurplePurse/PurplePurse-Regular.eot');src: url('fonts/PurplePurse/PurplePurse-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/PurplePurse/PurplePurse-Regular.woff2') format('woff2'),url('fonts/PurplePurse/PurplePurse-Regular.woff') format('woff'),url('fonts/PurplePurse/PurplePurse-Regular.ttf') format('truetype'),url('fonts/PurplePurse/PurplePurse-Regular.svg#PurplePurse-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}

@font-face {font-family: 'Lato-Bold';src: url('fonts/Lato/Lato-Bold.eot');src: url('fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Lato/Lato-Bold.woff2') format('woff2'),url('fonts/Lato/Lato-Bold.woff') format('woff'),url('fonts/Lato/Lato-Bold.ttf') format('truetype'),url('fonts/Lato/Lato-Bold.svg#Lato-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}

@font-face {font-family: 'Lato-Regular';src: url('fonts/Lato/Lato-Regular.eot');src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Lato/Lato-Regular.woff2') format('woff2'),url('fonts/Lato/Lato-Regular.woff') format('woff'),url('fonts/Lato/Lato-Regular.ttf') format('truetype'),url('fonts/Lato/Lato-Regular.svg#Lato-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}

@font-face {font-family: 'DancingScript';src: url('DancingScript.eot');src: url('fonts/DancingScript/DancingScript.eot?#iefix') format('embedded-opentype'),url('fonts/DancingScript/DancingScript.woff2') format('woff2'),url('fonts/DancingScript/DancingScript.woff') format('woff'),url('fonts/DancingScript/DancingScript.ttf') format('truetype'),url('fonts/DancingScript/DancingScript.svg#DancingScript') format('svg');font-weight: normal;font-style: normal;font-display: swap;}

@font-face {font-family: 'fontawesome';src: url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0");src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight: normal;font-style: normal;font-display: fallback;}









/* header */

.web_head .layout{width: 100%;padding: 0 5.2%;}

.web_head .head_top{background-color: #f5f1ed;}

.web_head .head_top .layout{display: flex;align-items: center;justify-content: space-between;height: 50px;}

.web_head .head_top .header_tel,.web_head .head_top  .tel_con{display: flex;align-items: center;}

.tel_con a{margin-left: 10px;font-family: Lato-Regular;color: #343434;transition: all ease-in-out .3s;}

.tel_con_tel{margin-right:30px ;}

.head_top .top_icon{display: flex;align-items: center;}

.head_top .top_icon li{margin: 0 12px;}

.tel_con a:hover{color: #F29F7C;}



.head_bottom{background-color: #fff;padding-top: 22px;padding-bottom: 14px;}

.head_bottom .layout{display: flex;justify-content: space-between;align-items: center;}

.nav_btn{background: #FEDAC2;border-radius: 2px;display: inline-block;font-family: Lato-Bold;font-size: 14px;color: #343434;padding: 9px 37px;margin-left: 40px;transition: all ease-in-out .3s;}

.nav_btn:hover{background-color: #F29F7C;color: #fff;}

.header_right{display: flex;align-items: center;}



.head_nav>li{display: inline-block;padding: 0 25px;position: relative;}

.head_nav>li>a{text-transform: capitalize;font-family: Roboto-Bold;color: #343434;font-family: Lato-Regular;}

.head_nav>li>a:hover,.head_nav>li.nav-current>a{font-family: Lato-Bold;text-decoration: underline;}

.head_nav>li.haschild>a::after{content: '\f107';font-size: 16px;vertical-align: middle;font-family: "fontawesome";display: inline-block;margin-left: 8px;}

.btn--search{width: 24px;height: 24px;background-image: url(img/seach1.webp);position: relative;margin-right: 18px;cursor: pointer;transition: all ease-in-out .3s;}

.btn--search:hover{transform: scale(.9);}

.nav_wrap .head_nav li ul a{font-size: 16px;color: #fff;text-transform: capitalize;}

.nav_wrap .head_nav li li ul { top: 0; left: 250px; background-color: #333;}

.nav_wrap .head_nav li:hover > ul { transform: scale3d(1, 1, 1); opacity: 1; visibility: visible; }

.nav_wrap .head_nav li ul { position: absolute; left: 0; top:23px;width: 250px; padding:10px 0; z-index: 999; opacity: 0; visibility: hidden;background-color: #333; padding-left: 16px;}

.nav_wrap .head_nav li ul  li{margin: 6px 0;}

.nav_wrap .head_nav li ul  a{font-size: 16px;color: #fff;}

.fixed-nav .web_header{position: fixed;width: 100%;top: 0;left: 0;z-index: 999;background-color: #fff;}

.fixed-nav  .head_top .layout{height: 40px;}

.fixed-nav .head_bottom .logo img{max-height: 60px;}

.fixed-nav .head_bottom {padding-top: 14px;}

/* Float Shadow */

.hvr-float-shadow {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}

.hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0,0.35) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35)0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}





/* slider_banner */

.slider_banner .swiper-slide{position: relative;}

.slider_banner .swiper-slide .banner_position{position: absolute;right: 10.26%;top: 50%;transform: translateY(-50%);width: 700px;background-color:  rgba(245, 241, 237, .89);padding: 46px 64px 160px 58px;}

.slider_banner .swiper-slide .banner_position img{width: 100%;height: auto;}

.banner_position .banner_imgsmall{position: relative;}

.banner_btn{position: absolute;left: 50%;transform: translateX(-50%);display: inline-block;font-family: Lato-Bold;font-size: 18px;letter-spacing: .5px;color: #f5f1ed;line-height:40px;padding: 0 26px;background-color: #343434;border-radius: 2px;bottom: -94px;transition: all ease-in-out .3s;}

.banner_btn:hover{background-color: #F29F7C;color: #fff;}



.slider_banner .swiper-slide a {display: block;position: relative;}

.slider_banner .swiper-slide .banner_btn{display: inline-block;}

.slider_banner .swiper-slide img {width: 100%;min-height: 150px;}

.slider_banner .swiper-slide img+img {position: absolute;left: 0;top: 0;}



.slider_banner .swiper-slide-active .banner-title,.slider_banner .swiper-slide-active .banner-ft {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;}

.slider_banner .swiper-pagination {bottom: 88px !important;text-align: center;}

.slider_banner .swiper-pagination .swiper-pagination-bullet{width: 26px;height: 5px;background-color: #dfdfdf;border-radius: 0;}

.slider_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #000000;}

.slider_banner .slide-page-box {display: none;}

.slider_banner .banner_button_prev,.slider_banner .banner_button_next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 90;cursor: pointer;}

.slider_banner .banner_button_prev::after,.product_arrow .swiper-button-prev::after,.review-layout .swiper-button-prev::after{content: '\f104';}

.slider_banner .banner_button_next::after,.product_arrow .swiper-button-next::after,.review-layout .swiper-button-next::after{content: '\f105';}

.slider_banner .banner_button_prev::after,.slider_banner .banner_button_next::after{font-family: fontawesome;color: #bcbcbc;font-size: 45px;transition: all ease-in-out .3s;}

.slider_banner .banner_button_prev:hover::after,.slider_banner .banner_button_next:hover::after,.product_arrow .swiper-button-next:hover::after,.review-layout .swiper-button-next:hover::after,.product_arrow .swiper-button-prev:hover::after,.review-layout .swiper-button-prev:hover::after{color: #000000;}

.slider_banner .banner_button_prev{left: 100px;}

.slider_banner .banner_button_next{right: 100px;}





/* banner icon */

.banner_icon{background-color: rgba(245, 241, 237, 1);padding: 26px 0 32px 0;}

.banner_icon ul{display: flex;justify-content: space-between;}

.banner_icon ul li{width: 14.8%;text-align: center;}

.banner_icon ul li .title{font-family: Lato-Bold;color: #343434;margin-top: 17px;margin-bottom: 7px;}

.banner_icon ul li .detail{font-family: Lato-Regular;color: #343434;opacity: 0.69;}





/* index_products */

.index_products{padding-top: 70px;}

.index_title_more{text-align: center;margin-top: 5px;}

.index_title_more a{font-family: Lato-Regular;font-size: 18px;letter-spacing: .5px;color: #343434;position: relative;}

.index_title_more a img{margin-left: 13px;margin-top: -3px;}

.index_title_more a::after{content: '';position: absolute;display: inline-block;width: 13px;height: 13px;background-color: #f29f7c;border-radius: 50%;top: 50%;transform: translateY(-50%);right: -4px;transition: all ease-in-out .3s;z-index: -1;} 

.index_title_more a:hover::after{transform:  translateY(-50%) translateX(10px);top: 49%;} 

.one_products{display: flex;justify-content: space-between;flex-wrap: wrap;}

.one_products>li{width: 48.3%;margin-bottom: 50px;}

.one_products li .img{padding-top: 63.8%;}

.one_products li .position_list{position: absolute;display: flex;align-items: center;justify-content: center;}

.twe_products{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.list_list{display: flex;align-items: center;justify-content: center;border-radius: 2px;width: 80%;height: 77%;background-color: rgba(245, 241, 237, .89);padding: 20px 10%;}

.twe_products li a{font-family: Lato-Regular;font-size: 16px;color: #424242;transition: all ease-in-out .3s;}

.twe_products li{padding: 0 8px;border-right: 1px solid #424242;line-height: 100%;margin: 7px 0;}

.twe_products li:first-child{border-left: none;border-right: none;}

.twe_products li:nth-child(2){border-left: 1px solid #424242;}

.twe_products li:last-child{border-right: none;}

.twe_products li a:hover{color: #f29f7c;}

.imghvr-flip-horiz{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

.imghvr-flip-horiz .position_list{-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);-o-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;opacity: 0;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;transition: all 0.35s ease;top: 0;bottom: 0;left: 0;right: 0;}

.imghvr-flip-horiz:hover .position_list{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;-webkit-transition-delay: 0.14s;-moz-transition-delay: 0.14s;transition-delay: 0.14s;}

.one_products .title a{font-family: Lato-Regular;font-size: 18px;letter-spacing: .5px;color: #343434;}

.one_products .title{text-align: center;margin-top: 34px;margin-bottom: 7px;}

.one_products .title a:hover{color: #f29a76;}

.pp_more{text-align: center;}

.pp_more img{margin-left: 7px;margin-top: -4px;}

.pp_more a{position: relative;font-family: Lato-Regular;font-size: 17px;opacity: 0.69;color: #343434;transition: all ease-in-out .3s;}

.pp_more a::after{content: '';display: inline-block;width: 12px;height: 12px;background-color: #f29a76;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: 4px;opacity: 0;transition: all ease-in-out .3s;z-index: -1;}

.pp_more a:hover{opacity: 1;}

.pp_more a:hover::after{opacity: 1;right: -6px;}

.index_products .index_bd{margin-top: 60px;}



/* about */

.index_about{background-color: #f5f1ed;display: flex;justify-content: space-between;align-items: center;margin-top: 45px;}

.index_about_l{width: 50%;padding-left: calc(50% - 720px);padding-right: 10%;}

.index_about_r{width: 50%;}

.index_about_l .small_title{font-family: DancingScript;font-size: 30px;color: #424242;margin-bottom: 2px;}

.index_about_l .index_title{text-align: left;position: relative;display: inline-block;}

.index_about_l .index_title::after{content: '';display: inline-block;position: absolute;background-image: url(img/demo/aboutbg.webp);width: 72px;height: 81px;top:-60px;right: -90px;}

.index_about_l .about_detail{font-family: Lato-Regular;font-size: 16px;line-height: 30px;color: #343434;margin-top: 10px;}

.index_about_r .img{padding-top:59.29% ;}

.index_about_l .banner_btn{position: static;transform: translateX(0);margin-top: 40px;}

.index_about_l .banner_btn img{margin-left:10px ;}



/* Get Aolid Answers */

.index_aolid{background-color: #343434;padding: 106px 0;}

.index_aolid .layout{display: flex;align-items: center;justify-content: space-between;}

.aolid_l{width: 50%;display: flex;justify-content: space-between;position: relative;}

.aolid_l .img{padding-top: 143%;}

.aolid_l .alolid_img{width:48.32% ;}

.aolid_l .position_img{position: absolute;z-index: 10;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

.aolid_r{width: 35.83%;}

.aolid_r .index_title{color: #f5f1ed;text-align: left;margin-bottom: 6px;}

.aolid_r .dd{font-family: Lato-Regular;font-size: 18px;color: #f5f1ed;line-height: 24px;}

.aolid_r .tit01{font-family: Lato-Bold;font-size: 16px;color: #424242;color: #f5f1ed;}

.aolid_r .tit02{font-family: Lato-Regular;font-size: 16px;line-height: 24px;letter-spacing: 0px;color: #424242;opacity: 0.69;display: none;}

.aolid_r li{border-bottom: 1px solid rgba(245, 241, 237, .19);padding: 20px 46px 20px 26px;position: relative;cursor: pointer;}

.index_faq li.active{background-color: #ffffff;margin-bottom: 10px;}

.index_faq li.active .tit01{color: #424242 ;margin-bottom: 20px;}

.index_faq li:last-child.active{margin-bottom: 0;}

.aolid_r li::after{content: '+';display: inline-block;color: #f5f1ed;font-size: 20px;font-family: Lato-Bold;position: absolute;top: 16px;right: 20px;}

.aolid_r li.active::after{content: '-';color: #424242;font-size: 29px;top: 8px;}

.index_faq{margin-top: 30px;}





/* Every Gift Has A Story */

#feature{overflow: hidden;}

.feature-list{overflow: hidden; zoom: 1;}

.feature-list li{float: left; width: 440px;  box-sizing:border-box;}

.feature-list li.story_btn{cursor: pointer;}

.feature-list li .img{padding-top: 89.18%;overflow: hidden;}

.feature-list li .img:hover img{transform: scale(105%);}

.index_story{padding-top: 70px;}

.index_story .detail{margin-top: 36px;text-align: center;font-family: Lato-Regular;font-size: 18px;letter-spacing: .5px;color: #343434;}

.index_story .index_hd{margin-top: 50px;}

.popup-video{ position: fixed;top: 50%;left: 50%;z-index: 9998;width: 60vw;transform: translateX(-50%) translateY(-50%);display: none;}

.popup-video .position{position: relative;}

.popup-video .position .video-close{ width: 40px;height: 40px;background-color: rgba(0, 0, 0, .6);color: #fff;line-height: 40px;font-size: 18px;text-align: center;transition: all ease-in-out .4s;top: 0;right: -50px;position: absolute;display: inline-block;cursor: pointer;}

.popup-video .position .video-close:hover{background-color: #FEDAC2;}

.story_btn{position: relative;}

.story_btn::after{content: '';display: inline-block;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 66px;height: 66px;background-image: url(img/demo/btnbtn.webp);background-repeat: no-repeat;background-size: cover;z-index: 10;}





/* Build A Culture Of Appreciation And Gratitude */

.index_culture{background-color: #f5f1ed;padding-top: 60px;padding-bottom: 80px;}

.index_culture .index_hd .detail{font-family: Lato-Regular;font-size: 18px;line-height: 24px;letter-spacing: .5px;color: #343434;text-align: center;margin-top: 30px;}

.culture_btn{text-align: center;margin-top: 30px;}

.culture_btn a{display: inline-block;line-height: 42px;border-radius: 5px;padding: 0 24px;font-family: Lato-Regular;font-size: 18px;margin: 0 14px;transition: all ease-in-out .3s;background-color: #343434;color: #f5f1ed;}

.cc_btn_click.bg_black{background-color: #fedac2;color: #343434;}

.culture_btn a:hover{background-color: #fedac2;color: #343434;}

.cc_btn_click.bg_black:hover{background-color: #343434;color: #f5f1ed;}

.index_culture .index_bd{margin-top: 46px;}

.culture_container .swiper-slide{background-color:rgba(255, 255, 255, .95);box-shadow: 0px 6px 35px 0px rgba(173, 187, 203, 0.16);border-radius: 10px;position: relative;padding: 70px 38px 34px 48px;}

.top_ms{font-family: Lato-Regular;font-size: 18px;line-height: 30px;color: #343434;height: 150px;}

.bottom_dd{display: flex;justify-content: flex-end;margin-top:40px ;align-items: center;}

.bottom_dd .touxiang{width: 59px;height: 59px;background-color: #c8d8ea;border-radius: 50%;overflow: hidden;margin-right: 18px;}

.bottom_dd .touxiang img{height: 100%;width: auto;object-fit: cover;}

.bottom_dd .name{font-family: Lato-Bold;font-size: 16px;color: #424242;}

.bottom_dd .zz{font-family: Lato-Regular;font-size: 16px;color: #424242;opacity: 0.69;}

.culture_container .swiper-slide::after{content: '';display: inline-block;width: 43px;height: 23px;position: absolute;left: 22px;top: 29px;background-image: url(img/demo/douhao.png);}

.customer_buttons{text-align: center;margin-top: 33px;}

.customer_buttons .swiper-button-next,.customer_buttons .swiper-button-prev{position: static;margin-top: 0;opacity: 1;width: 44px;height: 44px;background-color: #ffffff;border-radius: 50%;margin: 0 9px;display: inline-block;text-align: center;transition: all ease-in-out .3s;}

.customer_buttons .swiper-button-next{background-color: #343434;}

.customer_buttons .swiper-button-next::after,.customer_buttons .swiper-button-prev::after{content: '\f104';font-family: fontawesome;line-height: 44px;color:  #424242;font-size: 24px;transition: all ease-in-out .3s;}

.customer_buttons .swiper-button-next::after{content:  '\f105';color:  #f5f1ed;}

.customer_buttons .swiper-button-prev:hover{background-color: #FEDAC2;}

.customer_buttons .swiper-button-next:hover{background-color: #FEDAC2;}

.customer_buttons .swiper-button-next:hover::after{color:#424242 ;}

.logo_top_text{text-align: center;font-family:Lato-Bold;font-size: 18px;color: #343434;margin-top: 40px;margin-bottom: 50px;}	

.logo_more{display: flex;align-items: center;justify-content: space-between;width: 76.38%;margin: 0 auto;}
.logo_more div{position: relative;overflow: hidden;}
.logo_more img{transition: all .3s;}

.logo_more div:hover img{transform: scale(1.1);}






/* index news */

.index_news{padding-top: 70px;padding-bottom: 43px;}

.index_news_lists{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 68px;}

.index_news_lists li{width: 46%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 47px;}

.index_news_lists li .ll{width: 40%;}

.index_news_lists li .ll .img{padding-top: 94.8%;overflow: hidden;}

.index_news_lists li .rr{width: 53.37%;}

.index_news_lists li .time{font-family: Lato-Bold;color: #343434;margin-bottom: 10px;}

.index_news_lists li .news_title{display: block; font-family: Lato-Bold;font-size: 24px;color: #343434;line-height: 30px;margin-bottom: 30px;}

.index_news_lists li .news_content{font-family: Lato-Regular;color: #343434;opacity: 0.69;line-height: 30px;transition: all ease-in-out .3s;}

.index_news_lists li:hover .img img{transform: scale(105%);}

.index_news_lists li:hover .news_content{opacity: 1;}





/* index send email */

.index_sendemail .layout{background-color: #f5f1ed;border-radius: 15px;padding: 56px 8% 56px 6.5%;}

.send_email_con{display: flex;justify-content: space-between;align-items: center;}

.send_email_con .ll{width: 43.6%;}

.send_email_con .rr{width:37.4% ;background-color: #ffffff;border-radius: 10px;padding:40px  30px 37px 30px;}

.send_email_con .ll .title{font-family: PurplePurse-Regular;font-size: 30px;line-height: 40px;color: #222222;margin-bottom: 14px;}

.send_email_con .ll .detail{font-family: Lato-Regular;font-size: 18px;color: #222222;opacity: 0.69;line-height: 30px;margin-bottom: 46px;}

.left_contact{border-top: 1px solid rgba(34, 34, 34, .19);padding-top: 27px;}

.left_contact li a,.left_contact li span{font-family: Lato-Regular;color: #222222;}

.left_contact li a:hover{text-decoration: underline;}

.left_contact li{display: flex;align-items: center;margin: 15px 0;}

.adress-li img{margin-top: -15px;}

.left_contact li img{margin-right: 20px;}

.send_titile{font-family: Lato-Bold;font-size: 24px;color: #222222;text-align: center;margin-bottom: 30px;}

.index_content{}

.index_content.content-wrap .ch_form_wrap form{background: transparent;}

.index_content.content-wrap.form .ch_form_wrap ul{padding: 0;}

.index_content.content-wrap.form .ch_form_wrap ul li{line-height: 48px;}

.index_content.content-wrap.form .ch_form_wrap ul input,.index_content.content-wrap.form .ch_form_wrap ul textarea, .index_content.content-wrap.form .ch_form_wrap ul select{border-left: none;padding: 0 33px;height: 48px;border: solid 1px #222222;border-radius: 3px;border: solid 1px rgba(34, 34, 34, .19);}

.index_content.content-wrap.form .ch_form_wrap ul textarea{height: 94px;padding:10px 33px ;}

.index_content.content-wrap.form .ch_form_wrap .item_submit{padding: 0;margin: 0;}

.index_content.content-wrap.form .ch_form_wrap .item_submit input{background-color: #fedac2;height: 48px;border-radius: 3px;font-family: Lato-Bold;color: #222222;border: none;font-size: 16px;}

.index_content.content-wrap.form .ch_form_wrap ul li::after{content: '*';display: inline-block;font-family: Lato-Bold;color: #ff0000;position: absolute;left: 19px;top: 53%;transform: translateY(-50%);line-height: 100%;}

.index_content.content-wrap.form .ch_form_wrap ul li.item_message::after{transform: translateY(0);top: 19%;}

.index_content.content-wrap.form .ch_form_wrap .item_submit::after{display: none;}

.index_content.content-wrap.form .ch_form_wrap .item_submit input:hover{background-color: #000;color: #fff;}









/* footer */

.web_footer{background-color: #222;margin-top: 100px;padding-top: 55px;}

.web_footer,.web_footer a{color: rgba(255, 255, 255, .49);}

.web_footer .foot_items{display: flex;justify-content: space-between;}

.foot-item-logo{width: 24.5%;padding-right: 6.9%;}

.foot-item-products{width: 27%;}

.foot-item-contact{width: 21.87%;}

.foot-item-link{width: 26.38%;}

.foot_detail{margin-top: 20px;font-family: Lato-Regular;line-height: 24px;}

.foot_sns{display: flex;align-items: center;font-family: Lato-Regular;margin-top: 30px;}

.foot_sns li .img2{display: none;}

.foot_sns li:hover .img2{display: inline;}

.foot_sns li:hover .img1{display: none;}

.foot_sns li{margin-right: 13px;}

.foot_sns li:last-child{margin-right: 0;}

.foot_title{font-family: Lato-Regular;font-size: 24px;color: #fff;padding-top: 16px;margin-bottom:20px;}

.foot_address,.foot_email a,.foot_tel a{font-family: Lato-Regular;}

.foot_address,.foot_email{margin-bottom: 30px;}

.web_footer a:hover{color: #fff;}





.links_list a{font-family: Lato-Regular;line-height:48px;text-transform: capitalize;}

.foot-item-link .links_list li:nth-child(1){display: none;}

.foot-item-link .links_list{display: flex;flex-wrap: wrap;}

.foot-item-link .links_list li{width: 50%;}





.rightcopy{margin-top: 80px;text-align: center;padding-top: 20px;padding-bottom: 17px;background-color: #fedac2;}

.rightcopy a,.rightcopy{font-family: Lato-Regular;font-size: 14px;color: #222;}

.rightcopy a:hover{text-decoration: underline;}





/*-------------------------------

scrollsidebar start

----------------------------------*/

#index_scrollsidebar {top: 50%;right: -6px;transition: all ease-in-out 1s;visibility: hidden;opacity: 0;position: static;transform: translateY(-50%)}

#index_scrollsidebar ul li {width: 62px;height: 62px;background-color: #fedac2;margin-bottom: 3px;display: flex;justify-content: center;align-items: center;position: relative}

#index_scrollsidebar ul li .show0 {position: absolute;background-color: #fedac2;padding: 6px;border-radius: 8px;right: 80px;top: 50%;transition: all ease-in-out .5s;transform: translateY(-50%);display: none}		

#index_scrollsidebar ul li .show0,#index_scrollsidebar ul li .show0 a {font-size: 16px;color: #fff;text-wrap: nowrap}

#index_scrollsidebar ul li:hover .show0 {display: block}

#index_scrollsidebar ul li>a {display: inline-block;width: 100%;height: 100%;border-radius: 8px;text-align: center;line-height: 62px}

#index_scrollsidebar .gototop {background-color: #fedac2}

.hvr-radial-out {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;overflow: hidden;background: #fedac2;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s}

.hvr-radial-out:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fedac2;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}

.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active {color: #fff}

.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before {-webkit-transform: scale(2);transform: scale(2)}



/*-------------------------------

scrollsidebar end

----------------------------------*/





/* search */

.search-ipt{border:0;background:transparent;border-radius:0;-webkit-appearance:none}

.web-search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden}

.web-search .btn--search-close{display:inline-block;font-size:2em;position:absolute;top:1.25em;right:1.25em;display:none;background:url(img/search_btn_close.png) no-repeat center 0;width:50px;height:50px;cursor:pointer;background-color: #000;border-radius: 50%;background-position: center;}

.web-search .btn--search-close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}

.js .btn--search-close{display:block}

.web-search .search-ipt{font-family:inherit;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:.05em 0;color:#333;border-bottom:3px solid;font-size:20px;line-height:10px}

.web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:700}

.web-search .search-ipt::-moz-placeholder{opacity:1;color:#333;font-weight:700}

.web-search .search-ipt:-ms-input-placeholder{color:#333;font-weight:700}

.web-search .search-ipt::-webkit-search-cancel-button,.web-search .search-ipt::-webkit-search-decoration{-webkit-appearance:none}

.web-search .search-ipt::-ms-clear{display:none}

.web-search .search-attr{font-size:90%;display:block;width:75%;margin:0 auto;padding:.85em 0;text-align:right;color:#333}

.js .container{position:relative;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.js .main-wrap--move{height:100vh}

.js .web-search{pointer-events:none}

.js .search--open{pointer-events:auto;opacity:1;visibility:visible}

.web-search .btn--search-close{opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}

.search--open .btn--search-close{opacity:1;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;-webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease}

.search__suggestion,.web-search .search-attr{opacity:0;-moz-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-moz-transition:opacity 0.8s,transform .8s;-webkit-transition:opacity 0.8s,transform .8s;-ms-transition:opacity 0.8s,transform .8s;-o-transition:opacity 0.8s,transform .8s;transition:opacity 0.8s,transform .8s}

.search--open .search-attr{opacity:1;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:20px}

.js .web-search .search-ipt{font-size:60px;font-weight:700;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1);-ms-transform:scale3d(0,1,1);-o-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-moz-transform-origin:0 50%;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-moz-transition:transform .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;opacity:0;text-transform:uppercase}

.js .web-search .search-ipt,.web-search .search-attr{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}

.js .search--open .search-ipt{-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}

.js .search--open .search-btn{display:none!important}

.web-search .search-attr{padding-bottom:0}

.js .web-search{width:70%;height:210px;position:fixed;left:0;top:0;right:0;bottom:0;padding:35px 0;margin:auto;border-radius:0;z-index:100001;perspective:1200px}

.js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;border-radius:0;opacity:0;background:rgba(255,255,255,0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) rotateX(-60deg);-ms-transform:translateY(-30%) rotateX(-60deg);-o-transform:translateY(-30%) rotateX(-60deg);transform:translateY(-30%) rotateX(-60deg);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.js .search--open::before{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}







 

/* language */

.prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; }

.change-language .prisna-wp-translate-seo, .mobile-head-language .prisna-wp-translate-seo { display: block; }

.change-language .change-language-title, .change-language .change-language-title a { font-size: 16px; }

.change-language .change-language-title a:after { display: inline-block;  content: "\f107"; font-size: 16px; font-family: fontawesome; transition: all ease-in-out .3s;}

.change-language .change-language-title a{display: flex;align-items: center;position: relative;}

.change-language:hover .change-language-title a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); }

.change-language .change-language-cont { position: absolute; top: 30px; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid #eee; border-radius: 5px; background: #fff; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: scale3d(.9, .9, 1); -ms-transition: all .3s ease-in-out; }

.change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); }

.change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0;  vertical-align: top; font-size: 10pt; }

.change-language .change-language-cont li a:hover { color: #3368c6; }

.change-language .change-language-cont .lang-item-hide { display: none !important; }

.change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; }

.change-language .change-language-cont .more-active { font-size: 20px; }

.language-flag span { position: relative; display: inline-block; overflow: hidden; vertical-align: top; white-space: nowrap; }

.change-language-title .language-flag span{font-family: Roboto-Regular;margin-right: 10px;text-transform: capitalize;}

.change-language ::-webkit-scrollbar {width:5px;}

.change-language ::-webkit-scrollbar-track {background-color:#fff;}

.change-language ::-webkit-scrollbar-thumb {border-radius:3px;background-color:rgba(0,0,0,.3);}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {display:block;}

.change-language .change-language-cont{width: 560px !important;background-color: #fff;}

.language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 26px;overflow:hidden;}

.change-language ::-webkit-scrollbar{width:5px;}

.change-language ::-webkit-scrollbar-track{background-color:#fff;}

.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}

.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}

li.language-flag a{position:relative;}

.change-language-cont li{width:49%;}

.change-language-cont{display: flex;flex-wrap: wrap;}





.change-language-cont li{width:100%;}
.change-language-cont{display: flex;flex-wrap: wrap;}
.language--img{background: url(/common/img/yuzhongBG.jpg)no-repeat center center;display: inline-block;width: 18px;height: 12px;margin-right: 6px; position: absolute; top: 50%; transform: translateY(-50%);}
.language-en{background-position: 0 -218px;}
.language-af{background-position: 0 -1px;}
.language-sq{background-position: 0 -940px;}
.language-am{background-position: 0 -9px;}
.language-be{background-position: 0 -48px;}
.language-eu{background-position: 0 -252px;}
.language-az{background-position: 0 -36px;}
.language-hy{background-position: 0 -456px;}
.language-ar{background-position: 0 -24px;}
.language-am{background-position: 0 -12px;}
.language-fy{background-position: 0px -300px;}
.language-fr{background-position: 0px -288px;}
.language-fi{background-position: 0px -276px;}
.language-et{background-position: 0px -240px;}
.language-eo{background-position: 0px -192px;}
.language-en{background-position: 0 -216px;}
.language-da{background-position: 0px -168px;}
.language-cs{background-position: 0px -144px;}
.language-hr{background-position: 0px -420px;}
.language-co{background-position: 0px -132px;}
.language-ceb{background-position: 0px -108px;}
.language-ca{background-position: 0px -96px;}
.language-bg{background-position: 0 -448px;}
.language-bs{background-position: 0 -84px;}
.language-bn{background-position: 0 -72px;}
.language-be{background-position: 0 -48px;}
.language-is{background-position: 0px -492px;}
.language-sm{background-position: 0px -972px;}
.language-ro{background-position: 0px -888px;}
.language-pa{background-position: 0px -840px;}
.language-pt{background-position: 0px -876px;}
.language-pl{background-position: 0px -852px;}
.language-fa{background-position: 0px -264px;}
.language-ps{background-position: 0px -264px;}
.language-or{background-position: 0px -827px;}
.language-no{background-position: 0px -780px;}
.language-ne{background-position: 0px -792px;}
.language-my{background-position: 0px -768px;}
.language-mn{background-position: 0px -720px;}
.language-mr{background-position: 0px -732px;}
.language-mi{background-position: 0px -684px;}
.language-mt{background-position: 0px -756px;}
.language-ml{background-position: 0px -708px;}
.language-ms{background-position: 0px -744px;}
.language-mg{background-position: 0px -672px;}
.language-mk{background-position: 0px -696px;}
.language-lb{background-position: 0px -624px;}
.language-lt{background-position: 0px -648px;}
.language-lv{background-position: 0px -660px;}
.language-la{background-position: 0px -613px;}
.language-lo{background-position: 0px -636px;}
.language-ky{background-position: 0px -600px;}
.language-ku{background-position: 0px -120px;}
.language-ko{background-position: 0px -588px;}
.language-rw{background-position: 0px -912px;}
.language-km{background-position: 0px -564px;}
.language-kk{background-position: 0px -552px;}
.language-kn{background-position: 0px -576px;}
.language-jv{background-position: 0px -528px;}
.language-ja{background-position: 0px -516px;}
.language-it{background-position: 0px -504px;}
.language-ga{background-position: 0px -312px;}
.language-id{background-position: 0px -467px;}
.language-ig{background-position: 0px -480px;}
.language-hu{background-position: 0px -443px;}
.language-hmn{background-position: 0px -408px;}
.language-hi{background-position: 0px -397px;}
.language-he{background-position: 0px -384px;}
.language-haw{background-position: 0px -300px;}
.language-ha{background-position: 0px -1079px;}
.language-ht{background-position: 0px -432px;}
.language-gu{background-position: 0px -348px;}
.language-el{background-position: 0px -204px;}
.language-de{background-position: 0px -180px;}
.language-ka{background-position: 0px -540px;}
.language-gl{background-position: 0px -336px;}
.language-ru{background-position: 0px -900px;}
.language-gd{background-position: 0px -324px;}
.language-sr{background-position: 0px -1006px;}
.language-st{background-position: 0px -1017px;}
.language-sn{background-position: 0px -984px;}
.language-sd{background-position: 0px -984px;}
.language-si{background-position: 0px -1271px;}
.language-sk{background-position: 0px -1223px;}
.language-sl{background-position: 0px -960px;}
.language-so{background-position: 0px -994px;}
.language-es{background-position: 0px -227px;}
.language-su{background-position: 0px -1031px;}
.language-sw{background-position: 0px -1055px;}
.language-sv{background-position: 0px -1043px;}
.language-tl{background-position: 0px -1115px;}
.language-tg{background-position: 0px -1091px;}
.language-ta{background-position: 0px -1067px;}
.language-tt{background-position: 0px -1151px;}
.language-te{background-position: 0px -1079px;}
.language-th{background-position: 0px -1103px;}
.language-tr{background-position: 0px -1138px;}
.language-tk{background-position: 0px -1115px;}
.language-uk{background-position: 0px -1175px;}
.language-ur{background-position: 0px -1187px;}
.language-ug{background-position: 0px -1163px;}
.language-uz{background-position: 0px -1175px;}
.language-vi{background-position: 0px -1211px;}
.language-cy{background-position: 0px -156px;}
.language-xh{background-position: 0px -1223px;}
.language-yi{background-position: 0px -1235px;}
.language-yo{background-position: 0px -1247px;}
.language-zu{background-position: 0px -1259px;}
.language-zh{background-position: 0px -1282px;}
.language-zh-TW{background-position: 0px -1282px;}







/*-------------------------------

swiper-slide end

----------------------------------*/

.slider_banner { position: relative; overflow: hidden; }

/* .slider_banner .swiper-pagination { display: none; } */

.swiper-container-no-flexbox .swiper-slide { float: left }

.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }

.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }

.swiper-container-free-mode>.swiper-wrapper {  -webkit-transition-timing-function: linear;    /*之前是ease-out*/-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; overflow: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform }

.swiper-invisible-blank-slide { visibility: hidden }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform }

.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -31.5px; z-index: 10; cursor: pointer; opacity: 0; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }

.swiper-container:hover .swiper-button-prev { left: 65px; }

.swiper-container:hover .swiper-button-next { right: 65px; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; pointer-events: none; display: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(img/prev.png) no-repeat center center; background-size: cover; left: 10px; right: auto }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(img/next.png) no-repeat center center; background-size: cover; right: 10px; left: auto }

.slider_banner:hover .swiper-button-prev { left: 120px; opacity: 1; }

.slider_banner:hover .swiper-button-next { right: 120px; opacity: 1; }

.swiper-button-lock { display: none }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }

.swiper-pagination.swiper-pagination-hidden { opacity: 0 }

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; left: 0; width: 100% }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }

.swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; vertical-align: middle; border-radius: 100%; background: #c0c0c0; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }

.swiper-pagination-bullet-active { background: #008D33; }

.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px }

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform }

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform }

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top }

.swiper-container-horizontal { overflow: hidden; }

.swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0 }

.swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #0266c3; }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 }

.swiper-pagination-lock { display: none }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) }

.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }

.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 }

.swiper-scrollbar-cursor-drag { cursor: move }

.swiper-scrollbar-lock { display: none }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center }

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain }

.swiper-slide-zoomed { cursor: move }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }

.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat }

.swiper-lazy-preloader-white:after { }

@-webkit-keyframes swiper-preloader-spin { 100% {

-webkit-transform:rotate(360deg);

transform:rotate(360deg)

}

}

@keyframes swiper-preloader-spin { 100% {

-webkit-transform:rotate(360deg);

transform:rotate(360deg)

}

}

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }

.swiper-container-cube { overflow: visible }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }

.swiper-container-flip { overflow: visible }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }

.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }

.slider_banner .swiper-slide img { width: 100%;height: auto; }

.slider_banner .swiper-slide img+img { position: absolute; left: 0; top: 0; }

.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; }

.slider_banner .swiper-slide.swiper-slide-active img { }

/*-------------------------------

swiper-slide end

----------------------------------*/





/* animate */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

@-webkit-keyframes fadeInLeftA {

0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInLeftA {

0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}

@-webkit-keyframes fadeInUpA {

0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInUpA {

0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}

@-webkit-keyframes fadeInRightA {

0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInRightA {

0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}

@-webkit-keyframes twinkling {

0%{opacity:0}

100%{opacity:1}

}

@-webkit-keyframes OrangePulse {

from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}

50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}

to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}

}

@-webkit-keyframes swing {

20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}

40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}

60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}

80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}

100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

}

@keyframes swing {

20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}

40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}

60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}

80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}

100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

}

.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}

@-webkit-keyframes jump {

0%{-webkit-transform:translateY(0)}

25%{-webkit-transform:translateY(-20%)}

50%{-webkit-transform:translateY(0)}

75%{-webkit-transform:translateY(-10%)}

100%{-webkit-transform:translateY(0)}

}

@keyframes jump {

0%{transform:translateY(0)}

25%{transform:translateY(-20%)}

50%{transform:translateY(0)}

75%{transform:translateY(-10%)}

100%{transform:translateY(0)}

}

@-webkit-keyframes bounceInA {

0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}

0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}

40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}

60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}

80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}

100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

}

@keyframes bounceInA {

0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}

0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}

40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}

60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}

80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}

100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

}

.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}

@-webkit-keyframes fadeInDownA {

0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInDownA {

0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}

}

.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}

@keyframes fadeInA {

0%{opacity:0}

100%{opacity:1}

}

.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}

@-webkit-keyframes flipInY {

0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}

0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}

40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}

60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}

to{-webkit-transform:perspective(400px);transform:perspective(400px)}

}

@keyframes flipInY {

0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}

0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}

40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}

60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}

to{-webkit-transform:perspective(400px);transform:perspective(400px)}

}

.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}







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

	

	

	



	

}

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

	.layout{width: 1300px;}



	.index_about_l{padding-left: calc(50% - 650px);}

	.foot-item-logo{padding-right: 3.9%;}



	.top_ms{height: 210px;}

	



}

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

	.layout{width: 1200px;}

	.index_about_l{padding-left: calc(50% - 600px);}



	.foot-item-link{width: 24%;}

	.foot-item-logo{width: 26.5%;}





}

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

	.layout{width: 1100px;}



	.foot-item-logo{padding-right: 3.9%;}

	.index_about_l{padding-left: calc(50% - 550px);padding-right: 3%;padding-top: 40px;padding-bottom: 40px;}

	.aolid_r{width: 45.8%;}

	.send_email_con .rr{width: 46%;}



	.foot_sns{flex-wrap: wrap;}

	.foot_sns li:nth-child(1){width: 100%;}

	.banner_icon ul li{width: 22%;}

}

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

	.layout{width: 95%;}



	.logo_more{width: 100%;}

	.index_about_l{padding-left: 2.5%;}

	.head_nav>li{padding: 0 10px;}

	

	.top_ms{height: 240px;}

	.bottom_dd{justify-content: flex-start;}



	.about-circle .bl_bg_bottom .position-img{bottom: 25%;}

	

}

.phone-banner{display: none;}

.foot_products_title,.foot_link_title{display: none;}

.foot-item-contact .foot_title2{display: none;}

.phone_sns{display: none;}

.fixed_footer{display: none;}

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

	#index_scrollsidebar{display: none !important;}

	 /*nav */

	.head_nav{width: 100%;padding: 0 5px;}

	.head_nav li {padding-left: 28px;padding-top: 4px;padding-bottom: 4px;}

	.head_nav li, .head_nav li a{color: #111;}

	.head_nav li.has-child{padding-left: 28px;margin-top: 0;margin-bottom: 0;}

	.head_nav li.has-child>a{margin-top: 3px;margin-bottom: 3px;margin-right: 35px;}

	.head_nav li.has-child>ul{display: none;}

	.head_nav li.siblings-no-menu{position: relative;padding-left: 15px;}

	.head_nav li a{display: block;line-height: 1.4em;position: relative;}

	.head_nav li a:hover{color: inherit;}

	.head_nav li em{display: block;height: 1.4em;overflow: hidden;}

	.head_nav li li{font-size: 14px;}

	.head_nav li li li{font-size: 12px;}

	.head_nav li li a{color: #666;text-transform: capitalize;}

	.head_nav li.has-child a b{display: inline-block;width: 15px;height: 15px;border:1px solid #111;border-radius:2px;overflow: hidden;line-height: 15px;position: absolute;right: -35px;top: 1px;-webkit-box-sizing: content-box;box-sizing: content-box;}

	.head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content: '';display: block;width: 9px;height: 1px;background-color: #111;position: absolute;left: 3px;top: 50%;margin-top: -.5px;}

	.head_nav li.has-child a b:after{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

	.head_nav li.has-child a:hover b{border-color: #111;}

	.head_nav>li{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;width: 100%;}

	.head_nav>li>a{font-size: 16px;text-transform: uppercase;margin-bottom: -1px;position: relative;text-transform: uppercase;position:relative;}

	.head_nav li,.head_nav li.has-child{padding-left: 0;}

	.head_nav li li,.head_nav li li.has-child{padding-left: 15px;}

	.head_nav li.active>a>b:after{display: none;}

	.head_nav li.active>a>b{background-color: #111;}

	.head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color: #fff;}

	.head_nav>li.haschild>a::after{display: none;}



	.web_header{display: none;}

	.mobile-head-items{position: fixed;width: 100%;top: 0;left: 0;background-color: #F5F1ED;z-index: 999;height: 60px;display: flex;align-items: center;justify-content: space-between;}

	.mobile-body-mask {width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0;top: 0;z-index: 999}

    .mobile-ico-close {width: .3rem;height: .3rem;background: #fff url(img/mobile_close.png) center center no-repeat;background-size: 50% auto;position: absolute;right: -0.35rem;top: 0;}

    .sub-content {position: relative;display: block;right: auto;border-radius: 0;border: none;box-shadow: none;z-index: 99999;}

	.mobile-head-item .main-content-wrap {background: #FFF;top: 0;display: block;z-index: 99999;}

    .mobile-head-item .main-content-wrap .content-wrap {overflow-y: auto;height: 100%;padding: .15rem .1rem;background-color: #fff;}

    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {overflow-y: hidden;}

    .mobile-head-item .side-content-wrap {position: fixed;display: block;left: -70%;width: 70%;height: 100%;}

    .mobile-head-item .middle-content-wrap {position: absolute;left: 0;width: 100%;height: auto;padding: .2rem 0;opacity: 0;visibility: hidden;}

    .mobile-head-item .middle-show-content-wrap {top: .3rem;visibility: visible;opacity: 1;}





	.web_head .head-search {display: none;}

    .head-search {position: relative;width: 90%;height: .35rem;background: #000;margin: 0 auto;}

    .head-search .search-ipt {position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #FFF;padding: 0 .1rem;background-color: #3f3f3f;}

    .head-search .search-btn {position: absolute;width: .35rem;height: 100%;background: url(img/search_btn_mobile.png) no-repeat center center;-webkit-background-size: auto .16rem;background-size: auto .16rem;border: none;right: 0;top: 0;display: block !important;font-size: 0;}

    .head-search .search-attr {display: none;}



	.mobile-head-items .top-right{display: flex;align-items: center;}

	.mobile-head-search .title{width: 38px;height: 38px;background-image:url(img/seach.webp);background-size: cover;margin-right: 18px;position: relative;}

	.mobile-head-language .title{width: 38px;height: 38px;background-image:url(img/lan1.webp);background-size: cover;margin-right: 18px;}

	.mobile-head-nav .title{width: 38px;height: 38px;background-image:url(img/menu.webp);background-size: cover;margin-right: 9px;}



	.web_head{height: 60px;}

	.phone_logo img{max-height: 50px;margin-left: 15px;}



	.phone-banner{display: block;}

	.pc-banner{display: none;}



	

	.banner_icon ul{display: block;}

	.banner_icon ul li{width: 60%;margin:0 auto;margin-bottom: 30px;}

	.banner_icon{padding: 40px 0 10px 0;}



	.index_products{padding-top: 60px;}

	.index_title{font-size:36px ;}

	.index_products .index_bd{margin-top: 38px;}

	.one_products{display: block;}

	.one_products>li{width: 100%;margin-bottom: 40px;}

	.one_products .title a{font-size: 24px;letter-spacing: 0;}

	.one_products .title{margin-bottom: 0;margin-top: 24px;}

	.one_products li .position_list{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;-webkit-transition-delay: 0.14s;-moz-transition-delay: 0.14s;transition-delay: 0.14s;display: none;}

	.one_products>li .pp_more{display: none;}

	.list_list{width: 92%;padding: 10px 2%;}





	.index_about{margin-top: 55px;display: block;padding-top: 40px;padding-bottom: 67px;}

	.index_about_l{width: 100%;padding: 0 2%;}

	.index_about_r{display: none;}

	.index_about_l .banner_btn{margin-top: 30px;}

	.index_about_l .index_title::after{top: -30px;right: -2%;}



	.index_aolid{padding-top: 57px;padding-bottom: 60px;}

	.index_aolid .layout{display: block;}

	.aolid_l{width: 100%;margin-bottom: 30px;}

	.aolid_r{width: 100%;}

	.aolid_l .position_img img{width: 70px;}

	.aolid_r .index_title{margin-bottom: 16px;}

	.aolid_r .tit01{font-size: 18px;}



	.index_story{padding-top: 0;}

	.index_story .index_hd{margin-top: 60px;}

	.index_story .detail{margin-top: 30px;}



	.index_culture{padding-top: 50px;padding-bottom: 30px;}

	.index_culture .index_hd .detail{margin-top: 20px;}

	.culture_btn a{margin: 0 ;width: 195px;padding: 0;text-align: center;}

	.cc_btn_click.bg_black{margin-bottom: 20px;}

	.culture_container .swiper-slide{padding: 90px 20px 38px 20px;}

	.top_ms{height: auto;}

	.bottom_dd{margin-top: 30px;}

	.culture_container .swiper-slide::after{top: 34px;}

	.customer_buttons{margin-top: 10px;}

	.logo_more{flex-wrap: wrap;}

	.logo_more div{display: inline-block;width: 30%;margin-bottom: 30px;}

	.logo_more img{max-width: 100%;max-height: 40px;}





	.index_news .index_title_more{display: none;}

	.index_news_lists{margin-top: 30px;display: block;}

	.index_news_lists li{width: 100%;display: block;margin-bottom: 40px;}

	.index_news_lists li .ll{width: 100%;}

	.index_news_lists li .rr{width: 100%;}

	.index_news_lists li .ll .img{padding-top: 66.8%;}

	.index_news_lists li .time{margin-top: 20px;}

	.index_news_lists li .news_title{margin-bottom: 0;}

	.index_news_lists li .news_content{display: none;}

	.index_news{padding-bottom: 20px;}





	.index_sendemail .layout{padding: 40px 20px 48px 20px;}

	.send_email_con{display: block;}

	.send_email_con .ll{width: 100%;}

	.send_email_con .rr{width: 100%;margin-top: 60px;padding: 40px 20px 37px 20px ;}

	.send_email_con .ll .detail{margin-bottom: 30px}

	.left_contact{border-top: 1px solid rgba(34, 34, 34, .19);}









	.web_footer{margin-top: 60px;padding-top: 20px;}

	.web_footer .foot_items{display: block;padding-right: 0;}

	.foot-item-logo{display: none;}

	.foot-item-products{width: 100%;}

	.foot-item-link{width: 100%;}

	.foot-item-contact{width: 100%;margin-top: 50px;}

	.foot-item-products .foot_title,.foot-item-link .foot_title{display: none;}

	.foot_products_title,.foot_link_title,.foot_products_title a{display: block;position: relative;font-family: Lato-Regular;font-size: 30px;color: #ffffff;line-height: 100%;padding:30px 0 ;text-transform: uppercase;border-bottom: 1px solid #fff;}

	.foot_products_title::after,.foot_link_title::after{position: absolute;content: '>';display: inline-block;color: #fff;right: 0;top: 50%;font-size: 20px;transform: translateY(-50%);}

	.foot_link_list,.foot_product_list{padding-left: 30px;border-bottom: 1px solid #fff;padding-top: 20px;display: none;}

	.foot_link_list li a,.foot_product_list li a{line-height: 100%;font-size: 24px;}

	.foot_link_list li,.foot_product_list li{margin: 20px;}

	.foot-item-link .links_list.foot_link_list{display: none;}

	.foot-item-contact .foot_title{display: none;}

	.foot-item-contact .foot_title2{display: block;font-family: Lato-Regular;font-size: 30px;color: #fff;padding-left: 43px;position: relative;margin-bottom: 38px;}

	.foot_products_title.active::after,.foot_link_title.active::after{transform: rotate(90deg);}

	.foot-item-contact .foot_title2::before{content: '';display: inline-block;width: 29px;height: 3px;background-color: #ffffff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

	.foot_address, .foot_email a, .foot_tel a{font-size: 24px;color: rgba(255, 255, 255,.69);}

	.foot_address, .foot_email{margin-bottom: 20px;}



	.phone_sns{display: flex;margin-top: 30px;}

	.phone_sns li{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background-color: #fff;opacity: .5;transition: all ease-in-out .3s;margin-right:10px ;}

	.phone_sns li:hover{opacity: 1;}



	.rightcopy{margin-top:34px;padding-top: 24px;padding-bottom: 94px;background-color: #222222;border-top: solid 1px #d0cfcf;text-align: center;}

	.rightcopy a, .rightcopy{font-size: 16px;color: #e8e8e8;line-height: 41px;}



	.fixed_footer{display: flex;position: fixed;bottom: 0;left: 0;width: 100%;justify-content: space-between;height: 66px;z-index: 9999;}

	.fixed_footer li{width: 33.1%;display: flex;height: 100%;align-items: center;justify-content: center;background-color: #fedac2;}

	

	



}



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

	.twe_products li a{font-size: 14px;}

	.twe_products li{margin: 3px 0;text-align: center;}

	.one_products .title a{font-size: 18px;}

	.one_products .title{margin-top: 16px;}

}





.content-wrap.form .ch_form_wrap ul input, .content-wrap.form .ch_form_wrap ul textarea, .content-wrap.form .ch_form_wrap ul select{border-left:3px solid #F29F7C ;}

.content-wrap.form .ch_form_wrap .item_submit input{background-color: #F29F7C ;color: #000 ;}



#cont h2{background-color: #FEDAC2 !important;}

#cont > ul > li > ul > li > a{color: #333 !important;text-transform: capitalize;}

#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a{color:#333 !important ;}

#cont > ul > li > ul > li.has-childs > ul > li > ul > li > a{color: #333 !important;}

#cont > ul > li > ul > li.has-childs > ul > li.has-childs > ul > li > a:before{border-top-color:#333 !important;border-right-color:#333 !important;}

#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a:after{background: #333 !important;}

#footer{background: #333 !important;}

#cont > ul > li > ul > li.has-childs > ul > li > ul > li > a:hover{text-decoration: underline;}

#cont > ul > li > a{text-transform: capitalize;}
@media screen and (max-width:950px){
	.dit_if iframe{
		width: 100%;
		margin-top: 20px;
	}
}