@charset "utf-8";
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.content-wrap {
    margin-bottom: 3rem;
}

@media (max-width: 991px) {
    a:hover{
        color: #e4000a;
        text-decoration: none;
    }
    .content-wrap {
        margin-bottom: 0;
    }
    .w-fhdb {
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 100;
        border-radius: 35px;
        background: #FFF;
        border: 1px solid #e6e6e6;
        cursor: pointer
    }

    .w-fhdb span {
        font-size: 1.8rem;
        color: #706b6b;
        padding: 15px;
    }
}

.breadcrumb a {
    color: #666;
}

.navbar-nav > li > a {
    font-size: 16px;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #fff;
}

.navbar-toggle {
    float: left;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0px;
    }

    .navbar-toggle {
        display: block;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }

    .navbar-header {
        float: inherit;
    }
}

.navbar-inverse .navbar-brand {
    font-size: 20px;
    font-weight: bold;
}

.navbar-toggle {
    border: none;
}

.max-nav {
    width: 100%;
    margin: 0;
}
.max-nav li{
    padding: 0 22px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .max-nav li{
        padding: 0 5px;
    }
}
.max-nav .col-md-3 {
    padding: 0;
    text-align: center;
}

.max-nav #menu-list {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 2px 10px #ccc;
    -webkit-box-shadow: 0 2px 10px #ccc;
    -moz-box-shadow: 0 2px 10px #ccc;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #222;
}

#menu-list {
    background: #fff
}

#menu-list > li > a:hover {
    background-color: #fff;
    color: #e60012;
    text-decoration: underline;
}

#menu-list li.list-chlid {
    position: relative;
    padding: 5px 15px;
}

#menu-list li.list-chlid .list-unstyled {
    box-shadow: 0 2px 10px #ccc;
}

#menu-list li.list-chlid a {

    display: block;
    text-align: left;
    padding: 15px 13px;
}

#menu-list li .list-unstyled {
    position: absolute;
    top: 0;
    padding: 10px;
    display: none;
    background-color: #fff
}

#menu-list .list-unstyled li {
    line-height: 15px;
    font-size: 16px;
}

#menu-list .list-unstyled span {
    vertical-align: middle;
}

#menu-list .list-unstyled > li > a {
    color: #333
}

#menu-list .list-unstyled > li > a:hover {
    color: #e60012;
    text-decoration: underline;
}

.visible-xs-block .icon {
    margin-right: 10px;
}

@media (min-width: 992px) {
    .nav > li > a {
        padding: 15px 10px;
    }

    .modal-content {
        height: 136px;
    }

    #menu-list li.list-chlid a {
        padding: 17.2px 13px;
    }
}

.modal-lg, .modal-dialog {
    width: 100%;
    margin: 0;
}

.modal-content {
    height: 136px;
}

.glyphicon-menu-right {
    color: #e4e4e4;
    padding-top: 3px;
}

#menu-list li a:hover span {
    color: #e60012
}

.parts li {
    line-height: 40px;
}

.main-header .nav {
    padding-top: 10px;
}

.navbar {
    z-index: 999;
    min-height: auto;
   
	margin-bottom:0px;
    border: none;
    position: inherit;
}

.pull-down {
    position: absolute;
    left: 0;
    padding: 10px 16px;
    background-color: #fff;
    display: none;
    z-index: 1000;
    box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    -moz-box-shadow: 2px 2px 10px #ccc;
}

.pull-down a {
    display: block;
    min-width: 150px;
    color: #333;
    text-align: left;
}

.pull-down a:hover {
    color: #e60012;
}

.pull-down .iconT {
    width: 22px;
    height: 9px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: -8px;
    background: url(../images/iconT.png) no-repeat;
}

.modal-content {
    background-color: #2b2b2b;
}



.L-text {
    line-height: 30px;
    padding: 20px 0 10px 0;
}

.L-list li {
    line-height: 20px;
    background: url(../images/w-yuan.png) no-repeat 0 center;
    padding-left: 20px;
}

.col-color {
    background: #2b2b2b
}

.col-color .L-title {
    border-bottom: 1px solid #323232
}

.btn-group-lg > .btn, .btn-lg {
    border-radius: 2px;
}



.L-color2 {
    background-color: #f5f5f5
}

.col-color h2, .col-color p {
    color: #fff;
}

.L-more {
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 15px;
}

.L-container {
    min-height: 670px;
}

.picture-list li {
    margin-bottom: 25px;
}

.picture-list li h5 {
    color: #fff;
}

.picture-list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 45px;
    color: #808080;
}
.home-case-list {
    color: #808080;
    margin: 15px 0;
}
.home-case-title {
    margin: 0;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding: 10px 0;
    line-height: 18px;
    height: 46px;
    overflow: hidden;
}
.home-case-describe{
    font-size: 16px;
    line-height: 20px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 0;
}
@media screen and (max-width: 991px) {
    .home-case-title {
        font-size: 20px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        padding-top: 0;
        margin-bottom: 5px;
    }
    .m-home-about .home-case-title {
        height: 22px;
    }
    .home-case-list .col-xs-8{
        padding-left: 0;
    }
}
@media screen and (max-width: 425px) {
    .home-case-title {
        font-size: 16px;
    }
    .home-case-describe{
        height: 40px;
    }
}
@media screen and (max-width: 320px) {
    .home-case-describe{
        display: none;
    }
}



.mainfooter {
    background: #303030;
    color: #808080;
    overflow: hidden;
}

.mainfooter a {
    color: #808080;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    line-height: 22px;
}

.mainfooter .col-md-2, .mainfooter .col-lg-2 {
    padding-right: 5px;
    padding-left: 5px;
}

.copyright {
    color: #4c4c4c;
    line-height: 30px;
}

.footer-bottom {
  width:100%;
}
.footer-bottom a{float:left;}
@media (max-width: 991px){
    .footer-bottom {
        text-align: center;
        background: #fff;
        color: #9c9c9c;
        margin-bottom: 13vw;
        border-top: solid 1px #e6e6e6;
    }
}
.footer-bottom p {
    margin-bottom: 0;

}

.footer-top {
    padding: 20px 0;
}

.footer-top h5 {
    color: #fff;
    font-size: 18px;
}

footer a:hover {
    color: #fff;
}

p.data {
    color: #4c4c4c;
    font-size: 14px;
}

.L-sm h2 {
    font-size: 1.6rem;
    margin-top: 0;
}

.L-sm h3 {
    margin-top: 0;
    font-size: 1.6rem
}

.L-sm h2.title {
    font-size: 1.6rem
}

.L-sm p {
    font-size: 1.4rem;
    color: #4c4c4c;
}

.L-sm p.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 6rem;
    line-height: 2rem;
}

.L-sm .list-unstyled li {
    margin-bottom: 10px;
}

.L-sm .footer-bottom {
    background: #fff;
    font-size: 1.6rem;
    text-align: center;
    color: #999;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 9vw;
    padding: 4vw 0;
}

.L-middle {
    vertical-align: middle;
}

.L-parent {
    padding-top: 30px;
}

.ximgmask {
    position: relative;
    display: block;
}

/*imgmark*/
.ximgmask {
    position: relative;
    display: block;
}

.ximgmask img {
    z-index: 0;
}

.ximgmask:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000 url("../images/hoverlogo.png") no-repeat center center;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

@media screen and (max-width: 991px) {
    .ximgmask:hover::after {
        content: "";
        background: none;
    }
}

/*end imgmark*/
.L-sm {
    background-color: #fff;
}

.L-sm .L-parent {
    background-color: #fff;
    padding: 15px 0;
    margin-top: 30px;
}

@media screen and (max-width: 991px) {
    body {
        background: #fff;
    }

    .content-wrap .container {
        background: #fff;
    }

    .xmobileblank {
        height: 1.8rem;
        background: #f4f4f4;
        margin: 0 -15px;
    }
}

.xpages {
    padding: 60px 12px;
    clear: both;
    font-family: Arial, "\5B8B\4F53", sans-serif;
    font-size: 13px;
    vertical-align: top;
    line-height: 20px;

}

.xpages a, .xpages span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    margin: 0 2px;
    background: #fff;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    vertical-align: top;
}

.xpages a:hover {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    text-decoration: none
}

.xpages a, .xpages a:visited {
    color: #666
}

.xpages a:hover, .xpages a:active {
    color: #e91a2a
}

.xpages .current {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #e91a2a
}

.xpages a.current, .xpages a.current:visited {
    color: #e91a2a
}

.xpages a.current:hover, .xpages a.current:active {
    color: #e91a2a
}

.xpages-e5e5e5 {
    color: #e5e5e5
}

@media (max-width: 991px) {
    .w-red {
        color: #e8635a
    }

    .w-mt20 {
        margin-top: 2rem
    }

    .w-mb20 {
        margin-bottom: 2rem
    }

    .w-bordet {
        border-bottom: 1px solid #e5e7e6;
        padding-bottom: 1rem
    }

    .L-sm p.w-time1 {
        font-size: 1.2rem
    }

    .L-parent .col-xs-5, .L-parent .col-sm-5 {
        padding-right: 0px
    }

    .w-clamp {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .w-clamp2 {
        -webkit-line-clamp: 2;
    }
	
/*add*/	
.xpages a, .xpages span{ padding:0 32px}
.xpages a, .xpages a:visited {
    color: #0076ff
}
.xpages a, .xpages a:visited{margin-right: 5px; margin-left: 5px;}

}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-color: #dc0000;
    border-color: #dc0000;
}

.left-padding {
    padding-left: 0;
}

}
@media (min-width: 768px) {
    #menu-list li.list-chlid a {
        padding: 17.2px 13px;
    }

}
.section h1 {
    font-size: 60px;
    text-align: center
}

.section p {
    margin: 20px 0;
    font-size: 20px;
    text-align: center
}

.btn-group {
    width: 100%;
    text-align: center
}

.btn-group2 {
    width: auto;;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden
}

.btn-group a {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #000
}

.btn-group a:hover {
    background: #e70012;
    border: 1px solid #e70012;
    color: #fff;
    text-decoration: none;
}

.t-recom {
    margin: 40px 0;
}

.t-recom ul {
    padding: 0;
    overflow: hidden;
}

.t-recom ul li {
    margin: 15px 0;
    list-style: none;
}

.t-recom ul li img {
    width: 100%;
}

/*end 404 page*/

.container {
    position: relative;
}

#list {
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
	margin-left: 0;
    z-index: 1000;
    background: #fff;
    display: none;
    box-shadow: 0 2px 10px #ccc;
    -webkit-box-shadow: 0 2px 10px #ccc;
    -moz-box-shadow: 0 2px 10px #ccc;
}

#list li {
    line-height: 36px;
}
#list .text-right{color: #ccc;cursor: pointer;}
.sm-list-unstyled {
    position: absolute;
    left: 0;
    width: 100%;
    background: #222;
    display: none;
}

.sm-list-unstyled li a {
    color: #9d9d9d;
    line-height: 20px;
    display: block;
    padding: 10px 15px;
    font-size: 16px;
}

#list li {
    line-height: 36px;
}

.pl0 {
    padding-left: 0;
}
.pr0 {
    padding-right: 0;
}
.plr0 {
    padding-left: 0;
    padding-right: 0;
}
.xcasecontent p img,
.xproductcontent p img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 991px) {
	.xcasecontent p img{ margin-left:0}
    .xcasecontent p img,
    .xproductcontent p img {
        width: 100%;
        height: auto;
    }

}

.slide .carousel-indicators {
    bottom: 0;
}

.alert-warning {
    padding: 10px;
    padding-right: 25px;
    font: 1.4rem;
}

.xmore {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    line-height: 50px;
}

.pb20 {
    padding-bottom: 20px;
}
#LR_User_Icon0 {
    z-index: 1001;
    width: 126px;
    height: auto;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -89px;
    _position: absolute;
    _top: expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop));
    _right: 0;
}

#LR_User_Icon0 img {
    display: block;
    margin: 0 auto;
}

a.gotop {
    height: auto;
    width: 100%;
    display: block;
    cursor: pointer;
    background: url(../images/arr_back.png) no-repeat center #808080;
    transition: none;
}

a.gotop:hover {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='images/arr_back2.png',
            sizingMethod='scale');
    transition: none;
    background-color: #808080;
    background-image: url(../images/arr_back2.png);
    background-repeat: no-repeat;
    background-position: center center;

}

a.gotop img, a.gotop span, a.gotop:hover span {
    display: none;
}

a.gotop:hover img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

a.swt_zx {
    height: 188px;
    width: 126px;
    display: block;
    cursor: pointer;
    background-image: url(../images/swt1.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    transition-property: none;
}

a.swt_zx:hover {
    background-position: -126px 0px;
}

a.lxb_zx {
    height: 106px;
    width: 125px;
    display: block;
    cursor: pointer;
    background-image: url(../images/swt.png);
    background-repeat: no-repeat;
    background-position: 0px -186px;
    transition-property: none;
}

a.lxb_zx:hover {
    background-position: -125px -186px;
}

.swt-mobile{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}
.swt-mobile-body{
    border-top: 1px solid #e6e6e6;
    background: #fff;
}
.swt-mobile-body .icon{
    display: inline-block;
    font-size: 6vw;
    margin-right: 2vw;
}
.swt-mobile-body .swt-zx-txt{
    display: inline-block;
    font-size: 4vw;
}
.swt-mobile-body a{
    display: inline-block;
    width: 50%;
    height: 16vw;
    float: left;
    color: #cb0909;
    padding-left: 7vw;
    line-height: 16vw;
}
.swt-mobile .swt-zx{
    border-right: 1px solid #e6e6e6;
}
.swt-mobile .swt-ly{

}
.globalmenu .text{
    line-height: 30px;
    display: inline-block;
    height: 30px;
}
.globalmenu a{
    color: #e60012;
}
.globalmenu .map{
    line-height: 30px;
    display: inline-block;
    height: 30px;
    float: left;
    width: 30px;
    font-size: 20px;
}
.globalmenu:hover a{
    color: #bf000f;
}
.globalmenu:hover .map{
}
.globallist{
    padding: 15px 20px 20px 20px;
}
.globallist h2{
    margin: 0;
}
.pt0{
    padding-top: 0;
}
.modal-content{
    border-radius: 0;
    box-shadow:none;
}
#swtclose{
    float: right;
    color: #999;
}
.contactus-tip{
    padding-bottom: 20px;
    color: #888;
}

.swt-body{
    z-index: 2147483647;
    left: 50%;
    top: 50%;
    position: fixed !important;
    margin-left: -211px !important;
    margin-top: -110px !important;
    width: 460px;
    /*height: 260px;*/
    box-shadow: 0 2px 10px #666;
    -webkit-box-shadow: 0 2px 10px #666;
}
.swt-content{
    padding: 20px;
    background: url("../images/swtbg.jpg") no-repeat right bottom #fff;
}
.swt-text{
    font-size: 12px;
}
.swt-text h5{
    font-size: 20px;
    color: #de0000;
    margin-top: 0;
}
.swt-btn .now{
    display: inline-block;
    margin-right: 20px;
    width: 105px;
    height: 28px;
    background: url("../images/swtnow.jpg");
}
.swt-btn .leter{
    display: inline-block;
    width: 105px;
    height: 28px;
    background: url("../images/swtlater.jpg");
}
.bauma2016mobile,
.swt-mobile-body
{
    width: 100%;
    float: left;
}
.bauma2016mobile a {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.bauma2016mobile img {
    width: 100%;
}
/*homenews*/
.red-border {
    border-bottom: 3px solid #dc0000;
    display: inline-block;
    padding: 0px 0 18px 0;
    position: relative;
    bottom: -2px;
}
.L-title {
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px;
    position: relative;
.home-news-left .news-title{
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}
.home-news-left p{
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}
}
.home-news-right .news-title{
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}
.home-news-right .news-text{
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 0;
}



.home-news-name{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ededed;
    margin: 30px 0;
}
.home-news-name h2{
    margin: 0;
    line-height: 58px;
}
.home-news-name .name-left{
    font-size: 20px;

    border-bottom: 3px solid #dc0000;
    bottom: -2px;
}
.home-news-name .more{
    line-height: 65px;
    font-size: 16px;
    color: #5a5a5a;
}
.sany-news {
    padding-bottom: 50px;
}

.sany-news p {
    color: #808080;
    margin-bottom: 0;
}

.news-title {
    color: #000;
    font-weight: bold;
    margin-top: 0;
    font-size: 24px;
}

.right-news-title {
    color: #000;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.home-news-list{
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: solid 1px #eee;
    margin-left: 0;
    margin-right: 0;
}
.no-border{
    border: none;
}
.mobile-navbar-list .no-border-bottom{
    border-bottom: none;
}
.sm-list-unstyled .no-border-bottom{
    border-bottom: none;
}
.news-top, .news-bottom {
    padding: 10px 0 20px 0;
}

.news-top {

    padding: 0;
}
.news-p{ height: 65px; overflow: hidden;  }

.news-top .news-text, .news-bottom .news-text {
    line-height: 22px;
    font-size: 14px;
    color: #4c4c4c
}
@media (max-width: 992px) {
    .sany-news {
        padding-bottom: 0;
    }
    .home-news-name .more{
        padding: 10px;
        color: #e4000a;
    }
    .home-news-name .name-left{
        font-size: 3rem;
        margin: 0;
        border-bottom: none;
    }
    .home-news-name{
        border-bottom: none;
        margin: 0;
    }
    .home-news-right{
        padding-left: 0;
    }
    .home-news-right .news-title{
        height: auto;
    }
    .home-news-list{
        padding-bottom: 0;
        margin: 15px 0;
        border-bottom: none;
    }
    .home-news-right .news-text{
        font-size: 16px;
        line-height: 20px;
        height: 60px;
        overflow: hidden;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 425px) {
    .right-news-title {
        font-size: 16px;
    }
    .home-news-right .news-text{
        height: 40px;
    }
}
@media screen and (max-width: 320px) {
    .home-news-right .news-text{
        display: none;
    }
    .home-news-right .datetime{
        display: none;
    }
}
/*end homenews*/
.m-home-about{
    padding: 25px 0;
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}
.mainfooter h1 {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
    line-height: 22px;
}
.footer-bottom p {
    margin-bottom: 0;
}
.slide img{
    width: 100%;
}
.mobile-nav{
    color: #fff;
    position: relative;
    z-index:1000;
    height: 13vw;
}
.mobile-nav a{
    color: #fff;
}
.mobile-nav a:hover{
    text-decoration: none;
}
.mnavbar-left{
    padding-left: 6vw;
}
.mnavbar-right{
    padding-right: 6vw;
}
.mnavbar-left .navbar-toggle{
    margin: 0;
    padding:4vw 0;
    font-size: 5vw;
    line-height: 5vw;
}
.mnavbar-center{
    height: 13vw;
    line-height: 13vw;
}
.mnavbar-center .mobile-logo{
    display: block;
    width: 30vw;
    margin: auto;
}
.mnavbar-center .mobile-logo img{
    width: 100%;
}
.mnavbar-right div{
    font-size: 6vw;
    line-height: 14vw;
}

.navbar-nav > li > a{
    color: #fff;
}
/*home mobile search*/
.mobile-nav-search{
    padding-right: 3vw;
}
.mobile-nav-search-body{
    position: absolute;
    padding: 4vw;
    background: #222;
    z-index: 999999999;
    width: 100%;
}
.mobile-nav-search-body .icon-14{
    color: #fff;
    font-size: 5vw;
    line-height: 5vw;
}
.mobile-nav-search-body .m-search-body{
    width: 80vw;
}
.m-search-body .input-group-addon,
.m-search-body .form-control{
    color: #fff!important;
    background-color: #666;
    border: 1px solid #666;
    height: 6vw;
    font-size: 16px;
}
.m-search-body .form-group {
    margin-bottom: 0;
}
/*end home mobile search*/
@media (max-width: 991px) {
    .nav-container{
        z-index: 9999;
        padding: 0;
    }
    .mobile-navbar{
        position: absolute;
        width: 100%;
        border: none;
        padding: 0 10vw;
        background: #222;
        left: 0;
    }
    .mobile-navbar-list{
        padding: 0px;
        list-style-type: none;
    }
    .mobile-navbar-list > li {
        padding: 0;
        margin: 0;
        border-bottom: solid 1px #444;
        width: 100%;

    }
    .mobile-navbar-list > li > a {
        font-size: 6vw;
        line-height: 16vw;
        height: 16vw;
        padding: 0;
        margin: 0;
        text-align: left;
        color: #fff;
        display: block;
    }
    .mobile-navbar-list > li > a:link {
        color: #fff;
    }
    .mobile-navbar-list > li > a:hover {
        color: #e4000a;
        text-decoration: none;
    }
    .sm-list-unstyled{
        position: absolute;
        width: 100%;
        border: none;
        padding: 0 10vw;
        background: #222;
        left: 0;
    }
    .sm-list-unstyled > li {
        padding: 0;
        margin: 0;
        border-bottom: solid 1px #444;
        width: 100%;

    }
    .sm-list-unstyled > li > a {
        font-size: 5vw;
        line-height: 14vw;
        height: 14vw;
        padding: 0;
        margin: 0;
        text-align: left;
        color: #fff;
    }
    .mobile-sns{
        border-top: solid 1px #e6e6e6;
        padding: 10vw 6vw 6vw 6vw;
        background: #fff;
    }
    .mobile-sns span{
        width: 18.5vw;
        height: 18.5vw;
        display: block;
        background: #f7f7f7;
        border-radius: 50%;
        text-align: center;
        line-height: 18.5vw;
        font-size: 9vw;
        margin: 0 4vw 4vw 4vw;
    }
    .mobile-sns .icon-13{
        color: #0093f0;
    }
    .mobile-sns .icon-33{
        color: #00b8f3;
    }
    .mobile-sns .icon-32{
        color: #0065a9;
    }
    .mobile-sns .icon-34{
        color: #de0000;
    }
    .mobile-sns .icon-31{
        color: #215ba2;
    }
    .mobile-sns .icon-12{
        color: #ccc;
        font-size: 1vw;
    }
}
.home-sns .icon-13,
.home-sns .icon-33,
.home-sns .icon-32,
.home-sns .icon-34,
.home-sns .icon-31
{
    font-size: 22px;
    color: #cfcfcf;
}

.home-sns .icon-13:hover{
    color: #0093f0;
}
.home-sns .icon-33:hover{
    color: #00b8f3;
}
.home-sns .icon-32:hover{
    color: #0065a9;
}
.home-sns .icon-34:hover{
    color: #de0000;
}
.home-sns .icon-31:hover{
    color: #215ba2;
}

.footer-bt{
	padding-left:0;
	list-style:none;
}

.footer-bt > li{
	margin-right:10px;
}

.footer-bt .icon-13,
.footer-bt .icon-33,
.footer-bt .icon-32,
.footer-bt .icon-34,
.footer-bt .icon-31,
{
	color:#808080;
}

.footer-bt > li > a:hover{
	background:none;
	text-decoration:none;
}

@media (max-width: 992px){
	.footer-bt{
		display:none;
	}
}

/*slide*/
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet{
	width:10px !important;
	height:10px !important;
    border-radius: 100%;
    background: #efeae6;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #e4000a !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:3px !important;
}

@media (min-width: 992px) {
    .swiper-pagination-bullet{
        width: 20px;
        height: 5px;
        border-radius: 0;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
    }
    .swiper-pagination-bullet-active{
        width: 28px;
    }
}
.swiper-button-next,.swiper-button-prev{
    background-image: none;
}
.swiper-button-next span,.swiper-button-prev span{
    color: #e4000a;
    font-size: 30px;
    line-height: 44px;
}
/*end slide*/
.home-product-class{
    margin: 20px 0;
}

.home-product-class .col-xs-3{
    margin: 20px 0;
}
.home-product-class .product-icon{
    display: block;
    width: 13.6vw;
    height: 13.6vw;
    background: url("../images/m-poroduct-class.png") no-repeat;
    background-size: 40.8vw 40.8vw;
}
.home-product-class .icon1 {
    background-position: 0 0;
}
.home-product-class .icon2 {
    background-position: -13.6vw 0;
}
.home-product-class .icon3 {
    background-position: 0 -13.6vw;
}
.home-product-class .icon4 {
    background-position: -13.6vw -13.6vw;
}
.home-product-class .icon5 {
    background-position: -27.2vw 0;
}
.home-product-class .icon6 {
    background-position: -27.2vw -13.6vw;
}
.home-product-class .icon7 {
    background-position: 0 -27.2vw;
}
.home-product-class .icon8 {
    background-position: -13.6vw -27.2vw;
}


.home-product-class .product-name{
    display: block;
    padding-top: 16px;
    color: #858585;
    font-size: 1.4rem;
    text-align: center;
    line-height: 18px;
}

.home-product-class .product-name:hover{
    text-decoration: none;
    color: #e400a;
}
.gotop1 {
    position: fixed;
    right: 10px;
    bottom: 18vw;
    z-index: 1;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    background: #FFF;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.gotop1 span {
    display: block;
    font-size: 4.5vw;
    line-height: 10vw;
    text-align: center;
    color: #706b6b;
    width: 10vw;
    height: 10vw;
}
.add-position1{ position:relative; z-index:1}
.wy-service{position: relative; width: 100%;height: auto;}
#wy-nav {width: 55px;  background: #333333; position: fixed; right: 0; bottom:50%;z-index: 10000;}
#wy-nav li a { cursor:pointer;  width: 55px; height: 55px; border-bottom:1px solid #444; text-align:center; display: block; color:#FFF; position: relative;}
#wy-nav li a .wy-online { position: absolute;width: 278px; top: 0; padding:8px 10px;background: #fff;color: #e60012; right:55px; display:none; }
#wy-nav li a .wy-online,.wy-chotnow2{ -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; }
#wy-nav li a .wy-icon{ font-size:30px; line-height:55px; }
#wy-nav li a:hover .wy-online,.wy-hello{ display:block; color:#e60012;  }
#wy-nav li a:hover {text-decoration:none;border-bottom:1px solid #fff;color:#e60012;}
#wy-nav li a:hover,.wy-chotnowv-btn,.wy-chotnow2{ background:#FFF; }
#wy-nav li a , #wy-nav li a .wy-online{transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s;}
.wy-online .wy-time1{ font-size:20px;}
.wy-online img{ width:94px; height:94px; float:left}
.wy-kefu{ margin-left:110px; line-height:25px; margin-top:20px; text-align:left}
.wy-online .wy-phone{ height:35px; line-height:35px;}
.wy-chotnow{ position:fixed; bottom:0px;z-index: 10000; right:10px}
.wy-chotnowv-btn{ width:291px; height:35px;  background:#c8122b;display:block; padding-left:20px;line-height:35px;font-size:16px; }
.wy-online1{ float:right; margin:10px 20px 0 0; }
.wy-chotnowv-btn,.wy-chotnowv-btn2,.wy-chotnow2{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.wy-chotnow2{padding:10px 10px 20px 10px; display:none}
.wy-help{ width:271px;  height:85px; background:url(../images/w-kefu2.jpg) left no-repeat; padding:0 0 0 90px}
.wy-chotnowv-btn2{  text-align:center; background:#c8122b;  padding:5px 15px; margin-left:92px; }
a:focus, a:hover, a:after, a:before{ text-decoration:none}
.wy-hello{ font-size:36px;}
.wy-chotnow a:hover,.wy-chotnow a:focus,.wy-chotnow a:hover,.wy-chotnowv-btn,.wy-chotnowv-btn2{ color:#FFF}
.form-control{
	color:#999 !important;
}
.shade{position: fixed;width: 100%;height: 100%;background: #000;left: 0;top:84px;z-index: 999;display: none;
    opacity: 0;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.shade-in{opacity: 0.4;filter: alpha(opacity=40);}

/*SWT2*/
#wy-swt2,#wy-swt5{ width:92px; height:220px;position: fixed; right: 0; cursor:pointer; bottom:50%;z-index: 10000; background:url(../images/swt-2kefu.png) top center no-repeat;} 
.swt2-online,.swt5-online{ height:183px;padding:0; margin:0; color:#FFF; font-size:12px; padding-top:100px;}
.swt2-online span,.swt5-online span{ font-weight:bold; font-size:20px;}
/*SWT2 end*/
/*SWT3*/
#wy-swt5{ height:252px; background:url(../images/swt5.png) top center no-repeat;}
.swt5-online{ color:#000;padding-top:94px; height:214px;}
.swt5-online p{ margin-top: 25px; color: #fff; font-weight: bold; font-size: 18px;}
.swt5-online span{ color:#c90011}
/*SWT3 end*/

.fa { color:#cfcfcf;}
.fa:hover{
     color: #0065a9;
}
li.langu{ height:60px; line-height: 30px;}
img.img{ width: 220px; height:170px; padding: 10px 0 20px;}
p.small{ color: #999;  }
#Pager1 li{ display: inline-block; }
.news_img{ width: 100%; margin: 30px auto; }
.news_img img{ width: 100%; height:300px; max-height: 500px;}
.product1 ul{ float: left;  text-align: center; width: 20%; margin:5% 2%; line-height: 30px;}

#appic{ height:200px;}
#appic p{padding-top:10px;line-height:2;}

#appic a{ font-size:20px; font-weight:600;}

#icon-img{ float: left; margin-top: 18px;}
#icon-a{      float: left;
    line-height: 20px;
    font-size: 13px;
    color: #111;}
.marginBottom{ margin: 40px 0;  }
.smalllist { font-size: 12px; }
ul.w-dmsk>li ul a{ font-size: 12px; color: #999;}
.panel-heading h2.panel-title>a{ font-size: 18px; font-weight: bolder; }
.imgbox{ width: 630px; height: auto; position: fixed; left: 50%; margin-left: -315px; top: 100px; background-color: #fff; }
.imgbox-icon{ position: absolute; width: 20px; height: 20px; background: #000; color:#fff; right: 0; top: -20px; text-align: center; line-height: 20px; cursor: pointer;} 
.imgbox img{ width: 100%; }
.h_nav_over{background-color:#e60012 !important;color:#fff;}
.p-name{display:inline-block;width:100%;text-align:center;}

.footer-top-left{float:left;}
.footer-top-right{float:right;}
/*.container .row p{line-height:2;}*/


.page-body02 .tags-vi p{margin:20px auto;text-align: justify;border-bottom: 1px solid #ddd;
    border-radius: 4px;}
.page-body02 .tags-vi p:hover{background:#ddd;}
.thumbnail img{width:245px;height:163px;}
.app-img p{line-height:2; text-align: justify;}
.app-img img{width:554px;margin:10px 0 10px 0px; max-height:450px; min-height:450px;}