.center {text-align:center;}

.red {color:red;}

.clear{clear:both;}

.commonnav {height:20px;line-height:20px;padding-left:5px;}

.header{ z-index:100; margin-bottom:10px;}

.headerimgtel span.tel { background: url(images/contacticon.gif) 0px -28px no-repeat; height:32px; line-height:32px; padding-left:35px; display:block; }

.headerimgtel span.email {background: url(images/contacticon.gif) 0px 0px no-repeat; height:28px; line-height:28px; padding-left:35px; display:block; }

.menu{border:none;border:0px;margin:0px;padding:0px; background-color:#007a51; overflow:hidden;/* rounded corner */-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }

.menu ul{list-style:none;margin:0;padding:0;}

.menu li{margin: 0;padding: 0;list-style: none; float: left; }

.menu li a{line-height: 100%;font-weight: bold;color: #fff;display: block;padding: 14px 30px;text-decoration: none;}

.menu li a:hover{color: #fff;background: #006946;}

.menu li ul{background:#60be99;border-left:2px solid #008853;border-right:2px solid #008853;border-bottom:2px solid #008853;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:190px;z-index:200;}

.menu li:hover ul{display:block;}

.menu li li {display:block;float:none;width:190px;}

.menu li ul a{display:block;font-size:12px;font-style:normal;padding: 14px 20px;text-align:left;}

.menu li ul a:hover{background:#00c276;color:#000000;opacity:1.0;filter:alpha(opacity=100);}

.menu p{clear:left;}

.container{ margin:0 auto;}

.leftsidebar ul li.none {border:none;}

.footer { margin:0 auto; background-color:rgba(136,136,136,0.04); border-top:1px solid rgba(136,136,136,0.15); }

.wrap{width:966px;}

.wrap {max-width:100%;padding:0 44px; margin:0 auto;}

.footer .widget {color:#888888;padding:0 22px;}

.footer .widget {margin-bottom:30px;}

.footer .widget, .wf-cell {display:inline-block; vertical-align:top;}

.footer .widget,.wf-cell{-webkit-box-sizing:border-box;box-sizing:border-box;}

.footer .color-primary,a, a:visited {color:#3a3a3a;}

.footer .widget-content a:hover, .leftsidebar a:hover{color:#0066cc;}

.productlist:after, .container:after, .con-right:after, .videolist:after {content:"";display:table; clear:both;}

.contactus li.whatsapp {background:url(images/icon.png) no-repeat 0px -72px;}

.productinfo .smallimglist {margin-top:10px;}

.smallimglist img{width:80px;height:60px;margin-right:5px;border:none;}

.product-Param-table {border:0; width:100%; }

.product-Param-table tr { text-align:center; line-height:30px; height:30px; background-color:rgba(136,136,136,0.15); }

.product-Param-table tr.c {background-color: #dedfde;}

.product-Param-table tr td span { display:block; height:25px;}

.product-Param-table tr td.emp {background-color:#007a51; color:white; }

.product-Param-table tr td.emp a{ color:white; }

.product-Param-table tr td.conLeft {text-align:left; padding-left:10px;}

.con-red {color:red;}        

ul.table li{border:solid 1px #000; margin-right:1px; margin-bottom:1px; float:left; width:45%; height:20px; padding-left:10px}

ul.table li.package{height:66px; width:10%; line-height:66px; text-align:center;}

ul.table li.item {width:33%;}

.tip {padding-top:10px;}

.productlist {padding-top:10px; padding-bottom:10px;}

.productlist a { text-decoration:none; margin-left:10px; display:block; *display:inherit;}

.productlist a:hover{text-decoration:initial;}

.productlist .itemNo a { height:auto; }

.productlist img { max-width:100%; height:auto; border:none; }

.productlist a strong { display:block;line-height:28px; text-align:center; height:28px; font-weight:400; overflow:hidden;}

.product-Param-table tr td a { margin-left:0; display:initial; }

.contact h1{text-align:center;}

.aboutpage a, .newscontent a {color:#0061de;}

.newspage .author {width:229px; padding-left:20px;}

.newspage .source {width:249px; padding-left:0px;}

.newspage .date {width:209px; padding-right:20px; text-align:right;}

.newspage .newscontent { padding-left:10px; padding-right:10px; margin-top:10px; }

.newspage .newscontent h2 {font:normal normal normal 15px / 23px "museo-slab", Helvetica, Arial, Verdana, sans-serif;font-weight:bold; line-height:33px; }

.newspage .title a {font-weight:600;}

.newscontent p.italic {font-style:italic; font-size:.9em;}

.newscontent span.right { display:block; text-align:right;}

img.w700 {width:700px;}

.list-paddingleft-2 {padding-left:20px;}

.list-paddingleft-2 li{list-style-type: decimal; }

.videoItem {width:100%; height:600px; }

.videoItem .Des {text-align:left;}

.videoItem .Des a.button{ color:white; text-decoration:none;}

.menu {margin-top:15px;}

.span4 { width:185px; height:auto; }

.production-con {width:100%;}

.production-con ul{}

.production-con ul li{width:31%; float:left; margin:10px;}

.production-con ul li a{margin:0 auto; display:block; text-align:center;}

.production-con ul li img {max-width:100%; height:auto; border:none;}

.production-con ul li strong {font:normal normal normal 21px / 23px "museo-slab", Helvetica, Arial, Verdana, sans-serif;}

.con-left {float:left; width:45%;}

.con-right {}

.item-machine {}

.item-machine:after {content:"";clear:both;    }

.left-content {width:49%; display:block; float:left;}

.right-video {width:49%; float:right;  }

.item-video {width:100%;}

    select.text10 {width: 20%;padding: .4em;float: left;}

    input.text { margin-bottom:12px; width:95%; padding: .4em; }

    textarea.text { margin-bottom:12px; width:95%; padding: .4em; }

    input.text85 {margin-bottom: 12px;width: 75%;padding: .4em;}

    .validateTips { border: 1px solid transparent; padding: 0.3em; }

.q-color p.title { height:50px; line-height:50px; background-color:#3c91c7; color:white; font-size:1.2em; padding-left:20px; margin-top:20px;  }

a.button { background-color:#ffa607; border:solid 1px #e87b0e; padding:5px; color:white; font-weight:bold; margin-top:6px; margin-bottom:6px; display:inline-block; }

a.button:hover{background-color:#fdb72e; }

{
body {  width:100%; font-size:10pt; }
.wrap,.q-color{  width:auto; }
#header{ height:auto;}
.headermain { margin-top:10px;}
.headerlogo { width:350px;}
.headerimgtel { width:190px;}
.menu {margin-top:10px;}
.menu li a { padding:14px 25px;}
.span2 { width:48%;}
.span4 { width:25%;}
.wf-container {margin:0 -30px;}
.wrap {padding:0 30px;}
.videoItem {height:500px;}
.youtube-video { width:95%; height:70%;}
}

{
body {  width:100%; font-size:10pt; }
.wrap,.q-color{  width:auto; }
#header{ height:auto;}
.topnavul{display:none;}
.headermain {margin-top: 10px;}
.headerlogo { width:320px; margin-bottom:10px;}
.headerimgtel {display:none;}
.leftsidebar {display:none;}
.rightcontainer { width:100%;}
.menu {margin-top:5px;}
.menu li a { padding:14px 20px;}
.span2 { width:48%;}
.span4 { width:33%;}
.workshop-img-list img {width:45%; margin-bottom:10px;}
.productinfo .picture {width:100%;}
.productinfo .contactus{width:95%;}
.wf-container {margin:0 -20px;}
.wrap {padding:0 20px;}
.wf-1-4 {width:50%;}
.copyright span { padding-right:0px; }
.copyright img {display:block; text-align:center; margin:0 auto;}
.videoItem {height:400px;}
.youtube-video { width:95%; height:70%;}
.class-des ul li{width:33%; float:left;}
.contactpage {background:none;}
.contactpage ul {margin-left: 15px; width: 99%;}
}

{
body {  width:100%; font-size:10pt; }
.wrap,.q-color{  width:auto; }
#header{ height:auto;}
	.topnavul {
		display: none;
	}
.headermain { margin-top:5px;}
.topnav { display:none;}
.headerlogo { width:100%;}
.headerimgtel { display:none; }
.headerimgtel span { font-size:120%;    }
.headerimgtel span.tel { background-color:#4d0089; height:29px; line-height:29px; }
.headerimgtel span a {color:#fff;}
.headerimgtel span.email {background-color:#228e00; }
.leftsidebar {display:none;}
.rightcontainer { width:100%;}
.menu {margin-top:5px;}
.menu li a { padding:14px 20px;}
.span2 { width:95%;}
.span4 { width:49%;}
.workshop-img-list img {width:45%; margin-bottom:10px;}
.copyright span { padding-right:0px; }
.copyright img {display:block; text-align:center; margin:0 auto;}
.contactpage ul { margin:0; padding:0; width:99%;}
ul.table li{width:100%; height:auto; border:none; display:block; }
ul.table li.b {font-weight:bold;}
ul.table li.package{ width:100%; background-color:#4d0089; height:30px; line-height:30px; color:#fff; }
ul.table li.item {width:auto;}
.productinfo .picture {width:100%;}
.productinfo .contactus{width:95%;}
.wf-container {margin:0 -10px;}
.wrap {padding:0 10px;}
.wf-1-4 {width:100%;}
.videoItem {height:380px;}
.youtube-video { width:95%; height:50%;}
.class-des ul li{width:50%; float:left;}
	.contactpage {
		background: none;
	}
		.contactpage ul{margin-left:15px; width:99%;}
}