@font-face{font-family:FugazOne-Regular;src:url(../fonts/FugazOne-Regular.ttf) format('truetype')}
@font-face{font-family:proppnsz;src:url(../fonts/proppnsz.woff2) format('truetype')}
h1,h2,h3,h4,h5,h6,p,ul{padding:0;margin:0}
body,html{padding:0;margin:0;font-family:proppnsz,"微软雅黑"}
.hlunbo1{background-image: url(../newimage/newbanner1new.jpg);}
.hlunbo2{background-image: url(../newimage/newbanner2.jpg);}
.hlunbo3{background-image: url(../newimage/hbanner1.jpg);}
.hlunbo1,.hlunbo2,.hlunbo3{    background-size: 100% 100%;background-repeat: no-repeat;padding-top: 37%;}
.bg-facebook{background:url(../newimage/yus_sprites.png) -5px -64px}
.bg-pinterest{background:url(../newimage/yus_sprites.png) -45px -64px}
.bg-twitter{background:url(../newimage/yus_sprites.png) -85px -64px}
.bg-youtube{background:url(../newimage/yus_sprites.png) -125px -64px}
.bg-whatapps{background: url('../newimage/yus_sprites.png') -5px -104px;}
.bg-skype{background: url('../newimage/yus_sprites.png') -45px -104px;}

.bg-facebook,.bg-linkedin,.bg-pinterest,.bg-twitter,.bg-youtube,.bg-whatapps,.bg-skype{width:30px;height:30px;display: inline-block;margin:5px 10px 0 0}


.bg-facebook:hover{background:url(../newimage/yus_sprites.png) -85px -104px}
.bg-pinterest:hover{background:url(../newimage/yus_sprites.png) -45px -144px}
.bg-twitter:hover{background:url(../newimage/yus_sprites.png) -5px -144px}
.bg-youtube:hover{background:url(../newimage/yus_sprites.png) -125px -104px}
.bg-whatapps:hover{background: url('../newimage/yus_sprites.png') -85px -144px}
.bg-skype:hover{background: url('../newimage/yus_sprites.png') -125px -144px;}


.bg-logo{width:187px;height:49px;background:url(../newimage/yus_sprites.png) -5px -5px}
.bg-cn{background:url(../newimage/yus_sprites.png) -202px -34px}
.bg-gb{background:url(../newimage/yus_sprites.png) -202px -5px}
.bg-cn,.bg-gb{width:30px;height:19px;display: inline-block;vertical-align: bottom;}
.bg-icon1{width:7px;height:7px;background:url(../newimage/yus_sprites.png) -202px -63px;display: inline-block;margin-right: 2px;}

article{margin:5vw 0}
article h1{font-weight:700;font-size:2.5em;text-align:center;padding:1vw 0;text-transform:capitalize}
article>p{text-align:center;margin-bottom:3vw}
.articlecont p{font-size:1.1em;color:#777;line-height:1.7;margin-bottom:10px}
.articlecont ul{margin-bottom:10px}
.articlecont ul li{font-size:1.1em;color:#777;line-height:1.7;}
article ul{padding-left:4vw}
.news a{text-decoration:none}
.news{padding:4vw 0}
.news_list_text{display:flex;align-items:center;margin-bottom:2vw;background-color:#f1f1f1}
.new_mes{padding:2%;width:70%;margin:auto}
.title{font-weight:700;font-size:1.5em;color:#000;padding-bottom:1em}
.time{color:#acacac;padding-bottom:.3em}
.des{font-size:1em;color:#777;line-height:1.7;text-align:left}
.news_list_pic{width:30%}
.news_list_pic img{width:100%}
.pro_send input{width:100%}
.procont_cont{margin:0 auto 10px auto;font-size:1em;line-height:1.7}
.procont_common p{font-size:1em;line-height:1.7}
.prolist dl{float:left;padding:0 1%;width:25%;text-align:center}
.prolist dl dt{padding:1em 1em 0 1em;background-color:#e8e8e8}
.prolist_img{overflow:hidden}
.prolist_img:hover img{transform:scale(1.2)}
.prolist dl dt img{box-sizing:border-box;max-width:100%;vertical-align:middle;transition:.6s}
.prolist dl dd{padding:1.3em 0 .5em 0;border-bottom:10px #7c878e solid;background-color:#e8e8e8}
.prolist dl dd h4{color:#666;text-transform:capitalize;font-size:14px;height:28px}
.pagelist{clear:both;padding:20px 0;text-align:center;font-size:12px}
.pagelist a{margin:3px;padding:5px 9px;border:solid 1px #ddd;background:#fff;color:#666;text-decoration:none;font-family:宋体,arial,sans-serif}
#nowpage,.pagelist a:visited{margin:3px;padding:3px 8px;border:solid 1px #ddd;background:#fff;text-decoration:none}
#nowpage,.pagelist a:hover{border-color:#085a9f;background:#fff;color:#085a9f;text-decoration:none}
.protitle{margin:5vw auto 3vw auto;width:85%}
.protitle h1{display:inline-block;margin-top:-1.5em;padding:0 10px;background:#fff;text-align:center;text-transform:uppercase;font-size:2.5em;font-family:FugazOne-Regular}
.neirong{padding:1%}
.neirong p{margin:0 auto 10px auto;font-size:1em;line-height:1.7}
.procont_pic img{width:100%}
#pnav{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;background:rgba(0,0,0,.5);padding:6px 0;z-index:200}
#pnav ul{list-style-type:none;padding:0}
#pnav ul li{display:inline-block;position:relative}
#pnav li ul{background-color:#e14b4b;position:absolute;left:0;top:40px;width:250px;z-index:250}
#pnav li li{position:relative;margin:0;display:block}
#pnav li li ul{position:absolute;top:0;left:250px;margin:0}
#pnav a{line-height:40px;padding:0 12px;margin:0 12px}
#pnav a{color:#fff;text-decoration:none;display:block}
#pnav li li a{border-bottom:solid 1px #c83232;padding:0}
#pnav li li:last-child a{border-bottom:none}
ul.sub-menu{display:none}
#pnav li.dropdown>a{background-image:url(../newimage/arrow-down.png);background-position:right 20px;background-repeat:no-repeat;font-size:16px;text-transform:capitalize}
#pnav li li.dropdown>a{background-image:none;font-size:12px;text-transform:capitalize}
@media screen and (max-width:650px){#pnav ul li{width:100%}
#pnav li ul{position:relative;width:100%;top:0}
#pnav li li a{padding:0 12px;margin:0 12px}
#pnav li li ul{left:50%}
}
.header-top{padding:2em 0}
.navbar{min-height:50px;margin-bottom:0}
.navbar-brand{float:left;margin-left:.8em}
.navbar-nav{float:right;margin:0}
.navbar-nav img{margin-right:5px}
.top-menu ul li{display:inline-block;margin:.8em 1em}
.navbar-default .navbar-nav>li>a{color:#000;font-weight:700}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#d80000;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#d80000;background-color:transparent}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff;text-decoration:none;background-color:#ff9541}
.top .lang{float:right;margin:15px 15px 0 25px}
.top .lang a{margin-right:10px;color:#000;    vertical-align: text-top;}
.navbar-brand{float:left;height:0;padding:0 15px;font-size:18px;line-height:20px}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#ff9541}
.dropdown-menu>li>a{display:block;padding:10px 20px;color:#a9a685}
.dropdown-menu{min-width:150px;padding:0;border:1px solid #fff}
.navbar-default{border-color:#fff!important;background-color:#fff}
.carousel-control{width:10%;opacity:.3}
.welcome{padding:7vw 0 6vw 0;text-align:center}
.welcome-info{height:1px;border-top:2px solid #000;background:#000}
.welcome h2{position:relative;top:-20px;background:#fff;padding:0 2vw;display:inline-block;font-size:36px;font-family:FugazOne-Regular}
.welcome>div>p{width:80%;margin:3vw auto}
welcome-grids{margin:8vw 0}
.welcome-grid{padding:8px}
.wel-info h4{font-size:1.3em;color:#fff;font-family:FugazOne-Regular}
.wel-info{background-color:#4a4a4a;padding:15px 10px}
.wel-info:hover{background-color:#d80000}
.welcome-grid a:hover{text-decoration:none}
.wel-info p{font-size:1em;line-height:1.5;color:#fff;margin-top:.5em;height:7.5em;overflow:hidden}
.welcome-grid img{width:100%}
.products{padding:6vw 0 4vw 0;text-align:center;background:#32373d}
.products-info{height:1px;border-top:2px solid #fff}
.products>div>p{width:80%;margin:3vw auto;color:#fff}
.products-info h1{position:relative;top:-20px;background:#32373d;padding:0 2vw;display:inline-block;font-size:36px;color:#fff;font-family:FugazOne-Regular}
.tabs-vertical{background-color:#e8e8e8;box-shadow:0 0 22px #e2e2e2 inset,2px 2px 3px #e8e8e8;border:1px solid #cecece;margin:30px auto 30px;text-align:center}
.tabs-vertical ul{float:left;list-style:none;text-align:left;margin:0;padding-left:0}
.tabs-vertical ul li{margin-right:-1px}
.tabs-vertical ul li a{display:block;text-decoration:none;color:#656a6d;border:1px solid transparent;border-right:0;border-left:0;padding:18px 30px 18px 30px;font-family:FugazOne-Regular}
.tabs-vertical ul li a.tab-active{border-color:#ddd;background-color:#fff;box-shadow:0 2px 0 #efefef;color:#000}
.tabs-vertical ul li:first-child a{border-top:0}
.tabs-vertical .tabs-content-placeholder{overflow:hidden;border-left:1px solid #ddd;background-color:#fff;padding:30px 40px 40px;box-shadow:-3px 0 0 #f3f3f3}
.tabs-vertical .tabs-content-placeholder div{display:none}
.tabs-vertical .tabs-content-placeholder div.tab-content-active{display:block}
.tabs-vertical .tabs-content-placeholder div p{text-align:left;width:50%;padding-right:40px;line-height:1.5;font-size:1em;color:#000}
.tabs-vertical .tabs-content-placeholder div img{width:50%;float:right}
.tabs-content-placeholder a{display:inline-block;color:#fff;background:#d80000;padding:9px 16px;font-size:15px;font-family:initial;margin-top:35px}
.hnews{padding:8vw 0 5vw 0}
.hnewsinfo{height:1px;border-top:2px solid #000;text-align:center}
.hnewsinfo h3{position:relative;top:-20px;background:#fff;padding:0 2vw;display:inline-block;font-size:36px;font-family:FugazOne-Regular}
.home_news_nei{display:flex;justify-content:space-between}
.home_news_box{width:31%}
.home_news_box>div img{width:100%}
.home_news_box>div{position:relative}
.home_news_box>a{text-decoration:none}
.text{padding:14px 0 7px 0;border-bottom:1px #d80000 solid}
.text h4{font-size:1.1em;font-weight:700;color:#000;overflow:hidden;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}
.text h4::before{content:'—';color:#d80000;padding-right:5px}
.text span{display:flex;line-height:1.6;font-size:13px;height:42px;overflow:hidden;color:#333}
.text span::before{content:'';padding-right:16px}
.hnews>div>p{width:80%;margin:3vw auto;text-align:center}
.footer-section{padding:5vw 0 2vw 0;text-align:center;background:#3c3c3c;border-top:2px solid #dc4543}
.footer-top{padding:10px 15px 0 15px;border-top:2px #ccc solid;margin:3vw 0 .5vw 0;text-align:left}
.footer-top p{font-size:12px;color:#fff;font-weight:400}
.footerleft{color:#eee;text-align:left;font-size:14px;line-height:1.9}
.footerleft h3{font-size:18px;margin-bottom:10px;font-family:FugazOne-Regular}
.footerleft a{color:#fff}
.hadd{display:flex}
.hadd::before{content:'Add: '}
.footerleft .footernav{position:absolute;bottom:0;padding-top:7px;border-top:2px #dc4543 solid}
.footerright input{display:block;border:1px #fff solid;width:100%;background:unset;padding:8px 0;padding-left:20px;border-radius:8px;margin-bottom:16px;outline:0;color:#fff}
.footerright textarea{display:block;border:1px #fff solid;border-radius:8px;margin-bottom:16px;color:#fff;width:100%;outline:0;background:unset;padding:8px 0;padding-left:20px;color:#fff}
input.spinput{width:auto;float:left}
#validateimg{margin:3px 10px 10px 10px;float:left}
.footerright a{display:block;color:#fff;background:#d80000;border:none;padding:9px 16px;margin-top:3px;border-radius:8px}
.footer-section input::-webkit-input-placeholder{color:#aaa}
.footer-section input::-moz-input-placeholder{color:#aaa}
.footer-section input::-ms-input-placeholder{color:#aaa}
.footer-section textarea::-webkit-input-placeholder{color:#aaa}
.footer-section textarea::-moz-input-placeholder{color:#aaa}
.footer-section textarea::-ms-input-placeholder{color:#aaa}
.breadcrumb-container{position:absolute;top:45%;transform:translate(-50%,-50%);left:50%;z-index:99;text-align:center}
.breadcrumb-container h2{color:#fff;font-size:4em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.breadcrumb-container ul{list-style:none;color:#fff}
.breadcrumb-container ul li{display:inline-block}
.breadcrumb-container a{color:#fff}
.mid_nav{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;background:rgba(0,0,0,.5);padding:6px 0}
.mid_nav a{display:inline-block;color:#f1f1f1;padding:10px 18px;border-radius:6px;font-weight:700;font-family:initial;margin-right:2vw;border:2px transparent solid}
.mid_nav a:hover{color:#fff;border:2px #fff solid;text-decoration:none}
.mid_nav .act{color:#fff;border:2px #fff solid}
.about-banner{position:relative}
.about-banner img{width:100%}
.about-section{padding:6vw}
.about-info{height:1px;border-top:2px solid #000;background:#000;text-align:center}
.about-info h1{font-size:36px;color:#000;position:relative;top:-20px;background:#fff;padding:0 2vw;display:inline-block;font-family:FugazOne-Regular;text-transform:uppercase}
.about-section>div>p{margin-top:3vw;text-align:center}
.about-grid{padding:4em 0;background-image:url(../images/map.png);background-position:center}
.about-grid h3{font-size:3em;text-transform:capitalize;margin-bottom:.5em;color:#000;text-align:center;font-family:FugazOne-Regular}
.about-grid h4{font-size:2em;color:#000;margin-bottom:.5em;text-align:center}
.about-grid p{font-size:1em;color:#333;line-height:1.8em;text-align:center}
.about1{margin:1.5em 0}
.capab-banner img{width:100%}
.capab-section{padding:8em 0}
.capab-grids{background-color:#fff;margin:2em 0}
.capab-info{background:url(../images/oneLINE.png) no-repeat -15px 30px;height:76px;text-align:center;vertical-align:bottom}
.capab-info h2{font-size:3em;text-transform:capitalize;color:#000;font-family:FugazOne-Regular}
.capab-info p{padding:1em}
.padding-z{padding:0}
.capab-grid h3{font-size:3em;text-transform:capitalize;margin-bottom:.5em;color:#000;text-align:center;font-family:FugazOne-Regular}
.capab-grid h4{font-size:2em;color:#000;margin-bottom:.5em;text-align:center}
.capab-grids p{font-size:1em;color:#777;line-height:1.7;text-align:left}
.capab1{margin:1.5em 0;padding-top:7em}
.capab2{padding-top:3.5em;padding-left:2em}
.capab3{padding-top:1em}
.cap-active{background-color:#f1f1f1}
.contact-map{position:relative;margin-bottom:5vw}
.company_ad{position:absolute;top:50%;left:10%;transform:translateY(-50%);background:#f1f1f1;border:2px #d80000 solid;padding:30px 15px;width:280px}
address{margin-top:20px;line-height:1.8}

@media(max-width:992px){.tabs-vertical .tabs-content-placeholder div img{width:100%;float:none}
.tabs-vertical .tabs-content-placeholder div p{width:100%;padding-right:0;margin-top:20px}}

@media(max-width:768px){.navbar-nav{width:100%}
.products>div>p{margin: 30px auto 0 auto;}
.about-info,.hnewsinfo,.products-info,.welcome-info{border:none;height:0}
.hnewsinfo h3,.welcome h2{font-size:22px}
.hnews>div>p,.products>div>p,.welcome>div>p{width:90%}
.wel-info p{height:6em}
.hnews,.products{padding-top:40px}
.about-info h1,.products-info h1{font-size:29px;top:0}
.nav .navbar-nav,.top .lang{float:none;text-align:center}
.tabs-vertical ul{float:none}
.tabs-vertical ul li{display:inline-block;margin-bottom:-1px}
.tabs-vertical ul li a{border:1px solid transparent;border-bottom:0;padding:8px 8px;font-size:13px}
.tabs-vertical ul li a.tab-active{box-shadow:2px 0 0 #efefef}
.tabs-vertical ul li:first-child a{border-left:0}
.tabs-vertical .tabs-content-placeholder{padding:15px 15px 30px;border-left:0;border-top:1px solid #ddd;box-shadow:0 -3px 0 #f3f3f3}
.tabs-content-placeholder a{margin-top:20px}
.home_news_box{width:100%}
.home_news_nei{display:block}
#validateimg{margin:0 7px}
input.spinput{margin-bottom:0}
.footerright a{float:left;margin-bottom:15px}
.footerleft .footernav{position:relative}
.mid_nav{position:relative;left:0;transform:none;background:#fff}
.mid_nav a{padding:4px 8px;color:#fff;background:#999;margin-bottom:10px}
.mid_nav .act{background:#d80000}
.breadcrumb-container h2{display:none}
.breadcrumb-container{width:100%;top:50px}
.capab2{padding:1em}
.capab1{padding-top:3em}
.capab-grid h4{font-size:1.5em}
#pnav{position:relative;background:#d80000}
#pnav li.dropdown>a{font-size:14px;line-height:30px}
#pnav li li ul{display:none!important}
.protitle{margin:40px auto;width:100%}
.prolist dl{width:50%}
.prolist dl dt{padding:5px 5px 0 5px}
.about-section>div>p{margin-top:30px}
.product>.container{padding:0}
.news_list_pic{display:none}
.new_mes{width:100%}
.title{font-size:18px;padding-bottom:8px}
.company_ad{position:relative;top:0;transform:none;left:0;width:100%;border:none}
address{margin:20px 0 0 0}
.footerleft .footernav{position:relative}
}