html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;outline: 0;vertical-align: baseline}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
img{vertical-align: top}
textarea{resize: none}
a{text-decoration: none}
h1,h2,h3,h4,h5,h6{font-size: 1em;font-weight: 400}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box}
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{width: 100%;color:#666;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; }

/* links */
a{color:#666; text-decoration:none; outline:none !important;}
a:hover{color:#0069d2; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}

a, a:hover, a:focus { text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; }

/* margin */
.mt18 { margin-top: 18px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

/***** Loader *****/
.loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; overflow: hidden !important; z-index: 99999; }
    .loader-img { position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px;  background: url(../img/loading.gif) center center no-repeat; }


.floatBox { position: fixed; top: 0px; z-index: 999; width: 100%; background: url("../img/top-bg.jpg") top center no-repeat #FFF;}

/*搜索及关键词
.container-keys-home { width: 100%; }
    .container-keys-home>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys-home>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys-home>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys-home>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys-home>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


.container-keys { width: 100%; }
    .container-keys>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}
*/

/*产品标题*/
.pro-title { margin: 30px 0 0 0;}
    .pro-title>h1{ float: left; text-transform: capitalize; border-left:solid 3px #095bad; color: #195599; font-size: 18px; padding: 0 0 0 10px; font-weight: lighter;}
    .pro-title>h1>span { text-transform: uppercase; color: #666; font-size: 14px; margin: 0 0 0 10px;}
    .pro-title>a { float:right; font-weight: lighter;}
    .pro-title>h2 { float: right; text-transform: capitalize; font-weight: lighter;}
    .pro-title>h2>span { margin: 0 5px;}

.pro-main-category { background-color: #f3f3f3; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;}
    .pro-main-category>.pro-main-category-title { margin: 18px 0 0 0; text-align: center; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; background-color: #0069d2; }
    .pro-main-category>.pro-main-category-title>h1 { text-transform: capitalize; color: #FFF; font-size: 22px; font-weight: lighter; padding: 18px 0 0 0;}
    .pro-main-category>.pro-main-category-title>h2 { text-transform: capitalize; color: #dadada; font-size: 12px; font-weight: lighter; padding: 5px 0 18px 0;}

    .pro-main-category>.pro-main-category-box { padding: 10px; font-weight: lighter;}

    .pro-main-category .panel-title { font-weight: lighter; text-transform: capitalize; font-size: 14px; letter-spacing: 0px;}
    .pro-main-category .panel-title i { color: #0069d2; padding-right: 5px; float: left; width: 10%;}
    .titles-name { float: right; width: 90%;}

    .pro-main-category .panel-heading { padding: 8px 5px;}

    .pro-main-category-list li{ width:48%; font-weight: lighter; float:left; color:#0069d2; line-height:36px; text-align:left; margin-right:4%; border-bottom:dotted 1px #c3c3c3;}
    .pro-main-category-list li:nth-child(2n) { margin-right:0px;}
    .pro-main-category-list li:last-child{ border-bottom:dotted 1px #c3c3c3;}
    .pro-main-category-list li:nth-last-of-type(2){ border-bottom:dotted 1px #c3c3c3;}
    .pro-main-category-list li a{ display:block; text-indent:7px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/*灰色BOX*/
.container-gray { width: 100%; background-color: #f3f3f3; padding: 40px 0;}
    .main-title { width: 40%; border-bottom: solid 1px #bebebe; color: #424242; margin: 0 auto; text-align:center; position: relative;}
    .main-title>h1 { font-size: 22px; font-weight: lighter; }
    .main-title>h2 { font-size: 12px; font-weight: lighter; text-transform: uppercase; margin: 3px 0;}
    .main-title>h3 { position: absolute; border-bottom: solid 3px #0069d2; width: 10%; left: 45%; bottom: -2px; text-align:left;}

    .main-title-white { width: 40%; border-bottom: solid 1px #FFF; color: #FFF; margin: 0 auto; text-align:center; position: relative;}
    .main-title-white>h1 { font-size: 22px; font-weight: lighter; text-transform: uppercase; }
    .main-title-white>h2 { font-size: 12px; font-weight: lighter; text-transform: uppercase; margin: 3px 0;}
    .main-title-white>h3 { position: absolute; border-bottom: solid 3px #0069d2; width: 10%; left: 45%; bottom: -2px; text-align:left;}


/*详细内容标题*/
.detail-title { width: 100%; border-bottom: solid 1px #f3f3f3; color: #424242; margin: 0 auto; position: relative;}
    .detail-title>h1 { font-size: 18px; font-weight: lighter; margin-bottom: 5px;}
    .detail-title>h3 { position: absolute; border-bottom: solid 3px #0069d2; width: 12%; left: 0; bottom: -2px; text-align: center;}


.detailContent { padding: 20px 0; font-weight: lighter;}

/*上一页，下一页*/
.flip-page { border-top: solid 1px #f3f3f3;  font-size: 15px;  padding-top: 30px;  font-weight: lighter;}
    .flip-page > .left { }
    .flip-page > .right { text-align: right;  }
    .flip-page > .right a {  padding: 10px 30px;  background: #247fc9;  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .right a:hover { background: #008dff; }


/*详细内容标题*/
.detail-main-title { width: 100%; border-bottom: solid 1px #f3f3f3; color: #424242; margin: 20px 0 0 0;}
    .detail-main-title>h1 { text-transform: capitalize; font-size: 18px; border-bottom: solid 3px #0069d2; font-weight: lighter; padding: 5px 0; float: left;}
    .detail-main-title>i { float: right; color: #DDD; margin: 12px 0 0 0;}




/*居中分类*/
.center-category { width: 100%; margin: 20px 0 30px 0;}
    .center-category>.nav > li > a { padding: 8px 30px; border: solid 1px #bebebe; margin-right: 12px; margin-bottom: 10px; }
    .center-category>.nav > li:last-child > a { margin-right: 0px;}
    .center-category ul{ display: table; margin:0 auto; height:42px; text-align: center; padding:0;}

    .center-category>.nav-tabs { border-bottom: none;}
    .center-category>.nav-tabs > li > a { font-weight: lighter; font-size: 14px; -moz-border-radius: 30px;  -webkit-border-radius: 30px;  border-radius: 30px; }
    .center-category>.nav-tabs > li > a:hover { border: solid 1px #0069d2;}
    .center-category>.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: solid 1px #0069d2; color: #FFF; background-color: #0069d2;}


/*首页tab内容*/
.tabTitle { font-size: 18px; text-align: center; font-weight: lighter; color: #195599;}
    .tabContent { line-height: 28px; font-weight: lighter; text-align: center; font-size: 14px;}
    .tabMore { margin: 30px 0 20px 0; text-align: center; font-size: 16px; font-weight: lighter; vertical-align: middle;}
    .tabMore>a { color: #0069d2;}
    .tabMore>a:hover { text-decoration: underline;}
    .tabMore>i { vertical-align: middle;}


/*关于我们*/
.container-about { width: 100%; background: url("../img/about/body-bg.jpg") top center no-repeat;}
    .home-about-content { width: 100%;}
    .home-about-content .container { padding-left: 0px; padding-right: 0px;}
    .home-about-intro { width: 100%; margin: 0 auto; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; background-color: #FFF; color: #195599; padding: 30px 20px; font-weight: lighter;}
    .home-about-intro .lefts { float: left; width: 55%;}
    .home-about-intro .lefts img { max-width: 100%; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
    .home-about-intro .rights { float: right; width: 43%; padding: 5px 0 0 0;}


    .home-about-content .about-texts { color: #F1F1F1; text-align:center; margin:30px 0 30px 0; line-height:175%;}
    .home-about-content .about-imgs { width: 100%; position:relative; margin: 0 auto; -moz-border-radius: 5px 5px 0 0;  -webkit-border-radius: 5px 5px 0 0;  border-radius: 5px 5px 0 0; background-color: #FFF; padding: 15px; }
    .home-about-content .about-imgs img { max-width:100%;}
    .home-about-content .about-imgs .pluss { position: absolute; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s; background: #0069d2; font-weight: lighter; color: #FFF; bottom: 15px; right: 15px; padding:8px 20px; vertical-align: middle; text-align: center;}
    .home-about-content .about-imgs .pluss a { color:#FFF; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s;}
    .home-about-content .about-imgs .pluss i { margin:0 5px 0 0;}
    .home-about-content .about-imgs .pluss:hover { background:rgba(255, 255, 255, 0.65); color:#0069d2;}
    .home-about-content .about-imgs .pluss:hover a { color:#0069d2;}


/*客户案例*/
.homeCases h1 { font-size:22px; color:#595959; font-weight:lighter; margin-bottom:10px;}
    .homeCases .homeCasesSlogan { margin-left:8px; font-weight:lighter;}
    .homeCases .homeCasesSlogan span{ font-size:14px; color:#3f3f3f; float:right; margin-top:16px; font-weight:lighter;}


    #owl-cases .owl-controls{position:absolute; width:100%; bottom:5px;}
    #owl-cases .item { margin:0px; padding:0px;}
    #owl-cases .item li{ list-style:none;}

    #owl-cases .owl-controls .owl-buttons .owl-prev,#owl-cases .owl-controls .owl-buttons .owl-next{position:absolute; display:block; opacity:.5; filter:alpha(opacity=50); transition:opacity .2s linear 0s; cursor:pointer; background:#000; color:#fff;border-radius:0; padding:15px 18px;}
    #owl-cases .owl-controls .owl-buttons i{ color:#fff;}
    #owl-cases .owl-controls .owl-buttons .owl-prev:hover,#owl-cases .owl-controls .owl-buttons .owl-next:hover{opacity:.8; filter:alpha(opacity=80);}
    #owl-cases .owl-controls .owl-prev{position:absolute;left:0px; top:-286px;}
    #owl-cases .owl-controls .owl-next{position:absolute;right:8px; top:-286px;}

    .casesListIntro { display:block; position:relative; font-weight:lighter;}
    .casesListIntro div { position:absolute; margin:0 auto; width:215px; padding:20px 15px; height:150px; text-align:left; z-indent:2; left:0; bottom:0; background:url('../img/case-bg.png'); font-size:13px; color:#686765;}
    .casesListIntro div h1 { color:#4354a2; font-size:15px; font-weight:bold; text-align:left; margin-bottom:20px;}



#owl-partner { width: 100%;  margin: 20px 0 20px 0; }
    #owl-partner .item { display: block;  }
    #owl-partner img {  display: block;  max-width: 100%;  margin: 0 auto;  }
    #owl-partner .owl-controls {  position: absolute;  width: 100%;  bottom: 5px;  }
    #owl-partner .owl-controls .owl-buttons .owl-prev, #owl-partner .owl-controls .owl-buttons .owl-next {  position: absolute;  display: block;  opacity: .5;  filter: alpha(opacity=50);  transition: opacity .2s linear 0s;  cursor: pointer;  background: none;  color: #fff;  }
    #owl-partner .owl-controls .owl-buttons i {  color: #060606; }
    #owl-partner .owl-controls .owl-buttons .owl-prev:hover, #owl-partner .owl-controls .owl-buttons .owl-next:hover { opacity: .8; filter: alpha(opacity=80);  }
    #owl-partner .owl-controls .owl-prev {  position: absolute;  left: -70px;  top: -125px;}
    #owl-partner .owl-controls .owl-next {  position: absolute;  right: -70px;  top: -125px;}

.partnerList p { text-align: center;  margin: 0 auto; font-weight: lighter;  font-size: 16px;  height: 42px;  line-height: 42px; }
    .partnerList img { border: solid 1px #dbdbdb; }



.container-footer { background-color: #3a3a3a; padding: 30px 0 20px 0;}
    .footerMenus { margin-bottom: 20px;}
        .footerLogos { text-align: center;}
        .footerLogos>img { max-width: 100%; margin: 0 auto;}

        .footerMenusL {}
            .footerMenusL>li { color: #FFF; background: url("../img/footer-line.png") left repeat-y; padding-top: 10px; padding-bottom: 10px; line-height: 22px; min-height: 200px; font-weight: lighter;}
            .footerMenusL>li>a:hover { text-decoration: underline;}
            .footerMenusL>li:nth-child(1) { text-align: center;}
            .footerMenusL>li:nth-child(1)>a { display:block; color: #FFF;}

            .footerContact {}
                .footerContact>dt { font-size: 16px; padding-bottom: 6px;}
                .footerContact>dd { line-height: 26px; font-weight: lighter;}
                .footerContact>dd i { color: #808080; margin-right: 10px; width: 12px; text-align:center; height: 12px;}
                .footerContact>dd span { float: right;}


    .footerLinks { padding: 10px 20px; -moz-border-radius:6px; color: #FFF; -webkit-border-radius:6px; border-radius:6px; background-color: #525252;}
        .footerLinks>a { color: #FFF; margin: 0 10px;}
        .footerLinks>a:first-child { margin: 0 10px 0 0;}
        .footerLinks>a:hover { text-decoration: underline;}


.container-copyright { background-color: #222; color: #8f8f8f; padding: 12px 0;}
    .container-copyright img { vertical-align: middle;}

/*翻页*/
.mainPager { text-align: center;  }

/*标语*/
.navbar-default .navbar-brand { color: #FFF; font-weight: lighter;}

/*阴影效果*/
.filletBox { -moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1; box-shadow:2px 2px 5px #A1A1A1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#A1A1A1', Direction=135, Strength=5);}


/*网站底部菜单*/
.mobile-footer { width: 100%; margin: 0 auto; padding: 12px 0 5px 0; background-color: #6e6e6e; position: fixed; bottom: 0px;}
    .mobile-footer>ul>li { float: left; font-size: 13px; width: 25%; text-align: center; font-weight: lighter;}
    .mobile-footer>ul>li>a { color: #FFF;}
    .mobile-footer>ul>li>a>i { display: block; width: 30px; height: 30px; border:solid 2px #FFF; padding-top: 6px; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; margin: 0 auto;}


@media (max-width: 768px) {

    /*头部*/
    .header { overflow: hidden; margin: 0 auto;}
        .header>div>div>.headerLogo { margin: 10px 15px; float:left; text-align: center;}
        .header>div>div>.headerRight { float:right; margin: 0; text-align: right;}
        .header>div>div>.headerRight>.language { margin: 0px; margin: 15px 15px 5px 0;}
        .header>div>div>.headerRight>.hotline { margin: 0px; margin: 0px 15px 10px 0; text-align: right;}
        .header>div>div>.headerRight>.hotline>h1 { font-size: 15px; font-weight: lighter;}
        .header>div>div>.headerRight>.hotline>h1>i { color: #0e5eaf;}
        .header>div>div>.headerRight>.hotline>h2 { font-size: 20px;}

    /*导航*/
    .menuer { width: 100%; background: #0069d2; text-transform: capitalize;}
        .menuer>.navbar-default { margin: 0 auto; background-color: #0069d2; }
        .navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

        .menuer>.navbar-default { margin: 0 auto; background-color: transparent;}
        .menuer>.navbar { border-radius:0px; border:transparent; margin-bottom: 0px;}
        .menuer .navbar-default .navbar-nav>li>a { color: #FFF; font-weight: lighter;}

        .menuer .navbar-default .navbar-nav > .active > a, .menuer .navbar-default .navbar-nav > .active > a:hover, .menuer .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #6e6e6e;}
        .menuer .navbar-default { background-color:#0069d2; border: none;}

        .menuer .navbar-default .navbar-nav > .open > a, .menuer .navbar-default .navbar-nav > .open > a:hover, .menuer .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#6e6e6e;}

        .menuer .dropdown-menu { background-color:#0069d2; }
        .menuer .dropdown-menu > li > a { color: #FFF; font-weight: lighter;}

        .menuer .dropdown-menu > li > a:hover,
        .menuer .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  }
        .menuer .dropdown-menu > .active > a,
        .menuer .dropdown-menu > .active > a:hover,
        .menuer .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  outline: 0;  }


    /*搜索及关键词*/
        .container-keys>.container>.row>.right { float:none; width: 92%; margin: 10px auto; font-weight: lighter;}

    /*产品*/
    .pro-main-list { padding: 18px 0 0 0;}
        .pro-main-list>li { float:none; text-align: center; font-weight: lighter; width: 100%; margin: 0 14px 15px 0;}
        .pro-main-list>li>.pro-main-list-box>a>p { background-color: #787878; color: #FFF; padding: 10px 0;}
        .pro-main-list>li:hover>.pro-main-list-box>a>p { background-color: #0069d2; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
        .pro-main-list>li>.pro-main-list-box>a>img { width: 100%; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; margin: 0 0 5px 0;}

    /*旺满智能 简介*/
    .home-about-intro { width: 100%;}

    /*底部联系我们*/
    .footerContact { margin: 0 auto;}
        .footerContact>dt { text-align: center;}
        .footerContact>dd { text-align: center;}

    .casesListIntro { text-align: center; display:block; position:relative; width:100%; font-weight:lighter;}
        .casesListIntro div { position:absolute; margin:0 auto; width:100%; padding:20px 15px; height:150px; text-align:left; z-indent:2; left:0; bottom:0; background:url('../img/case-bg.png'); font-size:13px; color:#686765;}
        .casesListIntro div h1 { color:#4354a2; font-size:15px; font-weight:bold; text-align:left; margin-bottom:20px;}


    .container-copyright { text-align: center;}


    .container-copyright { padding-bottom: 80px;}


    /*公共隐藏 横向滚动条*/
    .containerRoll { overflow: hidden;}
    .pro-main-index { overflow: hidden;}
    .container-footer { overflow: hidden;}

    /*头部滚动*/
    #bootstrap-touch-slider { margin-top: 158px; }
    .container-keys { padding-top: 158px;}

    /*搜索及关键词*/
    .container-keys-home { width: 100%; }
    .container-keys-home>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys-home>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys-home>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys-home>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys-home>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


    .container-keys { width: 100%; }
    .container-keys>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}
}


@media (min-width: 768px) {
    /*头部*/
    .header { margin: 0 0 28px 0;}
        .header>div>div>.headerLogo { float: left; margin: 28px 0 0 0; width: 70%;}
        .header>div>div>.headerLogo>a>img { max-width: 100%;}
        .header>div>div>.headerRight { float: right; margin: 28px 0 0 0; width: 30%;}
        .header>div>div>.headerRight>.language { margin: 0 0 20px 0; text-align: right;}
        .header>div>div>.headerRight>.language>a{ margin: 0 0 12px 0;}
        .header>div>div>.headerRight>.hotline { text-align: right;}
        .header>div>div>.headerRight>.hotline>h1 { font-size: 14px; font-weight: lighter; display: inline-block;}
        .header>div>div>.headerRight>.hotline>h1>i { color: #0e5eaf;}
        .header>div>div>.headerRight>.hotline>h2 { font-size: 14px; color: #095bad; font-weight: lighter; display: inline-block;}


    /*导航*/
    .menuer { width: 100%; background: #0069d2;}
        .menuer>.navbar-default { margin: 0 auto; background-color: transparent;}
        .menuer>.navbar-default>.container-fluid { padding-left: 0px; padding-right: 0px; width: 750px;}
        .menuer>.navbar>.container-fluid>.navbar-collapse { padding-left: 0px; padding-right:0px;}
        .menuer>.navbar { border-radius:0px; border:transparent; margin-bottom: 0px;}

        .menuer .navbar-default .navbar-nav>li { border-right: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li:first-child { border-left: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li>a { color: #FFF; font-weight: lighter;}

        .menuer .nav>li>a { text-transform: capitalize; font-size: 13px; padding-left: 38px; padding-right: 38px;}

        .menuer .navbar-default .navbar-nav > .active > a, .menuer .navbar-default .navbar-nav > .active > a:hover, .menuer .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #6e6e6e;}
        .menuer .navbar-default { background-color:#0069d2; border: none;}

        .menuer .navbar-default .navbar-nav > .open > a, .menuer .navbar-default .navbar-nav > .open > a:hover, .menuer .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#6e6e6e;}

        .menuer .dropdown-menu { background-color:#0069d2; }
        .menuer .dropdown-menu > li > a { color: #FFF; font-weight: lighter;}

        .menuer .dropdown-menu > li > a:hover,
        .menuer .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  }
        .menuer .dropdown-menu > .active > a,
        .menuer .dropdown-menu > .active > a:hover,
        .menuer .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  outline: 0;  }


    /*公共隐藏 横向滚动条*/
    .containerRoll { overflow: hidden;}
    .pro-main-index { overflow: hidden;}
    .container-footer { overflow: hidden;}

    /*头部滚动*/
    #bootstrap-touch-slider { margin-top: 185px; }
    .container-keys { padding-top: 185px;}

    /*搜索及关键词*/
    .container-keys-home { width: 100%; }
        .container-keys-home>.container>.row>.left { display: none;}
        .container-keys-home>.container>.row>.right { float: none; width: 100%; margin: 10px 0; font-weight: lighter;}

        .container-keys-home>.container>.row>.right .bg-primary { background-color:#0069d2;}
        .container-keys-home>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


    .container-keys { width: 100%; }
        .container-keys>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
        .container-keys>.container>.row>.left>a { margin: 0 10px 0 0;}
        .container-keys>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

        .container-keys>.container>.row>.right .bg-primary { background-color:#0069d2;}
        .container-keys>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


}

@media (min-width: 992px) {


    /*头部*/
    .header { margin: 0 0 28px 0;}
        .header>div>div>.headerLogo { float: left; margin: 28px 0 0 0;}
        .header>div>div>.headerLogo>a>img { max-width: 100%;}
        .header>div>div>.headerRight { float: right; margin: 28px 0 0 0;}
        .header>div>div>.headerRight>.language { margin: 0 0 20px 0; text-align: right;}
        .header>div>div>.headerRight>.language>a{ margin: 0 0 12px 0;}
        .header>div>div>.headerRight>.hotline { text-align: right;}
        .header>div>div>.headerRight>.hotline>h1 { font-size: 18px; font-weight: 700; display: inline-block;}
        .header>div>div>.headerRight>.hotline>h1>i { color: #0e5eaf; font-weight: lighter;}
        .header>div>div>.headerRight>.hotline>h2 { font-size: 18px; color: #095bad; font-weight: bold; display: inline-block;}

    /*产品*/
    .pro-main-list { padding: 18px 0 0 0;}
        .pro-main-list>li { float: left; text-align: center; font-weight: lighter; width: 232px; margin: 0 14px 15px 0;}
        .pro-main-list>li:nth-child(4n) { float: left; margin: 0 0 15px 0;}
        .pro-main-list>li>.pro-main-list-box>a>p { background-color: #787878; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; color: #FFF; padding: 10px 0;}
        .pro-main-list>li:hover>.pro-main-list-box>a>p { background-color: #0069d2;}
        .pro-main-list>li>.pro-main-list-box>a>img { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; width: 232px; height: 160px; margin: 0 0 5px 0;}

    /*客户案例*/
    .homeCasesList { margin-top: 30px;}
        .homeCasesList>.homeCasesListL { width: 226px; height: 435px; float: left; overflow: hidden;}
        .homeCasesList>.homeCasesListR { width: 720px; height: 435px; float: right; overflow: hidden;}



    /*导航*/
    .menuer { width: 100%; background: #0069d2;}
        .menuer>.navbar-default { margin: 0 auto; background-color: transparent;}
        .menuer>.navbar-default>.container-fluid { padding-left: 0px; padding-right: 0px; width: 970px;}
        .menuer>.navbar>.container-fluid>.navbar-collapse { padding-left: 0px; padding-right:0px;}
        .menuer>.navbar { border-radius:0px; border:transparent; margin-bottom: 0px;}

        .menuer .navbar-default .navbar-nav>li { border-right: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li:first-child { border-left: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li>a { color: #FFF; font-weight: lighter;}

        .menuer .nav>li>a { text-transform: capitalize; font-size: 15px; padding-left: 56px; padding-right: 56px;}

        .menuer .navbar-default .navbar-nav > .active > a, .menuer .navbar-default .navbar-nav > .active > a:hover, .menuer .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #6e6e6e;}
        .menuer .navbar-default { background-color:#0069d2; border: none;}

        .menuer .navbar-default .navbar-nav > .open > a, .menuer .navbar-default .navbar-nav > .open > a:hover, .menuer .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#6e6e6e;}

        .menuer .dropdown-menu { background-color:#0069d2; }
        .menuer .dropdown-menu > li > a { color: #FFF; font-weight: lighter;}

        .menuer .dropdown-menu > li > a:hover,
        .menuer .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  }
        .menuer .dropdown-menu > .active > a,
        .menuer .dropdown-menu > .active > a:hover,
        .menuer .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  outline: 0;  }

        .menuer .dropdown-menu { min-width: 223px;}

    /*公共隐藏 横向滚动条*/
    .containerRoll { overflow: hidden;}
    .pro-main-index { overflow: hidden;}
    .container-footer { overflow: hidden;}

    /*头部滚动*/
    #bootstrap-touch-slider { margin-top: 198px; }
    .container-keys { padding-top: 198px;}

    /*搜索及关键词*/
    .container-keys-home { width: 100%; }
    .container-keys-home>.container>.row>.left { display: block; float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys-home>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys-home>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys-home>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys-home>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


    .container-keys { width: 100%; }
    .container-keys>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys>.container>.row>.left>a { margin: 0 5px 0 0;}
    .container-keys>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


}

@media (min-width: 1200px) {

    /*头部*/
    .header { margin: 0 0 28px 0;}
        .header>div>div>.headerLogo { float: left; margin: 28px 0 0 0;}
        .header>div>div>.headerLogo>a>img { max-width: 100%;}
        .header>div>div>.headerRight { float: right; margin: 28px 0 0 0;}
        .header>div>div>.headerRight>.language { margin: 0 0 20px 0; text-align: right;}
        .header>div>div>.headerRight>.language>a{ margin: 0 0 12px 0;}
        .header>div>div>.headerRight>.hotline { text-align: right;}
        .header>div>div>.headerRight>.hotline>h1 { font-size: 18px; font-weight: 700; display: inline-block;}
        .header>div>div>.headerRight>.hotline>h1>i { color: #0e5eaf; font-weight: lighter;}
        .header>div>div>.headerRight>.hotline>h2 { font-size: 22px; color: #095bad; font-weight: bold; display: inline-block;}


    /*产品*/
    .pro-main-list { padding: 18px 0 0 0;}
        .pro-main-list>li { float: left; text-align: center; font-weight: lighter; width: 207px; margin: 0 14px 15px 0;}
        .pro-main-list>li:nth-child(4n) { float: left; margin: 0 0 15px 0;}
        .pro-main-list>li>.pro-main-list-box>a>p { background-color: #787878; -moz-border-radius:0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color: #FFF; padding: 10px 0;}
        .pro-main-list>li:hover>.pro-main-list-box>a>p { background-color: #0069d2;}
        .pro-main-list>li>.pro-main-list-box>a>img { width: 207px; height: 143px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; margin: 0 0 5px 0;}

    /*客户案例*/
    .homeCasesList { margin-top: 30px;}
        .homeCasesList>.homeCasesListL { width: 272px; height: 435px; float: left; overflow: hidden;}
        .homeCasesList>.homeCasesListR { width: 870px; height: 435px; float: right; overflow: hidden;}

    /*导航*/
    .menuer { width: 100%; background: #0069d2;}
        .menuer>.navbar-default { margin: 0 auto; background-color: transparent;}
        .menuer>.navbar-default>.container-fluid { padding-left: 0px; padding-right: 0px; width: 1170px;}
        .menuer>.navbar>.container-fluid>.navbar-collapse { padding-left: 0px; padding-right:0px;}
        .menuer>.navbar { border-radius:0px; border:transparent; margin-bottom: 0px;}

        .menuer .navbar-default .navbar-nav>li { border-right: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li:first-child { border-left: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li>a { color: #FFF; font-weight: lighter;}

        .menuer .nav>li>a { text-transform: capitalize; font-size: 16px; padding-left: 74px; padding-right: 74px;}

        .menuer .navbar-default .navbar-nav > .active > a, .menuer .navbar-default .navbar-nav > .active > a:hover, .menuer .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #6e6e6e;}
        .menuer .navbar-default { background-color:#0069d2; border: none;}

        .menuer .navbar-default .navbar-nav > .open > a, .menuer .navbar-default .navbar-nav > .open > a:hover, .menuer .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#6e6e6e;}

        .menuer .dropdown-menu { background-color:#0069d2; }
        .menuer .dropdown-menu > li > a { text-transform: capitalize; color: #FFF; font-weight: lighter;}

        .menuer .dropdown-menu > li > a:hover,
        .menuer .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  }
        .menuer .dropdown-menu > .active > a,
        .menuer .dropdown-menu > .active > a:hover,
        .menuer .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  outline: 0;  }

        .menuer .dropdown-menu { min-width: 267px;}


    /*头部滚动*/
    #bootstrap-touch-slider { margin-top: 198px; }
    .container-keys { padding-top: 198px;}

    /*搜索及关键词*/
    .container-keys-home { width: 100%; }
    .container-keys-home>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys-home>.container>.row>.left>a { margin: 0 5px 0 0;}
    .container-keys-home>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys-home>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys-home>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


    .container-keys { width: 100%; }
    .container-keys>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}
}

@media (min-width: 1366px) {

    /*头部*/
    .header { margin: 0 0 28px 0;}
        .header>div>div>.headerLogo { float: left; margin: 28px 0 0 0;}
        .header>div>div>.headerLogo>a>img { max-width: 100%;}
        .header>div>div>.headerRight { float: right; margin: 28px 0 0 0;}
        .header>div>div>.headerRight>.language { margin: 0 0 20px 0; text-align: right;}
        .header>div>div>.headerRight>.language>a{ margin: 0 0 12px 0;}
        .header>div>div>.headerRight>.hotline { text-align: right;}
        .header>div>div>.headerRight>.hotline>h1 { font-size: 18px; font-weight: 700; display: inline-block;}
        .header>div>div>.headerRight>.hotline>h1>i { color: #0e5eaf; font-weight: lighter;}
        .header>div>div>.headerRight>.hotline>h2 { font-size: 24px; color: #095bad; font-weight: bold; display: inline-block;}


    /*导航*/
    .menuer { width: 100%; background: #0069d2; }
        .menuer>.navbar-default { margin: 0 auto; background-color: transparent;}
        .menuer>.navbar-default>.container-fluid { padding-left: 0px; padding-right: 0px; width: 1200px;}
        .menuer>.navbar>.container-fluid>.navbar-collapse { padding-left: 0px; padding-right:0px;}
        .menuer>.navbar { border-radius:0px; border:transparent; margin-bottom: 0px;}

        .menuer .navbar-default .navbar-nav>li { border-right: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li:first-child { border-left: solid 1px #3c8ad9;}
        .menuer .navbar-default .navbar-nav>li>a { color: #FFF; font-weight: lighter;}

        .menuer .nav>li>a { text-transform: capitalize; font-size: 16px; padding-left: 78px; padding-right: 78px;}

        .menuer .navbar-default .navbar-nav > .active > a, .menuer .navbar-default .navbar-nav > .active > a:hover, .menuer .navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #6e6e6e;}
        .menuer .navbar-default { background-color:#0069d2; border: none;}

        .menuer .navbar-default .navbar-nav > .open > a, .menuer .navbar-default .navbar-nav > .open > a:hover, .menuer .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#6e6e6e;}

        .menuer .dropdown-menu { text-transform: capitalize; background-color:#0069d2; }
        .menuer .dropdown-menu > li > a { color: #FFF; font-weight: lighter;}

        .menuer .dropdown-menu > li > a:hover,
        .menuer .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  }
        .menuer .dropdown-menu > .active > a,
        .menuer .dropdown-menu > .active > a:hover,
        .menuer .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #6e6e6e;  outline: 0;  }

        .menuer .dropdown-menu { min-width: 276px;}

    /*头部滚动*/
    #bootstrap-touch-slider { margin-top: 198px; }
    .container-keys { padding-top: 198px;}

    /*产品*/
    .pro-main-list { padding: 18px 0 0 0;}
        .pro-main-list>li { float: left; text-align: center; font-weight: lighter; width: 212px; margin: 0 14px 15px 0;}
        .pro-main-list>li:nth-child(4n) { float: left; margin: 0 0 15px 0;}
        .pro-main-list>li>.pro-main-list-box>a>p { background-color: #787878; -moz-border-radius:0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color: #FFF; padding: 10px 0;}
        .pro-main-list>li:hover>.pro-main-list-box>a>p { background-color: #0069d2;}
        .pro-main-list>li>.pro-main-list-box>a>img { width: 212px; height: 146px; margin: 0 0 5px 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}

    /*客户案例*/
    .homeCasesList { margin-top: 30px;}
        .homeCasesList>.homeCasesListL { width: 277px; height: 435px; float: left; overflow: hidden;}
        .homeCasesList>.homeCasesListR { width: 896px; height: 435px; float: right; overflow: hidden;}

    /*公共隐藏 横向滚动条*/
    .containerRoll { overflow: visible;}

    /*搜索及关键词*/
    .container-keys-home { width: 100%; }
    .container-keys-home>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys-home>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys-home>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys-home>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys-home>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}


    .container-keys { width: 100%; }
    .container-keys>.container>.row>.left { float: left; width: 70%; margin: 18px 0 0 0; font-weight: lighter;}
    .container-keys>.container>.row>.left>a { margin: 0 10px 0 0;}
    .container-keys>.container>.row>.right { float: right; width: 25%; margin: 10px 0; font-weight: lighter;}

    .container-keys>.container>.row>.right .bg-primary { background-color:#0069d2;}
    .container-keys>.container>.row>.right .bg-primary:hover { color: #fff; background-color: #6e6e6e;}
}