.hv a:hover{ text-decoration:none;color:#003a8a;-webkit-transition: all .5s;transition: all .5s;}
.inn{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.oh{ overflow: hidden;}
.ma15{ margin:15px auto;}
.ma20{ margin:20px auto;}
.ma30{ margin:30px auto;}
.ma50{ margin:50px auto;}
.mb50{ margin-bottom:50px;}
.mb40{ margin-bottom:40px;}
.mb30{ margin-bottom:30px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.mb10{ margin-bottom:10px;}
.mt80{margin-top: 80px;}
.mb80{margin-bottom: 80px;}
.mt50{ margin-top:50px;}
.mt40{ margin-top:40px;}
.mt30{ margin-top:30px;}
.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.pb50{ padding-bottom:50px;}
.pb40{ padding-bottom:40px;}
.pb30{ padding-bottom:30px;}
.pb20{ padding-bottom:20px;}
.pb15{ padding-bottom:15px;}
.pb10{ padding-bottom:10px;}
.pt50{ padding-top:50px;}
.pt40{ padding-top:40px;}
.pt30{ padding-top:30px;}
.pt20{ padding-top:20px;}
.pt15{ padding-top:15px;}
.pt10{ padding-top:10px;}
.pa15{ padding:15px 0;}
.pa20{ padding:20px 0;}
.pa30{ padding:30px 0;}
.pa50{ padding:50px 0;}
.pa70{padding: 70px 0;}
.clear{clear:both;height:0;margin:0;overflow:hidden;}
input,textarea{outline: 0;}
a { color: #333; }
a:hover, a:focus { text-decoration: none; color: #304c76; }
p,ul,li,ol,dd,dt,dl,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;list-style: none;}
html,body{font-family: "微软雅黑";font-size: 14px;line-height: 2;background: none; overflow-x:hidden; max-width: 1920px;margin: 0 auto; }
aside,header,section,footer{display: block;}
.p0{padding: 0;}
.nop{position: static !important;}
.inn{width: 91.875%;margin-right: auto;margin-left: auto;}

a,li,h2,em,span,.owl-buttons div,i,.jkdb li img{
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease; }
    .banner-img{width: 95.9375%;float: right;}

    .bgwhite{background-color: #fff;width: 100%;height: 100px;position: absolute;left: 0;top: 0;z-index: 9;}
    .ban{background-color: #6486b9;position: relative;}
    .top-pa{position: absolute;width: 100%;z-index: 99;}
    .top-con{width: 95%;margin: 0 auto;}
    .top-left{float: left;}
    .top-left a.logo{display: block;}
    .tells{margin-top: 100px;float: left;}
    .top-title{float: left;margin-top: 120px;color: #fff;text-transform: uppercase;margin-left: -100px;font-family: Century Gothic;letter-spacing: -2px;}
    .top-title h2{font-size: 78px;font-weight: bold;line-height: 1.3;}
    .top-title h3{font-size: 54px;font-weight: bold;line-height: 1.3;}
    .top-title h4{font-size: 20px;line-height: 2;margin-top: 10px;}
    .top-right{float: right;margin-top: 40px;color: #d92728;}
    .top-right a{color: #d92728;margin: 0 10px; }
    .top-right p{display: inline;margin-left: 10px;margin-right: 10px;}
    .top-right p a{border: 1px solid #30b9cd;padding: 10px 10px;border-radius: 20px;color: #fff;background-color: #30b9cd;}
    #owl-demof.owl-theme .owl-controls .owl-pagination{display: none;}
    #owl-demof.owl-theme .owl-controls .owl-pagination .active span{display: block;color: #333;}
    #owl-demof.owl-theme .owl-controls .owl-buttons{position: absolute;left: 0;bottom: 0;z-index: 99;display: block;z-index: 99;}
    #owl-demof.owl-theme .owl-controls .owl-buttons div{margin: 0;padding: 0;border-radius: 0;width: 190px;height: 90px;background-color: #f00;opacity: 1;overflow: hidden;line-height: 50;display: none;}
    #owl-demof.owl-theme .owl-controls .owl-buttons div.owl-prev{margin-top: -90px;background: #fff url(../images/right.png) no-repeat center;}
    #owl-demof.owl-theme .owl-controls .owl-buttons div.owl-next{background: #232c33 url(../images/left.png) no-repeat center;}
    /*banner*/
    .nav-bg{}
    .nav-con{margin: 0 auto;}
    .nav-left{color: #fff;float: left;margin-top: 150px;margin-left: 2.5%;}
    .nav-left h2{font-size: 16px;margin-bottom: 20px;line-height: 2;}
    .nav-left h3{font-size: 22px;font-weight: bold;line-height: 2;}
    .navbar-default{float: right;background-color: #fff;border-radius: 0;}
    .navbar-nav{margin-left: 100px;}
    .navbar-default .navbar-nav > li > a{color: #000;font-weight: bold;font-size: 16px;}
    .navbar-nav > li > a{padding: 0 20px;padding-bottom: 5px;}
    .navbar-nav > li:hover > a{background: url(../images/nav-bg.png) no-repeat center bottom;}
    .sub{position: absolute;left: 0;display: none;background-color: #fff;min-width: 100%;border: 1px solid #ccc;z-index: 99;}
    .sub li{width: 100%;text-align: center;}
    .menu{padding: 20px 0;}
    .navbar{margin-bottom: 0;border-bottom: 0;}
    .navbar-default{border-color: transparent;}
    .sea {margin-top: 5px; background-color: #6486b9;padding: 15px 0;}
    .sea .sousuob,.sea .sousuoa{background-color: transparent;border: 0;float: left;}
    .sousuoa{padding-left: 10px;color: #fff;}
    .sousuob{background: url(../images/search.png) no-repeat center;width: 50px;}
    ::-webkit-input-placeholder {color:#fff;}
    :-moz-placeholder {color:#fff;}
    ::-moz-placeholder {color:#fff;}
    :-ms-input-placeholder {color: #fff;}
    /*abouts*/
    .abouts-bg{background: url(../images/sp-bg.jpg) no-repeat center top;}
    .abouts-left{color: #fff;float: left;}
    .abouts-left h2{font-size: 55px;font-family: Century Gothic;font-weight: bold;text-transform: uppercase;letter-spacing: -2px;}
    .abouts-left h3{width: 200px;background-color: #fff;height: 2px;margin: 30px 0;margin-left: -60px;}
    .abouts-left h4{font-size: 25px;}
    .home-videos {display: block;float: left;}
    .home-videos video{margin: 0 auto;position: static !important;}
    .index_video{width: 75%;float: right;margin-top:10%;}
    /*fuwuyoushi*/
    .fuys li{text-align: center;}
    .fuys li img{border: 1px solid #ccc;border-radius: 50%;margin: 0 auto;display: block;}
    .fuys li p{font-size: 18px;font-weight: bold;}
    /*products*/
    .products-bg{background: url(../images/pro-bg.jpg) no-repeat center top;}
    .products-bg .container{position: relative;}
    .products-con li{position: relative;}
    .products-con li span{position: absolute;left: 0;top: 0;z-index: 99;width: 100%;height: 100%;display: none;}
    .products-con li span div{width: 90%;height: 90%;margin-left: 5%;margin-top: 5%;border: 1px solid #fff;}
    .products-con li span i{display: block;width: 75px;height: 75px;background: url(../images/view.png) no-repeat center;margin: 0 auto;margin-top: 90px;}
    .products-con li span h2{font-size: 14px;color: #fff;text-align: center;line-height: 4;}
    .products-con li em{position: absolute; bottom: 20px;right: 20px;display: block;width: 37px;height: 37px;background: url(../images/jiahao.png) no-repeat center;z-index: 99;}
    .products-con li:hover em{display: none;}
    .products-con li:hover span{background-color: rgba(0,0,0,.2);display: block;}
    #owl-demoe{position: relative;padding-top: 30px;}
    #owl-demoe .owl-pagination{position: absolute;left: 0;top: -20px;z-index: 99; height:30px;}
    #owl-demoe .owl-controls .owl-page{float: left;margin-left: 15px;margin-bottom: 5px;}
    #owl-demoe .owl-controls .owl-page span{margin: 0;margin-right: 10px;}
    #owl-demoe .owl-controls .owl-page span{background: none;border: 1px solid #304c76;opacity: 1;}
    #owl-demoe .owl-controls .owl-page.active span{background-color: #304c76;border-color: #304c76;}

    /*架空地板*/
    .jkdb li b{width: 100%;height: auto;display: block;overflow: hidden;padding: 5%;background: url(../images/bga.png) no-repeat top center;-webkit-background-size: 100%;
        background-size: 100%;border-bottom: 1px solid #666;}  
        .jkdb li b i{display: block;width: 100%;height: 100%;overflow: hidden;border: 1px solid #666;}
        .jkdb li img{width: 100%;}
        .jkdb li b:hover img{transform:scale(1.1);}
        .jkdb li span{display: block;text-align: center;background: url(../images/bgb.png) no-repeat center top;-webkit-background-size: 100%;
            background-size: 100%;padding-top: 15%;border-bottom: 1px solid transparent;}
            .jkdb li span em a{width: 23px;height: 23px;display: inline-block;line-height: 22px;text-align: center;background-color: #6486b9;;font-size: 15px;margin: 0 1.5px;font-style: normal;color: #fff;border-radius: 50%;}
            .jkdb li h3{font-size: 15px;margin-bottom: 5%;margin-top:1%;}


            /*六大优势*/
            .liuda-title h2{font-size: 42px;color: #304c76;}
            .liuda-title h3{font-size: 14px;line-height: 2;text-transform: uppercase;color: #525250;}
            .liuda-bg{background: url(../images/liuda.jpg) center top;}
            ul.only-ldys-con{margin-top: 20px;}
            .only-ldys-con li{text-align: center;color: #fff;display: inline-block;padding: 0 30px;float: left;height: 375px;position: relative;}
            .only-ldys-con li div{width: 330px;height: 310px;background: #304c76;border-radius: 5px;}
            .only-ldys-con li div.even{background-color: #6486b9;}
            .only-ldys-con li div h3{padding-top: 60px;font-weight: bold;font-size: 20px;}
            .only-ldys-con li div h4{width: 100px;height: 2px;background: #fff;margin: 20px auto;}
            .only-ldys-con li div p{width: 70%;margin: 0 auto;}
            .only-ldys-con li span{display: inline-block;width: 100%;height: 46px;font-size: 18px;font-weight: bold;margin-top: 20px;}
            .only-ldys-bg{background: url(../images/only-ldys.png) no-repeat center top; background-size: 100%;}
            .only-ldys-con li.odd div{background: #304c76;}
            .only-ldys-con li.only-two{margin-bottom: 0;margin-top: 35px;}
            .only-two{padding-top: 20px;}
            .only-ldys-hx{width: 300%;height: 2px;background: #304c76;position: absolute;top: 51%;}
            .only-ldys-hxa{right: -300%;}
            .only-ldys-hxb{left: -300%;}

            /*case*/
            .case-bg{background-color: #f2f2f2;}
            .case-bg .container{position: relative;}
            .case-con{margin-top: 30px;padding-top: 30px;}
            .case-con li a{position: relative;width: 100%;height: 100%;display: block;}
            .case-con li a span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background:rgba(0,0,0,.3) url(../images/more.png) no-repeat center; display: none;}
            .case-con li:hover a span{display: block;}
            .case-con li h2{background-color: #fff;font-size: 14px;line-height: 3;text-align: center;}
            .case-con li:hover h2{background-color: #304c76;}
            .case-con li:hover h2 a{color: #fff;}
            #owl-demod{position: relative;}
            #owl-demod .owl-pagination{position: absolute;left: 0;top: -20px;z-index: 99;height: 30px;}
            #owl-demod .owl-controls .owl-page{float: left;margin-left: 15px;}
            #owl-demod .owl-controls .owl-page span{margin: 0;margin-right: 10px;}
            #owl-demod .owl-controls .owl-page span{background: none;border: 1px solid #304c76;opacity: 1;}
            #owl-demod .owl-controls .owl-page.active span{background-color: #304c76;border-color: #304c76;}
            /*客户感言*/
            .ganyan-bg{background: url(../images/ganyan-bg.jpg)  center top;padding-top: 40px;}
            .ganyan-bg .container{position: relative;}
            .ganyan-more{float: right;margin-top: 20px;position: absolute;right: 15px;top: 10px;}
            .ganyan-more a{width: 190px;height: 50px;line-height: 50px;display: block;border: 1px solid #fff;text-align: center;border-radius: 40px;color: #fff;}
            .ganyan-title{color: #fff;margin-bottom: 40px;}
            .ganyan-title h2{font-size: 25px;font-family: Century Gothic;text-transform: uppercase;}
            .ganyan-title h3{font-size: 40px;line-height: 2;font-weight: bold;}
            .only-join-top{margin-bottom: 40px;}
            .only-join-top li{width: 25%;float: left;position: relative;color: #fff;background: #666;}
            .only-join-top li .onlu-join-con.even{position: absolute;width: 100%;top: 0;}
            .only-join-top li .onlu-join-con.odd{position: absolute;width: 100%;bottom: 0;}
            .onlu-join-con h2{font-size: 16px;padding: 20px;background-color: #304c76;}
            .onlu-join-con h2 i{border-bottom: 1px solid #5394bd;padding-bottom: 10px;padding-right: 20px;font-weight: normal;font-style: normal;}
            .onlu-join-con b{width: 110px;height: 35px;line-height: 35px;background: #304c76;text-align: center;margin: 0 auto;display: block;}
            .only-join-top li.odd .onlu-join-con{bottom: 0!important;top:initial;}
            .onlu-join-con p{padding: 0 20px;background: #304c76;padding-bottom: 60px;height: 170px;overflow: hidden;}
            .only-join-bottom li{float: left;width: 24%;margin-right: 1.3333334%;}
            .only-join-bottom li.last{margin-right: 0;}
            #owl-democ{position: relative;}
            #owl-democ .owl-pagination{position: absolute;left: 0;top: -60px;z-index: 99; height:30px;}
            #owl-democ .owl-controls .owl-page{float: left;margin-left: 15px;}
            #owl-democ .owl-controls .owl-page span{margin: 0;margin-right: 10px;}
            #owl-democ .owl-controls .owl-page span{background: none;border: 1px solid #fff;opacity: 1;}
            #owl-democ .owl-controls .owl-page.active span{background-color: #fff;border-color: #fff;}

            /*news*/
            .news-bg{background: url(../images/news-bg.jpg) center top;}
            .news-bg .container{position: relative;}
            .news-right{position: absolute;right: 15px;top: 10px;}
            .news-right a{width: 190px;height: 50px;line-height: 50px;display: block;border: 1px solid #304c76;text-align: center;border-radius: 40px;color: #304c76;}
            .news-title h2{font-size: 18px;font-family: Century Gothic;text-transform: uppercase;font-weight: normal;}
            .news-title h3{font-size: 40px;font-weight: bold;}
            .news-con{margin-top: 40px;padding-top: 20px;}
            .news-con li{margin-bottom: 10px;}
            .news-con li div{background-color: #fff;border: 1px solid #ccc;margin-left: 15px;margin-right: 15px;}
            .news-con li div span{display: block;padding: 15px;}
            .news-con li div h2{font-size: 14px;line-height: 2;margin-bottom: 5px;}
            .news-con li div p{font-size: 12px;color: #858686;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
            .news-con li div a.hnews-more{display: block;}
            .news-con li div a.hnews-more em{display: block;width: 35px;height: 22px;float: right;background: url(../images/jt.png) no-repeat center;}
            #owl-demob{position: relative;}
            #owl-demob .owl-pagination{position: absolute;left: 0;top: -20px;z-index: 99;height: 30px;}
            #owl-demob .owl-controls .owl-page{float: left;margin-left: 15px;}
            #owl-demob .owl-controls .owl-page span{margin: 0;margin-right: 10px;}
            #owl-demob .owl-controls .owl-page span{background: none;border: 1px solid #304c76;opacity: 1;}
            #owl-demob .owl-controls .owl-page.active span{background-color: #304c76;border-color: #304c76;}
            /*研发中心*/
            .owl-buttons{display: none;}
            .yanfa .owl-theme .owl-controls .owl-page span{background: none;border: 1px solid #ccc;opacity: 1;}
            .yanfa .owl-theme .owl-controls .owl-page.active span{background-color: #304c76;border-color: #304c76;}
            .yanfapa{position: absolute;left: 0;top: 0;z-index: 99;width: 100%;color: #fff;}
            .yanfa-left{float: left;margin-top: 170px;}
            .yanfa-left h2{font-size: 40px;line-height: 1.5;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
            .yanfa-left h3{font-size: 14px;margin-top: 10px;margin-bottom: 40px;}
            .yanfa-left a{color: #fff;border: 1px solid #ccc;border-radius: 40px;padding: 20px 60px;}
            .yanfa-right{float: right;background: url(../images/jd.jpg) no-repeat center;width: 315px;height: 445px;padding-left: 20px;padding-right: 10px;padding-top: 80px;font-weight: bold;}
            .yanfa-right h2{text-transform: uppercase;font-size: 31px;font-family:Century Gothic ;letter-spacing: -3px;}
            .yanfa-right h3{width: 180px;height: 3px;background-color: #fff;margin-left: -60px;margin-top: 20px;margin-bottom:10px;}
            .yanfa-right h4{font-size: 22px;}
            /*contact*/
            .contact-left h2{font-size: 30px;font-family: Century Gothic, sans-serif;float: right;text-align: left;text-transform: uppercase;font-weight: bold;width: 60%;}
            .contact-left h3{width: 85%;float: left;height: 2px;background-color: #304c76;margin-top: 20px;margin-bottom: 30px;}
            .contact-left h4{font-size: 24px;float: right;font-weight: normal;width: 60%;}
            h5.djjr a{width: 85%;float: left;height: 50px;line-height: 50px;border: 1px solid #304c76;border-radius: 30px;text-align: center;color: #304c76;font-size: 12px;font-weight: bold;}
            h5.djjr{position: absolute;bottom: 0;left: 0;z-index: 999;}
            .contact-right h2{font-size: 25px;font-weight: 550;line-height: 2;}
            .contact-right h3{font-size: 14px;color: #858686;margin-bottom: 20px;}
            .contact-right h4{width: 50px;height: 3px;background-color: #304c76;margin-bottom: 40px;}
            .contact-right h5{font-size: 16px;font-weight: bold;line-height: 2;}
            .contact-right b{display: block;font-weight: bold;font-size: 25px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 1.5;}
            .contact-right ul li{float: left;width: 25%;}
            /*foot*/
            .foot-bg{background-color: #575757;padding: 5px 0;}
            .flogo{float: left;}
            .foot-bg b{color: #fff;display: block;margin-top: 10px;}
            .foot-bg p{color: #d9d9d9;font-size: 12px;line-height: 1.5;}
            .foot-bg p a{color: #d9d9d9;}


            /*网站内页样式*/
            /*products*/
            .products-content{width: 95%;margin-right: auto;margin-left: auto;}
            .side{margin-top: 15px;}
            .side li a{border: 1px solid #ccc;display: block;width: 100%;line-height: 4;text-align: center;border-radius: 4px;}
            .side li.cur a,.side li:hover a{background-color: #304c76;color: #fff;}
            .side li{margin-bottom: 15px;}
            .sidedrop li a{display: block;border: 1px solid #ccc;border-radius: 2px;margin-bottom: 10px;text-align: center;}
            .sidedrop li:hover a,.sidedrop li.cur a{background-color: #304c76;color: #fff;border-color: #304c76;}
            .con-pad{padding: 0 15px;}
            .con{margin-bottom: 15px;}
            .con img,.con-pad{max-width: 100%;margin: 0 auto;display: block;}
            .pro-series{margin-top: 30px;}
            .pro-series-con a{display: block;position: relative;text-align: center;}
            .pro-series-con li{margin-bottom: 40px;}
            .pro-series-con a img{float: left;width: 80%;}
            .pro-series-con a p{position: absolute;right: 0;bottom: 0;background-color: #304c76;color: #fff;width: 18%;line-height: 3;}
            .pro-series-title{margin-bottom: 20px;}
            .pro-series-title h2{font-size: 25px;font-weight: normal;}
            .pro-series-title h3{font-size: 14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 3;background: url(../images/nav-bg.png) no-repeat center bottom;}

            /*abouts content*/
            .aboust-title h2{font-size: 25px;font-weight: bold;line-height: 1.4;}
            .aboust-title h3{font-size: 14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 2;}
            .aboust-title h4{width: 60px;height: 2px;background: url(../images/nav-bg.png) no-repeat center;margin-bottom: 20px;}
            .abouts-profile p{margin-top: 50px;}
            .advantage-con li{margin-bottom: 15px;}
            .advantage-con li img{width: 25%;float: left;margin-right: 5%;}
            .advantage-con li h2{font-size: 20px;font-weight: normal;line-height: 2;width: 70%;float: left;}
            .advantage-con li p{font-size: 14px;line-height: 2;width: 70%;float: left;}
            /*abouts*/
            .abouts-profile p{margin-top: 10px;}
            .abouts-profile p b{font-size: 28px;}
            /*environment*/
            .envir li{margin-bottom: 30px;}
            /*network*/
            .network-title h2{font-size: 20px;font-weight: bold;}
            .network-title h3{text-transform: uppercase;font-size: 14px;line-height: 2;margin-bottom: 20px;}
            .network-title p{margin-bottom: 40px;}
            .net-con li{float: left;width: 33%;}
            .net-con li.floatnone{float: none;}
            .net-con li b{font-size: 15px;padding-right: 10px;color: #555;}
            .net-con li em{font-size: 15px;font-weight: normal;text-transform: uppercase;font-weight: normal;font-style: normal;color: #666;}
            /*honor*/
            .abouts-honor-title{margin: 50px 0;}
            .abouts-honor-title h2{text-transform: uppercase;font-size: 40px;font-family: Century Gothic;font-weight: bold;}
            .honor li{margin-bottom: 20px;padding-top: 20px;}
            .honor li p{margin-top: 10px;}
            #baguetteBox-overlay .full-image figcaption{top: 0;height: 30px;background-color: rgba(255,255,255,.3)!important;}
            /*customer*/
            .cus-img{margin: 0 auto;display: block;}
            .aboust-title.text-center h4{margin: 0 auto;}
            .cus-con{width: 80%;margin: 0 auto;}
            #owl-democus{max-width: 1322px;margin-bottom: 50px;}
            #owl-democus .owl-item .item li.even{background-color:transparent; }
            #owl-democus li.even .onlu-join-con  h2,#owl-democus li.even .onlu-join-con p,#owl-democus li.even .onlu-join-con b{background-color:#232c33; }
            #owl-democus .onlu-join-con h2{line-height: 2;padding-top: 35px;}
            #owl-democus .onlu-join-con p{padding-bottom: 80px;}
            #owl-democus li.even .onlu-join-con h2 i{border-bottom: 1px solid #fff;}
            #owl-democus .owl-controls .owl-page span{border: 1px solid #304c76;opacity: 1;}
            #owl-democus .owl-controls .owl-page.active span{background-color: #304c76;}
            #owl-democus .owl-pagination{bottom: -20px;}

            /*culture*/
            .culture-con{padding-left: 8%;}
            .culture-con h2{padding-top: 10%;font-size: 25px;font-weight: bold;}
            .culture-con em{width: 10px;height: 2px;background-color: #333;display: block;margin: 10px 0;}
            .culture-con h3{color: #666;font-size: 20px;margin: 30px 0;border: 1px solid transparent;}
            .culture-con span{color: #777;font-size: 12px;line-height: 2;display: block;margin-top: 30px;}
            .grey{background-color: #f5f5f5;}
            .culture-bottom-con{text-align: center;padding: 40px;}
            .culture-bottom-con span{display: block;margin: 0 auto;}
            .culture-bottom-con span em{font-size: 80px;font-style: normal;font-weight: bold;position: relative;}
            .culture-bottom-con span i{width: 45px;height: 40px;position: absolute;bottom: 0;right: 0;font-size: 14px;display: block;font-style: normal;z-index: 99;}
            .culture-bottom-con i{background-color: #fff;}
            .grey i,.grey{background-color: #f5f5f5;}
            .red{color: #fff;background-color: #304c76;}
            .red span em,.red p{color: #fff;}
            .red i{background-color: #304c76;}

            /*products_show  模板*/
            .timer-timer{background-color: rgba(255,255,255,.7);border-radius: 50%;float: left;position: absolute;left: 0;z-index: 99;margin-left: -102.5px;margin-top: 10%;}
            .timer-bg{background-color: #304c76;padding: 20px;margin: 20px;border-radius: 50%;}
            .white-bg{background-color: #fff;text-align: center;border-radius: 50%;width: 125px;height: 125px;}
            .timer-timer .timer-bg h2{font-size: 32px;font-weight: bold;color: #304c76;padding-top: 35px;}
            .timer-timer .timer-bg h3{font-size: 26px;font-weight: normal;color: #304c76;}
            .timmer-rb-bg{background-color: #304c76;color: #fff;}
            .timmer-con{width: 60%;margin-left: 10%;padding-top: 10%;padding-bottom: 10%;}
            .timmer-con h2{font-size: 28px;font-weight: bold;white-space: nowrap;}
            .timmer-con h3{white-space: nowrap;font-size: 15px;margin: 10px 0;}
            .timmer-con h4 em{display: block;width: 8px;height: 8px;background-color: #fff;float: left;font-style: normal;border-radius: 50%;margin-right: 10px;margin-bottom: 10px;}
            .timmer-con p{font-size: 12px;}
            .product-title{margin: 20px 0;}
            .product-title h2{font-size: 30px;font-weight: bold;}
            .product-title h3{font-size: 14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 2;}

            .xijie-con{margin-bottom: 10%;}
            .xijie-top-left{margin-top: 8%;}
            .xijie-top-left h2{font-size: 25px;font-weight: bold;}
            .xijie-top-left h3{width: 100px;height: 1px;background-color: #333;margin: 15px 0;}
            .xijie-top-left p{font-size: 16px;}
            .xijie-con .xijie-md-bg{border: 8px solid #e1e1e1;z-index: -1;}
            .xijie-con-left h2{font-size: 25px;font-weight: bold;}
            .xijie-con-left h3{width: 90px;height: 1px;background-color: #555;margin: 10px auto;}
            .xijie-con-left{margin-bottom: 8%;margin-top: 12%;}
            .xijie-con-right{position: absolute;right: 0; z-index: 9;}
            .xijie-con-right .col-xs-8{z-index: 19;margin-top: 5%;float: right;position: static;width: 75%;}
            .xijie-con-right .col-xs-4{margin-top: 13%;}
            .xijie-bottom{border: 1px solid #fff;}
            .xijie-bottom-b{margin-top: 5%;background-color: #304c76;color: #fff;padding-left: 5%;}
            .xijie-bottom-b h2{font-size: 25px;padding-top: 5%;font-weight: bold;margin-bottom: 20px;}


            /*development*/
            .deve-list{text-align: center;position: relative;}
            .deve-bg{position: absolute;width: 100%;height: 1px;background: #ccc;z-index: 1;top: 50%;}
            .deve-list li{display: inline-block;margin: 0 3%;position: relative;z-index: 99;background: #fff;border-radius: 50%;width: 100px;height: 100px;border: 1px solid #ccc;padding-top: 15px;line-height: 1.5;position: relative;}
            .deve-list li:hover{background: #304c76;color: #fff;border-color: #304c76;cursor: pointer;}
            .deve-list li:after{position: absolute;content: "";display: block;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;bottom: -10px;left: 50%;margin-left: -8px;}
            .deve-list li:hover:after{border-top: 10px solid #304c76;}
            .deve-list li:hover i,.deve-list li:hover b{color: #fff;}
            .deve-list li:hover p{background: #fff;}
            .deve-list li p{width: 15px;height: 2px;background: #333;margin: 0 auto;}
            .deve-list li b ,.deve-list li i{font-size: 22px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;font-style: normal;}
            .deve-con-top ul li img{width: 100%;margin-bottom: 15px;}
            .deve-con-left{height: 350px;border: 5px solid #333;}
            .deve-con-left b{font-size: 58px;font-weight: bold;line-height: 80px;margin-top: 20px;}
            .deve-con-left p{font-size: 12px;text-underline-position: }
            .deve-con-left i{font-size: 38px;font-weight: bold;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-style: normal;color: #304c76;display: block;}
            .deve-con-left span strong{display: block;float: left;width: 30px;height: 6px;background: #304c76;margin-top: 25px;margin-right: 5px;}
            .deve-con-left span em{font-size: 66px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-style: normal;font-weight: bold;line-height: 60px;float: right;margin-top: 0px;}
            .deve-con-top span{font-size: 22px;font-weight: bold;color: #383838;line-height: 1;display: block;}
            .deve-con-top h2{font-size: 30px;font-weight: bold;font-style: normal;color: #304c76;margin-bottom: 10px;}
            .deve-con-top p{font-size: 12px;}
            .deve-con-bottom li{margin-top: 15px;}
            .deve-con-bottom span{float: left;width: 10%;height: 80px;background: #f3f3f3;padding-left: 20px;padding-top: 15px;}
            .deve-con-bottom span strong{display: block;font-size: 25px;font-weight: bold;font-style: normal;color: #304c76;line-height: 1;}
            .deve-con-bottom span em{font-style: normal;color: #304c76;}
            .deve-con-bottom div{background: #f3f3f3;float: right;width: 86%;padding: 30px 15px;}
            .deve-con-bottom div h3{font-size: 14px;line-height: 2;}
            .deve-con-bottom div p{font-size: 12px;color: #999;}

            /*科研*/
            .zhuangbei{width: 100%!important;float: left;position: relative;}
            .zhuangbeir{position: absolute;right: 0;top: 15px;margin-right: 15px;}
            .zhuangbei .item{padding: 0 10px;}
            .zhuangbei .item h2{font-size: 14px;line-height: 2;margin-top: 10px;}
            .zhuangbei .owl-buttons{display: block;}
            .zhuangbei .owl-pagination{display: none;}
            .zhuangbei .owl-theme .owl-controls .owl-buttons div{width: 45px;height: 45px;background: transparent;line-height: 300;overflow: hidden;font-size: 16px;opacity: 1;padding: 0;}
            .owl-buttons .owl-prev{right: 0;left:initial!important;}
            .owl-buttons .owl-next{top: 60%;}
            .zhuangbei .owl-carousel{position: static;width: 80%!important;float: left;}
            .zhuangbei .owl-carousel .owl-wrapper-outer{width: 99%;}
            .zhuangbei .owl-theme .owl-controls .owl-buttons div.owl-prev{background-image: url(../images/prev.png);}
            .zhuangbei .owl-theme .owl-controls .owl-buttons div.owl-next{background-image: url(../images/next.png);}
            .zhuangbei .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:#304c76 url(../images/prevh.png);}
            .zhuangbei .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:#304c76 url(../images/nexth.png);}
            .keyan{background: #304c76;color: #fff;}
            .keyan-left img{width: 100%;}
            .keyan .keyan-right{ padding-left: 100px; padding-top: 80px;padding-bottom: 10px;}
            .keyan .keyan-right p{width: 80%;margin-top: 20px;line-height: 1.5;}
            .keyan .keyan-right p.keyan-con{font-size: 12px;color: #eee;}
            .keyan.zhizao .keyan-right p.keyan-con{color: #999;}
            .keyan.zhizao{background: #f0f0f0;color: #333;}
            .keyan.zhizao .keyan-right{padding-top: 30px;}
            .keyan .keyan-right h3{font-size: 32px;font-weight: bold;}

            /*手机站*/
            @media (max-width:767px){
                .timmer-con h3{white-space: nowrap;font-size: 13px;margin: 10px 0;}
                .timmer-con{margin-left: 5%;width: 100%;}
                .timmer-con h2{font-size: 24px;}
                .pa50{padding: 15px 0;}
                .jkdb li{margin-bottom: 15px;}
                .jkdb li span em{display: none;}
                .jkdb li span{border-bottom: 1px solid #ccc;}
                /*科研*/
                .keyan .keyan-right p{width: 100%;}
                .keyan .keyan-right{padding-left: 0;padding: 10px 30px;}

                /*youshi*/
                .news-title h2{font-size: 22px;}
                .news-title h3{font-size: 14px;margin-top: 5px;}
                .fuys li p{font-size: 12px;font-weight: normal;}
                .fuys li.col-xs-3{padding-left: 5px;padding-right: 5px;}
                .mb50{margin-bottom: 20px;}

                .deve-con-bottom span{width: 25%;padding-left: 10px;}
                .deve-con-bottom span strong{font-size: 18px;}
                .deve-con-bottom div{width: 70%;padding: 15px;}
                .deve-con-top span{font-size: 18px;margin-bottom: 5px;}
                .deve-con-top h2{font-size: 16px;}

                .ma50{margin: 15px 0;}
                .pa50{padding: 15px 0;}
                .mt50{margin-top: 15px;}
                /*banner*/
                #owl-demof.owl-theme .owl-controls .owl-buttons{display: none;}
                /*nav*/
                .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: rgba(0,0,0,.3);}
                .navbar-default .navbar-toggle .icon-bar{background-color: #ddd;}
                .nav-bg{background-color:#6486b9; }
                .navbar-header{padding-left: 15px;}
                .navbar{border: 0;}
                .navbar-nav{margin: 0;padding: 0;padding-top: 10px;}
                .menu > li{text-align: center;width: 25%;float: left;}
                .navbar-nav > li > a{padding: 0;margin-bottom: 5px;}
                .logo img{width: 150px;}
                /*abouts videos*/
                .abouts-bg{background: none;margin-top: 10px;}
                /*六大优势*/
                .only-ldys-bg{background: none;}
                .onlu-join-con b{width: 100%;}
                .liuda-title h2{font-size: 30px;}
                .only-ldys-con li span{width: 40px;height: 40px;display: block;margin: 0 auto;background-color: #304c76;border-radius: 50%;margin-top: 10px;}
                .only-ldys-con li.only-two{margin-top: 0;}
                .only-ldys-con li{padding: 0 15px;display: block;}
                .only-ldys-bg.clearfix:after,.only-ldys-bg.clearfix:before{clear: none;}
                .only-ldys-con li div{width: 100%;}
                /*客户感言*/
                .only-join-top li{width: 50%;background: none;}
                .only-join-top li .onlu-join-con.even{margin-top: 0;}
                .ganyan-more{float: none;position: static;}
                .ganyan-more a{margin: 0 auto;text-align: center;margin-bottom: 10px;}
                .ganyan-title h2{font-size: 22px;}
                .ganyan-title h3{font-size: 14px;}
                .only-join-top li{height: 340px;}
                .onlu-join-con p{height: 260px;}
                .only-join-top li  img{display: none;}
                .only-join-top li .onlu-join-con.odd{top: 0;}
                /*news*/
                .news-right{float: none;position: static;}
                .news-right a{margin: 0 auto;text-align: center;margin-bottom: 10px;}
                #owl-democ .owl-pagination{top: -30px;}
                #owl-demod .owl-pagination{top: -10px;}
                /*contact*/
                .contact-left h2{float: left;font-size: 22px;}
                .contact-right h2{font-size: 18px;}
                .contact-left h3{margin: 10px 0;}
                .contact-left h4{float: left;}
                .contact-right b{font-size: 14px;}
                .contact-right h4{margin-bottom: 20px;}
                .contact-right p{margin-bottom: 60px;}
                .djjr{width: 60%;}
                h5.djjr{position: static;}
                .net-con li b{font-size: 14px;padding-right: 1px;}

                /*内页样式*/
                /*products*/
                .pro-series .container{width: 100%;}
                .pro-series-con a{display: block;position: relative;}
                .pro-series-con li{margin-bottom: 15px;width: 100%;}
                .pro-series-con a img{width: 100%;display: block;}
                .pro-series-con a p{position:static;background-color: #304c76;color: #fff;display: inline-block;white-space: nowrap;width:auto;line-height: 1.5;margin: 0 auto;padding:10px;}

                /*abouts*/
                .abouts-profile p{margin-top: 10px;}

                /*culture*/
                .culture-con h3{margin: 15px 0;}
                .culture-con span{margin: 10px 0;}
                .culture-bottom-con{padding-top: 10px;padding-bottom: 20px;}

                /*xijie*/
                .product-title h2{font-size: 22px;}
                .xijie-con{margin-bottom: 15px;}
                .xijie-top-left{margin: 0;}
                .xijie-top-left h2{font-size: 18px;}
                .xijie-con-right{position: static;}
                .xijie-con-right .col-xs-8{z-index: 19;margin-top: 15px;position: static;}
                .xijie-con-right .col-xs-4{margin-top: 15px;}
                .xijie-bottom-b h2{padding-top: 15px;}
                .pt50{padding-top: 15px;}
                .contact-right h4{display: none;}
                .contact-right h3{margin-bottom: 10px;}
                .index_video{width: 100%;float: right;margin-top: 10px;}
            }
            /*ipad*/
            @media (min-width: 768px) and (max-width: 1199px){
                /*架空地板*/
                .pa50{padding: 15px 0;}
                .jkdb li span em{display: none;}
                .jkdb li span{border-bottom: 1px solid #ccc;}
                /*logo*/
                .bgwhite{height: 80px;}
                .logo img{width: 160px;margin-top: 10px;}
                .top-right{margin-top: 20px;}
                .top-right p a{padding: 10px 5px;}
                .top-right p{margin-left: 5px;margin-right: 5px;}
                .top-title{margin-top: 10%;}
                .top-title h2{font-size: 45px;}
                .top-title h3{font-size: 30px;}
                /*nav*/
                .nav-bg{margin-top: 10px;}
                .navbar{border: 0;}
                .menu{padding-top: 20px;padding-bottom: 20px;}
                .navbar-nav{margin: 0;}
                /*videos abouts*/
                .abouts-left{margin-bottom: 15px;padding-top: 10px;}
                .abouts-left h2{font-size: 22px;}
                .abouts-left h3{margin: 15px auto;}
                .homw-videos object{width: 60%;height: 400px;}
                /*banner*/
                #owl-demof.owl-theme .owl-controls .owl-buttons div{width: 120px;height: 50px;}
                #owl-demof.owl-theme .owl-controls .owl-buttons div.owl-prev{margin-top: -50px;}
                /*六大优势*/
                .only-ldys-bg{background: none;}
                .only-ldys-con li.only-two,.only-ldys-con li.only-one{margin-top: 0;}
                .only-ldys-con li span{width: 40px;height: 40px;display: block;margin: 0 auto;background-color: #304c76;border-radius: 50%;margin-top: 10px;}
                .only-ldys-con li div{width: 300px;margin-top: 10px;}
                .only-ldys-bg.clearfix{clear: none;}
                .only-ldys-bg.clearfix:after,.only-ldys-bg.clearfix:before{clear:none;}
                /*研发中心*/
                .yanfa-left{margin-top: 40px;}
                .yanfa-left h2{font-size: 30px;}
                .yanfa-left h3{font-size: 12px;}
                .yanfa-right{padding-top: 20px;}
                /*contact*/
                .contact-right h2{font-size: 18px;}
                .contact-right h4{margin-bottom: 20px;}
                .contact-right b{font-size: 16px;margin-top: 10px;}
                .contact-right p{margin-bottom: 20px;}

                /*内页样式*/
                /*products*/
                .pro-series .container{width: 100%;}
                .pro-series-con a{display: block;position: relative;}
                .pro-series-con li{margin-bottom: 15px;width: 100%;}
                .pro-series-con a img{width: 100%;display: block;}
                .pro-series-con a p{position:static;background-color: #304c76;color: #fff;display: inline-block;white-space: nowrap;width:auto;line-height: 1.5;margin: 0 auto;padding:10px;}

                /*culture*/
                .culture-con h2{padding-top: 15px;font-size: 20px;}
                .culture-con h3{margin: 10px 0;font-size: 18px;}
                .culture-con p{font-size: 12px;}
                .culture-con span{margin-top: 10px;}
                /*xijie*/
                .xijie-con-right{position: static;}
                .xijie-bottom .container,.xijie .container{width: 90%;}
                .xijie-top-left{margin-top: 20px;}
                .xijie-con{margin-bottom: 30px;}
                .pt50{padding-top: 25px;}
                .xijie-con-left{margin-top: 20px;margin-bottom: 20px;}
                .xijie-con .xijie-md-bg{margin-top: 20px;}
                .xijie-con .xijie-md-bg:after{content: "";display: block;clear: both;}

                .deve-con-bottom span{width: 15%;}
                .deve-con-bottom div{width: 80%;}
            }


            /* 加盟商查询效果CSS开始 */
            .mod18{width:800px;position:relative;margin:0 auto;}
            .mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
            .mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
            .mod18 #prev,.mod18 #next{top:656px;width:10px;height:16px; }
            .mod18 li{float:left;}
            .mod18 .slides li{position:relative;color:#fff;text-align: center;cursor: pointer;}
            .mod18 .slides li img{max-width:100%;}
            .mod18 .slides a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
            .mod18 .slides li span{display:block;width:800px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
            .mod18 .picBox{width:800px; height:600px;  position:relative;overflow:hidden; background:#0D0D0D; }
            .mod18 .picBox ul{height:800px;position:absolute; left:0;}
            .mod18 .picBox li{width:800px; height:600px;}
            .mod18 .picBox li img{width:800px; height:600px;}
            .listbox{margin-top: 20px;}
            .mod18 .listBox{width:800px;height:110px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
            .mod18 .listBox ul{height:96px;position:absolute; }
            .mod18 .listBox li{width:140px;height:96px;cursor:pointer;position:relative; padding:5px 0 0 0;}
            .mod18 .listBox li i{display:none;}
            .mod18 .listBox li a{display:block;width:126px;height:96px;}
            .flex-direction-nav{display: none;}
            .listbox li img{border:3px solid transparent;}
            .listbox .flex-active-slide img{border:3px solid #CECDCC;max-width: 100%;}
            .listbox .flex-active-slide i{display:block;}
            .plist img{margin: 0 auto;}
            .plist p{text-align: center;}

            .fz16{font-size: 16px;}

             @media (min-width: 1400px){
                .culture-bottom li{height: 330px;}
                .culture-bottom li img{max-height: 330px;}
             }