.header .top{background:#f5f5f5;} .header .top .topLine{color:#818181;line-height: 34px;} .header .logos{height: 88px;} .header .logos .left{height:87px;padding-top:16px;} .header .logos .left .logo{vertical-align: top;} .header .logos .left .zz21{font-style: italic;font-size:20px;line-height: 30px;border-left: 1px solid #969696;padding-left:13px;margin-top: 26px;color:#0c3f7f;} .header .logos .left .zz21 b{color:#f30404;font-size:24px} .header .kf400{width:264px;height:67px;background-repeat: no-repeat;margin-top: 15px;background-size: 26%;background-position: 20px;} .header .kf400 .kf{letter-spacing: 3px;color:#a5a5a5;font-size:16px;line-height:30px;margin-top:10px;font-weight: normal;} .header .kf400 .kfTel{color:#666;font-size:26px;line-height: 100%;} .header .nav{background:#0160ba;} .header .nav .navbar{z-index: 999;position: relative;} .header .nav .navbar .nav_tab{width: 201px;position: relative;background: #2e8adf;color: #fff;} .header .nav .navbar .nav_tab .nav_tab_title{padding:16px 14px 14px 51px;font-size: 16px;line-height:130%;} .header .nav .navbar .nav_tab .nav_tab_title .cate{background: url(../images/cate.png);background-repeat: no-repeat;background-position: center right;} .header .nav .navbar .navigation{height: 50px;line-height: 50px;margin-right: 10px;} .header .nav .navbar .navigation li{position: relative;float: left;text-align: center;font-size:15px;background: url(../images/line1.gif);background-repeat: no-repeat;background-position: center right;} .header .nav .navbar .navigation li:last-child{background:none} .header .nav .navbar .navigation li:after {content: "";width: 0;height: 2px;background: transparent;position: absolute;bottom: 0;left: 0;transition: all .5s ease 0s;} .header .nav .navbar .navigation li:hover:after {width: 100%;background: #eb9004;} .header .nav .navbar .navigation li a{color:#fff;margin:0 38px;display: block;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;} .header .nav .navbar .navigation li:hover a {color: #fdb33a;} .header .nav .navbar .navigation li.dropdown:hover .dropdown_menu1 {display: block;background: #f3f3f3;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;} .header .nav .navbar .navigation li.dropdown .dropdown_menu {z-index: 9999999;display: none;position: absolute;top: 50px;width: 100%;background: #fff;box-shadow: 1px 1px 10px #999;} .header .nav .navbar .navigation li.dropdown .dropdown_menu a {font-size: 14px;color: #666;padding: 0 10px;line-height: 40px;text-align: center;background: #fff;margin:2px;} .nav-menu {left: 0;top: 51px;z-index: 49; background: #fff;position: absolute;width:201px;border-bottom: 1px solid #e2e2e2;box-shadow: 1px 1px 10px #666;} .nav-menu .menuItem {position: relative;padding:11px 16px 0 16px;} .nav-menu ._menuItem:after{position:absolute;left:17px;height:1px;content:"";z-index: 51;right:14px;bottom:0;background:#a7a3a1;} .nav-menu .menuItem .itemTitle{color:#3f3f3f;font-size:16px;line-height: 22px;font-weight:bold;} .nav-menu .menuItem h2{border-bottom: 1px solid #a7a3a1;font-size:12px;font-weight:normal;line-height: 14px;padding: 6px 0 14px 0} .nav-menu .menuItem h2 a{color:#666;margin-right:7px} .nav-menu .menuItem:last-child h2{border-bottom: 1px solid transparent;} .nav-menu .menuItem:hover{background:#0160ba;color:#fff;-webkit-transition:all 600ms;transition:all 600ms;} .nav-menu .menuItem:hover:before{position:absolute;left:0;height:100%;content:"";z-index: 51;top: 0;width:7px;background:#1ec1d0;} .nav-menu .menuItem:hover:after{position:absolute;left:17px;height:1px;content:"";z-index: 51;right:14px;top:-1px;background:#fff;} .nav-menu .menuItem:first-child:hover:after{display:none} .nav-menu .menuItem:hover .itemTitle{color:#fff} .nav-menu .menuItem:hover .itemTitle a{color:#fff} .nav-menu .menuItem:hover h2{border-bottom: 1px solid transparent;color:#fff} .nav-menu .menuItem:hover h2 a{color:#fff} .nav-menu .menuItem:hover .subMenu{opacity: 1;display:block} .nav-menu .menuItem .subMenu{opacity: 0;display:none;position: absolute;top: 0;left: 201px;padding: 10px ;width: 188px;font-size: 13px;line-height: 2em;background: #fff;z-index: 52;box-shadow: 1px 1px 10px #666;-webkit-transition:all 600ms;transition:all 600ms;*border:1px solid #0160ba} .nav-menu .menuItem .subMenu .arrow{width: 0;height: 0;border-top: 8px solid transparent;border-right: 8px solid #fff;border-bottom: 8px solid transparent;font-size: 0;line-height: 0;position:absolute;left:-7px;top:26px;z-index:53; content: "";} .nav-menu .menuItem .subMenu li {float: left;margin: 8px 0;padding: 0 8px;line-height: 1em;border-right: 1px solid #efefef;white-space:nowrap;} .swiper {background: #f6f6ff;position: relative;overflow: hidden;z-index:0} .swiper .pic {position: relative;width:100%!important;} .swiper .pic li{position: absolute;width: 100%!important;height:400px;left: 50%!important;margin-left: -960px;} .swiper .pic li img{max-width: none;} .swiper .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; } .swiper .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1; _background: url(../images/dot8.png) no-repeat 0 -16px; } .swiper .hd .on{ background-position:0 0; } .blank{height:42px;} .subTitle{line-height:38px} .service-content{margin-top:43px;font-size:0} .service-content .service-item{width:224px;padding:45px 18px;height:326px;border:1px solid #e7e7e7;border-radius:10px;overflow:hidden;*width:186px;*height:201px;-webkit-transition:all 320ms;transition:all 320ms;} .service-content .service-item .item-image{height:103px;width:97px;-webkit-transition:all 320ms;transition:all 320ms;} .service-content .service-item .srv00{background: url(../images/srv00.png)} .service-content .service-item .srv10{background: url(../images/srv10.png)} .service-content .service-item .srv20{background: url(../images/srv20.png)} .service-content .service-item .srv30{background: url(../images/srv30.png)} .service-content .service-item .srv40{background: url(../images/srv40.png)} .service-content .service-item .item-title{line-height:25px;font-size:16px;color:#3d3d3d;padding:18px 0 11px;} .service-content .service-item .item-text{color:#6f6d6d;font-size:14px;line-height:18px;height:74px;overflow:hidden;} .service-content .service-item .item-more{color:#1477d3;display:none;padding:7px 20px;margin-top:16px;background:#fff;font-size:14px;line-height:25px;-webkit-transition:all 320ms;transition:all 320ms;} .service-content .service-item:hover{border:1px solid transparent;padding-top:26px;position:relative;z-index:99;background:#1072cf;box-shadow:0 0 15px rgba(0,0,0,.3);webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);background-image: linear-gradient( #0a6dca 0, #3698f1 100%)} .service-content .service-item:hover .srv00{background: url(../images/srv01.png)} .service-content .service-item:hover .srv10{background: url(../images/srv11.png)} .service-content .service-item:hover .srv20{background: url(../images/srv21.png)} .service-content .service-item:hover .srv30{background: url(../images/srv31.png)} .service-content .service-item:hover .srv40{background: url(../images/srv41.png)} .service-content .service-item:hover .item-more{display: inline-block;*display:inline;*zoom:1;} .service-content .service-item:hover .item-title{padding:10px 0 7px} .service-content .service-item:hover h3,.service-item:hover .item-text{color:#fff} .service-item+.service-item{margin-left:20px;position:relative} .great{background:#eff2f7;margin-top:75px;padding-top:43px;padding-bottom:66px} .great .list{margin-top:26px;font-size:0;} .great .list .gtbox{width:266px;height:323px;background:#fff;transition: all .6s;-webkit-transition: all .6s;} .great .list .gtbox:hover{box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:12px;} .great .list .gtbox .img{margin-top:61px; transition: all 3s;-webkit-transition: all 3s;} .great .list .gtbox .img:hover {transform: rotate(720deg);-webkit-transform: rotate(720deg);transition-duration: 1s;-webkit-transition-duration: 1s;} .great .list .gtbox .gtbox-title{line-height:25px;font-size:16px;color:#3d3d3d;padding:18px 0 11px;} .great .list .gtbox .gtbox-text{line-height: 18px;color:#6f6d6d;font-size:14px;padding: 0 23px;} .gtbox+.gtbox{margin-left:39px;} .number{background:#f6f7fb;} .number .numItem{width:33.333%;padding:29px 0 39px 0;color:#f26827;} .number .numItem .counter{font-size:54px;line-height: 64px;} .number .numItem >b{color:#7b7b7b;padding-top:12px;font-size:16px;font-weight:normal} .case{padding-top: 43px;background: url(../images/case.jpg);height:681px;*height:638px;} .case .scroll{position: relative;overflow: hidden;margin-top: 24px;} .case .scroll .ul{overflow: hidden;font-size:0;height: 408px;width: 1200px} .case .scroll .ul .caseItem{margin-left:16px;margin-bottom:28px;width:282px;height:190px;position:relative} .case .scroll .ul .caseItem img{width:100%;height:100%;} .case .scroll .ul .caseItem .text{position: absolute;bottom:0;left: 0;width: 100%;height: 34px;text-align: center;color:#fff;font-size:16px;line-height:34px;background:#111;background-color: rgba(0,0,0,.75);} .case .case_a{position: absolute;top: 52.5%;cursor:pointer} .case_left{background: url(../images/client_left.png) no-repeat;width: 20px;height: 32px;display: inline-block;left: -5%;} .case_right{background: url(../images/client_right.png) no-repeat;width: 20px;height: 32px;display: inline-block;right: -5%;} .case .more{color:#fff;border:1px solid #fff;padding:12px 52px;border-radius:4px;margin-top:29px;} .case .more:hover {background-color: rgba(39,41,84,.5);cursor: pointer;} .news{margin-top:46px;} .news .newsBox{margin-top:23px;} .news .newsTab{width:580px;} .newsTab+.newsTab{margin-left:40px} .news .newsTab .newsHead{background:#f5f5f5;line-height:46px;} .news .newsTab .newsHead .newsTitle{background:#0160ba;width:146px;color:#fff;} .news .newsTab .newsHead .newsMore{top: 0;right: 10px;} .news .newsTab .hotNews {margin:12px 0} .news .newsTab .hotNews .hotimg{vertical-align: top;width:220px;height:123px} .news .newsTab .hotNews .hotpop{margin-left:12px;right: 0;top: 0;width: 340px;} .news .newsTab .hotNews .hotpop.right{width: 340px;} .news .newsTab .hotNews .hotpop .hotTitle{font-size:16px} .news .newsTab .hotNews .hotpop .hotIntro{height: 58px;overflow: hidden;margin-top:5px;font-size:12px;color:#999;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news .newsTab .hotNews .hotpop .date{margin-top:9px;color:#666} .news .newsTab .list{border-top:1px solid #e5e5e5} .news .newsTab .list li {line-height: 34px;height: 34px;padding-left: 14px;background: url(../images/arrow.gif) no-repeat;background-position: 2px center;} .news .newsTab .title {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 452px;float: left;} .news .newsTab .title_date {float: right;_position: relative} .news .newsTab .imgLeft {display:block;width:100%;height:285px;} .news .newsTab .picTitle {background:#f4f6f5;line-height:40px;font-size:16px} .news .more{border:1px solid #999;padding:12px 52px;border-radius:4px;margin:29px 0;} .client{background:#f7f7f7;padding-top: 43px;padding-bottom:74px} .client .scroll{position: relative;overflow: hidden;margin-top: 42px;} .client .scroll .ul{overflow: hidden;font-size:0;height: 264px;width: 1200px} .client .scroll .ul .caseItem{margin-left:17px;margin-bottom:21px;width:219px;height:122px} .client .scroll .ul .caseItem img{width:100%;height:100%;} .client .scroll .ul .caseItem .text{position: absolute;bottom:0;left: 0;width: 100%;height: 34px;text-align: center;color:#fff;font-size:16px;line-height:34px;background:#111;background-color: rgba(0,0,0,.75);} .client .client_a{position: absolute;top: 52.5%;cursor:pointer} .client .client_left{background: url(../images/client_left.png) no-repeat;width: 20px;height: 32px;display: inline-block;left: -5%;} .client .client_right{background: url(../images/client_right.png) no-repeat;width: 20px;height: 32px;display: inline-block;right: -5%;} .client .more{color:#fff;border:1px solid #fff;padding:12px 52px;border-radius:4px;margin-top:29px;} .link{background: #282d30} .link .head{padding:16px 0;color:#8a8b8d} .link p{position: absolute;left: 0;} .link .list{padding-left: 80px;} .link .list a{margin-right:10px;margin-bottom:10px;color:#8a8b8d} .link .list a:hover{color:#fff} .footer{background: #383c3f;color:#9e9fa1} .footer .qrcode{vertical-align: top;background: #383c3f;height:196px;width:155px;padding-top:20px;} .footer .qrcode p{padding-top:5px;} .footer .telAddr{left:613px;top:38px;border-left:1px solid #494d4e;padding-left:30px;line-height:30px;} .footer .telAddr .telImg{vertical-align: top;} .footer .telAddr .tel400{font-size:35px;margin: 8px 0 0 5px;} .footer .copyright{border-top:1px solid #262729;line-height:42px;} .footer .copyright:before{background:#4b4e53;position:absolute;left:0;top:0;right:0;height:1px;content:"";} .footer .service{width:600px;margin-top:26px;margin-right: 440px;} .footer .service .item{width:200px;float:left} .footer .service .item .title{font-size:18px;color:#eceeed;margin-bottom:12px;} .footer .service .item li{line-height:28px} .footer .service .item li a{color:#8F9092} .footer .service .item li a:hover{color:#fff} .buttons{box-shadow: 0px 1px 10px #999} .buttons .btnA{font-size:16px;width:144px;line-height:39px;color:#fff;margin:15px 0;border-radius:25px;background:#2a8be5;background-image: linear-gradient(to right, #56aeff 0, #1579d8 100%) } .buttons .btnA:hover{background:#ff9700;background-image: linear-gradient(to right, #ff9700 0, #ff6902 100%) } .btnA.btnA{margin-left:37px} .buttons .btnA i{width:24px;height:24px;vertical-align: top;margin-right: 5px;margin-top: 8px;*margin-top: 0;} .buttons .btnA .ico1{background:url(../images/btnIco_1.png) no-repeat;} .buttons .btnA .ico2{background:url(../images/btnIco_2.png) no-repeat;} .buttons .btnA .ico3{background:url(../images/btnIco_3.png) no-repeat;} .buttons .btnA .ico4{background:url(../images/btnIco_4.png) no-repeat;} .product{margin-top: 55px;} .product .content{padding: 20px;text-indent: 2em;text-align: left;line-height:200%;color:#505050;} .product .content table{width:100%!important} .prodNumber{background:url(../images/numberBG.jpg) no-repeat;} .prodNumber .numItem{width:33.24%;margin:30px 0 42px 0;color:#fff;} .prodNumber .numItem .counter{font-size:54px;line-height: 64px;} .prodNumber .numItem b{line-height:40px;font-size:16px;font-weight:normal} .prodNumber .numItem.line{border-right:1px solid #92C1EF} .advantage{padding:30px 0 60px;} .advantage .list{margin-top: 30px;font-size:0;} .advantage .list .atbox{width:318px;height:260px;background-color:#fff; margin: 20px 40px;} .advantage .list .atbox:hover:after{position:absolute;left:0;top:0;bottom:0;right:0;background-color: rgba(15, 65, 111,.03);} .advantage .list .atbox:hover:.img{-webkit-filter: brightness(30)} .advantage .list .atbox img{padding-top:38px;padding-bottom:15px;} .advantage .list .atbox h1{font-size: 20px;font-weight: normal;} .advantage .list .atbox h4{margin:16px 23px;font-size:14px;font-weight: normal;color:#595959} .atbox+.atbox{margin-left:78px} .c-btn {position: relative;} .c-btn:after {content: '';display: block;position: absolute;} .c-btn:before {content: '';display: block;position: absolute;} .c-btn--border-line {background: none;border: 0;box-shadow: inset 0 0 0 0px transparent;} .c-btn--border-line:after,.c-btn--border-line:before {border: 1px solid transparent;width: 0;height: 0;} .c-btn--border-line:after {top: 0;left: 0;-webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;} .c-btn--border-line:before {bottom: 0;right: 0;-webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;} .c-btn--border-line:hover:after,.c-btn--border-line:hover:before {width: 100%;height: 100%;} .c-btn--border-line:hover:after {border-top-color: #367dff;border-right-color: #367dff;-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;} .c-btn--border-line:hover:before {border-bottom-color: #367dff;border-left-color: #367dff;-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;} .c-btn--line:after {-webkit-transform-origin: right;transform-origin: right;-webkit-transform: scaleX(0);transform: scaleX(0);bottom: 0;background-color: #367dff;-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition: transform 0.6s cubic-bezier(0.55,0,0.1,1);transition: transform 0.6s cubic-bezier(0.55,0,0.1,1),-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);} .c-btn--line:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left;transform-origin: left;-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition: transform 0.6s cubic-bezier(0.55,0,0.1,1);transition: transform 0.6s cubic-bezier(0.55,0,0.1,1),-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);} .show{padding-top: 43px;background: #f8f8f8} .show .scroll .bd{padding: 24px 0 60px; } .show .scroll .bd .picList{ overflow:hidden; zoom:1; } .show .scroll .bd .picList li{ background: #fff;margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center; } .show .scroll .bd .picList li .pic img{width:280px;height:185px; display:block;padding:5px 5px 0 5px} .show .scroll .bd .picList li .title{ height: 38px;text-align: center;font-size:16px;line-height:38px } .show .case_a{z-index: 99999;position: absolute;top: 39%;cursor:pointer} .show .show_left{background: url(../images/client_left.png) no-repeat;width: 20px;height: 32px;display: inline-block;left: -3%;} .show .show_right{background: url(../images/client_right.png) no-repeat;width: 20px;height: 32px;display: inline-block;right: -3%;} .search{padding:46px 0 30px;} .search .text{width:660px;height:38px;border:1px solid #D6D6D6;padding:10px;*height:23px;} .search .submit{border: none;background:#2E8ADF;color:#fff;padding:11px 16px;margin-left:-1px} .soTab .slideTxtBox .hd {line-height:40px;text-align:center;font-size:16px} .slideTxtBox .hd ul li a {position: relative;display: block;padding: 0 26px;} .slideTxtBox .hd ul li a:hover , .slideTxtBox .hd ul li a.on{color:#2f89df} .slideTxtBox .hd ul li a:after {content: "";width: 0;height: 2px;background: #2f89df;position: absolute;bottom: 0;left: 50%;transition: all .5s ease 0s;} .slideTxtBox .hd ul li a:hover:after {width: 100%;left: 0;} .soTab .slideTxtBox .bd{ padding:38px 0;background: #f7f8fa;} .soTab .slideTxtBox .bd .item{width:378px;border:1px solid #ddd;margin: 0 12px 18px 10px;padding-bottom: 20px;*width:358px;background:#F6F6F6;} .soTab .slideTxtBox .bd .title{margin: 5px 22px;position: relative;} .soTab .slideTxtBox .bd .title img{position: absolute;} .soTab .slideTxtBox .bd .title .right{} .soTab .slideTxtBox .bd .title .right h1{font-size:22px;color: #1b77de;font-weight: normal;line-height: 34px;text-align:center;} .soTab .slideTxtBox .bd .title .right h4{font-size:15px;color:#333;font-weight: normal} .soTab .slideTxtBox .bd .desc{color:#7a8388;margin:0 22px;height:65px; overflow:hidden; text-overflow: ellipsis;} .paging{margin: 20px auto;padding-bottom: 20px;text-align: center} .paging a {border: #d6d7d9 1px solid;padding: 5px 12px;margin: 2px;} .paging a:hover {border: #999 1px solid;color: #666;} .paging a:hover.current{color:#fff} .paging .current {border: #036cb4 1px solid;color: #fff;background-color: #1f77e1} .paging .disabled:hover{color: #ddd;border: #eee 1px solid} .paging .disabled {color: #ddd;border: #eee 1px solid} .notice { overflow: hidden;} .notice .tab-hd { height: 37px;line-height:37px;} .notice .tab-hd li {position: relative; width:114px;margin:0 37px;font-size: 16px;cursor:pointer;border-radius:4px} .notice .tab-hd li.on { background-color: #0160ba;color:#fff;} .notice .tab-hd li.on a{color:#fff} .notice .tab-hd li.on:after{width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #0160ba;font-size: 0;line-height: 0;position:absolute;left:51px;bottom:-6px;z-index:1; content: "";} .notice .tab-pal ul {margin-top: 40px; margin-right: -40px;overflow: hidden;zoom: 1;} .notice .tab-pal li {width: 580px;position: relative;float: left;border-bottom: 1px solid #ddd;padding-bottom: 40px;margin:0px 40px 20px 0px} .notice .tab-pal li img{position: absolute;width:182px;height:107px} .notice .tab-pal li .date{ position: absolute;left: 5px;top: 5px;background-color: rgba(67,131,203,.9);width: 50px;padding: 6px;font-size: 12px;color: #fff;line-height: 1.2;} .notice .tab-pal li .item {float:right;width:378px} .notice .tab-pal li .item h1{font-size:16px;font-weight:normal;padding-bottom: 8px; display: table-cell;*vertical-align: middle;line-height: 1.3;} .notice .tab-pal li .item h4{font-size:14px;font-weight:normal;color:#8e908f;padding-top:6px;height: 53px;overflow: hidden;*height: 48px;} .notice .tab-pal li .item span,.newsDetail .recommend .list span{color:#8e908f;margin-right:15px;line-height: 1;} .notice .tab-pal li .item span img ,.newsDetail .recommend .list span img{width: auto;height: auto;position: relative;margin-right:4px;} .newsDetail{margin-top:45px} .newsDetail .left{width:830px;padding:0px 20px 40px 20px;overflow:hidden} .newsDetail .left h1{text-align: center;font-size:22px;font-weight:normal;} .newsDetail .left h4{text-align: center;font-size:14px;color:#a9a9a9;padding:7px 0 16px 0;font-weight:normal;} .newsDetail .left .content{color:#111;line-height:32px;padding-bottom: 30px;font-size:16px;} .newsDetail .left .content p{padding-bottom:5px;} .newsDetail .left .attach{border-top:1px solid #ddd;padding-top:15px;line-height:20px} .newsDetail .left .attach img{margin-right:10px;vertical-align: middle;} .newsDetail .recommend{width:290px;} .newsDetail .recommend .about{font-size:18px;padding:12px 17px;position: relative; border-bottom: 1px solid #000;} .newsDetail .recommend .about:after{position: absolute;left:0;top:15px;width:5px;height:20px;background:#000;content:''} .newsDetail .recommend .img{margin:40px 0 20px 0} .newsDetail .recommend .list{margin-bottom:60px} .newsDetail .recommend .list li{padding:18px 0;border-bottom: 1px solid #ccc;} .newsDetail .recommend .list li>p{margin-top: 6px;} .newsDetail .recommend .list span{font-size:12px;color:#75747a} .aboutus .nav{margin-top:56px;} .aboutus .nav a{position: relative;padding: 8px 24px;font-size: 16px;margin: 0 18px;border-radius: 4px;background-color: #e4e4e4;} .aboutus .nav a:after{width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #e4e4e4;font-size: 0;line-height: 0;position:absolute;left:51px;bottom:-6px;z-index:1; content: "";} .aboutus .nav a.cur , .aboutus .nav a:hover{background-color: #0160ba;color:#fff;} .aboutus .nav a:hover:after , .aboutus .nav a.cur:after{width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #0160ba;font-size: 0;line-height: 0;position:absolute;left:51px;bottom:-6px;z-index:1; content: "";} .aboutus .about{margin-top:36px;} .aboutus .about .head{margin-top: 20px;} .aboutus .head h1{font-size:30px;font-weight:normal} .aboutus .head h4{font-size: 16px;font-weight: normal;text-transform: uppercase;color: #d7d7d7;line-height: 1;margin-top: -4px;} .aboutus .head h5{font-size: 10px;font-weight: normal;text-transform: uppercase;color: #999;font-style: italic;line-height: 1;padding-bottom:10px;margin-top: -4px;position:relative} .aboutus .head h4.white{color:#fff} .aboutus .head h5:after{position:absolute;bottom:0;left:49.2%;height:1px;width:30px;content:'';background:#003c98} .aboutus .about .profile{padding:20px 0} .aboutus .about .profile .intro{width:716px;*width:666px;padding:2px 25px;text-indent: 1.9em;font-size: 16px; line-height:1.8;} .aboutus .about .profile .video{width:484px;*width:462px;padding:11px;} .aboutus .about .profile #video video { object-fit: fill;} .aboutus .about .profile #video .VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;} .aboutus .about .profile .desc{width: 67%;line-height: 1.8;font-size: 15px;} .aboutus .about .profile .desc .blue{color:#0160ba;font-weight: bold;} .aboutus .about .pVideoTitle{font-size:16px; text-align: center;color: #221919;padding-top:5px;} .aboutus .culture{margin-top:52px;} .aboutus .culture .cul{padding: 40px 0;} .aboutus .culture .cul .item{float:left;width:20%;} .aboutus .culture .cul .item .brl{border-right: 1px solid #e0e0e0} .aboutus .culture .cul .item p{height: 107px;background-repeat: no-repeat;background-position: center 19px;} .aboutus .culture .cul .item p.img1{background-image: url(../images/cul_11.png)} .aboutus .culture .cul .item p.img2{background-image: url(../images/cul_21.png)} .aboutus .culture .cul .item p.img3{background-image: url(../images/cul_31.png)} .aboutus .culture .cul .item p.img4{background-image: url(../images/cul_41.png)} .aboutus .culture .cul .item p.img5{background-image: url(../images/cul_51.png)} .aboutus .culture .cul .item:hover p.img1{background-image: url(../images/cul_10.png)} .aboutus .culture .cul .item:hover p.img2{background-image: url(../images/cul_20.png)} .aboutus .culture .cul .item:hover p.img3{background-image: url(../images/cul_30.png)} .aboutus .culture .cul .item:hover p.img4{background-image: url(../images/cul_40.png)} .aboutus .culture .cul .item:hover p.img5{background-image: url(../images/cul_50.png)} .aboutus .culture .cul .item h1{font-size:20px;} .aboutus .culture .cul .item h4{padding:0 10px;font-size:14px;font-weight:normal;} .aboutus .culture .he{padding:0 28px;} .aboutus .culture .jiedu{width:852px;height:259px;*width:756px;*height:163px;background-image: url(../images/he_bg.jpg);padding: 81px 28px 15px 71px;font-size: 15px;line-height: 1.8;text-indent: 2em;} .aboutus .culture .jiedu p{text-indent: 2em;} .aboutus .account{margin-top:18px;margin-bottom:88px;box-shadow: 0 0 15px #ececec;*border:1px solid #eee;filter:progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135,strength=5);} .aboutus .account ul{padding:28px 0;overflow:hidden} .aboutus .account ul li{float:left;width:33.33%;*width:319px;padding:2px 40px;} .dashLine+.dashLine{border-left:1px dashed #e0e0e0} .aboutus .account li .title{font-size:18px;color:#0160ba;padding-bottom:15px;line-height:19px} .aboutus .account li dd{line-height:25px;color:#656565} .aboutus .bsc .title{margin:92px 0 21px 0;color:#0562bf;font-size:22px;height:34px;} .aboutus .bsc .title .name{margin:0 2.6%} .aboutus .bsc .title .line{height:1px;width:40%;background:#e1e1e1;margin-top: 17px;} .aboutus .bsc .list{margin-left: -9px;} .aboutus .bsc .list li{float:left;margin:0 0 9px 9px;padding:18px 15px;color: #666;background:#f8f8f8;width:394px;*width:364px;line-height:24px} .aboutus .bsc .list li .name{color:#acacac;border-bottom:1px solid #cacaca;line-height:28px;margin-bottom:10px;} .aboutus .bsc .list li .name .z{color:#011;font-size:16px;font-weight: bold;margin-right:10px;position:relative} .aboutus .bsc .list li .name .z:after{color:#011;font-size:18px;position: absolute;content:'';left:0;bottom:-6px;height:2px;right:0;background:#0260ba} .aboutus .ge{height:515px;background: url(../images/ge_bg.jpg) center center no-repeat;} .aboutus .ge .ge_text{padding: 30px 0 48px;} .aboutus .ge .ge_video{left:729px;top:0;width:438px;height:264px} .aboutus .ge .ge_info{left:729px;top:281px;width:458px;font-size: 16px;text-align: center;color:#221919;} .aboutus .ge .songWord{margin: 0 0 0 18px;width:600px; height: 278px;overflow: hidden; z-index: 999999; position: relative;} .aboutus .ge .moreButton{border: 1px solid #fff;margin-left: 245px;padding:3px 10px;width: 100px;text-align: center;color: #fff;border-radius: 2px;background-color: rgba(255,255,255,.1);} .develop {padding:40px 0 50px 0;background-color:#f4f4f4} .develop .head{padding-bottom:20px} .develop .expand{width:100px;left:50%;margin-left:-50px;margin-bottom:20px;line-height:30px;height:30px;border: 1px solid #0160bc;border-radius: 4px;bottom:10px; background-color: aliceblue;z-index: 1;cursor:pointer;} .develop .expand .arrow{height: 6px;width: 11px;top: -3px;left: 5px;position: relative;background: url(https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/mancard/img/card_setts_5bd463b0.png) no-repeat -71px -3px;} .develop .expand .arrow.on{background: url(https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/mancard/img/card_setts_5bd463b0.png) no-repeat -70px -15px;} .develop .licheng {height: 720px;} .develop .licheng .left {margin-top: 10px;padding-top: 110px;padding-right: 30px;text-align: right;border-right: 1px solid #b9b9b9;width: 50%;*width: 46%;} .develop .licheng .right {padding-left: 30px;width: 50%;*width: 48%;} .develop .licheng dl {position: relative;} .develop .licheng dl {margin-bottom: 100px;} .develop .licheng .left dl:before {right: -38px;} .develop .licheng .right dl:before {left: -38px;} .develop .licheng dl:before {content: "";display: block;position: absolute;top: 10px;width: 15px;height: 15px;background-color: #b9b9b9;border: 3px solid #fff;border-radius: 50%;} .develop .licheng dl .iedot {content: "";display: block;position: absolute;left:-50px;top: 7px;width: 10px;height: 10px;background-color: #b9b9b9;border: 3px solid #fff;border-radius: 50%;} .develop .licheng dl dt {height: 30px;margin-bottom: 10px;line-height: 30px;color: #666;} .develop .licheng dl dt span {font-size: 26px;color: #0160bc;font-weight: bold;} .develop .licheng dl dd p {margin-bottom: 10px;color: #666;} .develop .licheng .left dl.last-child {margin-bottom: 0;} .develop .licheng .right {padding-left: 30px;} .honor {margin-top:38px} .honor .zs{position:relative; } .honor .zs .case_a{position: absolute;top: 41.5%;cursor:pointer} .honor .zs .bd{ margin:30px 0 40px 0 } .honor .zs .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline; } .honor .zs .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; margin:0px 45px 20px 12px} .honor .zs .bd ul li .box{padding:10px;border:1px solid #dcdcdc} .honor .zs .bd ul li .box img{width:221px;height:276px;} .honor .zs .bd ul li p{line-height:34px;font-size:16px} .slideGroup{margin:30px 0 } .slideGroup .parHd ul{ width:480px;margin:0 auto;overflow:hidden } .slideGroup .parHd ul li{ font-size:20px;float:left; padding:10px 40px; cursor:pointer; } .slideGroup .parHd ul li.on{ background:#f3f3f3; } .slideGroup .slideBox{ overflow:hidden; zoom:1;position:relative; } .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; } .slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4; } .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; } .slideGroup .parBd{ background-color: #f4f4f4;padding:48px 0 } .slideGroup .parBd ul{ overflow:hidden; zoom:1; } .slideGroup .parBd li{ position:relative;float:left;margin:0 30px 28px 10px; _display:inline; } .slideGroup .parBd li a{color:#fff} .slideGroup .parBd li .pic{ width:260px; height:172px; display:block;} .slideGroup .parBd li .pic img{width:260px; height:172px;} .slideGroup .parBd li .title{ position: absolute;bottom: 0;left: 0;width: 100%;line-height:32px; font-size:16px;color:#fff;background-color: #3c3b39;background-color: rgba(0,0,0,.7); } .hddot{position: absolute;bottom: -16px;text-align: center;left: 47%;font-size: 0;z-index: 1;} .hddot li {margin: 0 5px!important;background: url(../images/dot.png) no-repeat 0 -16px;height: 16px;overflow: hidden;width: 16px;cursor: pointer;display: inline-block;zoom: 1;_background: url(../images/dot8.png) no-repeat 0 -16px;} .hddot .on {background-position: 0 0;} .map{margin:35px 14px 100px 14px} .map .title{background:#f1f4f9;line-height:49px;width:180px;padding-left:16px} .map .title .name{font-size: 22px;color: #0061b8;margin-right: 5px;} .map .view{margin-top:14px;padding-top:18px;border-top:1px dashed #d4d4d4} .right_nav_new{position: fixed;width: 61px; right:8px;top: 50%;margin-top: -123px;z-index: 100;} .fixed_right_box{position: relative;} .right_nav_box .zx{display: inline-block; background: url(../images/srv_qq_1.png) no-repeat center center;width: 45px;height:43px;vertical-align: middle;transition: 0.8s all;} .right_nav_box .phone{display: inline-block;background: url(../images/srv_sh.png) no-repeat center center;width: 49px;height: 42px;vertical-align: middle;transition: 0.8s all;} .right_nav_box .qq{display: inline-block;background: url(../images/srv_msg_1.png) no-repeat center center;width: 48px;height: 40px;vertical-align: middle;transition: 0.8s all;} .right_nav_box .weixin{display: inline-block;background: url(../images/srv_weixin_1.png) no-repeat center center;width: 48px;height: 42px;vertical-align: middle;transition: 0.8s all;} .right_nav_box .scor_top{display: inline-block;background: url(../images/srv_top_1.png) no-repeat center center;width: 48px;height: 42px;vertical-align: middle;transition: 0.8s all;} .right_nav li span{margin-left: 12px;} .right_nav_box{position: relative;} .right_nav_box li{position: absolute;transition: 0.8s background-color; background-color: #0160ba;height: 61px;padding: 0 12px;white-space: nowrap;} .right_nav_box li.li1{top: 0;} .right_nav_box li.li2{top: 63px;padding: 0 12px;} .right_nav_box li.li3{top: 126px;padding: 0 11px;} .right_nav_box li.li4{top: 189px;} .right_nav_box li.li5{top: 252px;} .right_nav_box li.li1 a{margin-top:9px;display: block;} .right_nav_box li.li2 a{padding-top:9px;display: block;} .right_nav_box li.li3 a{padding-top:10px;display: block;} .right_nav_box li.li4 a{padding-top:10px;margin-left: -2px;display: block;} .right_nav_box li.li5 a{padding-top:8px;display: block;} .right_nav_box li:hover{background-color: #ff4d00;} .right_nav_box li:hover a{color: #fff!important;} .right_nav_box li a{color: #fff;font-size: 16px;} .right_nav_box .ewm_pic{position: absolute;right: 72px;bottom: 0;visibility: hidden;opacity: 0;transition: 0.5s all;background-color: #fff;} .right_nav_box .ewm_pic img{display: block;max-width:none;border: 1px solid #bba;} .right_nav_box li.li4:hover .ewm_pic {visibility: visible;opacity: 1;} .popupBg {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #010a0e;filter: alpha(Opacity=90);-moz-opacity: 0.9;opacity: 0.9;z-index: 10000;} .popupWrap {display:none; position: fixed; top: 50%; left: 50%; width: 712px; margin-top: -150px; margin-left: -356px; padding: 30px 0; z-index: 10000; border-radius: 5px; background: #ffffff; } .popupWrap .btnClose { position: absolute; right: -16px; top: -16px; width: 34px; height: 34px; background: url(../images/idialog_s.png) no-repeat; background-position: 0 -60px; cursor:pointer; } .popupWrap .popupHeader { text-align: center; } popupWrap .popupHeader .title { margin-bottom:30px; font-size: 30px; font-weight: normal; color: #333333; } .popupWrap .popupHeader .label { font-size: 14px; color: #999; } .popupWrap .popupContent { width: 651px; margin: 0 auto; border-radius: 10px; } .popupWrap .popupHeader .title { margin-bottom: 40px; font-family: "微软雅黑"; font-size: 30px; font-weight: normal; color: #333333; } .popupContent .formGroup { margin-bottom: 15px; font-size: 16px; color: #666; } p.formGroup .label { width: 90px; display: inline-block; } .popupContent .formGroup .inputCompany { width: 214px; } .popupContent .formGroup .inputText { height: 30px; margin-right: 10px; padding: 0 10px; border: 1px solid #ccc; } .popupContent .selectWrap { margin-top: 10px; overflow: hidden; } .popupContent .selectWrap .item { float: left; width: 340px; margin-bottom: 10px; font-size: 12px; } .popupContent .selectWrap .item input { float: left; margin-right: 5px; margin-top: 5px;-webkit-appearance: checkbox; } .popupContent .submitBar { margin-bottom: 20px; padding-top:20px; text-align: center; clear: both; } .popupContent .submitBar .btnSubmit { color: #ffffff; background: #2a88e8; } .popupContent .submitBar .btnSubmit, .popupContent .submitBar .btnReset { padding: 0 40px; height: 45px; line-height: 45px; margin: 0 10px; font-size: 18px; border: none; cursor: pointer; } #add .add-btn .background,#page-header .content .navigation li a { -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out } #add a:link,#add a:hover,#add a:visited { color:#fff } #add,#add .tel400 { text-align:center; color:#fff } #add { position:fixed; z-index:99; top:50%; margin-top:-134px; right:5px; font-size:14px; line-height:18px; } #add .add-btn { position:relative; margin-bottom:1px; padding-top:11px;*padding-top:0px; padding-bottom:11px; display:block;text-align: center;font-size: 13px; width:66px; height:66px;*height:55px } #add .add-btn .icon{position: relative;idisplay:inline-block; *display:inline; zoom:1;z-index:2;width: 26px;height: 26px;*padding-top:11px;} #add .add-btn .icon.top{width: 32px;margin-top: 8px;} #add .add-btn i,#add .add-btn span {margin-top: 3px;position:relative;display:inline-block; *display:inline; zoom:1;z-index:2} #add .add-btn .background { position:absolute; top:0; left:0; z-index:1; width:100%; height:66px; background-color:#0160ba; -ms-transition:all .15s ease-in-out; transition:all .15s ease-in-out; } #add .add-btn:hover .background {background-color:#ff4d00;} #add .qr-code,#add .qr-code-kefu,#add .tel400 { position:absolute; right:67px; display:none; width:200px; background-color:#ff4d00 } #add .add-btn-gotop { display:none } #add .tel400 { top:0px; height:66px; font-size:22px; line-height:66px; background-color:#ff4d00 } #add .qr-code { top:201px; padding:8px; width:140px; } #add .qr-code-kefu { top:134px; padding:8px; width:140px; }