body {background:#fff;color:#666;font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,sans-serif}

a {color:#333;transition:.5s}

a:active,a:focus,a:hover {color:#e31610;outline:none;text-decoration:none}

p {padding:0;margin:0 0 30px}

.text-main {color:#e31610!important}

h1,h2,h3,h4,h5,h6 {font-weight:400;margin:0 0 20px;padding:0}

img.gray {-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);filter:grayscale(100%);-webkit-filter:url(../fonts/gray.svg#grayscale);filter:url(../fonts/gray.svg);-webkit-filter:gray;filter:gray}

.back-to-top {position:fixed;display:none;background:#e31610;color:#fff;width:44px;height:44px;text-align:center;line-height:44px;font-size:16px;border-radius:50%;right:15px;bottom:15px;transition:background .5s;z-index:11}

.back-to-top i {color:#fff}

@media (max-width:768px) {.back-to-top {bottom:15px}

}

#header {transition:all .5s}

#top {background:#e31610;position:relative;z-index:1000}

#top .right {background:#000;width:25%;height:4px;float:right}

#logo {width:107px;height:40px}

#logo>img {top:-8px;left:0;z-index:1000;transition:all .5s;width:107px;height:124px;}

.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .show>.nav-link {color:#e31610}

.navbar-nav .nav-link {color:#000}

.index_searchform {width:176px}

.index_search {padding:5px 0;width:100%}

.keyword {width:100%;height:30px;text-indent:1em;font-size:12px;border:1px solid #9d9d9d;background:#fff;color:#666}

.searchBtn {width:28px;height:28px;line-height:28px;right:1px;top:6px;color:#9d9d9d;text-align:center;background:#fff}

.lang:hover {color:#000}

.lang>i {line-height:40px;height:40px;font-size:24px}

.lang:hover i.ion-ios-world-outline:before {content:"\f4d3"}

#intro {background:url(../bannerbg.jpg) top no-repeat;background-size:cover;height:550px;padding-top:40px;overflow:hidden}

@media (min-width:1200px) {.navbar-brand {margin-right:2rem}

.navbar-expand-lg .navbar-nav .nav-link {padding-left:1rem;padding-right:1rem}

}

@media (max-width:1199px) {#intro {padding-top:80px}

}

@media (max-width:992px) {#intro {height:320px;padding-top:40px}

#header .navbar {transition:all .5s;height:0}

#logo>img {top:-48px}

#lang {position:fixed;top:26px;right:50px;z-index:990}

}

#intro .carousel-control-next,#intro .carousel-control-prev {width:40px;height:40px;top:auto;bottom:55px;background:#000;opacity:.8;font-size:20px;line-height:40px}

#intro .carousel-control-next {left:55px;right:auto}

#intro .carousel-control-next:hover,#intro .carousel-control-prev:hover {background:#e31610;opacity:.9}

#float-contact .container {height:40px}

#float-contact img {position:absolute;bottom:0;z-index:999}

#float-contact .blank {position:relative}

#float-contact .blank:after {content:"";width:40%;height:100px;background:#fff;z-index:998;bottom:0;left:0;position:absolute}

#pro-center {padding:40px 0}

#pro-center .navbar-brand {z-index:2}

#pro-center .navbar-brand:after {position:absolute;width:105px;border-bottom:3px solid #959595;left:0;bottom:-9px;content:""}

#pro-center .navbar-brand:before {position:absolute;content:"";z-index:-1;width:300px;height:32px;background:url(../section-pro.png) 0 0 no-repeat;left:0;top:-12px}

#pro-center .pro-list {border-top:1px solid #d0d0d0;padding-top:64px}

.pro-list .l-item {background:#f5f5f5;margin-bottom:50px;position:relative;overflow:hidden}

.pro-list .l-item:before {content:" ";display:block;width:100%;height:100%;background:hsla(0,0%,100%,.3);position:absolute;top:0;left:-100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s ease-in-out;z-index:3}

.pro-list .l-item:hover:before {margin-left:200%}

.pro-list .l-item a {color:#666;transition:all .3s}

.pro-list .l-item a:hover {color:#e31610}

.pro-list .l-item .h3 {border-bottom:1px solid #d0d1d1;transition:all .3s;color:#333}

.pro-list .l-item:hover .h3 {border-color:#e31610;color:#e31610}

.pro-list .item-pic {overflow:hidden;position:relative;background:#f5f5f5}

.pro-list .item-pic:before {content:" ";display:block;width:200%;height:100%;background:hsla(0,0%,100%,.1);position:absolute;top:10px;left:-300%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .5s ease-in-out;z-index:3}

.pro-list .item:hover .item-pic:before {margin-left:400%}

.pro-list .item p {position:relative}

.pro-list .item p:after,.pro-list .item p:before {position:absolute;content:"";border-bottom:3px solid #e31610;bottom:0;height:0;width:0;transition:all .3s ease-in-out}

.pro-list .item p:after {right:50%}

.pro-list .item p:before {left:50%}

.pro-list .item:hover p:after,.pro-list .item:hover p:before {width:50%}

#about {background:url(../about.jpg) top no-repeat;padding:109px 0 90px;overflow:hidden}

#about .about-l {margin-right:566px;color:#c7c7c7;position:relative;z-index:2}

#about .about-l:after {content:"";position:absolute;background:rgba(228,11,40,.8);width:430px;height:240px;bottom:-20px;left:-20px;z-index:-1}

#about .about-l .h4:before {content:"";position:absolute;border-top:3px solid #fff;width:40px;top:-20px;left:0}

#about .about-r {background:url(../about_r.jpg) top no-repeat;width:566px;height:469px;float:right;padding:90px 60px 0;color:#7a7a7a;font-size:14px;line-height:24px;letter-spacing:1px}

#about .sitename {font-size:22px;font-weight:700}

#about .about_link {display:inline-block;line-height:40px;background:#e31610;text-align:center;color:#fff;font-size:13px;padding:0 20px}

#case {background:url(../case.jpg) #ebebeb top no-repeat;padding:50px}

#case .item {background:#fff;margin:10px;transition:all .3s;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.3);color:#333}

#case .item:hover {color:#fff;background:#e31610;box-shadow:0 3px 10px rgba(0,0,0,.6);-webkit-transform:translateY(-3px);transform:translateY(-3px)}

#case .item>p {font-size:12px;line-height:24px;height:68px;overflow:hidden;text-align:left;padding:0 15px 20px;margin-bottom:0}

#case .item>.h5 {font-size:17px;position:relative;line-height:40px;padding:10px 15px 2px}

#case .item>.h5:after {content:"";position:absolute;width:30px;height:0;border-bottom:2px solid rgba(227,22,16,.7);bottom:0;left:50%;margin-left:-15px}

#case .item:hover>.h5:after {border-color:#fff}

#case .more {background:#ececec;color:#888;margin-bottom:15px;display:inline-block;line-height:24px;padding:0 12px;font-size:13px;transition:all .3s ease-in-out}

#case .item:hover .more {background:#a11818;color:#fff}

#case-carousel {position:relative}

#case-carousel .owl-stage-outer {z-index:1}

#case-carousel .owl-nav {position:absolute;bottom:80px;left:-50px;right:-50px;z-index:-1}

#case-carousel .owl-next,#case-carousel .owl-prev {display:inline-block;width:36px;line-height:36px;background:#000;color:#fff;outline:none}

#case-carousel .owl-next:hover,#case-carousel .owl-prev:hover {background:#e31610}

#case-carousel .owl-nav .owl-prev {float:left}

#case-carousel .owl-nav .owl-next {float:right}

#news {padding-top:50px}

#news .box {margin:20px 0;position:relative;z-index:2}

#news .box:after {background:#f8f8f8;transition:all .5s;content:"";top:0;left:0;bottom:0;width:160px;position:absolute;z-index:-1;opacity:.5}

#news .box:hover:after {width:100%;opacity:.9}

#news .pic {float:left;width:100%;max-width:160px}

#news .title {margin-left:180px;font-weight:600;margin-bottom:35px;font-size:16px;position:relative;color:#666;padding-top:10px}

#news .title:after {content:"";position:absolute;width:30px;height:0;border-bottom:2px solid #ccc;bottom:-20px;left:0}

#news .box:hover .title:after {border-color:#595959}

#news .description {font-size:14px;margin-left:180px;line-height:24px;margin-bottom:0;color:#999}

#news .box:hover .title {color:#e31610}

#tel {background:url(../tel.jpg) #fff top no-repeat;height:149px;margin-top:50px}

#message {background:url(../contact.png) #fff top no-repeat;padding-top:78px;margin:60px 0}

#message .form-group {width:76%;margin:0 auto 1rem}

#message .form-control {border:1px solid #dedede;height:41px;border-radius:0;margin-right:-3px;font-size:16px}

#message .btn-default {border-radius:0;background:#e31610;color:#fff;border:0;padding:10px 15px;max-width:160px;outline:none}

#message textarea.form-control {height:auto}

#message .container {margin-top:60px}

#footer {color:#dadada;font-size:14px;background:#c22119}

#footer .footer-top {padding:60px 0 30px;border-top:5px solid #d3d3d3;border-bottom:1px solid #112e2a;background:url(../footbg.jpg) #363636 top no-repeat;background-size:cover}

#footer .footer-top h4 {font-size:18px;font-weight:400;color:#fff;text-transform:uppercase;position:relative;padding-bottom:12px}

#footer .footer-top h4:after,#footer .footer-top h4:before {content:"";position:absolute;left:0;bottom:0;height:2px}

#footer .footer-top h4:before {right:0;background:#555}

#footer .footer-top h4:after {background:#da0d1f;width:60px}

#footer .footer-top .footer-links {margin-bottom:30px}

#footer .footer-top .footer-links .item {color:#dadada;display:inline-block}

#footer .footer-top .footer-links .item+.item {margin-left:.5rem}

#footer .footer-top .footer-links .item:hover {color:#e31610}

#footer .footer-top .footer-links .addlink {right:15px;bottom:10px;color:#ff190e}

#footer .footer-top .footer-contact p {line-height:26px}

#footer .nav-link {color:#fff;font-size:16px;line-height:40px;position:relative}

#footer .nav-link+.nav-link:before {content:"";height:18px;width:1px;background:#770100;position:absolute;left:-1px;top:20px}

#footer .nav-link+.nav-link:after {content:"";height:18px;width:1px;background:#d75344;position:absolute;left:0;top:20px}

#footer .message-form {padding-top:50px}

#footer .form-control {border:1px solid #5b5b5b;border-radius:2px;box-shadow:none;font-size:.875em;margin-bottom:20px;background:none;color:#fff}

#footer .form-control::-webkit-input-placeholder {color:#736f6f}

#footer .form-control:-moz-placeholder,#footer .form-control::-moz-placeholder {color:#736f6f}

#footer .form-control:-ms-input-placeholder {color:#736f6f}

#footer input {padding:.5rem .75rem}

#footer #questionPost {background:#e31610;font-size:14px;color:#fff}

#footer #questionPost>i {font-size:18px}

#mobile-nav-toggle {position:fixed;right:0;top:0;z-index:999;margin:26px 20px 0 0;border:0;background:none;font-size:24px;display:none;transition:all .4s;outline:none;cursor:pointer}

#mobile-nav-toggle i {color:#e31610}

@media (max-width:992px) {#mobile-nav-toggle {display:inline}

}

#mobile-nav {position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,.8);right:-50%;width:50%;overflow-y:auto;transition:.4s}

#mobile-nav ul {padding:0;margin:0;list-style:none}

#mobile-nav ul li {position:relative}

#mobile-nav ul li a {color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700;font-family:Montserrat,sans-serif}

#mobile-nav ul li a:hover {color:#fff}

#mobile-nav ul li li {padding-left:30px}

#mobile-nav ul .menu-has-children i {position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}

#mobile-nav ul .menu-has-children i.fa-chevron-up {color:#009f3b}

#mobile-nav ul .menu-has-children li a {text-transform:none}

#mobile-nav ul .menu-item-active {color:#009f3b}

#mobile-body-overly {width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,.7);display:none}

body.mobile-nav-active {overflow:hidden}

body.mobile-nav-active #mobile-nav {right:0}

body.mobile-nav-active #mobile-nav-toggle {color:#fff}

.carousel-fade .carousel-inner .carousel-item {-webkit-transform:translateX(0);transform:translateX(0);transition-property:opacity}

.carousel-fade .carousel-inner .active.carousel-item-left,.carousel-fade .carousel-inner .active.carousel-item-right,.carousel-fade .carousel-inner .carousel-item {opacity:0}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {opacity:1}

#inner_main .m-inner {font-size:14px;min-height:400px}

#inner_main .bcbox {padding-top:40px}

#inner_main .bcbox .tit {font-size:24px;color:#4e4e4e;padding:0 12px 0 20px;border-left:3px solid #e31610}

#inner_main .bcbox .stit {color:#b6b6b6;font-size:18px}

#inner_main .breadcrumb {background:#fff;font-size:14px;border-radius:0;line-height:28px;padding:0;margin-bottom:0}

#inner_main .breadcrumb-item>a {color:#888}

#yns1 {display:none !important;}

#inner_main .breadcrumb-item.active {color:#333}

#inner_main .breadcrumb-item+.breadcrumb-item:before {content:">"}

#about_nav {margin:20px 0}

#about_nav .nav-item+.nav-item {margin-left:12px}

.nav-item ul {position:absolute;top:2rem;left:0;list-style:none;padding:0;z-index:999;text-align:center;padding-top:1rem;}

.nav-item li {width:200px;}

.nav-item li a {color:#fff!important;padding:1rem;}

#about_nav .nav-link {background:#fff;color:#5b5b5b;transition:all .3s;border:1px solid #d7d7d7;border-radius:0;padding-left:30px;padding-right:30px}

#about_nav .nav-link.active,#about_nav .nav-link:hover {background:#e31610;color:#fff;border-color:#e31610}

#inner_about {padding:20px 0 60px;background:url(../bk.jpg) bottom no-repeat}

.inner-box .zhcn {color:#7b7b7b;font-size:14px;line-height:30px}

.inner-box .en {color:#afafaf;font-size:12px;line-height:20px}

#inner_about .about-img {padding-top:40px;position:relative;z-index:1}

#inner_about .about-img:after {content:"";position:absolute;width:238px;height:299px;top:0;right:0;z-index:-1;background:url(../inner_about_bg.jpg) 0 0 no-repeat}

#inner_about .about-img>img {max-width:348px}

#inner_culture {padding-top:80px}

#inner_culture .about-img>img {max-width:448px}

#inner_culture .list {padding:0}

#inner_culture .item {list-style:none;color:#7a7a7a;font-size:16px;margin-bottom:30px;padding-left:3px;position:relative;transition:all .3s;cursor:pointer}

#inner_culture .item>i {color:#dcdcdc;font-size:36px;line-height:40px;width:40px;margin-left:15px;float:left}

#inner_culture .item .txt {line-height:40px;margin-left:90px;position:relative;transition:all .2s;font-size:14px}

#inner_culture .item.active,#inner_culture .item:hover {color:#e31610}

#inner_culture .item.active:after,#inner_culture .item:hover:after {height:32px;width:0;content:"";position:absolute;left:0;top:5px;border-left:3px solid #e31610}

#inner_culture .item.active .txt,#inner_culture .item:hover .txt {color:#fff;background:#e31610;padding:0 20px}

#inner_culture .item.active .txt:after,#inner_culture .item:hover .txt:after {content:"";position:absolute;width:12px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:-6px;top:14px;background:#e31610}

#inner_culture .item.active>i,#inner_culture .item:hover>i {color:#e31610}

#inner_culture .spec {width:16px;border-top:2px solid #222;margin-bottom:40px}

#inner_business {margin-top:80px}

#inner_business .spec {width:40px;border-top:3px solid #222;margin:25px 0}

#inner_business .container {padding:60px 0;z-index:1}

#inner_business .container:after {content:"";position:absolute;right:0;top:0;bottom:0;left:100px;background:#f3f3f5;z-index:-1}

#inner_business .carousel-control-next,#inner_business .carousel-control-prev {width:50px;height:50px;top:auto;bottom:0;background:#333;opacity:.8;font-size:24px;line-height:50px;border-radius:25px}

#inner_business .carousel-control-next:hover,#inner_business .carousel-control-prev:hover {background:#e31610}

#inner_business .carousel-control-next {right:auto;left:65px}

#inner_factory {margin-top:130px}

#inner_factory .spec {width:40px;border-top:3px solid #222;margin:25px 0}

#inner_factory .container {padding:60px 0;z-index:1}

#inner_factory .container:after {content:"";position:absolute;left:0;top:0;bottom:0;right:100px;background:#f3f3f5;z-index:-1}

#inner_factory .carousel-control-next,#inner_factory .carousel-control-prev {width:50px;height:50px;top:auto;bottom:0;background:#333;opacity:.8;font-size:24px;line-height:50px;border-radius:25px}

#inner_factory .carousel-control-next:hover,#inner_factory .carousel-control-prev:hover {background:#e31610}

#inner_factory .carousel-control-next {right:auto;left:65px}

#inner_honor {margin-top:70px;background:url(../honor_bg.jpg) top no-repeat;padding-top:105px;margin-bottom:40px}

#inner_honor .item {margin-bottom:20px;text-align:center}

#inner_honor .item img {padding:10px;border:1px solid #efefef}

#case-box {padding:0 30px}

#case-box .f5bg {background:#f5f5f5;padding:40px}

#case-box .date,#case-box .tit {font-size:18px}

#case-box .tit {color:#000;font-weight:700}

#case-box .row:hover .tit a {color:#e31610}

#case-box .date {color:#a8a8a8;position:relative;padding-bottom:30px}

#case-box .date:after {content:"";position:absolute;border-bottom:3px solid #b7b7b7;width:45px;bottom:20px;left:0}

#case-box .desp {color:#b7b7b7;font-size:14px;line-height:24px;margin-bottom:20px}

#case-box .btn {background-color:#a4a4a4;color:#fff;border-radius:0}

#case-box .btn:hover,#case-box .row:hover .btn {background-color:#e31610}

#case-box .r_0 {border-top:1px solid #d7d7d7;margin-top:10px;padding-top:36px}

.listpager {text-align:center;margin:40px 0}

.listpager .first,.listpager .last {display:none}

.listpager a {font-size:12px;color:#333;border:1px solid #e8e8e8;line-height:36px;border-radius:4px;display:inline-block;padding:0 15px}

.listpager a+a {margin-left:10px}

.listpager a.selected,.listpager a:hover {border-color:#e31610;color:#e31610}

#download .box {border-top:1px solid #b7b7b7;margin-top:10px;padding-top:20px}

#download tr td {border:none;line-height:40px;font-size:14px}

#download tr {transition:all .3s;-webkit-transition:all .3s;height:auto}

#download tr td i {font-size:30px;color:#838383}

#download tr td a:hover i {color:#e31610}

#download tr:nth-child(odd) {background-color:#fff}

#download tr:nth-child(2n) {background-color:#f9fafc}

#download tr:hover {background-color:#f8f8f8}

#download tr:first-child:hover {background-color:#fff}

#download .tit td {color:#999;font-size:16px}

#download .item {opacity:.9}

#news-box .sp-line {margin-top:10px;border-top:1px solid #d7d7d7;padding-top:20px}

#news-box .tit {padding-bottom:10px;font-size:16px;color:#000;line-height:32px}

#news-box .row:hover .tit a {color:#e31610}

#news-box .pic {display:block;position:relative;z-index:1}

#news-box .pic:after {content:"";top:0;left:0;right:0;bottom:0;background:#000;z-index:2}

#news-box .pic:after,#news-box .pic:before {position:absolute;opacity:0;transition:all .3s}

#news-box .pic:before {content:"\f425";top:50%;left:50%;margin-left:-20px;margin-top:-20px;font-size:40px;height:40px;width:40px;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:40px;text-align:center;color:#fff;z-index:3}

#news-box .row:hover .pic:after {opacity:.6}

#news-box .row:hover .pic:before {opacity:1}

#article-box .hd {margin-top:10px;border-top:1px solid #d7d7d7;padding-top:36px;color:#888}

#article-box img {max-width:100%;height:auto}

#article-box p {line-height:1.8}

#article-box .contact {margin:30px 0;padding:0 30px}

#article-box .contact h6 {font-size:18px}

#article-box .contact .opt {font-size:15px;color:#999;line-height:1.8}

#article-box .more {border:dashed #888;border-width:1px 0;line-height:54px;margin:30px 0 55px}



#portfolio-flters {padding:0;margin:5px 0 35px;list-style:none; width:100%;}

#portfolio-flters li{cursor:pointer;margin:15px 1% 15px 1%;display:inline-block;padding:10px 20px;font-size:14px;line-height:20px;color:#666;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all .3s ease-in-out;border:1px solid #d7d7d7}

#portfolio-flters li.filter-active,#portfolio-flters li:hover {background:#e31610;color:#fff;border-color:#e31610}

#portfolio-flters  li:hover a,#portfolio-flters li.filter-active a {color:#fff;outline:none;text-decoration:none}

#portfolio-flters li:last-child {margin-right:0}



#portfolio .portfolio-wrap {box-shadow:0 2px 12px rgba(0,0,0,.08);transition:.3s}

#portfolio .portfolio-wrap:hover {box-shadow:0 4px 14px rgba(0,0,0,.16)}

#portfolio .portfolio-item {position:relative;height:360px;overflow:hidden}

#portfolio .portfolio-item figure {background:#000;overflow:hidden;position:relative;border-radius:4px 4px 0 0;margin:0}

#portfolio .portfolio-item figure:hover img {opacity:.4;transition:.3s}

#portfolio .portfolio-item figure .link-details,#portfolio .portfolio-item figure .link-preview {position:absolute;display:inline-block;opacity:0;line-height:1;text-align:center;width:36px;height:36px;background:#fff;border-radius:50%;transition:.2s linear}

#portfolio .portfolio-item figure .link-details i,#portfolio .portfolio-item figure .link-preview i {padding-top:6px;font-size:22px;color:#333}

#portfolio .portfolio-item figure .link-details:hover,#portfolio .portfolio-item figure .link-preview:hover {background:#e31610}

#portfolio .portfolio-item figure .link-details:hover i,#portfolio .portfolio-item figure .link-preview:hover i {color:#fff}

#portfolio .portfolio-item figure .link-preview {left:calc(50% - 38px);top:calc(50% - 18px)}

#portfolio .portfolio-item figure .link-details {right:calc(50% - 38px);top:calc(50% - 18px)}

#portfolio .portfolio-item figure:hover .link-preview {opacity:1;left:calc(50% - 44px)}

#portfolio .portfolio-item figure:hover .link-details {opacity:1;right:calc(50% - 44px)}

#portfolio .portfolio-item .portfolio-info {background:#fff;text-align:center;padding:20px 30px 30px;height:90px;border-radius:0 0 3px 3px}

#portfolio .portfolio-item .portfolio-info h4 {font-size:18px;line-height:24px;font-weight:700;margin-bottom:6px;padding-bottom:0}

#portfolio .portfolio-item .portfolio-info h4 a {color:#333}

#portfolio .portfolio-item .portfolio-info h4 a:hover {color:#e31610}

#portfolio .portfolio-item .portfolio-info p {padding:0;margin:0;color:#b8b8b8;font-weight:500;font-size:14px;text-transform:uppercase}

#product-center #product-info {padding-top:25px}

#product-center #product-info h5 {font-size:22px}

#product-center .intro {font-size:15px;color:#a1a0a0;line-height:1.6}

#product-center .features {padding-left:0;list-style:none}

#product-center .features>li {font-size:15px;color:#333;line-height:24px;height:24px;padding-left:18px;background:url(data:image/gif;base64,R0lGODlhBwAKAMQcAOYsJvWsquMZE/739+g/Ouc3MuMXEe98efKSj+92cu5wbfa4tv719eUpJOpNSP3t7PGMifzl5eQfGeQcF/76+ec1MOpSTvnNy/OZlvzj4vvg3+MWEP///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRjMwMERDNTE5RjExRTg4NTAzODI5MTAyRjkzMzhCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBRjMwMERENTE5RjExRTg4NTAzODI5MTAyRjkzMzhCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFGMzAwREE1MTlGMTFFODg1MDM4MjkxMDJGOTMzOEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGMzAwREI1MTlGMTFFODg1MDM4MjkxMDJGOTMzOEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAcACwAAAAABwAKAAAFLmCmaQNnIttmUSanpElLWSnWPsUmLC2WOqaLZNPIcCKAzeTCYRA2hoDpUKlAWiEAOw==) 0 7px no-repeat}

#product-content p {margin-bottom:15px;line-height:1.8}

#product-content img {max-width:100%;height:auto}

#product-rec figure {background:#000;overflow:hidden;margin:0}

#product-rec .portfolio-info {background:#fff;text-align:center;line-height:24px;padding:6px 12px;border-bottom:1px solid #f6f6f6;position:relative;z-index:1}

#product-rec .portfolio-info:after {position:absolute;transition:all .3s;content:"";background:#e31610;left:0;right:0;bottom:0;height:0;z-index:-1}

#product-rec .portfolio-wrap:hover .portfolio-info:after {height:36px}

#product-rec .portfolio-wrap:hover .portfolio-info {border-color:#e31610}

#product-rec .portfolio-wrap:hover .portfolio-info a {color:#fff}

#contact-way .tit {height:57px;background-image:url(../contact_tit.png);background-repeat:no-repeat;margin:10px 0 13px}

#contact-way .t1 {background-position:center 0}

#contact-way .t2 {background-position:center -57px}

#contact-way .t3 {background-position:center -114px}

#contact-way .way p {border-top:1px solid #6e6e6e;font-size:14px;line-height:24px;padding-top:12px;color:#333;height:84px;overflow:hidden}

#contact-way .way ul {border-left:2px solid #e31610;list-style:none;padding-left:12px}

#contact-way .way ul li {line-height:32px;color:#333}

#contact-way .way i {color:#e31610;font-size:26px;line-height:32px;width:36px;padding-right:10px;height:32px;text-align:center;overflow:hidden;vertical-align:top;display:inline-block}

#services-map {background:url(../contact_bg.jpg) top no-repeat;background-size:cover}

#services-map .bg {background:hsla(0,0%,100%,.15);border-radius:0 0 8px 8px;padding-bottom:30px}

#services-map table {margin:0 auto;max-width:666px}

#services-map table td {border:none;color:#fff}

#services-map table .adds {border-bottom:1px dashed #fff}

#services-map table .adds>p {line-height:24px;margin-bottom:0}

#services-map table .area {transition:all .3s}

#services-map table .arr {color:#e31610;text-shadow:1px 1px 3px #333;opacity:0;transition:opacity .3s}

#services-map table tr:hover td {cursor:pointer}

#services-map table tr:hover .arr {opacity:1}

#services-map table tr:hover .area {color:#e31610;text-shadow:1px 1px 3px #333}

@media(max-width:768px) {#mobile-nav-toggle {margin-top:32px}

#logo>img {display:none}

#header .navbar {height:95px;background:url(../w-logo.png) #fff 0 20px no-repeat}

#intro {height:auto;padding-top:0;background:none;}

#intro .container {max-width:100%}

#mobile-nav .index_searchform,#mobile-nav .lang {display:none}

#message {background-image:url(../m-contact.png);padding-top:50px}

#message .form-group {width:90%}

#message .btn-default {max-width:100%;width:100%;padding:6px 15px;margin-top:10px}

#float-contact .container-fluid {height:70px}

.pro-list .item p {border-bottom:1px solid #959595}

.pro-list .item:hover p {border-color:#e31610;color:#e31610}

#pro-center {padding:40px 0 20px}

#wap-about .about_link {display:inline-block;padding:.5rem 1rem;color:#fff;background:#e31610}

#news {padding-top:20px}

#news .description,#news .title {margin-left:96px}

#news .date {width:84px;text-align:center;font-size:42px;float:left}

#news .mon {font-size:20px}

#news .title:after {display:none}

#news a:hover h4,#news a:hover h5,#news a:hover p {color:#e31610}

#case .t {position:relative}

#case .t:after {content:"";position:absolute;bottom:4px;border-bottom:3px solid #e31610;width:66px;left:50%;margin-left:-33px}

#case .wapitem {font-size:14px}

#case .wapitem .h5 {font-size:18px}

#case {background-size:cover}

#news .pic {display:none;}

#news .date,#wap-about {display:block !important;}

}

#wap-about {display:none;}

#news .date {display:none;}