@charset "utf-8";
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (min-width: 993px){
    .content-wrap {
        margin-bottom:30px;
    }
}
@media (max-width: 992px){
    .content-wrap {
        margin-bottom:46px !important;
    }
}
@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 ,.breadcrumb>li+li:before{
    color: #9b9b9b;
}

.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 9px;
}

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

.max-nav #menu-list {
    width: 100%;
    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; display: block;
}
.max-nav #menu-list ul li{display: block;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #e60012;
}

#menu-list {
    background: #fff
}

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

#menu-list li.list-chlid {

}

#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;left:100%;  width: 125%;min-height: 100%;
}
@media (min-width: 992px)and (max-width: 1199px){
    #menu-list li .list-unstyled{width: 150%;}
}
#menu-list .list-unstyled li {
    line-height: 50px;
    font-size: 16px;
    padding:0;
    height:80px;overflow: hidden;
}

#menu-list .list-unstyled span {
    vertical-align: middle; font-size: 14px;
}

#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;
    }
    #menu-list li.list-chlid a img{ float: left; margin-right: 5px}
}

.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: 18px;
}

.navbar {
    z-index: 999;
    min-height: auto;
    margin-bottom: 0;
    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-part{
	width:240px !important;
}

.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;
}
.s-list-top{
	padding:0 !important;
}

.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: 16px;
        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: 12px;
    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 {
    background: #2b2b2b;
    /*box-shadow: 10px #2b2b2b;*/
    padding: 20px 0;
}
@media (max-width: 991px){
    .copyright {
 font-size: 12px; line-height: 23px;
    }
    .footer-bottom {
        text-align: center;
        background: #fff;
        color: #9c9c9c;
        margin-bottom: 46px;
        border-top: solid 1px #e6e6e6;
    }
}
.footer-bottom p {
    margin-bottom: 0;

}

.footer-top {
    padding: 40px 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;
    padding-bottom: 56.2%;
    height: 0;
}

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

.ximgmask img {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ximgmask:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000 url("../images/xsanylogo.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;
    }
}
@media (min-width: 992px){
    .xpages {
        padding: 38px 12px;}
}
    .xpages {
    clear: both;
    text-align: center;
    font-family: Arial, "\5B8B\4F53", sans-serif;
    font-size: 16px;
    vertical-align: top;
    line-height: 38px;
    color: #666; overflow:hidden
}

.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; font-size:14px; font-weight:bold; 
}

.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 { padding: 14px 12px}
.xpages a, .xpages span{ padding:0 25px; font-weight:normal}
.xpages a:visited {
    color: #4d4d4d
}
.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;
}


.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;
}



.pl0 {
    padding-left: 0;
}
.pr0 {
    padding-right: 0;
}
.plr0 {
    padding-left: 0;
    padding-right: 0;
}
.ml0 {
    margin-left: 0;
}
.mr0 {
    margin-right: 0;
}
.mlr0 {
    margin-left: 0;
    margin-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: 100%;
    height: 16vw;
    color: #cb0909;
    line-height: 16vw; text-align:center;
}
.swt-mobile .swt-zx{
    border-right: 1px solid #e6e6e6;
}
.swt-mobile .swt-ly{

}
.globalmenu .text{
    line-height: 30px;
    display: inline-block;
    height: 30px;
    float: left;

}
.globalmenu a{
    color: #e60012;
}
.globalmenu .map{
    line-height: 30px;
    display: inline-block;
    height: 30px;
    float: left;
    width: 24px;
    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-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;
	margin-right:0 !important;
}
.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;
	text-align:center
}
.mnavbar-center .mobile-logo img{
    width: 100%;
}

@media (min-width: 768px) and (max-width:991px){
	
	.mnavbar-center .mobile-logo img{width: 62%;}
	
	}
	@media (min-width: 600px) and (max-width:767px){
	
	.mnavbar-center .mobile-logo img{width: 70%;}
	
	}
.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: 4vw; margin-top: 8px; margin-left: 5px;*/
    /**/
/*}*/
.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;
    font-size: 16px;
}
.m-search-body .input-group-addon
{ padding-left: 5px}
.m-search-body .form-group {
    margin-bottom: 0;
}
.input-group-addon input{
    padding: 0;
    border: none;
    width: 80px;
    height: 32px;
    background: #c8122b;
    color: #fff;
    margin: 0;
    top: 0;
}
/*end home mobile search*/
@media (max-width: 991px) {
	
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    .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;
    }
	.sany-news h3.news-title,.right-news-title{ font-size:16px;}
	.home-news-name h2{ font-size:20px}
   
}
.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: #e4000a;
}
.gotop1 {
    position: fixed;
    display: none;
    right: 10px;
    bottom: 18vw;
    z-index: 1;
    width: 32px;
    height: 32px;
    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: 18px;
    line-height: 32px;
    text-align: center;
    color: #706b6b;
    width: 32px;
    height: 32px;
}
.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*/
/*SWT5*/
#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}
/*SWT5 end*/
/*search btn*/
.input-group-addon{
    padding: 0;
}
.input-group-addon button{
    padding: 0;
    background: none;
    border: none;
    width: 80px;
    height: 32px;
    background: #c8122b;
    color:#fff;
}
.input-group-addon{border: 1px solid #c8122b;}
/*.input-group-addon .glyphicon-search{margin-right: 5px;}*/
/*search btn end*/
/*global-area*/
.globalarea-bg{
    position: absolute;
    z-index: 1000;
    top: 84px;
    left: 0;
    width: 100%;
    background: url("../images/globalareabg.png") no-repeat;
    background-size: 100% 100%;
}
.globallist {
    padding: 40px 0;
}
.globallist .col-md-2:hover .global-area0 {
    background: url("../images/icon-global-hover.png") no-repeat;
}
.global-area0{
    width:108px;
    height: 76px;
    background: url("../images/icon-global.png") no-repeat;
}
.globallist .col-md-2:hover .global-area1 {
    background: url("../images/icon-global-united-states-hover.png") no-repeat;
}
.global-area1{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-united-states.png") no-repeat;
}
.globallist .col-md-2:hover .global-area2 {
    background: url("../images/icon-global-european-hover.png") no-repeat;
}
.global-area2{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-european.png") no-repeat;
}
.globallist .col-md-2:hover .global-area3 {
    background: url("../images/icon-global-india-hover.png") no-repeat;
}
.global-area3{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-india.png") no-repeat;
}
.globallist .col-md-2:hover .global-area4 {
    background: url("../images/icon-global-north-africa-hover.png") no-repeat;
}
.global-area4{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-north-africa.png") no-repeat;
}
.globallist .col-md-2:hover .global-area5 {
    background: url("../images/icon-global-latin-america-hover.png") no-repeat;
}
.global-area5{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-latin-america.png") no-repeat;
}
.globallist .col-md-2:hover .global-area6 {
    background: url("../images/icon-global-china-hover.png") no-repeat;
}
.global-area6{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-china.png") no-repeat;
}
.globallist .col-md-2:hover .global-area7 {
    background: url("../images/icon-global-middle-east-hover.png") no-repeat;
}
.global-area7{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-middle-east.png") no-repeat;
}
.globallist .col-md-2:hover .global-area8 {
    background: url("../images/icon-global-russia-hover.png") no-repeat;
}
.global-area8{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-russia.png") no-repeat;
}
.globallist .col-md-2:hover .global-area9 {
    background: url("../images/icon-global-Indonesia-1.png") no-repeat;
}
.global-area9{
    width:108px;
    height: 76px;
    background: url("../images/icon-global-Indonesia.png") no-repeat;
}
.global-area-line{
    height: 1px;
    background: #444;
    margin: 20px 0;
}
.global-name{
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
}
.globallist a{
    color: #b2b2b2;
    font-size: 14px;
}
.globallist a:hover{
    color: #fff;
    text-decoration: underline;
}
.globalmenu .glyphicon{
    padding-top: 7px;
    font-size: 12px;
    padding-left: 6px;
}
.globalmenu a{
    color:#222!important;
    padding-top: 11px!important;
}
.globalmenu a:hover{
    color:#e60012!important;
}
.globalmenu .active{
    color:#e60012!important;
}
.global-area-global .global-btn{
    font-weight: bold;
    text-align: center;
    display: block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: #454446;
    color: #fff;
    border-radius: 2px;
}
.global-area-global .global-btn:hover{
    background: #fff;
    color: #222;
    text-decoration: none;
}
.global-area-global-bg{
    background: rgba(67,67,67,.5);
    padding: 30px 30px 20px 30px;
    width: 80%;
}
.global-area-global-bg .global-name{
    line-height: 35px;
}
.global-area-global-bg .global-area0,
.global-area-global-bg .global-name,
.global-area-global-bg .global-btn{
    margin: auto;
    display: block;
    text-align: center;
}
.globallist .col-md-2,
.globallist .col-md-4{
    padding-right: 40px;
    padding-left: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .globallist .col-md-2,
    .globallist .col-md-4{
        padding-right: 20px;
        padding-left: 20px;
    }
}
/*global-area end*/
/*swt20160923*/

.rd-notice-wrapper {
    position: absolute;
    z-index: 69
}

.rd-notice-wrapper.rd-wrapper-position-static {
    width: 100%;
    position: relative
}

.rd-notice-wrapper.rd-wrapper-position-static.notice-fixed {
    padding-top: 0
}

.rd-notice-wrapper.rd-wrapper-position-corner {
    max-width: 350px;
    right: 0;
    padding-top: 20px
}

.rd-notice-wrapper.rd-wrapper-position-fullWidth {
    width: 100%
}

.rd-notice-wrapper.rd-wrapper-position-fullWidth.notice-fixed {
    padding-top: 0
}

.rd-notice-wrapper.notice-fixed {
    position: fixed;
    right: 0;
    top: 0
}

@media (max-width: 980px) {
    .rd-notice-wrapper:not(.notice-fixed).rd-wrapper-position-fullWidth {
        width: calc(100% - 44px)
    }

    .rd-notice-wrapper:not(.notice-fixed).rd-wrapper-position-corner {
        right: -44px
    }
}

.rd-notice {
    opacity: 0;
    position: relative;
    padding: 0;
    border: 0;
    text-align: left;
    background-color: #546e7a;
    -webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2);
    box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2)
}

.rd-notice .rd-notice-content {
    background-color: #546e7a
}

.rd-notice:after {
    background-color: #546e7a;
    -webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2);
    box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2)
}

.rd-notice:not(.rd-notice-position-static) .rd-notice-content, .rd-notice:not(.rd-notice-position-static) .rd-notice-type-icon, .rd-notice:not(.rd-notice-position-static) .rd-close-icon::before, .rd-notice:not(.rd-notice-position-static) .close::before {
    color: #fff !important
}

.rd-notice .rd-close-icon, .rd-notice .close {
    background: 0;
    position: absolute;
    z-index: 100;
    width: 10px;
    height: 10px;
    right: 20px;
    top: 20px;
    font-size: 0;
    text-align: center;
    opacity: 1 !important;
    font-weight: normal;
    text-shadow: none
}

.rd-notice .rd-close-icon:before, .rd-notice .close:before {
    content: "\e911";
    font-family: 'tm-icomoon';
    font-size: 10px;
    color: #fff
}

.rd-notice-tooltip {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.25;
    position: absolute;
    z-index: 65;
    max-width: 350px;
    opacity: 1
}

.rd-notice-tooltip.thumb-heart-tooltip {
    z-index: 100;
    margin-top: 19px
}

.rd-notice-tooltip.thumb-heart-tooltip .rd-notice-content {
    padding: 10px 20px
}

.rd-notice-tooltip:after {
    position: absolute;
    display: block;
    content: '';
    height: 20px;
    width: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 50
}

.rd-notice-tooltip .rd-notice-content {
    background: 0;
    border-radius: 3px;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 60;
    font-weight: 400;
    line-height: 1.45
}

.rd-notice-tooltip .rd-notice-content a {
    color: #fff;
    text-decoration: underline
}

.rd-notice-tooltip .arrow {
    display: none !important
}

.rd-notice-tooltip.alert.rd-closing {
    white-space: normal;
    text-align: left
}

.rd-notice-tooltip.alert.rd-closing .rd-notice-content {
    padding-right: 50px
}

.rd-notice-tooltip.single-line .rd-notice-content {
    height: 40px;
    padding-left: 20px;
    white-space: nowrap
}

.rd-notice.animate {
    opacity: 1;
    margin-top: 0
}

.rd-notice-position-corner {
    margin-bottom: 20px;
    margin-right: 20px;
    max-width: 350px;
    padding: 20px 50px 20px 20px;
    border-radius: 3px
}

.rd-notice-position-corner.animate {
    margin-top: 0 !important;
    opacity: .9
}

.rd-notice-position-corner .rd-notice-type-icon {
    font-size: 20px;
    margin-right: 20px;
    display: table
}

.rd-notice-position-corner .rd-close-icon, .rd-notice-position-corner .close {
    top: 15px;
    right: 20px
}

.rd-notice-position-fullWidth {
    width: 100%;
    height: 60px;
    margin-top: -60px
}

.rd-notice-position-fullWidth .rd-notice-type-icon {
    margin-right: 10px;
    font-size: 24px
}

.rd-notice-position-fullWidth .rd-notice-content {
    white-space: nowrap
}

.rd-notice-position-fullWidth .rd-close-icon, .rd-notice-position-fullWidth .close {
    top: calc(50% - 10px);
    right: 40px
}

.rd-notice-position-static {
    width: 100%;
    opacity: 1;
    margin-top: 0;
    transform: scale(1);
    padding: 20px 40px 20px;
    z-index: 1
}

.rd-notice-position-static .rd-notice-content {
    padding-left: 20px
}

.rd-notice-position-static .tm-icon {
    font-size: 40px;
    color: #ff8f00
}

.rd-notice-position-static .rd-close-icon, .rd-notice-position-static .close {
    display: none
}

.rd-notice-position-left {
    margin-left: -20px
}

.rd-notice-position-left:after {
    right: -5px;
    top: 50%;
    margin-top: -10px
}

.rd-notice-position-right {
    margin-left: 20px
}

.rd-notice-position-right:after {
    left: -6px;
    top: 50%;
    margin-top: -10px
}

.rd-notice-position-top {
    margin-top: -20px;
    margin-bottom: 20px
}

.rd-notice-position-top:after {
    bottom: -6px;
    left: 50%;
    margin-left: -10px
}

.rd-notice-position-bottom {
    margin-top: 20px;
    margin-bottom: -20px
}

.rd-notice-position-bottom:after {
    top: -6px;
    left: 50%;
    margin-left: -10px
}

.rd-notice-type-default {
    background-color: #546e7a;
    -webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2);
    box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2)
}

.rd-notice-type-default .rd-notice-content {
    background-color: #546e7a
}

.rd-notice-type-default:after {
    background-color: #546e7a;
    -webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2);
    box-shadow: 0 5px 10px 0 rgba(36, 50, 56, 0.2)
}

.rd-notice-type-error {
    background-color: #d84315;
    -webkit-box-shadow: 0 5px 10px 0 rgba(191, 54, 12, 0.2);
    box-shadow: 0 5px 10px 0 rgba(191, 54, 12, 0.2)
}

.rd-notice-type-error .rd-notice-content {
    background-color: #d84315
}

.rd-notice-type-error:after {
    background-color: #d84315;
    -webkit-box-shadow: 0 5px 10px 0 rgba(191, 54, 12, 0.2);
    box-shadow: 0 5px 10px 0 rgba(191, 54, 12, 0.2)
}

.rd-notice-type-success {
    background-color: #1ab744;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 96, 35, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0, 96, 35, 0.2)
}

.rd-notice-type-success .rd-notice-content {
    background-color: #1ab744
}

.rd-notice-type-success:after {
    background-color: #1ab744;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 96, 35, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0, 96, 35, 0.2)
}

.rd-notice-type-warning {
    background-color: #ff8f00;
    -webkit-box-shadow: 0 5px 10px 0 rgba(255, 111, 0, 0.2);
    box-shadow: 0 5px 10px 0 rgba(255, 111, 0, 0.2)
}

.rd-notice-type-warning .rd-notice-content {
    background-color: #ff8f00
}

.rd-notice-type-warning:after {
    background-color: #ff8f00;
    -webkit-box-shadow: 0 5px 10px 0 rgba(255, 111, 0, 0.2);
    box-shadow: 0 5px 10px 0 rgba(255, 111, 0, 0.2)
}

.rd-notice-type-alert {
    background-color: #fff8e1
}

.rd-notice-type-alert .rd-notice-content {
    background-color: #fff8e1
}

.rd-notice .rd-close-icon, .rd-notice .close {
    position: absolute;
    cursor: pointer
}

.rd-notice .rd-close-icon::before, .rd-notice .close::before {
    content: "";
    display: inline-block;
    font-family: "tm-icomoon";
    font-size: 10px;
    font-weight: normal;
    margin-left: 1px;
    margin-top: 1px;
    transform: rotate(-2deg)
}



.rd-notice-tooltip.thumb-heart-tooltip.rd-notice-position-left {
    margin-top: 0
}




.livechat-girl {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    bottom: -100px;
    right: 40px;
    opacity: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
    box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
    z-index: 700;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1)
}

.livechat-girl:focus {
    outline: 0
}

.livechat-girl.animated {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px)
}

.livechat-girl:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1cbb49;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 50
}

.livechat-girl .girl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 50
}

.livechat-girl .animated-circles .circle {
    background: rgba(219, 0, 17, 0.25);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    z-index: 49;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.livechat-girl .animated-circles.animated .c-1 {
    animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.livechat-girl .animated-circles.animated .c-2 {
    animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.livechat-girl .animated-circles.animated .c-3 {
    animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.livechat-girl.animation-stopped .circle {
    opacity: 0 !important
}

.livechat-girl .livechat-hint {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    z-index: 0;
    -webkit-transition: all .3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all .3s cubic-bezier(0.86, 0, 0.07, 1)
}

.livechat-girl .livechat-hint.show_hint {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 1
}

.livechat-girl .livechat-hint.hide_hint {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}



.addw1{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.movew1{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.addw2{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.movew2{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.addw3{
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.movew3{
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.add1{
    -webkit-transform: scale(2)!important;
    -moz-transform: scale(2)!important;
    -ms-transform: scale(2)!important;
    transform: scale(2)!important;
    opacity:.2;
}
.move1{
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important;
    opacity:1;
}

.add2{
    -webkit-transform: scale(2)!important;
    -moz-transform: scale(2)!important;
    -ms-transform: scale(2)!important;
    transform: scale(2)!important;
    opacity:.5;
}
.move2{
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important;
    opacity:1;
}
.add3{
    -webkit-transform: scale(2)!important;
    -moz-transform: scale(2)!important;
    -ms-transform: scale(2)!important;
    transform: scale(2)!important;
    opacity:.8;
}
.move3{
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important;
    opacity:1;
}
.live-chat-swt{
    position: absolute;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    display: inline;
    overflow: hidden;
    white-space:normal;
    z-index: 99;
    background: #1cbb49;
    border: solid 1px #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
    box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
    text-align: center;
    bottom: -10px;
    /*padding: 0 10px;*/
    width: 1000px;
}
.live-chat-swt span{
    position: relative;
    font-size: 12px;

}
.not-online:after {
    content: '';
    background: #d0d0d0;
}
.not-online .live-chat-swt{
    background: #d0d0d0;
    color: #868686;

}
.not-online .rd-notice-type-success {
    background-color: #d0d0d0!important;

}
.not-online .rd-notice-type-success:after {
    background-color: #d0d0d0!important;
}
.not-online .rd-notice-tooltip .rd-notice-content {
    color: #868686!important;
}
.not-online .rd-notice-type-success .rd-notice-content {
    background-color: #d0d0d0!important;
}
.not-online .rd-notice-type-success {
    background-color: #d0d0d0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(230, 230, 230, 0.2);
    box-shadow: 0 5px 10px 0 rgba(230, 230, 230, 0.2);
}
.not-online .animated-circles .circle {
    background: rgba(50, 50, 50, 0.25);
}
.list-paddingleft-2 li p{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}


.telphon-mail{
    float:right;
    padding-top:34px;
    margin-right:5px;
}
.telphon-mail-left{
    float:left;
    margin-right:15px;
}
.telphon-mail-right{
    float:left;
}
.telphon-span1{
    font-size:20px;
    margin-right:5px;
}
.telphon-span2{
    color:#222;
}
.telphon-span3{
    margin-top:-2px;
}
.telphon-span1,.telphon-span2{
    float:left;
    color:#b6b6b6;
}


/*swt20160923 end*/
.xpages a.Omitted{ border:none; line-height:30px;}
.search-hot-keywords{
    padding-top: 6px;
}
.search-hot-keywords ul li{
    float: left;
    padding: 10px 28px;
    padding-left: 0;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}
.search-hot-keywords ul li a{
    color: #fff;
}

#tabContent  .form-control{
    border-radius: 0;
    box-shadow: none;
    display: block;
}
#tabContent input:focus{
    border:1px solid #ccc;
}
button.close{
    margin-top: 6px;
    color: #fff;
}
button.close:hover{

    text-shadow: none;
    color: #fff;
}
#tabMenu .on{ color:#da1f22 }
#tabContent input{display: none}
#tabContent input:first-child{display: block}
.swt-mobile,.swt-mobile-body a{height: 46px; line-height: 46px}
.swt-mobile-body a{ width: 49.3%; }
.swt-ly2{border-left: 1px solid #e6e6e6}
.swt-mobile-body .icon{ font-size: 16px;}
.swt-mobile-body .swt-zx-txt{ font-size: 14px;}
@media (max-width: 991px){
    .mainfooter{background: #fff; margin-bottom: 46px}
    .mainfooter2{ margin-bottom: 0}
}

.copy-tips {
    position: fixed;
    z-index: 999;
    bottom: 50%;
    left: 50%;
    margin: 0 0 -20px -80px;
    background-color: rgba(0, 0, 0, 0.2);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#30000000, endColorstr=#30000000);
    padding: 6px;
}
.copy-tips-wrap {
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #F4D9A6;
    background-color: #FFFDEE;
    font-size: 14px;
}
@media (min-width: 992px){
    .s_footer_infor{
        width: 15.66%;
    }
	.s_footer_infor-top{
		width: 19.66% !important;
	}
}
.s_footer_infor-top{
	padding-left:15px !important;
}
.s_footer_share li{
     margin-right: 15px !important;
 }


/*推荐产品*/
 h1,h2,h3,h4,h5,h6{margin:0}
 .techno-title{font-size:24px;color:#212121;margin:20px 0 35px;position:relative}
 .techno-title:after{content:"";height:3px;width:50px;background:#d0021b;position:absolute;left:0;bottom:-14px}
 .content-wrap .hot-sale-body .hot-sale-list .product-small-name a h3{font-size:14px;font-weight:700}
 .content-wrap .hot-sale-body .hot-sale-list .product-name h3{font-size:16px;color:#3a3842}
 .content-wrap .news-hotsale{background:#f2f2f2;margin-top:50px}
 .content-wrap .hot-sale-body{padding-bottom:15px;margin-right:0;padding-top:0}
 .content-wrap .hot-sale-body .product-ctrl{padding-right:0}
 .content-wrap .hot-sale-body .hot-sale-list{border:1px solid #e6e6e6;background:#fff;margin-bottom:15px}
 .content-wrap .hot-sale-body .hot-sale-list:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}
 .content-wrap .hot-sale-body .hot-sale-list .product-name{background:#f2f2f2;padding-left:15px;padding-right:15px;height:50px;line-height:50px}
 .content-wrap .hot-sale-body .hot-sale-list .product-name a{display:block}
 .content-wrap .hot-sale-body .hot-sale-list .product-name .icon-69,.content-wrap .hot-sale-body .hot-sale-list .product-name h3{line-height:50px}
 .content-wrap .hot-sale-body .hot-sale-list .product-name h3{font-size:16px;color:#3a3842}
 .content-wrap .hot-sale-body .hot-sale-list .product-name .icon-69{color:#cbcbcb}
 .content-wrap .hot-sale-body .hot-sale-list .product-images{margin-top:8px;margin-bottom:8px}
 .content-wrap .hot-sale-body .hot-sale-list .product-parameter-ctrl{padding-left:30px;padding-right:30px}
 .content-wrap .hot-sale-body .hot-sale-list .product-small-name a{font-weight:700;color:gray}
 .content-wrap .hot-sale-body .hot-sale-list .product-parameter dl dt{padding-top:10px;font-size:14px;color:#222}
 .content-wrap .hot-sale-body .hot-sale-list .product-parameter dl dd{font-size:14px;color:#4d4d4d}
 .content-wrap .news-hotsale p{font-size:12px}
 .content-wrap .news-hotsale p.b-title-new{ font-size: 14px;}
 .content-wrap .news-hotsale img{display: block;max-width: 100%; max-height: 100%; margin: 0 auto; height: auto;}
 @media (min-width:991px){
     .content-wrap .hot-sale-body .hot-sale-list{height:480px}
 }
 @media (max-width:991px){
     .techno-title{font-size:16px;margin:0 -15px;height:40px;line-height:40px;padding:0 15px;font-weight:700;border-bottom:1px solid #e6e6e6}
     .techno-title:after{display:none}
     .content-wrap .hot-sale-body .hot-sale-list .product-parameter dl dt{padding-top:5px}
     .content-wrap .news-hotsale{background:#fff}
     .content-wrap .hot-sale-body .hot-sale-list .product-parameter-ctrl{float:right!important;padding-left:0;padding-right:0;margin-top:15px}
     .content-wrap .hot-sale-body .hot-sale-list .product-images{position:absolute;top:50%;transform:translateY(-50%)}
     .content-wrap .hot-sale-body .hot-sale-list .product-images img{vertical-align:middle}
     .content-wrap .hot-sale-body .hot-sale-list{border:none;margin-bottom:0}
     .content-wrap .hot-sale-body .hot-sale-list .product-mobile{border-bottom:1px solid #e6e6e6}
     .content-wrap .hot-sale-body{padding-top:0;padding-bottom:0}
 }
 @media (max-width: 770px){
     .content-wrap .hot-sale-body .hot-sale-list .product-images{ height: 100%;}
 }