html {font-size: 62.5%;}
body { font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial; line-height: 24px;}
ul, ol, li{ padding: 0; margin: 0; list-style: none;}
a{ color: #222; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ color: #5cb531; text-decoration: none;}
label{ font-weight: normal;}
input{ font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
img{ max-width: 100%;}
input::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder{ color: #9aba8b;} 

.clearfix:after, .clearfixlist li:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li{ zoom:1;}
.clear{ clear:both; display:block;}
.show-xs{ display: none;}
.fl{ float: left;}
.fr, .fr-md{ float: right;}
.center{ text-align: center;}
.blue{ color: #08abe9;} .red{ color: #ff0000;}
.border-circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.border-rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}

.font-16{ font-size: 16px;}.font-18{ font-size: 18px;}.font-28{ font-size: 28px;}.font-32{ font-size: 32px;}.font-36{ font-size: 36px;}
.youlianMw{    
background: url(../images/mw_logo_hover.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.youlianMw:hover{    
background: url(../images/mw_logo.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.show-pad, .show-phone{ display: none;}
.block{ display: block;}
.mb-0{ margin-bottom: 0;}
.mb-5{ margin-bottom: 5px;}
.mt-5{ margin-top: 5px;}
.mt-15{ margin-top: 15px;}
.mb-15{ margin-bottom: 15px;}
.mb-10{ margin-bottom: 10px;}
.mr-10{ margin-right: 10px;}
.mb-20{ margin-bottom: 20px;}
.mt-20{ margin-top: 20px;}
.mt-30{ margin-top: 30px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}

.pb-40{ padding-bottom: 40px;}

.vertical{ display: table-cell; vertical-align: middle;}

.text-ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text-uppercase{ text-transform: uppercase;}

.scroll-top{ position: fixed; z-index: 99; bottom: 35px; right: 50px; width: 50px; height: 50px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btn-scrollTop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

/* Bounce To Right */
.bounce-to-right{ position: relative; vertical-align: middle;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #08abe9;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.animated{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.animated.delay1{ -webkit-animation-delay: .2s; animation-delay: .2s;}
.animated.delay2{ -webkit-animation-delay: .4s; animation-delay: .4s;}
.animated.delay3{ -webkit-animation-delay: .6s; animation-delay: .6s;}
.animated.delay4{ -webkit-animation-delay: .8s; animation-delay: .8s;}
.animated.delay5{ -webkit-animation-delay: 1s; animation-delay: 1s;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes bounceInUp{
    0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
    60%{ opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px);}
    80%{ -webkit-transform:translateY(10px); transform:translateY(10px);}
    100%{ -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bounceInUp{
    0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
    60%{ opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px);}
    80%{ -webkit-transform:translateY(10px); transform:translateY(10px);}
    100%{ -webkit-transform:translateY(0); transform:translateY(0);}
}
.bounceInUp{ -webkit-animation-name: bounceInUp; animation-name: bounceInUp}

@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}

/*======== header v5 Styles ===========*/
.fixedNav{ position:fixed; z-index:100000; top:0px; left:0px; width:100%; 
    _position:absolute; _top:expression(eval(document.documentElement.scrollTop));
}

.header{ border-top: 8px solid #5cb531;}
h1.logo{ float: left; width: 50%; margin: 0;}
.header-top{ padding: 16px 0;}
.header-top .container{ position: relative;}
.header-site{ position: absolute; z-index: 9; top: 0; right: 0; width: 298px;}
.header-site .tel{ float: right; padding-left: 38px; font-size: 16px; color: #fd9d26; line-height: 38px; background: url(../images/icon-tel.png) no-repeat left center;}
.header-site .tel span{ font-size: 24px;}

.site-nav{ margin-bottom: 15px;}
.site-nav li.dropdown, .nav>li.dropdown{ background: url(../images/arrow-down.png) no-repeat right center;}
.site-nav li{ float: left; line-height: 26px;}
.site-nav li.dropdown{ padding-right: 12px; margin-right: 8px; background-size: 12px 7px;}
.site-nav a{ display: block; margin-right: 4px;}
.site-nav .dropdown-menu{ top: 98%; padding-bottom: 4px; box-shadow: 0 0 0 transparent; font-size: 14px;}
.site-nav .dropdown-menu li{ float: none; width: 100%;}
.site-nav .dropdown-menu li>a{ padding: 0; margin: 0; line-height: 48px;}
.site-nav .dropdown-menu li>a:hover, .site-nav .dropdown-menu li>a:focus{ color: #39d125; background: #f2f2f2;}
.site-nav .dropdown-menu li>a img{ width: 23px; height: 23px;}

.form-search{ position: relative; margin-bottom: 16px;}
.form-search .form-control{ display: block; width: 100%; padding-left: 18px; padding-right: 48px; border: 0 none; border-radius: 18px; color: #5cb531; background: #cbe9d8;}
.form-search .btn-search{ position: absolute; top: 5px; right: 24px; width: 24px; height: 24px; text-indent: -9999em; background: url(../images/icon-search.png) no-repeat left center;}

.nav-outer{ position: relative; background: #fff;}
.navbar-nav{ float: none; width: 100%;}
.nav>li{ position: static; width: 10%; text-align: center;}
.nav>li.dropdown{ width: 12.5%;}
.nav>li.show-pad{ display: none;}
.nav>li>a{ width: 78px; height: 58px; padding: 0; margin: 0 auto; line-height: 56px; font-size: 16px; color: #222; transition: all .2s ease-in-out;}
.nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a, .nav>li.active>a{ color: #222; border-bottom: 1px solid #5cb531; background: transparent;}
.dropdown-menu{ padding: 0; border: 0 none; font-size: 12px; box-shadow: inset 0 4px 8px #cdcdcd; background: #f7f7f7;}
.dropdown-menu li{ float: left; width: 14.2%; text-align: center;}
.dropdown-menu li>a{ padding: 28px 0 20px; margin-top: 5px; color: #222; line-height: 32px;}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus{ color: #5cb531; background: #e6e6e6;}
.dropdown-menu li span{ display: block;}
.dropdown-menu li img{ height: 40px;}

.fixed-bar{ position: fixed; z-index: 26; right: 0; bottom: 18%; width: 78px; border: 1px solid #dbdbdb; font-size: 13px; text-align: center; background: #f6f6f6;}
.fixed-bar a{ display: block; padding: 10px 0 8px; color: #616161;} 
.fixed-bar .name{ padding-top: 32px; background: url(../images/bnav.png) no-repeat center 0;}
.fixed-bar .sqhz{ background-position-y: -160px;}
.fixed-bar .bline{ border-bottom: 1px solid #dbdbdb;}
.fixed-bar a:hover{ color: #fff; background-color: #5cb531;}
.fixed-bar a:hover .mfsy{ background-position-y: -80px;}
.fixed-bar a:hover .sqhz{ background-position-y: -240px;}

/* footer */
.footer, .footer a{ color: #c0bcbc;}
.footer{ padding-top: 28px; background: #565656;}
.footer .name{ margin-bottom: 8px; font-size: 16px; color: #fff;}
.footer-list{ margin-bottom: 28px;}
.footer-list li{ float: left; width: 14%; padding-left: 18px; border-right: 1px solid #727272;}
.footer-list .item-pro{ width:  20%}
.footer-list .item-qrcode{ width: 38%; padding: 0 18px; border-right: 0 none; color: #fff;}
.footer-list a{ display: block; margin-bottom: 6px; line-height: 28px;}
.item-qrcode .col-xs-6{ padding: 0 6px;}
.item-qrcode .qrcode{ margin-bottom: 15px; text-align: center;}
.item-qrcode .qrcode img{ width: 160px; height: 160px;}
.item-qrcode p{ margin-bottom: 0;}
.item-qrcode .name{ position: relative; width: 220px; height: 16px; border-top: 1px solid #fff; margin: 18px auto 0;}
.item-qrcode .name span{ display: block; position: absolute; top: -15px; left: 50%; width: 162px; margin-left: -80px; background: #565656;}
.item-qrcode .tel{ font-size: 40px; font-weight: bold; line-height: 42px;}
.footer-nav{ padding-top: 8px; border-top: 1px solid #727272; text-align: right;}
.footer-nav em{ margin: 0 8px;}
.footer-contact{ padding-left: 18px;}
.copyright{ padding: 8px 0 18px; text-align: right;}
.copyright span{ display: inline-block;}

.crumb, .crumb a{ color: #666;}
.crumb{ padding: 15px 0; border-bottom: 1px solid #c9c9c9; margin-bottom: 24px; line-height: 20px;}

.title{ margin-bottom: 5px; font-size: 28px; color: #fd9500; line-height: 38px;}

.mod-login{ margin-bottom: 48px;}
.form-message{ padding-top: 48px;}
.form-message .form-group{ margin-bottom: 28px;}
.form-message .control-label{ width: 58px; margin-bottom: 0; color: #666;}
.form-message .form-control{ display: inline-block; width: 88%; height: 40px; border: 1px solid #dadada; border-radius: 0; background: transparent;}
.form-group-vertify .form-control{ width: 68%;}
.form-group-vertify .img-vertify{ float: right; width: 102px; height: 38px; border: 1px solid #ccc; margin: 1px 5px 0 0;}
.img-vertify img{ width: 100%; height: 100%;}
.form-message .btn-submit{ display: block; width: 128px; height: 38px; margin-left: 64px; font-size: 16px; line-height: 38px; color: #fff; text-align: center; background: #ff9600;}

.login-relate{ font-size: 18px; color: #fff; text-align: right; background: url(../images/bg-login.jpg) no-repeat 0 0; background-size: cover;}
.login-relate .relate-inner{ padding-top: 98px; padding-right: 48px;}
.login-relate .logo{ margin-bottom: 22px;}
.login-relate .btn-login{ float: right; width: 188px; height: 48px; border: 1px solid #ff9600; margin-top: 18px; line-height: 46px; color: #ff9600; text-align: center;}

/* 轮播广告 */
.carousel-mobile{ display: none;}
.carousel, .carousel-control, .carousel .item, .carousel .item img{ overflow: hidden;}
.carousel{ margin-bottom: 18px;}
.carousel .item{ vertical-align: middle;}
.carousel .item img,.carousel-inner>.item>img, .carousel-inner>.item>a>img{ width: 100%; height: 100%;}
.carousel-caption{ z-index: 10;}
.carousel-caption p{ margin-bottom: 20px; font-size: 20px; line-height: 1.8;}
.carousel-indicators li{ width: 38px; height: 4px; border: 0 none; border-radius: 0; background: #fff;}
.carousel-indicators .active{ width: 38px; height: 4px; background-color: #5cb531;}
.carousel-control .icon-prev, .carousel-control .icon-next{ width: 46px; height: 46px; margin-top: -30px; text-indent: -9999em; background: url(../images/arrow_sprite.png) no-repeat 0 0; background-size: 100px 46px;}
.carousel-control .icon-next{ background-position: -54px 0;}

/* index-mod */
.index-mod{ margin-bottom: 18px;}
.btn-more{ display: block; position: relative; width: 120px; height: 34px; border: 1px solid #fff; margin: 18px auto 0; line-height: 32px; color: #fff; text-align: center;}
.btn-more .line{ display: block; position: absolute; top: 15px; left: -68px; width: 88px; border-top: 1px solid #fff;}

.mod-menu li{ position: relative; float: left; width: 33.3%;}
.mod-menu a{ display: block; margin: 0 18px;}
.mod-menu .pic{ position: relative; width: 100%; margin-bottom: 4px;}
.mod-menu .remark, .pic img, .qrcode img{ width: 100%; height: 100%;}
.mod-menu .remark{ position: absolute; top: 0; left: 0; padding: 20px; line-height: 28px; color: #fff; transform: scale(0,0); background: rgba(0,0,0,.58); transition: all .5s linear; overflow: hidden;}
.mod-menu .remark p{ height: 84px; overflow: hidden;}
.mod-menu .name{ margin-top: 8px; font-size: 17px;}
.mod-menu a:hover .remark{ transform: scale(1,1); transition: all .5s linear;}

.index-about .width-half{ float: left; width: 50%;}
.index-about .intro, .index-about .intro .vertical{ width: 178px;}
.index-about .intro{ background: #5cb531;}
.index-about .logo{ width: 138px; height: 53px; margin: 0 auto 38px;}
.index-about a.btn-more{ color: #fff;}
.menu-list li{ float: left; width: 33.3%; text-align: center;}
.menu-list .name{ font-size: 18px;}
.menu-list i{ display: block; width: 116px; height: 116px; border: 1px solid #ccc; margin: 0 auto 52px; background: url(../images/sprite-icon.png) no-repeat center 30px;}
.menu-list .icon-website{ background-position-y: -235px;}
.menu-list .icon-content{ background-position-y: -495px;}
.menu-list a:hover i{ border-color: #5cb531; background-color: #5cb531;}
.menu-list a:hover .icon-tech{ background-position-y: -100px;}
.menu-list a:hover .icon-website{ background-position-y: -365px;}
.menu-list a:hover .icon-content{ background-position-y: -625px;}

.index-pro{ padding: 168px 0 148px; background: url(../images/bg-pro.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.index-pro .menu-list a{ font-size: 18px; color: #fff;}
.index-pro .menu-list i{ width: 138px; height: 138px; border: 3px solid #fff; margin-bottom: 28px;}
.index-pro .menu-list .icon-power{ background-position-y: -748px;}
.index-pro .menu-list .icon-data{ background-position-y: -888px;}
.index-pro .menu-list .icon-butler{ background-position-y: -1030px;}

.index-news .container{ padding: 28px 20px; margin-top: -98px; overflow: hidden; background: #fff;}
.news-list li{ float: left; width: 33.3%;}
.news-list a{ display: block; border: 1px solid #d5d5d5; margin: 0 10px; color: #999;}
.news-list .detail{ padding: 12px;}
.news-list .name{ height: 24px; margin-bottom: 8px; font-size: 16px; color: #222;}
.news-list .info{ height: 36px; margin-bottom: 18px; font-size: 12px; line-height: 18px; overflow: hidden;}
.news-list a:hover{ color: #fff; background: #5cb531;}
.news-list a:hover .name{ color: #fff;}

.pic-scale{ overflow: hidden;} 
.pic-scale img{ -webkit-transform: scale(1); transform: scale(1); transition: all 0.38s ease;}
a:hover .pic-scale img{ -webkit-transform: scale(1.08); transform: scale(1.08);}

/*  ========== 内页 init =========  */
.init{ padding-bottom: 48px;}

.mod-catagory{ padding-bottom: 18px; border-bottom: 1px solid #c9c9c9; margin-bottom: 20px;}
.cata-list li{ float: left; width: 23%; margin-right: 2%;}
.cata-list a{ display: block; padding-left: 52px; margin-bottom: 16px;}
.cata-list .name{ display: block; padding: 8px 4px; border-bottom: 1px solid #c9c9c9; margin-bottom: 12px; font-size: 16px; line-height: 40px;}
.cata-list span{ display: inline-block; width: 40px; height: 40px; margin-right: 4px; line-height: 36px; vertical-align: middle; text-align: center; background: #e5e5e5;}
.cata-list img{ height: 22px; zoom: 1; opacity: 0.58; filter: "alpha(opacity=58)"; filter: alpha(opacity=58);}
.cata-list .name:hover span{ background: #5cb531;}
.cata-list .name:hover img{ opacity: 1; filter: "alpha(opacity=100)"; filter: alpha(opacity=100);}
.mod-menu .title{ margin-bottom: 12px; font-size: 24px; color: #5cb531;}

.tab-nav{ margin-bottom: 28px; font-size: 16px; text-align: center;}
.tab-nav a{ display: inline-block; padding: 10px 18px; border: 1px solid #c6c6c6; margin: 0 5px;}
.tab-nav a:hover, .tab-nav a.active{ border-color: #54ba23; color: #54ba23;}

.pro-list li{ float: left; width: 25%; border: 3px solid transparent;}
.pro-list a{ display: block; margin: 10px 12px; line-height: 24px; color: #666;}
.pro-list .pic, .pro-list .detail{ border: 1px solid #e7e7e7;}
.pro-list .detail{ padding: 18px 8px 8px; border-top: 0 none;}
.pro-list .name{ height: 28px; margin-bottom: 8px; font-size: 18px; line-height: 28px; text-align: center;}
.pro-list .info{ height: 48px; overflow: hidden;}
.pro-list li:hover{ border-color: #9bd97d;}
.pro-list li:hover .detail{ border-color: transparent;}
.pro-list li:hover .name{ color: #5cb531;}

/* slick-slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; overflow: hidden; display: block; padding: 0; margin: 0;}
.slick-list:focus{ outline: none;}
.slick-loading .slick-list{ background: white url(../images/ajax-loader.gif) center center no-repeat;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
.slick-slide img{ display: block; width: 100%; height: 100%;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
/* Dots */
.slick-dots { position: absolute; bottom: 8px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none;}
.slick-dots li button:focus { outline: none;}
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 48px; line-height: 20px; text-align: center; color: #a6a6a6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before { color: #5cb531;}

.pro-main{ margin-bottom: 28px;}
.pslider{ border: 1px solid #e7e7e7; background: #f0f5fb;}
.pslider, .pslider .slick-slide{ width: 420px; height: 336px;}
.summary{ float: left; width: 420px;}
.property{ _display: inline; float: right; margin-right: 36px;}
.property .vertical{ height: 360px;}
.property .name{ margin: 68px 0 18px; font-size: 20px; color: #222;}
.property .info{ line-height: 30px; color: #666;}

.nav-tabs{ height: 48px; border: 1px solid #bcbcbc; margin-bottom: 38px; line-height: 46px;}
.nav-tabs li>a{ display: block; position: relative; padding: 0 40px; border-radius: 0; border: 0 none; border-right: 1px solid #bcbcbc; margin-right: 0; font-size: 18px; color: #666; line-height: 46px; cursor: pointer;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus{ border: 0 none; border-right: 1px solid #5cb531; color: #fff; background: #5cb531;}
.nav-tabs>li.active>a:after{ content: '\0020'; display: block; position: absolute; bottom: -32px; left: 50%; border: 16px solid transparent; border-top-color: #5cb531; margin-left: -16px;}

.tab-content .tab-panel{ display: none;}
.perform-list{ margin-bottom: 28px;}
.perform-list li{ float: left; width: 25%; text-align: center;}
.perform-list span{ display: inline-block; padding: 8px 18px; border: 1px solid #5cb531; font-size: 18px; color: #5cb531;}
.property-list{ margin-left: 28px;}
.property-list li{ font-size: 16px; color: #666;}
.property-list .name{ margin-bottom: 8px; font-size: 18px; font-weight: bold; line-height: 28px;}
.property-list .name i{ display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background: #5cb531;}

.init-about .name{ margin-bottom: 8px; font-size: 20px; color: #fd9500; line-height: 32px;}
.pic-about .pic{ width: 48%; margin: 12px 1%;}

.init-service .name, .init-service .subname{ line-height: 36px; text-align: center;}
.init-service .name{ padding-top: 18px; font-size: 18px; color: #222;}
.init-service .subname{ margin-bottom: 18px; font-size: 16px; color: #666;}
.init-service .subname span{ display: block;}
.init-service .subname strong{ font-size: 18px; color: #fd8900;}
.init-service .caption{ padding: 12px 0; border-bottom: 1px solid #e6e6e6; margin: 18px 0; font-size: 20px; font-weight: bold; color: #666; line-height: 28px;}
.form-service .form-group{ margin-right: 2%;}
.form-service .form-group-half{ float: left; width: 48%; margin-right: 2%; margin-bottom: 8px;}
.form-service .control-label{ float: none; width: 100%; font-size: 16px; line-height: 28px; color: #666;}
.form-service .tips{ color: #999;}
.form-service .form-control{ height: 36px; border-radius: 0; box-shadow: 0 0 0 transparent;}
.form-service .form-textarea{ height: 98px;}
.form-service .btn-submit{ display: block; width: 278px; height: 48px; margin: 32px auto 0; font-size: 18px; color: #fff; line-height: 48px; text-align: center; background: #ff9600;}

/* 新闻页 */
.press-list li{ margin-bottom: 18px;}
.press-list a{ display: block; padding: 15px; color: #666; background: #f7f7f7;}
.press-list .pic{ float: left; width: 216px; height: 140px; margin-right: 12px;}
.press-list .name{ position: relative; height: 30px; padding-right: 80px; margin: 12px 0 18px; font-size: 18px; line-height: 28px; color: #222;}
.press-list .date, .press-list .btn-download{ position: absolute; top: 0; right: 0; width: 80px; font-size: 14px; color: #999;}
.press-list .btn-download{ border: 1px solid #aaa; font-size: 16px; color: #555; text-align: center;}
.press-list .info{ height: 48px; line-height: 24px; overflow: hidden;}
.press-list a:hover, .press-list a:hover .name, .press-list a:hover .date, .press-list a:hover .btn-download{ color: #fff;}
.press-list a:hover{ background: #5cb531;}
.press-list a:hover .btn-download{ border-color: #fff;}

.news{ padding-bottom: 40px;}
.news .title{ margin-bottom: 8px; font-size: 20px; line-height: 28px;}
.news .subtitle{ padding-bottom: 12px; border-bottom: 1px dashed #efefef; margin-bottom: 18px; line-height: 28px; color: #717171;}
.news .pic-about{ margin-bottom: 18px; text-align: center;}
.news .info{ margin-bottom: 38px;}
.news-more{ margin-bottom: 28px;}
.news-more .caption{ border: 0 none; margin-bottom: 12px; font-size: 18px;}
.news-more a{ display: block; height: 34px; border-bottom: 1px dashed #dbdbdb; line-height: 32px; color: #616161;}
.news-more span{ float: right; font-size: 14px;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; line-height: 28px; background: #f7f7f7;}
.news-pagination a{ width: 68%; height: 26px; margin-bottom: 10px; font-size: 15px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 18px; right: 8px; width: 115px; height: 38px; padding-left: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 0; font-size: 16px; color: #fff; line-height: 38px; background: url(../images/icon-back.png) no-repeat 6px center #5cb531;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #5cb531;}

.news-catagory a.item{ display: block; padding: 20px; margin-bottom: 8px; color: #222; background: #f5f5f5;}
.news-catagory .name{ height: 32px; padding-bottom: 12px; border-bottom: 1px dashed #222; margin-bottom: 8px; font-size: 18px; color: #222; text-overflow: ellipsis; overflow: hidden;}
.news-catagory .date{ margin-bottom: 18px; color: #858585;}
.news-catagory .info{ margin-bottom: 0;}
.news-catagory a:hover{ color: #fff; background: #5cb531;}
.news-catagory a:hover .name, .news-catagory a:hover .date{ color: #fff;}
.news-catagory a:hover .name{ border-bottom-color: #fff;}

/* pagination */
.pagination{ margin-top: 30px;}
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{ -webkit-border-radius: 0; border-radius: 0;}
.pagination>li{ float: left; }
.pagination>li>a, .pagination>li>span{ color: #9e9e9e;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, 
.pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus
 { border-color: #ccc; font-weight: bold; color: #fff; background-color: #fd9500;}


/* 响应式布局 */
@media (max-width: 1200px){
    .form-message{ padding-top: 38px;}
    .form-message .form-control{ width: 86%;}
    .form-group-vertify .form-control{ width: 61%;}

    .nav>li{ width: 10%;}

    .cata-list li:nth-child(1), .cata-list li:nth-child(2), .cata-list li:nth-child(3){ width: 31.3%;}
    .tab-nav{ margin-bottom: 18px;}
    .pic-about .pic{ margin: 5px 1%;}
}

@media (max-width: 991px){  
	  .hide-sm, .aside-title .hide-sm{ display: none;}
    .header-site .tel{ padding-left: 26px; font-size: 14px; background-size: 22px;}
    .header-site .tel span{ font-size: 18px;}
    .form-search{ margin-bottom: 6px;}
    .nav>li>a{ height: 48px; font-size: 14px; line-height: 48px;}
    .dropdown-menu>li>a{ line-height: 38px;}

    .footer-list li{ width: 16%;}
    .footer-list .item-qrcode{ width: 32%;}
    .footer-list a{ line-height: 24px;}
    .item-qrcode .tel{ font-size: 28px;}

    .form-message{ padding-top: 18px;}
    .form-message .form-group{ margin-bottom: 12px;}
    .form-message .form-control{ width: 81%;}
    .form-group-vertify .form-control{ width: 48%;}

    .login-relate .relate-inner{ padding-top: 48px;}

    .title{ margin-bottom: 18px;}

    .index-about .width-half{ float: none; width: 100%;}
    .index-about .intro, .index-about .intro .vertical{ width: 268px;}
    .index-about .intro{ margin-bottom: 18px;}
    .index-about .logo, .menu-list i{ margin-bottom: 18px;}

    .cata-list .name{ font-size: 15px;}
    .pro-list li{ width: 33.3%;}
    /* 内页副标题 */
    .tab-nav{ font-size: 14px;}

    .pslider, .pslider .slick-slide{ width: 300px; height: 240px;}
    .summary{ float: left; width: 300px;}
    .property .vertical{ height: 240px;}

    .init-service .name{ padding-top: 0; font-size: 16px;}
    .init-service .subname, .form-service .control-label{ font-size: 14px; line-height: 28px;}
    .init-service .caption{ padding: 8px 0; margin: 8px 0; font-size: 16px;}
    .form-service .tips{ font-size: 12px;}
    .form-service .btn-submit{ height: 42px; font-size: 16px; line-height: 42px;}

    .press-list .name{ font-size: 16px;}
}

@media (max-width: 767px){
    .hide-pad{ display: none;}
    .show-pad{ display: block;}

    #online{ position: fixed; z-index: 9; bottom: 34px; width: 68%; height: 40px; margin: 0 16%; border-radius:80px; box-shadow: 0 5px 10px rgba(0,0,0,.1); background: rgba(243,243,243,.9);}
    #online a{ float: left; position: relative; width: 33.333%; height: 100%; font-size: 18px; color: #233876; line-height: 40px; text-align: center; background: url(../images/sprite-online.png) no-repeat center 10px; background-size: 18px 102px;}
    #online a:after{ content:"";position:absolute;right:0;height:100%;width:1px;background:rgba(255,255,255,.6);}
    #online a:last-child:after{ display:none}
    #online .ol-home{ background-position: center 12px;} 
    #online .ol-tel{ background-position: center -28px;} 
    #online .ol-qq{ background-position: center -72px;} 
    .scroll-top{ right: 18px; bottom: 28px;}

    body{ padding-top: 78px;}
    .header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 78px; border-top-width: 4px; background: #fff;}
    .header-top{ padding: 0;}
    h1.logo{ width: 48%; line-height: 70px;}
    .header h1.logo img{ width: 100%; height: 100%;}
    .nav-mask{ position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,.38);}
    .navbar-toggle .icon-bar, .navbar-collapse{ background-color: #5cb531;}
    .navbar-collapse{ position: fixed; z-index: 9999; left: auto; left: -50%; top: 0; width: 45%; padding: 0; text-align: center; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
    .navbar-nav{ margin: 20px 0;}
    .navbar-toggle{ padding: 8px; border: 1px solid #5cb531; margin-top: 20px; margin-right: 0;}

    .nav>li, .nav>li.dropdown{ width: 100%;}
    .nav>li{ border-bottom: 1px solid #71c22b; background: none;}
    .nav>li.show-pad{ display: block;}
    .nav>li.dropdown{ background: none;}
    .navbar-nav>li>a{ width: 88%; height: 38px; border-right: 0; font-size: 16px; line-height: 38px; color: #fff;}
    .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a, .nav>li.active>a{ color: #fff;}
    
    .footer{ padding-top: 18px;}
    .footer-list{ margin-bottom: 0;}
    .footer-list li{ width: 22%; padding-left: 12px; padding-bottom: 8px;}
    .footer-list li:first-child{ padding-left: 0;}
    .footer-list li:nth-child(4){ border-right: 0 none;}
    .footer-list .item-pro{ width: 34%;}
    .footer-list .item-qrcode{ width: 100%; padding: 18px 0 8px; border-top: 1px solid #727272;}
    .item-qrcode .qrcode{ float: left; width: 48%;}
    .item-qrcode .footer-contact{ float: right; width: 50%;}

    .title{ margin-bottom: 8px; font-size: 20px; line-height: 28px;}

    .mod-login .row{ margin: 0;}
    .form-login{ float: left; width: 60%;}
    .form-message{ padding-top: 0;}
    .form-message .form-group{ margin-bottom: 8px;}
    .form-message .control-label{ display: block; width: 100%; line-height: 32px;}
    .form-message .form-control{ width: 100%;}
    .form-message .btn-submit{ width: 100%; margin-left: 0; margin-top: 18px;}
    .login-relate{ float: right; width: 38%; height: 318px; font-size: 14px; text-align: center;}
    .login-relate .relate-inner{ padding-right: 0;}
    .login-relate .logo{ width: 58%; margin: 12px auto;}
    .login-relate .btn-login{ width: 100%; height: 38px; line-height: 36px;}

    .carousel-control .icon-prev{ margin-left: -22px;}
    .carousel-control .icon-next{ margin-right: -22px;}

    /* init */
    .cata-list li, .cata-list li:nth-child(1), .cata-list li:nth-child(2), .cata-list li:nth-child(3){ width: 49%;}
    .cata-list li:nth-child(2n){ margin-right: 0;}

    .mod-menu .remark p{ height: 28px;}
    .mod-menu .remark .btn-more{ width: 98px; margin-top: 8px;}

    .pro-list a{ margin: 6px;}
    .pro-list .detail{ padding: 8px;}
    .pro-list .name{ margin-bottom: 0; font-size: 16px;}

    .tab-nav{ margin-bottom: 0;}
    .tab-nav .name{ position: fixed; z-index: 9; left: 8px; bottom: 34px; width: 48px; height: 48px; margin-bottom: 0; font-size: 16px; line-height: 48px; color: #fff; cursor: pointer; background: #54ba23;}
    .tab-nav .nav-target{ display: none; position: fixed; z-index: 9; left: 64px; bottom: 34px; width: 180px; background: #fff;}
    .tab-nav .nav-target:after{ content: '\0020'; display: block; position: absolute; left: -12px; bottom: 18px; border: 6px solid transparent; border-right-color: #fff;}
    .tab-nav a{ display: block; width: 100%; padding: 12px 8px; border: 0 none; border-bottom: 1px solid #eee; margin: 0;}

    .init-about .name{ font-size: 16px;}
    /* 新闻页 */
    .press-list .pic{ width: 180px; height: 118px}

    .news-catagory a.item{ padding: 8px;}
    .news-catagory .pic{ width: 240px; height: 158px;}
    .news-catagory .detail{ width: 100%; height: 158px;}
    .news-catagory .date{ margin-bottom: 0;}
    .news-catagory .info{ max-height: 72px; line-height: 24px; overflow: hidden;}
    .news-pagination a{ width: 58%;}


    .pagination{ margin: 28px 0 0;}
    .pagination li{ margin-bottom: 8px;}
}

@media (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-xs, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}

    .scroll-top{ width: 46px; height: 46px; bottom: 32px; right: 4px;}
    #online{ width: 58%; margin-left: 25%;}

    body{ padding-top: 60px;}
    .header{ height: 60px;}
    h1.logo{ width: 68%; line-height: 52px;}
    .navbar-toggle{ margin-top: 12px;}

    .container{ padding: 0 12px;}
    .footer{ font-size: 12px;}
    .footer .name{ margin-bottom: 0; font-size: 14px;}
    .footer-list li{ width: 28%;}
    .footer-list li:nth-child(3){ border-right: 0 none;}
    .footer-list .item-pro{ width: 40%;}
    .footer-list .item-qrcode{ width: 72%; padding: 12px; border-left: 1px solid #727272;}
    .footer-list .item-wei{ padding: 12px 0 0; border-top: 1px solid #727272;}
    .item-qrcode .qrcode, .item-qrcode .footer-contact{ float: none; width: 100%; text-align: center;}
    .item-qrcode .name{ width: 100%;}
    .item-qrcode .name span{ top: -12px; width: 78%; margin-left: -39%;}
    .item-qrcode .tel{ font-size: 24px; line-height: 28px;}
    .footer-contact{ line-height: 20px;}
    .footer-nav{ margin-left: -4px; margin-right: -4px;}
    .footer-nav em{ margin: 0;}
    .copyright{ padding: 4px 0 8px;}

    .init{ padding-bottom: 28px;}
    .crumb{ padding: 8px 0; margin-bottom: 18px;}

    .mod-login .title{ font-size: 18px;}
    .mod-login .col-sm-6{ padding: 0;}
    .form-login, .login-relate{ width: 100%;}
    .login-relate{ height: 38px; color: #666; text-align: right; background: none;}
    .login-relate .logo{ display: none;}
    .login-relate .relate-inner{ padding-top: 12px;} 
    .login-relate .tips{ float: left; width: auto;}
    .login-relate .btn-login{ float: right; width: auto; height: auto; border: 0 none; margin: 0; line-height: 24px;}

    .carousel-indicators{ bottom: 8px;}
    .mod-menu a{ margin: 0 4px; font-size: 14px;}
    .index-about .intro, .index-about .pic{ float: none; width: 100%; background: none;}
    .index-about .logo{ display: none;}
    .index-about .btn-more{ border-color: #5cb531; margin: 0 0 0 8px; color: #5cb531;}
    .index-about .btn-more .line{ border-top-color: #5cb531;}
    .index-about .pic{ margin-bottom: 18px;}
    .menu-list i, .index-pro .menu-list i{ width: 98px; height: 98px; margin-bottom: 8px;}
    .menu-list i{ background-size: 68px 952px; background-position-y: 25px;}
    .menu-list .icon-website{ background-position-y: -190px;}
    .menu-list .icon-content{ background-position-y: -398px;}
    .menu-list a:hover .icon-tech{ background-position-y: -80px;}
    .menu-list a:hover .icon-website{ background-position-y: -295px;}
    .menu-list a:hover .icon-content{ background-position-y: -502px;}

    .index-pro{ padding: 58px 0 28px;}
    .index-pro .menu-list a{ font-size: 14px;}
    .index-pro .menu-list .icon-power{ background-position-y: -612px;}
    .index-pro .menu-list .icon-data{ background-position-y: -725px;}
    .index-pro .menu-list .icon-butler{ background-position-y: -842px;}

    .index-news .container{ padding: 12px 0; margin-top: 0;}
    .index-news li{ float: none; width: 100%; margin-bottom: 12px;}

    .mod-menu .title{ font-size: 18px;}
    .mod-menu .name{ font-size: 14px;}
    .mod-menu .remark p{ display: none;}
    .mod-menu .remark .btn-more{ width: 120%; padding: 0 8px; margin-top: 0; font-size: 12px;}
    .cata-list li, .cata-list li:nth-child(1), .cata-list li:nth-child(2), .cata-list li:nth-child(3){ float: none; width: 100%;}
    .cata-list li, .cata-list li:nth-child(2n){ margin-right: 0;}
    .cata-list li{ margin-bottom: 8px;}

    .pro-list li{ width: 50%;} 
    .pro-list a{ margin: 0;}
    .pagination{ margin-top: 8px;}

    .summary{ float: none; width: 100%; margin-bottom: 18px;}
    .pslider, .pslider .slick-slide{ width: 100%;}
    .property .vertical{ height: auto;}
    .property .name{ margin-bottom: 8px;}
    .nav-tabs{ margin-bottom: 28px;}
    .nav-tabs li>a{ padding: 0 15px; font-size: 15px;}
    .perform-list{ margin-bottom: 18px;}
    .perform-list span{ padding: 5px; font-size: 14px;}
    .property-list{ margin-left: 0;}
    .property-list li{ font-size: 14px;}
    .property-list .name{ font-size: 16px;}

    .init-service .name, .init-service .subname{ margin-bottom: 8px; line-height: 24px;}
    .form-service .form-group{ margin-bottom: 8px;}
    .form-service .form-group-half{ float: none; width: 100%; margin: 0;}
    .form-service .btn-submit{ width: 100%; margin-top: 24px;}

    /* 新闻页 */
    .press-list .pic{ float: none; width: 100%;}
    .press-list .name{ margin-bottom: 8px;}

    .news{ padding-bottom: 48px;}
    .news .title{ font-size: 18px; line-height: 24px;}
    .news .subtitle{ padding-bottom: 8px;}
    .news .info{ margin-bottom: 20px;}
    .news .date{ font-size: 13px;}
    .news-more .caption{ margin-bottom: 10px;}
    .news-pagination{ padding: 10px;}
    .news-pagination a{ width: 100%;}
	  .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -60px;}

	  .news-catagory .pic{ width: 100%; height: auto; margin: 0 auto 10px;}
    .news-catagory img{ width: 100%;}
    .news-catagory .detail{ padding: 10px;}
}
@media (max-width: 360px){ .perform-list span{ padding: 2px;}}