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

.text-modenews{
	font-size:14px;
	}

@media (max-width: 991px) {
    a:hover{
        color: #009ab2;
        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; font-size:14px
}
.breadcrumb li {
    color: #666; font-size:14px
}

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

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

.navbar-toggle {
    float: left;
}
#online_qq_layer{display: none;}
@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;
    }
    #menu-list li.list-chlid a {
        padding: 17.2px 13px;
    }
    #online_qq_layer{display: block;}
    #online_qq_layer .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
    #online_qq_layer .livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 30px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
    #online_qq_layer .livechat-girl:focus { outline: 0 }
    #online_qq_layer .livechat-girl.animated { opacity: 1; transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px) }
    #online_qq_layer .livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #009ab2, #009ab2); position: absolute; right: 1px; top: 1px; z-index: 50 }
    #online_qq_layer .livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50; background: #009ab2; border-radius: 50%; }
    #online_qq_layer .livechat-girl .animated-circles .circle { background: rgba(0,135,206,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
    #online_qq_layer .livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.0,.135,.206, .94) forwards }
    #online_qq_layer .livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.0,.135,.206, .94) forwards }
    #online_qq_layer .livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.0,.135,.206, .94) forwards }
    #online_qq_layer .livechat-girl.animation-stopped .circle { opacity: 0!important }
    #online_qq_layer .livechat-girl.animation-stopped .circle { opacity: 0!important }
    #online_qq_layer .livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1); opacity: 0; }
    #online_qq_layer .livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); z-index: -1; }
    #online_qq_layer .livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1; z-index: 333; }
    #online_qq_layer .livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
    #online_qq_layer .rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
    #online_qq_layer .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 }
    #online_qq_layer .rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
    #online_qq_layer .rd-notice-type-success { background-color: #009ab2; -webkit-box-shadow: 0 5px 10px 0 rgba(0,135,206,.2); box-shadow: 0 5px 10px 0 rgba(0,135,206,.2) }
    #online_qq_layer .rd-notice-type-success .rd-notice-content { background-color: #009ab2 }
    #online_qq_layer .rd-notice-type-success:after { background-color: #009ab2; -webkit-box-shadow: 0 5px 10px 0 rgba(0,135,206,.2); box-shadow: 0 5px 10px 0 rgba(0,135,206,.2) }
    #online_qq_layer .rd-notice-position-left { margin-left: -20px }
    #online_qq_layer .rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
    #online_qq_layer .rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap;font-family: "poppins"; }
    #online_qq_layer{z-index:99999999;position:fixed;right:15px;bottom:0; }
    #online_qq_layer #floatShow{display:block;}
    #online_qq_layer #floatHide{display:none;}
    #online_qq_layer #online_qq_tab{position:relative;z-index:9;}
    #online_qq_layer #online_qq_tab #floatShow{overflow:hidden;padding: 0px 36px; float:right; line-height:46px;padding-left:50px;position:relative;color:#fff;font-size:13px;text-transform:capitalize;font-family: "poppins_s";}
    #online_qq_layer #online_qq_tab #floatShow i{height:50px;width:50px;background:url(../images/online.png) no-repeat 10px center;position:absolute;left:5px;top:0;display:inline-block;}
    #online_qq_layer #online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:center;position:absolute;left:-10px;top:-10px; background: #333; border-radius: 50%; padding-top: 5px; padding-left: 2px;}
    #online_qq_layer #online_qq_tab #floatShow i{left: 0px;}
    #online_qq_layer #online_qq_tab #floatShow{width: 50px; padding-right: 0;}
    #online_qq_layer #online_qq_tab #floatShow:hover{margin-right:0;}
    #online_qq_layer #online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;}
    #onlineService{display:inline;width:360px; overflow: hidden;display:none;background: #fff; font-size:13px;border-top:none; background:#ddd; background-size: cover; box-shadow: 0px 0px 10px 15px rgba(0,0,0,0.1);}
    #online_qq_layer .inquiry .main_more{border-width:1px;margin-top:0;}
    #online_qq_layer .inquiry .main_more input{height:40px;line-height:36px;font-size:13px;padding-left:20px;padding-right:20px; background: #009ab2; color: #fff; font-family: "poppins_s"; text-transform: capitalize; border-radius: 0;transition: 0.5s all; border-radius: 0;border: none;}
    #online_qq_layer .inquiry .main_more:hover input{ background: #009ab2;}
    #onlineService .title{display:block;font-size:28px;background:#fff; font-style: normal; padding:18px 20px;line-height:24px;text-transform:uppercase;margin-bottom:0;font-family: 'Barlow'; color:#333;}
    #onlineService .title b{color:#fff;font-family: "poppins_s";}
    #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;}
    .i_message_inquiry .inquiry { padding:0  20px 15px; background:#fff;}
    .i_message_inquiry .inquiry .form-control{ border:2px solid #eee; background:none; line-height:36px;height:36px; color:#777; font-size:13px;width:100%;box-shadow:none;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0;}
    .i_message_inquiry .inquiry .form-control:focus{color:#333;background-color:#fff;border-color:#009ab2;}
    .i_message_inquiry .inquiry textarea.form-control{border-radius:0;}
    .i_message_inquiry .inquiry .input-group{  background:#fff; height:32px; margin-bottom:10px;width:100%;border:none;}
    .i_message_inquiry .inquiry .input-group span{display:block;position:relative;}
    .i_message_inquiry .inquiry .input-group span:before{content:'';position:absolute;right:10px;top:14px;width:28px;height:23px;display:inline-block;background-image: url(../images/icon.png);background-repeat: no-repeat;}
    .i_message_inquiry .inquiry .input-group span.ms_e:before{background-position:-40px -227px;}
    .i_message_inquiry .inquiry .input-group span.ms_p:before{background-position:0 -227px;}
    .i_message_inquiry .inquiry .input-group span.ms_m:before{background-position:-82px -227px;}
    .i_message_inquiry .inquiry .input-group span.ms_m .form-control{line-height:20px;font-size:12px; height:80px; padding-left:10px; width:100%;  color:#777; border:2px solid #eee; margin-bottom:15px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; max-width: 100%; max-height: 120px; border-radius:0;}
    .i_message_inquiry .inquiry .input-group span.ms_m .form-control:focus{color:#333;background-color:#fff;border-color:#009ab2;}
    #online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
    #online_qq_tab #floatHide i:before,
    #online_qq_tab #floatHide i:after{content:'';display:inline-block;background:#fff;width:16px;height:2px;margin:2px 0;}
    #online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
    #online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
}

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

@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: #009ab2;
}

#menu-list {
    background: #fff
}

#menu-list > li > a:hover {
    background-color: #fff;
    color: #009ab2;
    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: 30px;
    font-size: 16px;
    padding:0;
    height:30px;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: #009ab2;
    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: #009ab2
}

.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;
    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: #009ab2;
}

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

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

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

.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;
        font-size: 14px;
    }
}
@media screen and (max-width: 320px) {
    .home-case-describe{
        display: none;
    }
}



.mainfooter {
border-top:#009ab2 3px solid;
    background: #303030;
    color: #808080;
    overflow: hidden;
}

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

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

.copyright {
    color: #fff;
    line-height: 30px;
	    font-size: 14px;
    text-align: center;
}

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

/*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/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;
    }
    .ximgmask img {
    z-index: 0;
    width:100% !important;
    height:100% !important;
    }

    .ximgmask img.PlayVideo{
      width: 40px!important;
      height: 40px!important;}
}

/*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; padding-left:15px !important; padding-right:15px !important;
    }

    .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: #009ab2
}

.xpages .current {
    background: #009ab2;
    border: 1px solid #e6e6e6;
    color: #fff !important
}

.xpages a.current, .xpages a.current:visited {
    color: #009ab2
}

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

.xpages-e5e5e5 {
    color: #009ab2
}

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

}

.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% !important;
        height: auto !important;
    }

}

.slide .carousel-indicators {
    bottom: 00px;
}

.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: #00c2d4;
    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: #009ab2;
}
.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 #00c2d5;
    display: inline-block;
    padding: 0px 0 18px 0;
    position: relative;
    bottom: -2px; font-weight:bold
}
.L-title {
    border-bottom: 1px solid #ccc;
    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: 60px;
    overflow: hidden;
    margin-bottom: 0; font-size:14px
}

.home-news-name{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
       margin: 30px 30% 40px 30%;
    text-align: center;
}
.home-news-name h2{
    margin: 0;
    line-height: 58px; font-weight:bold
}
.home-news-name .name-left{
    font-size: 20px;
    /* border-bottom: 3px solid #dc0000; */
    bottom: -2px;
    /* width: 200px; */
    /* clear: right; */
    margin: 0;
}
.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; font-size:14px
}

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

.right-news-title {
    color: #000;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.home-news-list{
	height:142px;
    margin-bottom: 9px;
    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-top:10px !important;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }
    .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;
	color:#009ab2 !important;
}
/*.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: #22cadb;
    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: #009ab2 !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;
    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: #009ab2; 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:#009ab2;  }
#wy-nav li a:hover {text-decoration:none;border-bottom:1px solid #fff;color:#009ab2;}
#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:#009ab2!important;
}
.globalmenu .active{
    color:#009ab2!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:0;
}
.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; border:0}
    .mainfooter2{ margin-bottom: 0}
}
.top-search{  width:30px; height:30px; float:left;    margin: -5px;}
.top-p1{background:url(../images/search.png) no-repeat; }
.top-p2{background:url(../images/close.png) no-repeat; }
 
.topimg img{ margin:0 0 0 10px}
.top-langs{width: 140px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #b3b3b3;    margin: 10px 20px 0 0;}
.top-langs a{padding:0 !important; margin:0 !important; line-height:12px !important;   text-align: center; color:#b3b3b3 !important}	
.top-langs a .txt{}
.top-langs .globa{ background:url(../images/global.png) no-repeat; width:16px; height:16px; float:left;    margin: -2px 0 0 5px;}
.top-langs .xl{ background:url(../images/xx.png) no-repeat; width:8px; height:10px; float:right;    margin: 2px 10px 0 0;}
.c11{ color:#00c2d5}
.i-search{ margin:0 !important; padding:0 !important;    position: absolute;
    top: 50px; z-index:9; display:none; width:98% !important;}
.i-search .col-md-12{ margin:0 !important; padding:0 !important; }
.i-search .form-control{ height:48px}
.i-search .input-group-addon input{ height:48px !important; width:105px !important; font-size:22px; font-family:Arial, Helvetica, sans-serif}
.i-search .input-group-addon{ border:0}
.index-product{    height: 430px;    overflow: hidden;    margin: 0 0 20px;}
.index-product .col-md-3{ margin:0 !important; padding:0 !important; } 
.index-product .col-md-6{ margin:0 !important; padding:0 !important; } 
.index-product .c1{    float: left;    width: 100%; margin-bottom:5px }
.index-product .c2{    float: left;    width: 100%; margin-bottom:5px }
.index-product .c1 .index-product-title{     position: absolute;    left: 10px;    top: 15px;}
.index-product .c1 .index-product-title a{ font-size:18px; color:#000; font-weight:bold}
.index-product .c1 .index-product-title a:hover{ color:#00c2d5}
.index-product .c1 .index-product-desc{     position: absolute;    left: 10px;    top: 55px; font-size:12px; color:#808080}
.relative{ position:relative}	
.index-product img{ width:99%; margin:0 auto}
.index-product .c2 h2{font-weight: bold;float: left;width: 80%;position:absolute;text-align:center;top:40px;border-bottom: 1px #ddd solid;padding: 0 0 20px 0;left: 10%;}
 
.index-product .c2 .index-product-c2{position: absolute;    top: 350px;    width: 100%;    text-align: center;}
.index-product .c2 .index-product-title a{ font-size:18px; color:#000;font-weight: bold;}
.index-product .c2 .index-product-title a:hover{ color:#00c2d5}
 .index-product .c2 .index-product-desc{    font-size:12px; color:#808080}
 .col-color1{ background:#cdefdd;    left:0;    width: 50%;    height: 100%;    position: absolute;
 
 
     background: -moz-linear-gradient(top, #cde0ee 0%, #cef1db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cde0ee), color-stop(100%,#cef1db));
    background: -webkit-linear-gradient(top, #cde0ee 0%,#cef1db 100%);
    background: -o-linear-gradient(top, #cde0ee 0%,#cef1db 100%);
    background: -ms-linear-gradient(top, #cde0ee 0%,#cef1db 100%);
    background: linear-gradient(to bottom, #cde0ee 0%,#cef1db 100%);
 
 
 }
  .col-color2{ background:#ebf3f5;   right:0;    width: 50%;    height: 100%;    position: absolute;}
.pic-ioc1{ background:url(../images/t1.png) no-repeat; width:38px; height:38px;  float:left; margin:0 20px 20px 0; font-size:16px} 
.pic-ioc2{ background:url(../images/t2.png) no-repeat; width:38px; height:38px; float:left; margin:0 20px 20px 0; font-size:16px} 
.pic-ioc3{ background:url(../images/t3.png) no-repeat; width:38px; height:38px; margin:0 20px 0 0; float:left; font-size:16px} 
.pic-ioc4{ background:url(../images/t4.png) no-repeat; width:38px; height:38px; margin:0 20px 0 0; float:left; font-size:16px} 
.block{ color:#000; font-weight:bold}
.l33{ line-height:33px}
 .an_more{    text-align: center;    width: 260px;    height: 40px;    background: #009ab2;    line-height: 40px;    float: left;
    border-radius: 10px;    color: #fff;    margin: 20px 38% 40px;}
.menu-box{ float:left; width:100%;    width: 100%;    padding: 30px; background:#f3f3f3}	
.menu-box ul{ width:24%; float:left; text-align:left}
.menu-box ul li a{ font-size:14px}
.menu-box ul li{  text-align:left}
.menu-box ul .en{ color:#000 !important; font-weight:bold; font-size:16px !important; line-height:40px}
.index-mr{ text-align:center; width:25%}
.index-mr span{ width:100%; text-align:center; float:left; font-size:14px}
.index-mr p{ width:100%; text-align:center; float:left; font-size:14px}
.container{ padding:0 !important;}
.top-langs ul{
position: absolute;
    text-align: left;
    width: 140px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #b3b3b3;
    top: 30px;
    padding: 15px 0 35px 0;
    left: -1px; display:none
}
.top-langs ul li a{ font-size:14px; color:#000 !important;}
.top-langs ul li{ padding:0 0 0 35px }
.line1{    border-bottom: 3px solid #00c2d4;
    width: 100px;
    position: absolute;
    margin-left: -50px;left: 50%;}
.mb10{ margin-bottom:1px; padding-bottom:10px; border:0}	
.more{ color:#666 !important;}	
.index-down{ position:absolute !important; z-index:999999; top:50px}
.index-mr a{ text-align:center; font-weight:bold}
.index-mr a img{ margin-bottom:10px}

.index-down .menu-box{ float:left; width:100%;    width: 100%;    padding: 20px 50px 30px 50px;}	
.index-down .menu-box ul{ width:25%; float:left; text-align:left}
.index-down .menu-box ul li a{ font-size:16px; color:#000; font-weight:bold}
.index-down .menu-box ul li{  text-align:left; line-height:40px; border-bottom:1px solid #ccc; padding:0 !important}
.index-down .menu-box ul li a:hover{color:#009ab2}
.index-down .menu-box ul .imore{width: 178px;height:30px;line-height:30px;text-align:center;background:#009ab2;float:left;margin:20px 0 0 0;}
.index-down .menu-box ul .imore a{ color:#fff;    min-width: 78px; text-align:center}
.index-down .index-mr{ text-align:center; width:30%; }
.index-down .index-mr a{ text-align:center; font-weight:bold}

.index-down .menu-box ul .imore:hover{ background:#ccc}
.index-down .menu-box ul .imore:hover a{color:#009ab2}


.um{ position:inherit !important}
.um:hover{ background:url(../images/sj.png) no-repeat center bottom;}
a:hover span{ color:#009ab2}
.an_more a{ color:#fff}
.an_more:hover{ background:#ccc}
.an_more:hover a{color:#009ab2}
.mb20{margin: 0 0 20px 0;}
.ml20{    margin: 0 0 0 20px;}
.min-w .L-text{ font-size:14px !important; padding:0 15px !important}
.min-w .block{ font-size:14px; width:100%; height:60px}
.w100c{    width: 100%;
    text-align: center;}
.mb-p .home-case-title{ margin-bottom:0; padding-bottom:2px;  }	
.mb-p .home-case-list{ margin:0 0 10px 0 !important;}
.home_ico{ background:url(../images/home.png) no-repeat; width:18px; height:16px; float:left; margin:0 10px 0 0}
.top-langs a{ font-size:14px !important; color:#666 !important }
.mt10{ margin-top:10px}
.lh25{ line-height:26px}
.index-product .c2 h2:after {
    content: "";
    background: #00c2d5;
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 220px;
}
.mt50{ margin-top:50px}
.h40{ height:40px}
.w20{ width:20%; padding:0; margin:0}
.mr0{ padding-right:0 !important}
.pl0{ padding-left:0 !important}
.ivoer a{ color:#009ab2 !important}
.ivoer ul a{ color:#000 !important}
.ivoer ul .ivoer a{ color:#009ab2 !important}
.ivoer ul .imore a{ color:#fff !important}
.ivoer ul .imore:hover a{ color:#009ab2 !important}


.telphon-mail .weixin_tip{border: #ddd 1px solid;padding: 5px;background: #fff;margin: 7px 0 0 -7px;position: absolute;z-index: 301;left: 985px;top: 60px;}
.telphon-mail .weixin_tip .weixin_img {width:145px;display:block;height:145px;}
.telphon-mail .weixin_tip:after {content:"";position:absolute;left:16px;top:-4px;height:0;width:0;border-color:transparent transparent #fff transparent;border-style:dashed dashed solid dashed;border-width:0 4px 4px;}
.telphon-mail .weixin_tip:before {content:"";position:absolute;left:15px;top:-5px;height:0;width:0;border-color:transparent transparent #ccc transparent;border-style:dashed dashed solid dashed;border-width:0 5px 5px;}

.xcasecontent a{ color:#009ab2}
.xcasecontent a:hover{ color:#c80010}

.w-huizi a{ color:#009ab2}
.w-huizi a:hover{ color:#c80010}
 
 .a-desc a{ color:#009ab2}
.a-desc a:hover{ color:#c80010} 

/*add by hel at 20190422
*/
.tbNews{
    font-size: 10px!important;
    width: 100%;
}

.tbNews td{
    padding-left: 2px!important;
    padding-right: 2px!important;
}