@font-face{font-weight:normal;font-style:normal;}
* {margin:0;padding:0;}
html,body {background:#fff;font-size:14px; font-family: Arial;width:100%;color:#1f1f1f;text-align:left}
a {color:#1f1f1f;text-decoration:none}
ol,li,ul {list-style:none}
header{width:100%;height:123px}
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:#1f1f1f;}
.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:#FFF;float:left; padding-right:20px;}
.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(../images/header_bg.png) 0 -3px no-repeat}
#sendmail {width:35px;margin-left:40px;padding-left:25px;background:url(../images/header_bg.png) 0 -28px no-repeat}
#lang {width:60px;margin-left:40px;padding-left:32px;background:url(../images/header_bg.png) 0 -48px no-repeat}
.topnav a:hover{color:#FFF;}

.clearfix { clear: both;}
.nav_all{ width:100%; height:88px;}
.nav_con { font-family: Helvetica; font-size:16px; text-transform: Capitalize;width: 100%; max-width: 980px; margin:0 auto;}
.nav_con ul { list-style-type: none; float:right; margin:0; padding:0;}
.nav_con ul li {display: inline-block;}
.nav_con ul li a { color:#000; font-weight: bold; text-decoration: none; display: inline-block; padding: 35px 18px 35px 18px; box-sizing: border-box;}
.nav_con ul li a:hover { color:#fff; background:#a0311e;}
.nav_con .current_page { background-color:#a0311e;}
.nav_con .current_page a { color: white;}
.nav_con .current_page a:hover{ color:#FFF;}
#menu_button_wrapper{ display: none;}
.hidden { display: none;}
.nav_con .logo{ float:left; margin-top:7px;}

/* fullSlide */
.fullSlide{width:100%;position:relative;height:420px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:420px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:420px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#a0311e;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}


main {width:100%;margin-top:0;}
main .intro {float:right;width:380px;height:420px;padding-left:20px;background:#095085;color:white;}
main .intro h1 {font-size:26px;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}
main .widget {width:980px;margin: 30px auto; overflow:hidden;clear:both}
article.home {width:980px;margin: 40px auto; overflow:hidden;clear:both}
main article h2 {font-size:2em;line-height:34px;font-weight:normal;color:#595759;text-align: center;}
main article.home h2 a{ color:#a0311e; margin-bottom:20px; display:block;}
main article.home h2 a:hover{color:#a0311e; text-decoration:underline;}

article.product ul {overflow:hidden;}
article.product li {float:left;width:308px;border:1px solid #ccc; border-radius: 8px; border-bottom: 3px solid #a0311e; border-bottom-width: 4px; background:#e6e7e7; border-top:1px solid #ccc; border-top-left-radius:0;border-top-right-radius:0;}
article.product .middle{ margin-left:24px; margin-right:24px;}
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; background:#eeeeeb;}
article.product .imglist li a h4{display:block;width:100%;line-height:22px;color:#a0311e;font-size:16px;font-family:Arial;text-align:center;  margin-top:15px; letter-spacing: -0.7px; margin-bottom:15px;}
article.product .imglist li a p{ line-height:18px; color:#595759;}
.sliderwin {width: 80%;position: relative;margin:0 auto;overflow: hidden;}
article.product a:hover {text-decoration:none;}

article.product .bref p { font-size:14px; line-height:36px; padding-bottom:20px; color:#595759; text-align:center; }
article.about p,article.home .faq ul {font-size:15px;line-height:24px;}
article.home .faq .top a {font-size:16px;line-height:24px;}
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:#095085;}
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:300px;float:left; background:#eeeeeb;border-radius: 15px; padding:15px;}
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 {color:#595759;}
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 .news .top h3 a{ color:#595759;}
article.home .news a:hover{ text-decoration:underline;}
article.home .about_hw{ width:580px; float:right; background:#eeeeeb;border-radius: 15px; padding:15px; }
article.home .about_hw_img{ width:450px; margin:0 auto;}
article.home .about_hw p{ line-height:24px; color:#595759; margin-top:10px;}
article.home .about_hw_more{ width:120px; height:30px; line-height:30px; margin:0 auto; text-align:center; background:#a0311e; border: 1px solid transparent; border-radius: 26px;font-size: 18px; margin-top:10px;}
article.home .about_hw_more a{ color:#FFF;}

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(../images/bottom_ico.png) 0 0 no-repeat;float:left}
article.home .showroom #gallary {background:url(../images/bottom_ico.png) 0 -50px no-repeat;float:right;}
.widget {clear:both}
.widget .socialmedia a {width:32px;height:32px; display:block; float:left; margin-right:8px;}

/*在线客服Online*/
.Online_Bg {width:68px;position:fixed;right:10px; top:25%;z-index:10;}
.Online_Box {width:100%;}
.Online_li {width:68px;height:68px;margin-bottom:5px; border-radius:12px; /*background-color:#999;*/background: rgba(255, 255, 255, 0.85);/*#fff;*/ box-shadow: 2px 2px 4px 1px rgba(49, 48, 48, 0.4);}
.Online_li:hover{ background-color:#a0311e;}
.Online_li a{display:block;width:68px;padding-top:40px;line-height:25px;font-size:12px;text-align:center;/*color:#fff;*/color:#a0311e;cursor:pointer;text-decoration:none;}
.Online_Box .online a {background:url(../images/on-r-online.png) center 4px no-repeat;}
.Online_Box .email a{background:url(../images/on-r-email.png) center 4px no-repeat;}
.Online_Box .whatsapp a{background:url(../images/on-r-whatsapp.png) center 4px no-repeat;}
.Online_Box .top a {background:url(../images/on-r-top.png) center 4px no-repeat;}
.Online_Box .online a:hover{background:url(../images/on-online.png) center 4px no-repeat; color:#fff;}
.Online_Box .email a:hover{background:url(../images/on-email.png) center 4px no-repeat; color:#fff;}
.Online_Box .whatsapp a:hover{background:url(../images/on-whatsapp.png) center 4px no-repeat; color:#fff;}
.Online_Box .top a:hover{background:url(../images/on-top.png) center 4px no-repeat; color:#fff;}
/* 第一个 */
.Online_Bg .red {background-color:#a0311e; }
.Online_Bg .red a{background:url(../images/on-online.png) center 4px no-repeat; color:#fff;}

/*footer*/
footer {width:100%;padding-top:25px;background:#1f1f1f;color:#fff;margin-top:25px;line-height:20px; font-size:12px; font-family: Arial;}
footer a {color:#fff; font-family: 'open_sansregular', Arial, sans-serif;}
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:172px;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:170px;padding-left:15px;border-right:1px solid #555}
footer .cols2 span {display:block;width:190px;background:url(../images/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:262px;height:172px;padding-left:15px;border-right:1px solid #555}
footer .cols3 ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;list-style: none;}

.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(../images/ico-contact.png) center -7px no-repeat}
.contactFixed a:nth-child(2){background:url(../images/ico-contact.png) center -51px no-repeat}
.contactFixed a:nth-last-child(2){background:url(../images/ico-contact.png) center -97px no-repeat}
.contactFixed a:last-child{background:url(../images/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:left;}
.copyright .text img {float:left;margin: 7px 0;}
.chatjs{display:block;}

button{-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;}

/*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;}

.sosoimg {width: 240px;}
/*Index*/
.center_why{ width:980px; margin:0 auto; font-size:2em; line-height:40px; text-align:center; color:#595759; margin-bottom:20px; }
.center_why_text{ width:980px; margin:0 auto;}
.center_why_text_l{ width:80%; float:left;}
.center_why_text_l p{ line-height:24px; font-size:14px; color:#595759;}
.center_why_text_r{ width:20%; float:left;}
.center_contact{ width:120px; height:30px; display:block; text-align:center; line-height:30px; margin-top:40px; margin-left:70px; background:#a0311e; color:#FFF;border: 1px solid transparent; border-radius:26px; font-size:18px;}
.index_center{ width:100%; height:110px; background:#a0311e;}
.index_center_all{ width:auto; max-width:980px; height:110px; margin:0 auto;}
.index_center_all_l{ width:50%; height:110px; float:left;}
.index_center_all_l p{ color:#FFF; margin-top:25px; font-size:18px; line-height:24px;}
.index_center_all_l p span{ display:block; font-size:12px; color:#fff;}
.index_center_all_r{ width:19%; float:right; height:35px; background:#FFF; border-radius: 26px; margin-left:35px; margin-top:40px; text-align:center;}
.index_center_all_r a{ line-height:35px; display:block; font-weight:bold;}

@media(max-width:980px){
header {height:auto}
header .topnav {width:100%;height:7px;background:#a0311e;overflow:hidden}
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; text-align:center;}
footer .wrapper .cols2 span { width:100%;display:block; text-align:center; padding-left:0px;}
footer .wrapper .cols2 span#address {width:52%}
footer .cols4{display: none;}
footer .copyright {display: none;}
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:92%;margin:10px 4%;height:auto;float:left;}
main article.home h2 a{ color:#a0311e; margin-bottom:5px;}

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 li {float:left;width:30%;border:1px solid #ccc; border-radius: 8px; border-bottom: 3px solid #a0311e; border-bottom-width: 4px; background:#e6e7e7; border-top:1px solid #ccc; border-top-left-radius:0;border-top-right-radius:0;}
article.product .imglist li a h4{display:block;width:100%;line-height:18px;color:#a0311e;font-size:14px;font-family:Arial;text-align:center;  margin-top:8px; letter-spacing: -0.7px; margin-bottom:10px;}
article.product .middle{ margin-left:4%; margin-right:4%;}
article.product .imglist li a img {width:100%;display:block}
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:14px;margin-top:0;}
main article.nsf .showroom{width:100%}
main article.home h2 {font-size:18px;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;}
.center_why{ display:none; /*width:auto; font-size:18px; line-height:40px; text-align:center; color:#595759; margin-bottom:5px;*/ }
.center_why_text{ display:none; /*width:auto;*/}
.center_why_text_l{ width:auto; float:none; padding:0 5%;}
.center_why_text_r{ width:auto; float:none;}
.center_contact{ width:120px; height:30px; display:block; text-align:center; line-height:30px; background:#a0311e; color:#FFF;border: 1px solid transparent; border-radius:26px; font-size:18px; margin:0 auto; margin-top:10px; margin-bottom:15px;}
article.product .bref p{ line-height:18px;}
.index_center_all{ width:970px; height:auto; margin:0 auto;}
article.home .about_hw p{padding:0 2%; line-height:18px;}
article.home .about_hw_img img{ width:100%; display:block;}
.center_why_text_l p{ line-height:18px;}
article.home .about_hw_more{ font-size: 14px;}
}
@media(max-width:768px){
article.product .imglist{margin:0;}
article.product .imglist ul{display: block;}
article.product li a img {width:100%;display:block}
article.home .news{ width:98%; padding:1%;}
article.home .about_hw{ width:98%; margin-top:20px; padding:1%; }
.index_center_all{ width:750px; height:auto; margin:0 auto;}
.index_center_all_l p{ font-size:14px;}
.index_center_all_l{ width:40%;}
.index_center_all_r{ width:25%;}
article.home .about_hw_more{ margin-bottom:10px;}

}


@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;}
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:15px; line-height:24px;}
article.home .news ul li a {width: 100%;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%;}
.fullSlide{ display:none;}
article.home .about_hw{ width:auto}
article.home .about_hw_img{ width:100%; display:block;}

}

@media(max-width:435px){
p {font-size: 18px;}
article.project section a p {display: none;}
.index_center{ width:auto; height:185px; margin-bottom:5px;}
.index_center_all{ width:92%; height:185px; margin:0 auto;}
.index_center_all_l{ width:100%; height:75px; margin:0 auto; float:none; overflow:hidden;}
.index_center_all_r{ width:100%; height:30px; background:#fff; border-radius: 6px;float:none; margin:10px auto 15px auto;}
.index_center_all_r a{ color:#a0311e; line-height:30px;}
}

@media(max-width:320px){
main .intro h1{font-size: 28px;}
article.product li {width:100%;border:1px solid #ccc; border-radius: 8px; border-bottom: 3px solid #a0311e; border-bottom-width: 4px; background:#e6e7e7; border-top:1px solid #ccc; border-top-left-radius:0;border-top-right-radius:0; margin-left:0px;}
article.product .imglist li a h4{display:block;width:100%;line-height:22px;color:#a0311e;font-size:14px;font-family:Arial;text-align:center;  margin-top:8px; letter-spacing: -0.7px; margin-bottom:10px;}
article.product .middle{ margin-left:0px; margin-right:0; margin-top:20px; margin-bottom:20px;}
}

/*menu*/
@media (max-width: 760px) {
#menu_button_wrapper{display: block; padding: 1.5em 1em 0 1em; color: #9d9d9d; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); box-shadow: 0 1px 0 rgba(255,255,255,.1);
}   
#menu_button { box-sizing: border-box; float: right; padding: .5em 1em; border: 1px solid #a0311e; border-radius: 5px; color:#FFF; background:#a0311e; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}   
#menu_button:hover {cursor: pointer; background-color:#1f1f1f;}   
#hamburger {float: right;padding-top: .15em;}   
#menu_button span{display: block; background-color: #fff; width: 1.2em; height: .15em; border-radius: 1px; margin-bottom: .2em;}
.nav_all{ width:100%; height:auto;}
.nav_con ul { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; background:#a0311e; float:none;}
.nav_con ul li { display: block;}
.nav_con ul li a { width: 100%; color:#FFF; padding: 12px 0 12px 30px; border-bottom:1px solid #ccc;}
.nav_con ul li a:hover { color:#FFF;}
}
@media (max-width: 980px) {
.nav_all{ width:100%; height:auto;}
.nav_con { font-family: Helvetica; font-size:16px; text-transform: Capitalize;width: 100%; max-width: 980px; height:90px; margin:0 auto;}
.nav_con .logo { width:auto;}  
.nav_con ul { width:auto; margin: 0 auto; padding: 0;}
}
@media (max-width: 440px) {
.nav_all{ width:100%; height:auto;}
.nav_con { font-family: Helvetica; font-size:16px; text-transform: Capitalize;width: 100%; max-width: 980px; height:auto; margin:0 auto;}
}