锘緻charset "utf-8"; /* CSS Document */ ul,li,span,b,p,strong,ol,dl,dd,dt,h1,h2,h3,h4,h5,input,a,div,img{margin:0px;padding: 0px;text-decoration:none;} body{overflow-x:hidden;} h1,h2,span,b { /*text-transform:uppercase;*/ } .content{width:1000px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;} .content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;} body{font-family: "寰蒋闆呴粦";position: relative;} li{font-family: "寰蒋闆呴粦";list-style:none;} img{ border:0px none; } .cla:before { display: table; content: ""; line-height: 0; } .cla{ zoom:1; } .cla:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; } .header { position: relative; /*width: 100%;*/ padding: 15px 20px 15px 10px; background-color: #fff; } .header-title { width: 70%; text-align: left; float: left; margin-top: 4px; } .header-title h2 { display: block; line-height: 15px; font-size: 14px; font-weight: normal; color: #333; } .header-title span { line-height: 10px; font-size: 8px; font-family: Arial; color: #666; } .header-inline { position: absolute; top: 18px; right: 88px; width: 1px; height: 30px; background-color: #dedede; } .header-nav { display: block; position: absolute; top: 21px; right: 20px; width: 32px; height: 25px; z-index: 11; } .header-nav a { display: block; width: 100%; height: 100%; background-image: url(../img/header-nav.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .nav { position: absolute; top: 0; left: -100%; width: 100%; background-color: #fff; z-index: 12; } .nav-top { padding: 15px 20px 20px 25px; border-bottom: 1px solid #e5e5e5; } .nav-input { width: 70%; height: 30px; margin-top: 3px; overflow: hidden; border: 1px solid #acacac; } .nav-input input { border: 0; font-size: 9px; color: #555; background-color: #fff; } .nav-input .input-text { width: 75%; height: 20px; float: left; padding-left: 5px; line-height: 20px; margin-top: 5px; /*margin-right: 15px;*/ } .nav-input .input-sub { width: 20%; height: 30px; float: right; margin-right: 0px; background-image: url(../img/input-sub.png); background-size: 40px; background-repeat: no-repeat; background-position: center; } .nav-main { width: 100%; } .nav-main ul { width: 100%; } .nav-main ul li { width: 100%; } .nav-main-title { padding: 0 25px; line-height: 35px; border-bottom: 1px solid #d4d4d4; } .nav-main-title a { display: block; height: 35px; line-height: 35px; padding-left: 20px; font-size: 13px; color: #555; text-align: left; background-image: url(../img/nav-main-title.png); background-size: 12px 8px; background-repeat: no-repeat; background-position: left center; } .nav-main-cont { display: none; width: 100%; } .nav-main-cont a { display: block; height: 35px; line-height: 35px; text-align: left; padding-left: 45px; padding-right: 35px; font-size: 12px; color: #555; background-color: #ececec; border-bottom: 1px solid #d4d4d4; background-image: url(../img/nav-main-cont.png); background-size: 10px 10px; background-repeat: no-repeat; background-position: 95% center; } .nav-inline { position: absolute; top: 18px; right: 78px; width: 1px; height: 30px; background-color: #999; } .nav-out { display: block; position: absolute; top: 21px; right: 20px; width: 32px; height: 25px; z-index: 12; } .nav-out a { display: block; width: 100%; height: 100%; background-image: url(../img/header-nav.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .footer { width: 100%; padding: 5px 0 18px 0; background-color: #fff; } .footer-top { width: 100%; height: 20px; padding: 10px 0; background-color: #0c5392; } .footer-share { width: 50%; float: left; } .footer-share-title { float: left; padding-left: 20px; line-height: 22px; font-size: 10px; color: #fff; } .footer-sina { float: left; margin-left: 12px; } .footer-sina a { display: block; float: left; width: 20px; height: 20px; margin-right: 16px; overflow: hidden; } .footer-sina a img { width: 100%; } .footer-link { float: right; width: 49%; border-left: 1px solid #3d75a8; } .footer-link a { float: left; padding-left: 20px; line-height: 22px; font-size: 10px; color: #fff; } .footer-info { padding: 15px 5px 0 5px; } .footer-info p { display: block; width: 100%; text-align: center; line-height: 20px; font-size: 10px; color: #666; } .footer-info a { display: block; width: 100%; text-align: center; line-height: 20px; font-size: 10px; color: #666; } .swiper-container { position: relative; width: 100%; overflow: hidden; } .swiper-wrapper { display: flex; position: relative; width: 300%; } .swiper-slide { width: 100%; } .swiper-slide img { width: 100%; } .swiper-pagination { position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; text-align: center; background-color: #0c5392; } .swiper-pagination span { cursor: pointer; } .swiper-pagination-bullet { display: inline-block; width: 30px; height: 25px; margin: 0 4px; background-image: url(../img/swiper-pagination-bullet.png); background-repeat: no-repeat; background-position: center; } .swiper-pagination span.swiper-pagination-bullet-active { display: inline-block; width: 30px; height: 25px; margin: 0 4px; background-image: url(../img/swiper-pagination-bullet-active.png); background-repeat: no-repeat; background-position: center; } .index-navlist { width: 100%; background-color: #fff; } .index-navlist-main { width: 100%; height: 80px; padding: 28px 0; } .index-navlist-main ul { width: 100%; margin: 0 auto; } .index-navlist-main ul li { width: 25%; min-width: 60px; height: 80px; float: left; } .index-navlist-main ul li a { display: block; width: 100%; height: 100%; } .index-navlist-img { width: 60px; height: 60px; margin: 0 auto; overflow: hidden; } .index-navlist-img img { width: 100%; } .index-navlist-title { width: 100%; line-height: 30px; font-size: 12px; color: #666; text-align: center; } .index-navlist-air { width: 100%; } .index-navlist-air div { display: block; padding: 0 15px; } .index-navlist-air div img { width: 100%; } .index-news { width: 100%; height: 176px; background-color: #f5f5f5; } .index-news-list { padding: 8px 15px 0 15px; } .index-news-list-title { position: relative; width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #dfdfdf; } .index-list-title-list { float: left; width: 25%; min-width: 60px; line-height: 30px; text-align: center; font-size: 12px; color: #666; font-weight: bold; } .index-list-title-liston { float: left; width: 25%; min-width: 60px; line-height: 30px; text-align: center; font-size: 12px; color: #006eb1; font-weight: bold; } .index-list-title-inline { position: absolute; left: 25%; top: 8px; width: 1px; height: 14px; background-color: #e0e0e0; } .index-news-list-cont { padding: 0 15px; height: auto; } .index-news-list-cont a { display: block; width: 100%; height: 40px; margin-top: 15px; } .index-news-list-time { width: 38px; height: 40px; float: left; overflow: hidden; background-image: url(../img/index-news-list-time.png); background-size: 38px 45px; background-repeat: no-repeat; background-position: center; position: absolute; } .index-news-list-cont>a{ position: relative; } .index-news-list-time h2 { padding-top: 6px; padding-left: 6px; line-height: 12px; font-size: 15px; font-weight: bold; color: #fff; font-family: Arial; } .index-news-list-time span { padding-left: 4px; padding-top: 5px; line-height: 10px; font-size: 6px; font-family: Arial; color: #fff; text-align: center; } .index-news-list-main { height: 40px; float: left; margin-left: 40px; overflow: hidden; margin-right: 15px; } .index-news-list-cont-title{ line-height: 1.1; } .index-news-list-cont-title { width: 100%; line-height: 16px; font-size: 11px; color: #333; text-align: left; height: 16px; overflow: hidden; } .index-news-list-cont-word { width: 100%; line-height: 12px; font-size: 10px; color: #999; text-align: left; } .index-video { padding: 12px 15px 15px 15px; height: 127px; } .index-video-title { width: 100%; line-height: 13px; text-align: left; font-size: 12px; color: #666; font-weight: bold; } .index-video-main { width: 100%; height: 97px; margin-top: 10px; } .index-video-main a { display: block; width: 100%; height: 100%; } .index-video-img { width: 73%; float: left; height: 97px; overflow: hidden; } .index-video-img img.xz{ width: 100%; height: 100%; } .index-video-img img { width: 100%; } .news-main tr{ height: 32px; border-bottom: 1px solid #dadada; line-height: 32px; } .news-main td p.zj{ text-align: center; display: block; } .news-main tr.join-one{ background: #e5e5e5; border: none; height: 27px; line-height: 27px; } .index-video-word { width: 27%; height: 97px; float: right; background-image: url(../img/index-video-word.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .index-honor { width: 100%; min-height: 225px; } .index-honor-main { padding: 18px 15px 30px 15px; /*min-height: 113px;*/ background-color: #f5f5f5; overflow: hidden; } .index-honor-title { width: 100%; line-height: 15px; text-align: left; font-size: 12px; color: #666; font-weight: bold; } .index-honor-cont { width: 100%; /*height: 100px;*/ margin-top: 5px; overflow: hidden; } .index-honor-time { width: 24%; height: 100%; padding-top: 23px; float: left; } .index-honor-time strong { display: block; width: 100%; line-height: 20px; font-size: 27px; font-weight: bold; font-family: Arial; text-align: left; color: #666; } .index-honor-time span { display: block; width: 60px; line-height: 12px; font-size: 10px; color: #666; text-align: right; } .index-honor-word { width: 69%; float: right; height: 100%; padding: 5px 0; border-left: 1px solid #e7e7e7; } .index-honor-word p { line-height: 13px; margin-left: 15px; font-size: 10px; color: #666; } .index-honor-list { width: 100%; height: 67px; background-color: #fff; overflow: hidden; } .index-honor-list-time { position: relative; height: 67px; } .index-honor-list-time ul { position: relative; /*min-width: 500%;*/ margin: 0; } .index-honor-list-time ul li { display: inline-block; position: relative; width: 50px; height: 45px; line-height: 18px; float: left; margin-top: 15px; font-size: 10px; color: #666; font-family: Arial; background-image: url(../img/index-honor-list-time.png); background-size: 100% 30px; background-repeat: no-repeat; background-position: center 18px; text-align: center; } .index-honor-list-time ul .active { font-size: 16px; font-weight: bold; color: #006eb1; background-image: url(../img/index-honor-list-timeon.png); } .index-honor-list-time ul .index-honor-list-timeon { font-size: 16px; font-weight: bold; color: #006eb1; background-image: url(../img/index-honor-list-timeon.png); } .index-honor-cont-list { position: relative; width: 100%; margin: 0; } .index-honor-cont-list ul { /*min-width: 2500%;*/ margin: 0; } .index-honor-cont-list ul li { display: inline-block; float: left; overflow: hidden; width: 100%; } .index-plate { padding: 15px 15px 30px 15px; background-color: #f5f5f5; } .index-plate-top { width: 100%; height: 15px; } .index-plate-title { width: 40%; float: left; line-height: 15px; font-size: 12px; font-weight: bold; color: #333; text-align: left; } .index-plate-focus { padding: 0; float: right; } .index-plate-focus span { display: inline-block; width: 8px; height: 8px; margin-top: 5px; margin-left: 4px; border: 1px solid #c4c4c4; background: #c4c4c4; border-radius: 8px; overflow: hidden; } .index-plate-focus span.swiper-pagination-bullet-active{ border: 1px solid #006fb7; background: #006fb7; } .index-plate-focus .index-plate-focus-curr { border: 1px solid #006fb7; background-color: #006fb7; } .index-plate-main { width: 100%; margin-top: 5px; overflow: hidden; } .index-plate-main ul { position: relative; width: 300%; height: 100%; margin: 0; } .index-plate-main ul li { position: relative; width: 100%; height: 100%; } .index-plate-main ul li>a { display: block; width: 100%; height: 100%; } .index-plate-main ul li div{ display: block; position: relative; width: 32%; height: 100%; float: left; min-height: 62px; margin-right: 1%; overflow: hidden; } /*.index-plate-main ul li a img { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }*/ .index-plate-main ul li a span { position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: rgba(0,0,0,0.3); line-height: 20px; font-size: 10px; color: #fff; line-height: 20px; z-index: 2; text-align: center; } .about-banner { width: 100%; overflow: hidden; } .about-banner img { width: 100%; } .about-title { width: 100%; height: 38px; border-bottom: 1px solid #e0e0e0; } .about-title h2 { padding: 10px 15px; height: 18px; line-height: 18px; font-size: 13px; font-weight: bold; color: #666; } .about-honor-time-list { position: relative; width: 100%; height: 80px; overflow: hidden; } .about-honor-time-list ul { position: relative; width: 100%; margin: 0; } .about-honor-time-list ul li { position: relative; width: 20%; height: 45px; float: left; margin-top: 20px; line-height: 18px; font-size: 11px; font-family: Arial; color: #666; text-align: center; background-image: url(../img/index-honor-list-time.png); background-size: 100% 30px; background-repeat: no-repeat; background-position: center 18px; } .about-honor-time-list ul .active{ font-size: 15px; font-weight: bold; color: #006eb1; background-image: url(../img/index-honor-list-timeon.png); } .about-honor-time-list ul .about-honor-time-liston { } .about-honor-cont { padding: 30px 15px 20px 15px; min-height: 100px; background-color: #f9f9f9; } .about-honor-cont-time { width: 29%; height: 60px; float: left; border-right: 1px solid #e8e8e8; } .about-honor-cont-time strong { display: block; padding-top: 18px; width: 100%; line-height: 28px; font-size: 31px; font-weight: bold; font-family: Arial; color: #666; text-align: center; } .about-honor-cont-time span { display: block; width: 70px; line-height: 15px; font-size: 10px; color: #666; text-align: right; } .about-honor-cont-main { width: 70%; min-height: 100%; float: right; } .about-honor-cont-main p { padding-left: 15px; line-height: 13px; font-size: 10px; color: #666; text-align: left; } .about-honor-cont-list { position: relative; } .about-honor-cont-list ul { position: relative; width: 100%; margin: 0; } .about-honor-cont-list ul li { width: 100%; float: left; overflow: hidden; } .partners-list { padding: 20px 0 40px 15px; min-height: 215px; } .partners-list ul { width: 100%; margin: 0; padding-bottom: 10px; } .partners-list ul li { width: 30%; height: 45px; float: left; margin-right: 2%; margin-top: 13px; background-image: url(../img/partners-list-bor.png); background-size: 93px 45px; background-repeat: no-repeat; background-position: center; overflow: hidden; } .partners-list ul li img { width: 80%; margin-top: 5px; margin-left: 10%; } .about-team { padding: 0 15px; line-height:180%; } .about-team-main { padding: 20px 0; width: 100%; min-height: 110px; border-bottom: 1px solid #f5f5f5; /*margin-top: 15px;*/ } .about-team-img { width: 80px; height: 110px; float: left; overflow: hidden; } .about-team-img img { width: 100%; } .about-team-word { width: 70%; float: right; min-height: 110px; line-height: 15px; font-size: 10px; color: #808080; } .about-team-word h2 { width: 100%; line-height: 18px; font-size: 12px; color: #333; } .about-honor { padding: 20px 0 20px 15px; } .about-honor ul { width: 100%; margin: 0; } .about-honor ul li { width: 40%; height: 115px; float: left; margin-right: 10%; margin-top: 10px; overflow: hidden; } .about-honor-img { width: 100%; height: 95px; overflow: hidden; } .about-honor-img img { width: 100%; } .about-honor-title { width: 100%; line-height: 20px; font-size: 10px; color: #666; text-align: center; } .company-content { padding: 15px; font-size: 11px; color: #666; line-height: 180%; } .company-content dl{ border-bottom:1px solid #ccc; margin-bottom: 10px; } .company-content dt{ font-size: 14px; color: #000; margin-bottom: 20px; } .company-content dd{ margin-bottom: 10px; } .company-content dd a{ font-size: 12px; color: #666; } .company-content p img{ width: 100% !important; } .news-loop { position: relative; padding: 20px 15px 10px 15px; height: 193px; overflow: hidden; } .news-loop ul { position: relative; width: 100%; margin: 0; z-index: 2; } .news-loop ul li { position: relative; width: 100px; height: 193px; float: left; } .news-loop ul li a { position: relative; display: block; width: 100%; height: 100%; } .news-loop ul li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .news-loop-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; background-color: rgba(0,0,0,0.4); z-index: 2; } .news-loop-bottom span { display: block; width: 100%; padding-left: 10px; line-height: 35px; font-size: 11px; color: #fcfcfc; text-align: left; } .news-loop-focus { position: absolute; bottom: 20px; right: 15px; /*width: 45px;*/ height: 10px; z-index: 3; } .news-loop-focus span.swiper-pagination-bullet-active { background-color: #006fb7; } .news-loop-focus span { display: inline-block; width: 8px; height: 8px; float: left; margin-right: 5px; border: 1px solid #fff; border-radius: 8px; overflow: hidden; background-color: #fff; } .news-main { padding: 10px 15px 20px 15px; } .news-main ul { width: 100%; margin: 0; } .news-main ul li { width: 100%; height: 100px; margin-top: 10px; border: 1px solid #e3e3e3; background-color: #fdfcfc; } .news-main ul li a { display: block; padding: 15px 10px 0 10px; height: 85px; } .news-main-img { width: 73px; height: 50px; float: left; overflow: hidden; } .news-main-img img { width: 100%; } .news-main-cont { width: 70%; min-height: 50px; float: right; text-align: left; } .news-main-cont h2 { width: 100%; height: 15px; line-height: 15px; font-size: 11px; color: #333; font-weight: normal; } .news-main-cont p { width: 100%; line-height: 12px; font-size: 10px; color: #666; } .news-main-cont span { display: block; width: 100%; line-height: 15px; font-size: 10px; font-family: Arial; color: #9f9f9f; } .w-f { width: 100%; } .h-f { height: 100%; } .news-video { padding: 0 0 0 15px; } .news-video ul { width: 100%; margin: 0; } .news-video ul li { position: relative; width: 45%; height: 90px; float: left; margin-right: 5%; margin-top: 20px; overflow: hidden; } .news-video ul li a { display: block; width: 100%; height: 100%; /*background-image: url(../img/news-video.png); background-repeat: no-repeat; background-position: center;*/ } .news-video ul li a img { position: absolute; top: 0; left: 0; width: 100%; z-index: 11; } .news-video-bg { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; width: 35px; height: 35px; overflow: hidden; z-index: 12; } .news-video-bg img { width: 100%; } .business-list { padding: 15px 0; } .business-list ul { width: 100%; margin: 0; } .business-list ul li { position: relative; width: 95%; padding: 0 15px; background-color: #f7f7f7; margin-bottom: 2px; } .business-list-title { display: block; /*padding: 15px;*/ width: 100%; height: 33px; margin-top: 2px; background-color: #f7f7f7; } .business-list-word { width: 80%; float: left; font-size: 10px; font-weight: bold; color: #666; line-height: 33px; } .business-list-more { width: 20%; float: right; height: 33px; overflow: hidden; } .business-list-more a { display: block; width: 100%; height: 100%; background-image: url(../img/business-list-more.png); background-size: 18px 18px; background-repeat: no-repeat; background-position: center; } .business-list-main { display: none; width: 100%; height: 200px; margin-top: 6px; margin-bottom: 10px; /*padding: 15px 0;*/ background-color: #f7f7f7; } .business-list-main-title { width: 100%; margin-top: 10px; line-height: 22px; font-size: 11px; font-weight: bold; color: #666; } .business-list-main-content { width: 100%; height: 200px; margin-top: 5px; } .business-list-main-img { width: 40%; height: 70px; float: left; overflow: hidden; } .business-list-main-img img { width: 100%; } .business-list-main-cont { width: 56%; height: 155px; float: right; overflow: hidden; } .business-list-main-word { width: 100%; height: 105px; font-size: 10px; color: #666; line-height: 12px; } .business-list-main-more { width: 75px; height: 25px; line-height: 25px; border: 1px solid #cbcbcb; } .business-list-main-more a { display: block; width: 100%; height: 100%; font-size: 10px; color: #666; line-height: 25px; text-align: center; } .business-more { width: 100%; height: 35px; margin-top: 15px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; } .business-more a { display: block; width: 75px; height: 35px; line-height: 35px; margin: 0 auto; font-size: 11px; color: #666; text-align: left; background-image: url(../img/business-more.png); background-size: 18px 18px; background-repeat: no-repeat; background-position: right center; } .header-title{ width: 190px; height: 25px; } .header-title img{ width: 100%; height: 100%; } .index-video-img{ position: relative; } .index-video-img span{ background: url(../img/cd_04.png) no-repeat center center; width: 30px; height: 30px; display: block; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; background-size: 30px 30px; } .join-con{ padding-bottom: 40px; } .join-con td a{ color: #666; } .con-menu{ height: 60px; margin-bottom: 30px; } .con-left{ background:#0c5392 url(../img/content_05.png) no-repeat 20px center; float: left; width: 48%; height: 60px; background-size: 40px 40px; line-height: 60px; } .con-right{ background:#0c5392 url(../img/cx_07.png) no-repeat 20px center; float: right; width: 48%; height: 60px; background-size: 40px 40px; line-height: 60px; } .con-bottom p strong{ font-size: 16px; color: #666; font-weight: 500; } .con-menu a{ display: block; padding-left: 70px; font-size: 14px; color: #fff; } .con-bottom { padding-bottom: 40px; } .content-title { padding: 0 15px; margin-top: 15px; } .content-title h2 { width: 100%; line-height: 15px; font-size: 12px; color: #333; font-weight: bold; text-align: center; } .content-main { padding: 15px; font-size: 10px; line-height: 180%; color: #666; text-align: left; } .content-main img{ max-width: 100%; } .next-prev { width: 50%; float: left; } .next-prev a { display: block; width: 100%; text-align: left; line-height: 15px; font-size: 10px; color: #333; } .news-bottom { padding: 15px; margin-bottom: 15px; } .news-back { width: 50%; float: right; text-align: right; } .news-back a { padding: 5px 10px; border: 1px solid #0c5392; line-height: 15px; text-align: center; font-size: 12px; color: #333; } .black-bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 11; }