/* CSS Document */ *{margin:0;padding:0;font-family:'黑体';} html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; } fieldset, img { border:none; } img{border:none;} html, body{ height:100%;} address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } ul, ol { list-style:none; } li{ list-style:none;} table { border-collapse:collapse; } input { padding-top:0px; padding-bottom:0px; font-family: '黑体';} input::-moz-focus-inner { border:none; padding:0px; } select, input { vertical-align:middle; } select, input, textarea { font-size:13px; margin:0px; } input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; } textarea { resize:none; } body { font-family:"黑体";} .clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } .clearfix {zoom:1; } .clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; } .max{ min-width:1200px;} .box{ width:1200px; margin:0 auto;} .box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } .max:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } .left{ float:left;} .right{ float:right;} a{-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; text-decoration:none; } .top{ height:46px; line-height:46px; background:#0b3c6a; font-size:14px; color:#fff;} .top span{ font-size:18px;} .top .right{ background:url(../images/tel.png) no-repeat left center; padding-left:30px;} .header{ height:103px;background:#fff; -webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .fixed{ position:fixed; top:0; left:0;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; width:100%; z-index:9999;-webkit-transform: translateZ(0);-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);} .header .logo{ width:265px;} .header .logo img{ display:block;} .header .nav{ width:880px; margin-top:25px;} .header .nav ul li{ display:block; float:left; width:110px; text-align:center; height:50px; line-height:50px; font-size:16px; position:relative} .header .nav ul li a{ color:#2a2a2a; display:block;} .header .nav ul li.on a{color:#0099d5;font-weight:bold;} .cl-effect-1 a::before, .cl-effect-1 a::after {display: inline-block;opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;} .cl-effect-1 a::before {margin-right: 10px;content: '[';-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px);} .cl-effect-1 a::after {margin-left: 10px;content: ']';-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px);} .cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after {opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);} .fullSlide{ min-width:1200px; position:relative;height:565px; z-index:9} .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:565px; } .fullSlide .bd ul{ width:100% !important; height:565px; } .fullSlide .bd li{ width:100% !important; height:565px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:565px; } .fullSlide .hd{width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;} .fullSlide .hd ul{display:block;width:16%;margin:0 auto; text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:45px; height:5px; margin:5px; background:rgba(255,255,255,0.5); overflow:hidden; line-height:9999px;} .fullSlide .hd ul .on{ background:#fff; } .lmt b{ font-size:30px; color:#0b3c6a; text-align:center; display:block;} .lmt p{ font-size:16px; color:#3d3d3d; text-align:center; margin-top:15px;} .pro-index{ padding-top:30px;} .pro-index .pro-nav { margin-top:20px;} .pro-index .pro-nav .tab-hd ul{ width:1220px;} .pro-index .pro-nav .tab-hd{ margin-bottom:20px;} .pro-index .pro-nav .tab-hd ul li{ display:block; float:left; width:189px;margin-bottom:13px; height:45px; line-height:45px; text-align:center; font-size:15px; color:#5b5b5b; background:#f1f1f1; margin-right:13px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .pro-index .pro-nav .tab-hd ul li a{ color:#5b5b5b; display:block;} .pro-index .pro-nav .tab-hd ul li.on,.pro-index .pro-nav .tab-hd ul li:hover{ background:#0b3c6a; } .pro-index .pro-nav .tab-hd ul li.on a,.pro-index .pro-nav .tab-hd ul li:hover a{ color:#fff;} .pro-index .pro-nav .tab-bd ul{ width:1220px;} .pro-index .pro-nav .tab-bd ul li{ display:block; float:left; padding:0 10px; height:40px; line-height:40px; text-align:center; font-size:15px; border:1px solid #e2e2e2; margin-right:15px; margin-bottom:15px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .pro-index .pro-nav .tab-bd ul li a{ color:#5b5b5b; display:block;} .pro-index .pro-nav .tab-bd ul li:hover,.pro-index .pro-nav .tab-bd ul li.on{ background:#0b3c6a; border:1px solid #0b3c6a;} .pro-index .pro-nav .tab-bd ul li:hover a,.pro-index .pro-nav .tab-bd ul li.on a{ color:#fff;} .pro-index .pro-list ul{ width:1250px; margin-top:20px;} .pro-index .pro-list ul li{ display:block; float:left; width:369px; margin-right:47px; margin-bottom:35px; overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .pro-index .pro-list ul li .pic{ width:369px; height:239px;} .pro-index .pro-list ul li img{ display:none;} .pro-index .pro-list ul li p{ width:369px; height:44px; line-height:44px; text-align:center; font-size:15px; color:#3c3c3c; background:#f1f1f1;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .pro-index .pro-list ul li:hover p{ background:#0b3c6a; color:#fff;} .pro-index .pro-list ul li:hover{ transform:translate(0,-5px); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);} .search{ margin-top:15px; padding-bottom:15px; border-bottom:1px solid #ededed;} .search1{ border-bottom:none; padding-top:190px;} .search .form{ width:550px; margin:0 auto;} .search .form .text{ display:block; float:left; width:461px; height:37px; line-height:37px; border:1px solid #e6e6e6; border-right:none; padding-left:10px;} .search .form .submit{ width:68px; height:39px; display:block; float:left; background:url(../images/submit.png) no-repeat center; border:none; cursor:pointer;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; } .search p{ font-size:14px; color:#a4a4a4; text-align:center; margin-top:13px;} .search p a{ color:#a4a4a4; display:inline-block; margin-right:10px;} .search .form .submit:hover{ opacity:0.9; } .search1 p{ color:#fff; } .search1 p a{ color:#fff;} .txMovie{position:relative;width:1200px;height:390px;margin:0 auto; margin-top:40px; margin-bottom:60px; } .txMovie .focus_pic{width:1200px;height:390px;overflow:hidden} .txMovie .focus_pic li{vertical-align:top} .txMovie .focus_pic img{width:1200px;height:390px;display:inline-block;vertical-align:top} .txMovie .focus_nav{position:absolute;left:30px;bottom:25px;width:70px;height:36px;*zoom:1; padding-left:10px; z-index:999; } .txMovie .focus_nav .prev{ display:block; width:19px; height:36px; background:url(../images/prev.png) no-repeat center; float:left} .txMovie .focus_nav .next{ display:block; width:19px; height:36px; background:url(../images/next.png) repeat-x center;float:right} .txMovie .focus_text{position:absolute; width:410px;height:390px;right:0;top:0;overflow:hidden; background:rgba(3,29,53,0.8);} .txMovie .focus_text a{ display:block;} .txMovie .focus_text p.title{ width:350px; height:45px; line-height:45px; color:#fff; font-size:30px; padding-left:25px; margin-top:60px; overflow:hidden;} .txMovie .focus_text p.jianjie{ font-size:15px; color:#fff; width:365px; text-align: justify; margin-left:25px; margin-top:20px; line-height:28px; height:170px; overflow:hidden;} .case{ height:614px; background:url(../images/case-bg.jpg) no-repeat center; background-size:cover; padding-top:60px;} .case .lmt b{ color:#fff;} .case .lmt p{ color:#fff;} .case a.more{ display:block; width:112px; height:35px; line-height:35px; text-align:center; border:1px solid #fff; color:#fff; font-size:14px; margin:0 auto; margin-top:20px;} .case a.more:hover{ border-radius:25px;} .multipleColumn{ overflow:hidden; position:relative; width:1200px; margin-top:60px;height: 342px; } .multipleColumn .next,.multipleColumn .prev{ display:block; width:32px; height:32px; position:absolute; cursor:pointer;} .multipleColumn .next{ background:url(../images/next1.png) no-repeat center; right:0; top:150px;} .multipleColumn .prev{ background:url(../images/prev1.png) no-repeat center; left:0; top:150px;} .multipleColumn .bd{ width:1070px; margin:0 auto; overflow:hidden; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1120px; float:left; _display:inline; } .multipleColumn .bd ul li{ display:block; margin-right:30px; margin-bottom:30px; float:left; _display:inline; overflow:hidden; text-align:center; width:246px; height:141px; position:relative; } .multipleColumn .bd ul li img{ width:246px; height:141px;} .multipleColumn .bd ul li p{ opacity:0; position:absolute; left:0; bottom:-35px; width:246px; height:35px; line-height:35px;background:#0b3c6a; color:#fff; text-align:center; font-size:14px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; } .multipleColumn .bd ul li:hover p{ opacity:1; bottom:0;} .shili{ background:#f7f8f8; padding-top:70px; padding-bottom:90px;} .shili ul{ width:1230px; margin-top:45px;} .shili ul li{ display:block; float:left; width:217px; height:260px; background:#e6eff8; margin-right:29px; padding-top:38px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;} .shili ul li a{ display:block;} .shili ul li img{ display:block; margin:0 auto; } .shili ul li p{ font-size:18px; color:#000000; margin-top:20px; text-align:center;} .shili ul li span{ display:block; width:179px; margin:0 auto; font-size:14px; color:#5b5b5b; line-height:21px; margin-top:15px;} .shili ul li:hover{ transform:translate(0,-5px); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);} .youbang{ padding-top:60px; padding-bottom:40px;} .youbang .tab-hd { margin-top:25px;} .youbang .tab-hd ul{ width:1220px;} .youbang .tab-hd{ margin-bottom:20px;} .youbang .tab-hd ul li{ display:block; float:left; width:189px; height:45px; line-height:45px; text-align:center; font-size:15px; color:#5b5b5b; background:#f1f1f1; margin-right:13px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .youbang .tab-hd ul li a{ color:#5b5b5b; display:block;} .youbang .tab-hd ul li.on{ background:#0b3c6a; } .youbang .tab-hd ul li.on a{ color:#fff;} .youbang .tab-bd .tuijian{ width:588px; -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); box-shadow:0 0px 10px rgba(0,0,0,0.1); margin-right:15px;} .youbang .tab-bd .tuijian .focusBox { position: relative; width: 588px; height: 457px; overflow: hidden; } .youbang .tab-bd .tuijian .focusBox .pic img { width: 588px; height:401px; display: block; } .youbang .tab-bd .tuijian .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height:58px; width:100%; background: #fff; overflow: hidden; } .youbang .tab-bd .tuijian .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 58px; width:586px; overflow: hidden; border:1px solid #f1f1f1; border-top:none; } .youbang .tab-bd .tuijian .focusBox .txt li{ height:58px; line-height:58px; position:absolute; bottom:-58px;} .youbang .tab-bd .tuijian .focusBox .txt li a{ display: block; color: #555555; padding: 0 0 0 15px; font-size: 16px; text-decoration: none; } .youbang .tab-bd .tuijian .focusBox .num { position: absolute; z-index: 3; bottom:24px; right:15px; } .youbang .tab-bd .tuijian .focusBox .num li{ float: left; position: relative; width: 9px; height: 9px; line-height: 9px; overflow: hidden; text-align: center; margin-left: 10px; cursor: pointer; background:#b7d6f5; border-radius:50%; } .youbang .tab-bd .tuijian .focusBox .num li.on{ background:#0b3c6a;} .youbang .tab-bd .tu-li{ display:block; float:left; width:597px;} .youbang .tab-bd .tu-li ul{ width:615px;} .youbang .tab-bd .tu-li li{ display:block; float:left; width:289px; -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); box-shadow: 0 0px 10px rgba(0,0,0,0.1); margin-right:17px; margin-bottom:17px; } .youbang .tab-bd .tu-li li img{ display:block; width:289px; height:182px;} .youbang .tab-bd .tu-li li p{ width:287px; height:38px; line-height:38px; text-align:center; border:1px solid #f1f1f1; border-top:none; font-size:14px; color:#555555;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .youbang .tab-bd .tu-li li:hover p{ background:#0b3c6a; color:#fff; border:1px solid #0b3c6a; border-top:none;} .news{ background:#f7f8f8; padding-top:50px; padding-bottom:70px;} .news .news-box .tab-hd { margin-top:25px;} .news .news-box .tab-hd{ margin-bottom:33px; text-align:center;} .news .news-box .tab-hd ul li{ display:inline-block;width:189px; height:45px; line-height:45px; text-align:center; font-size:15px; color:#5b5b5b; background:#eeeeee; margin-right:13px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .news .news-box .tab-hd ul li a{ color:#5b5b5b; display:block;} .news .news-box .tab-hd ul li.on{ background:#0b3c6a; } .news .news-box .tab-hd ul li.on a{ color:#fff;} .news .news-box .tab-bd ul{ width:1240px;} .news .news-box .tab-bd ul li{ display:block; float:left; width:273px; background:#fff; margin-right:36px; padding-bottom:20px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .news .news-box .tab-bd ul li img{ display:block; width:273px; height:198px;} .news .news-box .tab-bd ul li a.tit{ display:block; width:250px; margin:0 auto; height:39px; line-height:39px; font-size:16px; color:#000; overflow:hidden;} .news .news-box .tab-bd ul li p{ width:250px; margin:0 auto; font-size:14px; color:#636363; line-height:25px; height:50px; overflow:hidden;} .news .news-box .tab-bd ul li a.more{ display:block; width:80px; height:29px; line-height:29px; text-align:center; border:1px solid #ebebeb; font-size:13px; color:#a5a5a5; margin-left:10px; margin-top:10px;} .news .news-box .tab-bd ul li a.tit:hover{ color:#0b3c6a} .news .news-box .tab-bd ul li a.more:hover{ background:#0b3c6a; border:1px solid #0b3c6a; color:#fff;} .news .news-box .tab-bd ul li:hover{ -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow:0 5px 10px rgba(0,0,0,0.1); } .slogan{ height:153px; background:url(../images/slogan-bg.png) repeat-x center; text-align:center; font-size:28px; color:#fff; line-height:153px;} .nav-footer{ height:67px; line-height:67px; background:#171717;} .nav-footer ul li{ display:block; float:left; width:150px; text-align:center; line-height:67px; font-size:16px; position:relative;} .nav-footer ul li a{ color:#fff; display:block;} .nav-footer ul li:after{ content:"|"; color:#454545; position:absolute; right:0; top:0;} .nav-footer ul li.first:before{ content:"|"; color:#454545; position:absolute; left:0; top:0;} .nav-footer ul li:hover a{ color:#32b6f7;} .footer{ padding-top:20px; background:#242424;} .footer .footer-1{ width:377px; float:left; margin-right:30px;} .footer .footer-1 .title{ width:100%; height:44px; line-height:44px; background:url(../images/footer-tit.png) no-repeat left bottom;box-sizing:border-box; font-size:16px; color:#fff; font-weight:bold;} .footer .footer-1 ul{ margin-top:10px;} .footer .footer-1 ul li{ height:50px; line-height:50px; font-size:13px; color:#ffffff; padding-left:40px;} .footer .footer-1 ul li.f1{ background:url(../images/f1.png) no-repeat left center;} .footer .footer-1 ul li.f2{ background:url(../images/f2.png) no-repeat left center;} .footer .footer-1 ul li.f3{ background:url(../images/f3.png) no-repeat left center;} .footer .footer-1 ul li.f4{ background:url(../images/f4.png) no-repeat left center;} .footer .footer-2{ margin-right:0; float:right;} .footer .footer-1 #map{ width:377px; height:186px; margin-top:15px;} .footer .footer-2 .text{ padding-left:5px;width:174px; height:33px; line-height:33px; background:#313131; border:1px solid #434343; margin-bottom:15px; float:left; color:#fff; margin-top:15px; } .footer .footer-2 .textarea{ padding-left:5px; padding-top:3px; box-sizing:border-box; width:100%; height:80px; line-height:30px; background:#313131; border:1px solid #434343; margin-bottom:15px; color:#fff;} .footer .footer-2 .submit{ width:106px; height:35px; line-height:35px; background:#327cf4; color:#fff; border:none; margin-right:10px; cursor:pointer;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .footer .footer-2 .submit1{ background:#797979;} .footer .footer-2 .submit:hover{ opacity:0.8} .footer .copyright{ height:60px; line-height:60px; text-align:center; border-top:1px solid #3a3a3a; color:#fff; font-size:14px; margin-top:35px;} .footer .copyright a{ color:#fff;} .nav-footer dl.message input::-webkit-input-placeholder,.nav-footer dl.message textarea::-webkit-input-placeholder { color: #d4d4d4;} .nav-footer dl.message input:-moz-placeholder,.nav-footer dl.message textarea:-moz-placeholder {color: #d4d4d4; } .nav-footer dl.message input::-moz-placeholder,.nav-footer dl.message textarea::-moz-placeholder { color: #d4d4d4; } .nav-footer dl.message input:-ms-input-placeholder,.nav-footer dl.message textarea:-ms-input-placeholder { color: #d4d4d4; } .BMap_bubble_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .BMap_bubble_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .nybanner{ height:443px;} .nybanner .box{ position:relative;} .nybanner .box .nyb-text b{ display:block; font-size:26px; color:#0b3c6a; margin-bottom:10px;} .nybanner .box .nyb-text p{ font-size:16px; color:#0b3c6a; line-height:33px;} .nybanner .box .nyb-text span{ display:block; font-size:12px; color:rgba(11,60,106,0.5)} .nybanner .box .news-list-text{ position:absolute; left:20px; top:160px;} .nybanner .box .tu-list-text{ position:absolute; right:120px; top:160px;} .nybanner .box .tu-list-text b,.nybanner .box .tu-list-text p,.nybanner .box .tu-list-text span{ text-align:right;} .nybanner .box .about-text{ top:200px;} .nydh{ height:50px; border-bottom:1px solid #ececec; text-align:center;} .nydh a{ font-size:16px; display:inline-block; height:50px; line-height:50px; width:170px; color:#595959; position:relative; box-sizing:border-box; margin-left: -5px;} .nydh a:after{ content:"|"; position:absolute; top:0; left:-2px; color:#e3e3e3;} .nydh a:last-child:before{ content:"|"; position:absolute; top:0; right:0px; color:#e3e3e3;} .nydh a.on,.nydh a:hover{ background:#0b3c6a; color:#fff;} .nydh a.on:after,.nydh a:hover:after{ content:""; position:absolute; top:0; right:0; color:#cecece;} .nydh a:last-child:hover:before{ content:""; position:absolute; top:0; right:0; color:#cecece;} .nydh a.on:before{ content:""; position:absolute; top:0; right:0; color:#cecece;} .news-list{ margin-top:47px;} .news-list .tuijian{ width:1168px; border:1px solid #efefef; overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; padding-right:30px; } .news-list .tuijian:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } .news-list .tuijian img{ display:block; float:left; width:477px; height:324px; margin-right:28px;} .news-list .tuijian a.tit{ display:block; font-size:20px; color:#000000; font-weight:bold; padding-top:50px; height:30px; line-height:30px; overflow:hidden;} .news-list .tuijian span{ display:block; font-size:14px; color:#aeaeae; margin-top:10px;} .news-list .tuijian p{ font-size:15px; color:#636363; line-height:30px; height:60px; overflow:hidden; margin-top:20px;} .news-list .tuijian a.more{ display:inline-block; width:114px; height:39px; line-height:39px; border-radius:5px; background:#0b3c6a; color:#fff; font-size:15px; text-align:center; margin-top:30px;} .news-list .tuijian a.tit:hover{ color:#0b3c6a;} .news-list .tuijian a.more:hover{ opacity:0.8;} .news-list .tuijian:hover{ border:1px solid #0b3c6a; } .news-list ul{ margin-top:60px;} .news-list ul li{ width:1174px; border:1px solid #e7e7e7; padding:12px; margin-bottom:40px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; } .news-list ul li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } .news-list ul li img{ display:block; float:left; width:199px; height:145px; margin-right:40px;} .news-list ul li a.tit{ font-size:18px; color:#000000; display:inline-block; padding-top:15px;font-weight: bold;} .news-list ul li p{ font-size:15px; color:#636363; line-height:28px; height:56px; overflow:hidden; margin-top:16px;} .news-list ul li span{ display:block; font-size:14px; color:#aeaeae; margin-top:10px;} .news-list ul li a.more{ display:block; float:right; width:170px; border-left:1px solid #e7e7e7; margin-left:45px; height:130px; line-height:130px; text-align:center; color:#0b3c6a;} .news-list ul li:hover{ border:1px solid #0b3c6a; } .news-list ul li a.tit:hover{color:#0b3c6a;} .fenye{ width:100%; margin:0 auto; margin-top:30px; text-align:center; padding-bottom:60px; } .fenye a{ display:inline-block;padding:0 10px;text-align:center; line-height:28px; border:1px solid #bababa; font-size:14px; color:#333; margin:0 5px;} .fenye b,.fenye a:hover{ display:inline-block;padding:0 10px;text-align:center; line-height:28px; border:1px solid #0b3c6a; font-size:14px; color:#fff; margin:0 5px; background:#0b3c6a;} .tu-list{ margin-top:40px;} .tu-list ul{ width:1251px;} .tu-list ul li{ display:block; float:left; cursor:pointer;width:368px; margin-right:49px; border-bottom:4px solid #f3f3f3; margin-bottom:36px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .tu-list ul li img{ display:block; width:368px; height:234px;} .tu-list ul li p{width:350px;margin:0 auto; height:66px;overflow:hidden; line-height:66px; text-align:left; font-size:16px; color:#4d4d4d; padding-left:8px;} .tu-list ul li:hover{-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow:0 10px 10px rgba(0,0,0,0.1); border-bottom:4px solid #fff;} .case-list{ padding-top:40px;} .tab{ margin-top:30px;} .tab ul{ width:1230px;} .tab ul li{ display:block; float:left; width:219px; height:45px; line-height:45px; text-align:center; background:#f1f1f1; font-size:15px; color:#5b5b5b; margin-right:26px; margin-bottom:18px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .tab ul li a{color:#5b5b5b; display:block;} .tab ul li:hover,.tab ul li.on{ background:#0b3c6a; color:#fff;} .tab ul li:hover a,.tab ul li.on a{ color:#fff;} .case-list .case-li{ width:1240px; margin-top:20px;} .case-list .case-li li{ display:block; float:left; width:558px; height:169px; border:1px solid #ececec; margin-right:40px; padding:20px; padding-left:0; margin-bottom:50px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer; } .case-list .case-li li .case-img{ display:block; float:left; width:203px; border-right:1px solid #ececec; line-height:170px; height:170px; margin-right:20px;} .case-list .case-li li .case-img img{width:193px; margin-left:10px;display: inline-block; vertical-align: middle;} .case-list .case-li li a.tit{ font-size:18px; color:#191919; display:block; height:30px; line-height:30px; overflow:hidden; padding-top:15px;} .case-list .case-li li p{ font-size:15px; color:#818080; line-height:27px; height:54px; overflow:hidden; margin-top:7px;} .case-list .case-li li a.more{ display:inline-block; margin-top:15px; font-size:15px; color:#0b3c6a;} .case-list .case-li li:hover{-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow:0 10px 10px rgba(0,0,0,0.1);} .case-list .case-li li a.tit:hover{ color:#0b3c6a;} .newsnav{ height:54px; background:#f9f8f8; line-height:54px; border-top:1px solid #eeeeee;} .newsnav a.more{ display:block; float:right; width:85px; height:32px; line-height:32px; text-align:center; color:#fff; border-radius:5px; background:#0b3c6a; font-size:14px; margin-top:11px;} .newsnav p{ font-size:14px; color:#878787;} .newsnav p a{ color:#878787} .newsnav p a:hover{ color:#0b3c6a} .newsnav a.more:hover{ opacity:0.8;} .newsnav1{ background:none; border-bottom:1px solid #eee;} .pro-xq{ padding-top:30px;} .pro-xq h1{ font-size:26px; color:#000000; display:block; text-align:center; } .pro-xq p.time{ font-size:14px; color:#8a8a8a; text-align:center; margin-top:15px; margin-bottom:30px; border-bottom:1px solid #eee; width:1200px; padding-bottom:15px;} .pro-xq .foucebox {position:relative;width:1070px; margin:0 auto;margin-top:38px; overflow: hidden;} .pro-xq .foucebox .bd { position:relative; float:left; width:800px;height:600px;overflow:hidden;} .pro-xq .foucebox .bd li{text-align:center;width:800px;height:600px} .pro-xq .foucebox .bd img { width:800px;height:600px;} .pro-xq .foucebox .hd {position:relative; width:250px; float:right; padding-right:4px; z-index:1; } .pro-xq .foucebox .hd ul { position:relative; width:250px; overflow:hidden; } .pro-xq .foucebox .hd li { width:250px;height:188px;margin-bottom:18px; cursor:pointer;} .pro-xq .foucebox .hd img {width:250px;height:188px; display:block;} .pro-xq .foucebox .hd li.on{ position:relative;} .pro-xq .foucebox .hd li.on:after{ content:""; width:250px; height:188px; position:absolute; top:0; left:0; background:rgba(0,0,0,.3); } .pro-xq .title{ width:100%; height:55px; line-height:55px; border-bottom:1px solid #eee; font-size:22px; color:#000;} .neirong{ font-size:16px; color:#727272; line-height:25px; margin-top:10px; margin-bottom:30px;} .nr-case{ margin-bottom:30px;margin-top:20px;} .nr-case ul{ width:1235px; } .nr-case ul li{ display:block; float:left; width:274px; height:167px; border:1px solid #eee; margin-right:32px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .nr-case ul li img{ display:block; margin:0 auto; height:120px; margin-top:7px; max-width: 276px;} .nr-case ul li p{ text-align:center; font-size:14px; color:#3e3e3e; height:24px; line-height:24px; overflow:hidden;} .nr-case ul li:hover{-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow:0 10px 10px rgba(0,0,0,0.1);} .neirong img{max-width:560px !important;height:auto !important;} .tjpro ul{ width:1250px; margin-top:20px;} .tjpro ul li{ display:block; float:left; width:369px; margin-right:47px; margin-bottom:35px; overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .tjpro ul li .pic{ width:369px; height:239px;} .tjpro ul li img{ display:none;} .tjpro ul li p{ width:369px; height:44px; line-height:44px; text-align:center; font-size:14px; color:#3c3c3c; background:#f1f1f1;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .tjpro ul li:hover p{ background:#0b3c6a; color:#fff;} .tjpro ul li:hover{ transform:translate(0,-5px); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);} .fn{ margin-top:20px; border-top:1px solid #f2f2f2; padding-top:10px; margin-bottom:30px;} .fn:after { content:""; display:block; height:0px; visibility:hidden; clear:both; } .fn p{ font-size:14px; line-height:30px; color:#8a8a8a; width:600px; float:left;} .fn p a{ color:#8a8a8a} .fn p a:hover{ color:#0b3c6a;} .fn p.pnext{ float:right; text-align:right;} .about{ padding-top:48px;} .about-jianjie{ margin-top:50px;} .about-jianjie .left{ width:570px; margin-right:30px;} .about-jianjie .right{ width:600px;} .about-jianjie .right b{ font-size:20px; color:#000; display:block; padding-top:48px;} .about-jianjie .right p{ font-size:16px; color:#666666; line-height:33px; margin-top:15px;} .ab-youshi{ width:100%; background:#f8f8f8; padding-top:60px; margin-top:70px; padding-bottom:90px;} .ab-youshi ul{ width:1260px; margin-top:35px;} .ab-youshi ul li{ display:block; float:left; width:259px; height:326px; margin-right:54px; position:relative; cursor:pointer;} .ab-youshi ul li.ys1{ background:url(../images/youshi-bg1.jpg) no-repeat center;} .ab-youshi ul li.ys2{ background:url(../images/youshi-bg2.jpg) no-repeat center;} .ab-youshi ul li.ys3{ background:url(../images/youshi-bg3.jpg) no-repeat center;} .ab-youshi ul li.ys4{ background:url(../images/youshi-bg4.jpg) no-repeat center;} .ab-youshi ul li .ys-bg{ width:259px; height:326px; background:#0b3c6a; opacity:0;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} .ab-youshi ul li .ys-nr{ position:absolute; width:214px; left:50%; margin-left:-107px; top:28px; color:#fff;} .ab-youshi ul li .ys-nr p{ display:block; width:122px; height:140px; text-align:center; line-height:140px; background:url(../images/liubian.png) no-repeat center; margin:0 auto; font-size:54px; } .ab-youshi ul li .ys-nr p i{ font-style:normal; font-size:20px; font-weight:normal;} .ab-youshi ul li.ys3 .ys-nr p{ font-size:46px;} .ab-youshi ul li.ys4 .ys-nr p{ font-size:32px; font-weight:normal;} .ab-youshi ul li.ys4 .ys-nr p i{ font-size:18px;} .ab-youshi ul li .ys-nr b{ display:block; font-size:20px; text-align:center; margin-top:24px;} .ab-youshi ul li .ys-nr span{ display:block; font-size:15px; line-height:24px; margin-top:20px;} .ab-youshi ul li:hover .ys-bg{ opacity:1;} .culture{ background:#0b3c6a; width:100%; padding-top:45px; padding-bottom:60px;} .culture .lmt b{ color:#fff;} .culture .lmt p{ color:#fff;} .culture .lmt{ margin-bottom:35px;} .culture td{ border:1px solid #486d8f; padding-top:40px; padding-bottom:30px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;} .culture td img{ display:block; margin:0 auto;} .culture td b{ display:block; font-size:16px; color:#fff; text-align:center; margin-top:20px; font-weight:normal;} .culture td p{ font-size:12px; line-height:22px; color:#ccd2da; width:210px; margin:0 auto; margin-top:15px; text-align:justify;} .culture td:hover{ -moz-box-shadow:0px 0px 30px #486d8f inset; -webkit-box-shadow:0px 0px 30px #486d8f inset; box-shadow:0px 0px 30px #486d8f inset; } .history{ padding-top:70px; padding-bottom:80px; overflow:hidden;} .event_box{width:100%; margin-top:60px;position:relative;} .event_box .box{ position:relative;} .event_box .parHd {width:100%;display:inline-block;height:92px;} .parHd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;} .parHd .tempWrap{margin:0 auto; width:1200px; overflow:hidden;} .parHd li.no_line:before{display:none;} .parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin-right:143px;position:relative; width:50px;} .parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat center;width:24px;height:24px;position:absolute;z-index:20;top:-16px;left:50%;margin-left:-12px;} .parBd{text-align:center;margin-bottom:30px;} .parBd p{line-height:33px;font-size:18px;width:1000px; height:66px;margin:0 auto; color:#0b3c6a} div#listBox {width:100%;} .sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:-80px; z-index:999; cursor:pointer;} .sPrev{left:0;} .sNext{right:0;} .sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);} .parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat center;position:absolute;top:-16px;left:15px;z-index:21;} .parHd li span,.parHd li.clone span{display:none;} .parHd:after { content: '';width:100%; height: 1px; background: #f1f1f1;position: absolute;left:0%; top: 62%;z-index: 10;} .contact{ padding-bottom:100px;} .contact .lmt{ margin-bottom:43px;} .contact .left{ width:475px; padding-top:25px;} .contact .left b{ font-size:22px; color:#1c1c1c; display:block; margin-bottom:20px;} .contact .left ul li{ font-size:16px; color:#626262; line-height:26px; margin-bottom:22px;} .contact .left ul{ background:url(../images/con-li.png) no-repeat left top; padding-left:33px;} .contact .left a.more{ display:block; width:133px; height:44px; text-align:center; line-height:44px; background:#0b3c6a; color:#fff; font-size:16px; margin-top:40px;} .contact .left a.more:hover{ border-radius:25px;} #map1{ width:1200px; margin:0 auto; height:400px; margin-top:30px; } .xgwz{ padding:15px; width:1170px; margin-bottom:20px;} .xgwz ul{ width:1200px;} .xgwz li{ width:555px; display:block; margin-right:30px; float:left; height:35px; line-height:35px; background:url(../images/ico-li.png) no-repeat left center; padding-left:15px;} .xgwz li span{ float:right;font-size:14px; color:#8a8a8a; } .xgwz li a{ font-size:14px; color:#8a8a8a;} .xgwz li a:hover{color:#0b3c6a;} .contact ul { width:1250px; margin-top:65px;} .contact ul li{ display:block; padding-top:30px; float:left; width:250px; height:244px; margin-right:60px; border:1px solid #ebebeb; border-radius:5px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;} .contact ul li img{ display:block; margin:0 auto;} .contact ul li b{ display:block; text-align:center; color:#5d5d5d; font-size:18px; margin-top:15px;} .contact ul li p{ font-size:14px; color:#7a7a7a; line-height:21px; margin:0 auto; width:212px; margin-top:15px;} .contact ul li:hover{ transform:translate(0,-5px); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);} .service{ padding-top:60px;} .service ul.yiduiyi{ margin-top:38px; padding-bottom:70px;} .service ul.yiduiyi li{ display:block; float:left; width:600px; position:relative;} .service ul.yiduiyi li i{ display:block; width:300px; height:221px; overflow:hidden;} .service ul.yiduiyi li img{ width:300px; height:221px; display:block;transition: all 1s; } .service ul.yiduiyi li img:hover{transform: scale(1.1);} .service ul.yiduiyi li div{ width:250px; height:171px; background:#036acb; display:block; padding:50px 25px 0px 25px;} .service ul.yiduiyi li div b{ font-size:18px; color:#fff; display:block; text-align:center;} .service ul.yiduiyi li div p{ font-size:13px; color:#fff; margin-top:18px; line-height:23px;} .service ul.yiduiyi li div p span{ color:#018cf1; font-weight:bold;} .service ul.yiduiyi li.zuo img{ float:right;} .service ul.yiduiyi li.zuo div{ float:left;} .service ul.yiduiyi li.you img{ float:left;} .service ul.yiduiyi li.you div{ float:right;} .service ul.yiduiyi li.zuo:after{ content:" "; width:8px; height:15px; position:absolute; left:299px; top:110px; background:url(../images/jiao1.png) no-repeat center;} .service ul.yiduiyi li.you:after{ content:" "; width:8px; height:15px; position:absolute; left:292px; top:110px; background:url(../images/jiao2.png) no-repeat center;} .service a.more{ display:block; width:159px; height:41px; text-align:center; line-height:41px; color:#fff; background:#018cf1; border-radius:5px; margin:0 auto; margin-top:37px; font-size:18px;} .service a.more:hover{ border-radius:25px;} .dingzhifuwu{ background:#f7f6f5; padding:67px 0;} .dingzhifuwu ul{ width:755px; margin:0 auto; margin-top:60px; background:url(../images/dzfw-bg.png) no-repeat center 50px;} .dingzhifuwu ul li{ display:block; float:left; width:104px; margin-right:113px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;} .dingzhifuwu ul li i{ display:block; width:104px; height:104px; background:#0b3c6a; border-radius:50%;} .dingzhifuwu ul li p{ font-size:14px; color:#5c5c5c; text-align:center; margin-top:15px;} .dingzhifuwu ul li.dzfw4{ margin-right:0;} .dingzhifuwu ul li.dzfw1 i{ background:url(../images/dzfw1.png) no-repeat center #0b3c6a;} .dingzhifuwu ul li.dzfw2 i{ background:url(../images/dzfw2.png) no-repeat center #0b3c6a;} .dingzhifuwu ul li.dzfw3 i{ background:url(../images/dzfw3.png) no-repeat center #0b3c6a;} .dingzhifuwu ul li.dzfw4 i{ background:url(../images/dzfw4.png) no-repeat center #0b3c6a;} .dingzhifuwu .fw-p{ text-align:center; font-size:15px; color:#626262; line-height:34px; margin-top:55px;} .dingzhifuwu ul li:hover{ -webkit-transform:translate(0,-5px);transform:translate(0,-5px); } .fuwufanwei{ background:#0b3c6a; padding-top:78px; padding-bottom:87px;} .fuwufanwei .lmt b{ color:#fff;} .fuwufanwei .lmt p{ color:#fff;} .fuwufanwei table{ margin-top:30px;} .fuwufanwei td{ border:1px solid #486d8f; padding-top:27px; padding-bottom:20px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;} .fuwufanwei td img{ display:block; margin:0 auto; display:block;} .fuwufanwei td p{ text-align:center; font-size:14px; color:#fff; margin-top:19px;} .fuwufanwei td:hover{-moz-box-shadow:0px 0px 30px #486d8f inset; -webkit-box-shadow:0px 0px 30px #486d8f inset; box-shadow:0px 0px 30px #486d8f inset;} .wuyou{ padding-top:100px; padding-bottom:80px;} .wy-box{ margin-top:48px; border-bottom:1px solid #f0f0f0; height:139px;} .wy-box ul{ background:url(../images/wuyou-ul.png) no-repeat center 45px ;} .wy-box ul li{ display:block; float:left; width:98px; height:125px; background:url(../images/wuyou-li.png) no-repeat center; margin-right:59px; padding-top:20px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;} .wy-box ul li.last{ margin-right:0;} .wy-box ul li img{ display:block; margin:0 auto; } .wy-box ul li p{ font-size:14px; color:#535353; margin-top:15px; text-align:center;} .wy-box ul li:hover{ background:url(../images/wuyou-li-hover.png) no-repeat center;} .baoxiu{ width:133px; height:45px; line-height:45px; color:#fff; font-size:16px; background: url(../images/bx.png) no-repeat 111px center #0b3c6a; margin:0 auto; padding-left:32px;margin-top:65px; cursor:pointer;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; } .baoxiu:hover{ border-radius:25px;} .baoxiu a{color:#fff;display:block} .baoxiudan{ width:1200px; margin:0 auto; padding-top:20px; background:#fff; z-index:9999 } .baoxiudan td{ border:1px solid #ccc} .baoxiudan p{ font-size: 16px; color: #333333; line-height: 32px; padding: 15px 0; } .baoxiudan textarea{ border:1px solid #ccc !important;} .baoxiudan input{ border-bottom:1px solid #ccc !important} .baoxiudan #sub{background:#327cf4; font-size:16px; cursor:pointer; border:none !important; } .baoxiudan #reset{background:#797979;font-size:16px; cursor:pointer;border:none !important; } .sanshu ul{ border-bottom:1px solid #eee;border-top:1px solid #eee; margin-bottom:20px;} .sanshu ul li{ width:200px;display:block; float:left; text-align:center; border-left:1px solid #eee;font-size: 16px;color: #898989; padding:0 15px; padding-top:30px;} .sanshu ul li p{ display:inline-block; border-bottom:2px solid #0b3c6a; padding-bottom:5px;} .sanshu ul li span{ display:block; text-align:center; font-size: 16px;color:#333; margin-top: 10px; line-height:28px;} .sanshu ul li.csl{ width:300px;} .sanshu ul li.fw{ width:602px;border-right:1px solid #eee;padding-bottom: 20px;} .sanshu ul li.fw span{font-size: 14px;line-height: 24px;} .links{ color:#fff; font-size:14px; line-height:28px; margin-top:30px;} .links a{ display:inline-block; margin-right:10px; color:#fff;}