@charset "utf-8"; /* CSS Document */ /*--------------- 鎬讳綋 ---------------*/ body{ position:relative; width:100%; font-family: "寰蒋闆呴粦"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; } .en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; } a { text-decoration:none; } h3, h4, h5 { font-weight:normal; } .cl{clear: both} .blank20{height:20px; line-height: 20px; clear: both; overflow: hidden} .blank40{height:40px; line-height: 40px; clear: both; overflow: hidden} .wrapper{width:1300px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper-sub{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper2{width:1300px;margin: 0 auto;padding: 0; height:auto; position: relative;} .mt50{margin-top: 50px;} .mt70{margin-top: 70px;} img{vertical-align: middle} .fl{float: left;} .fr{float: right;} header{width: 100%;height:auto;background: #014b88;} .itop{height: 100px;width: 100%;margin:0 auto;padding:0} .ilogo{float: left;margin-top:18px;} .ilogo img{margin-right: 5px;} .isearch{float: left;height: 40px;line-height: 40px;position: relative;margin-top:30px;margin-left:20px;border: #fff 1px solid;width: 280px;background: #b6d6eb;} .isearch input[type=text]{position: relative;text-indent:0.5em;border: 0;height: 40px;line-height: 40px;width: 85%;float: right;background:none;} .isearch input[type=submit]{position: absolute;left: 10px;top:8px;background: url(../images/search-ico.png) center center no-repeat;width:24px;height: 24px;border: 0;cursor: pointer;-webkit-appearance : none ;} .itop_r{float: right;} .itop_r_l{float: left;} .itop_r_l a{display: inline-block;font-size: 16px;color:#fff;line-height: 100px;margin:0 auto;text-align: center;padding:0 20px;} .itop_r_l a:hover{background:#054274;} .itop_r_r{float: right;margin-left: 20px;} .itop_r_r a{font-size: 16px;color:#fff;line-height: 100px;display: inline-block;} .itop_r_r a:nth-child(1):after{display: inline-block;content: "|";color: #fff;font-size: 16px;margin: 0 5px;} .itop_r_r a:hover{color:#54a2e2 } .itop_r_r a.active{color:#54a2e2 } nav{width: 100%;height:60px;line-height: 60px;text-align: center;background: #012441;} nav ul{width: 1300px;margin: 0 auto;} nav ul li{width: 10%;text-align: center;height: 60px;line-height: 60px;float: left;position: relative;} nav ul li a{display: block;height: 60px;line-height: 60px;color: #fff;font-size: 18px;} nav ul li:hover{background: #135e9b;cursor: pointer} nav ul li:hover a{color: #fff;font-weight: bold;} nav ul li.active{background: #135e9b;} nav ul li.active a{color: #fff;font-weight: bold;} #nav-menu li { position: relative;} nav ul li:last-child:after{display: none} nav ul li:hover:after{display: none} nav ul li ul li{width: 100%;} nav ul li ul li:after{display: none} #nav-menu li ul{ position: absolute; left:0; top:60px; background: #fff; display: none; z-index: 99; width: 100%; } #nav-menu li ul li, #nav-menu li ul li a{ height:50px; line-height:50px; font-size: 15px; color: #777; } #nav-menu li ul li{ border-top: 1px solid #cbcbcb; } #nav-menu li:hover ul{ display: block; } #nav-menu li ul li:hover{background: #0d5d9b;color: #fff;border-top: #fff 1px solid;} #nav-menu li ul li:hover a{color: #fff;} nav ul li.menu_a a:after{content: "";background: url(../images/xl_ico.png)center center no-repeat;width: 12px;height: 7px;margin-left: 5px;display: inline-block;position: absolute;right: 25px;top: 18px;} nav ul li.menu_a li a:after{content:"";display:none;} .device { width: 100%; float: left; margin:0 auto; position: relative; } .swiper-container { width: 100%;height: 100%;} .pagination { display: block; position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 999 } .swiper-pagination-bullet{ display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #fff; margin: 0 15px !important; cursor: pointer; border:#014b88 2px solid; opacity:1; } .swiper-slide img{width:100%;height:100%} .swiper-pagination-bullet-active{ background: #014b88;} .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;} .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;} .part01{margin:50px auto;width: 100%;height:auto;overflow: hidden;} .part01_l{float: left;width:65%;margin-top: 25px;} .part01_l img{float: left;width:328px;height: 246px;} .part01_z {width: 55%;float: right;margin-top:5px;margin-right: 2%;} .part01_z h2{color: #014b88;font-size: 22px;padding-bottom: 15px;border-bottom: #ddd 1px solid;} .part01_z p{font-size: 14px;color: #111;line-height: 30px;margin-top:15px;} .part01_z span{border: #014b88 1px solid;width: 180px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #014b88;display: block;margin-top: 20px;float: left;} .part01_z:hover span{color: #fff;background: #014b88;} .part01_r{width:420px;float: right;} .part01_r_t_l{float: left;width: 260px;} .part01_r_t_l img{width: 72px;height: 72px;float: left;display: inline-block;vertical-align: middle;margin-left:30px;margin-top: 10px;} .part01_r_t_l p{display: inline-block;margin-right: 30px;} .part01_r_t_l_01{background: #0586b6;height:90px;line-height: 90px;font-size: 20px;color: #fff;text-align: center} .part01_r_t_l_02{background: #018988;height:90px;line-height: 90px;color: #fff;font-size: 20px;margin-top: 15px;text-align: center} .part01_r_t_l_01 a{display: block;color:#fff;} .part01_r_t_l_02 a{display: block;color:#fff;} .part01_r_t_r{background: #2b7647;float: right;width: 145px;height:195px;text-align: center;color: #fff;font-size: 20px;} .part01_r_t_r img{margin-top: 25px;} .part01_r_t_r p{width: 30%;margin: 0 auto;line-height: 30px;margin-top: 10px;color: #fff;} .part01_r_t_r p a{color: #fff;} .part01_r_f{margin-top: 15px;} .part01_r_f_l{width:100%;height: 90px;line-height: 90px;background: #065699;margin-top:5px;font-size: 26px;text-align:center} .part01_r_f_l p{display: inline-block;} .part01_r_f_l a{display: block;color:#fff;} .part02{text-align: center;width: 100%;margin: 0 auto} .part02 ul li{display: inline-block;text-align: center} .part02 ul li h2{width: 180px;height:45px;line-height: 45px;font-size: 22px;color: #111;} .part02 ul li i{ display: block; width: 0; height: 0; border-width: 10px; border-style: solid; margin:0 auto; border-color:#fff transparent transparent transparent; } .part02 ul li:hover{cursor: pointer;} .part02 ul li:hover h2{background: #e8e8e8;color: #014b88} .part02 ul li:hover i{ border-color:#e8e8e8 transparent transparent transparent;} .part02 ul li.active{cursor: pointer;} .part02 ul li.active h2{background: #e8e8e8;color: #014b88} .part02 ul li.active i{ border-color:#e8e8e8 transparent transparent transparent;} .part02 ol{height:auto;overflow:hidden;margin-bottom:30px} .part02 ol li{width: 48%;margin-right:4%;border-bottom: #ddd 1px solid;float: left;height:70px;padding:20px 0} .part02 ol li:nth-child(even){margin-right: 0;} .part02 ol li:nth-child(7){border-bottom: 0;} .part02 ol li:nth-child(8){border-bottom: 0;} .part02 ol li span{width: 100px;height: 70px;float: left;background: #065699;font-size:20px;color: #fff;line-height: 35px} .part02 ol li span b{display: block;font-size: 22px;font-weight: normal;border-bottom: #fff 1px solid;height: 35px;} .part02 ol li h2{width: calc(100% - 120px);float: right;text-align: left;line-height: 30px;font-size: 16px;color:#111;} .part02 ol li:hover span{background: #065699;} .part02 ol li:hover h2{color:#065699;font-weight:bold} .part02 article{margin-top: 20px;} .part02 article section dl dt{width: 24%;position: relative;float:left;text-align: center;margin:0 0.5% 30px 0.5%;} .part02 article section dl dt span{position: absolute;left:20px;top:-5px;background: url("../images/news-time-ico2.png") center center no-repeat;width:78px;height:50px;display: block;color: #fff;font-size:16px;text-align: center} .part02 article section dl dt span b{display: block;font-size: 16px;margin-top:5px;font-weight:normal;} .part02 article section dl dt h2{background: #dde4e9;height: 60px;padding:10px 4%;font-size:16px;width: 92%;border: #dde4e9 1px solid;text-align: left;color: #111;line-height:30px;} .part02 article section dl dt div{width:100%;height: 227px;} .part02 article section dl dt img{width:100%;height:100%;} .part02 article section dl dt p{width:90%;padding:20px 5%;margin: 0 auto;border: #dde4e9 1px solid;color: #555;text-align: left;line-height:26px;height: 80px} .news_more{border: #014b88 1px solid;width: 180px;height: 40px;text-align: center;line-height: 40px;margin:30px auto;clear:both;margin-top:30px;} .news_more a{color: #014b88;font-size: 16px;display: block} .news_more:hover{background: #014b88;} .news_more:hover a{color: #fff;} .part03{background:url("../images/news-bg.jpg") center center no-repeat;width: 100%;height:400px;background-size: cover} .part03-t {margin-top: 40px;width: 100%;position: relative;height: auto;overflow: hidden} .part03-t h2{font-size: 22px;color: #014b88;width: 110px;float: left;} .part03-t span:before{width:calc(100% - 260px);border-top: #d1d1d1 1px solid;height: 1px;display: inline-block; content: "";position: absolute;left:110px;top:15px} .part03-t span{display:inline-block;border:#8e8e8e 1px solid;float:right;width: 110px;height: 40px;line-height: 40px;text-align: center;color: #666;} .part03-l {margin-top: 30px;} .part03-l ul li{width:280px;float: left;margin-right: 60px;} .part03-l ul li:nth-child(4){margin-right: 0;} .part03-l ul li img{width: 278px;height: 156px;border: #bebebe 1px solid;} .part03-l ul li em:before{content: "";background:url("../images/time-ico.png") center center no-repeat;width: 22px;height: 22px;display: inline-block;margin-right:5px;vertical-align: middle;margin-bottom:5px;} .part03-l ul li em{color: #014b88;font-size: 22px;display: inline-block;margin-top:15px;font-weight: bold;} .part03-l ul li h2{font-size:18px;color: #111;margin-top: 10px;line-height:26px;} .part03-l ul li p{margin-top: 10px;line-height:26px;color: #555;font-size: 15px;height:80px} .part03-l ul li span{color: #014b88;font-size: 15px;display: block;margin-top: 10px;} .part04{background: url("../images/links-bg.jpg") center center no-repeat;width: 100%;height:106px;margin: 0 auto;padding: 0;position: relative;overflow: hidden;} .links-bt{color: #fff;font-size: 16px;text-align: center;border-bottom: #1d69a7 1px solid;padding-bottom: 15px;margin-top: 15px;font-size: 18px} .links-bt:before{content: "";background: url("../images/links-ico.png") center center no-repeat;width: 21px;height: 21px;display:inline-block;margin-right: 10px;vertical-align: middle;} .links-l{width: 100%;height: auto;overflow: hidden;position: relative;} .links-l .mask{position: relative;overflow: hidden;width: 90%;margin: 15px auto;padding: 0;} .links-l .mask ul{position: relative;overflow: hidden;} .links-l .mask ul li{float: left;margin-right:10px;width:205px;text-align: center;} .links-l .mask ul li a{color: #fff;font-size: 15px;} .links-l .next,.links-l .preview{background: url(../images/arrow-l-b.png) center center no-repeat;width: 32px;height:32px;position:absolute;left: 0;top:20%;cursor: pointer;} .links-l .next{background: url(../images/arrow-r-b.png) center center no-repeat;right: 0;left: auto;} footer{background: url("../images/footer-bg.jpg") center center no-repeat;width: 100%;height: 300px;position:relative;margin:0 auto;padding:0} .footer-l{width: 40%;float: left;margin-top: 40px;} .footer-l p{display: block;font-size: 16px;color: #fff;float: left;margin-top: 30px;} .footer-c{width: 20%;float: right;margin-right: 50px;} .footer-c ul{margin-top:20px;font-size: 0;} .footer-c ul li{text-align: left;width: 50%;font-size: 15px;line-height: 32px; display: inline-block} .footer-c ul li a{font-size: 15px;color: #fff;} .footer-c ul li a:hover{color: #2388db} .footer-c ul li a:before{content: "-";display: inline-block;font-size:20px;margin-right: 10px;color: #fff;} .footer-c ul li:hover a:before{color:#2388db} .footer-r{width: 26%;float: right;} .footer-r ul{margin-top: 20px;} .footer-r ul li{line-height: 32px;} .footer-r img{display: inline-block;margin-right: 15px;vertical-align: middle;margin-bottom: 1px;} .footer-r p{display: inline-block;color: #fff;font-size: 15px;} .footer-c-t{font-size: 20px;border-bottom: #065597 1px solid;color: #fff;margin-top:40px;} .footer-c-t span{display: block;padding-bottom:15px;position: relative} .footer-c-t span:after{content: "";display: block;width: 100px;height: 3px;position: absolute;left: 0;bottom: -2px; background: #1681d9;} .ny_banner img{width:100%;height:100%} .list_l{width: 190px;float: left;margin-bottom: 100px;} .list_r{width: 900px;float: right;background: #fff;height: auto;overflow: hidden;padding: 20px 30px 50px 30px;margin-bottom: 50px;} .list_l .subNav{width: 100%;height: 45px;line-height: 45px;background: #e2e2e2;margin-bottom:1px;text-align: center;overflow: hidden} .list_l .subNav span{color: #333; font-size: 16px;float: right;margin-right: 20px;display: block} .list_l .subNav h2{float: left;width: 80%;height: 50px;line-height: 50px;text-indent: 1.5em;color: #333;font-size: 16px;} .list_l .subNav a{display: block;height: 50px;line-height: 50px;background: #e2e2e2;width: 100%;color: #111;font-size: 15px;} .list_l .subNav:hover span{color: #fff;} .list_l .subNav:hover a{background: #2d77b4;cursor: pointer;color: #fff} .list_l .subNav:hover h2{color: #fff;} .list_l .currentDd a{background: #2d77b4;color: #fff} .list_l .currentDd span{color: #fff;} .list_l .currentDd h2{color: #fff;} .list_l .navContent{display:none;} .list_l .navContent li{width: 100%;height:40px;line-height:40px;background: #d4edff;color: #333;text-align: center;border-bottom: #fff 1px solid;} .list_l .navContent li a{display: block;height:40px;line-height:40px;width: 100%;color:#333} .list_l .navContent li h2{float: left;width: 80%;height: 50px;line-height: 50px;text-indent: 2em;color: #333;} .list_l .navContent li span{color: #333; font-size: 16px;float: right;margin-right: 20px;display: block} .list_l .navContent li:hover{background: #b2dfff;} .list_l .navContent li:hover h2{color: #006cbf} .list_l .navContent li:hover span{color: #006cbf} .list_l .navContent li.active{background: #b2dfff;} .list_l .navContent li.active h2{color: #006cbf} .list_l .navContent li.active span{color: #006cbf} .inone{display: none} .mbx{width:100%;height:50px;line-height: 50px;padding:10px 0} .mbx img{display: inline-block;margin-bottom: 5px;margin-right: 10px;vertical-align: middle;} .mbx a{margin: 0 5px;display: inline-block;color: #111;font-size: 16px;} .list_l_title{height: 50px;line-height: 50px;background:#246194 url("../images/sub-bg.png")center center no-repeat;width: 190px;text-align: center;color: #fff;font-size: 22px;} .kj-pass{text-align: center;font-size:22px;color: #333;display:none;} .kj-pass img{vertical-align: middle;margin:25px 15px 30px 0;} .kj-list{display:none;} .kj-list ul li{height: 60px;line-height: 60px;background: #0586b6;text-align: center;margin-bottom: 1px;} .kj-list ul li a{font-size:18px;color: #fff;} .kj-list ul li img{width: 45px;height: 45px;vertical-align: middle;margin-bottom: 5px;margin-right:20px;} .kj-list ul li:nth-child(2){background: #018988;} .kj-list ul li:nth-child(3){background: #2b7647;} .kj-list ul li:nth-child(4){background: #065699;} .kj-list ul li:nth-child(5){background: #065699;} .article-t{text-align: center;width: 100%;margin:30px auto;font-size: 24px;color: #111;} .article-t h1{font-size: 24px;color: #111;} .article-t p{color: #777;font-size:14px;margin-top: 10px;} .list_r_list ul li{border-bottom: #ddd 1px solid;height: 40px;line-height: 40px;} .list_r_list ul li h2{float: left;width: 87%;font-size:16px;} .list_r_list ul li h2:before{content: "";background: url("../images/list-ico-01.png")center center no-repeat;width: 15px;height: 15px;display: inline-block;margin-right: 10px;margin-bottom: 2px;vertical-align: middle;} .list_r_list ul li p{text-align: center} .list_r_list ul li a{color: #333;} .list_r_list ul li:hover a{color: #2d77b4} .list_r_list ul li:hover h2:before{content: "";background: url("../images/list-ico-02.png")center center no-repeat;} .list_r_list ul li:last-child{border-bottom: 0;} .list_r_team{width: 100%;height: auto;overflow: hidden;margin-bottom: 50px;} .list_r_team ul li {width: 430px;border-bottom: #ddd 1px solid;padding:20px 0;float: left;overflow:hidden;} .list_r_team ul li .team_a{background: #ebebeb;width: 100%;height: auto;overflow: hidden;padding:30px 0} .list_r_team ul li .team_l{float: left;width:130px;margin-left:20px;text-align: center} .list_r_team ul li .team_l img{width:100%;height:130px;} .list_r_team ul li .team_l p{background: #22659d;height: 35px;line-height: 35px;width: 100%;border-radius:5px;color: #fff;margin-top: 15px;} .list_r_team ul li .team_r{float: right;width: 250px;margin-right:10px} .list_r_team ul li .team_r h2{font-size:22px;color: #103f66;} .list_r_team ul li .team_r h2 b{display:none;} .list_r_team ul li .team_r h3{font-size: 15px;color: #000;margin-top:15px;padding-bottom:15px;border-bottom: #fff 1px solid;} .list_r_team ul li .team_r h3:before{content: "";width: 6px;height: 6px;background: #91a5bc;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px;} .list_r_team ul li .team_r h3:nth-child(4){border-bottom: 0;} .list_r_team ul li:nth-child(even){float: right;} .list_r_jg ul li{width:600px;margin:35px auto;text-align: center;height:490px;overflow:hidden;} .list_r_jg ul li div{width: 100%;border:#ddd 1px solid;height:400px;} .list_r_jg ul li div h2{background: #1c4160;width:70px;float:left;text-align: center;font-size: 16px;color: #fff;text-align:center} .list_r_jg ul li div h2 b{width:25px;display:block;margin:0 auto;height:100%;padding:127px 0;} .list_r_jg ul li img{width:530px;height:400px;margin:0px auto;float:right} .list_r_jg ul li p{width:320px;height: 50px;line-height: 50px;text-align: center;border:#0e5c9c 1px solid;color: #0e5c9c;display:block;margin: 30px auto;border-radius:5px} .list_r_jg ul li:hover p{background: #0e5c9c;color: #fff} .list_r_tw {margin-top: 50px;} .list_r_tw ul li{width: 100%;margin-top:20px;height: 123px;} .list_r_tw ul li .tw_pic_l{width: 164px;height:123px;float: left;} .list_r_tw ul li .tw_pic_l img{width: 100%;height: 100%} .list_r_tw ul li .tw_pic_r{float: right;width: calc(100% - 190px); border-bottom: #ddd 1px solid;height:123px;position: relative;} .list_r_tw ul li .tw_pic_r h2{float: left;margin-top: 5px;color: #333;width:calc(100% - 150px);font-size:16px;} .list_r_tw ul li .tw_pic_r p{float: left;margin-top:5px;color: #333;width:calc(100% - 150px);position:absolute;left:0;bottom:0} .list_r_tw ul li .tw_pic_r p:before{content: "";background: url("../images/time-ico-x.png")center center no-repeat;background-position: top center; width: 14px;height: 14px;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 5px;} .list_r_tw ul li:hover .tw_pic_r p:before{content: "";background-position: bottom center} .list_r_tw ul li .tw_pic_r span{display: inline-block;float: right;width: 120px;height: 40px;border:#0e5c9c 1px solid;color: #0e5c9c;text-align: center;line-height: 40px;border-radius: 5px;font-size: 16px;vertical-align: middle;margin-bottom: 30px;position:absolute;right:0;top:16%} .list_r_tw ul li:hover .tw_pic_r span{background: #0e5c9c;color: #fff;} .list_r_tw ul li:hover .tw_pic_r h2{color: #22659d} .list_r_tw ul li:hover .tw_pic_r p{color: #22659d} .article_jg_l{float: left;width: 130px;height: 180px;} .article_jg_r{float: right;width: calc(100% - 180px);} .article_r_jg ul li{width: 100%;height:180px;overflow: hidden;margin-top: 20px;} .article_r_jg ul li .article_jg_r{background: #fff;padding:0 20px;height:180px} .article_r_jg ul li img{border:#ddd 1px solid} .article_r_jg ul li h2{font-size: 16px;color: #014b88;padding-top: 10px;margin-bottom:10px;padding-bottom:10px;border-bottom: #ddd 1px solid;margin-top: 5px;} .article_r_jg ul li p{font-size: 16px;color: #333;margin-top:15px;} .article_r_jg ul li p:before{content: "";background:url("../images/ls-ico.png")center center no-repeat;width: 12px;height: 12px;vertical-align: middle;margin-right: 10px;display: inline-block} .list_r dl{text-align: center;width: 100%;margin:50px auto 50px auto} .list_r dl dt{width:278px;height:85px;border-radius: 5px; border:#0d4777 1px solid;line-height: 85px;display: inline-block;margin:0 10px;} .list_r dl dt p{display: inline-block;font-size: 22px;color: #0d4777;font-weight: bold;} .list_r dl dt p:before{content: "";background: url("../images/bglc-ico1.png")center center no-repeat;background-position:top center;display: inline-block;width: 46px;height:46px;margin-right: 30px;vertical-align: middle;margin-bottom: 10px;} .list_r dl dt:nth-child(2) p:before{content: "";background: url("../images/bglc-ico2.png")center center no-repeat;background-position:top center;} .list_r dl dt:hover{background: #0d4777;} .list_r dl dt:hover p{color: #fff;} .list_r dl dt:hover p:before{content: "";background-position:bottom center;} .list_r dl dt.active{background: #0d4777;} .list_r dl dt.active p{color: #fff;} .list_r dl dt.active p:before{content: "";background-position:bottom center;} .list_r dl dt a{display: block} .list_list_t{height: 45px;line-height: 45px;background: #dbe5ee;width: 100%;margin:20px auto;} .list_list_t h2{font-size:18px;color: #0d4777;font-weight: bold;float: left;margin-left:25px;} .list_list_t h2:before{width: 8px;height: 8px;content: "";display:inline-block;vertical-align: middle;background: #0d4777;border-radius: 50%;margin-right:20px;} .list_list_t span{display: inline-block;float: right;margin-right: 20px;color: #0d4777;font-weight: bold;} .fck{line-height: 28px;color: #555;} .fck p,.fck div{line-height: 28px !important;color: #555;font-size:16px !important} .fck table{text-align:center;width:100%;margin:0 auto;} .fck table tr td{border:#ccc 1px solid} .p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; } .page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#00518e; color:#fff; } .page span{display:inline-block;} .p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d:hover{ background:#00518e; color:#fff; } .p_fun_d a:hover,.p_fun_d.thisclass a { background:#00518e; color:#fff; } #vsb_content_6 .vsbcontent_start{font-weight:normal !important;} .xy-list-a{max-width:600px;width: 100%;margin: 0 auto;} .xy-list-k{width:100%;margin: 30px auto;height:auto;overflow:hidden;} .xy-list-img{text-align: center;margin: 20px auto;} .xy-list-img img{width: 100%} .xy-list-img p{background: url(../images/xy-bt-bg.jpg)center center no-repeat;width: 100%;height:55px;line-height: 55px;color: #fff;font-size:20px} .xy-list-table{width: 100%;margin:30px auto;} .xy-list-table ul li{width:50%;display: inline-block;text-align: center;float: left;} .xy-list-table ul li table{width: 100%;border:#c4cfd8 1px solid;} .xy-list-table ul li table tr th{background: #385c79;color:#fff;font-size: 16px;height: 45px;line-height: 45px;vertical-align: middle;} .xy-list-table ul li table tr td{color: #333;font-size: 16px;height: 35px;line-height: 35px;vertical-align: middle;} .xy-list-table ul li table tr th:nth-child(1){border-right:#fff 1px solid;} .xy-list-table ul li table tr td:nth-child(1){border-right:#c4cfd8 1px solid;} .xy-list-table ul li table tr:nth-child(even) td{background: #e1ebef;} /*绾㈣壊*/ .party-red header{background: #9f010c;} .party-red .itop_r_l a:hover{background: #8b010a;} .party-red .itop_r_r a:hover{color:#da111f } .party-red .itop_r_r a.active{color:#da111f } .party-red .isearch{background: #bdbdbd;} .party-red .isearch input[type=submit]{background:url("../images/search-ico2.png") center center no-repeat;} .party-red nav{background: #410408;} .party-red nav ul li:hover{background: #720008;cursor: pointer} .party-red nav ul li.active{background: #720008;} .party-red #nav-menu li ul li:hover{background: #720008;} .party-red .list_l_title{background: #880d15 url("../images/sub-bg-red.png")center center no-repeat;} .party-red .list_l .subNav:hover a{background: #ab131e;} .party-red .list_l .currentDd a{background: #ab131e;} .party-red .kj-list ul li{background: #62161b;} .party-red .kj-list ul li:nth-child(2){background: #62161b;} .party-red .kj-list ul li:nth-child(3){background: #62161b;} .party-red .kj-list ul li:nth-child(4){background: #62161b;} .party-red .kj-list ul li:nth-child(5){background: #62161b;} .party-red .kj-list ul li:hover{background: #d02430;} .party-red .list_r_tw ul li .tw_pic_r span{border:#8b111a 1px solid;color:#8b111a } .party-red .list_r_tw ul li:hover .tw_pic_r span{background:#8b111a;color: #fff;} .party-red .list_r_tw ul li:hover .tw_pic_r h2{color: #8b111a} .party-red .list_r_tw ul li:hover .tw_pic_r p{color: #8b111a} .party-red .list_r_tw ul li .tw_pic_r p:before{background:url("../images/time-ico-x2.png")center center no-repeat;content: "";background-position: top center} .party-red .list_r_tw ul li:hover .tw_pic_r p:before{content: "";background-position: bottom center} .party-red .list_r_list ul li:hover a{color: #89010a} .party-red .list_r_list ul li:hover h2:before{content: "";background: url("../images/list-ico-02-red.png")center center no-repeat;} .party-red footer{background: url("../images/footer-bg-red.jpg") center center no-repeat} .party-red .footer-c-t{border-bottom:#9c0610 1px solid;} .party-red .footer-c-t span:after{background:#b0000b;content: "";} .party-red .footer-c ul li a:hover{color: #ea3642} .party-red .footer-c ul li:hover a:before{ color:#ea3642} .party-red .p_no_d{background: #ab131e;} .party-red .p_fun_d:hover{ background:#ab131e;} .party-red .p_fun_d a:hover,.p_fun_d.thisclass a { background:#ab131e; } .index-td ul li{width:100px;height: 195px;background: #1273a0;color:#fff;margin-right: 6px;text-align: center;float: left;} .index-td ul li a{display: block} .index-td ul li:nth-child(2){background: #2366a5;} .index-td ul li:nth-child(3){background: #265198;} .index-td ul li:nth-child(4){margin-right: 0;background: #233b8a;} .index-td ul li img{width: 52px;height: 52px;display: block;text-align: center;margin:10px auto} .index-td ul li p{font-size: 22px;width:25px;color: #fff;display: inline-block;vertical-align: middle;line-height: 28px} .num_a-z{width: 100%;margin-top: 20px;margin-bottom:10px;height:auto;overflow:hidden;} .num_a-z ul li a{height:45px;margin-right: 10px;float: left;background:#dde6ee; text-align: center;line-height:45px;font-size: 16px;color: #111;display: block;margin-top: 8px;padding:0 20px} .num_a-z ul li a:hover{background: #00518e;color:#fff} .num_a-z ul li a.active{background: #00518e;color:#fff} #vsb_content_6 .vsbcontent_end{text-align:left !important;text-indent:2em !important;} /*涓撳*/ .hyzj { margin: 0 auto; width: 100%; } .mls_pic { width: 100%; float: left; margin-bottom: 15px; background-color: #fff; border: solid 1px #ddd; padding: 30px 0; } .mls_pic .imgk { width: 100%; float: left; text-align: center; margin-bottom: 15px; height:190px; margin-top:15px; } .mls_pic .imgk img { width: 60%; max-width: 190px; } .mls_pic .txtk { width: 100%; float: left; } .txtk p{text-indent:0 !important} .mls_pic .s1 { font-size: 15px; margin-right: 10px; } .mls_pic p { margin-top: 10px; } .mls_lb { width: 100%; float: left; } .mls_lb li { width: 100%; float: left; background-color: #fff; border: solid 1px #ddd; margin-bottom: 15px; } .mls_lb h2 { width: 100%; float: left; color: #033d80; line-height: 40px; position: relative; cursor: pointer; font-size: 14px; padding-left: 10px; margin: 0; cursor: pointer; text-indent:2em; } .mls_lb h2:before { content: ''; position: absolute; height: 40px; width: 21px; background: url("../images/ml_jt.png") center no-repeat; background-size: auto 25%; right: 10px; top: 0px; } .mls_lb h2.on:before { transform: rotate(180deg); } .mls_lb .txtk { width: 94%; display: none; float: left; padding: 15px; border-top: solid 1px #ddd; } .name-t{text-indent:0 !important;margin-top:30px !important} .name-t h1{font-size:30px;color:#012441;display:inline-block;margin-bottom:20px} .name-t span{display:inline-block;text-indent:2em} .img_d{text-indent:0 !important} .mls_pic { width: 94%; float: left; margin-bottom: 20px; background-color: #fff; border: solid 1px #ddd; padding: 10px 3%; font-size: 16px !important; line-height: 30px; overflow: hidden } .mls_pic .imgk { width: 190px; float: left; } .mls_pic .imgk img { width: 100%; } .mls_pic .txtk { width: calc(100% - 230px); float: right; margin-top: 15px; } .mls_pic .s1 { font-size: 24px !important; margin-right: 20px; } .mls_pic .s2 {font-size:16px !important;} .mls_pic .s3{font-size:16px !important;} .mls_pic .s3{line-height:36px !important;} .mls_pic p { margin-top: 10px; } .mls_lb { width: 100%; float: left; } .mls_lb li { width: 100%; float: left; background-color: #fff; border: solid 1px #ddd; margin-bottom: 15px; overflow: hidden } .mls_lb h2 { width: 99%; float: left; color: #033d80; line-height: 45px; position: relative; cursor: pointer; font-size: 18px !important; padding-left:0; margin: 0; cursor: pointer; } .mls_lb h2:before { content: ''; position: absolute; height: 45px; width: 21px; background: url("../images/ml_jt.png") center no-repeat; right: 20px; top: 0px; } .mls_lb h2.on:before { transform: rotate(180deg); } .mls_lb .txtk { width: 94%; display: none; float: left; padding: 10px 36px; font-size: 16px; line-height: 30px !important; border-top: solid 1px #ddd; } .mls_lb .txtk table {text-align: center;border-collapse: collapse; border-spacing: 0;} .mls_lb .txtk table td,.mls_lb .txtk table th{vertical-align: middle;border:#ccc 1px solid !important;text-align: center;border-collapse: collapse;text-indent: 0 !important; border-spacing: 0;} .mls_lb .txtk p{margin:8px auto;} .phone_nav{display: none;float:right;} .phone_nav button { display:inline-block; width:50px; height:24px; line-height:10px; position: absolute;right:0;top:35px } .search-p-ico{display: none;position: absolute;background: url(../images/search-ico-w.png)center center no-repeat;width: 36px;height:36px;right:60px;top: 33px;} .phone_nav button span{ display: inline-block; margin: 2px 0; width: 100%; height: 5px; background: #fff;border-radius:5px;} #index_xiala li ul.menu_xiala {display:none; position:absolute; z-index:999999999; width:220px; padding:0; background:#fff;border: #ddd 1px solid;border-bottom: #014b88 5px solid;} #index_xiala li ul.menu_xiala li { width:46%; float:left; background:#fff;border-top: #ddd 1px solid} #index_xiala li ul.menu_xiala li:nth-child(1){border-top: 0;} #index_xiala li ul.menu_xiala li:nth-child(2){border-top: 0;} #index_xiala li ul.menu_xiala li a{line-height:40px; height: 40px; color:#005187; font-size:14px;width:auto;} #index_xiala li ul.menu_xiala li a:hover{ background:none; color:#11456f;} .login22{width:100%;height: 50px;line-height: 50px;position: absolute;top: 0;left: 0} .login22 a{color: #fff;} .re{text-align: center;width: 50%;float: left;background: #012441;color: #fff;} .re2{text-align: center;width: 50%;float: left;background:#014b88;} .welcome{width: 100%;height: 100vh;position: relative;margin: 0 auto;padding:0;overflow:hidden} .welcome .video-bg{background: rgba(0,0,0,0.4);width: 100%;height:100%;position: absolute;left:0;top:0;z-index: 2;} .welcome .video-video{width: 100%;height:100%;position: absolute;left:0;top:0;z-index: 1;} .welcome .video-video video{width: 100%;object-fit:cover;} .welcome .video-logo{position: absolute;left: 40px;top: 40px;z-index: 4;} .welcome .video-z{position: absolute;z-index: 3; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin: 0 auto; padding: 0;text-align: center;font-size:50px;color: #fff;} .welcome button { position:absolute; z-index:2; left:50%; bottom:10%; margin-top:20px; margin-left:-24px; width:48px; height:48px; background:url(../images/mouse.png) no-repeat; animation:mouseAni 2s infinite linear; -webkit-animation:mouseAni 2s infinite linear; -moz-animation:mouseAni 2s infinite linear; } @-webkit-keyframes mouseAni { 0% { -webkit-transform:translateY(0); } 50% { -webkit-transform:translateY(15px); } 100% { -webkit-transform:translateY(0); } } .cm-logo{width:66px;height:65px;} .cm-logo2{width:70px;height:64px;} .cm-logo3{width:331px;height:64px;} @media screen and (max-width:1280px){ .wrapper{width:96%} .wrapper2{width:96%} .wrapper-sub{width:96%} nav ul{width:96%} .part03-l ul li{width:260px} } @media screen and (max-width:1024px){ .isearch{width:190px} .part01_l{width:100%;height:auto;overflow:hidden;float:none;margin-top:0} .part01_r{float:none;margin:20px auto 0 auto;} .part01{margin-top:30px} .part02 article section dl dt h2{font-size:16px} .part03-l ul li{width:22%;margin-right:3%} .part03-l ul li p{height:120px} .footer-r{width:32%} .list_l{float:none;margin:0 auto 50px auto} .p_pages{padding-bottom:0} .list_l_title{overflow:hidden} .part02 article section dl dt div{height:236px;} .part02 article section dl dt p{height: 100px} } @media screen and (max-width:800px){ .list_r{width:94%;margin:0 auto;float:none;padding:30px 3%} .list_r_team ul li{float:none;margin:10px auto;} .list_r_team ul li:nth-child(even){float:none;} .isearch{float: none;position: absolute;right: 50px;top: 70px;z-index: 99999} .phone_nav{display:block} .xs-nav { height: 100%; background: #333; position: fixed; right: -200px; top: 0; width: 200px; overflow: hidden; display: none;} .nav{float: right;} .nav.on{ position: absolute; left: 100%; top: 0; display: block; width: 130px; height: 2000px; background: #3c3c44; } .isearch{display:none;} nav{display:none;} .xs-nav #index_xiala li{height: 40px;line-height: 40px;text-align:center;border-bottom: #ddd 1px solid;} .xs-nav #index_xiala li a{color: #fff;} #index_xiala{margin-top:50px} .search-p-ico{display: block;} .itop_r{display: none;} .pagination{bottom:10px !important;} .swiper-pagination-bullet{width: 12px;height: 12px;} .part01_l{text-align: center;margin:0 auto;} .part01_l img{float: none;} .part01_z{width: 100%;margin:20px auto;float: none;} .part01_z h2{text-align: left;} .part01_z p{text-align: left;} .part01_z span{float: none;margin:20px auto;} .part02 article section dl dt div{height:177px;} .part02 article section dl dt h2{height: 85px} .part02 article section dl dt p{padding:10px 5%;height: 130px} .part02 article section dl dt span{background: #065699;top: 0;width: 80px;height: 55px;font-size:16px} .part02 article section dl dt span b{font-size: 18px} .part03-l ul li{width: 46%;margin:20px 2% !important;} .part03{height: auto} .part03-l ul li{text-align: center;} .part03-l ul li em{text-align: left;} .part03-l ul li h2{text-align: left;font-size: 17px} .part03-l ul li p{text-align: left;} .part03-l ul li span{display: none;} .footer-l{float: none;margin: 40px auto;text-align: center;width: 100%;float: none;text-align: center;} .flogo{float: none;text-align: center;margin: 20px auto} footer{height: auto;background-position: top center;background-size:100% 100%;padding-bottom:20px;} .footer-l p{display: none;} .footer-c{width: 100%;margin-right: 0;float: none;} .footer-r{width: 100%;float: none;} .part02 ol li{width:100%;margin:0 auto;} .part02 ol li:nth-child(7){border-bottom:#ddd 1px solid;} .welcome{display:none;} } @media screen and (max-width:640px){ .part02 article section dl dt div{height:310px;} .part02 article section dl dt{width:413px;float: none;margin:20px auto} .part02 article section dl dt h2{height: 60px;font-size: 20px} .part02 article section dl dt p{height: 80px;font-size: 16px} .fck img{width: 100%;height:100%} .fck table{width: 100% !important} .list_r_jg ul li{width:530px;height: auto;} .list_r_jg ul li div{height: auto;} .list_r_jg ul li div h2{padding: 0;width:100%;height: 50px;line-height: 50px} .list_r_jg ul li div h2 b{width: 100%;padding: 0} .list_l{margin-top: 50px;} .list_r_list ul li h2{width: 85%} .list_r_list ul li{line-height: 26px;padding: 10px 0 20px 0;overflow: hidden;} .list_r_tw ul li .tw_pic_l{float: none;margin: 0 auto;text-align: center;} .list_r_tw ul li .tw_pic_r{float: none;width: 100%} .list_r_tw ul li{height: auto;} .list_r_tw ul li .tw_pic_r h2{float: none;width: 100%;text-align: center;margin-top: 10px;} .list_r_tw ul li .tw_pic_r span{float: none;margin: 30px auto} .list_r_tw ul li .tw_pic_r p{display: none;} .list_r_tw ul li .tw_pic_r{text-align: center;padding-bottom: 10px;border:0;} .list_r_tw ul li{width: 49%;display: inline-block;} .mls_pic .imgk{float: none;margin: 0 auto;text-indent: 0 !important} .mls_pic .txtk{float: none;width: 100%} .mls_lb .txtk{padding: 20px 10px} .list_r_tw ul li .tw_pic_r span{position:static} } @media screen and (max-width:480px){ .ilogo {margin-top:23px;} .ilogo img{margin-right: 0;} .ilogo a:nth-child(1) img{display: none;} .ilogo a:nth-child(2) img{width: 15%;height:100%;} .ilogo a:nth-child(3) img{width: 57%;height:100%;} .isearch{right: 0} .part01_r{width: 100%} .index-td ul li{width: 94px;} .part01_r_f_l{width: 195px} .part02 article section dl dt{width: 96%} .part02 article section dl dt div{height: 285px} .part03-l ul li img{width: 100%;height: 104px} .part03-l ul li h2{font-size: 16px} .part03-l ul li p{font-size: 14px} .flogo img{margin-right:5px;} .flogo a:nth-child(2) img{width: 18%} .flogo a:nth-child(3) img{width: 75%} .list_r_jg ul li{width: 100%} .list_r_jg ul li img{width: 100%;height: 100%} .list_r_team ul li .team_l{float: none;width: 100%;margin:0 auto;} .list_r_team ul li .team_l p{display: none;} .list_r_team ul li .team_r{float: none;width:90%;margin:0 auto;} .list_r_team ul li .team_l img{width: 130px;height: 130px;} .list_r_team ul li{width: 100%;} .list_r_team ul li .team_r h2{text-align: center;margin-top: 10px;} .list_r_list ul li p{display:none;} .list_r_list ul li h2{width:100%} .xy-list-img p{font-size: 16px;padding: 0 2%;width: 96%;line-height: 26px} .xy-list-table ul li{width: 100%;} .xy-list-k ul li:nth-child(2) table tr th{display: none;} .xy-list-k ul li table tr td:nth-child(1){width:42.6%;} .num_a-z ul li a{width:94%;padding:0 3%} } @media screen and (max-width:375px){ .search-p-ico{right: 52px} .index-td ul li{width: 85px} .part01_r_f_l{width: 177px} .part01_r_f_l img{width: 60px;height: 60px;margin-left: 10px;margin-top: 15px;} .part02 ul li h2{width: 175px} .part02 article section dl dt div{height: 260px} .part02 article section dl dt h2{font-size: 16px} .part02 article section dl dt p{height: 105px} .part03-l ul li em{font-size: 18px} .part03-l ul li em:before{width: 18px;height: 18px;background-size:100% 100%; } .part03{padding-bottom: 20px} .mls_pic .s2{font-size: 14px !important} .mls_pic .s3{font-size: 14px !important} } @media screen and (max-width:360px){ .index-td ul li{width: 80px;margin-right: 8px;} .index-td ul li p{font-size: 20px} .part01_r_f_l{width: 170px} .part02 ul li h2{width: 165px} .part02 article section dl dt div{height: 249px} } @media screen and (max-width:320px){ .part02 article section dl dt div{height: 221px} .part03-l ul li img{height: 80px} .footer-r p{font-size: 14px} .index-td ul li{width: 73px;margin-right: 5px ;} .part01_r_f_l{width: 152px;text-align: center;margin-right: 0;} .part01_r_f_l img{display: none;} .part02 ul li h2{width: 140px;font-size: 20px} }