button {border: none; outline: none}

.clear:after{ clear:both; display:table; content:"";}

.clear{*zoom:1;}

h1,h2,h3,h4{font-weight: normal;}

.w1280{width:1200px;margin: 0 auto;}

.center{text-align: center;}

.lan_inf{background:#578f52;}
.lan{padding: 10px 0px;}
.lan_l{float:left;}
.lan_l p{position:relative;}
.lan_l p a{margin-left: 26px; color: white}
.lan_l p a:hover{color: #fff;}
.lan_l i{display:block;width: 25px;height: 25px;background: url(../image/about_icon.png) no-repeat -23px 0px; position:absolute; left: 0px;top:0px;}
.lan_l i.mail{background-position:-69px 1px;left:152px;}
.lan_r{float:right;}
.lan_r input{padding: 6px 15px; border-radius: 0}
.lan_r button{border: none;display:inline-block;width: 25px;height: 25px;vertical-align:middle;background:url(../image/icon.png) no-repeat -118px -314px #fff;}
.lan_r button:hover{cursor: pointer;}

.logo{width: 100%;margin: 0 auto;text-align:center;padding:26px 0px;border-bottom: 1px dashed #dedede; }
.logo img {max-width: 600px}
.nav{width: 100%; background-color: white}

.float{position:fixed;top: 0px;left: 0px;background: #fff;z-index: 99999}

.nav>ul>li{text-align:center;float: left;position: relative;font-size: 16px; margin: 0 2.2vw}

.nav>ul>li>a{font-weight:bold;display: block;padding: 25px 25px;}

.nav .nav_list{display: none;position: absolute;left: -16px;top: 71px;text-align:center;background: #fff;width: 190px;z-index: 999;}

.nav .nav_list li a{display:block;padding: 8px 15px; text-align: left}
.nav .nav_list li a:hover{color:#fff;background: #578f52;}

.nav>ul>li>a.search{background: url(../image/icon.png) no-repeat -172px 5px;}
.nav .nav_list form input{padding:10px;border:1px solid #000;margin-bottom: 10px;width: 116px;}
.nav .nav_list form span{padding: 10px 15px;background: url(../image/icon.png) no-repeat -177px -9px;}
.nav .nav_list form button{padding: 18px;background: url(../image/icon.png) no-repeat -177px -12px;vertical-align: middle;}
.nav .nav_list form span:hover{cursor: pointer;}
.nav .nav_list form button:hover{cursor: pointer;}

.slide{position: relative;overflow: hidden;height: 660px;width: 1920px;}

.slide>ul{overflow:hidden;position: absolute;}

.slide>ul>li{float: left;}

.slide>ul>li img{width: 100%;height: auto;}

.dot{text-align:center;}

.dot li{width: 25px;height: 25px;border-radius:50%;display: inline-block;margin:15px 10px;background: url(../image/icon.png) no-repeat -5px -200px;cursor: pointer;transition: .2s ease-in-out .1s}

.dot li.active{background-position:-33px -200px;}

.main_cata{text-align:center;padding: 60px 0px;}

.main_cata h1{font-size:32px;}

.main_cata>p{padding: 50px 0px 30px;color: #999;}

.main_cata .cata ul li{float: left;position:relative;width:15.6%;margin:20px 0.5%;}

.main_cata .cata ul li p{width:100%;overflow:hidden;}

.main_cata .cata ul li p img{width:100%;height:auto;transition:transform .5s linear .2s;-o-transition:transform .5s linear .2s;-webkit-transition:transform .5s linear .2s;-moz-transition:transform .5s linear .2s}

.main_cata .cata ul li p img:hover{transform:scale(1.2);}
.main_cata .cata ul li h2{position: absolute;left:0px;bottom:-8px; width: 100%;font-size: 16px;}
.main_cata .cata ul li a{background:#dce2f0;padding:10px 15px;}
.main_cata .cata ul li a:hover{color: #578f52;}
.main_cata .cata ul li:nth-child(2) a{background: #cde5f0;}

.main_cata .cata ul li:nth-child(3) a{background: #f7f1df;}

.main_cata .cata ul li:nth-child(4) a{background: #daead8;}
.main_cata .cata ul li:nth-child(5) a{background: #8da4e9;}
.main_cata .cata ul li:nth-child(6) a{background: #f7c470;}
.main_cata .cata ul li:nth-child(7) a{background: #e1c9e5;}
.main_cata .cata ul li:nth-child(8) a{background: #df89a2;}
.main_cata .cata ul li:nth-child(9) a{background: #cbbd70;}
.main_cata .cata ul li:nth-child(10) a{background: #bd7a52;}
.main_cata .cata ul li:nth-child(11) a{background: #78c5e3;}
.main_cata .cata ul li:nth-child(12) a{background: #eb8268;}

.video{background: url(/images/video-bg.jpg) no-repeat 0 0;text-align: center;padding:96px 0px;cursor: pointer;background-size: 100% 100%;}

.video .play{width:75px;height:75px;margin:0 auto 10px;background: url(../image/icon.png) no-repeat -5px -235px;}


.video p{font-size:24px;}

.video .vanjoin{display:none;width:100%;height:100%;background:#333;opacity:0.9;filter:alpha(opacity=90);position: fixed;top:0px;left:0px;z-index:99999;}

.video .vanjoin video{margin: 10% auto;}

.video .vanjoin .close{width:30px;height:30px;position:absolute;right

:100px;top:120px;background: url(../image/icon.png) no-repeat -228px -12px;}



.common{padding:50px 0px;}

.common h2{padding: 20px 0px 50px;text-align:center;font-size:32px;}
.main_pro>p{text-align:center;}

.common ul{overflow:hidden;}

.main_pro ul li{width:23.3%;float: left;margin:1% 0.7%;text-align:center;}

.main_pro ul li a{display:block;width:100%;height:auto;overflow: hidden; }

.common img{width: 100%;height: auto;transition:transform .5s linear .2s;-webkit-transition:transform .5s linear .2s;-o-transition:transform .5s linear .2s;-moz-transition:transform .5s linear .2s;}

.common li:hover img{transform:scale(1.2);}

.common li:hover h3 a{color: #578f52;}

.common h3{padding: 15px 0px;font-size:18px;height: 60px;}

.common p{color: #999;}

.main_news ul li{width: 30.4688%;float:left;margin: 0px 1.4%;}

.main_news ul li>a{display:block;width: 100%;height: 100%;overflow:hidden;}

.main_news ul li .readmore{margin-top: 10px;font-size:18px;position:relative;}

.main_news ul li .readmore span{display: block;width: 0px;height:2px;background:#578f52;position:absolute;left: 0px;bottom:0px;transition:width .3s linear .1s; }

.main_news ul li .readmore:hover span{width: 90px;}

.main_news ul li .readmore a{color: #666;border-bottom: 1px solid #ccc;}

/*.footer{background: #578f52;text-align:center;}*/

.footer .logo{border-bottom: none;}

.footer .nav_b ul{overflow:hidden;margin:0 auto;font-size:16px;font-weight: bold;}

/*.footer .nav_b ul li{float: left;padding:10px 30px 30px;}*/
.footer .nav_b ul li{display: inline-block;padding:1% 2% 3%;}
.footer .nav_b ul li a:hover{color:#fff;}
.footer .sns ul{overflow: hidden;margin: 0 auto 30px;}

/*.footer .sns ul li{float: left;margin:0px 10px;}*/
.footer .sns ul li{display: inline-block;padding:0px 0.5%;}

.footer .sns ul li a{display: block;width: 45px;height: 45px;background: url(../image/icon.png) no-repeat -140px -54px;transition:.3s linear .1s;}

.footer .sns ul li.fb a{background-position:0px -54px;}

.footer .sns ul li.twi a{background-position:-45px -54px;}

.footer .sns ul li.lin a{background-position:-94px -54px;}

.footer .sns ul li.pin a{background-position:-235px -54px;}

.footer .sns ul li.ins a{background-position:-188px -54px;}

.footer .friendlink{padding: 10px 0px;}
.footer .friendlink span{color: #000; font-weight:bold;}
.footer .friendlink a{margin-left: 2%;}
.footer .friendlink a:hover{color: #fff;}

.footer .copyright p{padding: 20px 0px;text-align:center;border-top:1px dashed #fff;}

.footer .sns ul li a:hover{background-position: -140px -109px;}

.footer .sns ul li.fb a:hover{background-position:0px -109px;}

.footer .sns ul li.twi a:hover{background-position:-45px -109px;}

.footer .sns ul li.lin a:hover{background-position:-94px -109px;}

.footer .sns ul li.pin a:hover{background-position:-239px -109px;}

.footer .sns ul li.ins a:hover{background-position:-188px -109px;}

.side_bar{width: 64px;height:192px;position: fixed;right: 0px;bottom: 45%;}
.side_bar a{display:block;width:64px;height:64px;background: url(/images/sidebar.png) no-repeat 0px 0px;}
.side_bar a.whatsapp{background-position: -65px 0px;}
.side_bar a.backtop{background-position: -126px 0px;display: none;}

.foot_bar{display:none;position: fixed;bottom: 0px;left: 0px;background: #fff;width: 100%;padding: 5px 0px;box-shadow:0px 0px 5px 0px #999;}
.foot_bar ul{overflow: hidden;}
.foot_bar ul li{float: left;width: 18%;font-size: 10px;text-align:center;}
.foot_bar ul li i{display: block;width: 35px; height: 35px;margin: 0px auto;}
.foot_bar ul li.online{width: 22%;}
.foot_bar ul li.whats i{background: url(../image/icon.png) no-repeat -80px -440px;}
.foot_bar ul li.wechat i{background: url(../image/icon.png) no-repeat -48px -320px;}
.foot_bar ul li.sendto{width: 60%;}
.foot_bar ul li.sendto a{display:block;font-size:16px;color: #fff;background:#f24330;padding: 10px 0px;margin: 7px 5px;border-radius: 20px;}

/*products*/

.banner img{width: 100%;height: auto;}


.main_left{width: 21%;float:left;padding: 0px 1%; }

.main_left p,.pro_nav h2{font-size:18px;font-weight: bold;}
.main_left ul li a{display: block;padding: 10px 0px; }
.main_left>ul>li>a{font-weight:bold;}
.pro_news ul li:first-child{font-weight:bold;}
.main_right{width:74%;float: right;padding: 0px 1%; }

.bread{padding-bottom: 10px;border-bottom: 1px solid #999;}

.pro .pro_list ul{padding: 30px 0px;overflow: hidden;}

.pro .pro_list ul li{width: 32%;margin:0.5% 0.6%;float: left;}

.pro .pro_list ul li>a{display: block;width: 100%;overflow:hidden;}

.pro .pro_list ul li h2{padding: 8px 0px;text-align:center;font-size:16px;height:65px;}

.pro .pro_list ul li img{width: 100%;height: auto; transition:transform .5s linear .2s;}

.pro .pro_list ul li:hover img{transform: scale(1.2);}

.pro .pro_list ul li:hover h2 a{}



.pro_nav>ul>li{position:relative;/*border-bottom:1px solid #578f52;*/}
.pro_nav>ul>li .child_nav {display: none;width: 100%;background:#f7f7f7; }
.pro_nav>ul>li .child_nav a{padding-left: 20px;border-bottom:2px solid #fff;}
.pro_nav>ul>li .child_nav li a:hover{background:#578f52; color: #fff;}
.pro_nav>ul>li.on::after{display:block;content: "";width: 0px;height:0px;border:10px solid transparent;border-top:10px solid #578f52;position: absolute;right: 10px;top: 12px;}

.pro_nav>ul>li.on .child_nav{display: block;}


/*news*/

.news_list ul li{overflow:hidden;padding:20px 0px;border-bottom:1px solid #ddd;}

.news_list .news_img{width:22%;float: left;}

.news_list .news_img img{width: 100%;/*height: auto;*/}

.news_list .news_info{width: 75%;float: right;}

.news_list .news_info h2{padding:10px 0px;}

.news_list .news_info p{color: #999;}







/*about*/

/*.about .about_com ul{overflow: hidden;}

.about .about_com ul li{width: 50%;height:385px;float: left;}

.about .about_com h1{font-size:32px;padding:20px 0px;}

.about .about_com ul li p{font-size:16px;line-height: 30px;margin:30px 20px;}

.about .why{background: #f8f8f8;text-align:center;margin:50px 0px;font-size:16px;padding:30px 0px;}

.about .why h2{font-size:32px;}

.about .why>p{padding:20px 0px;}

.about .why .advan ul{overflow:hidden;}

.about .why .advan ul li{width: 30%;float:left;margin:0px 1.5% 3%;}

.about .why .advan ul li h3{padding:10px 0px;}*/
.about h2{padding: 60px 0px;text-align:center;font-style:italic;text-transform:capitalize;}
.about_txt ul,.team ul,.scale ul,.qua_txt ul{overflow: hidden;}
.about_txt ul li,.team ul li{width: 48%;padding:1%;float: left;height: 350px;}
.about_txt ul li p,.team ul li p{margin:22px 0px;}
.about_txt ul li h3, .team ul li h3{font-size:18px;margin-top: 50px;}
.team,.scale,.qua_txt{padding: 50px 0px;}
.scale{background:#f7f5e9;text-align: center;}
.scale h2,.qua_txt h2{font-size: 24px;}
.scale p,.qua_txt>p{padding:15px 0px; }
.scale ul li{width: 30%;padding: 1%;float: left;border-right: 1px solid #e9e7db; }
.scale ul li h4,.scale ul li p{font-weight: bold;}
.scale ul li p{padding:20px 0px;}
.scale ul li:nth-child(1),.scale ul li:nth-child(2),.scale ul li:nth-child(3){border-bottom:1px solid #e9e7db;}
.scale ul li:nth-child(3),.scale ul li:nth-child(6){border-right: none;}

/*customization*/
.cus_inf ul{overflow: hidden;padding: 50px 0px;}
.cus_inf ul li{width:50%;float:left;margin-bottom: 20px;}
.cus_inf ul li.img{text-align:center;}
.cus_inf ul li h2{color: #578f52; font-size: 18px;font-weight:bold;padding: 10px 0px;}
.cus_inf ul li h3{font-size: 24px;padding: 10px 0px 30px;}
.opt h3,.cus_sup h3,.sam h3{font-size: 24px;color:#578f52; }
.opt h3,.opt>p,.cus_sup h3,.cus_sup p{text-align: center;}
.opt>p,.cus_sup>p,.sam p{padding:20px 0px 40px; font-size: 18px;}
.opt .cus_more>ul{overflow: hidden;text-align:center;}
.opt .cus_more>ul>li{padding: 10px 30px;display: inline-block;font-size:18px;font-weight:bold;}
.opt .cus_more>ul>li:hover{cursor: pointer;background:#578f52; color:#fff;}
.opt .cus_more>ul>li.on{background:#578f52;color: #fff;}
.opt .cus_det{margin: 30px 0px;}
.opt .cus_det>div{display: none;overflow: hidden;}
.opt .cus_det>div.show{display: block;}
.opt .cus_det>div .cus_img{width: 50%;float: left;text-align:center;}
.opt .cus_det>div .cus_txt{width: 50%;float: right;font-size: 16px;}
.opt .cus_det>div .cus_txt p{padding: 50px 0px 30px;}
.opt .cus_det>div .cus_txt li{color: #578f52;padding-left: 20px;margin-bottom:15px;position:relative;}
.opt .cus_det>div .cus_txt li span{display:block;width:15px;height:15px;position:absolute;left:0px;top:3px;background:url(../image/icon.png) no-repeat -69px -203px;}
.cus_sup{padding:50px 0px;}
.cus_sup ul{overflow: hidden;}
.cus_sup ul li{width: 24%;margin: 0px 0.5%;float: left;}
.cus_sup ul li h4{text-align:center;padding: 10px 0px;}
.sam{width:100%;padding:104px 0px;overflow:hidden;background:url(/images/about-us/contact-bg.jpg) no-repeat 0px 0px;background-size: 100% 100%;}
.sam .sam_l {float: left;width: 50%;}
.sam .sam_r{float: right;width: 50%;text-align:center;}
.sam .sam_r a{padding: 15px 30px; background:#578f52;color: #fff;/*margin-top:40px;*/}
.sam .sam_r a:hover{background:#1c3c25;}

/*quality*/
.qua_txt h2,.qua_txt>p,.qua_txt ul li h3,.qua_txt ul li p{text-align: center;}
.qua_txt ul li h3{font-size: 16px; padding: 10px 0px;color: #578f52; }
.qua_txt ul li{width: 31%;margin: 20px 1%;float: left;}
.qua_more p{margin-top: 15px;}
/*product detail*/

.pro_det{overflow: hidden;padding: 40px 0px;}

.pro_det .det_img{float: left;width: 42%;}

.pro_det .det_img img{width: 100%;height:auto;}

.pro_det .det_info{float: right;width: 55%;}

.pro_nav{margin-bottom:30px;}
.pro_det .det_show{border:1px solid #f5f5f5;}
.pro_det .pdf{text-align:center;background:url(../image/icon.png) no-repeat 58px -393px #f7f7f7;padding:4px 0px;}
.pro_det .pdf:hover{background-color: #578f52;}
.pro_det .pdf:hover a{color: #fff;}
/*.bx-pager{text-align:center;overflow:hidden;}

.bx-pager-item{display: inline-block;}

.bx-pager-item a{width: 20px;height: 20px;border-radius:10px;margin:0 5px;background: #666;display: block;font-size:0px;}

.bx-pager-item a.active {background: #000;}*/



.det_info h1{font-size:16px;font-weight:bold;}

.det_info p{padding:10px 0px;}

.det_info p.notice,.det_info p.notice a{color:#f7887f;}

.det_info p.notice a:hover{color: #578f52;}

.det_info a.inquire{border:1px solid #f24330;display: inline-block;padding:15px 25px;background: #fff0ee;color:#f24330;font-size: 18px;font-weight:bold;border-radius:5px;}

.det_info a.inquire:hover{background: #f24330;color: #fff;}

.det_r h3{font-size:18px;font-weight:bold;border-bottom:1px solid #ddd;padding: 5px 0px;}

.det_r .des,.det_r .pack,.det_r .faq{padding: 20px 0px;}

.spe .new_tab{width: 100%;}

.spe .new_tab td{border:1px solid #999;padding: 15px 0px;text-align:center;}

.des p{text-align:center;}
.des p,.det_r .pack p{margin-top:10px;}

.det_r .faq ul li{padding:10px 0px;}

.prev_next ul,.related ul{overflow:hidden;padding:15px 0px;}

.prev_next ul li{width: 50%;float: left;/*font-weight:bold;*/}
.prev_next ul li span{font-weight:bold;}

.related ul li{width:24%;float: left;margin:0px 0.5%;text-align:center;}

/*.center img,*/.related ul li img{width: 100%;height: auto;}

.related ul li h2{font-size:14px;font-weight:bold;}



.feedback{display: none;position:fixed;top: 0px;left: 0px;width: 100%;height: 100%;background:#333;opacity:0.9;filter:alpha(opacity=90);z-index: 9999999999;}

.feedback .close{width: 30px;height: 30px;background: url(../image/icon.png) no-repeat -228px -12px;position:absolute;right:25%;top: 9%;}

.feedback .close:hover{cursor: pointer;}

.feedback_form{width: 50%;margin:5% auto;}

.feedback_form div{padding:5px 0px;}

.feedback_form p{color: #fff;font-size: 16px;}

.feedback_form p span{color: #fb3838;}

.feedback_form input, .feedback_form textarea{width:90%;padding:8px 10px;border:1px solid #999;font-family:arial;font-size: 14px;}

.feedback_form button{padding:12px 25px;background: #fff;color: #000;font-size:16px;border-radius:5px;}

.feedback_form button:hover{cursor:pointer;background: #375dce;color: #fff;}

#source{display:none;}

/*news detail*/

.news_dets .news_body h1{font-weight:bold;font-size:18px;text-align:center;padding:30px 0px 10px;}

.news_dets .news_body p{padding:8px 0px;}
.news_dets .news_body p a{color: #faa519;}
.news_dets .news_body p a:hover{color: #578f52;}



/*search*/

.search{background: #fff;}

.search>p{padding:20px 0px;font-size:24px;}

.search .list_s li{overflow: hidden;border-bottom:2px solid #ddd;padding:10px 0px;}

.search .list_s li .left_s{float:left;width: 24%;}

.search .list_s li .right_s{float:right;width:75%;}

.search .list_s li .right_s h2{font-size:24px;border-bottom:1px dashed #dedede;padding:10px 0px;}

.search .list_s li .right_s p{color: #999;}



/*mobile nav*/

.nav_mb{width:100%;position: fixed;top: 0px;left: 0px;background:#578f52;display: none;}

.nav_mb .logo_mb{}
.nav_mb .nav_main{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.nav_main>div{/*float:left;position: relative;*/display: inline-block;margin:0px 10px;}

.nav_main>div>div{display:none;}

.nav_main>div>span{display:block;width: 45px;height: 45px;background:url(../image/icon.png) no-repeat -5px -5px;}

.nav_main .con_mb span{background-position:-58px  -5px ;}

.nav_main .menu_mb span{background-position:-108px -5px ;}

.nav_main .form,.nav_main .con_det_mb,.nav_main .menu_list{position:absolute;left: 0px;top:72px;width: 100%;background:#f2f2f2;text-align:center;}

.search_mb .form form{padding: 10px 0px;}

.search_mb .form input{padding:10px;display:inline-block;width: 50%;}

/*.search_mb form span{display:inline-block;width:35px;height:35px;background:url(../image/icon.png) no-repeat -177px -9px;vertical-align: middle;}*/
.search_mb form button{display:inline-block;width:35px;height:35px;background:url(../image/icon.png) no-repeat -177px -9px;vertical-align: middle;}
.con_mb .con_det_mb ul{overflow: hidden;}

.con_mb .con_det_mb ul li{float: left;width: 50%;margin: 15px 0px;}

.nav_main .show>div{display:block;}

.nav_main .show>span{background:url(../image/icon.png) no-repeat -220px -5px;}

.nav_main .menu_list{text-align:left;}

.nav_main .menu_list li{padding: 7px 10px;border-top: 2px solid #fff;position: relative;}

.nav_main .menu_list>ul>li>a{font-weight:bold;}

.nav_main .menu_list li a{display: block;}

.nav_main .menu_list>ul>li .child_nav {display: none;background:#d8eef3;width: 100%;}

.nav_main .menu_list>ul>li .child_nav li{padding: 7px 20px;}

.nav_main .menu_list>ul>li.on::after{display:block;content: "";width: 0px;height:0px;border:10px solid transparent;border-top:10px solid #578f52;position: absolute;right: 10px;top: 12px;}

.nav_main .menu_list>ul>li.on .child_nav{display: block;}


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

    .w1280{width: 100%;}
    .lan_inf,.logo,.nav{display: none;}
    .main_cata .cata ul li h2{font-size: 14px;}
    .footer .logo{display: block;}
    .nav_mb{display: flex;z-index: 999999;padding: 10px 0px;}
    .slideshow, .banner{margin-top:72px;}
    .nav_mb .logo_mb,.nav_main{width: 50%;text-align:center;}

    .nav_mb .logo_mb img,.footer .logo img{width: 200px;height: auto;}

    .slideshow, .banner{margin-top:72px;}

    /*.nav > ul > li > a{padding:25px 21px;}*/

    .video .vanjoin video{margin:20% auto;}

    /*.footer .nav_b ul{width: 72%;}*/

    /*.footer .sns ul{width: 40%;}*/



    /*.pro_nav{text-align:right;}*/

    .pro .pro_list ul li h2{font-size:14px;}

    .related ul li h2{font-weight:normal;}

    .pro_det .pdf{background-position: 40px -393px;}

    .main .down_right ul li span{margin-left:36%;}



    .search .list_s li .right_s{width: 69%;}



    .feedback .close{top:3%;}

    .about h2{padding: 30px 0px;}
    .about_txt ul li img,.team ul li video{width: 100%;height: auto;}
    .about_txt ul li p, .team ul li p{margin:15px 0px;}
    .team, .scale, .qua_txt{padding: 25px 0px;}
    .sam{padding: 30px 0px;}
    .sam .sam_l h3{margin-top: 30px;}
    .sam .sam_r{margin-top: 50px;}

    .opt .cus_det>div .cus_img img{width:90%; height: auto;}
    .con_ban iframe{width: 100%;margin-top:72px;}
    .con_mail .con_box h2{display: none;}
    .con_box .mes{width:100%;float: none;}
}





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

    /*surface pro*/


    .main_cata{padding:30px 0px;}

    .main_cata h1{font-size:24px;}

    .common h2{font-size:24px;padding:10px 0px 25px;}

    .main_cata .cata ul li a{padding:10px 4px; }



    /*.footer .nav_b ul li{padding: 10px 20px 30px;}*/

    /*.footer .sns ul{width: 48%;}*/

    .center img{width: 100%;height: auto;}

    .search{margin-top:74px;}

    .search .list_s li .left_s img{width: 100%;height: 100%;}

    /*.pro_main{margin-top: 50px;}*/
    .about .about_com ul li{height: 300px;}
    .about .about_com ul li img{width: 100%;height: auto;}
    .about .about_com ul li p{font-size:14px;line-height:20px;margin:15px 10px;}
    .advan p{height: 80px;}

    .pro_det .pdf{background-position: 25px -393px;}

    .cus_inf ul li img{width: 90%;height: auto;}

}
.about {font-size: 16px; line-height: 30px; color: #333333}
.about_bt {color: #333333; font-size: 28px; font-weight: bold; text-align: center}
.ab-stitle {
    font-size: 50px; font-weight: 600;  font-family: 'Century-Gothic-bold'!important;line-height: 1.3;text-align: center;
}
.aboutpt { margin-top: 40px}
.about_s1 {font-family: Century,Arial; font-size: 36px; color: #333333; text-align: center;padding-bottom: 30px; }
.about_s2 {font-family:  Century,Arial; font-size: 22px; color: #333333; text-align: right;}
.about_count { margin: 60px 0}
.about_count h3{font-size: 26px; color: black; font-weight: bold; text-align: center}
.about_count h3::after{ content: ''; width: 100px;  border-top: solid 4px #26744C;  display: block;  margin: 0 auto;  margin-top: 10px;}
.about_count_box { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 40px }
.about_count_box .col {text-align: center; padding-bottom: 25px}
.about_count_box .col .count {text-align: center}
.about_count_box .col p.s1 {font-size: 60px; color: #26744C}
.about_count_box .col p.s2 {font-size: 20px; color: #54595f; margin-top: 20px; display: inline-block}

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

    /*ipad mini or ipad*/

    /*.footer .nav_b ul{width: 86%;}*/
    .main_cata .cata ul li a{left: 2%;}
    .main_cata .cata ul li:nth-child(5) a{left: 9%;}
    .video{padding:50px 0px;}
    .about_txt ul li p, .team ul li p{margin:5px 0px;}
    .about_txt ul li, .team ul li{width: 98%;height: auto;}
    .scale ul li{height: 120px;}
    .opt .cus_det>div .cus_txt p{padding: 0px;}
    .cus_inf ul,.cus_sup{padding:25px 0px;}
    .con_det{padding:35px 0px 20px}
    .con_det h1{font-size: 24px;}
    .con_box .mes{margin-left:35px;}
    .con_box .mes .mes_right{width: 60%;}

    .common h3,.main_news ul li .readmore{font-size: 14px;}

    /*.footer .sns ul{width: 51%;}*/

    .main_left{display: none;}

    .main_right{width: 98%;}

    /*.pro_main{margin-top: 50px;}*/

    .video .vanjoin video{width: 100%; height: auto;}

    .video .vanjoin .close{right: 1%;}
    .news_dets .news_body p img{width:100%; height: auto;}


    .side_bar{display: none;}
    .foot_bar{display: block;}

    .mt10 {margin-top: 10px !important;}
    .aboutpt { margin-top: 30px}
    .about_s1 {font-family: Century,Arial; font-size: 26px; color: #333333; text-align: center;padding-bottom: 30px;}
    .about_s2 {font-family:  Century,Arial; font-size: 18px; color: #333333; text-align: center;}

    .about_count_box {flex-wrap: wrap;}
    .about_count_box .col {text-align: center;width: 50%;}
    .ab-stitle{ font-size: 36px}
}



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

    /*nexus 7*/

    .main_cata .cata ul li a{font-size:12px;padding:5px 2px;left: 4%;bottom:-14px;}
    .video .vanjoin video{margin:40% auto}
    .footer .nav_b ul{width: 100%;}

    /*.footer .sns ul{width: 53%;}*/

    .common p{font-size: 12px;}

    .footer .nav_b ul li{padding: 10px 12px 30px}

    /*.footer .sns ul{width: 65%;}*/

    .search>p,.search .list_s li .right_s h2{font-size: 18px;}

    .about .about_com ul li{height: 320px;}

    .about .about_com h1{font-size: 24px;padding: 0px;}
    .about .about_com ul li p{margin:8px 5px;}

    .des p img{width: 100%;height: auto;}
    .cus_inf ul li{width: 100%;}
    .opt .cus_more>ul>li{padding: 10px 25px;}
    .qua_txt ul li p img{width: 100%;height: auto;}
    .qua_txt ul li,.con_ban iframe{height: 250px;}

    .news_list .news_img,.news_list .news_info{width: 100%;}
    .news_list .news_img img{width: 100%;height: auto;}

}


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

    /*iphone 12/13 pro*/

    .nav_main>div{margin:0px 5px;}

    .main_cata h1,.common h2{font-size: 18px;}

    /*.main,.common{padding: 25px 0px;}*/

    .main_cata>p{padding: 25px 0px;}

    .main_cata .cata ul li{width: 48%;margin:5% 1%;}

    .main_cata .cata ul li a{left: 12%;}

    .video{padding: 48px 0px;}

    .main_pro ul li{width: 48%;height:292px;margin:2% 1%;}

    .main_news ul li{width: 98%;margin:2% 1%;}

    .common h3{padding:8px 0px;}

    .footer .nav_b ul{font-size: 12px;}

    .footer .nav_b ul li{padding: 5px 5px 15px;}

    /*.footer .sns ul{width: 100%;}*/

    .pro .pro_list ul{padding: 15px 0px;}

    .pro .pro_list ul li{width: 48%;margin:2% 1%;height: 292px;}



    .spe .new_tab td{padding:8px 0px;}

    .prev_next ul li{width: 100%;}

    .det_info p{padding: 5px 0px;}

    .det_info a.inquire{padding:8px 12px;}

    .related ul li{width: 48%;margin:0px 1%;height: 270px;}

    .pro_det{padding:20px 0px;}

    .pro_det .det_img{width: 100%;}

    .pro_det .det_info{width: 99%;padding:0px 1%;float:none;}

    .bread,.det_r .pack p,.det_r .faq ul li{margin:0px 1%;}

    .con>p{margin-bottom: 25px;font-size: 24px;}

    .con .con_left h1{font-size: 16px;}

    .con .con_left p{padding:4px 0px;font-size:14px;}

    .con .con_left,.con .con_right{width: 98%;padding:0px 1%;}

    .feedback_form{width:80%;margin:15% auto;}

    .feedback .close{right: 8%;}

    .about .about_com ul li{width: 100%;height:auto;float: none;}
    .about .why{font-size: 14px;}

    .main_cata .cata ul li a{left:22%;}
    .main_cata .cata ul li:nth-child(5) a{left:32%;}
    .cus_inf ul li h3{font-size:18px;padding:5px 0px 15px;}
    .opt h3, .cus_sup h3, .sam h3{font-size: 18px;}
    .opt>p, .cus_sup>p, .sam p{font-size: 14px;}
    .opt .cus_more>ul>li{padding:10px 8px;}
    .opt .cus_det>div .cus_img,.opt .cus_det>div .cus_txt{width: 100%;}
    .con_info .con_left{display: none;}
    .con_info .con_right{width: 100%;}
    .con_box .mes .mes_left{width:80%;}
    .con_box .mes .mes_right{width:80%;}
    .con_box .mes .mes_left input#code{width: 70%;}

    .con_det p{padding: 10px 0px 30px;}

}



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

    /*pixel 5*/

    .nav_mb .logo_mb img{width: 100%;}



    .footer .nav_b ul li{padding: 5px 13px 15px;}

    /*.footer .sns ul li{margin:0px 8px;}*/

    .main_pro ul li,.pro .pro_list ul li{height: 270px;margin:1% 1%;}

    .search .list_s li .right_s h2{font-size: 14px;}

    .search .list_s li .right_s p{font-size: 12px;}

}



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

    .nav_main>div{margin:0px 2px;}

    /*.footer .sns ul li{margin:0px 7px;}*/

    .feedback_form{margin:8% auto;}
    .feedback_form div{padding:0px;}

}