@font-face{font-family:"MyriadLt";src:url("AdobeCorpID-MyriadLt.woff") format("woff"),url("AdobeCorpID-MyriadLt.otf") format("OpenType"),url("AdobeCorpID-MyriadLt.ttf") format("TrueType"),url("AdobeCorpID-MyriadLt.svg") format("svg"),url("AdobeCorpID-MyriadLt.eot") format("embedded-opentype");font-weight:normal;font-style:normal;}
* {margin:0;padding:0;}
html,body {background:#fff;font-size:14px;width:100%;font-family:MyriadLt;color:#505050;text-align:left}
a {color:#505050;text-decoration:none}
ol,li,ul {list-style:none}
header{width:100%;height:92px}
img {border:none}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.mobile-home-btn {display:none}
.mobile-menu-btn {display:none}
.topnav {width:100%;height:35px;background:#4b494c}
.topnav div{width:980px;height:35px;margin:0 auto;line-height:35px;font-family:Arial;font-size:12px;position:relative;}
.topnav a {height:20px;line-height:20px;margin-top:7px;display:block;color:#9fa0a0;float:left}
.topnav .multilang {display:none;position:absolute;float:left;top:35px;left:150px;width:130px;height:auto;margin:0;background:#6e6c70;z-index:1024}
.topnav .multilang a {display:block;width:100px;height:30px;line-height:30px;color:#c9caca;padding-left:30px;border-top:1px solid #888;margin:0}
#showroom {width:60px;margin-left:20px;padding-left:25px;background:url(../header_bg.png) 0 -3px no-repeat}
#sendmail {width:35px;margin-left:40px;padding-left:25px;background:url(../header_bg.png) 0 -28px no-repeat}
#lang {width:60px;margin-left:40px;padding-left:32px;background:url(../header_bg.png) 0 -48px no-repeat}
.topnav a:hover{color:#f18c16}
.menu {width:100%;height:59px;line-height:60px;background:url(../header_bg.png) 0 -465px repeat-x}
.menu nav {width:980px;height:60px;margin:auto}
.menu nav ul a {font-family:Arial;color:#666;}
.menu nav ul a:hover {color:#fc9000;}
.menu nav a[rel="home"] img{margin-top:12px;}
.menu nav ul {width:612px;height:60px;float:right;position:relative;}
.menu nav ul li a{float:left;padding:0 14px;}
.menu nav ul ul li {width: 85%;padding-left:35px;height:35px;line-height:30px;float:left;border-bottom:2px solid #e6e7e7;}
.menu nav ul ul li:last-of-type {border-bottom:1px solid #fc9000;}
.menu nav ul ul {display:none;width:203px;height:185px;position:absolute;padding-top:6px;left:0;top:50px;z-index:999;background:url(../header_bg.png) 35px -545px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(1){width: 100%;border-top:1px solid #fc9000;padding-left:35px;background:white url(../header_bg.png) 10px -72px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(6){width: 100%;border:none;background:white url(../header_bg.png) 10px -228px no-repeat;border-bottom: 1px solid #fc9000;}
.menu nav ul li:first-of-type ul li:nth-child(2){width: 100%;background:white url(../header_bg.png) 10px -103px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(3){width: 100%;background:white url(../header_bg.png) 10px -134px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(4){width: 100%;background:white url(../header_bg.png) 10px -165px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(5){width: 100%;background:white url(../header_bg.png) 10px -195px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(1):hover {width: 100%;background:white url(../header_bg.png) 10px -263px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(2):hover {width: 100%;background:white url(../header_bg.png) 10px -294px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(3):hover {width: 100%;background:white url(../header_bg.png) 10px -325px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(4):hover {width: 100%;background:white url(../header_bg.png) 10px -356px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(5):hover {width: 100%;background:white url(../header_bg.png) 10px -386px no-repeat}
.menu nav ul li:first-of-type ul li:nth-child(6):hover {width: 100%;background:white url(../header_bg.png) 10px -419px no-repeat}
.aboutus>ul>li{background-color: white;border-bottom:2px solid #e6e7e7;background: white url(../header_bg.png) -35px -72px no-repeat;width: 100%;}
.aboutus>ul>li>a {margin-left: -25px;}
.aboutus>ul>li:first-of-type {border-top: 1px solid orange;}
.aboutus>ul>li:last-of-type {border-bottom: 2px solid orange;}
main {width:100%;background:#fff url(../banner_bg.jpg) no-repeat;margin-top:0}
main .view {width:980px;height:420px;margin:3px auto;max-height: 420px;}
main .banner {height: 100%;float:left;width:580px;overflow:hidden;position:relative;z-index:666}
main .banner .holder {position:absolute;height:20px;bottom:20px;line-height:20px;text-align:center;z-index:888}
main .banner .holder span {width:10px;height:10px;display:block;border-radius:50%;border:2px solid #fff;cursor:pointer;float:left;margin-left:5px}
main .banner .holder span.selected {background:#fff}
.banner a img {width: 100%;}
main .intro {float:right;width:380px;height:420px;padding-left:20px;background:#fc9000;color:white;}
main .intro h1 {font-size:34px;color:white;margin:80px auto 10px;font-weight:normal}
main .intro p {font-family:Arial;line-height:20px}
main .intro ul {width:100%;}
main .intro ul li {width:100%;float:left;margin-top:15px}
main .intro ul li a{color:white;font-family:Arial}
main .intro ul li a:hover{text-decoration:underline}
article.home,main .widget {width:980px;margin: 40px auto; overflow:hidden;clear:both}
main article h2 {font-size:26px;line-height:34px;font-weight:normal;color:#fc9000;margin-bottom:20px;text-align: center;}
main article.home h2 a{ color:#fc9000; margin-bottom:20px;}
main article.home h2 a:hover{ text-decoration:underline;}
/*article.product {width: 220px;}*/
article.product ul {overflow:hidden;}
article.product li {float:left;width:150px;margin-right: 16px;}
article.product li:last-child{margin-right: 0;}
article.product li:hover img{transform: scale(1.2, 1.2);transition-duration: 1s;}
article.product li a div{overflow: hidden;width: 100%;}
article.product li a img {width:100%;display:block;transform: scale(1,1);-webkit-transition-duration: 1s;transition-duration: 1s;}
article.product .imglist li a p{display:block;width:100%;height:40px;line-height:40px;background:#ffb807;color:#fff;font-size:14px;font-family:Arial;text-align:center}
.sliderwin {width: 80%;position: relative;margin:0 auto;overflow: hidden;}
article.product a:hover {text-decoration:none;}
article.product .left {background:url(../arrow.png) 5px -2px no-repeat;float:left;}
article.product .right {background:url(../arrow.png) -98px -2px no-repeat;float:right}
article.about {height:295px}
article.about img {float:left;margin-right:20px}
article.product .bref p,article.about p,article.home .faq .top a,article.home .faq ul {font-size:15px;line-height:24px;}
article.about a:hover {color:#fc9000;}
article.project h2 {text-align:center;margin-bottom:40px}
article.project section {width:305px;float:left;position:relative}
article.project section a img {width: 100%;height: 100%;}
article.project section h3{line-height:20px; font-size:18px;overflow: hidden;width:100%;color:#404040;display: block;margin-top: 8px;margin-bottom: 20px;white-space: nowrap;text-overflow:ellipsis;text-align: center;}
article.project section:hover  h3 {color:#fc9000;}
article.project section a p {font-size:15px;margin-top:10px;line-height:24px;display: block;}
article.project section a:hover .loc {display: block;}
article.project section:nth-child(3) {margin:0 32px}
article.home .news {width:305px;float:left}
article.home .showroom {width:305px;float:left;margin: 0 32px;z-index: 1;zoom: 1;}
article.home .showroom video {width:100%;float:left;}
article.home .news  date {color:#c9caca;font-size:14px;}
article.home .news .top {width:100%;margin-top: 20px;height: 100px;}
article.home .news .top img {width: 30%;float: left;padding-right: 2%;}
article.home .news ul li {margin-top: 8px;width:100%;padding:5px 0;border-top:1px solid #c9cacb;font-size:16px; line-height:24px;}
article.home .news ul li a {margin-right: 10px;}
article.home .news .top p {line-height: 20px;color: #888;}
article.home .news .top h3 {font-weight: normal;font-size: 16px;padding-bottom: 10px;}
article.home .showroom a{width:50%;height:30px;margin-top:20px;line-height:30px;float:left;display:block;color:#898989;}
article.home .showroom span {width:95px;height:28px;display:block;margin-left:40px;float:left;text-align:center;border:1px solid #898989;}
article.home .showroom #video {background:url(../bottom_ico.png) 0 0 no-repeat;float:left}
article.home .showroom #gallary {background:url(../bottom_ico.png) 0 -50px no-repeat;float:right;}
article.home .faq {width: 305px;float: right;}
article.home .faq .top{ padding-bottom:10px; border-bottom:1px solid #c9cacb; margin-bottom:10px;}
article.home .faq .top p {line-height:22px; font-size:14px;color: #888888;}
article.home .faq a:hover {text-decoration:underline}
article.home .faq span {width:8px;height:8px;margin-right:8px;display:inline-block}
article.home .faq span.ques {background:url(../bottom_ico.png) -3px -90px no-repeat;}
article.home .faq span.reply {background:url(../bottom_ico.png) -3px -100px no-repeat;}
article.home .faq ul li{ padding-bottom:10px;}

.widget {padding-top:35px;clear:both}
.widget .search {float:right;width:280px;height:30px;font:12px Arial;}
.widget .search input {width:207px;height:28px;border:1px solid #c9caca;background:url(../bottom_ico.png) 3px -157px no-repeat;text-indent:2em;outline:none;float:left}
.widget .search input.sear_btn {background:#fc9000;width:60px;height:30px;color:#fff;border:none;text-align:center;cursor:pointer;margin-left:3px;text-indent:0}
.widget .socialmedia a {width:32px;height:32px;text-indent:32px;overflow:hidden;margin:0 1px;display:inline-block;background:url(../bottom_ico.png) no-repeat}
.socialmedia a#twitter {background-position:0 -115px;}
.socialmedia a#facebook {background-position:-33px -115px;}
.socialmedia a#linkedin {background-position:-68px -115px;}
.socialmedia a#youtube {background-position:-103px -115px;}
.socialmedia a#google {background-position:-138px -115px;}
/**footer**/
footer {width:100%;padding-top:25px;background:#4b494c;color:#fff;font:12px Arial;margin-top:25px;line-height:20px}
footer a {color:#fff}
footer a:hover {text-decoration:underline}
footer strong {font-weight:normal;font-size:16px;display:block;margin-bottom:10px}
footer .wrapper {width:980px;margin: 0 auto;padding-bottom:25px}
footer .cols1 {float:left;width:245px;height:165px;border-right:1px solid #555}
footer .cols1 a{margin-right:8px;}
footer .cols1 table {float:right;margin-top: 20px;text-align: left;margin-right: 50px;}
footer .cols2 {float:left;width:230px;height:165px;padding-left:15px;border-right:1px solid #555}
footer .cols2 span {display:block;width:160px;background:url(../bottom_ico.png) no-repeat;padding-left:20px;}
footer .cols2 span:before {content:":   "}
footer .cols2 span.tel{background-position:0 -190px;}
footer .cols2 span.email{background-position:0 -209px;}
footer .cols2 span.fax{background-position:0 -228px;}
footer .cols2 span.address{background-position:0 -247px;}
footer .cols3 {float:left;width:212px;height:165px;padding-left:15px;border-right:1px solid #555}
footer .cols3 ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;list-style: none;}
footer .cols4 {float:left;width:120px;margin-left: 15px;}
footer .cols4 i{display: block;width: 35px;height: 47px;background:url(../calc.png) 0 0;transition-duration: .1s;cursor: pointer;}
footer .cols4 i:hover{background-position: 0 -50px;transition-duration: .1s;}
.contactFixed{position:fixed;margin:0 auto;bottom:0;max-width:480px;width:100%;z-index:99;background-color:#716E6E;display:none}
.contactFixed a{float:left;width:25%;height:45px;line-height:70px;display:block;color:#fff;text-decoration:none;text-align:center}
.contactFixed a:first-child{background:url(../ico-contact.png) center -7px no-repeat}
.contactFixed a:nth-child(2){background:url(../ico-contact.png) center -51px no-repeat}
.contactFixed a:nth-last-child(2){background:url(../ico-contact.png) center -97px no-repeat}
.contactFixed a:last-child{background:url(../ico-contact.png) center -143px no-repeat}

.copyright {width:100%;height:40px;line-height:40px;clear:both;border-top:1px solid #555;}
.copyright .text {width:980px;margin:0 auto;}
.copyright .text {width:980px;margin:0 auto;}
.copyright .text span {float:right;margin-right:20px;}
.copyright .text img {float:left;margin: 7px 0;}
.chatjs{display:block;}

/* 11.28 Add unitCalc by wang */
button{-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.hide{display:none;}
.calcunit{margin-left: 40px;padding-left: 19px; position: relative;}
.calcunit i{display: block;width: 14px;height: 19px;background:url(../calc.png) -42px 0 no-repeat;position: absolute;top:0;left:0px;}
.calcunit:hover i{background-position: -42px -24px;}
.calc{position: absolute;top: 0;left: 0;right: 0;left: 0; background:rgba(0,0,0,.4);z-index: 999998;font-family: Arial;}
.changebox{width:980px;height:500px;border-bottom:6px solid #fc9000;position: fixed;top:50%;left:50%;margin-top: -250px;margin-left: -490px;z-index: 999999;background: #fff;}
.changebox i{display: block;width: 50px;height: 50px;background: url(../close.png);position: absolute;top:5px;right:-60px;cursor: pointer;}
.changelist{width: 100%;height: 60px;}
.changelist li{height:100%;float:left;width:326px;background:#4b494c;cursor:pointer;text-align:center;}
.changelist li span{display:inline-block;position:relative;color:#fff;font-size:22px;line-height:60px;padding-left:40px;}
.changelist li span:before{content:"";display:block;width:30px;height:37px;background:url(../icon.png) no-repeat;position:absolute;top:50%;margin-top:-19px;left:0px;}
.changelist li:first-child span:before{background-position:0 0;}
.changelist li:nth-child(2) span:before{background-position:-30px 0;}
.changelist li:last-child span:before{background-position:-60px 0;}
.changelist li.select{background:#fc9000;}
.changelist li:not(:first-child){margin-left:1px;}
.main{padding:0 55px;}
.main > p{font-size:20px;line-height:1.5;color:#666;margin:20px 0;}
.main > p a{color:#fc9000;}
.conver_top:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.unit_box{width:830px;height:50px;box-sizing:border-box;border:1px solid #fc9000;border-radius:4px;float:left;}
.unit_box input{border: 0; width:640px;line-height:48px;font-size:20px;outline:none;text-align:right;padding-right:16px;margin-left:4px;border-right:1px solid #fc9000;}
.unit_box input::-webkit-input-placeholder{color:#ebebeb;}
.unit_box input::-moz-placeholder{color:#ebebeb;}
.unit_box input:-ms-placeholder{color:#ebebeb;}
.unit_box .unit_select{float:right;width:167px;height:48px;position:relative;}
.unit_box .unit_select span{position:relative;display:block;padding:14px;padding-left:40px;font-size:20px;line-height:1;color:#fc9000;cursor:pointer;}
.unit_box .unit_select span:after{content:"";display:block;width:40px;height:48px;background:url(../dropKey.png) no-repeat center left;position:absolute;top:0;right:0;-webkit-transition:transform .6s;-moz-transition:transform:.6s;transition:transform .6s;}
.unit_box .unit_select.active span:after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transition-duration:.6s;transition-duration:.6s;}
.unitlist{position:absolute;left:-1px;width:167px;padding-bottom:10px;border:1px solid #fc9000;display:none;z-index:9999;background:#fff;}
.unitlist ul > li{font-size:20px;color:#fc9000;line-height:1;padding:5px 40px;cursor:pointer;}
.unitlist ul > li:hover{background:#fc9000;color:#fff;}
.conver_btm{margin-top:10px;overflow:hidden;}
.conver_btm li{float:left;width:290px;height:50px;margin-top:30px;overflow:hidden;}
.conver_btm li > div{box-sizing:border-box;width:160px;height:50px;padding-right:20px;border:1px solid #4b494c;border-radius:4px;text-align:right;color:#4b494c;float:left;line-height:50px;font-size:20px;}
.conver_btm li > span{float:left;line-height:50px;font-size:20px;color:#4b494c;margin-left:20px;}

/*Products List*/
.content {width:980px;margin:0 auto}
.innerbanner {width:100%;height:250px;color:#fff}
.innerbanner h1 {width:980px;margin: 0 auto}
.innerbanner p {font-size:16px;width:100%;margin-left:20px;line-height: 24px;}
.productlist {background:url(../innerbanner1.jpg)}
.sosoimg {width: 240px;}



@media(max-width:980px){
header {height:auto}
header .topnav {width:100%;height:7px;background:#fc9000;overflow:hidden}
header .menu {background:none;height:auto}
header .menu nav {width:100%;height:40px;border-bottom:1px solid #c9cacb;background:#fff}
header .menu ul {width:100%;height:auto;position:absolute;z-index:1000;font:14px Arial;font-weight:100;text-indent:15px;display:none}
header .menu nav ul:nth-child(4) {background:-webkit-linear-gradient(top,#cbcbcb,#fff 3%);background:-o-linear-gradient(top,#cbcbcb,#fff 3%);background:-moz-linear-gradient(top,#cbcbcb,#fff 3%);background:linear-gradient(top,#cbcbcb,#fff 3%)}
header .menu ul li {width:100%;line-height:50px;border-bottom:1px solid #cacaca;float:left}
header .menu ul li ul {width:100%;height:auto;position:static;background:none;border:none;border-top:1px solid #cacaca;text-indent:25px;padding:0}
header .menu ul li ul li:nth-child(n) {width:100%;padding:0;background:none;height:50px;line-height:50px;border-top:none;border-bottom:1px solid #cacaca;padding:0}
header .menu ul li ul li:nth-child(n):hover {width:100%;padding:0;background:none;}
header .menu nav a[rel="home"]{display:block;width:137px;height:37px;overflow:hidden;margin: 0 auto;}
.menu nav a[rel="home"] img {margin-top:2px}
header .mobile-menu-btn {display:block;width:45px;height:40px;float:right;margin-right:10px;border-left:1px solid #cacbcc;background:url(../mobile_bg.png) 12px -50px no-repeat;cursor:pointer}
header .mobile-home-btn {display:block;width:45px;height:40px;float:left;border-right:1px solid #cacbcc;background:url(../mobile_bg.png) 12px 1px no-repeat;cursor:pointer}
header .menu ul li:nth-child(n).has_child {background:url(../list_close.png) 96% center no-repeat;background-size: 5%;}
header .menu ul li a {width: 100%;display: block;padding:0;}
main {width:100%;background:none;}
main .widget {display:none}
footer {clear:both;margin:0;padding:0}
footer * {padding:0;border:none}
footer .wrapper,footer .cols1{width:100%;height:auto;border:none;padding:0;margin-top:35px;}
footer .cols1{text-align: center;}
footer .cols2,footer .cols3{box-sizing: border-box;width: 50%;margin:30px 0;}
footer .wrapper .cols2 span {display:block;padding-left: 5%;}
footer .wrapper .cols2 span#address {width:52%}
footer .cols4{display: none;}
footer .copyright {height:auto;margin-bottom: 20px;}
footer .copyright .text span {display:none}
footer .copyright .text img {float:none}
footer .copyright .text {width:100%;text-align:center}
main .view {width:100%;}
main .intro {width:88%;height:auto;padding:25px 6%}
main .intro h1{margin-top:10px}
main .banner {width:100%;text-align:center;overflow:hidden}
main article.home {width:98%;margin:10px 1%;height:auto;float:left;}
main article.home h2 a{ color:#fc9000; margin-bottom:20px;}

article.product .imglist {margin-left:0; margin-top:35px;}
article.product .imglist ul {overflow:hidden;display:-webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
article.product .imglist li {width:30%;margin:0 0 20px;}
article.product .imglist li a img {width:100%;display:block}
article.product .imglist li a p{display:block;width:100%;height:40px;line-height:40px;background:#ffb807;color:#fff;font-family:Arial;text-align:center}
.sliderwin {width: 80%;position: relative;margin:0 auto;overflow: hidden;}
main article.about img {float:none; margin:0 auto;display:block;max-width:100%}
main article.project section {width:100%;margin:20px auto;float:none;}
article.project section:nth-child(3) {margin:5px auto}
article.project section h3{margin:10px 0;}
main article.project section img {max-width:600px;display: block;margin:0 auto;}
main article.project section p{padding:0 10px;}
main article.home p {font-size:15px;margin-top:0;}
main article.nsf .news, main article.nsf .showroom,main article.nsf .faq{width:100%}
main article.home h2 {font-size:26px;text-align:center}
article.home .showroom {margin:0;text-align:center}
article.home .showroom .vdeo{width:100%;text-align:center}
article.home .news .top {margin-top:0}
article.product {width: auto;}
article.product p {font-size:15px;}
}
@media(max-width:768px){
article.product .imglist{margin:0;}
article.product .imglist ul{display: block;}
article.product .imglist li{float: left; width: 48%;}
article.product .imglist li:nth-child(2n+1){margin-right: 4%;}
article.product li a img {width:100%;display:block}
article.product li a p{display:block;width:100%;height:40px;line-height:20px;background:#ffb807;color:#fff;font-family:Arial;text-align:center}
}
@media(max-width:435px){
p {font-size: 18px;}
article.project section a p {display: none;}
}
@media(min-width:580px){
article.home .showroom video {width: 100%;}
}
@media(max-width:480px){
.menu nav a[rel="home"] img{width: 80%;margin-top:5px;}
footer .cols2{width: 100%;padding: 0;}
footer .cols2 strong{padding:0;text-align: center;}
footer .cols2 span{padding: 0;margin:0 auto;}
footer .cols3{display: none;}
.contactFixed{position:fixed;margin:0 auto;bottom:0;max-width:480px;width:100%;z-index:99;background-color:#716E6E;display:block;}
.gotop {display: none!important}
article.home .news  date {color:#c9caca;font-size:14px;float: right;display: none;}
article.home .news .top {width:100%;margin-top:20px;float: left;padding-bottom: 20px;}
article.home .news .top img {width: 100%;float: left;padding-right: 2%;}
article.home .news ul li {margin-top: 8px;width:100%;padding:5px 0;border-top:1px solid #c9cacb;font-size:16px; line-height:24px;}
article.home .news ul li a {margin-right:10px;width: 85%;display: block;}
article.home .news .top p {line-height: 22px; color:#888;width:100%;float: left;}
article.home .news .top h3 {font-weight:normal;font-size:16px;padding:10px 0;display: block;width: 100%;float: left;}
article.home .news  date {color:#c9caca;font-size:14px;float: right;}
article.home .showroom video {width: 100%;float: left;}
article.project section a p {display: none;}
main article.project section img{width: 90%;}
}
@media(max-width:320px){
main .intro h1{font-size: 28px;}
}