/*
Wintone Machinery.compact
Designed By web.ecidea.net
*/
@font-face{font-family: 'Impact';src : url('../images/Impact.ttf');}
body{background-image: linear-gradient(to right ,#ebf9dc, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff,#eef3bc);}
.fc1-wt{color:#006533;}
.fc1-wt a,.fc1-wt-udl a{color: #006533;}
.fc1-wt-udl a{text-decoration:underline;}
.fc1-wt-udl a:hover{text-decoration: none;}
.fc2-wt{color:#f8b500;}
.ft-bg{background:#015d34;background-image: linear-gradient(to right bottom, rgb(139 195 74 / 58%),rgb(0 150 136 / 48%), rgb(76 175 80 / 56%));}
.bg1{background:#d5d5d5;}
.bg2{background:#f8b500;}
.ft1{ padding: 0 0 0.5rem 0;}
#inquiry form{max-width: 800px; margin: 0 auto;}

hr{border-top-width:10px; border-top-color: rgb(0 101 51 / 0.10);}

.toplang-wt{font-size:0.8rem;}
.toplang-wt * span{color:#333;}
.toplang-wt * a{color:#999; text-decoration:underline;}
.toplang-wt * a:hover{text-decoration:none;}
.toplang-wt * li{border-right:1px dotted #666; padding:0 10px;}
.toplang-wt * li.nobd{border:0;}

.header-wt{background:url(../images/header_bj.jpg) repeat-x;background: rgb(255 255 255 / 68%);/*background-image: linear-gradient(to top,#fff7d9, #fff9ed, #fdfdfd);background-image: linear-gradient(to bottom,#fffae9, #ffc10785);*/}
.header-item * a{color:#999; margin-right:10px; font-weight:bold; font-size:0.8rem;}
.header-item * img{width:15px; height:auto; margin-right:5px;}
.header-item * {border-radius:0;}
.header-item * input{height:25px;}
.header-item p{margin-bottom:0.5rem;}
.header-item * button{ height:34px; padding:0 10px; }

.nav-wt{background:#006533;background-image: linear-gradient(to top,#004423, #006533, #006d37);}
.nav-wt a{padding:1rem 0.5rem; color:#fff; font-size:1.2rem; font-weight:bold; text-decoration:none;white-space: nowrap; text-align:center;}
.nav-wt a:hover{color:#333;background:#daab01;background-image: linear-gradient(to top,rgb(156 118 4 / 92%), rgb(248 181 0 / 25%));/*border-radius: 0 50px 0 50px;*/}
.select-wt{border-radius:0; max-width: 180px; height:1.5rem; font-size:0.7rem; padding:0.2rem;}

h3,h4,h6{color:#006533; font-weight:bold;text-transform: uppercase;}
p{text-align:left;}

.nbanner{ width:100%;}
.pcbanner{ width:100%; display:block;}
.mbanner{ display:none;}

/*main process materials radius*/
.rad-wt li div{max-width:240px; border-radius:50%; border:6px solid #ccc; position:relative; padding:8px; overflow:hidden;}
.rad-wt li * span{display:inline-block; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.35); color:#fff; text-align:center; width:100%; height:3rem}
.rad-wt * img{border-radius:50%; margin:auto;}

/*main process materials class 2*/
.rad-wt1 li{margin-bottom:1rem;}
.rad-wt1 li div{max-height:120px; position:relative; overflow:hidden; border-radius:5%;}
.rad-wt1 li * span{display:inline-block; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.35); color:#fff; text-align:center; width:100%; height:1.8rem}
.rad-wt1 * img{margin:auto;transition: all 0.8s;min-height: 66px;}
.rad-wt1 * img:hover {
    transform: scale(1.05);
}
.poc-wt p{color:#696969; margin-right:20px; font-size:0.8rem; text-align:center; color:#999; padding:0 10px;}
.poc-wt p img{max-width:80px; height:auto;}
.poc-wt p span{padding:2px 5px; background:#006533; color:#fff; margin-right:5px;}

/*artcial list*/
.art-list{padding-left: 0;}
.art-list li{list-style:none; margin-right:0; margin-bottom:10px; padding-bottom:5px;}
.art-list li a{color:#333; text-decoration:none;}
.art-list li a:hover{color:#dc3545; text-decoration:underline;}
.art-list li span{background:#dc3545; font-size:0.8rem; color:#999; margin-right:20px; padding:0.2rem 0.5rem;}

.ftnav-wt * ul{margin-left:10px;}
.ftnav-wt * ul li{padding:5px 0; list-style-image:url(../images/list-square.png);}
.ftnav-wt * ul li a{color:#fff; font-size:0.9rem;}
.ftnav-wt * h6{padding-bottom:10px; border-bottom:1px dotted #127710;}

.ftcprt-wt{background:#006533; color:#eee; padding:20px 0;}
.ftcprt-wt a.l-lxfs{color:#ffc107; text-decoration:underline;}
.ftcprt-wt a.l-lxfs:hover{color:#ffe7ab; text-decoration:none;}

.ftcprt-wt span{margin-right:20px;}
.ft-qrcode img{width:100%; height:auto; max-width:138px;}
.ft-qrcode{font-size:0.8rem; color:#fff;}

.ftxp-wt{background:white; padding-top:10px; padding-bottom:10px; text-align:center;}
.ftxp-wt * img,.icon-s1 * img,.icon-s1-img{max-width:18px; height:auto; margin-bottom:0px;}
.icon-s1 * a{width:100%;}
.icon-s1 * img{margin-right:10px;}
.ftxp-wt * a{color:#666; text-decoration:none;}
.ftxp-wt * li.btn1{background:#006533;}
.ftxp-wt * li.btn2{background:#f8b500;}
.ftxp-wt * li.btn1 a{color:#fff;}
.ftxp-wt * li.btn2 a{color:#333;}

.btn-wt{background:#006533; color:#FFF; padding:5px 20px; border-radius:0;}
.btn-wt a:hover{color:#f8b500;}

.link-s1,.link-s3{background:#f8b500; color:#333; padding:2px 10px; border-radius:1rem; text-decoration:none; font-size:0.8rem;}
.link-s1:hover,.link-s3:hover{color:#006533;}
.link-s1 img{width:12px; height:auto; margin-bottom:4px;}
.link-s2 a{color:#999; font-size:0.8rem; margin-right:10px;}
.link-s3{padding:5px 15px; font-size:1rem; font-weight:bold;}

.bg-none{background:none;}

/*cplist style*/
.img-wrap1{max-height:280px; overflow:hidden;}
.img-wrap2 li div{height:120px; overflow:hidden;}
.img-wrap2 li p,.img-wrap3 li p,.img-wrap4 li p{margin-bottom:0;border-top: 1px #006533 solid; text-align:center;padding: 0.5rem 0.2rem;/*background-image: linear-gradient(to top,#ffffff, #f7ea91);*/}
.img-wrap2 li p a,.img-wrap3 li a,.img-wrap4 li a{color:#333;}
.img-wrap2 li div.mw{text-align:center; font-weight:bold;}
.img-wrap2 li div.mw a{display:inline-block; color:#FFF; width:100%; height:100%; line-height:7rem;background:#006533;}
.img-wrap2 li div.mw a:hover{color:#f8b500;}
.img-wrap3 li:hover p, .img-wrap4 li:hover p{ background:#f8b500;background-image: linear-gradient(to top,#e9ec2b, rgb(255 193 7 / 28%));}
.img-wrap3 li div{width:100%; max-height:191px; overflow:hidden;}
.img-wrap3 li div a img , .img-wrap4 li div a img{width:100%; height:auto;transition: all 0.8s;}
.img-wrap3 li div a img:hover , .img-wrap4 li div a img:hover{transform: scale(1.05);}
.img-wrap4 li div{width:100%; max-height:240px; overflow:hidden;}

.pagination li a{background:#006533; color:#FFF;}
.pagination li a:hover{background:#f8b500; color:#333;}

/*cp content style*/
.badge-wt{background:#CCC; color:#FFF; margin-right:0.5rem;}
.cont * img{display:block;margin:0 auto;padding:16px 0 10px;max-width:100%;width:auto !important;height:auto !important}

/*radius*/
.btn-rad1{border-radius:1rem;}

/*border style*/
.bb-da,.bb-da-list li{border-bottom:1px dashed #ddd;}


/*font weight*/
.fw-b1{font-weight:bold;}

/*link-item*/
.link-item * a,.link-item a
.link-item1 * a,.link-item1 a
{color:#333; text-decoration:underline; margin-right:10px;}
.link-item a:hover{color:#f8b500; text-decoration:none;}
.link-item1 a:hover{color:#666; text-decoration:none;}

/*artical content*/
.info-item,.info-item li{display: inline;}
.info-item span{color:#666; margin-right:0.5rem;}
.info-item li{color:#999; margin-right:1rem;}
.info-item * a{color:#999; text-decoration:underline; margin-right:0.5rem;}
.info-item * a:hover{colro:#666; text-decoration:none;}

/*pre next*/
.pn span{margin-right:10px;}
.pn a{color:#666; text-decoration:underline;}
.pn a:hover{color:#333; text-decoration:none;}


/*input*/
.web-search{background:#ddd; padding-top:20px; padding-bottom:10px; margin-bottom:0;}
.web-search input,.web-search * input,.web-search button,.web-search * button{border-radius:0;}
.web-search button,.web-search * button{background:#fff; border:1px solid #ccc;}

/*wrap include title of positon*/
.img-wrap5 li{margin-bottom:20px;}
.img-wrap5 li div{position:relative;}
.img-wrap5 li p{position:absolute; z-index: 999; padding: 0.2rem; background-color:rgba(0,101,51,0.8); bottom:0; width:100%; overflow:hidden;}
.img-wrap5 li p a{ display:inline-block; width:100%; height:100%;}

/*page nav*/
.pagination li.page-item-i span{display:block; padding:0.4rem 0.75rem; background:#f2bc2c; color:#333;}
.cpnr-titimg img{width:auto; max-height:390px;transition: all 1s;}
.cpnr-titimg img:hover{transform: scale(1.1);}

/*²úÆ·ÄÚÒ³2021*/

.cpinfo-warp {border-top: 1px solid #f3cb3e;padding-top: 20px;}
.cpinfo-warp p b {color: #00612e;}
/*.pro2021 { background:url(pro2020bg.jpg)}*/
.pro2021 h1 { font-family:Impact; color:#006533; text-transform: capitalize; }
.pro2021 h3 {font-size: 1.8rem;padding: 25px 0;text-align: center;line-height: 40px;text-transform: uppercase;display: list-item;list-style-image: url(../images/proh3bg.png);list-style-position: inside; }
.pro2021 h3:after{content: '';position: absolute;height: 2px;width: 30%;background: #f8b500;background-image: linear-gradient(to left,#07f4ff, #dc3545);right: 35%;margin-top: 50px;}
.pronav{list-style: none; width:100%; padding-left: 0;line-height:40px; height:40px; overflow: hidden;border-bottom: 1px solid #006533; }
.pronav li{ float:left; padding-right: 10px; width:20%;}
.pronav li a { text-align: center; font-weight: 600; background:#eddea9;background-image: linear-gradient(to right,rgb(0 101 51 / 0.3), rgb(255 193 7 / 0.3)); color:#333; display: block; padding:0 2%; border-radius: 15px 15px 0 0; border: 1px dashed #006533; text-transform: uppercase; }
.pronav li a:hover , .pronav li.no a{ color:#fff; background:#62987e;}
.provideo { text-align:center}
.provideo video , .provideo iframe  { width:700px;height:auto; max-width:100%; min-height:400px;}
.progy dl { width:100%; padding:3% 5%; overflow:hidden; background: #f6f6f6; }
.progy dl dt{ float:left; width:40%; padding-right:5%;  }
.progy dl dd{ float:left; width:60%;}
.proys h4 {line-height:40px; padding-top:5px;padding-left: 20px; border-top: 1px solid #006533; border-radius: 40px 0 0; color:#006533;}

.protu{ margin-bottom:20px; overflow: hidden;}
.protu ul{ padding:0; list-style-type: none; float:left;}
.protu ul li{ float:left; width:49%; margin:0 1% 20px 0;}
.protu ul li img{ padding:0;border-radius: 20px;}



#ib_iconDiv { bottom:240px!important; right:20px!important;}
.right-mail, .whatsapp-web, .whatsapp-app, .gotop { position: fixed; z-index:999; height: 52px; width:52px; right: 20px; border-radius: 12px; background: #006533; padding: 6px; }
.whatsapp-web {bottom: 180px;background: rgb(0 101 51 / 85%);}
.whatsapp-app { display:none;}


.right-mail {bottom: 120px;background: rgb(0 101 51 / 85%);}
.gotop {bottom: 60px;background: rgb(0 101 51 / 75%);}
#ib_iconDiv:hover , .right-mail:hover , .whatsapp-web:hover, .whatsapp-app:hover, .gotop:hover {-moz-transform:translateY(-4px);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)}
#ib_iconDiv , .whatsapp-web, .whatsapp-app, .right-mail , .gotop{-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
@media (max-width: 1200px){
#ib_iconDiv {width: 42px!important;height: 42px!important;max-height: 42px!important;right: 10px!important;bottom: 250px!important;}
#ib_img {background-size:40px!important;background-position: center center!important;}
.whatsapp-web{display:none;}
.whatsapp-app{display:block;width: 42px!important;height: 42px!important;max-height: 42px!important;right: 10px!important;bottom: 200px!important;}
.right-mail{width: 42px!important;height: 42px!important;max-height: 42px!important;right: 10px!important;bottom: 150px!important;}
.right-mail img , .whatsapp-app img{width: 30px;height: 30px;}
.gotop { display:none!important;}
}


/*product cataloge list*/
.pcl{margin:0.8rem 0; padding:0.8rem 0; border-bottom:1px solid #eee;}
.pcl .pcl-tit{font-weight:bold; text-align:right;line-height: 40px;}
.pcl .pcl-lc a , .ch-sub a{color:#333; display:inline-block; padding:0.4rem 0.8rem;border-radius: 0.5rem; background:#ffd761;background-image:linear-gradient(to top left,#ecead7, #ffffff); font-weight: 500; margin-right:1rem; margin-bottom:0.5rem;}
.pcl .pcl-lc a:hover , .ch-sub a:hover{ background:#b98b02;background-image: linear-gradient(to top left,#966e02, #ffc107); color:#fff; text-decoration:none;}

.pclm{border-radius:0; border:0; margin-bottom:0.5rem;}
.pclm .pclm-tit{background:#006533; padding:0; border-radius:0;}
.pclm .pclm-tit *{color:#fff; text-decoration:none; font-weight:bold;}
.pclm * .pclm-con{background:#f8b500;}
.pclm * .pclm-con a{color:#333; text-decoration:underline; margin-right:1rem; display:inline-block;}

.proindex{background: #ffdd78;background-image: linear-gradient(to right bottom,#ffc107, rgb(23 162 184 / 0.6));padding: 3rem 0;}
.proindex .img-list{position: relative;}
.proindex h3 {color: rgb(0 101 51);padding: 20px 5px 30px;font-family: Impact;font-size: 1.6rem;text-align: center;font-weight: 400;}
.proindex .proindexleft{ padding-bottom: 10px; float:left; position: relative; border-radius:1rem;}
.proindex .proindexleft span{border: 1px #ddd solid;border-radius: 1rem;display: block;padding: 1rem;margin-bottom: 10px;}
.proindex .proindexleft .cpinfo-warp { border:none;}
.cpinfo-warp {width: 100%;overflow: hidden;}
.cpinfo-warp dl {width: 100%;float: left;border: 1px #006533 solid;padding:0.5rem 1rem; line-height:1.6rem;margin-bottom: 8px;border-radius: 0.5rem;}
.cpinfo-warp dl dt { font-weight: 600; color: #006533; float: left; text-transform: uppercase; }
.cpinfo-warp dl dd {float: left; margin: 0 0 0 0.6rem;}
.cpinfo-warp dl dd ul {margin: 10px -15px -5px -25px;}
.cpinfo-warp dl dd ul li { padding:0 10px;}
.cpinfo-warp dl dd ul li p { line-height:1.2rem;font-size: 0.8rem;padding: 0.33rem; }
.proindex .proindexright{background:#ffc107; padding: 20px 0; float:right;position: absolute;right: 0;border-radius:1rem;overflow:hidden;}
.proindex .proindexright div{ width:100%;overflow:hidden;}
.proindex .proindexright div img{ transition: all 0.8s; width: 100%;}
.proindex .proindexright div img:hover{transform: scale(1.05);}
.proindex .proindexright .promore1 , .proindex .proindexright .promore2{text-align: center; color: #ffffff;width: 40%; margin:30px 5%;line-height: 36px; float:left;display: block;}
.proindex .proindexright .promore1{background-color: rgba(0, 0, 0, 0.5);}
.proindex .proindexright .promore2{background-color: #ff1c36;}
.proindexnav{position: fixed; left:10px; top:180px; border-bottom:none; z-index:999;}
.proindexnav span{background: #edc01b;color: #006533;padding: 0.5rem;text-align: center;text-transform: uppercase;display: block; font-weight: bold;margin-left: -10px;margin-bottom: 10px;}
.proindexnav ul{border-left: 2px #006500 solid; list-style-type: disc; content:"."; color:#006533; }
.proindexnav ul li { width:140px; }
.proindexnav ul li a{ width:100%; text-align:center;}
.bg20{/*background-image: linear-gradient(to right bottom,rgb(253 195 21 / 60%), rgb(255 255 255 / 79%));border-radius: 1rem;*/}

.cpinfo-warp .cppic{ border:none;}

.prolist{}
.titinfo{ height: 180px; padding: 50px 0;margin: 0;background-image: linear-gradient(to right bottom,#ffc107, rgb(187 201 127));}
.titinfo h1{color: #333; text-align:center;}
.titinfo p{color: #555; text-align:center;}
.prolist .cpinfo-warp dl{line-height: 2.8rem; border:none;}
.prolist .cpinfo-warp dl dt { font-size:1.2rem;}
.prolist .cpinfo-warp ul dd { font-size:1.1rem; float:left;}
.prolist .cpinfo-warp ul li{ float:left;}
.protitlist{ float:left; list-style-image: url(../images/dianzan.png); padding-left:0;list-style-position: inside; }
.prolist .cpinfo-warp ul li span{ color:#333; line-height:1.8rem;}
.prolist .proindexnav ul li{ width:auto;}
.prolist .proindexnav ul li a{border-radius:0;background: none;background-image: linear-gradient(to top left,rgb(255 255 255 / 0.2), rgb(254 255 254 / 0.2));}
.prolist .cpinfo-warp .corn-cp { text-align:center;}
.prolist .cpinfo-warp .corn-cp li span{ display:block;font-weight: 500; line-height:1.1rem; height:2.2rem;}






@media (max-width: 1440px){
.proindex .container{max-width: 990px;}
}
@media (max-width: 1280px){
.proindexnav{position: relative; width:100%; top:0; left:0; float:left;border-bottom: 1px #fff solid;}
.proindexnav span{ font-size:1.2rem;background: #b9bd53;}
.proindexnav ul{border-left:none; list-style-type: none;}
.proindexnav ul li { float:left; width:auto;}
.proindexnav ul li a{ width:auto; }

}
@media (max-width: 992px){
.proindex{padding: 0 0 0.3rem 0;}
.proindex .proindexright{position: relative;}
.proindex .proindexright, .proindex .proindexleft{ border-radius:0;}


}
@media (max-width: 769px){
.nav-wt a {padding: 0.5rem 0.5rem; font-size: 1rem;}
.cpnr-titimg { padding:0 !important;}
.header-wt {padding:8px 5px;}
.header-wt .col-6{ padding:0;}
.progy dl dt , .progy dl dd , .protu ul li{ width:100%;}
.pronav { height:auto; border-bottom:0;}
.pronav li { width:50%; padding:0;}
.pronav li.no{ }
.pronav li a  {border-radius:10px; white-space: nowrap;overflow: hidden; line-height:40px; margin:3px;}
.provideo video , .provideo iframe  {max-width:100%; min-height:300px;}
.pro2021 h3 {font-size: 1.3rem; padding:15px 0; line-height: 28px; display: block;padding-left: 40px;list-style-image: none;text-align: left;background: url(../images/proh3bg.png) no-repeat 0rem 1rem;background-size: 2rem 1.5rem;}
.pro2021 h3:after {width: 60%;left: 15px;margin-top: 2.1rem;}

.proys h4, .proys strong { line-height:24px;border-radius: 20px 0 0;padding-left: 10px;}
.pcbanner{display:none;}
.mbanner{ display:block; width:100%;}

}