/* 
    QQ:1573868836 By Joson
*/

@import "fontawesome.min.css";
@import "frontend-lite.min.css";
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}

@font-face{font-family:eicons;src:url(../webfonts/eicons.eot?5.10.0);src:url(../webfonts/eicons.eot?5.10.0#iefix) format("embedded-opentype"),url(../webfonts/eicons.woff2?5.10.0) format("woff2"),url(../webfonts/eicons.woff?5.10.0) format("woff"),url(../webfonts/eicons.ttf?5.10.0) format("truetype"),url(../webfonts/eicons.svg?5.10.0#eicon) format("svg");font-weight:400;font-style:normal}

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}


.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
.far{font-family: "Font Awesome 5 Free";font-weight: 400;}
.fab{font-family:"Font Awesome 5 Brands";font-weight:400}

@font-face{
    font-family:'Oswald';
    src:url('../webfonts/Oswald.ttf');
    font-weight: normal;
    font-style: normal;
}


body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:'Microsoft Yahei',Avenir,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:none;background:#f2f2f2;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p,button{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}
/* h3{font-size:clamp(2rem, calc(2rem + ((1vw - 0.36rem) * 0.5128)), 2.4rem);line-height:1.4 !important;} */
input,button,select,textarea,option,video{border:0;outline:none;}
img{border:0;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;color:#19763D;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
i,em{font-style:normal;}
img{transition: all 0.5s;}
.content img{display: block;margin:0 auto;}
input[type=button],input[type=submit],input[type=file],input[type=reset],button{cursor:pointer;-webkit-appearance: none;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/* 显示隐藏 */
.disb{display:block;}
.none{display:none !important;}
/* 浮动or清除浮动 */
.fl{float:left;}.fr{float:right;}
.cl{zoom:1;}
.cl:after{display:block;content:'';clear:both;visibility: hidden;height:0;}
/* 定位 */
.pr{position: relative;}
.pa{position: absolute;}
.fixed{position: fixed;}
/* 宽 */
.w{width:100% !important;}
.w1200{width:1200px;margin:0 auto;}
.w830{width:75%;overflow:hidden;}
.w350{width:23%;overflow:hidden;}
.w1140{max-width:1140px;margin:0 auto;overflow: hidden;}
.w50{width:50%;}
/* 外边距 */
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mt15{margin-top:15px !important;}
/* 内边距 */
.p20{padding:20px !important;}
.p50{padding:50px !important;}
.pl20{padding-left:20px;}
.ptb20{padding:20px 0;}
.bb1{border-bottom:1px solid #ddd;}

.bgc_green{background:#23A455;}
.bgcw{background:white;}

/* 文本显示行数 */
.row-2{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.row-3{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.mb{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);}

/* 禁止浏览器自带input填充色 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;background-color:#fff !important;}

/* header */
.header{height:70px;position:relative;}
.header .logo{width:15%;padding-top:15px;}
.header .logo a img{width:100%;}
.header .navBtn{display: none;background: transparent;}
.header .nav ul.menu{padding-top:10px;}
.header .nav ul.menu>li{float:left;position:relative;line-height:50px;margin-right:20px;}
.header .nav ul.menu>li:last-child{margin-right:0;}
.header .nav .menu li.on,.header .nav .menu>li>a:hover{background:rgba(0,0,0,.3);border-radius:3px;}
.header .nav ul.menu>li>a{position:relative;padding:13px 20px;color:#fff;font-size:16px;font-weight: 600;text-transform:uppercase;text-shadow:0px 2px 3px #333;}
.header .nav ul.menu>li>a i{margin-left:10px;}
.header .nav ul.menu>li>a i:before{display:block;position:absolute;right:0;top:50%;width:30px;height:30px;line-height:30px;text-align:center;margin-top:-15px;}
.header .nav ul.menu>li>a:hover i.fa-caret-down:before{content:"\f0d8";}
.header .nav ul.menu>li .submenu{display:none;position:absolute;top:50px;left:0;z-index:666;width:100%;}
.header .nav ul.menu>li ul.submenu li{border-bottom:1px solid #ccc;}
.header .nav ul.menu>li ul.submenu li a{display:block;text-align: center;background:#fff;padding:0 21px;}
.header .nav ul.menu>li ul.submenu li.on a{color:#fff;background:rgba(0,0,0,.5);}
.header .nav ul.menu>li ul.submenu li a:hover{background:rgba(0,0,0,.5);}
/* .header .nav ul.menu>li .submenu:before{content:'';display:block;position:absolute;top:0;right:0px;width:0;height:0;border:3px solid transparent;border-top-color:#fff;} */

/* banner */
.banner .box{width:100%;height:730px;background:rgba(0,0,0,.5) url('../images/header-banner-1.jpg') no-repeat center center/cover;}
.banner .box .wrap{padding:100px 114px;}
.banner .box .slide{max-width:1140px;margin:0 auto;}
.banner .box .slide .left{width:60%;color:#fff;}
.banner .box .slide .left h1{padding:20px;}
.banner .box .slide .left h1 span{display:block;font-size:44px;height:80px;line-height:80px;}
.banner .box .slide .left h1 span:nth-child(2){color:#23A455;}
.banner .box .slide .left .intro{padding:20px;font-size:14px;margin-bottom:20px;}
.banner .box .slide .left .tab a{display:inline-block;padding:10px 20px;color:#fff;text-transform:uppercase;border:1px solid #fff;margin-right:20px;font-family:"Oswald";}
.banner .box .slide .left .tab a.on,.banner .box .slide .left .tab a:hover{background:#23A455;border-color:#23A455;}


.banner .box .slide .right{width:40%;overflow: hidden;}
.banner .box .slide .right img{width:100%;}

/* banner2 */
.banner2 .box{width:100%;height:730px;background:rgba(0,0,0,.5) url('../images/header-banner-2.jpg') no-repeat center center/cover;}
.banner2 .box .wrap{padding:100px 114px;}
.banner2 .box .slide{max-width:1140px;margin:0 auto;}
.banner2 .box .slide .left{width:60%;color:#fff;}
.banner2 .box .slide .left h1{padding:20px;}
.banner2 .box .slide .left h1 span{display:block;font-size:44px;height:80px;line-height:80px;}
.banner2 .box .slide .left h1 span:nth-child(2){color:#23A455;}
.banner2 .box .slide .left .intro{padding:20px;font-size:14px;margin-bottom:20px;}
.banner2 .box .slide .left .tab a{display:inline-block;padding:10px 20px;color:#fff;text-transform:uppercase;border:1px solid #fff;margin-right:20px;font-family:"Oswald";}
.banner2 .box .slide .left .tab a.on,.banner .box .slide .left .tab a:hover{background:#23A455;border-color:#23A455;}


.banner2 .box .slide .right{width:40%;overflow: hidden;}
.banner2 .box .slide .right img{width:100%;}

/* public */
.tit{word-spacing:3px}
.tit h2,.tit h3,h1{font-size:28px;line-height:40px;margin-bottom:20px;font-family:"Oswald";}
.tit h2 span,.tit h3 span{color:#23A455;}

/* partners */
.partners{background:#f6f6f6;padding:65px 20px;}
.partners .intro{font-size:14px;line-height:30px;}
.partners ul.item li{float:left;width:20%;}
.partners ul.item li img{filter: gray;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);opacity:.8;}
/* ourcase */
.ourcase,.gallery,.shipment,.get_samples{background:#fff;padding:65px 20px;}
.ourcase .left ul li{float:left;width:45%;margin-bottom:20px;margin-right:30px;}
.ourcase .left ul li:nth-child(even){margin-right:0px;}
.ourcase .left ul li img{width:100%;}
.ourcase .right{padding:150px 0 0;}
.ourcase .right .desc{line-height:30px;font-size: 16px;}
/* service */
.service{padding:80px 0 20px;}
.service .left img{width:100%;height:auto;}
.service .right .tit{margin-bottom:50px;padding-top:10px;}
.service .advantage{padding-left:40px;}
.service .advantage ul li{float:left;width:45%;margin-bottom:40px;margin-right:20px;}
.service .advantage ul li h4{margin-bottom:15px;font-size:16px;}
.service .advantage ul li h4 i{color:#23A455;margin-right:10px;font-size:18px;}
.service .advantage ul li .desc,.gallery .left .desc{line-height:30px;font-size:16px;}
/* gallery */
.gallery .left{width:33.33%;}
.gallery .left .tit{margin-bottom:40px;}
.gallery .left .desc{margin-bottom:30px;}
.gallery .left p a{color:#23A455;font-weight: 600;}
.gallery .right{width:66.66%;}
.gallery .right .list{padding-left:30px;}
.gallery .right .list ul li{float:left;width:24%;margin-right:10px;margin-bottom:30px;}
.gallery .right .list ul li:nth-child(4n){margin-right:0;}
.gallery .right .list ul li span{display:block;border:1px solid #ccc;}
.gallery .right .list ul li span img{display:block;width:100%;}
.gallery .right .list ul li p{text-align: center;line-height:30px;font-style: italic;}
/* videos */
.videos,.clients{background:#F6F6F6;padding:65px 20px;}
.videos .left .list ul li{position:relative;float:left;width:49%;margin-right:10px;margin-bottom:10px;cursor:pointer;}
.videos .left .list ul li:nth-child(even){margin-right:0px;}
.videos .left .list ul li span,.videos .left .list ul li span img{display: block;}
.videos .left .list ul li span img{width:100%;min-height:196px;}
.videos .left .list ul li i{position: absolute;top:50%;left:50%;display: block;width:50px;height:50px;margin-top:-25px;margin-left:-25px;color:#fff;font-size:50px;font-weight:bold;}
.videos .right .tit{padding:150px 0 0 50px;}
.videos .right .desc{padding-left:50px;line-height:30px;font-size:14px;}
/* quote */
.quote{background:#23A455;color:#fff;padding:75px 0;}
.quote .left{width:70%;}
.quote .left .tit h3 span{color:#19763D;}
.quote .right{width:30%;}
.quote .right .btn{padding:40px 0 0 80px;}
.quote .right .btn a{display:block;height:50px;text-align:center;border:1px solid #19763D;background:#fff;text-transform:uppercase;color:#23A455;font:bold 16px/50px 'Oswald';word-spacing: 3px;}
.quote .right .btn a:hover{background:#19763D;color:#fff;}
/* shipment */
.shipment .box ul li{float:left;width:48.7%;margin-bottom:30px;}
.shipment .box ul li:nth-child(even){margin-left:15px;}
.shipment .box ul li:nth-child(odd){margin-right:15px;}
.shipment .box ul li:nth-child(even) img{float:left;margin-right:30px;}
.shipment .box ul li:nth-child(odd) img{float:right;margin-left:30px}
.shipment .box ul li h4{display:inline-block;padding:5px 10px;font-size:13px;background:#F6F6F6;margin-bottom:15px;}
.shipment .box ul li h5{margin-bottom:15px;font-size:14px;}
/* Clients */
.clients .left .instru{margin-bottom:15px;}
.clients .left .v{width:90%;}
.left .v a{display:block;}
.left .v a img{width:100%;}
.left .v a i{display:block;top:50%;left:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;font-size:100px;color:#fff;cursor:pointer;}
.clients .right .list{padding-top:40px;}
.clients .right .list ul li .tit{line-height:30px;margin-bottom:20px;cursor:pointer;}
.clients .right .list ul li .tit i{display:inline-block;margin-right:6px;font-family:"Font Awesome 5 Free";font-weight: 900;}
.clients .right .list ul li.on .tit i:before{content: "\f068";}
.clients .right .list ul li .desc{height:0;overflow: hidden;transition:all .5s;}
.clients .right .list ul li.on .desc{height:80px;}
/* GetSAMPLES */
.get_samples .ov{overflow:visible;}
.get_samples .left .form{width:90%;}
.get_samples .left .form .box{background:#F6F6F6;border-radius:10px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3);}
.get_samples .left .form .inpt,.get_samples .left .form .msg{border:0;margin-bottom:0;padding:0;}
.get_samples .left .form .inpt input{width:48%;}
.get_samples .left .form .inpt input:last-child{margin-right: 0;}
.get_samples .left .form input{width:100%;height:43px;line-height:45px;border:1px solid #ccc;text-indent:10px;margin-bottom:25px;font-size:15px;}
.get_samples .left .form input:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:none;}
.get_samples .left .form .msg textarea{border:1px solid #ccc;text-indent:10px;min-height:200px;width:100%;padding:10px 0;font-size:15px;}
.get_samples .left .form .btn button{padding:13px 20px;text-transform:uppercase;background:#23A455;color:#fff;border:1px solid #19763D;font-size:16px;height:auto;line-height:unset;margin:0 auto;width:auto;}
.get_samples .left .form .btn button:hover{background-color: #19763D;}
.get_samples .right .instru .desc{line-height:30px;font-size:16px;font-family:"system-ui";color:#444;margin-bottom:20px;}
.get_samples .right .instru img{width:100%;}

/* categoryList */
    /* about */
    .self_nomination{padding:100px 0;}
    .self_nomination .desc{font-size:14px;}
    .self_nomination .nom .left{width:40%;overflow: hidden;}
    .self_nomination .nom .left .v{margin-left:35px;}
    .self_nomination .nom .left .v a{display:block;width:100%;}
    .self_nomination .nom .right{width:57%;margin-left:30px;overflow: hidden;}
    .self_nomination .nom .right ol{padding:20px 0 20px 30px;}
    .self_nomination .nom .right ol li{list-style: decimal;}

    .btn a{display:inline-block;padding:10px 35px;background:#fff;border:1px solid #333;text-transform: uppercase;font-family:"Oswald";margin-right:20px;color:#23A455;word-spacing:3px;}
    .btn a.on{background:#23A455;color:#fff;}
    .btn a.on:hover{background:#19763D;}

    .tabCont{padding:120px 0 100px;background:#23A455;}
    .tabCont .tit,.tabCont .desc{color:#fff;}
    .tabCont .list li{float:left;width:24%;margin-right:15px;margin-bottom:15px;}
    .tabCont .list li:nth-child(4n){margin-right:0;}
    .tabCont .list li a{display:block;background:#fff;}
    .tabCont .list li a span{display:block;position:relative;width:100%;height:200px;overflow: hidden;}
    .tabCont .list li a span img{width:100%;min-height:200px;transition: all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition-duration:1500ms;}
    .tabCont .list li a span i{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition: all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition-duration:1500ms;}
    .tabCont .list li a h4{font-size:22px;color:#55595c;text-align: center;padding:30px 10px;font-family:"Oswald";word-spacing:3px;}
    .tabCont .list li a:hover img{transform: scale(1.2);}
    .tabCont .list li a:hover span i{opacity:1;}

    /* design */
    .headphone{padding:100px 0 50px;border-bottom:2px dashed #eee;}
    .headphone .left{width:40%;}
    .headphone .left img{width:100%;}
    .headphone .right{width:56%;}
    .headphone .right .tit{padding-top:220px;}
    .headphone .right .desc div{margin-bottom:20px;}
    .headphone .right .desc p{line-height:30px;}
    .headphone .right .btn a{float:left;}

    .hot_selling{padding:50px 0 100px;}
    .hot_selling .list{background:#f2f2f2;}
    .hot_selling .list ul li{padding:30px;border-bottom:2px dashed #ddd;}
    .hot_selling .list ul li:last-child{border:0;}
    .hot_selling .list ul li .left{width:40%;}
    .hot_selling .list ul li .left img{width:100%;border:1px solid #ddd;}
    .hot_selling .list ul li .right{width:56%;}
    .hot_selling .list ul li .right h4{font-size:20px;font-weight:bold;font-family:"Oswald";word-spacing: 5px;;}
    .hot_selling .list ul li .right .tage i{color:#23A455;margin-right:10px;}

    .hot_selling .list ul li.last .left{width:50%;}
    .hot_selling .list ul li.last .right{padding:30px;width:40%;margin-top:30px;overflow: hidden;}
    .hot_selling .list ul li.last .right p.icon i{display:block;height:50px;line-height:50px;text-align:center;font-size:46px;color:#55595c;fill:#55595c;}
    .hot_selling .list ul li.last .right h4{color:#55595c;}
    .hot_selling .list ul li.last .right .intro{color:#55595c;line-height:30px;}
    .hot_selling .list ul li.last .right .btn a{background:#fff;color:#55595c;border:2px solid #55595c;margin-right:0;}
    .hot_selling .list ul li.last .right .hot{top:25px;right:-50px;width:180px;height:30px;line-height:30px;text-align:center;background:#000;color:#fff;font-family:"Oswald";letter-spacing:1px;transform:rotate(45deg);}

    /* newsLsit */
    .newsLsit{padding:100px 0;}
    .newsLsit .list article{width:49%;margin-bottom:30px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15);transition-duration:.25s;}
    .newsLsit .list article:hover{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.25);}
    .newsLsit .list article:nth-child(odd){float:left;}
    .newsLsit .list article:nth-child(even){float:right;}
    .newsLsit .list article h3{padding:30px;}
    .newsLsit .list article .posdiv{text-align:center}
    .newsLsit .list article h3 a{font-size:20px;color:#23A455;font-family:"Oswald";word-spacing:3px;}
    .newsLsit .list article .desc{color:#777;padding:0 30px 20px;border-bottom:1px solid #eee;}
    .newsLsit .list article .info{padding:0 30px;color:#adadad;font-size:12px;height:40px;line-height:40px;}

    /* articleDetails */
    .main{padding:100px 0 50px;}
    /* left */
    .main .lbox{width:65%;}
    .main .lbox .article{padding:3rem;background:#fff;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);border-radius:8px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}

    .article h1{line-height:50px;word-spacing:3px;}
    .article .directory{border:1px solid #a4afb7;border-radius:3px;height:auto;margin-bottom:30px;overflow: hidden;}
    .article .directory h4{line-height:50px;border-bottom:1px solid #a4afb7;padding:0 20px;font-family:"Oswald";word-spacing:3px;}
    .article .directory h4 i{line-height:50px;cursor:pointer;}
	i.fa-chevron-up.active:before{content:"\f078";}
    .article .directory ol{padding:20px 35px;}
    .article .directory ol li{list-style: decimal;line-height:40px;}
    .article .data{color:#23A455;}
    .article .data span{margin-right:10px;}
    .article .data span i{margin-right:3px;}
    .article .data .time{color:#666;}
    .article .content{font-size:16px;line-height:30px;}
    .article .content h2{color:#23A455;font-family:"Oswald";word-spacing:3px;margin:25px 0;}
    .article .content img,.article .content table{display:table;width:100%;height:auto;margin:0 auto;}
    .article .content table{border-collapse:collapse;border-spacing:0;}

    .article .content ol,.article .content ul{margin-left:40px;}
    .article .content ol li{list-style: decimal;}
    .article .content ul li{list-style:disc;}

    table td, table th{padding:15px;line-height:1.5;border:1px solid #ccc;vertical-align:top;text-align:center;}
    table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background:#f7f7f7;}

    /* right */
    .main .rbox{width:35%;}
    .main .rbox .aside{padding-left:2rem;}
    .main .rbox .aside .form h4{color:#23A455;font-size:20px;font-family:"Oswald";margin-bottom:20px;}
	
	.main .rbox .aside .form.fixed{top:30px;width:324px;}

    .aside .plate{padding:3rem 2rem;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);border-radius:8px;}


/******* end ***********/

/* footer */
.footer{background:#031008;padding:70px 0;color:rgba(255,255,255,0.65);}
.footer .flogo{width:40%;float:left;text-align:center;}
.footer .flogo .info{padding:10px 50px;}
.footer .column{width:20%;float:left;}
.footer dl.column dt{font-size:18px;font-family:"Oswald";color:#fff;word-spacing:3px;margin-bottom:25px;}
.footer dl.column dd{margin-bottom:20px;color:rgba(255,255,255,0.38);}
.footer dl.column dd a{color:rgba(255,255,255,0.38);}
.footer dl.column dd i{display:inline-block;width:33px;height:33px;line-height:33px;text-align:center;color:#fff;font-size:18px;background:rgba(255,255,255,0.21);margin-right:10px;cursor:pointer;}
.footer dl.column dd i:hover{background:#fff;color:#333;}
/* 加载视频 */
.vBox,.formBox{display:none;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);}
.vBox .libs{height:40px;line-height:40px;padding:10px;}
.vBox .libs .left{color:#ddd;}
.vBox .libs .right button{display:inline-block;float:left;width:40px;height:40px;line-height:40px;background:#23A455;color:#fff;font-size:18px;text-align: center;margin-right:10px;}
.vBox .box{width:80%;height:80%;overflow:hidden;background:#fff;z-index:999999;left:10%;top:10%;}
.vBox .box iframe,.vBox .box video{width:100%;height:100%;}

/* 表单弹框 */
.formBox .box{position:absolute;top:8%;left:50%;width:50%;margin-left:-26%;padding:2%;background:#fff;}

.formBox .box .close{display:block;width:20px;height:20px;line-height:20px;text-align:center;font-size:22px;cursor: pointer;transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.formBox .box .close:hover{transform: rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
}
.form .inpt,.form .msg{line-height:40px;border:1px solid #ccc;margin-bottom:20px;padding:0 10px;font-size:16px;}
.form .inpt input{display: block;width:100%;height:40px;line-height: 40px;}
.form .msg textarea{width:100%;height:120px;padding:10px 0;resize:none;}
.form .btn button{display:block;background:#23A455;color:#fff;text-transform: uppercase;width: 100%;height:40px;line-height:40px;text-align: center;font-size:16px;font-family:"Oswald";word-spacing:3px;}
.form .btn button:hover{background:#19763D;}

.formBox .box .form .fb{display:none;}
.formBox .box .form .fb.on{display:block;}
/* quote */
.formBox .box .form .quoteForm{width:70%;margin:30px auto;}
/* guide */
.formBox .box .form .guideForm{width:80%;margin:30px auto;}
.formBox .box .form .guideForm .tit h3{font-size:32px;font-weight:bold;line-height:50px;}
.formBox .box .form .guideForm .left{width:40%;}
.formBox .box .form .guideForm .left img{width:100%;}
.formBox .box .form .guideForm .right{width:55%;}
.formBox .box .form .guideForm .right .intro i{margin-right:10px;color:#23A455;}
/* wap版 */
@media screen and (max-width: 600px){
    .w1200,.w50{width:100% !important;}
    .fl,.fr{float:none !important;}
    
    .header .logo{float:none;width:80%;height:70px;overflow:hidden;padding-top:0;}
    .header .logo a img{height:40px;width:180px;max-width:100%;margin:15px 0 0 20px;}
    .header .navBtn{display:block;position:absolute;top:50%;right:0px;width:40px;height:40px;margin-top:-20px;text-align: center;border-radius:3px;}
    .header .navBtn span{display:block;position:relative;width:30px;height:3px;background-color:#fff;}
    .header .navBtn span:before,.header .navBtn span:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fffefe;
        -webkit-transition-property: margin, -webkit-transform;
        transition-property: margin, -webkit-transform;
        transition-property: margin, transform;
        transition-property: margin, transform, -webkit-transform;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    .header .navBtn span:before {margin-top:-8px;}
    .header .navBtn span:after {margin-top: 8px;}
    .header .navBtn.open span:before,.header .navBtn.open span:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fff;}
    .header .navBtn.open span:before{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .header .navBtn.open span:after{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .header .navBtn.open span{background: none !important;}
    .header .nav{float:none;display:none;position: absolute;top:70px;left:0;width:100%;background:rgba(0,0,0,.5);z-index:999;}
    .header .nav ul li{float:none !important;}
    .header .nav ul.menu>li{margin-right: 0;}

    .header .nav ul.menu>li .submenu{position:static;}


    .banner .box{height:auto;padding-bottom:30px;background-position:-285px 0px;}
    .banner .box .wrap{padding:0 20px;}
    .banner .box .slide{max-width:100%;}
    .banner .box .slide .left,.banner .box .slide .right{float: none;width:100%;}
    .banner .box .slide .right img{width:100%;}
    .banner .box .slide .left h1,.banner .box .slide .left .intro{padding:0;}
    .banner .box .slide .left h1 span{height:auto;font-size:42px;text-align:center;}
    .banner .box .slide .left .intro{}
    .banner .box .slide .left .tab a:first-child{float:left;}
    .banner .box .slide .left .tab a:nth-child(2){float:right;}
    .banner .box .slide .left .tab a{margin-right:0;width:45%;padding:10px 0;text-align:center;}

    .partners ul.item li{width:40%;height:50px;margin-bottom:10px;}
    .partners ul.item li:nth-child(even),.gallery .right .list ul li:nth-child(even){float:right;}
    .partners ul.item li:nth-child(odd),.gallery .right .list ul li:nth-child(odd){float:left;}
    .partners ul.item li img{width:100%;height:auto;max-height:100%;}
    .partners ul.item li:nth-child(2) img{margin-top:10px;}

    .ourcase .left,.ourcase .right,.service .advantage ul li{float: none;width:100%;padding:0;}

    .service{padding:30px 20px 0;}
    .service .right .tit,.service .advantage,.gallery .right .list,.videos .right .desc{padding-left:0;}

    .gallery .left,.gallery .right{width:100%;margin-bottom:20px;}
    .gallery .right .list ul li{width:47%;margin-right:0;}

    .videos .left .list ul li{width:30%;}
    .videos .left .list ul li:nth-child(even){margin-right:10px;}
    .videos .left .list ul li:nth-child(3n){margin-right:0;}
    .videos .left .list ul li span img{min-height:68px;max-height:100%;}
    .videos .right .tit{padding:20px 0;}

    .quote{padding:20px;}
    .quote .left,.quote .right,.clients .left .v,.get_samples .left .form{width:100%;}

    .shipment .box ul li{float:none;width:100%;}
    .shipment .box ul li img{width:35%;}
    .shipment .box ul li:nth-child(odd) img{margin-left:20px;}
    .shipment .box ul li:nth-child(even) img{margin-right:20px;}

    .clients .right .list ul li.on .desc{height:100px;}
    
    .get_samples .left{margin-bottom:20px;}
    .get_samples .left .form .box{padding:20px !important;}
    .get_samples .left .form .msg textarea{min-height:100px;width:93%;padding:10px;text-indent:0;}

    /* list */
    .self_nomination,.tabCont,.newsLsit{padding:50px 20px;}
    .self_nomination .nom .left,.self_nomination .nom .right{width:100%;}
    .self_nomination .nom .left .v,.self_nomination .nom .right{margin-left:0;}

    .btn{height:50px;text-align:center;}
    .btn a:first-child{float:left !important;}
    .btn a:last-child{float:right !important;}
    .btn a{margin-right:0;}

    .tabCont .list li{float:none;width:100%;margin-right:0;}

    /* newsLsit */
    .newsLsit .list article{float:none;width:100%;}
    .newsLsit .list article img{display:block;width:90%;margin:0 auto;}
	/* newsDetails */
	.main{padding:50px 10px;}
	.main .lbox,.main .rbox{width:100%;}
	.main .lbox .article{padding:1rem;}
	.article .directory h4 i{float:right !important;}
	.main .rbox .aside .form.fixed{position:static;}
	figure,.main .rbox .aside{margin:15px 0;}
	table td, table th{padding:5px;}
	.article .content ol, .article .content ul{margin-left:25px;}
	.main .rbox .aside{padding-left:0;}
	.aside .plate{padding:1rem;}
	.main .rbox .aside .form.fixed{width:auto;}
	
	/* design */
	.headphone{padding:50px 20px;}
	.headphone .left,
	.headphone .right,
	.hot_selling .list ul li .left,
	.hot_selling .list ul li .right,
	.hot_selling .list ul li.last .left,
	.hot_selling .list ul li.last .right{width:100%;}

	.headphone .right .tit{padding-top:20px;}
	.hot_selling{padding:20px;}
	.hot_selling .list ul li{padding:15px;}
	.hot_selling .list ul li .left{margin-bottom:10px;}
	.hot_selling .list ul li .right .btn a{float:none !important;}
	.hot_selling .list ul li.last .right{padding:10px 0;}
	.hot_selling .list ul li.last .right .hot{top:10px;right:-70px;}

    /* footer */
    .footer .flogo{float:none;width:100%;}
    .footer .flogo .info{padding:10px 20px 20px;}
    .footer .column{width:26%;margin-left:20px;}
    .footer dl.column dd{margin-bottom:10px;}
    .footer dl.column dd i{width:22px;height:22px;line-height:22px;margin-bottom:10px;font-size:12px;}
    .footer dl.column dd i:last-child{margin-right:0;}

    .vBox .libs .left{float:left !important;}
    .vBox .libs .right{float:right !important;}
    .vBox .box{height:40%;width:90%;top:15%;left:5%;}
    

    /* 表单 */
    .formBox .box{width:90%;max-height:95%;overflow-y:scroll;margin-left:-47%;top:2%;}
    .formBox .box .close{position:fixed;top:25px;right:25px;z-index:666;}
    .formBox .box .form .msg textarea{height:80px;}
    .formBox .box .form .quoteForm,
    .formBox .box .form .guideForm{width:90%;}
    .formBox .box .form .guideForm .tit h3{font-size:20px;line-height: 30px;}
    .formBox .box .form .guideForm .left{margin:0 auto;}
    .formBox .box .form .guideForm .right{width:100%;}
}