        <style>





            .icon-jianhao:before {
                content: "\e643";
            }

            .icon-double-arrow-right:before {
                content: "\ea50";
            }

            .icon-double-arrow-left:before {
                content: "\ee13";
            }

            .icon-tianjia1:before {
                content: "\e652";
            }

            .icon-xingxing:before {
                content: "\e80d";
            }

            .icon-24gf-starHalf:before {
                content: "\e8c6";
            }

            .icon-chachedipankongzhixitong:before {
                content: "\e61f";
            }

            .icon-fahuodan:before {
                content: "\e683";
            }

            .icon-chufangguanli:before {
                content: "\e778";
            }

            .icon-gongshui:before {
                content: "\e64e";
            }

            .icon-fangshuicaizhi:before {
                content: "\e615";
            }

            .icon-tuoche:before {
                content: "\e639";
            }

            .icon-youzhi:before {
                content: "\e7e5";
            }

            .icon-shangcheng2:before {
                content: "\e680";
            }

            .icon-anquan:before {
                content: "\e63e";
            }

            .icon-tuandui:before {
                content: "\e645";
            }

            .icon-dianzan:before {
                content: "\e63b";
            }

            .icon-icon-xinyewu:before {
                content: "\e6c7";
            }

            .icon-tubiao-:before {
                content: "\e611";
            }

            .icon-B2B:before {
                content: "\e654";
            }

            .icon-shoudanshengchan:before {
                content: "\e61e";
            }

            .icon-chuangxin:before {
                content: "\e614";
            }

            .icon-chanpin:before {
                content: "\e63f";
            }

            .icon-diqiu:before {
                content: "\e610";
            }

            .icon-youtube:before {
                content: "\e87c";
            }

            .icon-tijiao:before {
                content: "\e657";
            }

            .icon-24xiaoshi:before {
                content: "\e6bc";
            }

            .icon-zhizao:before {
                content: "\e879";
            }

            .icon-chufang:before {
                content: "\e68c";
            }

            .icon-jia:before {
                content: "\e60e";
            }

            .icon-quanjing1:before {
                content: "\e60a";
            }

            .icon-shipin1:before {
                content: "\e624";
            }

            .icon-skype:before {
                content: "\e713";
            }

            .icon-whatsapp:before {
                content: "\e7a6";
            }

            .icon-whatsapp1:before {
                content: "\e613";
            }

            .icon-weixin:before {
                content: "\e71b";
            }

            .icon-youxiang:before {
                content: "\e7fc";
            }

            .icon-close:before {
                content: "\e61c";
            }

            .icon-youjian:before {
                content: "\e61d";
            }

            .icon-xiangxia:before {
                content: "\e612";
            }

            .icon-fangda:before {
                content: "\e62b";
            }

            .icon-Facebook-copy:before {
                content: "\e60d";
            }

            .icon-zuojian:before {
                content: "\ee12";
            }

            .icon-arrow-r_fill:before {
                content: "\e690";
            }

            .icon-yiwen:before {
                content: "\e604";
            }

            .icon-pinpaizhuanxiang:before {
                content: "\e605";
            }

            .icon-kafei:before {
                content: "\e6aa";
            }

            .icon-shijian:before {
                content: "\e8c5";
            }

            .icon-quweitushuju:before {
                content: "\e665";
            }

            .icon-huida:before {
                content: "\e653";
            }

            .icon-fuwu:before {
                content: "\e6b3";
            }

            .icon-qiegechicun:before {
                content: "\e63a";
            }

            .icon-shipinbofang_Facet:before {
                content: "\e67c";
            }

            .icon-manager-fill:before {
                content: "\e62e";
            }

            .icon-fanhui:before {
                content: "\e60c";
            }

            .icon-fenxiang:before {
                content: "\e7c5";
            }

            .icon-zhuye-copy-copy:before {
                content: "\e650";
            }

            .icon-print-full:before {
                content: "\e931";
            }

            .icon-xinhao:before {
                content: "\e697";
            }

            .icon-videoyoutube:before {
                content: "\e7a1";
            }

            .icon-dizhi:before {
                content: "\e609";
            }

            .icon-linkedin1:before {
                content: "\e666";
            }

            .icon-jixiezulin:before {
                content: "\e629";
            }

            .icon-twitter1:before {
                content: "\e882";
            }

            .icon-dizhi1:before {
                content: "\e603";
            }

            .icon-gaoxiaotoufang:before {
                content: "\e6b7";
            }

            .icon-icon_zhudongjiangzao:before {
                content: "\e632";
            }

            .icon-caidan:before {
                content: "\e61a";
            }

            .icon-zhouweiwuzaoyin:before {
                content: "\e608";
            }

            .icon-twitter:before {
                content: "\e606";
            }

            .icon-linkedin:before {
                content: "\e7bb";
            }

            .icon-4CEBA48D845888E06C868951A5E1A875:before {
                content: "\e619";
            }

            .icon-dianhua:before {
                content: "\e6b9";
            }

            .icon-sheji:before {
                content: "\e607";
            }

            .icon-shipin:before {
                content: "\e61b";
            }

            .icon-canju:before {
                content: "\e60b";
            }

            .icon-lc-form-more:before {
                content: "\e601";
            }

            .icon-xiazai1:before {
                content: "\e602";
            }

            .icon-zhishi:before {
                content: "\e856";
            }

            .icon-e632:before {
                content: "\e60f";
            }

            .icon-jiantou:before {
                content: "\e600";
            }

            .icon-chef:before {
                content: "\e6e8";
            }


            @charset "UTF-8";


            /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

            .animated {
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
            }

            .animated.hinge {
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
            }

            @-webkit-keyframes bounce {

                0%,
                20%,
                50%,
                80%,
                100% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                40% {
                    -webkit-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                60% {
                    -webkit-transform: translateY(-15px);
                    transform: translateY(-15px);
                }
            }

            @keyframes bounce {

                0%,
                20%,
                50%,
                80%,
                100% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                40% {
                    -webkit-transform: translateY(-30px);
                    -ms-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                60% {
                    -webkit-transform: translateY(-15px);
                    -ms-transform: translateY(-15px);
                    transform: translateY(-15px);
                }
            }

            .bounce {
                -webkit-animation-name: bounce;
                animation-name: bounce;
            }

            @-webkit-keyframes flash {

                0%,
                50%,
                100% {
                    opacity: 1;
                }

                25%,
                75% {
                    opacity: 0;
                }
            }

            @keyframes flash {

                0%,
                50%,
                100% {
                    opacity: 1;
                }

                25%,
                75% {
                    opacity: 0;
                }
            }

            .flash {
                -webkit-animation-name: flash;
                animation-name: flash;
            }

            /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

            @-webkit-keyframes pulse {
                0% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

                50% {
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                }

                100% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
            }

            @keyframes pulse {
                0% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }

                50% {
                    -webkit-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    transform: scale(1.1);
                }

                100% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }
            }

            .pulse {
                -webkit-animation-name: pulse;
                animation-name: pulse;
            }

            @-webkit-keyframes shake {

                0%,
                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                10%,
                30%,
                50%,
                70%,
                90% {
                    -webkit-transform: translateX(-10px);
                    transform: translateX(-10px);
                }

                20%,
                40%,
                60%,
                80% {
                    -webkit-transform: translateX(10px);
                    transform: translateX(10px);
                }
            }

            @keyframes shake {

                0%,
                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                10%,
                30%,
                50%,
                70%,
                90% {
                    -webkit-transform: translateX(-10px);
                    -ms-transform: translateX(-10px);
                    transform: translateX(-10px);
                }

                20%,
                40%,
                60%,
                80% {
                    -webkit-transform: translateX(10px);
                    -ms-transform: translateX(10px);
                    transform: translateX(10px);
                }
            }

            .shake {
                -webkit-animation-name: shake;
                animation-name: shake;
            }

            @-webkit-keyframes swing {
                20% {
                    -webkit-transform: rotate(15deg);
                    transform: rotate(15deg);
                }

                40% {
                    -webkit-transform: rotate(-10deg);
                    transform: rotate(-10deg);
                }

                60% {
                    -webkit-transform: rotate(5deg);
                    transform: rotate(5deg);
                }

                80% {
                    -webkit-transform: rotate(-5deg);
                    transform: rotate(-5deg);
                }

                100% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
            }

            @keyframes swing {
                20% {
                    -webkit-transform: rotate(15deg);
                    -ms-transform: rotate(15deg);
                    transform: rotate(15deg);
                }

                40% {
                    -webkit-transform: rotate(-10deg);
                    -ms-transform: rotate(-10deg);
                    transform: rotate(-10deg);
                }

                60% {
                    -webkit-transform: rotate(5deg);
                    -ms-transform: rotate(5deg);
                    transform: rotate(5deg);
                }

                80% {
                    -webkit-transform: rotate(-5deg);
                    -ms-transform: rotate(-5deg);
                    transform: rotate(-5deg);
                }

                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 tada {
                0% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

                10%,
                20% {
                    -webkit-transform: scale(0.9) rotate(-6deg);
                    transform: scale(0.9) rotate(-6deg);
                }

                30%,
                50%,
                70%,
                90% {
                    -webkit-transform: scale(1.1) rotate(6deg);
                    transform: scale(1.1) rotate(6deg);
                }

                40%,
                60%,
                80% {
                    -webkit-transform: scale(1.1) rotate(-6deg);
                    transform: scale(1.1) rotate(-6deg);
                }

                100% {
                    -webkit-transform: scale(1) rotate(0);
                    transform: scale(1) rotate(0);
                }
            }

            @keyframes tada {
                0% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }

                10%,
                20% {
                    -webkit-transform: scale(0.9) rotate(-6deg);
                    -ms-transform: scale(0.9) rotate(-6deg);
                    transform: scale(0.9) rotate(-6deg);
                }

                30%,
                50%,
                70%,
                90% {
                    -webkit-transform: scale(1.1) rotate(6deg);
                    -ms-transform: scale(1.1) rotate(6deg);
                    transform: scale(1.1) rotate(6deg);
                }

                40%,
                60%,
                80% {
                    -webkit-transform: scale(1.1) rotate(-6deg);
                    -ms-transform: scale(1.1) rotate(-6deg);
                    transform: scale(1.1) rotate(-6deg);
                }

                100% {
                    -webkit-transform: scale(1) rotate(0);
                    -ms-transform: scale(1) rotate(0);
                    transform: scale(1) rotate(0);
                }
            }

            .tada {
                -webkit-animation-name: tada;
                animation-name: tada;
            }

            /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

            @-webkit-keyframes wobble {
                0% {
                    -webkit-transform: translateX(0%);
                    transform: translateX(0%);
                }

                15% {
                    -webkit-transform: translateX(-25%) rotate(-5deg);
                    transform: translateX(-25%) rotate(-5deg);
                }

                30% {
                    -webkit-transform: translateX(20%) rotate(3deg);
                    transform: translateX(20%) rotate(3deg);
                }

                45% {
                    -webkit-transform: translateX(-15%) rotate(-3deg);
                    transform: translateX(-15%) rotate(-3deg);
                }

                60% {
                    -webkit-transform: translateX(10%) rotate(2deg);
                    transform: translateX(10%) rotate(2deg);
                }

                75% {
                    -webkit-transform: translateX(-5%) rotate(-1deg);
                    transform: translateX(-5%) rotate(-1deg);
                }

                100% {
                    -webkit-transform: translateX(0%);
                    transform: translateX(0%);
                }
            }

            @keyframes wobble {
                0% {
                    -webkit-transform: translateX(0%);
                    -ms-transform: translateX(0%);
                    transform: translateX(0%);
                }

                15% {
                    -webkit-transform: translateX(-25%) rotate(-5deg);
                    -ms-transform: translateX(-25%) rotate(-5deg);
                    transform: translateX(-25%) rotate(-5deg);
                }

                30% {
                    -webkit-transform: translateX(20%) rotate(3deg);
                    -ms-transform: translateX(20%) rotate(3deg);
                    transform: translateX(20%) rotate(3deg);
                }

                45% {
                    -webkit-transform: translateX(-15%) rotate(-3deg);
                    -ms-transform: translateX(-15%) rotate(-3deg);
                    transform: translateX(-15%) rotate(-3deg);
                }

                60% {
                    -webkit-transform: translateX(10%) rotate(2deg);
                    -ms-transform: translateX(10%) rotate(2deg);
                    transform: translateX(10%) rotate(2deg);
                }

                75% {
                    -webkit-transform: translateX(-5%) rotate(-1deg);
                    -ms-transform: translateX(-5%) rotate(-1deg);
                    transform: translateX(-5%) rotate(-1deg);
                }

                100% {
                    -webkit-transform: translateX(0%);
                    -ms-transform: translateX(0%);
                    transform: translateX(0%);
                }
            }

            .wobble {
                -webkit-animation-name: wobble;
                animation-name: wobble;
            }

            @-webkit-keyframes bounceIn {
                0% {
                    opacity: 0;
                    -webkit-transform: scale(.3);
                    transform: scale(.3);
                }

                50% {
                    opacity: 1;
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }

                70% {
                    -webkit-transform: scale(.9);
                    transform: scale(.9);
                }

                100% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
            }

            @keyframes bounceIn {
                0% {
                    opacity: 0;
                    -webkit-transform: scale(.3);
                    -ms-transform: scale(.3);
                    transform: scale(.3);
                }

                50% {
                    opacity: 1;
                    -webkit-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    transform: scale(1.05);
                }

                70% {
                    -webkit-transform: scale(.9);
                    -ms-transform: scale(.9);
                    transform: scale(.9);
                }

                100% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }
            }

            .bounceIn {
                -webkit-animation-name: bounceIn;
                animation-name: bounceIn;
            }

            @-webkit-keyframes bounceInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateY(30px);
                    transform: translateY(30px);
                }

                80% {
                    -webkit-transform: translateY(-10px);
                    transform: translateY(-10px);
                }

                100% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes bounceInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    -ms-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateY(30px);
                    -ms-transform: translateY(30px);
                    transform: translateY(30px);
                }

                80% {
                    -webkit-transform: translateY(-10px);
                    -ms-transform: translateY(-10px);
                    transform: translateY(-10px);
                }

                100% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .bounceInDown {
                -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown;
            }

            @-webkit-keyframes bounceInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateX(30px);
                    transform: translateX(30px);
                }

                80% {
                    -webkit-transform: translateX(-10px);
                    transform: translateX(-10px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes bounceInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    -ms-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateX(30px);
                    -ms-transform: translateX(30px);
                    transform: translateX(30px);
                }

                80% {
                    -webkit-transform: translateX(-10px);
                    -ms-transform: translateX(-10px);
                    transform: translateX(-10px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .bounceInLeft {
                -webkit-animation-name: bounceInLeft;
                animation-name: bounceInLeft;
            }

            @-webkit-keyframes bounceInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    transform: translateX(2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateX(-30px);
                    transform: translateX(-30px);
                }

                80% {
                    -webkit-transform: translateX(10px);
                    transform: translateX(10px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes bounceInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    -ms-transform: translateX(2000px);
                    transform: translateX(2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateX(-30px);
                    -ms-transform: translateX(-30px);
                    transform: translateX(-30px);
                }

                80% {
                    -webkit-transform: translateX(10px);
                    -ms-transform: translateX(10px);
                    transform: translateX(10px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .bounceInRight {
                -webkit-animation-name: bounceInRight;
                animation-name: bounceInRight;
            }

            @-webkit-keyframes bounceInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    transform: translateY(2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                80% {
                    -webkit-transform: translateY(10px);
                    transform: translateY(10px);
                }

                100% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes bounceInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    -ms-transform: translateY(2000px);
                    transform: translateY(2000px);
                }

                60% {
                    opacity: 1;
                    -webkit-transform: translateY(-30px);
                    -ms-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                80% {
                    -webkit-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    transform: translateY(10px);
                }

                100% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .bounceInUp {
                -webkit-animation-name: bounceInUp;
                animation-name: bounceInUp;
            }

            @-webkit-keyframes bounceOut {
                0% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

                25% {
                    -webkit-transform: scale(.95);
                    transform: scale(.95);
                }

                50% {
                    opacity: 1;
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(.3);
                    transform: scale(.3);
                }
            }

            @keyframes bounceOut {
                0% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }

                25% {
                    -webkit-transform: scale(.95);
                    -ms-transform: scale(.95);
                    transform: scale(.95);
                }

                50% {
                    opacity: 1;
                    -webkit-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    transform: scale(1.1);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(.3);
                    -ms-transform: scale(.3);
                    transform: scale(.3);
                }
            }

            .bounceOut {
                -webkit-animation-name: bounceOut;
                animation-name: bounceOut;
            }

            @-webkit-keyframes bounceOutDown {
                0% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateY(-150px);
                    transform: translateY(-150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    transform: translateY(2000px);
                }
            }

            @keyframes bounceOutDown {
                0% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateY(-150px);
                    -ms-transform: translateY(-150px);
                    transform: translateY(-150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    -ms-transform: translateY(2000px);
                    transform: translateY(2000px);
                }
            }

            .bounceOutDown {
                -webkit-animation-name: bounceOutDown;
                animation-name: bounceOutDown;
            }

            @-webkit-keyframes bounceOutLeft {
                0% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateX(150px);
                    transform: translateX(150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }
            }

            @keyframes bounceOutLeft {
                0% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateX(150px);
                    -ms-transform: translateX(150px);
                    transform: translateX(150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    -ms-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }
            }

            .bounceOutLeft {
                -webkit-animation-name: bounceOutLeft;
                animation-name: bounceOutLeft;
            }

            @-webkit-keyframes bounceOutRight {
                0% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateX(-150px);
                    transform: translateX(-150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    transform: translateX(2000px);
                }
            }

            @keyframes bounceOutRight {
                0% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateX(-150px);
                    -ms-transform: translateX(-150px);
                    transform: translateX(-150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    -ms-transform: translateX(2000px);
                    transform: translateX(2000px);
                }
            }

            .bounceOutRight {
                -webkit-animation-name: bounceOutRight;
                animation-name: bounceOutRight;
            }

            @-webkit-keyframes bounceOutUp {
                0% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateY(150px);
                    transform: translateY(150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }
            }

            @keyframes bounceOutUp {
                0% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                20% {
                    opacity: 1;
                    -webkit-transform: translateY(150px);
                    -ms-transform: translateY(150px);
                    transform: translateY(150px);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    -ms-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }
            }

            .bounceOutUp {
                -webkit-animation-name: bounceOutUp;
                animation-name: bounceOutUp;
            }

            @-webkit-keyframes fadeIn {
                0% {
                    opacity: 0;
                }

                100% {
                    opacity: 1;
                }
            }

            @keyframes fadeIn {
                0% {
                    opacity: 0;
                }

                100% {
                    opacity: 1;
                }
            }

            .fadeIn {
                -webkit-animation-name: fadeIn;
                animation-name: fadeIn;
            }

            @-webkit-keyframes fadeInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-150px);
                    transform: translateY(-150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes fadeInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-150px);
                    -ms-transform: translateY(-150px);
                    transform: translateY(-150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .fadeInDown {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
            }

            @-webkit-keyframes fadeInDownBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes fadeInDownBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    -ms-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .fadeInDownBig {
                -webkit-animation-name: fadeInDownBig;
                animation-name: fadeInDownBig;
            }

            @-webkit-keyframes fadeInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-150px);
                    transform: translateX(-150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes fadeInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-150px);
                    -ms-transform: translateX(-150px);
                    transform: translateX(-150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .fadeInLeft {
                -webkit-animation-name: fadeInLeft;
                animation-name: fadeInLeft;
            }

            @-webkit-keyframes fadeInLeftBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes fadeInLeftBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    -ms-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .fadeInLeftBig {
                -webkit-animation-name: fadeInLeftBig;
                animation-name: fadeInLeftBig;
            }

            @-webkit-keyframes fadeInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(150px);
                    transform: translateX(150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes fadeInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(150px);
                    -ms-transform: translateX(150px);
                    transform: translateX(150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .fadeInRight {
                -webkit-animation-name: fadeInRight;
                animation-name: fadeInRight;
            }

            @-webkit-keyframes fadeInRightBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    transform: translateX(2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes fadeInRightBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    -ms-transform: translateX(2000px);
                    transform: translateX(2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .fadeInRightBig {
                -webkit-animation-name: fadeInRightBig;
                animation-name: fadeInRightBig;
            }

            @-webkit-keyframes fadeInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(150px);
                    transform: translateY(150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes fadeInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(150px);
                    -ms-transform: translateY(150px);
                    transform: translateY(150px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .fadeInUp {
                -webkit-animation-name: fadeInUp;
                animation-name: fadeInUp;
            }

            @-webkit-keyframes fadeInUpBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    transform: translateY(2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes fadeInUpBig {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    -ms-transform: translateY(2000px);
                    transform: translateY(2000px);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .fadeInUpBig {
                -webkit-animation-name: fadeInUpBig;
                animation-name: fadeInUpBig;
            }

            @-webkit-keyframes fadeOut {
                0% {
                    opacity: 1;
                }

                100% {
                    opacity: 0;
                }
            }

            @keyframes fadeOut {
                0% {
                    opacity: 1;
                }

                100% {
                    opacity: 0;
                }
            }

            .fadeOut {
                -webkit-animation-name: fadeOut;
                animation-name: fadeOut;
            }

            @-webkit-keyframes fadeOutDown {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(150px);
                    transform: translateY(150px);
                }
            }

            @keyframes fadeOutDown {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(150px);
                    -ms-transform: translateY(150px);
                    transform: translateY(150px);
                }
            }

            .fadeOutDown {
                -webkit-animation-name: fadeOutDown;
                animation-name: fadeOutDown;
            }

            @-webkit-keyframes fadeOutDownBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    transform: translateY(2000px);
                }
            }

            @keyframes fadeOutDownBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(2000px);
                    -ms-transform: translateY(2000px);
                    transform: translateY(2000px);
                }
            }

            .fadeOutDownBig {
                -webkit-animation-name: fadeOutDownBig;
                animation-name: fadeOutDownBig;
            }

            @-webkit-keyframes fadeOutLeft {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-150px);
                    transform: translateX(-150px);
                }
            }

            @keyframes fadeOutLeft {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-150px);
                    -ms-transform: translateX(-150px);
                    transform: translateX(-150px);
                }
            }

            .fadeOutLeft {
                -webkit-animation-name: fadeOutLeft;
                animation-name: fadeOutLeft;
            }

            @-webkit-keyframes fadeOutLeftBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }
            }

            @keyframes fadeOutLeftBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    -ms-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }
            }

            .fadeOutLeftBig {
                -webkit-animation-name: fadeOutLeftBig;
                animation-name: fadeOutLeftBig;
            }

            @-webkit-keyframes fadeOutRight {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(150px);
                    transform: translateX(150px);
                }
            }

            @keyframes fadeOutRight {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(150px);
                    -ms-transform: translateX(150px);
                    transform: translateX(150px);
                }
            }

            .fadeOutRight {
                -webkit-animation-name: fadeOutRight;
                animation-name: fadeOutRight;
            }

            @-webkit-keyframes fadeOutRightBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    transform: translateX(2000px);
                }
            }

            @keyframes fadeOutRightBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    -ms-transform: translateX(2000px);
                    transform: translateX(2000px);
                }
            }

            .fadeOutRightBig {
                -webkit-animation-name: fadeOutRightBig;
                animation-name: fadeOutRightBig;
            }

            @-webkit-keyframes fadeOutUp {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-150px);
                    transform: translateY(-150px);
                }
            }

            @keyframes fadeOutUp {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-150px);
                    -ms-transform: translateY(-150px);
                    transform: translateY(-150px);
                }
            }

            .fadeOutUp {
                -webkit-animation-name: fadeOutUp;
                animation-name: fadeOutUp;
            }

            @-webkit-keyframes fadeOutUpBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }
            }

            @keyframes fadeOutUpBig {
                0% {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    -ms-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }
            }

            .fadeOutUpBig {
                -webkit-animation-name: fadeOutUpBig;
                animation-name: fadeOutUpBig;
            }

            @-webkit-keyframes flip {
                0% {
                    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
                }

                40% {
                    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
                }

                50% {
                    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }

                80% {
                    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }

                100% {
                    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }
            }

            @keyframes flip {
                0% {
                    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
                }

                40% {
                    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
                }

                50% {
                    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }

                80% {
                    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }

                100% {
                    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }
            }

            .animated.flip {
                -webkit-backface-visibility: visible;
                -ms-backface-visibility: visible;
                backface-visibility: visible;
                -webkit-animation-name: flip;
                animation-name: flip;
            }

            @-webkit-keyframes flipInX {
                0% {
                    -webkit-transform: perspective(400px) rotateX(90deg);
                    transform: perspective(400px) rotateX(90deg);
                    opacity: 0;
                }

                40% {
                    -webkit-transform: perspective(400px) rotateX(-10deg);
                    transform: perspective(400px) rotateX(-10deg);
                }

                70% {
                    -webkit-transform: perspective(400px) rotateX(10deg);
                    transform: perspective(400px) rotateX(10deg);
                }

                100% {
                    -webkit-transform: perspective(400px) rotateX(0deg);
                    transform: perspective(400px) rotateX(0deg);
                    opacity: 1;
                }
            }

            @keyframes flipInX {
                0% {
                    -webkit-transform: perspective(400px) rotateX(90deg);
                    -ms-transform: perspective(400px) rotateX(90deg);
                    transform: perspective(400px) rotateX(90deg);
                    opacity: 0;
                }

                40% {
                    -webkit-transform: perspective(400px) rotateX(-10deg);
                    -ms-transform: perspective(400px) rotateX(-10deg);
                    transform: perspective(400px) rotateX(-10deg);
                }

                70% {
                    -webkit-transform: perspective(400px) rotateX(10deg);
                    -ms-transform: perspective(400px) rotateX(10deg);
                    transform: perspective(400px) rotateX(10deg);
                }

                100% {
                    -webkit-transform: perspective(400px) rotateX(0deg);
                    -ms-transform: perspective(400px) rotateX(0deg);
                    transform: perspective(400px) rotateX(0deg);
                    opacity: 1;
                }
            }

            .flipInX {
                -webkit-backface-visibility: visible !important;
                -ms-backface-visibility: visible !important;
                backface-visibility: visible !important;
                -webkit-animation-name: flipInX;
                animation-name: flipInX;
            }

            @-webkit-keyframes flipInY {
                0% {
                    -webkit-transform: perspective(400px) rotateY(90deg);
                    transform: perspective(400px) rotateY(90deg);
                    opacity: 0;
                }

                40% {
                    -webkit-transform: perspective(400px) rotateY(-10deg);
                    transform: perspective(400px) rotateY(-10deg);
                }

                70% {
                    -webkit-transform: perspective(400px) rotateY(10deg);
                    transform: perspective(400px) rotateY(10deg);
                }

                100% {
                    -webkit-transform: perspective(400px) rotateY(0deg);
                    transform: perspective(400px) rotateY(0deg);
                    opacity: 1;
                }
            }

            @keyframes flipInY {
                0% {
                    -webkit-transform: perspective(400px) rotateY(90deg);
                    -ms-transform: perspective(400px) rotateY(90deg);
                    transform: perspective(400px) rotateY(90deg);
                    opacity: 0;
                }

                40% {
                    -webkit-transform: perspective(400px) rotateY(-10deg);
                    -ms-transform: perspective(400px) rotateY(-10deg);
                    transform: perspective(400px) rotateY(-10deg);
                }

                70% {
                    -webkit-transform: perspective(400px) rotateY(10deg);
                    -ms-transform: perspective(400px) rotateY(10deg);
                    transform: perspective(400px) rotateY(10deg);
                }

                100% {
                    -webkit-transform: perspective(400px) rotateY(0deg);
                    -ms-transform: perspective(400px) rotateY(0deg);
                    transform: perspective(400px) rotateY(0deg);
                    opacity: 1;
                }
            }

            .flipInY {
                -webkit-backface-visibility: visible !important;
                -ms-backface-visibility: visible !important;
                backface-visibility: visible !important;
                -webkit-animation-name: flipInY;
                animation-name: flipInY;
            }

            @-webkit-keyframes flipOutX {
                0% {
                    -webkit-transform: perspective(400px) rotateX(0deg);
                    transform: perspective(400px) rotateX(0deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: perspective(400px) rotateX(90deg);
                    transform: perspective(400px) rotateX(90deg);
                    opacity: 0;
                }
            }

            @keyframes flipOutX {
                0% {
                    -webkit-transform: perspective(400px) rotateX(0deg);
                    -ms-transform: perspective(400px) rotateX(0deg);
                    transform: perspective(400px) rotateX(0deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: perspective(400px) rotateX(90deg);
                    -ms-transform: perspective(400px) rotateX(90deg);
                    transform: perspective(400px) rotateX(90deg);
                    opacity: 0;
                }
            }

            .flipOutX {
                -webkit-animation-name: flipOutX;
                animation-name: flipOutX;
                -webkit-backface-visibility: visible !important;
                -ms-backface-visibility: visible !important;
                backface-visibility: visible !important;
            }

            @-webkit-keyframes flipOutY {
                0% {
                    -webkit-transform: perspective(400px) rotateY(0deg);
                    transform: perspective(400px) rotateY(0deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: perspective(400px) rotateY(90deg);
                    transform: perspective(400px) rotateY(90deg);
                    opacity: 0;
                }
            }

            @keyframes flipOutY {
                0% {
                    -webkit-transform: perspective(400px) rotateY(0deg);
                    -ms-transform: perspective(400px) rotateY(0deg);
                    transform: perspective(400px) rotateY(0deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: perspective(400px) rotateY(90deg);
                    -ms-transform: perspective(400px) rotateY(90deg);
                    transform: perspective(400px) rotateY(90deg);
                    opacity: 0;
                }
            }

            .flipOutY {
                -webkit-backface-visibility: visible !important;
                -ms-backface-visibility: visible !important;
                backface-visibility: visible !important;
                -webkit-animation-name: flipOutY;
                animation-name: flipOutY;
            }

            @-webkit-keyframes lightSpeedIn {
                0% {
                    -webkit-transform: translateX(100%) skewX(-30deg);
                    transform: translateX(100%) skewX(-30deg);
                    opacity: 0;
                }

                60% {
                    -webkit-transform: translateX(-20%) skewX(30deg);
                    transform: translateX(-20%) skewX(30deg);
                    opacity: 1;
                }

                80% {
                    -webkit-transform: translateX(0%) skewX(-15deg);
                    transform: translateX(0%) skewX(-15deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: translateX(0%) skewX(0deg);
                    transform: translateX(0%) skewX(0deg);
                    opacity: 1;
                }
            }

            @keyframes lightSpeedIn {
                0% {
                    -webkit-transform: translateX(100%) skewX(-30deg);
                    -ms-transform: translateX(100%) skewX(-30deg);
                    transform: translateX(100%) skewX(-30deg);
                    opacity: 0;
                }

                60% {
                    -webkit-transform: translateX(-20%) skewX(30deg);
                    -ms-transform: translateX(-20%) skewX(30deg);
                    transform: translateX(-20%) skewX(30deg);
                    opacity: 1;
                }

                80% {
                    -webkit-transform: translateX(0%) skewX(-15deg);
                    -ms-transform: translateX(0%) skewX(-15deg);
                    transform: translateX(0%) skewX(-15deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: translateX(0%) skewX(0deg);
                    -ms-transform: translateX(0%) skewX(0deg);
                    transform: translateX(0%) skewX(0deg);
                    opacity: 1;
                }
            }

            .lightSpeedIn {
                -webkit-animation-name: lightSpeedIn;
                animation-name: lightSpeedIn;
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            @-webkit-keyframes lightSpeedOut {
                0% {
                    -webkit-transform: translateX(0%) skewX(0deg);
                    transform: translateX(0%) skewX(0deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: translateX(100%) skewX(-30deg);
                    transform: translateX(100%) skewX(-30deg);
                    opacity: 0;
                }
            }

            @keyframes lightSpeedOut {
                0% {
                    -webkit-transform: translateX(0%) skewX(0deg);
                    -ms-transform: translateX(0%) skewX(0deg);
                    transform: translateX(0%) skewX(0deg);
                    opacity: 1;
                }

                100% {
                    -webkit-transform: translateX(100%) skewX(-30deg);
                    -ms-transform: translateX(100%) skewX(-30deg);
                    transform: translateX(100%) skewX(-30deg);
                    opacity: 0;
                }
            }

            .lightSpeedOut {
                -webkit-animation-name: lightSpeedOut;
                animation-name: lightSpeedOut;
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            @-webkit-keyframes rotateIn {
                0% {
                    -webkit-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(-200deg);
                    transform: rotate(-200deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            @keyframes rotateIn {
                0% {
                    -webkit-transform-origin: center center;
                    -ms-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(-200deg);
                    -ms-transform: rotate(-200deg);
                    transform: rotate(-200deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: center center;
                    -ms-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            .rotateIn {
                -webkit-animation-name: rotateIn;
                animation-name: rotateIn;
            }

            @-webkit-keyframes rotateInDownLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            @keyframes rotateInDownLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            .rotateInDownLeft {
                -webkit-animation-name: rotateInDownLeft;
                animation-name: rotateInDownLeft;
            }

            @-webkit-keyframes rotateInDownRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            @keyframes rotateInDownRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            .rotateInDownRight {
                -webkit-animation-name: rotateInDownRight;
                animation-name: rotateInDownRight;
            }

            @-webkit-keyframes rotateInUpLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            @keyframes rotateInUpLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            .rotateInUpLeft {
                -webkit-animation-name: rotateInUpLeft;
                animation-name: rotateInUpLeft;
            }

            @-webkit-keyframes rotateInUpRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            @keyframes rotateInUpRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }
            }

            .rotateInUpRight {
                -webkit-animation-name: rotateInUpRight;
                animation-name: rotateInUpRight;
            }

            @-webkit-keyframes rotateOut {
                0% {
                    -webkit-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(200deg);
                    transform: rotate(200deg);
                    opacity: 0;
                }
            }

            @keyframes rotateOut {
                0% {
                    -webkit-transform-origin: center center;
                    -ms-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: center center;
                    -ms-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transform: rotate(200deg);
                    -ms-transform: rotate(200deg);
                    transform: rotate(200deg);
                    opacity: 0;
                }
            }

            .rotateOut {
                -webkit-animation-name: rotateOut;
                animation-name: rotateOut;
            }

            @-webkit-keyframes rotateOutDownLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }
            }

            @keyframes rotateOutDownLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }
            }

            .rotateOutDownLeft {
                -webkit-animation-name: rotateOutDownLeft;
                animation-name: rotateOutDownLeft;
            }

            @-webkit-keyframes rotateOutDownRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }
            }

            @keyframes rotateOutDownRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }
            }

            .rotateOutDownRight {
                -webkit-animation-name: rotateOutDownRight;
                animation-name: rotateOutDownRight;
            }

            @-webkit-keyframes rotateOutUpLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }
            }

            @keyframes rotateOutUpLeft {
                0% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: left bottom;
                    -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
                    -webkit-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    opacity: 0;
                }
            }

            .rotateOutUpLeft {
                -webkit-animation-name: rotateOutUpLeft;
                animation-name: rotateOutUpLeft;
            }

            @-webkit-keyframes rotateOutUpRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }
            }

            @keyframes rotateOutUpRight {
                0% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1;
                }

                100% {
                    -webkit-transform-origin: right bottom;
                    -ms-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
                    opacity: 0;
                }
            }

            .rotateOutUpRight {
                -webkit-animation-name: rotateOutUpRight;
                animation-name: rotateOutUpRight;
            }

            @-webkit-keyframes slideInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }

                100% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            @keyframes slideInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    -ms-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }

                100% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }
            }

            .slideInDown {
                -webkit-animation-name: slideInDown;
                animation-name: slideInDown;
            }

            @-webkit-keyframes slideInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes slideInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    -ms-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .slideInLeft {
                -webkit-animation-name: slideInLeft;
                animation-name: slideInLeft;
            }

            @-webkit-keyframes slideInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    transform: translateX(2000px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            @keyframes slideInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    -ms-transform: translateX(2000px);
                    transform: translateX(2000px);
                }

                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }
            }

            .slideInRight {
                -webkit-animation-name: slideInRight;
                animation-name: slideInRight;
            }

            @-webkit-keyframes slideOutLeft {
                0% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }
            }

            @keyframes slideOutLeft {
                0% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(-2000px);
                    -ms-transform: translateX(-2000px);
                    transform: translateX(-2000px);
                }
            }

            .slideOutLeft {
                -webkit-animation-name: slideOutLeft;
                animation-name: slideOutLeft;
            }

            @-webkit-keyframes slideOutRight {
                0% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    transform: translateX(2000px);
                }
            }

            @keyframes slideOutRight {
                0% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(2000px);
                    -ms-transform: translateX(2000px);
                    transform: translateX(2000px);
                }
            }

            .slideOutRight {
                -webkit-animation-name: slideOutRight;
                animation-name: slideOutRight;
            }

            @-webkit-keyframes slideOutUp {
                0% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }
            }

            @keyframes slideOutUp {
                0% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateY(-2000px);
                    -ms-transform: translateY(-2000px);
                    transform: translateY(-2000px);
                }
            }

            .slideOutUp {
                -webkit-animation-name: slideOutUp;
                animation-name: slideOutUp;
            }

            @-webkit-keyframes hinge {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                20%,
                60% {
                    -webkit-transform: rotate(80deg);
                    transform: rotate(80deg);
                    -webkit-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                40% {
                    -webkit-transform: rotate(60deg);
                    transform: rotate(60deg);
                    -webkit-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                80% {
                    -webkit-transform: rotate(60deg) translateY(0);
                    transform: rotate(60deg) translateY(0);
                    opacity: 1;
                    -webkit-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                100% {
                    -webkit-transform: translateY(700px);
                    transform: translateY(700px);
                    opacity: 0;
                }
            }

            @keyframes hinge {
                0% {
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transform-origin: top left;
                    -ms-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                20%,
                60% {
                    -webkit-transform: rotate(80deg);
                    -ms-transform: rotate(80deg);
                    transform: rotate(80deg);
                    -webkit-transform-origin: top left;
                    -ms-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                40% {
                    -webkit-transform: rotate(60deg);
                    -ms-transform: rotate(60deg);
                    transform: rotate(60deg);
                    -webkit-transform-origin: top left;
                    -ms-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                80% {
                    -webkit-transform: rotate(60deg) translateY(0);
                    -ms-transform: rotate(60deg) translateY(0);
                    transform: rotate(60deg) translateY(0);
                    opacity: 1;
                    -webkit-transform-origin: top left;
                    -ms-transform-origin: top left;
                    transform-origin: top left;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                }

                100% {
                    -webkit-transform: translateY(700px);
                    -ms-transform: translateY(700px);
                    transform: translateY(700px);
                    opacity: 0;
                }
            }

            .hinge {
                -webkit-animation-name: hinge;
                animation-name: hinge;
            }

            /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

            @-webkit-keyframes rollIn {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-100%) rotate(-120deg);
                    transform: translateX(-100%) rotate(-120deg);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0px) rotate(0deg);
                    transform: translateX(0px) rotate(0deg);
                }
            }

            @keyframes rollIn {
                0% {
                    opacity: 0;
                    -webkit-transform: translateX(-100%) rotate(-120deg);
                    -ms-transform: translateX(-100%) rotate(-120deg);
                    transform: translateX(-100%) rotate(-120deg);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: translateX(0px) rotate(0deg);
                    -ms-transform: translateX(0px) rotate(0deg);
                    transform: translateX(0px) rotate(0deg);
                }
            }

            .rollIn {
                -webkit-animation-name: rollIn;
                animation-name: rollIn;
            }

            /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

            @-webkit-keyframes rollOut {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0px) rotate(0deg);
                    transform: translateX(0px) rotate(0deg);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(100%) rotate(120deg);
                    transform: translateX(100%) rotate(120deg);
                }
            }

            @keyframes rollOut {
                0% {
                    opacity: 1;
                    -webkit-transform: translateX(0px) rotate(0deg);
                    -ms-transform: translateX(0px) rotate(0deg);
                    transform: translateX(0px) rotate(0deg);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: translateX(100%) rotate(120deg);
                    -ms-transform: translateX(100%) rotate(120deg);
                    transform: translateX(100%) rotate(120deg);
                }
            }

            .rollOut {
                -webkit-animation-name: rollOut;
                animation-name: rollOut;
            }

            @-webkit-keyframes zoomIn {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                50% {
                    opacity: 1
                }
            }

            @keyframes zoomIn {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                50% {
                    opacity: 1
                }
            }

            .zoomIn {
                -webkit-animation-name: zoomIn;
                animation-name: zoomIn
            }

            @-webkit-keyframes zoomInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            @keyframes zoomInDown {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            .zoomInDown {
                -webkit-animation-name: zoomInDown;
                animation-name: zoomInDown
            }

            @-webkit-keyframes zoomInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            @keyframes zoomInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            .zoomInLeft {
                -webkit-animation-name: zoomInLeft;
                animation-name: zoomInLeft
            }

            @-webkit-keyframes zoomInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: scale(.1) translateX(2000px);
                    transform: scale(.1) translateX(2000px);
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale(.475) translateX(-48px);
                    transform: scale(.475) translateX(-48px);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out
                }
            }

            @keyframes zoomInRight {
                0% {
                    opacity: 0;
                    -webkit-transform: scale(.1) translateX(2000px);
                    -ms-transform: scale(.1) translateX(2000px);
                    transform: scale(.1) translateX(2000px);
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale(.475) translateX(-48px);
                    -ms-transform: scale(.475) translateX(-48px);
                    transform: scale(.475) translateX(-48px);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out
                }
            }

            .zoomInRight {
                -webkit-animation-name: zoomInRight;
                animation-name: zoomInRight
            }

            @-webkit-keyframes zoomInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            @keyframes zoomInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            .zoomInUp {
                -webkit-animation-name: zoomInUp;
                animation-name: zoomInUp
            }

            @-webkit-keyframes zoomOut {
                0% {
                    opacity: 1
                }

                50% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                100% {
                    opacity: 0
                }
            }

            @keyframes zoomOut {
                0% {
                    opacity: 1
                }

                50% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                100% {
                    opacity: 0
                }
            }

            .zoomOut {
                -webkit-animation-name: zoomOut;
                animation-name: zoomOut
            }

            @-webkit-keyframes zoomOutDown {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                    -webkit-transform-origin: center bottom;
                    transform-origin: center bottom;
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            @keyframes zoomOutDown {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                    -webkit-transform-origin: center bottom;
                    transform-origin: center bottom;
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            .zoomOutDown {
                -webkit-animation-name: zoomOutDown;
                animation-name: zoomOutDown
            }

            @-webkit-keyframes zoomOutLeft {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                    transform: scale(.1) translate3d(-2000px, 0, 0);
                    -webkit-transform-origin: left center;
                    transform-origin: left center
                }
            }

            @keyframes zoomOutLeft {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                    transform: scale(.1) translate3d(-2000px, 0, 0);
                    -webkit-transform-origin: left center;
                    transform-origin: left center
                }
            }

            .zoomOutLeft {
                -webkit-animation-name: zoomOutLeft;
                animation-name: zoomOutLeft
            }

            @-webkit-keyframes zoomOutRight {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                    transform: scale(.1) translate3d(2000px, 0, 0);
                    -webkit-transform-origin: right center;
                    transform-origin: right center
                }
            }

            @keyframes zoomOutRight {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                    transform: scale(.1) translate3d(2000px, 0, 0);
                    -webkit-transform-origin: right center;
                    transform-origin: right center
                }
            }

            .zoomOutRight {
                -webkit-animation-name: zoomOutRight;
                animation-name: zoomOutRight
            }

            @-webkit-keyframes zoomOutUp {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                    -webkit-transform-origin: center bottom;
                    transform-origin: center bottom;
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            @keyframes zoomOutUp {
                40% {
                    opacity: 1;
                    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
                    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                    -webkit-transform-origin: center bottom;
                    transform-origin: center bottom;
                    -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
                    animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
                }
            }

            .zoomOutUp {
                -webkit-animation-name: zoomOutUp;
                animation-name: zoomOutUp
            }

            @-webkit-keyframes scaleBigToSmall {
                0% {
                    opacity: 1;
                    -webkit-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    transform: scale(1.1);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }
            }

            @keyframes scaleBigToSmall {
                0% {
                    opacity: 1;
                    -webkit-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    transform: scale(1.1);
                }

                100% {
                    opacity: 1;
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }
            }

            .scaleBigToSmall {
                -webkit-animation-name: scaleBigToSmall;
                animation-name: scaleBigToSmall;
                transform-origin: 50% 50%;
            }

            /*!
 * baguetteBox.js
 * @author  feimosi
 * @version 0.7.0
 * @url https://github.com/feimosi/baguetteBox.js
 */

            #baguetteBox-overlay {
                display: none;
                opacity: 0;
                position: fixed;
                overflow: hidden;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1000000;
                background-color: #222;
                background-color: rgba(0, 0, 0, 0.8);
                -webkit-transition: opacity 0.5s ease;
                transition: opacity 0.5s ease;
            }

            #baguetteBox-overlay.visible {
                opacity: 1;
            }

            #baguetteBox-overlay .full-image {
                display: inline-block;
                position: relative;
                width: 100%;
                height: 100%;
                text-align: center;
            }

            #baguetteBox-overlay .full-image figure {
                display: inline;
                margin: 0;
                height: 100%;
            }

            #baguetteBox-overlay .full-image img {
                display: inline-block;
                width: auto;
                height: auto;
                max-height: 100%;
                max-width: 100%;
                vertical-align: middle;
                -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
                -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            }

            #baguetteBox-overlay .full-image figcaption {
                display: block;
                position: absolute;
                bottom: 0;
                width: 100%;
                text-align: center;
                line-height: 2;
                color: #ccc;
                font-size: 16px;
                background-color: #000;
                background-color: rgba(0, 0, 0, 0.6);
                font-family: sans-serif;
            }

            #baguetteBox-overlay .full-image:before {
                content: "";
                display: inline-block;
                height: 50%;
                width: 1px;
                margin-right: -1px;
            }

            #baguetteBox-slider {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                white-space: nowrap;
                -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
                transition: left 0.4s ease, -moz-transform 0.4s ease;
                transition: left 0.4s ease, transform 0.4s ease;
            }

            #baguetteBox-slider.bounce-from-right {
                -webkit-animation: bounceFromRight 0.4s ease-out;
                animation: bounceFromRight 0.4s ease-out;
            }

            #baguetteBox-slider.bounce-from-left {
                -webkit-animation: bounceFromLeft 0.4s ease-out;
                animation: bounceFromLeft 0.4s ease-out;
            }

            .baguetteBox-button#next-button,
            .baguetteBox-button#previous-button {
                top: 50%;
                top: calc(50% - 30px);
                width: 44px;
                height: 60px;
            }

            .baguetteBox-button {
                position: absolute;
                cursor: pointer;
                outline: none;
                padding: 0;
                margin: 0;
                border: 0;
                -moz-border-radius: 15%;
                border-radius: 15%;
                background-color: #323232;
                background-color: rgba(50, 50, 50, 0.5);
                color: #ddd;
                font: 1.6em sans-serif;
                -webkit-transition: background-color 0.4s ease;
                transition: background-color 0.4s ease;
            }

            .baguetteBox-button:hover {
                background-color: rgba(50, 50, 50, 0.9);
            }

            .baguetteBox-button#next-button {
                right: 2%;
            }

            .baguetteBox-button#previous-button {
                left: 2%;
            }

            .baguetteBox-button#close-button {
                top: 20px;
                right: 2%;
                right: calc(2% + 6px);
                width: 30px;
                height: 30px;
            }

            .baguetteBox-button svg {
                position: absolute;
                left: 0;
                top: 0;
            }

            /*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/

            .spinner {
                width: 40px;
                height: 40px;
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -20px;
                margin-left: -20px;
            }

            .double-bounce1,
            .double-bounce2 {
                width: 100%;
                height: 100%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #fff;
                opacity: 0.6;
                position: absolute;
                top: 0;
                left: 0;
                -webkit-animation: bounce 2s infinite ease-in-out;
                animation: bounce 2s infinite ease-in-out;
            }

            .double-bounce2 {
                -webkit-animation-delay: -1s;
                animation-delay: -1s;
            }

            @-webkit-keyframes bounceFromRight {

                0% {
                    margin-left: 0;
                }

                50% {
                    margin-left: -30px;
                }

                100% {
                    margin-left: 0;
                }

            }

            @keyframes bounceFromRight {

                0% {
                    margin-left: 0;
                }

                50% {
                    margin-left: -30px;
                }

                100% {
                    margin-left: 0;
                }

            }

            @-webkit-keyframes bounceFromLeft {

                0% {
                    margin-left: 0;
                }

                50% {
                    margin-left: 30px;
                }

                100% {
                    margin-left: 0;
                }

            }

            @keyframes bounceFromLeft {

                0% {
                    margin-left: 0;
                }

                50% {
                    margin-left: 30px;
                }

                100% {
                    margin-left: 0;
                }

            }

            @-webkit-keyframes bounce {

                0%,
                100% {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                }

                50% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

            }

            @keyframes bounce {

                0%,
                100% {
                    -webkit-transform: scale(0);
                    -moz-transform: scale(0);
                    transform: scale(0);
                }

                50% {
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    transform: scale(1);
                }

            }

            /**
 * Swiper 6.8.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 3, 2021
 */

            @font-face {
                font-family: swiper-icons;
                src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
                font-weight: 400;
                font-style: normal
            }

            :root {
                --swiper-theme-color: #007aff
            }

            .swiper-container {
                margin-left: auto;
                margin-right: auto;
                position: relative;
                overflow: hidden;
                list-style: none;
                padding: 0;
                z-index: 1
            }

            .swiper-container-vertical>.swiper-wrapper {
                flex-direction: column
            }

            .swiper-wrapper {
                position: relative;
                width: 100%;
                height: 100%;
                z-index: 1;
                display: flex;
                transition-property: transform;
                box-sizing: content-box
            }

            .swiper-container-android .swiper-slide,
            .swiper-wrapper {
                transform: translate3d(0px, 0, 0)
            }

            .swiper-container-multirow>.swiper-wrapper {
                flex-wrap: wrap
            }

            .swiper-container-multirow-column>.swiper-wrapper {
                flex-wrap: wrap;
                flex-direction: column
            }

            .swiper-container-free-mode>.swiper-wrapper {
                transition-timing-function: ease-out;
                margin: 0 auto
            }

            .swiper-container-pointer-events {
                touch-action: pan-y
            }

            .swiper-container-pointer-events.swiper-container-vertical {
                touch-action: pan-x
            }

            .swiper-slide {
                flex-shrink: 0;
                width: 100%;
                height: 100%;
                position: relative;
                transition-property: transform
            }

            .swiper-slide-invisible-blank {
                visibility: hidden
            }

            .swiper-container-autoheight,
            .swiper-container-autoheight .swiper-slide {
                height: auto
            }

            .swiper-container-autoheight .swiper-wrapper {
                align-items: flex-start;
                transition-property: transform, height
            }

            .swiper-container-3d {
                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 {
                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: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-container-3d .swiper-slide-shadow-right {
                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: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-container-3d .swiper-slide-shadow-bottom {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-container-css-mode>.swiper-wrapper {
                overflow: auto;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
                display: none
            }

            .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: start start
            }

            .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
                scroll-snap-type: x mandatory
            }

            .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
                scroll-snap-type: y mandatory
            }

            :root {
                --swiper-navigation-size: 44px
            }

            .swiper-button-next,
            .swiper-button-prev {
                position: absolute;
                top: 50%;
                width: calc(var(--swiper-navigation-size)/ 44 * 27);
                height: var(--swiper-navigation-size);
                margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
                z-index: 10;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--swiper-navigation-color, var(--swiper-theme-color))
            }

            .swiper-button-next.swiper-button-disabled,
            .swiper-button-prev.swiper-button-disabled {
                opacity: .35;
                cursor: auto;
                pointer-events: none
            }

            .swiper-button-next:after,
            .swiper-button-prev:after {
                font-family: swiper-icons;
                font-size: var(--swiper-navigation-size);
                text-transform: none !important;
                letter-spacing: 0;
                text-transform: none;
                font-variant: initial;
                line-height: 1
            }

            .swiper-button-prev,
            .swiper-container-rtl .swiper-button-next {
                left: 10px;
                right: auto
            }

            .swiper-button-prev:after,
            .swiper-container-rtl .swiper-button-next:after {
                content: 'prev'
            }

            .swiper-button-next,
            .swiper-container-rtl .swiper-button-prev {
                right: 10px;
                left: auto
            }

            .swiper-button-next:after,
            .swiper-container-rtl .swiper-button-prev:after {
                content: 'next'
            }

            .swiper-button-next.swiper-button-white,
            .swiper-button-prev.swiper-button-white {
                --swiper-navigation-color: #ffffff
            }

            .swiper-button-next.swiper-button-black,
            .swiper-button-prev.swiper-button-black {
                --swiper-navigation-color: #000000
            }

            .swiper-button-lock {
                display: none
            }

            .swiper-pagination {
                position: absolute;
                text-align: center;
                transition: .3s opacity;
                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: 10px;
                left: 0;
                width: 100%
            }

            .swiper-pagination-bullets-dynamic {
                overflow: hidden;
                font-size: 0
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transform: scale(.33);
                position: relative
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
                transform: scale(1)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
                transform: scale(1)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
                transform: scale(.66)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
                transform: scale(.33)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
                transform: scale(.66)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
                transform: scale(.33)
            }

            .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                display: inline-block;
                border-radius: 50%;
                background: #000;
                opacity: .2
            }

            button.swiper-pagination-bullet {
                border: none;
                margin: 0;
                padding: 0;
                box-shadow: none;
                -webkit-appearance: none;
                appearance: none
            }

            .swiper-pagination-clickable .swiper-pagination-bullet {
                cursor: pointer
            }

            .swiper-pagination-bullet:only-child {
                display: none !important
            }

            .swiper-pagination-bullet-active {
                opacity: 1;
                background: var(--swiper-pagination-color, var(--swiper-theme-color))
            }

            .swiper-container-vertical>.swiper-pagination-bullets {
                right: 10px;
                top: 50%;
                transform: translate3d(0px, -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%;
                transform: translateY(-50%);
                width: 8px
            }

            .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                display: inline-block;
                transition: .2s transform, .2s top
            }

            .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 4px
            }

            .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                left: 50%;
                transform: translateX(-50%);
                white-space: nowrap
            }

            .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: .2s transform, .2s left
            }

            .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: .2s transform, .2s right
            }

            .swiper-pagination-progressbar {
                background: rgba(0, 0, 0, .25);
                position: absolute
            }

            .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                background: var(--swiper-pagination-color, var(--swiper-theme-color));
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transform: scale(0);
                transform-origin: left top
            }

            .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                transform-origin: right top
            }

            .swiper-container-horizontal>.swiper-pagination-progressbar,
            .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
                width: 100%;
                height: 4px;
                left: 0;
                top: 0
            }

            .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
            .swiper-container-vertical>.swiper-pagination-progressbar {
                width: 4px;
                height: 100%;
                left: 0;
                top: 0
            }

            .swiper-pagination-white {
                --swiper-pagination-color: #ffffff
            }

            .swiper-pagination-black {
                --swiper-pagination-color: #000000
            }

            .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: flex;
                justify-content: 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%;
                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;
                transform-origin: 50%;
                animation: swiper-preloader-spin 1s infinite linear;
                box-sizing: border-box;
                border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
                border-radius: 50%;
                border-top-color: transparent
            }

            .swiper-lazy-preloader-white {
                --swiper-preloader-color: #fff
            }

            .swiper-lazy-preloader-black {
                --swiper-preloader-color: #000
            }

            @keyframes swiper-preloader-spin {
                100% {
                    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 {
                transition-timing-function: ease-out
            }

            .swiper-container-fade .swiper-slide {
                pointer-events: none;
                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;
                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 {
                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: 0px;
                width: 100%;
                height: 100%;
                opacity: .6;
                z-index: 0
            }

            .swiper-container-cube .swiper-cube-shadow:before {
                content: '';
                background: #000;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                filter: blur(50px)
            }

            .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
            }

            #baguetteBox-overlay {
                display: none;
            }

            ::-webkit-scrollbar {
                width: 10px;
            }

            ::-webkit-scrollbar-track {
                background-color: #F0F0F0;
            }

            ::-webkit-scrollbar-thumb {
                background-color: #CDCDCD;
                border-radius: 2px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background-color: #D9D9D9
            }

            ::-webkit-scrollbar-thumb:active {
                background-color: #554F5E
            }

            * {
                padding: 0;
                margin: 0;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

            html {
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }

            body {
                font-family: "BaiJamjuree-Regular", "Arial", "sans-serif";
                overflow-x: hidden;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }

            a {
                text-decoration: none;
                -ms-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            li {
                list-style: none;
            }

            img {
                vertical-align: middle;
                max-width: 100%;
                -ms-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            select,
            input,
            textarea,
            button {
                outline: none;
            }

            table {
                border-collapse: collapse;
            }






            /* 给表格添加滚动条 */
            .pro_page_table {
                overflow-x: auto;
                scroll-behavior: smooth;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: 10px;
            }


            /* 版心 */
            .temp_list01_wrap {
                width: 94%;
                max-width: 1200px;
                margin-left: auto;
                margin-right: auto;
            }

            .temp_list02_indBoxThree2 {
                background: #1a2b36;
                border-bottom: 8px solid #c72724;
            }


            
            .p_90 {
                padding: 80px 0 90px;
            }

            .temp_list02_indBoxThree2 .index_contact_w {
                padding: 36px 0 36px;
            }
            .index_contact_w {
                padding: 26px 0 26px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .index_contact_w .left_box {
                width: calc(100% - 190px);
                padding-right: 60px;
            }

            .index_contact_w .left_box .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 30px;
                color: #ffffff;
            }

            .index_contact_w .left_box .text {
                font-size: 16px;
                color: #ffffff;
                padding-top: 10px;
            }

            .index_contact_w .right_btn {
                width: 190px;
                height: 50px;
                border-radius: 25px;
                background: #c72724;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

            .index_contact_w .right_btn:hover {
                border-radius: 10px;
            }

            .index_contact_w .right_btn .iconfont2 {
                font-size: 26px;
                color: #ffffff;
            }

            .index_contact_w .right_btn:hover .iconfont2 {
                -ms-animation: tada 0.8s linear;
                -webkit-animation: tada 0.8s linear;
                animation: tada 0.8s linear;
            }

            .index_contact_w .right_btn span {
                font-size: 18px;
                color: #ffffff;
                padding-left: 8px;
            }


            .public_foot_inquiry {
                background: url(images/foot_bg.jpg) no-repeat center center / cover fixed;
            }

            .foot_inquiry_w {
                padding: 70px 4% 80px;
            }

            .foot_inquiry_w .public_index_title .tt {
                color: #ffffff;
            }

            .foot_inquiry_form {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .foot_inquiry_form .item {
                width: calc((100% - 75px) / 4);
                margin-bottom: 20px;
            }

            .foot_inquiry_form .item input {
                font-family: "BaiJamjuree-Regular", "Arial", "sans-serif";
                font-size: 14px;
                width: 100%;
                height: 40px;
                background: #ffffff;
                border-radius: 4px;
                padding: 0 10px 0 15px;
                border: none;
            }

            .foot_inquiry_form .item textarea {
                font-family: "BaiJamjuree-Regular", "Arial", "sans-serif";
                font-size: 14px;
                width: 100%;
                height: 80px;
                background: #ffffff;
                border-radius: 4px;
                padding: 10px 10px 10px 15px;
                border: none;
                resize: none;
            }

            .foot_inquiry_form .item ::-webkit-input-placeholder {
                font-family: "BaiJamjuree-Regular", "Arial", "sans-serif";
                font-size: 14px;
                color: #888888;
            }

            .foot_inquiry_form .btn_box {
                width: 100%;
            }

            .foot_inquiry_form .btn_box button {
                width: 200px;
                height: 50px;
                background: #c72724;
                border-radius: 25px;
                margin: 0 auto;
                border: none;
                cursor: pointer;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                -ms-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            .foot_inquiry_form .btn_box button:hover {
                opacity: 0.8;
            }

            .foot_inquiry_form .btn_box button .iconfont2 {
                font-size: 26px;
                color: #ffffff;
            }

            .foot_inquiry_form .btn_box button span {
                font-family: "BaiJamjuree-Regular", "Arial", "sans-serif";
                font-size: 18px;
                color: #ffffff;
                padding-left: 5px;
            }


            /* ~~~~~~~~~~~~~~~~About us,css */
            /* ~~~~~~~~~~~~~~~~About us,css */
            /* ~~~~~~~~~~~~~~~~About us,css */
            .temp_list01_SubPage_banner {
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }

            .temp_list01_SubPage_banner_w {
                height: 350px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

            .temp_list01_SubPage_banner_text {
                text-align: center;
                padding-top: 100px;
            }

            .temp_list01_SubPage_banner_text .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 48px;
                color: #ffffff;
                text-transform: uppercase;
            }

            .temp_list01_SubPage_banner_text .text {
                font-size: 16px;
                color: #ffffff;
                padding-top: 5px;
            }

            .temp_list01_SubPage_banner_crumbs {
                background: rgba(26, 43, 54, 0.5);
            }

            .temp_list01_banner_crumbs_w {
                padding: 14px 0 14px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .temp_list01_banner_crumbs_w .iconfont2 {
                width: 30px;
                font-size: 22px;
                color: #ababab;
            }

            .temp_list01_banner_crumbs_w .crumbs_a {
                width: calc(100% - 30px);
                font-size: 16px;
                color: #ababab;
                padding-top: 2px;
            }

            .temp_list01_banner_crumbs_w .crumbs_a a {
                color: #ababab;
            }

            .temp_list01_banner_crumbs_w .crumbs_a a:hover {
                text-decoration: underline;
            }

            .aboBoxOne {
                background: url(d/images/about_01.jpg) no-repeat center center / cover;
            }

            .aboBoxOne1 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .aboBoxOne1_L {
                width: 45%;
            }

            .aboBoxOne1_L .public_index_title {
                text-align: left;
                padding-bottom: 5px;
            }

            .aboBoxOne1_L_01 {
                font-family: "BaiJamjuree-Medium";
                font-size: 24px;
                color: #222222;
            }

            .aboBoxOne1_L_02 {
                font-size: 16px;
                color: #444444;
                line-height: 24px;
                padding-top: 15px;
            }

            .aboBoxOne1_R {
                position: relative;
                width: 50.9%;
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                border-radius: 10px;
                overflow: hidden;
                cursor: pointer;
            }

            .aboBoxOne1_R .img_01 {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .aboBoxOne1_R:hover .img_01 {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .public_video_btn_style {
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            .aboBoxOne1_R .public_video_btn_style {
                width: 78px;
            }

            .aboBoxTwo {
                position: relative;
                padding: 60px 6% 60px;
                background: url(d/images/about_04.jpg) no-repeat center bottom / cover;
            }

            .aboBoxTwo::after {
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                -ms-transform: translate(0, -50%);
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                width: 100%;
                height: 20px;
                background: #c72724;
            }

            .aboBoxTwo_Nav_bar {
                position: relative;
                z-index: 2;
                overflow: hidden;
                overflow-x: auto;
                padding: 96px 0 88px;
            }

            .aboBoxTwo_Nav_bar::-webkit-scrollbar {
                height: 8px;
            }

            .aboBoxTwo_Nav_bar::-webkit-scrollbar-track {
                background-color: #CDCDCD;
            }

            .aboBoxTwo_Nav_bar::-webkit-scrollbar-thumb {
                background-color: #c72724;
            }

            .aboBoxTwo_dl {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .aboBoxTwo_dl .item {
                width: 225px;
                height: 456px;
            }

            .aboTwo_dl_red_01 {
                margin-bottom: 28px;
            }

            .aboTwo_dl_red_01_text {
                position: relative;
                width: 320px;
                height: 190px;
                margin-left: 160px;
                border-left: 1px solid #c72724;
                padding: 25px 0 0 18px;
            }

            .aboTwo_dl_red_01_text .icon {
                position: absolute;
                top: 0;
                left: 0;
                -ms-transform: translate(-50%, -100%);
                -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
                width: 54px;
                height: 54px;
                border-radius: 50%;
                background: #c72724;
                padding: 8px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

            .aboTwo_dl_red_01_text .icon img {
                max-width: 100%;
                max-height: 100%;
            }

            .aboTwo_dl_red_01_text .round {
                position: absolute;
                bottom: 0;
                left: 0;
                -ms-transform: translate(-50%, 100%);
                -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
                width: 10px;
                height: 10px;
                background: #c72724;
                border-radius: 50%;
            }

            .aboTwo_dl_red_01_text .number_year {
                font-family: "Impact";
                font-size: 24px;
                color: #c72724;
            }

            .aboTwo_dl_red_01_text .text_box {
                font-size: 16px;
                color: #1a2b36;
                line-height: 24px;
                padding-top: 5px;
            }

            .aboTwo_dl_red_02 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
            }

            .aboTwo_dl_red_02 .Color_block {
                width: 100px;
                height: 20px;
                background: #c72724;
            }

            .aboTwo_dl_red_02 .year {
                width: 125px;
                height: 20px;
                line-height: 22px;
                font-family: "Impact";
                font-size: 24px;
                color: #c72724;
                text-align: center;
                padding-bottom: 2px;
                background: #e7e8e9;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .item {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: flex-end;
                -webkit-align-items: flex-end;
                align-items: flex-end;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .item .aboBoxTwo_dl_red {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-direction: column;
                -webkit-flex-direction: column;
                flex-direction: column;
                -ms-flex-direction: column-reverse;
                -webkit-flex-direction: column-reverse;
                flex-direction: column-reverse;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_01 {
                margin-bottom: 0;
                margin-top: 28px;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_01 .aboTwo_dl_red_01_text {
                border-left-color: #1a2b36;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_01 .aboTwo_dl_red_01_text .icon {
                background: #1a2b36;
                top: auto;
                bottom: 0;
                -ms-transform: translate(-50%, 100%);
                -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_01 .aboTwo_dl_red_01_text .round {
                background: #1a2b36;
                bottom: auto;
                top: 0;
                -ms-transform: translate(-50%, -100%);
                -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_01 .aboTwo_dl_red_01_text .number_year {
                color: #1a2b36;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_01 .aboTwo_dl_red_01_text .text_box {
                color: #1a2b36;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_02 .Color_block {
                background: #1a2b36;
            }

            .aboBoxTwo_dl>.item_box:nth-child(even) .aboTwo_dl_red_02 .year {
                color: #1a2b36;
            }

            .aboBoxThree1 {
                background: #1a2b36;
            }

            .aboBoxThree1_w {
                padding: 50px 0 50px;
            }

            .aboThree1_01 {
                font-family: "BaiJamjuree-Bold";
                font-size: 48px;
                color: #ffffff;
            }

            .aboBoxThree2_w {
                padding: 45px 0 100px;
            }

            .aboThree2_01 {
                padding-bottom: 40px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: flex-start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .aboThree2_01_L {
                width: 45%;
            }

            .aboThree2_01_L .text_box {
                font-size: 14px;
                color: #444444;
                line-height: 24px;
            }

            .aboThree2_01_L_bot {
                padding-top: 25px;
            }

            .aboThree2_01_L_bot .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 24px;
                color: #222222;
                padding-bottom: 12px;
            }

            .aboThree2_01_L_bot dl {
                max-width: 420px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .aboThree2_01_L_bot dl dd {
                width: calc((100% - 20px) / 2);
                margin-bottom: 18px;
                border: 1px solid #dddddd;
                padding: 14px 10px 14px 7%;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
            }

            .aboThree2_01_L_bot dl dd .iconfont2 {
                width: 45px;
                font-size: 32px;
                color: #c72724;
            }

            .aboThree2_01_L_bot dl dd span {
                width: calc(100% - 45px);
                font-family: "BaiJamjuree-Bold";
                font-size: 16px;
                color: #222222;
                text-transform: uppercase;
            }

            .aboThree2_01_L_bot .btn_box {
                padding-top: 15px;
            }

            .aboThree2_01_L_bot .btn_box a {
                width: 200px;
                height: 46px;
                border-radius: 23px;
                background: #c72724;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

            .aboThree2_01_L_bot .btn_box a .iconfont2 {
                font-size: 24px;
                color: #ffffff;
            }

            .aboThree2_01_L_bot .btn_box a:hover .iconfont2 {
                -ms-animation: tada 0.8s linear;
                -webkit-animation: tada 0.8s linear;
                animation: tada 0.8s linear;
            }

            .aboThree2_01_L_bot .btn_box a span {
                font-size: 16px;
                color: #ffffff;
                padding-left: 5px;
            }

            .aboThree2_01_R {
                width: 50%;
                margin-top: -120px;
            }

            .aboThree2_01_R img {
                width: 100%;
            }

            .aboThree2_02 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: flex-start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
            }

            .aboThree2_02 .item {
                width: calc((100% - 42px) / 4);
                margin-right: 14px;
                border-radius: 6px;
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .aboThree2_02 .item img {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .aboThree2_02 .item img:hover {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .aboThree2_02>.item:nth-child(4n) {
                margin-right: 0;
            }

            .aboBoxFour_w {
                padding: 0 0 75px;
            }

            .aboBoxFour1 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: flex-start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
            }

            .aboBoxFour1_01 {
                width: 74.4%;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: flex-start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
            }

            .aboBoxFour1_01 .item {
                width: calc((100% - 24px) / 3);
                margin-right: 12px;
                margin-bottom: 15px;
                border-radius: 8px;
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .aboBoxFour1_01 .item img {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .aboBoxFour1_01 .item img:hover {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .aboBoxFour1_01>.item:nth-child(3n) {
                margin-right: 0;
            }

            .aboBoxFour1_02 {
                width: 17.2%;
                margin-left: 3.35%;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .aboBoxFour1_02 .item {
                width: calc((100% - 9px) / 2);
                margin-bottom: 17px;
                border: 1px solid #f5f5f5;
            }

            .aboBoxFour1_02 .item img {
                width: 100%;
            }

            .aboBoxFour1_03 {
                width: 4.3%;
                margin-left: 0.7%;
            }

            .aboBoxFour1_03 img {
                width: 100%;
            }

            .aboBoxFive {
                background: url(d/images/about_31.jpg) no-repeat center center / cover;
            }

            .aboBoxFive_w .public_index_title .tt,
            .aboBoxFive_w .public_index_title .text {
                color: #ffffff;
            }

            .aboBoxFive1 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .aboBoxFive1 .item {
                width: calc((100% - 45px) / 4);
                margin-right: 15px;
                background: #ebeced;
                border-radius: 10px;
                padding: 35px 15px 35px;
                text-align: center;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .aboBoxFive1 .item:hover {
                -ms-transform: translateY(-4px);
                -webkit-transform: translateY(-4px);
                transform: translateY(-4px);
            }

            .aboBoxFive1 .item .iconfont2 {
                font-size: 56px;
                color: #c72724;
            }

            .aboBoxFive1 .item .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 24px;
                color: #222222;
                line-height: 24px;
                padding-top: 10px;
            }

            .aboBoxFive1 .item .text {
                font-size: 14px;
                color: #6a6a6a;
                line-height: 24px;
                padding-top: 10px;
            }

            .aboBoxFive1>.item:nth-child(4n) {
                margin-right: 0;
            }

            .aboBoxSix1_w {
                padding-top: 80px;
            }

            .aboBoxSix2 {
                padding: 0 8px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .aboBoxSix2 .item {
                width: calc((100% - 24px) / 4);
                margin-right: 8px;
            }

            .aboBoxSix2 .item a {
                display: block;
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .aboBoxSix2 .item a img {
                width: 100%;
                -ms-transition: all 0.8s;
                -webkit-transition: all 0.8s;
                transition: all 0.8s;
            }

            .aboBoxSix2 .item a:hover img {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .aboBoxSix2>.item:nth-child(4n) {
                margin-right: 0;
            }

            .aboBoxSix3 {
                padding-top: 40px;
            }

            .aboBoxSix3 a {
                display: block;
                font-size: 16px;
                color: #222222;
                text-align: center;
                width: 174px;
                height: 50px;
                line-height: 50px;
                border-radius: 25px;
                border: 1px solid #dcdcdc;
                margin: 0 auto;
            }

            .aboBoxSix3 a:hover {
                background: #c72724;
                color: #ffffff;
            }

            .aboBoxSeven1 {
                padding-bottom: 40px;
            }

            .aboBoxSeven1 .swiper-slide .item {
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .aboBoxSeven1 .swiper-slide .item:hover {
                box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
            }

            .aboBoxSeven1 .swiper-slide .item img {
                width: 100%;
            }

            .aboBoxSeven2 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

            .aboBoxSeven2_prev,
            .aboBoxSeven2_next {
                font-size: 26px;
                color: #535353;
                width: 62px;
                height: 62px;
                line-height: 62px;
                text-align: center;
                border-radius: 50%;
                border: 1px solid #d4d4d4;
                margin: 0 7px;
                outline: none;
                cursor: pointer;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .aboBoxSeven2_prev:hover,
            .aboBoxSeven2_next:hover {
                background: #c72724;
                color: #ffffff;
            }

            .aboBoxSeven2_btn_hide {
                opacity: 0.5;
            }

            /* ~~~~~~~~~~~~~~~~About us,css~~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~~About us,css~~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~~About us,css~~~~~~~~~~~~~~end */




            /* ~~~~~~~~~~~~~~~~Products_List,css */
            /* ~~~~~~~~~~~~~~~~Products_List,css */
            /* ~~~~~~~~~~~~~~~~Products_List,css */
            .temp_list02_pro_liBoxOne_w {
                padding: 70px 0 50px;
            }

            .temp_list02_pro_liOne1 {
                font-size: 16px;
                color: #444444;
                line-height: 24px;
                padding-bottom: 20px;
            }

            .temp_list02_pro_liOne2_tt {
                position: relative;
                font-family: "BaiJamjuree-Bold";
                font-size: 30px;
                color: #222222;
                padding-bottom: 15px;
                border-bottom: 4px solid #f5f5f5;
            }

            .temp_list02_pro_liOne2_tt::after {
                content: "";
                display: block;
                position: absolute;
                bottom: -4px;
                left: 0;
                width: 260px;
                height: 4px;
                background: #c72724;
            }

            .temp_list02_pro_liOne2_dl {
                padding-top: 30px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .temp_list02_pro_liOne2_dl .item {
                width: calc((100% - 30px) / 3);
                margin-right: 15px;
                margin-bottom: 30px;
            }

            .temp_list02_pro_liOne2_dl .item a {
                display: block;
            }

            .temp_list02_pro_liOne2_dl .item a .img_box {
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .temp_list02_pro_liOne2_dl .item a .img_box img {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .temp_list02_pro_liOne2_dl .item a:hover .img_box img {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .temp_list02_pro_liOne2_dl .item a .bottom_text {
                font-family: "BaiJamjuree-Bold";
                font-size: 24px;
                color: #222222;
                text-align: center;
                padding-top: 10px;
                -ms-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            .temp_list02_pro_liOne2_dl .item a:hover .bottom_text {
                color: #c72724;
            }

            .temp_list02_pro_liOne2_dl>.item:nth-child(3n) {
                margin-right: 0;
            }

            .temp_list02_pro_liThree1 {
                padding-bottom: 60px;
            }

            .temp_list02_public_product_page_tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 30px;
                color: #222222;
                padding-bottom: 12px;
            }

            .temp_list02_pro_liThree1 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .temp_list02_pro_liThree1 .a_text {
                padding-top: 10px;
            }

            .temp_list02_pro_liThree1 .a_text a {
                font-family: "BaiJamjuree-Medium";
                color: #222222;
                text-decoration: underline;
            }

            .temp_list02_pro_liThree2 {
                margin-bottom: 60px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .temp_list02_pro_liThree2_L {
                width: 48%;
            }

            .temp_list02_pro_liThree2_L dl {
                padding-bottom: 5px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .temp_list02_pro_liThree2_L dl dd {
                width: calc((100% - 20px) / 2);
                font-size: 16px;
                color: #444444;
                margin-bottom: 10px;
            }

            .temp_list02_pro_liThree2_L .text_box {
                color: #444444;
                line-height: 24px;
            }

            .temp_list02_pro_liThree2_R {
                width: 50%;
            }

            .temp_list02_pro_liThree2_R img {
                width: 100%;
            }

            .temp_list02_pro_liThree3 {
                margin-bottom: 50px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .temp_list02_pro_liThree3_L {
                width: 50%;
            }

            .temp_list02_pro_liThree3_L img {
                width: 100%;
            }

            .temp_list02_pro_liThree3_R {
                width: 47%;
            }

            .temp_list02_pro_liThree3_R .item {
                margin-bottom: 25px;
            }

            .temp_list02_pro_liThree3_R .item .text_box {
                color: #444444;
                line-height: 24px;
            }

            .temp_list02_pro_liThree3_R>.item:last-child {
                margin-bottom: 0;
            }

            .temp_list02_pro_liThree4 {
                margin-bottom: 40px;
            }

            .temp_list02_pro_liThree4 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .temp_list02_pro_liThree5 {
                margin-bottom: 35px;
            }

            .temp_list02_pro_liThree5 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .temp_list02_pro_liThree5 .bottom_text {
                color: #444444;
            }

            .temp_list02_pro_liThree5 .bottom_text dl dd {
                padding: 0 0 10px 20px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .temp_list02_pro_liThree5 .bottom_text dl dd::before {
                content: "";
                display: block;
                width: 6px;
                height: 6px;
                background: #222222;
                border-radius: 50%;
                margin: 8px 10px 0 0;
            }

            .temp_list02_pro_liThree5 .bottom_text dl dd span {
                width: calc(100% - 6px);
            }

            .temp_list02_pro_liThree6 {
                margin-bottom: 40px;
            }

            .temp_list02_pro_liThree6 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .temp_list02_pro_liThree6_dl {
                padding-top: 20px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .temp_list02_pro_liThree6_dl .item {
                width: calc((100% - 39px) / 4);
                margin-right: 13px;
            }

            .temp_list02_pro_liThree6_dl .item .img_box {
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .temp_list02_pro_liThree6_dl .item .img_box img {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .temp_list02_pro_liThree6_dl .item:hover .img_box img {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .temp_list02_pro_liThree6_dl .item .bottom_text {
                font-size: 16px;
                color: #222222;
                text-align: center;
                padding-top: 15px;
            }

            .temp_list02_pro_liThree6_dl>.item:nth-child(4n) {
                margin-right: 0;
            }

            .temp_list02_pro_liThree7 {
                margin-bottom: 40px;
            }

            .temp_list02_pro_liThree7 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .pro_liThree_w {
                padding: 70px 0 40px;
            }

            /* ~~~~~~~~~~~~~~~~Products_List,css~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~~Products_List,css~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~~Products_List,css~~~~~~~~~~~~~end */


            /* ~~~~~~~~~~~~~~~Products_Page,css */
            /* ~~~~~~~~~~~~~~~Products_Page,css */
            /* ~~~~~~~~~~~~~~~Products_Page,css */
            .pro_deOne1 {
                padding-bottom: 40px;
            }

            .pro_deOne1 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .pro_deOne2 {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .pro_deOne2_L {
                position: relative;
            }

            .pro_deOne2_L,
            .pro_deOne2_L_nav {
                width: 240px;
            }

            .pro_deOne2_L_nav {
                padding-top: 40px;
            }

            .pro_deOne2_L_nav .item {
                font-size: 16px;
                color: #666666;
                text-align: center;
                background: #f5f5f5;
                border-left: 4px solid transparent;
                padding: 20px 10px 20px;
                margin-bottom: 2px;
                cursor: pointer;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .pro_deOne2_L_nav>.item:last-child {
                margin-bottom: 0;
            }

            .pro_deOne2_L_nav .item:hover {
                color: #ffffff;
                background: #1a2b36;
                border-left-color: #c72724;
            }

            .pro_deOne2_L_nav .item.hover {
                color: #ffffff;
                background: #1a2b36;
                border-left-color: #c72724;
            }

            .pro_deOne2_R {
                position: relative;
                width: calc(100% - 240px);
                padding: 30px 40px 55px;
                background: #ffffff;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
            }

            .pro_deOne2_R_item .big_title {
                font-family: "BaiJamjuree-Bold";
                font-size: 30px;
                color: #222222;
                padding-bottom: 25px;
            }

            .pro_det_right_lunbo .swiper-slide .item img {
                width: 100%;
            }

            .pro_det_right_lunbo_dots {
                position: absolute;
                z-index: 2;
                text-align: center;
            }

            .pro_det_right_lunbo_dots .swiper-pagination-bullet {
                opacity: 1;
                background: #ffffff;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .pro_det_right_lunbo_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #ce4441;
            }

            .pro_deOne2_R_item1 .text_box {
                color: #444444;
                line-height: 24px;
                padding-top: 20px;
            }

            .pro_deOne2_R_item1 .product_description {
                padding-top: 15px;
            }

            .pro_deOne2_R_item1 .product_description .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 24px;
                color: #222222;
                padding-bottom: 10px;
            }

            .pro_deOne2_R_item1 .product_description dl {
                padding-bottom: 15px;
            }

            .pro_deOne2_R_item1 .product_description dl dd {
                padding-bottom: 10px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .pro_deOne2_R_item1 .product_description dl dd::before {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                background: #c72724;
                border-radius: 50%;
                margin: 6px 0 0 0;
            }

            .pro_deOne2_R_item1 .product_description dl dd span {
                width: calc(100% - 10px);
                font-size: 16px;
                color: #444444;
                padding-left: 10px;
            }

            .pro_deOne2_R_item1 .btn_box {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .pro_deOne2_R_item1 .btn_box a {
                width: 180px;
                height: 50px;
                border-radius: 25px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

            .pro_deOne2_R_item1 .btn_box a:hover {
                opacity: 0.8;
            }

            .pro_deOne2_R_item1 .btn_box a .iconfont2 {
                font-size: 22px;
                color: #ffffff;
            }

            .pro_deOne2_R_item1 .btn_box a span {
                font-size: 16px;
                color: #ffffff;
                padding-left: 6px;
            }

            .pro_deOne2_R_item1 .btn_box>a:nth-child(1) {
                background: #c72724;
            }

            .pro_deOne2_R_item1 .btn_box>a:nth-child(2) {
                background: #1a2b36;
                margin-left: 20px;
            }

            .pro_deOne2_R_item1 .Print_share {
                padding-top: 20px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
            }

            .pro_deOne2_R_item1 .Print_share .Print_box {
                margin-right: 30px;
            }

            .pro_deOne2_R_item1 .Print_share .Print_box a {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
            }

            .pro_deOne2_R_item1 .Print_share .Print_box a .iconfont2 {
                font-size: 22px;
                color: #ababab;
            }

            .pro_deOne2_R_item1 .Print_share .Print_box a span {
                font-size: 14px;
                color: #ababab;
                text-decoration: underline;
                padding-left: 5px;
            }

            .pro_deOne2_R_item1 .Print_share .share_box a {
                margin: 0 9px;
            }

            .pro_deOne2_R_item1 .Print_share .share_box a span {
                border-radius: 50%;
            }

            .pro_deOne2_R_item2 {
                padding-top: 30px;
            }

            .pro_deOne2_R_item2 .tt_box {
                font-family: "BaiJamjuree-Bold";
                font-size: 24px;
                color: #222222;
                padding-bottom: 20px;
            }

            .pro_deOne2_R_item2_dl {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .pro_deOne2_R_item2_dl .item {
                width: calc((100% - 45px) / 4);
                margin-right: 15px;
                margin-bottom: 15px;
            }

            .pro_deOne2_R_item2_dl .item .img_box {
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .pro_deOne2_R_item2_dl .item .img_box img {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .pro_deOne2_R_item2_dl .item:hover .img_box img {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .pro_deOne2_R_item2_dl .item .bottom_text {
                font-size: 16px;
                color: #444444;
                text-align: center;
                padding-top: 6px;
            }

            .pro_deOne2_R_item2_dl>.item:nth-child(4n) {
                margin-right: 0;
            }

            .pro_deOne2_R_item3 {
                padding-top: 15px;
            }

            .pro_deOne2_R_item3 .tt_box {
                font-family: "BaiJamjuree-Bold";
                font-size: 24px;
                color: #222222;
                padding-bottom: 20px;
            }

            .pro_deOne3 {
                padding-top: 50px;
            }

            .pro_deOne3 .text_box {
                color: #444444;
                line-height: 24px;
            }

            .pro_deOne3_01_bot {
                padding-top: 20px;
            }

            .pro_deOne3_01_bot .tt {
                color: #444444;
            }

            .pro_deOne3_01_bot_img {
                padding-top: 18px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .pro_deOne3_01_bot_img .item {
                width: calc((100% - 30px) / 2);
            }

            .pro_deOne3_01_bot_img .item .img_box img {
                width: 100%;
            }

            .pro_deOne3_01_bot_img .item .text {
                color: #444444;
                padding-top: 10px;
            }

            .p_t_40 {
                padding-top: 40px;
            }

            .pro_deOne3_02_dl {
                padding-top: 30px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .pro_deOne3_02_dl .item {
                width: calc((100% - 39px) / 4);
                margin-right: 13px;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .pro_deOne3_02_dl .item:hover {
                -ms-transform: translateY(-4px);
                -webkit-transform: translateY(-4px);
                transform: translateY(-4px);
            }

            .pro_deOne3_02_dl .item .img_box {
                height: 50px;
                text-align: center;
            }

            .pro_deOne3_02_dl .item .img_box img {
                max-width: 100%;
                max-height: 100%;
            }

            .pro_deOne3_02_dl .item .text {
                color: #444444;
                text-align: center;
                padding-top: 10px;
            }

            .pro_deOne3_02_dl .item .line {
                height: 4px;
                background: #c72724;
                border-radius: 2px;
                margin-top: 15px;
            }

            .pro_deOne3_02_dl>.item:nth-child(4n) {
                margin-right: 0;
            }

            .pro_deOne3_03_dl {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .pro_deOne3_03_dl .item {
                width: calc((100% - 42px) / 4);
                margin-right: 14px;
            }

            .pro_deOne3_03_dl .item .img_box {
                -ms-perspective: 900px;
                -moz-perspective: 900px;
                -webkit-perspective: 900px;
                perspective: 900px;
                overflow: hidden;
            }

            .pro_deOne3_03_dl .item .img_box img {
                width: 100%;
                -ms-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

            .pro_deOne3_03_dl .item:hover .img_box img {
                -ms-transform: translateZ(30px);
                -moz-transform: translateZ(30px);
                -webkit-transform: translateZ(30px);
                transform: translateZ(30px);
            }

            .pro_deOne3_03_dl .item .text {
                color: #444444;
                text-align: center;
                padding-top: 12px;
            }

            .pro_deOne3_03_dl>.item:nth-child(4n) {
                margin-right: 0;
            }

            .pro_deOne3_04_dl {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .pro_deOne3_04_dl .item {
                width: calc((100% - 40px) / 3);
                margin-right: 20px;
                margin-bottom: 10px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .pro_deOne3_04_dl .item .icon {
                width: 22px;
            }

            .pro_deOne3_04_dl .item .icon img {
                max-width: 100%;
                max-height: 100%;
            }

            .pro_deOne3_04_dl .item span {
                width: calc(100% - 22px);
                font-size: 16px;
                color: #444444;
                padding-top: 1px;
            }

            .pro_deOne3_04_dl>.item:nth-child(3n) {
                margin-right: 0;
            }

            .pro_deOne3_05_dl .item {
                margin-bottom: 10px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .pro_deOne3_05_dl .item .icon {
                width: 22px;
            }

            .pro_deOne3_05_dl .item .icon img {
                max-width: 100%;
                max-height: 100%;
            }

            .pro_deOne3_05_dl .item span {
                width: calc(100% - 22px);
                font-size: 16px;
                color: #444444;
                padding-top: 1px;
            }

            .pro_deOne3_05_contact {
                padding-top: 5px;
            }

            .pro_deOne3_05_contact a {
                color: #444444;
            }


            .pro_deOne2_L_nav.static {
                position: static;
                top: auto;
            }

            .pro_deOne2_L_nav.fixed {
                position: fixed;
                /* top为导航的高度 */
                top: 100px;
            }

            .pro_deOne2_L_nav.absolute {
                position: absolute;
                bottom: 0;
            }

            /* ~~~~~~~~~~~~~~~Products_Page,css~~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~Products_Page,css~~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~Products_Page,css~~~~~~~~~~~~~~end */



            /* ~~~~~~~~~~~~~~~~~Quality Control,css */
            /* ~~~~~~~~~~~~~~~~~Quality Control,css */
            /* ~~~~~~~~~~~~~~~~~Quality Control,css */
            .quaBoxOne1 {
                position: relative;
                background: #f5f5f5;
            }

            .quaBoxOne1::before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #ffffff;
                border-radius: 0 0 0 100px;
            }

            .quaBoxOne1_w {
                position: relative;
                z-index: 2;
                text-align: center;
                padding: 80px 0 50px;
            }

            .quaBoxOne1_w .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 30px;
                color: #272727;
            }

            .quaBoxOne1_w .text {
                max-width: 1060px;
                margin: 0 auto;
                font-size: 16px;
                color: #444444;
                line-height: 24px;
                padding-top: 10px;
            }

            .quaBoxOne2_box {
                position: relative;
            }

            .quaOne2_item {
                position: relative;
            }

            .quaOne2_item_w {
                position: relative;
                z-index: 2;
                padding: 70px 0 70px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: flex-start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -ms-justify-content: space-between;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            .quaOne2_item_01,
            .quaOne2_item_01_dl {
                width: 240px;
            }

            .quaOne2_item_01_dl {
                position: absolute;
                z-index: 4;
                top: 70px;
                border-left: 5px solid #1a2b36;
            }

            .quaOne2_item_01_dl dd {
                font-size: 16px;
                color: #1a2b36;
                background: #e5e5e5;
                border-radius: 0 10px 10px 0;
                padding: 26px 10px 26px 30px;
                border-bottom: 1px solid #ffffff;
                cursor: pointer;
                -ms-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            .quaOne2_item_01_dl dd.hover {
                color: #ffffff;
                background: #1a2b36;
            }

            .quaOne2_item_01_dl dd:hover {
                color: #ffffff;
                background: #1a2b36;
            }

            .quaOne2_item_01_dl dd span {
                padding-left: 15px;
            }

            .quaOne2_item_01_dl>dd:last-child {
                border-bottom: none;
            }

            .quaOne2_item_02 {
                width: 75%;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-align-items: center;
                -webkit-align-items: center;
                align-items: center;
            }

            .quaOne2_item_02_L {
                width: 50%;
            }

            .quaOne2_item_02_L_lunbo {
                border-radius: 10px;
            }

            .quaOne2_item_02_L_lunbo .swiper-slide .item img {
                width: 100%;
            }

            .quaOne2_item_02_L_dots {
                position: absolute;
                z-index: 2;
                text-align: center;
            }

            .quaOne2_item_02_L_dots .swiper-pagination-bullet {
                background: #ffffff;
                opacity: 1;
                -ms-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            .quaOne2_item_02_L_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #c72724;
            }

            .quaOne2_item_02_R {
                width: 50%;
                padding: 0 60px;
            }

            .quaOne2_item_02_R .tt {
                font-family: "BaiJamjuree-Bold";
                font-size: 30px;
                color: #272727;
            }

            .quaOne2_item_02_R .text {
                font-size: 16px;
                color: #272727;
                line-height: 24px;
                padding-top: 12px;
            }

            .quaOne2_item_02_R .round {
                font-size: 16px;
                color: #ffffff;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border-radius: 50%;
                background: #c72724;
                margin-top: 12px;
            }

            .quaBoxOne2>.quaOne2_item:nth-child(odd)::before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 92.5%;
                height: 100%;
                background: #f5f5f5;
                border-radius: 0 100px 100px 0;
            }

            .quaBoxOne2>.quaOne2_item:nth-child(even) {
                background: #f5f5f5;
            }

            .quaBoxOne2>.quaOne2_item:nth-child(even)::before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #ffffff;
                border-radius: 100px 0 0 100px;
            }

            .quaBoxOne2>.quaOne2_item:nth-child(even) .quaOne2_item_w .quaOne2_item_02 {
                -ms-flex-direction: row-reverse;
                -webkit-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

            /* 左侧 或右侧 悬浮固定-------css */

            .quaOne2_item_01_dl.static {
                position: absolute;
                bottom: auto;
            }

            .quaOne2_item_01_dl.fixed {
                position: fixed;
                /* top为导航的高度 */
                top: 100px;
            }

            .quaOne2_item_01_dl.absolute {
                position: absolute;
                top: auto;
                bottom: 0;
            }

            /* 左侧 或右侧 悬浮固定-------css  end  */

            .quaBoxOne3 {
                background: #f5f5f5;
            }

            .quaBoxOne3 div {
                height: 90px;
                background: #ffffff;
                border-radius: 100px 0 0 0;
            }

            /* ~~~~~~~~~~~~~~~~~Quality Control,css~~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~~~Quality Control,css~~~~~~~~~~~~~~end */
            /* ~~~~~~~~~~~~~~~~~Quality Control,css~~~~~~~~~~~~~~end */


            /* 所有页面的媒体查询 */

            /* 
            1201-----------1410    大屏电脑
            */
            @media screen and (min-width: 1201px) and (max-width: 1410px) {



                .indBoxOne_w {
                    padding: 100px 0 110px;
                }

                .public_index_title .tt {
                    font-size: 50px;
                }

                .public_index_title .little_tt {
                    padding-top: 5px;
                }

                .ind_about02 .item a {
                    padding: 30px 15px 30px 12%;
                }



                .fz_48 {
                    font-size: 40px;
                }











                /* Quality Control,1201 */
                .quaOne2_item_02_R {
                    padding: 0 60px 0 30px;
                }

                .quaBoxOne2>.quaOne2_item:nth-child(odd)::before {
                    width: 94.5%;
                }




                /* Resource_manual,1201 */
                .res_maOne1_R {
                    width: calc(100% - 300px);
                }

















            }


            /* 
1025-----------1200    中等屏幕
*/
            @media screen and (min-width: 1025px) and (max-width: 1200px) {


                /* index,1025 */
                .publicTwo_stage_nav .EveryOne a {
                    padding: 12px 10px 12px 20px;
                }

                .publicTwo_stage_nav {
                    width: 210px;
                }

                .index_banner_dots {
                    top: 47%;
                }

                .pc_head_bot_R {
                    width: calc(100% - 120px);
                }

                .pc_head_list_box {
                    width: calc(100% - 80px);
                }

                .index_banner_lunbo .swiper-slide a .text_box {
                    top: 54%;
                    padding-right: 30px;
                }

                .index_banner_lunbo .swiper-slide a .text_box .tt {
                    font-size: 28px;
                    line-height: 36px;
                }

                .index_banner_dots .swiper-pagination-bullet .number {
                    font-size: 24px;
                }

                .index_banner_dots .swiper-pagination-bullet .round {
                    margin: 1px 10px 0 0;
                }

                .index_contact_w {
                    padding: 20px 0 20px;
                }

                .index_contact_w .left_box .text {
                    padding-top: 6px;
                }

                .index_contact_w .right_btn {
                    width: 170px;
                    height: 44px;
                }

                .index_contact_w .right_btn .iconfont2 {
                    font-size: 24px;
                }

                .index_contact_w .right_btn span {
                    font-size: 16px;
                }

                .index_contact_w .left_box .tt {
                    font-size: 22px;
                }

                .indBoxOne_w {
                    padding: 80px 0 90px;
                }

                .public_index_title .tt {
                    font-size: 40px;
                }

                .public_index_title .little_tt {
                    padding-top: 5px;
                }

                .indBoxOne3 .item a .iconfont2 {
                    font-size: 46px;
                    width: 90px;
                    height: 90px;
                    line-height: 90px;
                }

                .indBoxOne3 .item a .text {
                    line-height: 22px;
                }

                .p_90 {
                    padding: 70px 0 80px;
                }

                .indBoxTwo2_dl .item {
                    width: 230px;
                }

                .indBoxTwo3_lunbo .swiper-slide a .bottom_box {
                    padding: 15px 0 0;
                }

                .indBoxTwo3_lunbo .swiper-slide a .bottom_box .btn {
                    padding-top: 5px;
                }

                .indBoxTwo3_prev,
                .indBoxTwo3_next {
                    width: 46px;
                    height: 46px;
                    line-height: 46px;
                }

                .ind_about01_R_text {
                    font-size: 14px;
                }

                .ind_about01_R_media {
                    padding-top: 15px;
                }

                .ind_about02 .item a {
                    padding: 25px 10px 25px 8%;
                }

                .fz_48 {
                    font-size: 40px;
                }

                .indBoxFive1 {
                    padding-top: 70px;
                }

                .indThree1_01 .text {
                    padding-top: 10px;
                }

                .temp_list02_indBoxThree2 .index_contact_w {
                    padding: 20px 0 20px;
                }

                .indBoxFour1_R .item a .text_box {
                    padding-right: 20px;
                }

                .indBoxFour1_R {
                    width: 52%;
                }

                .indBoxFour1_L a .download_btn {
                    right: -40px;
                }

                .indBoxFive2_dl .item a {
                    height: 410px;
                }

                .indBoxFive2_dl .item a .text_box {
                    padding: 30px 15px 30px 20px;
                }

                .indBoxFive2_dl .item a .text_box .tt {
                    font-size: 22px;
                }

                .indBoxFive2_dl .item a .text_box .text {
                    line-height: 22px;
                    padding-top: 10px;
                }

                .indBoxFive2 .float_btn {
                    width: 70px;
                    height: 70px;
                    line-height: 70px;
                }

                .indBoxSix2_dl .item a .bottom_box .tt {
                    font-size: 22px;
                }

                .indBoxSix2_dl .item a .bottom_box {
                    padding: 15px 10px 0;
                }

                .indBoxSix2_dl .item a .bottom_box .date {
                    font-size: 16px;
                    padding-top: 10px;
                }

                .indBoxSix2_btn a {
                    width: 150px;
                    height: 44px;
                    line-height: 44px;
                }

                .indBoxSeven {
                    padding-bottom: 80px;
                }

                .foot_inquiry_w {
                    padding: 70px 0 80px;
                }

                .foot_inquiry_form .btn_box button {
                    width: 160px;
                    height: 46px;
                }








                /* About,1025 */
                .temp_list01_SubPage_banner_w {
                    height: 330px;
                }

                .temp_list01_SubPage_banner_text .tt {
                    font-size: 40px;
                }

                .temp_list01_SubPage_banner_text .text {
                    font-size: 14px;
                }

                .temp_list01_banner_crumbs_w .crumbs_a {
                    font-size: 14px;
                    padding-top: 4px;
                }

                .temp_list01_banner_crumbs_w {
                    padding: 10px 0 10px;
                }

                .aboBoxThree1_w {
                    padding: 30px 0 30px;
                }

                .aboThree1_01 {
                    font-size: 40px;
                }

                .aboThree2_01_R {
                    margin-top: -100px;
                }

                .aboThree2_01_L_bot dl dd {
                    padding: 12px 10px 12px 5%;
                    margin-bottom: 15px;
                }

                .aboThree2_01_L_bot {
                    padding-top: 15px;
                }

                .aboThree2_01_L_bot .btn_box {
                    padding-top: 10px;
                }

                .aboBoxThree2_w {
                    padding: 45px 0 80px;
                }

                .aboBoxFour1_02 .item {
                    margin-bottom: 15px;
                }

                .aboBoxFive1 .item .tt {
                    font-size: 22px;
                }

                .aboBoxFive1 .item .text {
                    line-height: 22px;
                }






                /* Blog,1025 */
                .blogOne1_R_01 {
                    padding-top: 30px;
                }






                /* Blog Page,1025 */
                .blo_deOne1_01_content {
                    padding: 35px 25px 40px;
                }






                /* Cases,1025 */
                .caseBoxOne_w {
                    padding: 70px 0 40px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box .text {
                    font-size: 14px;
                    line-height: 22px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box .tt {
                    font-size: 26px;
                }






                /* Contact,1025 */
                .conBoxOne2_R {
                    padding: 0 20px 0 20px;
                }

                .conBoxOne2_R_dl .item a span {
                    line-height: 22px;
                }







                /* FAQ,1025 */
                .faqBoxOne2 {
                    right: 8%;
                }

                .faqBoxTwo1_tt .tt {
                    font-size: 26px;
                }

                .faqBoxTwo1_form {
                    width: 92%;
                }

                .faqBoxTwo1_form .btn_box button {
                    width: 160px;
                    height: 44px;
                }






                /* Products_List,1025 */
                .temp_list02_pro_liOne2_dl .item a .bottom_text {
                    font-size: 20px;
                }

                .temp_list02_public_product_page_tt {
                    font-size: 28px;
                }







                /* Products_Page,1025 */
                .pro_deOne2_R_item2_dl .item .bottom_text {
                    font-size: 14px;
                }






                /* Quality,1025 */
                .quaOne2_item_01,
                .quaOne2_item_01_dl {
                    width: 210px;
                }

                .quaOne2_item_01_dl dd {
                    padding: 26px 10px 26px 20px;
                }

                .quaOne2_item_02 {
                    width: 74%;
                }

                .quaBoxOne2>.quaOne2_item:nth-child(odd)::before {
                    width: 100%;
                }

                .quaOne2_item_02_R {
                    padding: 0 30px;
                }

                .quaOne2_item_02_R .text {
                    font-size: 14px;
                    line-height: 22px;
                }






                /* Resource_Guide_list,1025 */
                .res_liOne1 .item {
                    width: calc((100% - 50px) / 2);
                    margin-bottom: 50px;
                }

                .res_liOne1 .item a .bottom_box {
                    padding: 25px 20px 25px 20px;
                }

                .res_liOne1 .item a .bottom_box .tt {
                    font-size: 22px;
                }

                .res_liOne1 .item a .bottom_box .text_box .text {
                    font-size: 14px;
                    line-height: 22px;
                }

                .res_liOne2 {
                    padding-top: 40px;
                }






                /* Resource_manual,1025 */
                .res_maOne1_R {
                    width: calc(100% - 280px);
                }

                .res_maOne1_R1 .item a .right_box {
                    padding: 0 8% 0 8%;
                }

                .res_maOne1_R1 .item a .right_box .tt {
                    font-size: 26px;
                    line-height: 34px;
                }







                /* Team,1025 */
                .teamBoxTwo1 .item {
                    width: calc((100% - 60px) / 3);
                    margin-right: 30px;
                }

                .teamBoxTwo1 .item .text_box {
                    line-height: 22px;
                }















            }


            /* 
768------------1024    ipad
*/
            @media screen and (min-width: 768px) and (max-width: 1024px) {



                /* index,ipad */
                .pc_public_head {
                    display: none;
                }

                .mobile_header {
                    display: block;
                }

                .mobile_logo img {
                    height: 42px;
                }

                .mobile_search_icon {
                    font-size: 30px;
                    line-height: 54px;
                }

                .mobile_search_btn_text {
                    font-size: 28px;
                }

                .index_banner_lunbo .swiper-slide a .text_box .tt {
                    font-size: 20px;
                    line-height: 28px;
                }

                .index_banner_lunbo .swiper-slide a .text_box .text {
                    font-size: 14px;
                    line-height: 22px;
                    padding-top: 5px;
                }

                .index_banner_lunbo .swiper-slide a .text_box {
                    padding-right: 30px;
                }

                .index_banner_dots .swiper-pagination-bullet .number {
                    font-size: 22px;
                }

                .index_banner_dots .swiper-pagination-bullet .round {
                    width: 10px;
                    height: 10px;
                    margin: 2px 10px 0 0;
                }

                .index_contact_w .left_box .tt {
                    font-size: 20px;
                }

                .index_contact_w .left_box .text {
                    padding-top: 8px;
                }

                .index_contact_w .right_btn span {
                    font-size: 16px;
                }

                .index_contact_w .right_btn .iconfont2 {
                    font-size: 22px;
                }

                .index_contact_w .right_btn {
                    width: 160px;
                    height: 46px;
                }

                .index_contact_w {
                    padding: 12px 0 12px;
                }

                .indBoxOne_w {
                    padding: 70px 0 80px;
                }

                .public_index_title .tt {
                    font-size: 46px;
                }

                .public_index_title .little_tt {
                    padding-top: 10px;
                }

                .ind_video_maskBox .video_Box_1 {
                    width: 94%;
                    height: 400px;
                }

                .indBoxOne3 .item a .iconfont2 {
                    font-size: 40px;
                    width: 80px;
                    height: 80px;
                    line-height: 80px;
                }

                .indBoxOne3 .item a .text {
                    line-height: 22px;
                }

                .indBoxOne3 .item {
                    padding: 0 10px;
                }

                

                .indBoxTwo2_dl .item {
                    width: 200px;
                    margin: 0 15px;
                    padding: 0 0 15px;
                }

                .indBoxTwo3_prev,
                .indBoxTwo3_next {
                    font-size: 24px;
                    width: 44px;
                    height: 44px;
                    line-height: 44px;
                }

                .fz_48 {
                    font-size: 38px;
                }

                .indThree1_01 .text {
                    padding-top: 10px;
                }

                .temp_list02_indBoxThree2 .index_contact_w {
                    padding: 18px 0 18px;
                }

                .indBoxFour1_R .item a .text_box .text {
                    line-height: 20px;
                    padding-top: 5px;
                }

                .indBoxFour1_R .item a .text_box {
                    padding-right: 15px;
                }

                .indBoxFour1_L a .download_btn {
                    right: -30px;
                }

                .indBoxFour1_R {
                    width: 51%;
                }

                .indBoxFour2 a {
                    width: 160px;
                    height: 46px;
                    line-height: 46px;
                }

                .indBoxFive2_dl .item.active,
                .indBoxFive2_dl .item.hover,
                .indBoxFive2_dl .item {
                    width: 50%;
                }

                .indBoxFive2_dl .item a {
                    height: 390px;
                }

                .indBoxFive2_dl .item a::after {
                    display: none;
                }

                .indBoxFive2_dl .item a .text_box {
                    opacity: 1;
                    padding: 20px 10px 25px 25px;
                }

                .indBoxFive2_dl .item a .text_box .tt {
                    font-size: 22px;
                }

                .indBoxFive2_dl .item a .text_box .text {
                    padding-top: 10px;
                }

                .indBoxFive2_dl>.item:nth-child(5n) {
                    border-right: 1px solid #f5f5f5;
                }

                .indBoxFive2_dl>.item:nth-child(2n) {
                    border-right: none;
                }

                .indBoxSix2_dl .item {
                    width: calc((100% - 40px) / 3);
                    margin-right: 20px;
                }

                .indBoxSix2 {
                    padding: 0 20px;
                }

                .indBoxSix2_dl .item a .bottom_box {
                    padding: 15px 0 0;
                }

                .indBoxSix2_dl .item a .bottom_box .tt {
                    font-size: 22px;
                    line-height: 26px;
                }

                .indBoxSix2_dl .item a .bottom_box .date {
                    padding-top: 15px;
                }

                .indBoxSix2_dl .item a .bottom_box .text {
                    text-align: center;
                }

                .indBoxSix2_btn a {
                    width: 150px;
                    height: 44px;
                    line-height: 44px;
                }

                .indBoxSix2_btn {
                    padding-top: 30px;
                }

                .foot_inquiry_w {
                    padding: 70px 0 80px;
                }

                .foot_inquiry_form .item {
                    width: calc((100% - 45px) / 4);
                }

                .foot_inquiry_form .btn_box button {
                    width: 170px;
                    height: 44px;
                }

                .footer_top_w {
                    padding: 20px 0 5px;
                    -ms-justify-content: flex-start;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                }

                .footer_top_w a {
                    margin: 0 20px 10px 0;
                }

                .footer_cen_01 {
                    width: 44%;
                }

                .footer_cen_02 {
                    display: none;
                }

                .footer_cen_03 {
                    display: none;
                }

                .footer_cen_04 {
                    width: 48%;
                }

                .ind_about01_L {
                    width: 100%;
                }

                .ind_about01_R {
                    width: 100%;
                    padding: 30px 0 0;
                }

                .ind_about02 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .ind_about02 .item {
                    width: calc((100% - 20px) / 2);
                    margin-right: 0;
                    margin-bottom: 20px;
                }

                .indBoxFive1 {
                    padding-top: 70px;
                }

                .indBoxSeven {
                    padding-bottom: 80px;
                }






                /* About,ipad */
                .temp_list01_SubPage_banner_text {
                    padding-top: 20px;
                }

                .temp_list01_banner_crumbs_w {
                    padding: 12px 0 12px;
                }

                .temp_list01_SubPage_banner_text .tt {
                    font-size: 40px;
                }

                .temp_list01_SubPage_banner_w {
                    height: 230px;
                }

                .temp_list01_SubPage_banner_text .text {
                    line-height: 24px;
                }

                .aboBoxOne1 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .aboBoxOne1_R {
                    width: 100%;
                }

                .aboBoxOne1_L {
                    width: 100%;
                    padding-top: 30px;
                }

                .aboBoxOne1_L_02 {
                    line-height: 26px;
                }

                .aboBoxTwo {
                    padding: 60px 30px 60px;
                }

                .aboThree1_01 {
                    font-size: 46px;
                }

                .aboBoxThree1_w {
                    padding: 30px 0 30px;
                }

                .aboThree2_01 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .aboThree2_01_R {
                    width: 100%;
                    margin-top: 0px;
                }

                .aboThree2_01_L {
                    width: 100%;
                    padding-top: 20px;
                }

                .aboThree2_02 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .aboThree2_02 .item {
                    width: calc((100% - 30px) / 2);
                    margin-right: 0;
                    margin-bottom: 30px;
                }

                .aboBoxThree2_w {
                    padding: 70px 0 40px;
                }

                .aboBoxFour1_02 {
                    width: 19.2%;
                    margin-left: 1.35%;
                }

                .aboBoxFour1_02 .item {
                    width: calc((100% - 6px) / 2);
                    margin-bottom: 4px;
                }

                .aboBoxFive1 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .aboBoxFive1 .item {
                    width: calc((100% - 30px) / 2);
                    margin-right: 0;
                    margin-bottom: 30px;
                }

                .aboBoxSix2 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .aboBoxSix2 .item {
                    width: calc((100% - 8px) / 2);
                    margin-right: 0px;
                    margin-bottom: 8px;
                }

                .aboBoxSeven2_prev,
                .aboBoxSeven2_next {
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                }

                .aboBoxTwo::after {
                    display: none;
                }







                /* Blog,ipad */
                .blogOne1_L {
                    width: 100%;
                }

                .blogOne1_R,
                .blogOne1_R_01 {
                    width: 100%;
                }

                .blogOne1_R_01 {
                    padding-top: 90px;
                }







                /* Blog Page,ipad */
                .blo_deOne1::before {
                    -ms-transform: rotateZ(1.1deg);
                    -webkit-transform: rotateZ(1.1deg);
                    transform: rotateZ(1.1deg);
                }

                .blo_deOne1::after {
                    -ms-transform: rotateZ(-1deg);
                    -webkit-transform: rotateZ(-1deg);
                    transform: rotateZ(-1deg);
                }

                .detail_page_banner {
                    height: 270px;
                }

                .blo_deBoxOne {
                    margin-top: 0;
                }

                .blo_deBoxOne_w {
                    padding: 50px 0 0;
                }

                .blo_deOne1_01_content {
                    padding: 35px 25px 40px;
                }






                /* Cases,ipad */
                .caseBoxOne_w {
                    padding: 70px 0 40px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box .tt {
                    opacity: 1;
                    font-size: 24px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box .text {
                    opacity: 1;
                    font-size: 14px;
                    line-height: 22px;
                }

                .caseBoxTwo_btn {
                    bottom: 15px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box {
                    padding: 20px 15px 70px 20px;
                }

                .caseBoxFour1 .item {
                    width: 200px;
                    margin: 0 15px;
                }






                /* Contact,ipad */
                .conBoxOne2_L {
                    width: 100%;
                }

                .conBoxOne2_R {
                    width: 100%;
                    padding: 40px 20px;
                }







                /* FAQ,ipad */
                .faqBoxOne_w {
                    padding: 70px 0 70px;
                }

                .faqBoxOne2 {
                    right: 0%;
                    max-width: 260px;
                }

                .faqBoxOne1 {
                    width: 58%;
                }

                .faqBoxTwo_w {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .faqBoxTwo2 {
                    width: 100%;
                }

                .faqBoxTwo1 {
                    width: 100%;
                    padding-top: 50px;
                }

                .faqBoxTwo1_form {
                    width: 100%;
                }







                /* Products_List,ipad */
                .temp_list02_pro_liOne2_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .temp_list02_pro_liOne2_dl .item {
                    width: calc((100% - 30px) / 2);
                    margin-right: 0px;
                    margin-bottom: 30px;
                }

                .temp_list02_pro_liOne2_dl .item a .bottom_text {
                    font-size: 20px;
                }

                .temp_list02_pro_liThree2 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .temp_list02_pro_liThree2_R {
                    width: 100%;
                }

                .temp_list02_pro_liThree2_L {
                    width: 100%;
                    padding-top: 30px;
                }

                .temp_list02_pro_liThree3_L {
                    width: 100%;
                }

                .temp_list02_pro_liThree3_R {
                    width: 100%;
                    padding-top: 30px;
                }

                .temp_list02_pro_liThree6_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .temp_list02_pro_liThree6_dl .item {
                    width: calc((100% - 30px) / 2);
                    margin-right: 0px;
                    margin-bottom: 30px;
                }

                .temp_list02_pro_liThree3_R .item {
                    margin-bottom: 15px;
                }








                /* Products_Page,ipad */
                .pro_deOne2_L,
                .pro_deOne2_L_nav {
                    width: 100%;
                }

                .pro_deOne2_L_nav {
                    padding-top: 0;
                }

                .pro_deOne2_R {
                    width: 100%;
                    margin-top: 40px;
                    padding: 30px 30px 40px;
                }

                .pro_deOne3_04_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .pro_deOne2_R_item2_dl .item .bottom_text {
                    font-size: 14px;
                }

                .pro_deOne3_04_dl .item {
                    width: calc((100% - 30px) / 2);
                    margin-right: 0;
                }






                /* Quality,ipad */
                .quaBoxOne2_left_nav {
                    display: none;
                }

                .quaOne2_item_01_dl {
                    display: none;
                }

                .quaOne2_item_01 {
                    display: none;
                }

                .quaBoxOne2>.quaOne2_item:nth-child(odd)::before {
                    width: 100%;
                }

                .quaOne2_item_02 {
                    width: 100%;
                }

                .quaOne2_item_02_R {
                    padding: 0 25px;
                }

                .quaOne2_item_02_R .text {
                    font-size: 14px;
                }

                .quaOne2_item_w {
                    padding: 60px 0 60px;
                }





                /* Resource_Guide_list,ipad */
                .res_liOne1 .item {
                    width: calc((100% - 30px) / 2);
                    margin-bottom: 50px;
                }

                .res_liOne1>.item:nth-child(odd) a .bottom_box {
                    margin: 0;
                }

                .res_liOne1>.item:nth-child(even) a .bottom_box {
                    margin: 0;
                }

                .res_liOne1 .item a .bottom_box {
                    width: 100%;
                    padding: 20px 15px 20px 20px;
                }

                .res_liOne1 .item a .bottom_box .tt {
                    font-size: 22px;
                }

                .res_liOne1>.item:nth-child(even) {
                    top: 0;
                }







                /* Resource_manual,ipad */
                .res_maOne1 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .res_maOne1_R {
                    width: 100%;
                }

                .res_maOne1_R1 .item a .img_box {
                    width: 34.6%;
                }

                .res_maOne1_R1 .item a .right_box {
                    width: 65.4%;
                    padding: 0 30px 0 40px;
                }

                .res_maOne1_R1 .item a .right_box .tt {
                    font-size: 26px;
                    line-height: 34px;
                }

                .res_maOne1_R1 .item a .right_box .icon_text {
                    padding-top: 15px;
                }

                .res_maOne1_L,
                .res_maOne1_L_float {
                    width: 100%;
                }

                .res_maOne1_L {
                    margin-top: 60px;
                }

                .res_maBoxOne_w {
                    padding: 80px 0;
                }






                /* Team,ipad */
                .teamBoxTwo1 .item {
                    width: calc((100% - 60px) / 3);
                    margin-right: 30px;
                }

                .teamBoxTwo1 .item .text_box {
                    line-height: 22px;
                }

                .teamBoxTwo1 .item .name_box .name {
                    font-size: 20px;
                }


















            }


            /* 
1--------------767      手机
*/
            @media screen and (min-width: 1px) and (max-width: 767px) {
                .temp_list01_wrap {
                    width: 100%;
                }





                /* index,shouji */
                .pc_public_head {
                    display: none;
                }

                .mobile_header {
                    display: block;
                }

                .mobile_logo {
                    margin-left: 10px;
                }

                .mobile_logo img {
                    height: 44px;
                }

                .mobile_search_icon {
                    font-size: 30px;
                    width: 34px;
                    line-height: 54px;
                }

                .mobile_search_btn_text {
                    font-size: 28px;
                }

                .mobile_menu_b {
                    margin-top: 25px;
                }

                .mobile_menu_b_clm {
                    margin-bottom: 20px;
                }

                .mobile_lag_box {
                    padding: 10px 0 10px;
                    margin-bottom: 20px;
                }

                .mobile_menu_down_clm_tt .tt {
                    padding: 6px 0;
                }

                .index_banner_dots .swiper-pagination-bullet .round {
                    width: 8px;
                    height: 8px;
                    margin: 2px 6px 0 0;
                    border: 2px solid #ce4441;
                }

                .index_banner_dots .swiper-pagination-bullet .number {
                    font-size: 16px;
                }

                .index_banner_dots {
                    top: 50%;
                    left: 10px;
                    -ms-transform: translate(0, -50%);
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }

                .index_banner_lunbo .swiper-slide a .text_box .tt {
                    font-size: 14px;
                    line-height: 18px;
                }

                .index_banner_lunbo .swiper-slide a .text_box .text {
                    display: none;
                    font-size: 12px;
                    line-height: 16px;
                }

                .index_banner_lunbo .swiper-slide a .text_box {
                    left: 48%;
                    padding-right: 5px;
                }

                .indBoxOne_w {
                    padding: 40px 10px 40px;
                }

                .public_index_title .tt {
                    font-size: 26px;
                }

                .public_index_title .little_tt {
                    font-size: 16px;
                    padding-top: 5px;
                }

                .public_index_title .text {
                    font-size: 14px;
                    line-height: 22px;
                    padding-top: 5px;
                }

                .indBoxOne2_L {
                    width: 100%;
                    padding: 0 0 10px;
                    -ms-justify-content: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                }

                .indBoxOne2_L_video {
                    margin-left: 20px;
                }

                .ind_video_maskBox .video_Box_1 {
                    width: 94%;
                    height: 200px;
                }

                .ind_video_maskBox .video_Box_1 .closeBtn {
                    font-size: 18px;
                }

                .indBoxOne2_R a {
                    font-size: 18px;
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    margin-right: 15px;
                }

                .indBoxOne3 .item {
                    width: calc(100% / 2);
                    padding: 0 10px 20px;
                }

                .indBoxOne3 .item a .iconfont2 {
                    font-size: 40px;
                    width: 80px;
                    height: 80px;
                    line-height: 80px;
                }

                .indBoxOne3 .item a .text {
                    font-size: 14px;
                    line-height: 18px;
                    padding-top: 10px;
                }

                .p_90 {
                    padding: 40px 10px 40px;
                }

                .public_index_title {
                    padding-bottom: 25px;
                }

                .indBoxTwo2_dl {
                    padding-bottom: 15px;
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .indBoxTwo2_dl .item {
                    width: calc((100% - 10px) / 2);
                    font-size: 16px;
                    margin: 0 0 15px;
                    padding: 0 0 10px;
                }

                .indBoxTwo3 {
                    padding: 0;
                }

                .indBoxTwo3_lunbo .swiper-slide a .bottom_box .btn {
                    font-size: 14px;
                    padding-top: 2px;
                }

                .indBoxTwo3_lunbo .swiper-slide a .bottom_box {
                    padding: 15px 0 0;
                }

                .indBoxTwo3_prev,
                .indBoxTwo3_next {
                    font-size: 20px;
                    width: 36px;
                    height: 36px;
                    line-height: 36px;
                    margin: 0 5px;
                }

                .indBoxTwo3_btn {
                    padding-top: 20px;
                }

                .indBoxThree1_w {
                    padding: 60px 10px 60px;
                }

                .fz_48 {
                    font-size: 22px;
                }

                .fz_16 {
                    font-size: 14px;
                }

                .indThree1_01 .text {
                    line-height: 22px;
                    padding-top: 10px;
                }

                .temp_list02_indBoxThree2 .index_contact_w {
                    padding: 25px 10px 25px;
                }

                .temp_list02_indBoxThree2 {
                    border-bottom: 4px solid #c72724;
                }

                .index_contact_w .left_box {
                    width: 100%;
                    text-align: center;
                    padding: 0 0 15px;
                }

                .index_contact_w .left_box .tt {
                    font-size: 18px;
                }

                .index_contact_w .left_box .text {
                    padding-top: 5px;
                }

                .index_contact_w .right_btn span {
                    font-size: 14px;
                }

                .index_contact_w .right_btn .iconfont2 {
                    font-size: 20px;
                }

                .index_contact_w .right_btn {
                    width: 130px;
                    height: 38px;
                    margin: 0 auto;
                }

                .indBoxFour1_L {
                    width: 80%;
                }

                .indBoxFour1_L a .download_btn .iconfont2 {
                    font-size: 18px;
                }

                .indBoxFour1_L a .download_btn span {
                    font-size: 14px;
                }

                .indBoxFour1_L a .download_btn {
                    width: 115px;
                    height: 42px;
                }

                .indBoxFour1_R {
                    width: 100%;
                    padding: 10px 0 0;
                }

                .indBoxFour1_R .item {
                    margin-bottom: 15px;
                }

                .indBoxFour1_R .item a .text_box .tt {
                    font-size: 16px;
                }

                .indBoxFour1_R .item a .text_box .text {
                    line-height: 20px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }

                .indBoxFour1_R .item a .text_box {
                    padding-right: 15px;
                }

                .indBoxFour2 a {
                    font-size: 14px;
                    width: 115px;
                    height: 40px;
                    line-height: 40px;
                }

                .indBoxFour2 {
                    padding-top: 15px;
                }

                .indBoxFive1_w {
                    padding: 0 10px 0;
                }

                .indBoxFive2_dl .item,
                .indBoxFive2_dl .item.active,
                .indBoxFive2_dl .item.hover {
                    width: 100%;
                }

                .indBoxFive2_dl .item a {
                    height: 260px;
                }

                .indBoxFive2_dl .item a::after {
                    display: none;
                }

                .indBoxFive2_dl .item a .text_box {
                    opacity: 1;
                    padding: 20px 15px 20px 15px;
                }

                .indBoxFive2_dl .item a .text_box .tt {
                    font-size: 16px;
                }

                .indBoxFive2_dl .item a .text_box .text {
                    font-size: 14px;
                    line-height: 20px;
                    padding-top: 8px;
                }

                .indBoxFive2 .float_btn {
                    font-size: 14px;
                    width: 56px;
                    height: 56px;
                    line-height: 56px;
                    top: 10px;
                    right: 10px;
                    -ms-transform: translate(0, 0);
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
                }

                .indBoxSix2 {
                    padding: 0;
                }

                .indBoxSix2_dl .item {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 25px;
                }

                .indBoxSix2_dl .item a .bottom_box .tt {
                    font-size: 18px;
                }

                .indBoxSix2_dl .item a .bottom_box .date {
                    font-size: 14px;
                }

                .indBoxSix2_dl .item a .bottom_box .text {
                    font-size: 14px;
                    line-height: 20px;
                    padding-top: 5px;
                    text-align: center;
                }

                .indBoxSix2_dl .item a .bottom_box {
                    padding: 12px 10px 0;
                }

                .indBoxSix2_btn a {
                    font-size: 14px;
                    width: 115px;
                    height: 40px;
                    line-height: 40px;
                }

                .indBoxSix2_btn {
                    padding-top: 0;
                }

                .indSeven2 {
                    padding: 0;
                }

                .foot_inquiry_w {
                    padding: 40px 10px 40px;
                }

                .foot_inquiry_form .item {
                    width: 100%;
                    margin-bottom: 10px;
                }

                .foot_inquiry_form .item input {
                    height: 38px;
                }

                .foot_inquiry_form .item textarea {
                    height: 70px;
                }

                .foot_inquiry_form .btn_box button {
                    width: 100%;
                    height: 42px;
                    border-radius: 6px;
                }

                .foot_inquiry_form .btn_box button .iconfont2 {
                    font-size: 24px;
                }

                .foot_inquiry_form .btn_box button span {
                    font-size: 16px;
                }

                .footer_top_w {
                    padding: 20px 10px 12px;
                    -ms-justify-content: flex-start;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                }

                .footer_top_w a {
                    font-size: 14px;
                    margin: 0 10px 8px 0;
                }

                .footer_cen_w {
                    padding: 30px 10px 20px;
                }

                .footer_cen_01 {
                    width: 100%;
                }

                .footer_cen_02 {
                    display: none;
                }

                .footer_cen_03 {
                    display: none;
                }

                .footer_cen_04 {
                    width: 100%;
                    padding-top: 20px;
                }

                .footer_cen_01 .footer_logo {
                    width: 60px;
                }

                .footer_cen_01 .text_box {
                    font-size: 14px;
                    line-height: 20px;
                }

                .footer_cen_01 .media_box a {
                    width: 34px;
                    height: 34px;
                    line-height: 34px;
                    margin: 0 6px
                }

                .footer_cen_title a {
                    font-size: 20px;
                }

                .footer_cen_04_dl .item a span {
                    font-size: 14px;
                    line-height: 20px;
                }

                .footer_cen_04_dl .item a .iconfont2 {
                    padding-top: 0;
                }

                .footer_cen_04_dl .item {
                    padding-bottom: 10px;
                }

                .footer_cen_04_dl {
                    padding-top: 10px;
                }

                .footer_bot_w {
                    padding: 14px 10px 14px;
                }

                .footer_bot_01 {
                    width: 100%;
                    text-align: center;
                }

                .footer_bot_02 {
                    width: 100%;
                    text-align: center;
                    padding: 2px 0 0;
                }

                .ind_about01_L {
                    width: 100%;
                }

                .ind_about01_R {
                    width: 100%;
                    padding: 20px 0 0;
                }

                .ind_about01_R_tt {
                    padding-top: 5px;
                }

                .ind_about01_R_text {
                    font-size: 14px;
                    padding-top: 10px;
                }

                .ind_about01_R_icon .item a .iconfont2 {
                    font-size: 26px;
                }

                .ind_about01_R_icon .item a span {
                    font-size: 14px;
                    padding: 3px 0 0 4px;
                }

                .ind_about01_R_media a {
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    margin-right: 12px;
                }

                .ind_about01_R_media {
                    padding-top: 15px;
                }

                .ind_about02 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .ind_about02 .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 10px;
                }

                .ind_about02 .item a {
                    padding: 15px 10px;
                }

                .ind_about02 .item a .iconfont2 {
                    width: 35px;
                    font-size: 30px;
                }

                .ind_about02 .item a span {
                    font-size: 14px;
                    width: calc(100% - 35px);
                }

                .indBoxFive1 {
                    padding-top: 40px;
                }

                .indBoxSeven {
                    padding: 0 10px 40px;
                }







                /* About,shouji */
                .temp_list01_SubPage_banner_w {
                    height: 130px;
                }

                .temp_list01_banner_crumbs_w {
                    padding: 9px 10px 10px;
                }

                .temp_list01_banner_crumbs_w .iconfont2 {
                    width: 25px;
                    font-size: 20px;
                }

                .temp_list01_banner_crumbs_w .crumbs_a {
                    width: calc(100% - 25px);
                    font-size: 14px;
                    padding-top: 4px;
                }

                .temp_list01_SubPage_banner_text {
                    padding: 20px 10px 0;
                }

                .temp_list01_SubPage_banner_text .text {
                    display: none;
                }

                .temp_list01_SubPage_banner_text .tt {
                    font-size: 22px;
                }

                .aboBoxOne1 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .aboBoxOne1_R {
                    width: 100%;
                }

                .aboBoxOne1_R .public_video_btn_style {
                    width: 60px;
                }

                .aboBoxOne1_L {
                    width: 100%;
                    padding-top: 20px;
                }

                .aboBoxOne1_L_01 {
                    font-size: 18px;
                }

                .aboBoxOne1_L_02 {
                    font-size: 14px;
                    padding-top: 10px;
                }

                .aboBoxTwo::after {
                    display: none;
                }

                .aboBoxTwo {
                    padding: 40px 10px 40px;
                }

                .aboTwo_dl_red_02 .year {
                    font-size: 18px;
                    width: 100px;
                    height: 18px;
                    line-height: 18px;
                    background: none;
                }

                .aboTwo_dl_red_02 .Color_block {
                    width: 50px;
                    height: 18px;
                }

                .aboBoxTwo_dl .item {
                    width: 150px;
                    height: 428px;
                }

                .aboTwo_dl_red_01_text .round {
                    width: 8px;
                    height: 8px;
                }

                .aboTwo_dl_red_01_text .icon {
                    width: 50px;
                    height: 50px;
                }

                .aboTwo_dl_red_01 {
                    margin-bottom: 22px;
                }

                .aboTwo_dl_red_01_text {
                    width: 240px;
                    height: 180px;
                    margin-left: 98px;
                    padding: 15px 0 0 15px;
                }

                .aboTwo_dl_red_01_text .number_year {
                    font-size: 20px;
                }

                .aboTwo_dl_red_01_text .text_box {
                    font-size: 14px;
                    line-height: 20px;
                }

                .aboBoxTwo_Nav_bar {
                    padding: 65px 0 80px;
                }

                .aboThree1_01 {
                    font-size: 26px;
                }

                .aboBoxThree1_w {
                    padding: 30px 10px 30px;
                }

                .aboThree2_01 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .aboThree2_01_R {
                    width: 100%;
                    margin-top: 0;
                }

                .aboBoxThree2_w {
                    padding: 45px 10px 30px;
                }

                .aboThree2_01_L {
                    width: 100%;
                    padding-top: 15px;
                }

                .aboThree2_01_L .text_box {
                    line-height: 22px;
                }

                .aboThree2_01_L_bot {
                    padding-top: 15px;
                }

                .aboThree2_01_L_bot .tt {
                    font-size: 20px;
                }

                .aboThree2_01_L_bot dl dd .iconfont2 {
                    width: 35px;
                    font-size: 28px;
                }

                .aboThree2_01_L_bot dl dd span {
                    width: calc(100% - 35px);
                }

                .aboThree2_01_L_bot dl dd {
                    width: calc((100% - 10px) / 2);
                    margin-bottom: 10px;
                    padding: 10px 10px 10px 5%;
                }

                .aboThree2_01_L_bot .btn_box {
                    padding-top: 10px;
                }

                .aboThree2_01_L_bot .btn_box a {
                    width: 180px;
                    height: 44px;
                }

                .aboThree2_02 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .aboThree2_02 .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 10px;
                }

                .aboBoxFour_w {
                    padding: 0 10px 40px;
                }

                .aboBoxFour1_01 {
                    width: 100%;
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .aboBoxFour1_01 .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 10px;
                }

                .aboBoxFour1_02 {
                    width: 75.2%;
                    margin-left: 0;
                }

                .aboBoxFour1_02 .item {
                    width: calc((100% - 10px) / 2);
                    margin-bottom: 10px;
                }

                .aboBoxFour1_03 {
                    width: 17.7%;
                    margin-left: 20px;
                }

                .aboBoxFive1 .item {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 10px;
                    padding: 25px 15px 30px;
                }

                .aboBoxFive1 .item .iconfont2 {
                    font-size: 48px;
                }

                .aboBoxFive1 .item .tt {
                    font-size: 20px;
                    line-height: 22px;
                }

                .aboBoxFive1 .item .text {
                    line-height: 22px;
                }

                .aboBoxSix1_w {
                    padding: 40px 10px 0;
                }

                .aboBoxSix2 {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .aboBoxSix2 .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0px;
                    margin-bottom: 10px;
                }

                .aboBoxSix3 {
                    padding-top: 15px;
                }

                .aboBoxSix3 a {
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                }

                .aboBoxSeven1 {
                    padding-bottom: 15px;
                }

                .aboBoxSeven2_prev,
                .aboBoxSeven2_next {
                    font-size: 22px;
                    width: 42px;
                    height: 42px;
                    line-height: 42px;
                }






                /* Blog,shouji */
                .blogOne1_L {
                    width: 100%;
                }

                .blogOne1_R,
                .blogOne1_R_01 {
                    width: 100%;
                }

                .blogOne1_R_01 {
                    padding-top: 40px;
                }

                .blogOne1_L_01 .item a .tt {
                    font-size: 18px;
                    line-height: 24px;
                }

                .blogOne1_L_01 .item a .text {
                    font-size: 14px;
                    line-height: 22px;
                }

                .public_paging a {
                    margin: 0 5px;
                }

                .public_paging a.iconfont2 {
                    width: 60px;
                }

                .blogOne1_L_03 {
                    padding-top: 25px;
                }

                .public_tag_share .tag_a a {
                    margin-bottom: 3px;
                }

                .public_tag_share .tt {
                    padding-bottom: 8px;
                }

                .blogOne1_R_01 .bottom_a a {
                    margin-bottom: 10px;
                }







                /* Blog Page,shouji */
                .blo_deBoxOne {
                    margin-top: 0;
                }

                .detail_page_banner {
                    height: 150px;
                }

                .blo_deOne1_01_crumbs {
                    padding: 12px 10px 12px;
                }

                .blo_deOne1_01_crumbs .crumbs_a {
                    font-size: 14px;
                    padding-top: 4px;
                }

                .blo_deBoxOne_w {
                    padding: 30px 10px 0;
                }

                .blo_deOne1::before {
                    display: none;
                }

                .blo_deOne1::after {
                    display: none;
                }

                .blo_deOne1_01_content {
                    padding: 20px 10px 30px;
                }

                .blo_deOne1_01_content .big_title {
                    font-size: 22px;
                }

                .blo_deOne1_01_content .icon_text {
                    padding: 15px 0 20px;
                }

                .blo_deOne1_01_content .content_box {
                    font-size: 14px;
                    line-height: 24px;
                }

                .blo_deOne1_01_tag_share {
                    padding: 0 10px 30px;
                }

                .blo_deBoxTwo_w {
                    padding: 40px 10px 20px;
                }

                .blo_deBoxTwo_tt {
                    font-size: 26px;
                    padding-bottom: 20px;
                }

                .blog_page_bot_list .item {
                    width: 100%;
                    margin-bottom: 20px;
                }

                .blog_page_bot_list .item a .bottom_text {
                    padding-top: 10px;
                }







                /* Cases Page,shouji */
                .cas_deBoxTwo_w {
                    padding: 40px 10px 20px;
                }

                .caseBoxFour2_item .item {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 25px;
                }







                /* Cases,shouji */
                .caseBoxOne_w {
                    padding: 40px 10px 20px;
                }

                .caseBoxOne1 .tt {
                    font-size: 24px;
                    line-height: 30px;
                }

                .caseBoxOne1 .text {
                    font-size: 14px;
                    line-height: 22px;
                    padding-top: 10px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box .tt {
                    font-size: 22px;
                    opacity: 1;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box .text {
                    opacity: 1;
                    font-size: 14px;
                    line-height: 22px;
                }

                .caseBoxTwo_btn {
                    bottom: 15px;
                }

                .caseBoxTwo_lunbo .swiper-slide a .text_box {
                    padding: 20px 10px 60px 15px;
                }

                .caseBoxThree_w {
                    padding: 40px 10px 40px;
                }

                .caseBoxFour1 {
                    padding-bottom: 15px;
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .caseBoxFour1 .item {
                    width: calc((100% - 10px) / 2);
                    font-size: 20px;
                    padding-bottom: 10px;
                    margin: 0 0 15px;
                }

                .caseBoxFour_w {
                    padding: 40px 10px 20px;
                }







                /* Contact,shouji */
                .conBoxOne1 .tt {
                    font-size: 26px;
                }

                .conBoxOne1 .text {
                    font-size: 14px;
                }

                .conBoxOne2_L {
                    width: 100%;
                    padding: 20px 10px 30px;
                }

                .conBoxOne2_L_form .item {
                    width: calc((100% - 10px) / 2);
                    margin-bottom: 15px;
                }

                .conBoxOne2_L_form .item textarea {
                    height: 80px;
                }

                .conBoxOne2_L_form .btn_box button {
                    width: 130px;
                    height: 40px;
                }

                .conBoxOne2_L_form .btn_box button .iconfont2 {
                    font-size: 24px;
                }

                .conBoxOne2_R {
                    width: 100%;
                    padding: 30px 10px;
                }

                .conBoxOne2_R .tt_box {
                    font-size: 20px;
                    line-height: 28px;
                    padding-bottom: 15px;
                }

                .conBoxOne2_R_dl {
                    padding-top: 20px;
                }

                .conBoxOne2_R_dl .item {
                    margin-bottom: 10px;
                }







                /* FAQ,shouji */
                .faqBoxOne_w {
                    padding: 40px 10px 40px;
                }

                .faqBoxOne1 {
                    width: 100%;
                }

                .faqBoxOne2 {
                    display: none;
                }

                .faqBoxOne1 .tt {
                    font-size: 26px;
                    line-height: 32px;
                }

                .faqBoxOne1 .text {
                    font-size: 14px;
                    line-height: 22px;
                    padding-top: 8px;
                }

                .faqBoxTwo_w {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .faqBoxTwo2 {
                    width: 100%;
                }

                .faqBoxTwo2_L {
                    width: 41px;
                    font-size: 16px;
                }

                .faqBoxTwo2_R {
                    width: calc(100% - 41px);
                    padding: 15px 10px 15px 15px;
                }

                .faqBoxTwo2_R_bot {
                    font-size: 14px;
                    line-height: 22px;
                    padding: 10px 0 0 0;
                }

                .faqBoxTwo2_R_top span {
                    width: calc(100% - 30px);
                }

                .faqBoxTwo2_R_top .iconfont2 {
                    width: 30px;
                    font-size: 18px;
                    padding-top: 4px;
                }

                .faqBoxTwo1 {
                    width: 100%;
                    padding: 30px 0 0;
                }

                .faqBoxTwo1_tt .tt {
                    font-size: 26px;
                }

                .faqBoxTwo1_tt .text {
                    font-size: 14px;
                }

                .faqBoxTwo1_form {
                    width: 100%;
                }

                .faqBoxTwo1_form .btn_box button .iconfont2 {
                    font-size: 22px;
                }

                .faqBoxTwo1_form .btn_box button span {
                    font-size: 16px;
                }

                .faqBoxTwo1_form .btn_box button {
                    width: 130px;
                    height: 40px;
                }






                /* Products_List,shouji */
                .temp_list02_pro_liBoxOne_w {
                    padding: 40px 10px 40px;
                }

                .temp_list02_pro_liOne1 {
                    font-size: 14px;
                }

                .temp_list02_pro_liOne2_tt {
                    font-size: 20px;
                    padding-bottom: 10px;
                }

                .temp_list02_pro_liOne2_tt::after {
                    width: 155px;
                }

                .temp_list02_pro_liOne2_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .temp_list02_pro_liOne2_dl .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 20px;
                }

                .temp_list02_pro_liOne2_dl .item a .bottom_text {
                    font-size: 14px;
                }

                .pro_liThree_w {
                    padding: 40px 10px 40px;
                }

                .temp_list02_public_product_page_tt {
                    font-size: 20px;
                    padding-bottom: 12px;
                }

                .temp_list02_pro_liThree1 {
                    padding-bottom: 30px;
                }

                .temp_list02_pro_liThree2 {
                    margin-bottom: 30px;
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .temp_list02_pro_liThree2_R {
                    width: 100%;
                }

                .temp_list02_pro_liThree2_L {
                    width: 100%;
                    padding-top: 20px;
                }

                .temp_list02_pro_liThree2_L dl dd {
                    font-size: 14px;
                    margin-bottom: 8px;
                }

                .temp_list02_pro_liThree3_L {
                    width: 100%;
                }

                .temp_list02_pro_liThree3_R {
                    width: 100%;
                    padding-top: 20px;
                }

                .temp_list02_pro_liThree3_R .item {
                    margin-bottom: 15px;
                }

                .temp_list02_pro_liThree3 {
                    margin-bottom: 30px;
                }

                .temp_list02_pro_liThree4 {
                    margin-bottom: 30px;
                }

                .temp_list02_pro_liThree5 {
                    margin-bottom: 30px;
                }

                .temp_list02_pro_liThree6_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .temp_list02_pro_liThree6_dl .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 20px;
                }

                .temp_list02_pro_liThree6_dl .item .bottom_text {
                    font-size: 14px;
                    padding-top: 10px;
                }

                .temp_list02_pro_liThree6 {
                    margin-bottom: 20px;
                }

                .temp_list02_pro_liThree7 {
                    margin-bottom: 30px;
                }







                /* Products_Page,shouji */
                .pro_deOne1 {
                    padding-bottom: 30px;
                }

                .pro_deOne2_L_nav {
                    padding-top: 0;
                }

                .pro_deOne1 .text_box {
                    line-height: 22px;
                }

                .pro_deOne2_L,
                .pro_deOne2_L_nav {
                    width: 100%;
                }

                .pro_deOne2_L_nav .item {
                    padding: 14px 10px 14px;
                }

                .pro_deOne2_R {
                    width: 100%;
                    margin-top: 30px;
                    padding: 20px 10px 40px;
                }

                .pro_deOne2_R_item .big_title {
                    font-size: 22px;
                    padding-bottom: 20px;
                }

                .pro_deOne2_R_item1 .product_description dl dd::before {
                    width: 8px;
                    height: 8px;
                    margin: 5px 0 0 0;
                }

                .pro_deOne2_R_item1 .product_description dl dd span {
                    width: calc(100% - 8px);
                    font-size: 14px;
                }

                .pro_deOne2_R_item1 .btn_box a span {
                    font-size: 14px;
                }

                .pro_deOne2_R_item1 .btn_box a .iconfont2 {
                    font-size: 20px;
                }

                .pro_deOne2_R_item1 .btn_box a {
                    width: 130px;
                    height: 42px;
                }

                .pro_deOne2_R_item1 .btn_box>a:nth-child(2) {
                    margin-left: 10px;
                }

                .pro_deOne2_R_item1 .Print_share .Print_box {
                    margin-right: 15px;
                }

                .pro_deOne2_R_item2 .tt_box {
                    font-size: 20px;
                    padding-bottom: 20px;
                }

                .pro_deOne2_R_item2_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .pro_deOne2_R_item2_dl .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 20px;
                }

                .pro_deOne2_R_item2_dl .item .bottom_text {
                    font-size: 14px;
                }

                .pro_deOne2_R_item3 .tt_box {
                    font-size: 20px;
                }

                .pro_deOne3_01_bot_img .item {
                    width: 100%;
                    margin-bottom: 15px;
                }

                .p_t_40 {
                    padding-top: 20px;
                }

                .pro_deOne3_02_dl {
                    padding-top: 20px;
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .pro_deOne3_02_dl .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 15px;
                }

                .pro_deOne3_03_dl {
                    -ms-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }

                .pro_deOne3_03_dl .item {
                    width: calc((100% - 10px) / 2);
                    margin-right: 0;
                    margin-bottom: 15px;
                }

                .pro_deOne3_03_dl .item .text {
                    padding-top: 10px;
                }

                .pro_deOne2_R_item1 .product_description .tt {
                    font-size: 20px;
                }

                .pro_deOne3_04_dl .item {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 8px;
                }

                .pro_deOne3_04_dl .item span {
                    font-size: 14px;
                    padding-top: 3px;
                }

                .pro_deOne3_05_dl .item span {
                    font-size: 14px;
                    padding-top: 3px;
                }

                .pro_deOne3_05_dl .item {
                    margin-bottom: 8px;
                }






                /* Quality,shouji */
                .quaBoxOne1_w {
                    padding: 40px 10px 40px;
                }

                .quaBoxOne1_w .tt {
                    font-size: 26px;
                    line-height: 30px;
                }

                .quaBoxOne1_w .text {
                    font-size: 14px;
                }

                .quaBoxOne2_left_nav {
                    display: none;
                }

                .quaOne2_item_01_dl {
                    display: none;
                }

                .quaOne2_item_01 {
                    display: none;
                }

                .quaBoxOne2>.quaOne2_item:nth-child(odd)::before {
                    width: 100%;
                    border-radius: 0 50px 50px 0;
                }

                .quaBoxOne2>.quaOne2_item:nth-child(even)::before {
                    border-radius: 50px 0 0 50px;
                }

                .quaOne2_item_02 {
                    width: 100%;
                }

                .quaOne2_item_02_R {
                    padding: 15px 0 0;
                    width: 100%;
                }

                .quaOne2_item_02_R .text {
                    font-size: 14px;
                    line-height: 22px;
                    padding-top: 6px;
                }

                .quaOne2_item_w {
                    padding: 40px 10px 40px;
                }

                .quaOne2_item_02_L {
                    width: 100%;
                }

                .quaOne2_item_02_R .tt {
                    font-size: 20px;
                }

                .quaOne2_item_02_R .round {
                    font-size: 14px;
                    width: 36px;
                    height: 36px;
                    line-height: 36px;
                    margin-top: 8px;
                }

                .quaBoxOne3 div {
                    height: 40px;
                }

                .quaBoxOne1::before {
                    border-radius: 0 0 0 50px;
                }






                /* Resource_Guide_list,shouji */
                .res_liOne1 .item {
                    width: 100%;
                    margin-bottom: 35px;
                }

                .res_liOne1>.item:nth-child(even) {
                    top: 0;
                }

                .res_liOne1>.item:nth-child(odd) a .bottom_box {
                    margin: 0;
                }

                .res_liOne1>.item:nth-child(even) a .bottom_box {
                    margin: 0;
                }

                .res_liOne1 .item a .bottom_box {
                    width: 100%;
                    padding: 15px 10px 15px 10px;
                }

                .res_liOne1 .item a .bottom_box .tt {
                    font-size: 18px;
                }

                .res_liOne1 .item a .bottom_box .text_box .text {
                    font-size: 14px;
                    line-height: 22px;
                }






                /* Resource_manual,shouji */
                .res_maBoxOne_w {
                    padding: 40px 10px;
                }

                .res_maOne1 {
                    -ms-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                .res_maOne1_R {
                    width: 100%;
                }

                .res_maOne1_R1 .item a .img_box {
                    width: 100%;
                }

                .res_maOne1_R1 .item a .right_box {
                    width: 100%;
                    padding: 20px 10px 25px;
                }

                .res_maOne1_R1 .item a .right_box .tt {
                    font-size: 18px;
                    line-height: 24px;
                }

                .res_maOne1_R1 .item a .right_box .icon_text .iconfont2 {
                    font-size: 24px;
                }

                .res_maOne1_R1 .item a .right_box .icon_text span {
                    font-size: 14px;
                }

                .res_maOne1_L,
                .res_maOne1_L_float {
                    width: 100%;
                }

                .res_maOne1_L {
                    margin-top: 50px;
                }

                .res_maOne1_L_column .item a {
                    padding: 14px 10px 14px;
                }

                .res_maOne1_L_form {
                    padding: 25px 10px 20px;
                }







                /* Team,shouji */
                .teamBoxOne2 {
                    font-size: 14px;
                }

                .teamBoxTwo1 .item {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 30px;
                }

                .teamBoxTwo1 .item .name_box .name {
                    font-size: 20px;
                }

                .teamBoxTwo1 .item .name_box .post {
                    font-size: 14px;
                }

                .teamBoxTwo1 .item .text_box {
                    line-height: 22px;
                }

                .teamBoxThree2 {
                    padding: 0;
                }

















            }
        </style>