锘緻charset "UTF-8"; /*------------// Overall //------------------*/ body{font: "Microsoft YaHei","榛戜綋",Helvetica,Arial,Tahoma,sans-serif; color:#666; margin:0; background:#FFF; line-break: 100%;} body {font-family: "寰蒋闆呴粦"\0; font-weight: 300\0; font-family: "Microsoft YaHei"; padding-top: 0.1px;} html,body{-webkit-text-size-adjust:none; text-transform: uppercase} html { min-width: 1280px; } * {-webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box; -webkit-touch-callout: none;} table{border-collapse:collapse; border-spacing:0; empty-cells:show; } th, td { border-collapse:collapse; } a:link{text-decoration:none; color:#666;} a:visited{text-decoration:none; color:#666;} img{vertical-align: middle; border:0;/*娣诲姞浠ヤ笅灞炴€ф槸瑙e喅鍥剧墖鍦ㄥ井淇℃祻瑙堝櫒涓嬮粯璁よ浆鎹㈡晥鏋滈€犳垚椤甸潰妯$硦*/-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none; max-width: 100%; height: auto !important;} div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} ol,ul,li{list-style-type:none;} /*IOS涓嬬Щ闄ゆ寜閽師鐢熸牱寮 -webkit-appearance*/ input[type=button]{-webkit-appearance:none;outline:none;} /*鍘婚櫎鐐瑰嚮鎸夐挳锛屾湁鐏拌壊闃村奖*/ a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);} /* a {transition: all 0.3s ease-in-out;} */ textarea {font-family: '寰蒋闆呴粦';} .pic-box {display: table-cell; vertical-align: middle; text-align: center;} .cont { width:1200px;margin: 0 auto; overflow: hidden; position: relative;} .text-box {display: table-cell; text-align: center; vertical-align: middle;} .text-box p {vertical-align: middle;} /*-------------------------------- header start --------------------------------*/ .header {width: 100%; height: 110px; /*position: fixed;*/ z-index: 99999; top: 0; transition: background 0.3s ease-in-out;} .header .cont {overflow: visible; position: static;} .logo {display: block; float: left; margin-top: 18px;} .nav-box {overflow: hidden; float: right;} .nav-list > li {float: left; line-height: 110px; margin-left: 40px;} .nav-list a {display: block; transition: all 0.3s ease-in-out; font-size: 15px;} .nav-list > li:hover > a {color: #003894;} .sec-nav {position: absolute; width: 100%; text-align:center;background: url('nav-bg.png'); z-index: 1000; left: 0; top: 110px;/* border-top: 1px solid #e9eaea; */ overflow: hidden; display: none; height: 80px; line-height: 80px;} .sec-list {font-size: 14px; color: #666;display: inline-block; /*float: right*/} .sec-list li {float: left; margin-left: 50px;} .sec-list i {display: block; background: url('nav-ico.png') no-repeat; width: 33px; height: 33px; float: left; margin: 24px 10px 0 0;} .sec-list a {font-size: 14px; display: block;} .sec-list .nav-ico {float: left; width: 53px; height: 100%;} .sec-list .nav-ico .pic-box {width: 53px; height: 80px;} /* 浜岀骇瀵艰埅鍥炬爣 */ /* 浜у搧 */ body .nav-pro1 {width: 22px; height: 29px; background-position: left top; margin-top: 26px;} body .nav-pro2 {width: 33px; height: 29px; background-position: -35px top; margin-top: 26px;} body .nav-pro3 {width: 35px; height: 26px; background-position: -81px top; margin-top: 27px;} body .nav-pro4 {width: 35px; height: 25px; background-position: -129px top; margin-top: 28px;} body .nav-pro5 {width: 25px; height: 30px; background-position: -177px top; margin-top: 25px;} /* 鏈嶅姟 */ body .nav-sup1 {background-position: left -85px;} /*body .nav-sup2 {background-position: -82px -85px;}*/ body .nav-sup2 {background-position: -123px -85px;} body .nav-sup4 {background-position: -164px -85px;} body .nav-sup3 {background-position: -41px -85px;} /* 妗堜緥 */ body .nav-case1 {background-position: left -176px;} body .nav-case4 {background-position: -435px bottom;} /* body .nav-case4 {background-position: -41px -176px;} */ body .nav-case2 {background-position: -82px -176px;} body .nav-case3 {background-position: -123px -176px;} body .nav-case5 {background-position: -41px -176px;} body .nav-case6 {background-position: -164px -176px;} body .nav-case7 {background-position: -504px -125px;} /* 鍏充簬鎴戜滑 */ body .nav-au1 {background-position: -216px -85px;} body .nav-au2 {background-position: -257px -85px;} body .nav-au3 {background-position: -298px -85px;} body .nav-au4 {background-position: -339px -85px;} body .nav-au5 {background-position: -380px -85px;} body .nav-au6 {background-position: -421px -85px;} body .nav-au7 {background-position: -462px -85px;} /* 鑱旂郴鎴戜滑 */ body .nav-cu1 {background-position: -216px -175px;} body .nav-cu2 {background-position: -257px -175px;} body .nav-cu3 {background-position: -298px -175px;} body .nav-cu4 {background-position: -339px -175px;} .sec-img {width: 420px; float: right; background: #003894; height: 220px; margin: 40px;} .sec-list li:hover a {color: #003894;} /* hover鏇存崲鍥炬爣 */ .sec-list li:hover .nav-pro1, .page-on .nav-pro1 {background-position: left -40px;} .sec-list li:hover .nav-pro2, .page-on .nav-pro2 {background-position: -35px -40px;} .sec-list li:hover .nav-pro3, .page-on .nav-pro3 {background-position: -81px -40px;} .sec-list li:hover .nav-pro4, .page-on .nav-pro4 {background-position: -129px -40px;} .sec-list li:hover .nav-pro5, .page-on .nav-pro5 {background-position: -177px -40px;} .sec-list li:hover .nav-sup1, .page-on .nav-sup1 {background-position: left -125px;} /*.sec-list li:hover .nav-sup2, .page-on .nav-sup2 {background-position: -82px -125px;}*/ .sec-list li:hover .nav-sup2, .page-on .nav-sup2 {background-position: -123px -125px;} .sec-list li:hover .nav-sup4, .page-on .nav-sup4 {background-position: -164px -125px;} .sec-list li:hover .nav-sup3, .page-on .nav-sup3 {background-position: -41px -125px;} .sec-list li:hover .nav-case1, .page-on .nav-case1 {background-position: left bottom;} .sec-list li:hover .nav-case4, .page-on .nav-case4 {background-position: -385px bottom;} /* .sec-list li:hover .nav-case4, .page-on .nav-case4 {background-position: -41px bottom;} */ .sec-list li:hover .nav-case2, .page-on .nav-case2 {background-position: -82px bottom;} .sec-list li:hover .nav-case3, .page-on .nav-case3 {background-position: -123px bottom;} .sec-list li:hover .nav-case5, .page-on .nav-case5 {background-position: -41px bottom;} .sec-list li:hover .nav-case6, .page-on .nav-case6 {background-position: -164px bottom;} .sec-list li:hover .nav-case7, .page-on .nav-case7 {background-position: -504px -171px;} .sec-list li:hover .nav-au1, .page-on .nav-au1 {background-position: -216px -125px;} .sec-list li:hover .nav-au2, .page-on .nav-au2 {background-position: -257px -125px;} .sec-list li:hover .nav-au3, .page-on .nav-au3 {background-position: -298px -125px;} .sec-list li:hover .nav-au4, .page-on .nav-au4 {background-position: -339px -125px;} .sec-list li:hover .nav-au5, .page-on .nav-au5 {background-position: -380px -125px;} .sec-list li:hover .nav-au6, .page-on .nav-au6 {background-position: -421px -125px;} .sec-list li:hover .nav-au7, .page-on .nav-au7 {background-position: -462px -125px;} .sec-list li:hover .nav-cu1, .page-on .nav-cu1 {background-position: -216px bottom;} .sec-list li:hover .nav-cu2, .page-on .nav-cu2 {background-position: -257px bottom;} .sec-list li:hover .nav-cu3, .page-on .nav-cu3 {background-position: -298px bottom;} .sec-list li:hover .nav-cu4, .page-on .nav-cu4 {background-position: -339px bottom;} /*鍏ㄥ浗鐑嚎*/ .head-hot-line {float: right; margin: 15px 0 0 53px;} .head-hot-line small {font-size: 14px; color: #666; display: block; line-height: 14px; text-align: right;} .head-hot-line p {overflow: hidden; line-height: 24px; text-align: right;} .head-hot-line span {font-size: 18px; color: #003894; font-family: 'Arial';} .head-hot-line i {display: block; width: 15px; height: 19px; background: url('ico.png') left -226px no-repeat; float: left; margin: 2px 8px 0 0;} /*--------------------------------- header end ---------------------------------*/ /*-------------------------------- 鍐呴〉鏍忕洰 start --------------------------------*/ .page-list {overflow: hidden; margin: 45px 0 0; float: none;} .page-list .nav-ico {width: 42px; height: 100%;} .page-list .nav-ico .pic-box {width: 42px; height: 42px; text-align: left;} .page-list li {float: left; height: 42px; margin: 0;} .page-list a {display: block; width: 100%; height: 100%; padding: 0 30px; line-height: 42px; text-align: center; border-radius: 4px; position: relative; font-size: 14px; color: #666;} .page-list a:before {content: ''; width: 1px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: #dedede;} .page-list li:first-child a:before {width: 0;} .page-list li:first-child a {padding-left: 0;} /* .page-list li:hover a, .page-on a {background: #003894; color: #fff;} */ /* .page-list li:hover a:before, .page-on a:before {width: 0;} */ .page-list i {margin-top: 3px;} .page-on a {color: #003894;} /*--------------------------------- 鍐呴〉鏍忕洰 end ---------------------------------*/ /*-------------------------------- banner start --------------------------------*/ .banner {/*position: fixed; z-index: auto;*/ width: 100%; /*height: 700px;*/ top: 0} .banner .swiper-container {height: 700px;} .banner a {display: block; width: 100%; height: 100%;} .banner a .cont {overflow: visible;} .banner a .cont .ani {position: absolute;} .f-b .b-left .ani {left: 50px;} .b-left .ani:first-child {top: 248px;} .b-left .ani:nth-child(2) {top: 322px; font-size: 24px; color: #606060; font-weight: 300;} .b-left .ani:nth-child(3) {top: 407px;} .b-left .ani:nth-child(4) {top: 407px; left: 140px;} .b-left .ani:nth-child(5) {top: 407px; left: 230px;} .b-left .ani:nth-child(6) {top: 407px; left: 320px;} .f-b .b-right .b-r1 { z-index: 2; right: -19px; top: 139px; width: 496px; height: 496px; display: table-cell; vertical-align: middle; text-align: center;} .swiper-pagination-bullet {width: 12px; height: 12px; background: #fff; opacity: 1; transition: all 0.3s ease-in-out; border-radius: 6px;} .swiper-pagination-bullet-active {width: 40px;} .sec-banner {width: 100%; height: 378px;} .sec-banner b {display: block; width: 100%; height: 100%;} /*--------------------------------- banner end ---------------------------------*/ .cont-m1 {/*margin-top: 110px;*/} .cont-m2 {/*margin-top: 378px;*/} /*-------------------------------- 棣栭〉 start --------------------------------*/ .content {/*position: relative; z-index: 2;*/} .i-cont {/*margin-top: 700px;*/} .i-pro {background: #fff; height: 170px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 43px 0 40px; position: relative;} .i-pro-list li {width: 20%; float: left; text-align: center; position: relative;} .i-pro-list li:before {width: 1px; height: 84px; position: absolute; left: 0; top: 0; background: #e9e9e9; content: ''} .i-pro-list li:first-child:before {width: 0;} .i-pro-list a {display: block; width: 100%; height: 100%;} .i-pro-pic {width: 100%; height: 54px;} .i-pro-pic .pic-box {width: 240px; height: 54px;} .i-pro-pic i {display: inline-block; height: 50px; width: 58px; background: url('ico.png') no-repeat;} body .content .i-pro-ico1 {background-position: left top;} body .content .i-pro-ico2 {background-position: -58px top;} body .content .i-pro-ico3 {background-position: -116px top;} body .content .i-pro-ico4 {background-position: -174px top;} body .content .i-pro-ico5 {background-position: -232px top;} .i-pro-list a:hover .i-pro-text span {color: #003894;} .i-pro-list a:hover .i-pro-pic .i-pro-ico1 {background: url('ico.png') left -50px no-repeat;} .i-pro-list a:hover .i-pro-pic .i-pro-ico2 {background: url('ico.png') -58px -50px no-repeat;} .i-pro-list a:hover .i-pro-pic .i-pro-ico3 {background: url('ico.png') -116px -50px no-repeat;} .i-pro-list a:hover .i-pro-pic .i-pro-ico4 {background: url('ico.png') -174px -50px no-repeat;} .i-pro-list a:hover .i-pro-pic .i-pro-ico5 {background: url('ico.png') -232px -50px no-repeat;} .i-pro .i-pro-pic i {background: url('nav-ico.png') no-repeat;} .i-pro .i-pro-pic .i-pro-ico1 {background-position: -218px top; width: 40px; height: 47px;} .i-pro .i-pro-pic .i-pro-ico2 {background-position: -275px top; width: 51px; height: 46px;} .i-pro .i-pro-pic .i-pro-ico3 {background-position: -343px top; width: 60px; height: 46px;} .i-pro .i-pro-pic .i-pro-ico4 {background-position: -419px top; width: 63px; height: 35px;} .i-pro .i-pro-pic .i-pro-ico5 {background-position: -499px top; width: 38px; height: 47px;} .i-pro .i-pro-list a:hover .i-pro-ico1 {background: no-repeat url('nav-ico.png') -384px -165px; width: 37px; height: 48px;} .i-pro .i-pro-list a:hover .i-pro-ico2 {background: no-repeat url('nav-ico.png') -433px -164px; width: 53px; height: 50px;} .i-pro .i-pro-list a:hover .i-pro-ico3 {background: no-repeat url('nav-ico.png') right -209px; width: 54px; height: 40px;} .i-pro .i-pro-list a:hover .i-pro-ico4 {background: no-repeat url('nav-ico.png') -421px -40px; width: 58px; height: 41px;} .i-pro .i-pro-list a:hover .i-pro-ico5 {background: no-repeat url('nav-ico.png') right -61px; width: 42px; height: 49px;} .i-pro-text {margin-top: 19px;} .i-pro-text span {font-size: 16px; color: #666; transition: all 0.3s ease-in-out;} /* 鏂板搧涓婂競 */ .new-pro {background: url('bg.png') center top no-repeat; background-size: auto 100%; padding: 40px 0 40px; height: 600px;} .npr-left {width: 240px; border-top: 3px solid #003894; height: 520px; box-shadow: 0 0 20px rgba(0,0,0,0.1); float: left;} .npr-l-title {text-align: center; padding: 41px 0 26px; background: #fff;} .npr-l-title i {font-size: 30px; display: block; color: #003894; font-weight: bold; line-height: 30px;} .npr-l-cont {width: 100%; height: 363px; overflow: hidden;} .npr-l-list {width: 2000px; overflow: hidden; position: relative;} .npr-l-box {float: left; width: 240px;} .nprl-pic-box {border-bottom: 1px solid #e9e9e9; height: 121px; background: #fff; cursor: pointer;} .npr-l-pic {width: 120px; height: 100%; float: left;} .npr-l-pic .pic-box {width: 120px; height: 120px;} .nprl-text .text-box {text-align: left; height: 120px;} .nprl-text span {font-size: 16px; color: #333; line-height: 24px;} .npr-l-box .new-pro-on, .nprl-pic-box:hover {background: url('new-on.png') right no-repeat;} .new-pro-btn {height: 57px; width: 100%; position: relative; background: #fff;} .new-pro-btn span {display: block; width: 11px; height: 20px; background: url('ico.png') no-repeat; position: absolute; top: 18px; cursor: pointer;} .new-pro-btn .npr-prev {background-position: left -266px; left: 60px;} .new-pro-btn .npr-next {background-position: -16px -266px; right: 60px;} .npr-right {width: 860px; float: right; height: 520px;} .npr-r-box {display: none;} .npr-r-left {float: left;} .npr-r-left span {font-size: 30px; display: block; line-height: 30px; color: #003894; margin-top: 123px; font-weight: bold;} .npr-r-left p {font-size: 16px; color: #666; line-height: 28px; margin-top: 24px;} .npr-r-left a {display: block; width: 156px; height: 46px; border-radius: 23px; border: 1px solid #999999; text-align: center; line-height: 46px; margin-top: 68px; transition: all 0.3s ease-in-out; white-space: pre; color: #999;} .npr-r-left i {display: inline-block; width: 8px; height: 14px; background: url('ico.png') left -250px no-repeat; margin-left: 17px;} .npr-r-left a:hover {background: #003894; border: 1px solid #005abb; color: #fff;} .npr-r-left a:hover i {background: url('ico.png') -194px -250px no-repeat;} .npr-r-right {float: right; position: relative;} .npr-r-pic {position: absolute; right: 17px; width: 400px; height: 400px; top: 74px;} .npr-r-pic .pic-box {width: 400px; height: 400px;} /* 浜у搧灞曠ず */ .i-show {padding: 81px 0 73px; background: #f6f6f6;} .i-show-list {overflow: hidden;} .i-show-list li {float: left; margin-left: 8px; margin-bottom: 8px; width: 294px;} .i-show-list li:first-child {margin-left: 0;} .i-show-list .sw1, .i-show-list .sw1 .pic-box {height: 528px; width: 294px;} .i-show-list .sw2, .i-show-list .sw2 .pic-box {width: 596px; height: 340px;} .i-show-list .sw3, .i-show-list .sw3 .pic-box {height: 340px; width: 294px;} .i-show-list .sw4, .i-show-list .sw4 .pic-box {height: 180px; width: 294px;} .i-show-list a {display: block; width: 100%; height: 100%; overflow: hidden; position: relative;} .i-show-list img {display: block; transition: all 0.5s ease-in-out; width: 100%; height: 100%; max-width: none;} .i-show-list a:hover img {transform: scale(1.1,1.1);} .i-show-cover {position: absolute; width: 100%; height: 100%; color: #fff; font-size: 20px; background: url('70-blue.png'); top: 0; z-index: 20; display: none; text-align: center;} .i-show-cover b {font-size: 26px; display: block; line-height: 26px; color: #fff;} .i-show-cover small {font-size: 16px; display: block; line-height: 16px; color: #fff; margin: 16px 0 30px;} .i-show-cover span {display: inline-block; vertical-align: top; width: 134px; height: 40px; border: 1px solid #fff; border-radius: 20px; line-height: 38px; font-size: 14px;} .i-show-cover i {display: inline-block; width: 7px; height: 12px; background: url('ico.png') -195px -251px no-repeat; margin-left: 5px;} .i-cont-bottom {background: #f6f6f6; padding-bottom: 80px;} .i-case, .i-news {width: 580px;} .i-title {overflow: hidden;} .i-title p {float: left;} .i-title span {font-size: 20px; color: #003894; position: relative; padding-right: 20px;} .i-title span:after {content: '\/'; color: #e1e1e1; font-size: 16px; position: absolute; right: 3px; top: 3px; font-weight: 300;} .i-title small {font-size: 18px; color: #ccc;} .i-title a {display: block; float: right; width: 20px; height: 20px;} .i-title a i {display: block; width: 100%; height: 100%; background: url('ico.png') left -290px no-repeat;} /* 宸ョ▼妗堜緥 */ .i-case {float: left;} .case-list {overflow: hidden; width: 100%; margin-top: 15px; height: 300px;} .case-list li {float: left; background: #fff; width: 100%; height: 100%; overflow: hidden; position: relative;} .case-top {width: 100%; height: 100%; position: relative; overflow: hidden;} .case-pic {width: 100%; height: 100%; position: absolute; top: 0;} .case-pic .pic-box {width: 580px; height: 300px;} .case-pic img {transition: all 0.5s ease-in-out;} .case-hover {width: 36px;height: 36px; position: absolute; bottom: 10px; right: -46px; transform: rotateZ(0deg)} .case-hover a {display: block; width: 100%; height: 100%; background: url('ico.png') -31px -282px no-repeat;} .case-text {width: 100%; height: 60px; position: absolute; bottom: 0; background: url('50.png'); line-height: 60px; padding-left: 20px;} .case-text .text-box {width: 280px; height: 120px;} .case-text a > span {font-size: 18px; color: #fff; display: block; float: left; margin-right: 20px;} .case-text small, .text-box small span {font-size: 14px; color: #eee; display: inline-block;} .case-list li:hover .case-pic img {transform: scale(1.1,1.1);} .moveIn {animation: moveIn 0.8s linear forwards;} .moveOut {animation: moveOut 0.8s linear forwards;} /* 榧犳爣鎮仠鐨勬椂鍊欙紝 鏇村鐨勬寜閽粴杩涙潵*/ @keyframes moveIn { 0% { transform: rotateZ(0deg); right: -46px; } 100% { transform: rotateZ(-720deg); right: 14px; } } @keyframes moveOut { 0% { transform: rotateZ(-720deg); right: 14px; } 100% { transform: rotateZ(0deg); right: -46px; } } /* 鏂伴椈鍔ㄦ€ */ .i-news {float: right;} .i-news-list {width: 100%; background: #fff; padding: 22px 30px 20px 30px; margin-top: 15px;} .i-news-list li {width: 100%;} .i-news-list a {display: block; width: 100%; padding-left: 16px; position: relative; line-height: 32px; overflow: hidden; transition: all 0.3s ease-in-out;} .i-news-list i {display: block; width: 6px; height: 6px; background: url('ico.png') -24px -254px no-repeat; left: 0; top: 14px; position: absolute;} .i-news-list span {font-size: 14px; color: #666; float: left; display: block; transition: all 0.3s ease-in-out;width: 270px;height: 28px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;} .i-news-list p {font-size: 14px; color: #888; line-height: 24px; height: 48px; width: 100%; overflow: hidden; text-overflow: ellipsis; height: 0; display: none; transition: all 0.3s ease-in-out;} .i-news-list small {font-size: 14px; color: #999; float: right; transition: all 0.3s ease-in-out;position:absolute;right:0px;bottom:-5px;} .i-news-list a:hover span {color: #003894;} .i-news-list .i-news-on {padding-bottom: 15px;} .i-news-list .i-news-on a {line-height: auto; border-bottom: 1px dashed #cccccc; padding-bottom: 20px; } .i-news-list .i-news-on i {background: url('ico.png') -13px -254px no-repeat;} .i-news-list .i-news-on span {font-size: 16px; color: #003894; font-weight: bold; margin-bottom: 8px; width:310px;} .i-news-list .i-news-on p { display: block; height: 48px; margin-bottom: 5px;} .i-news-list .i-news-on small {float: none;} /*--------------------------------- 棣栭〉 end ---------------------------------*/ /*-------------------------------- 鍏ㄩ儴浜у搧 start --------------------------------*/ .proA {background: #f6f6f6; padding-bottom: 74px;} .proA .cont {overflow: visible;} /*褰撳墠浣嶇疆*/ .local {background-color: #f6f6f6; border-bottom: 1px solid #eeeeee; padding: 18px 0 0; height: 50px;} .local .cont {overflow: visible; height: 100%;} .local i {display: block; width: 14px; height: 14px; background: url('ico.png') -58px -250px no-repeat; margin-right: 11px; float: left;} .local-list {overflow: hidden; float: left;} .local-list li {float: left; margin-left: 12px; line-height: 12px;} .local-list li:first-child {margin-left: 0;} .local-list li span {font-size: 12px; color: #666;} .local-list li b {display: inline-block; width: 4px; height: 7px; background: url('ico.png') -50px -253px no-repeat;} /*鍒嗙被*/ .type {padding: 40px 0 16px;} .type .cont {overflow: visible;} .type-list {background: #fff; overflow: hidden; box-shadow: 0 0 30px rgba(0,91,170,0.15); width: 1212px;} .type-list li {float: left; width: 190px; height: 120px; margin-left: 12px;} .type-list li:first-child {margin-left: 0;} .type-list a {width: 100%; height: 100%; display: block; padding-top: 6px; text-align: center; border-bottom: 4px solid #fff;} .type-ico {height: 78px; width: 190px; display: table-cell; vertical-align: middle;} .type-ico i {display: inline-block; width: 58px; height: 50px; background: url('ico.png') no-repeat; /*transition: all 0.3s ease-in-out;*/} .type-ico .i-pro-ico6 {background-position: -290px top;} .type-text span {font-size: 16px; color: #666; line-height: 16px; transition: all 0.3s ease-in-out;} .type-list .type-on a {/*background: #003894; *//*border-bottom: 4px solid #004784;*/} .type-list .type-on .i-pro-ico1 {background: url('ico.png') left -50px no-repeat;} .type-list .type-on .i-pro-ico2 {background: url('ico.png') -58px -50px no-repeat;} .type-list .type-on .i-pro-ico3 {background: url('ico.png') -116px -50px no-repeat;} .type-list .type-on .i-pro-ico4 {background: url('ico.png') -174px -50px no-repeat;} .type-list .type-on .i-pro-ico5 {background: url('ico.png') -232px -50px no-repeat;} .type-list .type-on .type-text span {color: #003894;} /*.type-list a:hover, .type-list .type-on a {background: #003894; border-bottom: 4px solid #004784;}*/ /*.type-list a:hover span, .type-list .type-on span {color: #fff;} .type-list a:hover .i-pro-ico1, .type-list .type-on .i-pro-ico1 {background-position: left -100px;} .type-list a:hover .i-pro-ico2, .type-list .type-on .i-pro-ico2 {background-position: -58px -100px;} .type-list a:hover .i-pro-ico3, .type-list .type-on .i-pro-ico3 {background-position: -116px -100px;} .type-list a:hover .i-pro-ico4, .type-list .type-on .i-pro-ico4 {background-position: -174px -100px;} .type-list a:hover .i-pro-ico5, .type-list .type-on .i-pro-ico5 {background-position: -232px -100px;} .type-list a:hover .i-pro-ico6, .type-list .type-on .i-pro-ico6 {background-position: -290px -100px;}*/ .type-list a:hover .type-text span {color: #003894;} .type-list a:hover .i-pro-ico1 {background: url('ico.png') left -50px no-repeat;} .type-list a:hover .i-pro-ico2 {background: url('ico.png') -58px -50px no-repeat;} .type-list a:hover .i-pro-ico3 {background: url('ico.png') -116px -50px no-repeat;} .type-list a:hover .i-pro-ico4 {background: url('ico.png') -174px -50px no-repeat;} .type-list a:hover .i-pro-ico5 {background: url('ico.png') -232px -50px no-repeat;} /*浜у搧鍒楄〃*/ .pro-title {position: relative; height: 58px;} .pro-title p {position: absolute; top: 24px; text-align: center; width: 100%; z-index: 2;} .pro-title span {font-size: 20px; color: #003894; background: #f6f6f6; padding: 0 30px; line-height: 18px;} .pro-line {width: 100%; height: 1px; background: #dedede; position: absolute; top: 34px; z-index: 1;} .pro-list {width: 1232px; overflow: hidden; margin-left: -16px; padding-top: 16px;} .pro-list li {float: left; width: 288px; height: 356px; background: #fff; margin: 0 0 16px 16px;} .pro-list a {display: block; width: 100%; height: 100%; position: relative;} .pro-label {position: absolute; top: 10px; left: 10px; z-index: 2;} .pro-label span {width: 48px; height: 26px; display: block; color: #fff; font-size: 12px; line-height: 26px; text-align: center; display: none;} .pro-label .news-pro {background: #36ca94;} .pro-label .rec-pro {background: #ff9000;} .pro-pic {width: 100%; height: 270px; position: absolute; left: 0; top: 0; padding: 0 9px; z-index: 1;} .pro-pic .pic-box {width: 270px; height: 270px;} .pro-text {width: 100%; height: 86px; text-align: center; position: absolute; bottom: 0;} .pro-text span {font-size: 16px; color: #666; display: block; line-height: 16px; margin-bottom: 20px; transition: all 0.3s ease-in-out;} .pro-text small {font-size: 12px; color: #888; line-height: 12px; display: block;} /*.pro-list li:hover {box-shadow: 0 0 30px rgba(0,91,170,0.15);} .pro-list li:hover .pro-text span {color: #003894;} */ .proT {padding-bottom: 77px;} .proT .pro-box {margin-top: 18px;} /*鍔犺浇鏇村*/ .click-more {margin-top: 24px; text-align: center; position: relative; height: 21px;} .click-more p {top: 0; cursor: pointer} .click-more i {display: inline-block; width: 81px; height: 14px; background: url('click-more.png')} .click-more .pro-line {top: 10px;} /*--------------------------------- 鍏ㄩ儴浜у搧 end ---------------------------------*/ /*-------------------------------- 浜у搧璇︽儏 start --------------------------------*/ body .proD {padding-bottom: 116px;} .pro-banner, .pro-banner .swiper-container {height: 520px; overflow: hidden;} .pro-banner .cont {height: 100%;} .pro-b-left {width: 520px; height: 520px; position: absolute; left: 55px; top: 34px;} .pro-b-left .pic-box {width: 520px; height: 520px;} .pro-b-right {width: 50%; height: 452px; position: absolute; right: 0; bottom: 0;} .pro-b-right .pic-box {width: 600px; height: 452px;} .pro-b-right span {font-size: 24px; color: #666; display: block; line-height: 24px; margin-bottom: 20px; position: relative;} .pro-b-right small {font-size: 16px; color: #666; display: block; line-height: 14px; position: relative;} .pro-b-right a {display: inline-block; width: auto; position: relative;} .pro-b-right .tolocal {font-size: 16px; color: #ff9000; line-height: 16px; margin-top: 60px;} .pro-b-right .online-info {width: 180px; height: 48px; background: #003894; color: #fff; font-size: 16px; line-height: 46px; border-radius: 4px; margin: 20px auto 0; display: block; text-align: left;} .pro-b-right i {display: block; height: 16px; background: url('ico.png') no-repeat; float: left;} .pro-b-right .pro-b-ico2 { width: 18px; background-position: -82px -203px; margin: 16px 10px 0 44px;} .pro-b-right .pro-b-ico1 { width: 13px; background-position: -108px -203px; margin: 0 9px 0 0;} .vr-ico {position: absolute; bottom: 20px; left: 0;} .vr-ico i {display: block; width: 146px; height: 46px; background: url('vr-ico.png') no-repeat;} /*宸﹀彸杞挱*/ .proD-top {overflow: hidden; margin-top: 60px;} .gallery-left {width: 241px; float: left; /*height: 480px;*/} .gallery-left .swiper-pagination-bullet {border: 1px solid #e9e9e9; text-align: center; line-height: 50px; border-radius: 6px; font-size: 14px; color: #666; width: 100%; height: 50px; margin-bottom: 10px;} .gallery-left .swiper-pagination-bullet-active {background: url('pro-btn-bg.png') no-repeat; border: 0; color: #fff;} .gallery-right {width: 874px; height: 480px; overflow: hidden; float: right;} /*瑙嗛*/ .proD-video {margin-top: 80px;} .proD-title {text-align: center; width: 100%; position: relative;} .proD-title::after, .proD-title::before {content: ''; width: 520px; height: 1px; background: #dedede; position: absolute; top: 50%;} .proD-title::after {left: 0;} .proD-title::before {right: 0;} .proD-title span {display: block; font-size: 20px; color: #003894; line-height: 20px;margin-bottom:20px;} .proD-video-cont a {display: block; width: 880px; height: 515px; position: relative; overflow: hidden; margin: 31px auto 0;} .proD-video-box .pic-box {width: 880px; height: 515px;} .proD-video-cont i {display: block; width: 46px; height: 46px; background: url('play-btn.png') no-repeat; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -23px;} .proD-video-cont img {transition: all 0.5s ease-in-out;} .proD-video-cont a:hover i {animation: changes 1s ease-in-out infinite;} /*.proD-video-cont a:hover img {transform: scale(1.1,1.1);}*/ /*鐩稿叧妗堜緥*/ .proD-case {margin-top: 101px;} .proD-case-cont {margin-top: 41px; width: 100%; height: 400px; overflow: hidden; position: relative;} .proD-case-cont .swiper-container {height: 100%; width: 1800px; margin-left: -300px; position: static;} .proD-case-cont a {position: relative; display: block; width: 100%; height: 100%; font-size: 16px;} .proD-case-cont .proD-case-cover {width: 100%; height: 100%; background: url('50.png');} .proD-case-title {width: 100%; height: 70px; background: url('40.png'); position: absolute; bottom: 0; overflow: hidden; height: 0;} .proD-case-title .text-box {width: 600px; height: 70px;} .proD-case-title span {color: #fff; font-size: 16px;} .pc-prev, .pc-next {width: 51px; height: 50px; position: absolute; top: 50%; margin-top: -25px; background: url('ico.png') no-repeat; z-index: 20; cursor: pointer;} .pc-prev {left: 195px; background-position: -356px -100px;} .pc-next {right: 195px; background-position: -356px top;} /*--------------------------------- 浜у搧璇︽儏 end ---------------------------------*/ /*-------------------------------- 鏈嶅姟 璋冩煡闂嵎 start --------------------------------*/ body .ques {padding-bottom: 63px;} .ques-cont {width: 100%; margin-top: -26px;} .ques-bg {width: 100%; background: url('q-bg-b.png') center bottom no-repeat; padding-bottom: 17px;} .ques-title, .ques-list, .submit-box {width: 1018px; margin: 0 auto;} .ques-title-box {background: url('q-bg-t.png') center top no-repeat; padding-top: 71px;} .ques-list-box {background: url('q-bg-b.png') center top repeat-y;} .ques-btn-box {background: url('q-b-f.png') center top no-repeat;} .ques-title {border-bottom: 1px dashed #dedede; padding: 60px 0 50px; } .ques-title span {font-size: 24px; display: block; line-height: 24px; font-weight: bold; color: #003894; text-align: center;} .ques-title p {font-size: 16px; line-height: 32px; color: #666; margin-top: 32px; padding: 0 20px;} .ques-list {padding-top: 10px; border-bottom: 1px solid #dedede;} .qt {margin-top: 50px;} .ques-list dt {font-size: 16px; font-weight: bold; color: #666; line-height: 18px;} .ques-list dd {padding-left: 26px; overflow: hidden;} .ques-list dd p {width: 320px; float: left; overflow: hidden; margin-top: 20px;} .ques-list dd a {display: block; width: 16px; height: 16px; background: url('ico.png') no-repeat; float: left; margin-right: 10px;} .ques-list label {font-size: 14px; line-height: 14px; display: block; padding-top: 2px; float: left; color: #666;} .ques-list input {border: 0; border-bottom: 1px solid #dedede; margin-left: 5px; outline: 0; color: #666; display: block; float: left; width: 180px;} /*鍗曢€夋寜閽?/ .ques-list .radio a {background-position: -19px -203px;} /*鍗曢€夋寜閽€変腑*/ .ques-list .radio .radio-click {background-position: left -203px;} /*澶嶉€夋寜閽?/ .ques-list .check-box a {background-position: -57px -203px;} /*閫変腑*/ .ques-list input[type="radio"], .ques-list input[type="checkbox"] {width: 100%; height: 100%; margin: 0; opacity: 0;} .ques-list .check-box .cb-click {background-position: -38px -203px;} .ques-list span {font-size: 18px; line-height: 18px; display: block; margin: 60px 0 48px; color: #666; text-align: center;} .submit-box {width: 220px; padding: 40px 0; margin: 0 auto;} .submit {background: #003894; border: 0; color: #fff; font-size: 18px; width: 220px; height: 54px; border-radius: 4px; cursor: pointer;} /*鎶藉*/ .choujiang {position: absolute; width: 100%; height: 100%; top: 0; z-index: 99999; display: none;} .cj-bg {position: absolute; width: 100%; height: 100%; top: 0; background: url('40.png');} .choujiang .cont {width: 1200px; background: #fff; height: 748px; margin-top: 602px;} .cj-text {text-align: center; margin-top: 59px;} .cj-text span {font-size: 22px; color: #333; display: block; line-height: 22px; margin-bottom: 16px;} .cj-text small {font-size: 18px; display: block; color: #f64a43; line-height: 18px;} .ly-plate{ position:relative; width:511px; height: 520px; margin: 41px auto 0;} .rotate-bg{ width: 511px; height: 520px; background: url('ly-plate.png') no-repeat; position: absolute; top: 0; left: 0;margin-top: 0%;} .start-btn {width: 188px; height: 188px; position: absolute; left: 50%; top: 50%; margin: -94px 0 0 -94px; cursor: pointer; z-index: 9999;} .start-btn b {width: 134px; height: 134px; background: url('center.png') no-repeat; display: block; position: absolute; left: 50%; top: 50%; margin: -67px 0 0 -67px;} .start-btn i {width: 188px; height: 188px; position: absolute; background: url('t.png') center top no-repeat;} /*--------------------------------- 鏈嶅姟 璋冩煡闂嵎 end ---------------------------------*/ /*-------------------------------- 娲诲姩鍔ㄦ€ start --------------------------------*/ body .act {padding-bottom: 80px;} .act-cont {width: 100%; margin-top: 45px;} .act-cont li {width: 100%; border: 1px solid #e9e9e9; height: 400px; margin-top: 40px; transition: all 0.3s ease-in-out;} .act-cont li:first-child {margin: 0;} .act-pic {width: 760px; height: 100%; overflow: hidden; margin-right: 50px; float: left;} .act-pic .pic-box {width: 760px; height: 400px;} .act-text {padding-right: 50px; position: relative; height: 100%;} .act-title {padding-top: 45px;} .act-title a {color: #333; font-size: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease-in-out;} .act-time {line-height: 34px; margin-top: 25px;} .act-time span {color: #fff; background: #ff9000; display: inline-block; vertical-align: top; width: 84px; height: 34px; font-size: 14px; text-align: center; border-radius: 4px; margin-right: 6px;} .act-time b {color: #ff9000; font-size: 18px; font-family: 'Arial'} .act-t {margin-top: 25px;} .act-t p {font-size: 14px; color: #888; line-height: 24px;} .act-d {position: absolute; right: 287px; bottom: 30px;} .act-d a {font-size: 14px; color: #888; display: block; transition: all 0.3s ease-in-out;} .act-cont li:hover {box-shadow: 0 0 30px rgba(0,91,170,0.15); border: 1px solid #fff;} .act-cont li:hover .act-d a {color: #003894} .act-title a:hover {color: #003894;} .act .click-more {margin-top: 40px;} /*--------------------------------- 娲诲姩鍔ㄦ€ end ---------------------------------*/ /*-------------------------------- 鍏ㄥ浗浣撻獙搴? start --------------------------------*/ body .cm {padding-bottom: 0;} .cm .local {height: 50px;} .cm .local-list {float: left;} .cm-search {float: right; margin-top: -6px;} .cm-search form {position: relative; width: 150px; height: 27px; border-radius: 13px; border: 1px solid #dddddd;} .cm-search input {float: left; width: 100%; height: 100%; background: none; border: 0; padding: 0 39px 0 12px; font-size: 12px; color: #7d7d7d;} .cm-search button {float: left; position: absolute; right: 0; top: 0; padding: 2px 10px; border: 0; background: none;} .cm-search button b {display: inline-block; width: 19px; height: 19px; background: url('icon.png') no-repeat; background-size: 100%;} .cm-cont {background: #a7c2df; height: 720px;} .cm-map-box {width: 100%; height: 100%; padding-top: 15px;} #chinaMap {margin: 0 auto;} /*--------------------------------- 鍏ㄥ浗浣撻獙搴? end ---------------------------------*/ /*-------------------------------- 鍦板浘璇︽儏 start --------------------------------*/ .mapD-box {position: absolute; width: 100%; height: 100%; z-index: 99999; top: 0; display: none;} .mapD-bg {position: absolute; width: 100%; height: 100%; background: url('40.png');} .mapD-cont {width: 100%; height: 530px; background: #fff; margin-top: 450px; padding: 60px; position: relative;} .mapD-left {float: left; width: 600px; height: 100%;} .mapD-left .swiper-container {width: 100%; height: 100%; position: relative;} .mapD-left .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px; position: absolute; z-index: 20; padding-right: 15px;} .mapD-left .swiper-pagination-bullet {width: 14px; height: 14px; background: url('ico.png') -173px -250px no-repeat; float: right; opacity: 1; transition: all 0s;} .mapD-left .swiper-pagination-bullet-active {background-position: -153px -250px;} .mapD-right {width: 420px; float: right;} .mapD-title {width: 100%; border-bottom: 1px solid #dedede; padding: 40px 0 30px;} .mapD-title span {font-size: 22px; color: #333; display: block; line-height: 22px;} .mapD-r-text {padding-top: 30px;} .mapD-r-text li {font-size: 14px; line-height: 36px; color: #666; padding-left: 24px; background: url('ico.png') no-repeat;} .mapD-r-text .mr1 {background-position: left -369px;} .mapD-r-text .mr2 {background-position: left -404px;} .mapD-r-text .mr3 {background-position: left -442px;} .mapD-r-text a {display: block; margin-top: 76px; width: 180px; height: 48px; background: #003894; color: #fff; font-size: 16px; line-height: 48px; border-radius: 4px;} .mapD-r-text i {display: block; width: 18px; height: 16px; background: url('ico.png') -82px -202px no-repeat; float: left; margin: 16px 10px 0 44px;} .map-close {width: 20px; height: 20px; background: url('ico.png') -108px -290px no-repeat; position: absolute; top: 20px; right: 20px; cursor: pointer;} /*--------------------------------- 鍦板浘璇︽儏 end ---------------------------------*/ /*-------------------------------- 妗堜緥 妗堜緥灞曠ず start --------------------------------*/ body .case {padding-bottom: 100px;} .case-cont .proD-case-cont {margin-top: 46px;} /*--------------------------------- 妗堜緥 妗堜緥灞曠ず end ---------------------------------*/ /*-------------------------------- 妗堜緥灞曠ず 璇︽儏 start --------------------------------*/ body .caseD {padding-bottom: 72px;} .caseD-top {overflow: hidden; margin-top: 60px;} .caseD-t-left {width: 600px; float: left; height: 410px;} .caseD-t-left .swiper-container {width: 100%; height: 100%;} .caseD-t-left .swiper-pagination-bullet {width: 14px; height: 14px; background: url('ico.png') -173px -250px no-repeat; transition: all 0s} .caseD-t-left .swiper-pagination-bullet-active {background-position: -153px -250px;} .caseD-t-left .caseD-dot {bottom: 15px; position: absolute; z-index: 20; text-align: right; padding-right: 15px;} .caseD-t-right {width: 540px; float: right;} .caseD-t-title {border-bottom: 1px solid #dedede; padding: 18px 0 31px;} .caseD-t-title span {display: block; line-height: 22px; font-size: 22px; color: #333;} .caseD-t-text p {line-height: 30px; font-size: 14px;} .caseD-d {margin-top: 58px;} .caseD-d-title {border-bottom: 1px solid #e9e9e9; padding-bottom: 14px;} .caseD-d-title span {font-size: 18px; color: #003894; display: block; line-height: 18px;} .caseD-d-text {padding-top: 23px;} .caseD-d-text p {font-size: 14px; line-height: 28px; text-align: justify;} /*--------------------------------- 妗堜緥灞曠ず 璇︽儏 end ---------------------------------*/ /*-------------------------------- 妗堜緥 瑙嗛 start --------------------------------*/ .v {background: #fff; padding-bottom: 106px;} .v-list {overflow: hidden; width: 1240px; margin: 30px 0 32px -10px;} .v-list li {float: left; margin: 10px; width: 285px; height: 305px; box-shadow: 0 0 30px rgba(0,0,0,0.1)} .v-list a {display: block; width: 100%; height: 100%;} .v-top {width: 100%; position: relative; height: 185px; overflow: hidden;} .v-pic {width: 100%; height: 100%; position: absolute; top: 0; overflow: hidden;} .v-pic .pic-box {width: 285px; height: 185px;} .v-pic img {transition: all 0.5s ease-in-out;} .play-btn {position: absolute; width: 100%; height: 100%; top: 0; } .play-btn i {display: block; width: 46px; height: 46px; background: url('play-btn.png') no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px;} .v-text {width: 100%; height: 139px;} .v-text .text-box {width: 285px; height: 139px;} .v-text span {font-size: 16px; color: #333; display: block; line-height: 16px; margin-bottom: 10px;} .v-text small {font-size: 14px; color: #888; display: block; line-height: 14px;} .v-list li:hover img {transform: scale(1.1,1.1);} .v-list li:hover i {animation: changes 1s ease-in-out infinite;} @keyframes changes { 0% {transform: scale(1,1);} 50% {transform: scale(1.1,1.1);} 100% {transform: scale(1,1);} } .v .click-more {margin: 0;} .v .click-more span {background: #fff;} /*--------------------------------- 妗堜緥 瑙嗛 end ---------------------------------*/ /*-------------------------------- 鏂伴椈鍔ㄦ€ start --------------------------------*/ .news {padding-bottom: 80px;} .news-cont {margin-top: 45px; overflow: hidden;} .news-left {width: 830px; float: left;} .news-l-top {overflow: hidden;} /*澶х殑鍥剧墖*/ .news-l-top img {transition: all 0.5s ease-in-out;} .news-big-pic {float: left; width: 547px; height: 420px; position: relative;} .news-big-pic .swiper-container {position: absolute; width: 100%; height: 100%; z-index: 1;} .news-cover {position: absolute; width: 100%; height: 161px; background: url('big-bg.png') bottom left repeat-x; z-index: 2; bottom: 0;} .news-cover a {display: block; width: 340px; position: absolute; font-size: 16px; line-height: 24px; color: #fff; bottom: 12px; left: 20px; text-align: left;} .news-big-pic .pic-box {width: 547px; height: 420px;} .news-big-pic .swiper-pagination {bottom: 25px; right: 14px;} .news-big-pic .swiper-pagination-bullet {width: 12px; height: 12px; background: url('ico.png') -97px -251px no-repeat; margin: 0 5px; transition: all 0s;} .news-big-pic .swiper-pagination-bullet-active {background: url('ico.png') -80px -251px no-repeat;} .news-big-pic .swiper-slide:hover img {transform: scale(1.1,1.1);} /*灏忕殑鍥剧墖*/ .news-small-pic {margin-left: 10px; float: right;} .news-small-pic li {margin-top: 10px; width: 273px; height: 205px; position: relative;} .news-small-pic li:first-child {margin: 0;} .news-small-pic .small-pic-box {position: absolute; width: 100%; height: 100%; z-index: 1; overflow: hidden;} .small-pic-box .pic-box {width: 273px; height: 205px;} .news-small-pic .news-cover {height: 98px; background: url('small-bg.png') left bottom repeat-x;} .news-small-pic .news-cover a {width: 100%; left: 0; padding: 0 14px 0 16px; bottom: 11px;} .news-small-pic li:hover img {transform: scale(1.1,1.1);} .news-right {width: 320px; float: right;} .news-r-box {background: #f7f8fa; border-top: 2px solid #003894; margin-top: 30px;} .news-r-box:first-child {margin-top: 0;} .news-r-title {width: 100%; padding: 21px 30px; border-bottom: 1px dashed #dedfe1;} .news-r-title span {font-size: 18px; font-weight: bold; color: #333; display: block; line-height: 18px;} .news-r-cont {padding: 25px 30px;} .news-r-cont li {font-size: 14px; line-height: 24px; margin-top: 20px;} .atc li:first-child {margin-top: 0;} .news-r-cont a {display: block; width: 100%; color: #666; transition: all 0.3s ease-in-out;} .news-r-cont a:hover {color: #003894;} .news-r-cont span {color: #999; font-family: 'Arial';} /*鏂伴椈鍒楄〃*/ /*鎸夐挳*/ .news-tab {border-bottom: 1px solid #e9e9e9; overflow: hidden; margin-top: 60px;} .news-tab ul {overflow: hidden; padding-bottom: 20px;} .news-tab li {float: left; padding: 0 20px; line-height: 16px; font-size: 16px; cursor: pointer; transition: all 0.3s eaes-in-out; color: #666; font-weight: bold;} .news-tab li:hover, .news-tab .news-tab-on {color: #003894;} .news-list-box {display: none;} .news-list-box li {height: 213px; padding: 30px 0; width: 100%; border-bottom: 1px dashed #e5e5e5;} .news-list-pic {width: 240px; height: 100%; overflow: hidden; float: left; margin-right: 20px;} .news-list-pic .pic-box {width: 240px; height: 152px;} .news-list-text {padding-top: 3px;} .news-list-text a {display: block; white-space: nowrap; font-size: 18px; font-weight: bold; color: #666; overflow: hidden; text-overflow: ellipsis; margin-bottom: 14px; transition: all 0.3s ease-in-out;} .news-list-text p {font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis;} .news-list-bottom {margin-top: 44px;} .news-list-bottom p {float: left; margin-left: 39px; line-height: 14px; overflow: visible;} .news-list-bottom p:first-child {margin-left: 0; font-family: 'Arial'} .news-list-bottom i {display: block; float: left; width: 14px; height: 14px; background: url('ico.png') no-repeat; margin: 0 6px 0 0;} .news-list-bottom .news-ico1 {background-position: -114px -250px;} .news-list-bottom .news-ico2 {background-position: -133px -250px; margin-top: 1px} .news-list-text a:hover {color: #003894;} .news-list-box .click-more {margin-top: 40px;} /*鐑棬鏍囩*/ .lbl .news-r-cont ul {overflow: hidden; width: 290px; margin-left: -30px;} .lbl .news-r-cont li {width: auto; margin: 0; margin-left: 30px; float: left;} /*--------------------------------- 鏂伴椈鍔ㄦ€ end ---------------------------------*/ /*-------------------------------- 鏂伴椈鍔ㄦ€ 璇︽儏 start --------------------------------*/ .newsD {padding-bottom: 80px;} .newsD .news-cont {margin-top: 60px;} .newsD-title {text-align: center; margin-bottom: 30px;} .newsD-title span {font-size: 20px; color: #333; font-weight: bold; display: block; line-height: 22px; margin-bottom: 9px;} .newsD-title p span, .newsD-title small, .newsD-title a {display: inline; font-size: 14px; font-weight: normal; color: #888; text-transform: none;} .newsD-title small {font-family: 'Arial'; margin: 0 11px;} .newsD-text {border-bottom: 1px dashed #e5e5e5; padding-bottom: 40px; font-size:16px; line-height:30px;} .newsD-text p {/*font-size: 14px;*/ line-height: 28px; color: #666; text-align: justify;} /*鏂囩珷鍒囨崲*/ .newD-c-page {margin-top: 30px;} .newD-c-page li {font-size: 14px; line-height: 14px; margin-bottom: 26px;} .newD-c-page span {color: #888;} .newD-c-page a {color: #666; transition: all 0.3s ease-in-out;} .newD-c-page a:hover {color: #003894;} /*鐪嬭繃鐨勮繕鐪嬭繃*/ .newD-rec {margin-top: 86px; width: 100%; border: 1px solid #e9e9e9; border-top-width: 2px;} .newD-rec-title {padding: 22px 29px; border-bottom: 1px dashed #e5e5e5; background: #f7f8fa;} .newD-rec-title span {font-size: 16px; line-height: 16px; display: block; color: #333;} .newD-rec-text ul {overflow: hidden; padding: 6px 0 30px;} .newD-rec-text li {float: left; width: 50%; line-height: 14px; font-size: 14px; padding-left: 30px; margin-top: 24px;} .newD-rec-text a {color: #666; transition: all 0.3s ease-in-out;} .newD-rec-text i {display: block; width: 6px; height: 6px; background: url('ico.png') -24px -254px no-repeat; float: left; margin: 4px 10px 0 0;} .newD-rec-text a:hover {color: #003894;} /*--------------------------------- 鏂伴椈鍔ㄦ€ 璇︽儏 end ---------------------------------*/ /*-------------------------------- 鎷涘晢鍔犵洘 start --------------------------------*/ /*璐㈠瘜宄颁細*/ .au-n-bottom2 ul {overflow: hidden; margin-top: 40px;} .au-n-bottom2 li {width: 50%; float: left;} .au-n-bottom2 li a:hover img {transform: scale(1.1,1.1);} .au-n-bottom2 a {display: block; padding: 12px; } .au-n-bottom2 li a:hover img {transform: scale(1.1,1.1);} .zsjm-vcr2 { padding: 60px 0 40px;} .zsjm-vcr-cont2 ul {margin-top: 40px;} .n-b-top2 {position: relative; width: 100%; height: 295px;} .n-b-top2 img {width:512px;height:245px;border:1px solid #333; padding:5px;-webkit-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333;} /*--------------------------------- 鎷涘晢鍔犵洘 end ---------------------------------*/ /*-------------------------------- 浼佷笟绠€浠 start --------------------------------*/ .au {padding-bottom: 153px;} .au-net {padding-bottom: 95px;} .au-n-top {text-align: center; margin-top: 110px;} .au-n-top span {font-size: 32px; display: block; color: #003894; line-height: 30px; font-weight: bold;} .au-n-top p {font-size: 16px; line-height: 30px; color: #666666; padding: 0 110px; margin-top: 34px;} .au-n-bottom ul {overflow: hidden; margin-top: 57px;} .au-n-bottom li {width: 50%; float: left;} .au-n-bottom a {display: block; padding: 12px; background: url('border-au.png') center no-repeat;} .n-b-top {position: relative; width: 100%; height: 335px;} .n-b-pic {width: 576px; height: 100%; position: absolute; overflow: hidden;} .n-b-pic .pic-box {width: 576px; height: 335px;} .n-b-pic img {transition: all 0.5s ease-in-out;} .n-b-ico {position: absolute; width: 100%; height: 100%; background: url('au-bg1.png');} .n-b-ico i {display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -23px; } .n-b-ico .au-ico1 {background: url('play-btn.png') no-repeat; animation: changes 1.5s ease-in-out infinite;} .n-b-ico .au-ico2 {background: url('vr.png') no-repeat; animation: changes 1.5s ease-in-out infinite;} .n-b-text {text-align: center; margin-top: 23px;} .n-b-text span {font-size: 16px; color: #666; display: block; line-height: 16px;} .au-n-bottom li a:hover img {transform: scale(1.1,1.1);} /*涓撲笟鍒堕€?/ .au-title span {font-size: 24px; color: #003894; display: block; line-height: 24px; text-align: center; font-weight: bold;} .au-middle {background: url('bg_56.png') center top no-repeat; padding: 78px 0 80px;} .au-text-cont {margin-top: 26px;} .au-text-cont p {font-size: 14px; line-height: 27px; color: #666; text-align: justify;} .au-bottom {padding-top: 75px;} .au-bottom a {display: block;} /*--------------------------------- 浼佷笟绠€浠 end ---------------------------------*/ /*-------------------------------- 鎷涜搐绾虫墠 start --------------------------------*/ .j {padding: 0 0 60px;} .job-list {overflow: hidden; margin-left: -20px; width: 1240px; padding-top: 40px;} .job-list li {width: 580px; height: 214px; position: relative; background: #fff; border: 1px solid #e9e9e9; padding: 31px; transition: all 0.3s ease-in-out; margin: 10px 20px; float: left; cursor: pointer;} .job-list span {font-size: 20px; display: block; line-height: 20px; color: #333; margin-bottom: 20px;} .job-list small {font-size: 14px; display: block; line-height: 14px; color: #999;} .job-list i {display: block; width: 20px; height: 20px; background: url('ico.png') -82px -290px no-repeat; position: absolute; top: 150px; right: 30px;} .job-list li:hover {border: 1px solid #fff; box-shadow: 0 0 30px rgba(0,91,170,0.15);} .job-detail {position: absolute; top: 0; width: 100%; height: 100%; z-index: 99999; bottom: 0; display: none;} .job-close {width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; background: url('ico.png') -108px -290px no-repeat; cursor: pointer; z-index: 99999;} .job-bg {position: absolute; width: 100%; height: 100%; background: url('job-bg.png'); top: 0; bottom: 0; cursor: pointer;} .job-d-box {position: relative; max-width: 1200px; background: #fff; margin: 353px auto; padding: 41px 40px 46px;} .job-title {padding: 0 0 33px 22px; border-bottom: 1px dashed #dedede;} .job-title span {font-size: 22px; color: #333; display: block; line-height: 22px; margin-bottom: 20px;} .job-title small {font-size: 14px; color: #666; display: block; line-height: 14px;} .job-text {padding: 30px 20px;} .job-text p {font-size: 14px; line-height: 32px;} .job-bottom {border-top: 1px solid #e9e9e9;} .job-form {margin: 40px auto; width: 624px; overflow: hidden;} .job-form label {font-size: 14px; line-height: 46px; display: block; float: left; color: #333;} .job-form p {width: 419px; height: 46px; position: relative; float: left;} .job-form input {width: 100%; height: 100%; padding: 13px 117px 13px 13px; border: 1px solid #dedede; border-radius: 4px; font-size: 14px; color: #999;} .job-form > button {width: 120px; height: 46px; background: #003894; color: #fff; font-size: 16px; border: 0; border-radius: 4px; margin-left: 11px; cursor: pointer;} .job-form p button {width: 105px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 4px; background: #eeeeee; font-size: 16px; color: #333; border: 1px solid #dedede; cursor: pointer;} /*--------------------------------- 鎷涜搐绾虫墠 end ---------------------------------*/ /*-------------------------------- 鑱旂郴鎴戜滑 start --------------------------------*/ .cu {padding-bottom: 151px;} .cu-top {overflow: hidden; width: 100%; padding: 43px 0 70px;} .cu-t-left {float: left;} .cu-title {margin-top: 40px;} .cu-title span {display: block; font-size: 24px; color: #333; line-height: 24px; margin-bottom: 12px;} .cu-title small {display: block; font-size: 12px; color: #999; font-family: 'Arial'} .cu-info span {font-size: 14px; color: #666; line-height: 36px;} .cu-info {margin-top: 38px;} .cu-info li:first-child span {font-size: 32px; color: #003894; display: block; line-height: 32px; font-family: 'Arial'; line-height: 24px; margin-bottom: 30px;} .cu-info li:first-child span:first-child {font-size: 14px; color: #666; line-height: 14px; font-family: '寰蒋闆呴粦'; margin-bottom: 11px;} .cu-t-right {float: right; width: 640px; background: #fff; box-shadow: 0 0 30px rgba(0,91,170,0.15); padding: 10px;} .map-box {width: 100%; height: 380px;} #map {width: 100%; height: 100%;} .map-list {margin-top: 10px; overflow: hidden;} .map-list li {float: left; padding: 0 30.6px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out;} .map-list li:hover, .map-on {background: #003894; color: #fff;} /*涔樿溅绾胯矾*/ .cu-route span {display: block; font-size: 18px; color: #003894; line-height: 18px;} .route-step {margin-top: 32px;} .route-step li {position: relative; padding-left: 31px; font-size: 14px; line-height: 28px; color: #666; margin-top: 20px;} .route-step li:first-child {margin: 0;} .route-step i {display: block; width: 20px; height: 20px; position: absolute; left: 0; font-size: 14px; color: #fff; background: #ff9000; text-align: center; line-height: 20px; border-radius: 15px; font-weight: bold; font-family: 'Arial'; top: 3px;} /*瀹㈡湇涓撶嚎*/ .cu-phone {border-top: 1px solid #dedede; margin-top: 52px; padding-top: 60px;} .phone-box {overflow: hidden; margin-top: 7px;} .phone-list {padding-left: 20px; background: url('dot-4.png') left 9px no-repeat; float: left; width: 300px; margin-top: 25px;} .phone-list span {display: inline; font-size: 14px; line-height: 28px; color: #666;} /*--------------------------------- 鑱旂郴鎴戜滑 end ---------------------------------*/ /*-------------------------------- 鍒嗕韩 start --------------------------------*/ body .bdshare-slide-button-box .bdshare-slide-button {width: 26px; height: 98px; } body .bdshare-slide-style-r6 .bdshare-slide-button {background: url('r3.png') top no-repeat; background-size: 100%;} /*--------------------------------- 鍒嗕韩 end ---------------------------------*/ /*-------------------------------- 杩斿洖椤堕儴 start --------------------------------*/ .backTop-box {position: fixed; width: 100%; bottom: 0; z-index: 9999; display: none;} .backTop-box .cont {overflow: visible; bottom: 0;} .backTop {position: absolute; width: 50px; height: 50px; border-radius: 4px; background: #c5d7e7; right: -80px; bottom: 170px; cursor: pointer; bottom: 30px;} .bt-box {width: 50px; height: 50px; display: table-cell; vertical-align: middle; text-align: center;} .bt-box p {vertical-align: middle;} .backTop span {color: #fff; display: block; font-size: 12px; line-height: 12px; margin-top: 4px; } .backTop i {display: block; width: 22px; height: 12px; background: url('ico.png') -19px -226px no-repeat; margin: 0 auto;} @media and (max-width: 1200px) { .backTop {right: 0;} } /*--------------------------------- 杩斿洖椤堕儴 end ---------------------------------*/ /*-------------------------------- footer start --------------------------------*/ .footer {position: relative; width:100%;} .footer1 {border-top: 1px solid #e9e9e9;} .foot-top {background: #fff;} .f-t-top {text-align: center; border-bottom: 1px solid #e9e9e9; padding-top: 80px;} .f-t-top > span {font-size: 24px; color: #666; line-height: 24px;} .f-t-list {overflow: hidden; margin: 25px 0 50px;} .f-t-list li {width: 25%; float: left;} .t-l-box {width: 300px; height: 100px; display: table-cell; vertical-align: middle;} .b-box {display: inline-block; vertical-align: middle;} .b-box i {display: inline-table; width: 54px; height: 50px; float: left; margin-right: 20px;} .b-box .f-ico1 {background: url('ico.png') right top no-repeat;} .b-box .f-ico2 {background: url('ico.png') right -54px no-repeat;} .b-box .f-ico3 {background: url('ico.png') right -109px no-repeat;} .b-box .f-ico4 {background: url('ico.png') right -163px no-repeat;} .b-box small {display: block; font-size: 16px; color: #333; float: left; line-height: 16px; margin: 6px 0 9px;} .b-box a {font-size: 12px; color: #003894; display: block; text-align: left; line-height: 12px; margin-top: 10px; transition: all 0.3s ease-in-out;} .b-box a:hover {text-decoration: underline;} .b-box b {display: inline-block; width: 4px; height: 8px; background: url('ico.png') -36px -253px no-repeat; margin-left: 7px;} /* .b-box a:hover b {background: url('ico.png') -43px -253px no-repeat;} */ /* 搴曢儴澶у鑸 */ .f-t-bottom {overflow: hidden; padding: 60px 0 48px;} .t-b-left {float: left; overflow: hidden;} .t-b-left dl {float: left; width: 200px;} .t-b-left dt {font-size: 14px; color: #333; margin-bottom: 10px;} .t-b-left dd a {font-size: 12px; color: #888; line-height: 28px; transition: all 0.3s ease-in-out; display: block;} .t-b-left dd a:hover {padding-left: 8px;} /* 鍏ㄥ浗鏈嶅姟鐑嚎 */ .t-b-right {float: right;} .enter {float: left;} .enter ul {float: left; margin-top: 27px;} .enter small {font-size: 14px; color: #666; line-height: 14px; display: block; text-align: right; margin: 10px 0; padding-right: 20px;} .enter span {font-size: 32px; color: #003894; line-height: 28px; display: block; padding-right: 20px; font-family: 'Arial'} .enter-list {position: relative;} .enter-list li {float: left; margin-left: 10px;} .enter ul li:first-child {margin-left: 0} .enter ul a {display: block; padding: 8px 7px; border: 1px solid #8e8e8e; border-radius: 17px; font-size: 14px; line-height: 16px; color: #8e8e8e;} .enter ul i {display: block; width: 18px; height: 16px;} .enter-list .e-ico1 {background: url('ico.png') left -324px no-repeat;} .enter-list .e-ico2 {background: url('ico.png') -24px -324px no-repeat;} .enter-w {width: 133px; height: 133px; border: 1px solid #e9e9e9\0; box-shadow: 0 0 5px rgba(0,0,0,0.1); position: absolute; right: -8px; top: 42px; display: none;} .enter-list li:hover .enter-w {display: block;} .enter-list li:hover .e-ico1 {background: url('ico.png') left -349px no-repeat;} .enter-list li:hover .e-ico2 {background: url('ico.png') -24px -349px no-repeat;} .enter .enter-list1 {margin-left: 10px;} .enter .enter-list1 li {margin-top: 8px;} .enter .enter-list1 li:first-child {margin-top: 0;} .enter .enter-list1 i {float: left; width: 16px;} .enter .enter-list1 li a {padding: 8px 9px;} .enter-list1 .e-ico3 {background: url('ico.png') -48px -324px no-repeat; float: left; margin-right: 6px;} .enter-list1 .e-ico4 {background: url('ico.png') -70px -324px no-repeat; float: left; margin-right: 6px;} .enter-list1 .e-ico5 {background: url('ico.png') -94px -324px no-repeat; float: left; margin-right: 6px;} .enter-list1 .e-ico6 {margin-right: 6px;} .enter-list1 li:hover a {color: #555555;} .enter-list1 li:hover .e-ico3 {background: url('ico.png') -48px -349px no-repeat;} .enter-list1 li:hover .e-ico4 {background: url('ico.png') -70px -349px no-repeat;} .enter-list1 li:hover .e-ico5 {background: url('ico.png') -94px -349px no-repeat;} .f-ewm {float: right; margin-right: -7px;} .foot-bottom {background: #4d5357; padding: 43px 0 41px; font-size: 12px; color: #ccc; line-height: 12px;} .f-b-left {float: left;} .foot-nav {overflow: hidden; margin-top: 20px;} .foot-nav li {float: left; padding: 0 13px; position: relative;} .foot-nav li:before {content: ''; width: 1px; height: 10px; position: absolute; top: 2px; left: 0; background: #6d767c;} .foot-nav li:first-child {padding-left: 0;} .foot-nav li:first-child:before {width: 0;} .foot-nav a {display: block; color: #ccc;} .f-b-right {float: right; text-align: right;} .f-b-right span {display: block;} .f-b-right span:first-child {margin-bottom: 22px;} /*--------------------------------- footer end ---------------------------------*/ /*-------------------------------- 鏈嶅姟涓庢敮鎸 start --------------------------------*/ .sup {padding: 0 0 47px;} .sup-cont {padding-top: 60px;} .sup-nav {width: 320px; background: url('sup-nav.png') center top no-repeat; border-top: 2px solid #003894; height: 460px;float: left;} .sup-nav-title {padding: 19px 30px 20px; border-bottom: 1px dashed #dee0e1;} .sup-nav-title span {font-size: 18px; font-weight: bold; color: #333; line-height: 18px;} .sup-nav-list {padding: 18px 30px 0;} .sup-nav-list li {line-height: 38px;} .sup-nav-list a {font-size: 16px; color: #666;} .sup-nav-list i {display: block; width: 15px; height: 15px; background: url('ico.png') -128px -203px no-repeat; float: left; margin: 12px 9px 0 0;} .sup-nav-list li:hover a, .sup-on a {color: #003894;} .sup-nav-list li:hover i, .sup-on i {background-position: -146px -203px;} .sup-right {width: 830px; float: right;} .sup-right li {width: 100%; height: 141px; border-bottom: 1px dashed #e5e5e5; position: relative; margin-bottom: 10px;} .qe {width: 100%; height: 48px; line-height: 48px; padding: 0 17px; background: #f3f3f3;} .qe span {font-size: 16px; color: #003894;} .as {padding: 15px 17px 0;} .as p {font-size: 14px; line-height: 28px; text-align: justify} .sup-right li a {display: block; width: 100px; height: 24px; border: 1px solid #003894; line-height: 22px; text-align: center; font-size: 14px; color: #003894; border-radius: 2px; transition: all 0.3s ease-in-out; position: absolute; right: 21px; bottom: 19px;} .sup-right li a:hover {background: #003894; color: #fff;} .sup .click-more {margin-top: 31px;} /*--------------------------------- 鏈嶅姟涓庢敮鎸 end ---------------------------------*/ /*-------------------------------- 鏈嶅姟涓庢敮鎸 璇︽儏 start --------------------------------*/ .supD {padding-bottom: 90px;} .supD-text p {line-height: 28px;} .supD-text span {font-size: 14px;} /*--------------------------------- 鏈嶅姟涓庢敮鎸 璇︽儏 end ---------------------------------*/ /*-------------------------------- 鍙戝睍鍘嗙▼ start --------------------------------*/ .dev {padding-bottom: 0;} .dev-cont {height: 924px; background: url('dev-bg.png') center top no-repeat; background-size: auto 100%; margin-top: 45px; overflow: hidden; position: relative; } .dev-cont .cont {overflow: visible; height: 100%;} .dev-box {width: 100%; height: 100%; position: relative; padding-top: 47px; z-index: 20;} .view-box {width: 800px; height: 520px; border-radius: 20px; padding: 20px; background: #fff; margin: 0 auto;} .dev-view {width: 100%; height: 100%;} .dev-view .swiper-slide {position: absolute; width: 760px; height: 480px; display: none; bottom: 0; left: 0;} .dev-title {width: 100%; height: 120px; background: url('80.png'); position: absolute; bottom: 0; color: #fff; line-height: 120px; padding-left: 40px;} .dev-title span {font-size: 36px; display: block; float: left; padding-right: 40px; margin-right: 40px; position: relative;} .dev-title span:after {content: ''; width: 1px; height: 60px; background: #fff; opacity: 0.2; right: 0; position: absolute; top: 50%; margin-top: -30px;} .dev-title small {font-size: 14px;} /* 鏃堕棿绾 */ .time-box {width: 100%; height: 110px; position: absolute; bottom: 0; background: url('dev-line.png') center 50px no-repeat;} .dev-time {width: 1080px; margin: 0 auto;} .time-box .swiper-slide {text-align: center; padding-top: 43px; cursor: pointer; width: 135px;} .dev-time i {display: inline-block; vertical-align: top; width: 15px; height: 15px; background: url('ico.png') -171px -203px no-repeat;} .dev-time span {color: #a7bc95; display: block; margin-top: 8px; font-size: 16px;} .swiper-slide-active i {background-position: -194px -203px;} .swiper-slide-active span {color: #fff;} .time-prev, .time-next {background: url('ico.png') no-repeat; position: absolute; width: 40px; height: 40px; position: absolute; top: 31px; z-index: 500; cursor: pointer} .time-prev {background-position: left -157px; left: 0;} .time-next {background-position: -47px -157px; right: 0;} /* 鑳屾櫙鍔ㄧ敾 */ .bg-ani {width: 0; height: 100%; position: absolute; top: 0; left: 50%;} /* 涓変釜椋庤溅 */ .fc1, .fc2, .fc3 {width: 68px; height: 64px; background: url('fengche.png') center no-repeat; position: absolute; transform-origin: 38px 38px;} .fc1 { bottom: 185px; left: 543px; -webkit-animation: fengche 1.2s linear infinite; -moz-animation: fengche 1.2s linear infinite; animation: fengche 1.2s linear infinite; } .fc2 { bottom: 195px; left: 590px; -webkit-animation: fengche 1.2s linear 0.1s infinite; -moz-animation: fengche 1.2s linear 0.1s infinite; animation: fengche 1.2s linear 0.1s infinite; } .fc3 { bottom: 173px; left: 641px; -webkit-animation: fengche 1.2s linear 0.2s infinite; -moz-animation: fengche 1.2s linear 0.2s infinite; animation: fengche 1.2s linear 0.2s infinite; } @keyframes fengche { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } /* 浜 */ .yun1, .yun2, .yun3, .yun4 {position: absolute; z-index: 30;} .yun1 {width: 102px; height: 53px; bottom: 436px; background: url('yun1.png') no-repeat; /* transform: translate(-579.5%,0) */} .yun2 {width: 56px; height: 29px; bottom: 259px; background: url('yun2.png') no-repeat; /* transform: translate(-414%,0) */} .yun3 {width: 94px; height: 43px; bottom: 303px; background: url('yun3.png') no-repeat; /* transform: translate(172%,0) */} .yun4 {width: 111px; height: 51px; bottom: 496px; background: url('yun4.png') no-repeat; /* transform: translate(497%,0) */ } .yun1 { -webkit-animation: yun1 120s linear infinite; -moz-animation: yun1 120s linear infinite; animation: yun1 120s linear infinite; } .yun2 { -webkit-animation: yun2 170s linear infinite; -moz-animation: yun2 170s linear infinite; animation: yun2 170s linear infinite; } .yun3 { -webkit-animation: yun3 130s linear infinite; -moz-animation: yun3 130s linear infinite; animation: yun3 130s linear infinite; } .yun4 { -webkit-animation: yun4 110s linear infinite; -moz-animation: yun4 110s linear infinite; animation: yun4 110s linear infinite; } @keyframes yun1 { 0% { transform: translate(-579.5%, 0) scale(1, 1); } 25% { transform: translate(-1032.5%, 0) scale(1, 1); } 26% { transform: translate(-1032.5%, 0) scale(0, 0); } 27% { transform: translate(933%, 0) scale(0, 0); } 28% { transform: translate(933%, 0) scale(1, 1); } 50% { transform: translate(0%, 0) scale(1,1); } 100% { transform: translate(-579.5%, 0) scale(1,1); } } @keyframes yun2 { 0% { transform: translate(-414%, 0) scale(1, 1); } 25% { transform: translate(-1798%, 0) scale(1, 1); } 26% { transform: translate(-1798%, 0) scale(0, 0); } 27% { transform: translate(1698%, 0) scale(0, 0); } 28% { transform: translate(1698%, 0) scale(1, 1); } 50% { transform: translate(0%, 0) scale(1,1); } 100% { transform: translate(-414%, 0) scale(1,1); } } @keyframes yun3 { 0% { transform: translate(172%, 0) scale(1, 1); } 25% { transform: translate(-497%,0) scale(1, 1); } 50% { transform: translate(-1112%, 0) scale(1, 1); } 51% { transform: translate(-1112%, 0) scale(0, 0); } 52% { transform: translate(1012%, 0) scale(0, 0); } 53% { transform: translate(1012%, 0) scale(1, 1); } 75% { transform: translate(506%, 0) scale(1,1); } 100% { transform: translate(172%, 0) scale(1,1); } } @keyframes yun4 { 0% { transform: translate(497%, 0) scale(1, 1); } 25% { transform: translate(0, 0) scale(1, 1); } 50% { transform: translate(-957%, 0) scale(1, 1); } 51% { transform: translate(-957%, 0) scale(0, 0); } 52% { transform: translate(857%, 0) scale(0, 0); } 53% { transform: translate(857%, 0) scale(1, 1); } 100% { transform: translate(497%, 0) scale(1,1); } } /* 楦 */ .bird1, .bird2 {position: absolute; z-index: 31;} .bird1 {width: 39px; height: 63px; background: url('bxds_img_45.png') no-repeat; bottom: 495px; left: -744px; } .bird2 {width: 31px; height: 50px; background: url('bxds_img_46.png') no-repeat; bottom: 558px; left: -651px; z-index: 1;} .bird1 { -webkit-animation: bird1 50s linear infinite; -moz-animation: bird1 50s linear infinite; animation: bird1 50s linear infinite; } .bird2 { -webkit-animation: bird2 50s linear infinite; -moz-animation: bird2 50s linear infinite; animation: bird2 50s linear infinite; } @keyframes bird1 { 0% {transform: translate(0,0) scale(1, 1);} 10% {transform: translate(194.1px,0) scale(1, 1);} 20% {transform: translate(388.2px,0) scale(1, 1);} 30% {transform: translate(582.3px,0) scale(1, 1);} 40% {transform: translate(766.4px,0) scale(1, 1);} 50% {transform: translate(970.5px,0) scale(1, 1);} 60% {transform: translate(1164.6px,0) scale(1, 1);} 70% {transform: translate(1358.7px,0) scale(1, 1);} 80% {transform: translate(1552.8px,0) scale(1, 1);} 85% {transform: translate(1695px,0) scale(1, 1);} 86% {transform: translate(1695px,0) scale(0, 0);} 90% {transform: translate(-246px,0) scale(0, 0);} 91% {transform: translate(-246px,0) scale(1, 1);} 100% {transform: translate(0,0) scale(1, 1);} } @keyframes bird2 { 0% {transform: translate(0,0) scale(1, 1);} 10% {transform: translate(193.3px,0) scale(1, 1);} 20% {transform: translate(386.6px,0) scale(1, 1);} 30% {transform: translate(579.9px,0) scale(1, 1);} 40% {transform: translate(773.2px,0) scale(1, 1);} 50% {transform: translate(966.5px,0) scale(1, 1);} 60% {transform: translate(1159.8px,0) scale(1, 1);} 70% {transform: translate(1353.1px,0) scale(1, 1);} 80% {transform: translate(1546.4px,0) scale(1, 1);} 85% {transform: translate(1602px,0) scale(1, 1);} 86% {transform: translate(1602px,0) scale(0, 0);} 90% {transform: translate(-331px,0) scale(0, 0);} 91% {transform: translate(-331px,0) scale(1, 1);} 100% {transform: translate(0,0) scale(1, 1);} } /* 椋炴満 */ .airplane {width: 218px; height: 63px; background: url('bxds_img_9.png'); left: 0; top: 185px; position: absolute; z-index: 20;} .airplane { -webkit-animation: airplane 7s linear infinite; -moz-animation: airplane 7s linear infinite; animation: airplane 7s linear infinite; } @keyframes airplane { 0% { transform: translate(-501%, 0); } 50% { transform: translate(0%, 0); } 100% { transform: translate(501%, 0); } } /*--------------------------------- 鍙戝睍鍘嗙▼ end ---------------------------------*/ /* 棣栭〉鏀 */ .header {/*position: absolute; */z-index: 10;} .i-pro {top: 0; left: 0; width: 100%; z-index: 500;} .swiper-slide-active span { color: #333; } /*-------------------------------- 缃戠珯鍦板浘 start --------------------------------*/ .wm {padding-bottom: 100px;} .wm-title {border-bottom: 1px solid #eeeeee; padding-bottom: 14px; height: 31px; margin-top: 23px;} .wm-title span {font-size: 16px; color: #333; display: block; line-height: 16px; font-weight: bold; position: relative; float: left;} .wm-title span:after {content: ''; width: 32px; height: 2px; background: #003894; position: absolute; bottom: -15px; left: 50%; margin-left: -16px;} .wm-list {overflow: hidden; width: 101%; padding: 30px 0 0;} .wm-list li, .wm-list dl {float: left; width: 186px; line-height: 16px; margin-bottom: 25px;} .wm-list a, .wm-list dt {font-size: 16px; color: #3c3c3c; transition: all 0.3s ease-in-out; font-weight: 500; text-transform: none;} .wm-list dt {margin-bottom: 24px;} .wm-list dd a {font-size: 14px; color: #999; line-height: 32px;} .wm-list a:hover {color: #003894;} /*--------------------------------- 缃戠珯鍦板浘 end ---------------------------------*/ /*-------------------------------- 娉曞緥澹版槑 start --------------------------------*/ .flsm-box {margin-top: 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 0 25px;} .flsm-title {border-bottom: 1px solid #e9e9e9; text-align: center; padding: 40px 0 20px;} .flsm-title span {font-size: 24px; display: block; line-height: 24px; font-weight: bold; color: #333;} .flsm-text {padding: 28px 45px 78px;} .flsm-text p {line-height: 26px;} .flsm-text span {font-size: 14px;} /*--------------------------------- 娉曞緥澹版槑 end ---------------------------------*/ /*-------------------------------- 鏈嶅姟鏀跨瓥 start --------------------------------*/ .fwzc-cont {padding-top: 0.1px;} .fwzc-title {border-bottom: 1px solid #dedede; padding-bottom: 30px; margin: 80px 0 20px;} .fwzc-title span {font-size: 20px; display: block; line-height: 20px; font-weight: bold; color: #666;} .fwzc-text {position: relative;} .fwzc-text p {line-height: 30px;} .fwzc-text span {font-size: 14px;} .fwzc-box:first-child .fwzc-title {border: 0; padding: 0; margin-bottom: 28px;} .fwzc-text ul {padding-left: 28px; margin-top: 18px;} .fwzc-text li {line-height: 34px; font-size: 14px; list-style-type: disc;} .fwzc-ico {position: absolute; right: 0; top: -6px;} /*--------------------------------- 鏈嶅姟鏀跨瓥 end ---------------------------------*/ /*-------------------------------- 鑽h獕璧勮川 start --------------------------------*/ .hyzz {padding-bottom: 80px;} .hyzz-cont {margin-top: 30px;} .hyzz-cont .cont {overflow: visible;} /*.hyzz-cont ul {width: 1240px; overflow: hidden; margin-left: -20px; margin-bottom: 30px;} .hyzz-cont li {width: 270px; height: 200px; padding: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); float: left; margin: 20px; border: 1px solid #f0f0f0;}*/ .hyzz-cont .pic-box {width: 250px; height: 180px;} /*--------------------------------- 鑽h獕璧勮川 end ---------------------------------*/ /*-------------------------------- 棰嗗鍏虫€€ start --------------------------------*/ .lg {padding-bottom: 60px;} .lg-cont ul {width: 1226px; margin-top: 43px;} .lg-cont li {width: 580px; height: 185px; background: #f6f6f6; float: left; margin: 0 26px 20px 0;} .lg-cont a {display: block; width: 100%; height: 100%;} .lg-left {width: 280px; height: 100%; float: left; margin-right: 20px; overflow: hidden;} .lg-left .pic-box {width: 280px; height: 185px;} .lg-text {padding: 20px 24px 0 0;} .lg-text span {font-size: 16px; line-height: 34px;} /*--------------------------------- 棰嗗鍏虫€€ end ---------------------------------*/ /*-------------------------------- 鍥㈤槦椋庨噰 start --------------------------------*/ .tf-cont ul {width: 1216px; overflow: hidden; margin-top: 43px;} .tf-cont li {width: 288px; height: 245px; float: left; margin: 0 16px 16px 0; background: #f6f6f6;} .tf-pic {width: 100%; height: 190px; overflow: hidden;} .tf-pic .pic-box {width: 288px; height: 190px;} .tf-text {width: 100%; height: 55px; line-height: 55px; padding: 0 20px;} .tf-text span {font-size: 16px; color: #666;} /*--------------------------------- 鍥㈤槦椋庨噰 end ---------------------------------*/ /*-------------------------------- 浼佷笟鏂囧寲 start --------------------------------*/ .ct {padding-bottom: 70px;} .ct-top {margin-top: 43px; border-bottom: 1px solid #eeeeee; overflow: hidden; padding-bottom: 26px;} .ct-top-left {float: left; margin-right: 12px;} .ct-top-text {padding-top: 50px;} .ct-top-text p {font-size: 16px; line-height: 36px; color: #666;} .ct-list {overflow: hidden; float: left; height: 510px;} .ct-left {width: 640px;} .ct-middle {width: 270px;} .ct-right {width: 300px; margin-right: -10px;} .ct-list li {float: left; margin: 0 10px 10px 0; position: relative;} .ct-left li:nth-child(1) {width: 340px; height: 240px;} .ct-left li:nth-child(2) {width: 280px; height: 240px;} .ct-left li:nth-child(3) {width: 230px; height: 260px;} .ct-left li:nth-child(4) {width: 390px; height: 260px;} .ct-middle li:nth-child(1) {width: 260px; height: 290px;} .ct-middle li:nth-child(2) {width: 260px; height: 210px;} .ct-right li:nth-child(1) {width: 290px; height: 210px;} .ct-right li:nth-child(2) {width: 290px; height: 290px;} .ct-pic {width: 100%; height: 100%; position: absolute;} .ct-pic-text {position: absolute; width: 100%; height: 100%; background: url('ct-cover.png') bottom repeat-x;} .ct-pic-text p {position: absolute; bottom: 20px; padding: 0 20px;} .ct-pic-text span {font-size: 20px; display: block; line-height: 18px; color: #fff; font-weight: bold; margin-bottom: 8px;} .ct-pic-text small {font-size: 14px; display: block; color: #fff; line-height: 22px;} /*--------------------------------- 浼佷笟鏂囧寲 end ---------------------------------*/ /*-------------------------------- 鎶藉鍚庝笓棰橀〉 start --------------------------------*/ .acj-banner {height: 744px;} .acj-hot-line small {color: #fff;} .acj-hot-line span {color: #fff;} .acj-hot-line i {background: url('ico.png') -45px -226px no-repeat;} .acj {margin-top: 348px; background: url('acjbg.png') top no-repeat; padding: 373px 0 0;} .acj-nav a {color: #fff;} .acj-nav .nav-list {height: 110px;} .acj .cont {background: url('form-bg.png') center top no-repeat; overflow: visible; height: 561px; padding-top: 0.1px;} .acj form {width: 890px; margin: 121px auto 0;} .acj-left {float: left; margin-right: 28px;} .acj-box {height: 46px; margin-bottom: 14px;} .acj-box label {line-height: 46px; font-size: 18px; color: #fff; font-weight: bold; display: block; float: left;} .acj-ly {height: 226px;} .acj-box input, .acj-box textarea {height: 100%; border: 0; background: #fffbdb; border-radius: 4px; font-size: 14px; color: #a9a68a; padding: 0 14px;} .acj-box input {width: 330px;} .acj-box textarea {width: 420px; line-height: 20px; padding: 15px 16px; resize: none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a9a68a; } input:-moz-placeholder, textarea:-moz-placeholder { color: #a9a68a; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a9a68a; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a9a68a; } .acj-btn {text-align: center; margin-top: 37px;} .acj-btn button {width: 216px; height: 50px; background: #fffbdb; border: 0; border-radius: 4px; box-shadow: 0 4px 0 #ffb5a1;} .acj-btn button:active {margin-top: 3px; box-shadow: 0 1px 0 #ffb5a1;} .acj-btn i {display: inline-block; width: 43px; height: 21px; background: url('submit.png') no-repeat;} /*--------------------------------- 鎶藉鍚庝笓棰橀〉 end ---------------------------------*/ /*-------------------------------- 鎷涘晢鍔犵洘 start --------------------------------*/ .zsjm {padding-bottom: 0;} .zsjm-banner {height: 700px;} .zsjm-banner b {display: block; width: 100%; height: 100%;} /*璐㈠瘜宄颁細*/ .cffh-ad01 {height: 160px;} .cffh-ad02 {height: 335px;} .cffh-ad02 b,.cffh-ad01 b {display: block; width: 100%; height: 100%;} /* 琛屼笟鍒嗘瀽 */ .zsjm-af {padding-top: 72px;} .zsjm-af .cont {overflow: visible;} .z-af-text {width: 100%; height: 98px; background: url('af1.png') no-repeat; margin-top: 60px;} .zsjm-af-list {height: 424px; margin-top: 54px;} .zsjm-af-list li {float: left; position: relative; overflow: hidden;} .zsjm-af-n {width: 344px; height: 424px; padding: 7px; box-shadow: 0 14px 57px rgba(5,47,83,0.16); border-radius: 4px; } .zsjm-af-pic {width: 100%; height: 100%; overflow: overflow: hidden;} .zsjm-af-pic .pic-box {width: 330px; height: 410px;} .zsjm-af-text {width: 330px; height: 60px; background: url('zsjm-af-bg.png'); position: absolute; bottom: 7px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; line-height: 60px;} .zsjm-af-text span {font-size: 18px; color: #fff;} .zsjm-af-2n {width: 51px; height: 100%; background: url('af-poi.png') center no-repeat; margin: 0 15px 0 18px;} /* 绗竴鍝佺墝锛?澶т骇鍦 */ .zsjm-bf {background: url('zsjm-bf.png') top center no-repeat; margin-top: -100px; padding-top: 288px;} .zsjm-f-cont {margin: 84px 0 257px 229px; overflow: hidden;} .zsjm-f-cont span {font-size: 26px; color: #1f7ac6; display: block; line-height: 26px; font-weight: bold; margin-bottom: 30px;} .zsjm-f-cont li {padding-left: 21px; background: url('bf.png') 2px center no-repeat; width: 290px; float: left; margin-right: 49px; line-height: 44px;} .zsjm-f-cont a {color: #105c9c; transition: all 0.3s ease-in-out;} .zsjm-f-cont a:hover {text-decoration: underline;} /* 3澶т骇鍦 */ .zsjm-thr-cont {margin: 59px 0 78px;} .zsjm-thr-cont .swiper-container {width: 1440px; height: 313px; margin-left: -120px;} .zsjm-thr-cont .swiper-slide {height: 100%;} .zsjm-thr-text {text-align: center; margin-top: 40px;} .zsjm-thr-text span {font-size: 18px; display: block; line-height: 18px; color: #3c3c3c; font-weight: 300;} /* 瀹d紶鐗 */ .zsjm-vcr {background: url('vcr-bg.png') center no-repeat; padding: 60px 0 61px;} .zsjm-vcr-cont ul {margin-top: 80px;} /* 閲囪瑙嗛 */ .zsjm-video {background: url('video-bg.png') center no-repeat; padding: 80px 0;} .zsjm-video-cont {height: 398px; overflow: hidden; margin-top: 60px;} .zsjm-video-cont li {float: left; width: 290px; height: 194px; overflow: hidden; position: relative; margin-left: 10px; margin-bottom: 10px;} .zsjm-video-pic {width: 100%; height: 100%; position: absolute; top: 0;} .zsjm-video-pic .pic-box {width: 290px; height: 194px;} .zsjm-video-pic img {transition: all 0.5s ease-in-out;} .zsjm-video-play {width: 100%; height: 100%; background: url('30.png'); position: absolute; top: 0;} .zsjm-video-play i {display: block; width: 60px; height: 60px; background: url('zj-play-btn.png') no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px;} .zsjm-video-cont li:first-child {width: 600px; height: 398px; margin-left: 0;} .zsjm-video-cont li:first-child .pic-box {width: 600px; height: 398px;} .zsjm-video-cont li:first-child i {width: 80px; height: 80px; margin: -40px 0 0 -40px;} .zsjm-video-cont li:hover img {transform: scale(1.1,1.1);} .zsjm-video-cont li:hover i { animation: changes 1.5s ease-in-out infinite;} /* 鎷涘晢鍔犵洘鏀寔 */ .zsjm-sup {background: url('sup-bg.png') center no-repeat; padding: 80px 0 28px; overflow: hidden;} .zsjm-sup .cont {overflow: visible;} .zsjm-sup-adv {width: 100%; height: 313px; position: relative; background: url('s45.png') center top no-repeat; margin-top: 100px;} .zsjm-sup-adv p {font-size: 16px; line-height: 30px; color: #003894; position: absolute; width: 318px;} .zsjm-sup-adv .zsa1 {left: 68px; top: 45px;} .zsjm-sup-adv .zsa2 {top: 45px; right: 68px; text-align: right;} .zsjm-sup-adv .zsa3 {bottom: 0; left: 68px;} .zsjm-sup-adv .zsa4 {bottom: 0; right: 68px; text-align: right;} .zsjm-sup-list {width: 1260px; margin-top: 100px;} .zsjm-sup-list li {width: 570px; height: 150px; float: left; background: #fff; box-shadow: 0 6px 16px rgba(5,47,83,0.1); border-radius: 10px; margin: 0 60px 40px 0;} .zsjm-sup-left {width: 150px; height: 100%; background: url('sup.png') no-repeat; text-align: center; float: left; margin-right: 20px; position: relative;} .zsjm-sup-left p {position: absolute; bottom: 20px; width: 100%; } .zsjm-sup-left span {display: block; font-size: 18px; line-height: 18px; font-weight: bold; color: #fff; width: 100%;} .zsjm-sup-text {padding: 0 18px;} .zsjm-sup-text .pic-box {height: 150px; text-align: left;} .zsjm-sup-text p {font-size: 14px; line-height: 26px;} /* 涓撳崠搴楁渚 */ .zsjm-case {padding: 80px 0 50px;} .zsjm-case-cont {text-align: center; margin-top: 126px;} .zsjm-case-cont p {line-height: 30px;} /* 鍞悗鏈嶅姟 */ .zsjm-sh {padding: 92px 0 189px; background: url('sh-bg.png') center no-repeat; overflow: hidden;} .zsjm-sh .cont {overflow: visible;} .zsjm-sh .zsjm-title {margin-bottom: 80px;} .zsjm-sh-left {float: left; width: 800px;} .zsjm-sh-left ul {width: 102%;} .zsjm-sh-left li {float: left; width: 260px; height: 170px; margin: 0 10px 10px 0; box-shadow: 0 6px 16px rgba(6,32,53,0.2);} .zsjm-sh-left .pic-box {width: 260px; height: 170px;} .zsjm-sh-right {width: 348px; float: right;} .zsjm-sh-right li {overflow: hidden; margin-top: 58px;} .zsjm-sh-right li:first-child {margin-top: 0;} .zsjm-sh-right .zsjm-sh-order {float: left; margin-right: 20px;} .zsjm-sh-text {padding-right: 12px;} .zsjm-sh-text p {font-size: 16px; line-height: 24px;} /* 淇濋殰鍜屼紭鍔 */ .zsjm-by {padding: 0; margin-top: -40px;} .zsjm-by-ico {margin-top: 75px;} .zsjm-by-ico li {width: 400px; float: left; text-align: center;} .zsjm-by-pic {width: 88px; height: 88px; display: inline-block;} .zsjm-by-text {padding: 0 80px; margin-top: 30px;} .zsjm-by-text p {font-size: 16px; line-height: 30px;} .zsjm-by-list {margin-top: 64px; background: #468ecd; height: 250px;} .zsjm-by-list li {width: 300px; height: 250px; text-align: center; padding: 0 28.5px; float: left;} .zsjm-by-list li:nth-child(2n) {background: #58a3e1;} .zsjm-by-list span {display: block; font-size: 24px; font-weight: bold; line-height: 24px; color: #fff; position: relative; margin-top: 50px;} .zsjm-by-list span:after {width: 34px; height: 2px; background: #fff; content: ''; position: absolute; bottom: -27px; left: 50%; margin-left: -17px;} .zsjm-by-list p {font-size: 14px; color: #fff; line-height: 30px; margin-top: 47px;} /* 鐣欒█绐楀彛 */ .zsjm-msg {background: #f9f9f9; padding: 30px 0 40px;} .zsjm-msg .zsjm-title {margin-bottom: 40px;} .zsjm-msg-form {width: 600px; float: left;} .zsjm-msg-form p {margin-bottom: 20px;} .zsjm-msg-form label {width: 121px; display: block; float: left; text-align: right; margin-right: 13px; line-height: 50px;} .zsjm-msg-form input, .zsjm-msg-form textarea {border-radius: 4px; border: 1px solid #dedede; background: #fff; width: 466px;} .zsjm-msg-form input {height: 50px;} .zsjm-msg-form textarea {height: 120px; resize: none;} .zsjm-msg-form button {width: 150px; height: 50px; border-radius: 4px; color: #fff; background: #003894; font-size: 16px; border: 0;} .zsjm-msg-ph {width: 440px; float: right; margin-top: 30px;} .zsjm-msg-ewm {height: 190px;} .zsjm-ewm-pic {width: 190px; height: 190px; box-shadow: 0 8px 20px rgba(6,32,53,0.18); float: left; margin-right: 36px;} .zsjm-ewm-text {padding-top: 58px;} .zsjm-ewm-text span {display: block; font-size: 16px; line-height: 16px; color: #666; margin-bottom: 25px; text-transform: none;} .zsjm-msg-hotline {margin-top: 43px;} .zsjm-msg-hotline i {display: block; width: 52px; height: 47px; background: url('ico.png') -156px -310px no-repeat; float: left; margin-right: 20px;} .zsjm-msg-hotline small {font-size: 14px; color: #666; display: block; line-height: 14px; margin-bottom: 6px;} .zsjm-msg-hotline span {font-size: 32px; font-family: 'Arail'; display: block; line-height: 26px; color: #003894;} .w1200 { width: 1200px; margin: 0 auto; } .newstitlez{background: url(./images/newsbg1.jpg) no-repeat;background-size:100% 100%;line-height: 40px;height: 40px;} .newsz a{display: flex;width: 100%;} .newsz .xpss_title{flex: 1;} .xpss_title { width: 100%; height: auto; text-align: center; font-size: 20px; color: #666; } .newstitlez .active{color:#fff;} .xwdt_content li .newsimgz{width:50%;max-height: 50px !important;} .xwdt_content li{margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;} .newscontz{padding-top: 30px;} .xwdt_content { width: 100%; height: auto; margin: 0 auto; margin-top: 0px; position: relative; /*margin-top: 0.3rem;*/ } .newsdescz{padding:0 10px;box-sizing: border-box;font-size: 15px;position: relative;} .newsdescz span{position: absolute;bottom: 0;color:#999;} .viewmorez{background: #ddd;padding: 10px;width: 50%;float: right;text-align: center;} .msgz{padding: 15px 10px;} .msgdesc{color:#003894;text-align: center;margin-bottom:10px;} .msglabel{display: block;margin: 0 auto;display: block;position: relative;margin-bottom:15px;} .msglabel .msgimg{width: 18px;position: absolute;top: 10px;left: 12px;} .msglabel input{width:100%;border: none;padding-left:50px;height: 40px;box-sizing: border-box;border: 1px solid #ddd;} .msglabel select{color:#666;width:32.6%;border: none;padding-left: 50px;height: 40px;box-sizing: border-box;border: 1px solid #ddd;} .msglabel textarea{border: 1px solid #ddd;width: 100%;resize: none; padding:10px 18px;height: 120px;box-sizing: border-box;padding-left: 50px;} /*--------------------------------- 鎷涘晢鍔犵洘 end ---------------------------------*/ /*-------------------------------- 鍟嗗闄 start --------------------------------*/ .sh {padding: 0;} .sh-banner {width: 100%; height: 452px;} .sh-banner .swiper-container {width: 100%; height: 100%; position: relative;} .sh-banner a {display: block; width: 100%; height: 100%;} .sh-banner .sh-dot {bottom: 20px; position: absolute; z-index: 10; width: auto; border-radius: 24px; height: 24px; background: rgba(0,0,0,0.5); padding: 0 22px; left: 50%; transform: translate(-50%,0);} .sh-dot .swiper-pagination-bullet {width: 10px; height: 10px; background: #bebebe; border-radius: 50%; margin: 0 6.5px; vertical-align: middle;} .sh-dot .swiper-pagination-bullet-active {background: #ffffff;} /* 鍥涗釜鍙互 */ .sh-af {background: #003894; height: 160px;} .sh-af ul {height: 100%;} .sh-af li {width: 300px; float: left; height: 100%;} .sh-af li .pic-box {height: 160px; width: 300px;} .sh-af li p {text-align: left; display: inline-block; min-width: 208px;} .sh-af i {display: block; float: left; width: 46px; height: 46px; margin-right: 12px; background: url('ico.png') no-repeat;} .sh-af .sh-af1 {background-position: -232px -165px;} .sh-af .sh-af2 {background-position: -232px -226px;} .sh-af .sh-af3 {background-position: -232px -286px;} .sh-af .sh-af4 {background-position: -232px -345px;} .sh-af span {display: block; font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 15px;} .sh-af small {display: block; font-size: 14px; color: #fff; line-height: 14px;} /* 鍓嶇灮鐑车甯傚満 鎴愬氨琛屼笟绮捐嫳 */ .sh-bf {overflow: hidden; padding: 90px 0 59px;} .sh-title {text-align: center;} .sh-title span {font-size: 32px; display: block; line-height: 32px; font-weight: bold; color: #424242;} .sh-bf-cont ul {width: 1220px; position: relative; margin-top: 54px;} .sh-bf-cont ul:before {width: 100%; height: 1px; background: #e4e0e0; position: absolute; content: ''; top: 0; left: 0;} .sh-bf-cont ul:after {content: ''; width: 13px; height: 13px; background: #fff; border: 2px solid #e4e0e0; border-radius: 50%; position: absolute; top: -8px; left: 50%; margin-left: -6.5px;} .sh-bf-cont li {float: left; width: 380px; margin-right: 20px; height: 169px; margin-top: 38px;} .sh-bf-order {width: 96px;height: 100%; text-align: center; margin-right: 10px; float: left; padding-top: 36px;} .sh-bf-text {padding-top: 26px;} .sh-bf-text span {font-size: 20px; color: #424242; display: block; line-height: 20px; font-weight: bold;} .sh-bf-text p {font-size: 16px; color: #757373; line-height: 24px; margin-top: 12px;} /* 宸叉垚鍔熶妇鍔瀀XX灞 100000+缁忛攢鍟嗘敹鐩 */ .sh-cf {background: url('bg_66.png') center top no-repeat; overflow: hidden; padding: 90px 0 80px;} .sh-cf .cont {overflow: visible;} .sh-cf-list {width: 1230px; padding: 70px 0 63px; overflow: hidden; margin-left: -15px;} .sh-cf-list li {width: 380px; height: 400px; padding: 15px; background: #fff; float: left; margin: 0 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 8px;} .sh-cf-pic {width: 100%; height: 230px; overflow: hidden; margin-bottom: 18px;} .sh-cf-pic .pic-box {width: 350px; height: 230px;} .sh-cf-pic img {transition: all 0.5s ease-in-out;} .sh-cf-text a {font-size: 18px; display: block; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #003894; transition: all 0.3s ease-in-out;} .sh-cf-text small {font-size: 14px; color: #999; display: block; line-height: 14px; margin-top: 15px;} .sh-cf-text p {font-size: 14px; color: #666; line-height: 22px; text-align: justify; margin-top: 8px; height: 66px; overflow: hidden;} .sh-cf-list li:hover img {transform: scale(1.1, 1.1)} .sh-cf-list a:hover {color: #666;} .sh .sh-more {width: 200px; height: 46px; display: block; border: 2px solid #003894; text-align: center; line-height: 42px; font-size: 18px; color: #003894; border-radius: 8px; margin: 0 auto; transition: all 0.3s ease-in-out; background: none;} .sh .sh-more:hover {background: #003894; color: #fff;} /* 澶у挅鍚嶅笀鍔╅樀 */ .sh-df {padding: 96px 0 80px;} .sh-title small {font-size: 18px; display: block; line-height: 18px; color: #424242; margin-top: 16px;} .sh-df-list {overflow: hidden; width: 1230px; padding: 105px 0 60px;} .sh-df-list li {float: left; margin-right: 27px; width: 280px; height: 440px; position: relative; background: #f5f6f6; border-radius: 8px; padding: 130px 19px 0; transition: all 0.3s ease-in-out;} .sh-df-head {width: 132px; height: 132px; overflow: hidden; border-radius: 50%; padding: 4px; box-shadow: 0 7px 9px rgba(51, 51, 51, 0.1); position: absolute; top: -66px; left: 50%; margin-left: -66px; background: #fff; transition: all 0.3s ease-in-out;} .sh-df-text span {font-size: 18px; font-weight: bold; color: #003894; display: block; line-height: 18px; transition: all 0.3s ease-in-out;} .sh-df-text p {font-size: 14px; color: #555; line-height: 24px; margin-top: 25px; transition: all 0.3s ease-in-out;} .sh-df-list li:hover {background: #003894;} .sh-df-list li:hover span {color: #fff;} .sh-df-list li:hover p {color: #fff;} .sh-df-list li:hover .sh-df-head {top: -76px;} /* 閫夋嫨澶т簬鍔姏 鎴愬姛鍦ㄤ簬琛屽姩 */ .sh-ef {background: url('ef-bg.png') center no-repeat; padding: 90px 0 80px;} .sh-ef-list {width: 1230px; overflow: hidden; margin: 63px 0 56px;} .sh-ef-list li {width: 280px; float: left; margin-right: 27px;} .sh-ef-box {width: 100%; height: 200px; border-radius: 8px; overflow: hidden; position: relative; display: block;} .sh-ef-pic {width: 100%; height: 100%;} .sh-ef-pic .pic-box {width: 280px; height: 200px;} .sh-ef-pic img {transition: all 0.5s ease-in-out;} .sh-ef-cover {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('40.png'); border-radius: 8px; transform: scale(0, 0); transition: all 0.5s ease-in-out;} .sh-ef-cover i {display: block; width: 81px; height: 81px; background: url('sh-play-btn.png') no-repeat; background-size: 100%; left: 50%; top: 50%; margin: -40.5px 0 0 -40.5px; position: absolute;} .sh-ef-text {text-align: center; margin-top: 14px;} .sh-ef-text span {display: block; font-size: 18px; line-height: 18px; color: #424242;} .sh-ef-list li:hover .sh-ef-cover {transform: scale(1, 1);} .sh-ef-list li:hover img {transform: scale(1.1, 1.1);} .sh-ef-list li:hover i {animation: changes 1.5s ease-in-out 0.5s infinite;} /*--------------------------------- 鍟嗗闄 end ---------------------------------*/ /*-------------------------------- 鍟嗗闄 鏌ョ湅鏇村 start --------------------------------*/ .sh1 .sh-cf {padding: 0 0 50px;} .sh1 .sh-cf-list {padding: 71px 0 40px;} .sh1 .sh-cf-list li {margin-bottom: 30px;} .sh2 .sh-df {background: url('bg_66.png') center top no-repeat; padding: 73px 0 50px;} .sh2 .sh-df-list {padding: 94px 0 0;} .sh2 .sh-df-list li {margin-bottom: 97px;} .sh2 .click-more {margin-top: -45px;} .sh3 .sh-ef {background: url('bg_66.png') center top no-repeat; padding: 70px 0 50px;} .sh3 .sh-ef-list {margin-bottom: 30px;} .sh3 .sh-ef-list li {margin-bottom: 38px;} /*--------------------------------- 鍟嗗闄 鏌ョ湅鏇村 end ---------------------------------*/ /*鍒嗛〉鏍峰紡*/ .page { padding:20px 0px 0px 1px; float:right; clear:both;} .page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; } .page a:link, .page a:visited { text-decoration:none; } .page a:hover { background:#003894; color:#fff; } .page .current{ background:#003894; color:#FFF;} .page #total{color:red} .fb_box{ z-index: 999; position: fixed; width: 72px; top: 50%; right: 0; transform: translateY(-50%); } .fb_box a,.fb_box em{ display: block; background: #003894; text-align: center; padding: 10px 0; margin-bottom: 1px; position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .fb_box em p{ position: absolute; z-index: -1; height: 100%; line-height: 64px; white-space: nowrap; background: #003894; color: #fff; top: 0; right: 73px; width: 0; font-size: 14px; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .fb_box a img,.fb_box em img{ vertical-align: top; } .fb_box a span,.fb_box em span{ display: block; color: #fff; font-size: 12px; margin-top: 6px; } .fb_box a:hover,.fb_box em:hover{ background: #003894; } .fb_box em:hover p{ width: 150px; opacity: 1; } .fb_box em div{ position: absolute; z-index: -1; background: #003894; top: 0; right: -228px; width: 300px; padding: 16px 0; font-size: 14px; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .fb_box em div a{ display: inline-block; vertical-align: top; width: 120px; height: 120px; margin: 0 10px; padding: 0; } .fb_box em div a img{ vertical-align: top; width: 100%; height: 100%; } .fb_box em:hover div{ right: 73px; opacity: 1; } .bianjie{display: block !important; background: #ddd !important; width: 100% !important; height: 35px !important; line-height: 35px !important; margin: 5px 0 !important;} .bianjie:hover{background:#003894!important;color:#fff!important;} .bianjiebox{background: none !important;} /* 浜氳繍浼氫笓棰 start */ @font-face { font-family: 'HarmonyOS_Sans_SC_Regular'; src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf); } @font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf); } .clearfix:after,.clearfix:before{ content: ""; display: block; clear: both; } .yyh {padding-bottom: 0;font-family: 'HarmonyOS_Sans_SC_Regular';} .yyh-banner {height: 700px;position: relative;} .yyh-banner b {display: block; width: 100%; height: 100%;} .yyh-af {padding-top: 118px;} .yyh-af .cont {overflow: visible;background: url('yyh-cont1.png') no-repeat;height: 1800px;} .yyh-af-cont{margin: 0 0 0 103px;padding-top: 180px;position: relative;} .y-cont-text{padding-top:20px;font-size: 20px;color: #595757;line-height: 34px;font-family: 'HarmonyOS_Sans_SC_Medium';} .yyh-af-list{margin-top: -90px;position: relative;} .yyh-af-n{position: relative;} .yyh-af-part1{height: 160px;} .yyh-af-text{margin-bottom: 15px;line-height: 29px;} .yyh-p-cont1{position: absolute;right: 5%;} .yyh-af-part2{height: 270px;} .yyh-p-cont2{position: absolute;top: 0px;left: 30%;} .yyh-p-cont2 .yyh-af-text{padding-left: 90px;line-height: 25px;} .yyh-af-part3{height: 245px;} .yyh-p-cont3{position: absolute;top: 0px;left: 16%;} .yyh-p-cont4{padding-left: 85px;} .yyh-p-cont4 .yyh-af-text{width: 21%;float: left;padding-top: 55px;margin-right: 30px;} .yyh-p-cont5{padding-left: 220px;padding-top: 15px;} .yyh-p-cont5>div{float: left;margin: 0 15px;} .yyh-p-cont5 .yyh-af-text span{display: block;} .yyh-af-text-part{width: 32%;float: left;} .yyh-p-cont5 .yyh-af-pic .pic-box img{display: block;} .yyh-p-cont5 .line{ display: block; content: ''; border-bottom: 1px solid #BFBFBF; margin-bottom: 25px; margin-top: 25px;} .yyh-af-part6{height: 245px;} .yyh-p-cont6{position: absolute;top: 40px;left: 45%;display: flex;align-items: center;} .yyh-p-cont6 .yyh-af-text{width:33%;margin-right: 15px;} .yyh-af-part7,.yyh-af-part8 {height: 86px;} .yyh-af-part7 .yyh-af-text{text-align: center;padding-left: 45%;height: 50px;line-height: 50px;} .yyh-af-part8 .yyh-af-text{text-align: right;padding-right: 7%;} .yyh-bf .cont{overflow: visible;background: url('yyh-cont2.png') no-repeat;color:#fff;height: 1036px;} .yyh-bf-cont{padding-top: 16%;margin: 0 8.5%;} .yyh-bf-cont .y-cont-text{color:#fff;} .yyh-video{padding-top: 60px;} .yyh-video-cont{height: 524px; overflow: hidden;} .yyh-video-cont li {float: left; width: 489px; height: 168px; overflow: hidden; position: relative; margin-left: 12px; margin-bottom: 10px;border-radius: 20px;} .yyh-video-cont li:first-child {width: 495px; height: 524px; margin-left: 0;} .yyh-cf .cont{overflow: visible;background: url('yyh-cont3.png') no-repeat;color:#595757;height: 1064px;padding-top: 10%;} .yyh-cf-cont{margin: 0 8.5%;} .yyh-df .cont{overflow: visible;background: url('yyh-cont4.png') no-repeat;color:#595757;padding-top: 10%;} .yyh-df-cont{margin: 0 8.5%;} .yyh-video-pic {width: 100%; height: 100%; position: absolute; top: 0;} .yyh-video-pic img{width: 100%; height: 100%!important;} .yyh-video-cont li .yyh-video-pic .pic-box{width: 489px; height: 168px;} .yyh-video-cont li:first-child .yyh-video-pic .pic-box{width: 495px; height: 524px;} .yyh-video-pic img{width: 100%; height: 100%!important;transition: all 0.5s ease-in-out;} .yyh-video-cont li:hover img {transform: scale(1.1,1.1);} .yyh-df-list{margin-top:100px;} .yyh-df-title {text-align: center;margin:50px 0 20px 0;} .yyh-df-title h1{font-size: 42px;color: #10378E;line-height: 60px;} .yyh-df-title span{font-size: 23px;} .banner-text-box{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;} .banner-text1{width: 100%;margin-top: 30px;font-size: 28px;color:#282828;line-height: 60px;text-align: center;font-weight: bold;} .yyh-banner .countdown{position: absolute;z-index: 2;top: 95px;left: 50%;width: 690px;margin-left: -245px;} .yyh-banner .countdown .jCountdown.flip.white .group>.label{background-image: none!important;} .yyh-banner .countdown .jCountdown.flip.white .group.day>.label::after{position: absolute;top:-60px;right:-73px;font-size: 22px;color:#282828;line-height: 72px;content:'澶?;display: block;background-image: none!important;} .yyh-banner .countdown .jCountdown.flip.white .group.hour>.label::after{position: absolute;top:-60px;right:-46px;font-size: 22px;color:#282828;line-height: 72px;content:'鏃?;display: block;background-image: none!important;} .yyh-banner .countdown .jCountdown.flip.white .group.minute>.label::after{position: absolute;top:-60px;right:-46px;font-size: 22px;color:#282828;line-height: 72px;content:'鍒?;display: block;background-image: none!important;} .yyh-banner .countdown .jCountdown.flip.white .group.second>.label::after{position: absolute;top:-60px;right:-46px;font-size: 22px;color:#282828;line-height: 72px;content:'绉?;display: block;background-image: none!important;} /* 浜氳繍浼氫笓棰 end */ /* 鏂版嫑鍟嗗姞鐩 start*/ .n-zsjm-group .cont-bg {color:#FFFFFF;font-family:'HarmonyOS_Sans_SC_Light';width:100%;height:100%;background-position:center;position:relative;} .n-zsjm-group .cont {padding-top:100px;} .n-zsjm-group .group-title {text-align:center;} .n-zsjm-group .group-title .title_ {display:inline-block;} .n-zsjm-group .group-title div {height:106px;line-height:106px;text-align:center;display:inline-block;} .n-zsjm-group .group-title div img {vertical-align:top;height:9.8vh;} .n-zsjm-group .group-title span {font-size:4rem;/* font-size:64px;*/font-family:'HarmonyOS_Sans_SC_Regular';font-weight:400;height:106px;line-height:106px;letter-spacing:5px;margin-left:-93px;float:right;} .n-zsjm-group .cont-text {font-size:1.7rem;line-height:43px;} .n-zsjm-group h3 {font-size:2.3rem;font-family:'HarmonyOS_Sans_SC_Medium';font-weight:500;} .zsjm-ag {height:1067px;} .zsjm .theme {max-width:1920px;margin:0 auto;position:relative;height:100%;} .zsjm-ag .theme1 {max-width:40vw;position:absolute;top:30%;transform:translateY(-40%);left:6%;} .zsjm-ag .theme2 {max-width:10vw;position:absolute;top:4%;right:2%;} .zsjm-ag .theme3 {max-width:22vw;position:absolute;bottom:10%;left:6%;} .zsjm-bg {height:1009px;} .zsjm-bg .cont-text {padding-top:64px;text-indent:3em;} .zsjm-bg .zsjm-vcr-cont ul {margin-top:190px;} .zsjm-cg {height:867px;} .zsjm-cg .label-box {font-size:2rem;font-weight:400;text-align:center;height:150px;position:absolute;bottom:13%;left:0;right:0;letter-spacing:1.5px;} .zsjm-cg .label-box span:nth-child(2) {display:inline-block;width:900px;text-align:center;} .zsjm-cg .label-box span:nth-child(2) b {font-weight:400;position:absolute;bottom:15%;left:0;right:0;margin:0 auto;font-size:2.5rem;} .zsjm-cg .label-box span:nth-child(2) b i {font-style:normal;font-size:2rem;font-weight:400;} .zsjm-dg {height:1147px;} .zsjm-dg .label {height:900px;margin-top:5%;width:700px;float:right;} .zsjm-dg .label div {height:300px;vertical-align:bottom;text-align:center;position:relative;} .zsjm-dg .label div span b {display:inline-block;font-size:20px;font-style:normal;font-weight:400;text-align:center;width:350px;line-height:40px;} .zsjm-dg .label div:first-child span {position:absolute;left:0;right:0;bottom:0;margin:0 auto;} .zsjm-dg .label div:nth-child(2) span,.zsjm-dg .label div:last-child span {position:absolute;left:5px;bottom:10px;} .zsjm-dg .label div:last-child span {bottom:22px;} .zsjm-dg .label div:nth-child(2) span:last-child,.zsjm-dg .label div:last-child span:last-child {left:360px;} .zsjm-eg {height:1251px;} .series {position:relative;height:930px;margin-top:94px;} .series li {line-height:29px;position:absolute;} .series .font_7 {font-size:2rem;font-weight:700;line-height:60px;} .series li:first-child .font_7 {padding-left:15px;} .series li:first-child {text-align:center;left:0;right:0;margin:0 auto;top:0;line-height:29px;} .series li:nth-child(2) {text-align:left;top:50%;transform:translateY(-50%);padding-left:45px;} .series li div {position:absolute;left:0;bottom:0px;} .series li:nth-child(2) div {padding-left:55px;} .series li:nth-child(3) {text-align:right;top:50%;transform:translateY(-50%);right:0;} .series li:nth-child(3) div {right:0;padding-right:95px;} .series li:nth-child(4) {text-align:left;left:110px;bottom:0;} .series li:nth-child(4) .font_7 {padding-left:25px;text-align:center;} .series li:nth-child(5) {text-align:right;right:130px;bottom:0;} .zsjm-fg {height:1128px;} .zsjm-fg .jm-group li {float:left;width:410px;height:287px;padding:34px 40px;} .zsjm-fg .jm-group {width:1230px;margin:90px auto 0;position:relative;} .zsjm-fg .jm-group h3 {color:#1A4AC7;line-height:74px;margin-bottom:35px;} .zsjm-gg {height:1208px;} .zsjm-gg .group {margin-top:85px;box-sizing:border-box;} .zsjm-gg .group li {display:inline-block;width:33%;float:left;box-sizing:border-box;} .zsjm-gg .group .li-cont {width:340px;text-align:center;} .zsjm-gg .group .li-cont i {display:block;width:300px;height:300px;margin:0 auto;} .zsjm-gg .group li .group-text {line-height:30px;} .zsjm-gg .group li .group-text h3 {margin:5px 0 20px;} .zsjm-gg .good {width:1230px;margin:65px auto 0;} .zsjm-gg .good li {height:109px;line-height:109px;background:url(./zsjm/border_04.png) center top no-repeat;background-size:100%;margin-bottom:5px;} .zsjm-gg .good li h3 {color:#1A4AC7;float:left;width:300px;text-align:center;margin-right:10px;} .zsjm-gg .good li p {float:left;font-size:1.8rem;font-family:'HarmonyOS_Sans_SC_Regular';font-weight:400;} .zsjm-hg {height:708px;} .zsjm-ig {height:1725px;} .zsjm-ig .group-title {margin:40px auto 60px;} .zsjm-ig ul {margin:0 30px;} .zsjm-ig ul li {position:relative;width:539px;height:335px;background:url(./zsjm/border_05.png) center top no-repeat;background-size:100%;float:left;margin-left:30px;font-family:"HarmonyOS_Sans_SC_Regular";font-size:2rem;line-height:47px;box-sizing:border-box;} .zsjm-ig ul li i {display:inline-block;width:145px;height:141px;} .zsjm-ig ul li h2 {font-size:2.8rem;font-weight:bold;line-height:56px;position:absolute;top:30px;left:160px;letter-spacing:5px;} .zsjm-ig ul li p {padding:0 50px 0 60px;} .zsjm-jg {height:250px;} .zsjm-kg {height:1559px;} .zsjm-kg .cont .shop {font-size:1.8rem;text-align:center;} .zsjm-lg {height:574px;} .zsjm-mg {height:2199px;} .zsjm-ng {height:763px;} .zsjm-ng .path {padding:0 50px 0 30px;} .zsjm-ng .path-text {float:left;text-align:center;} .zsjm-ng .path1 {margin-top:190px;margin-bottom:170px;} .zsjm-ng .path1 .path-text {width:25%;} .zsjm-ng .path2 .path-text {width:33%;} .n-zsjm-msg.zsjm-msg {background-color:#FBFAFB;padding-top:0;} .msg-title {height:90px;box-shadow:5px 5px 8px 0px rgba(96,108,139,0.21);font-size:40px;font-family:"HarmonyOS_Sans_SC_Regular";font-weight:500;color:#1A4BC8;line-height:90px;text-align:center;} .n-zsjm-msg .zsjm-msg-cont {margin-top:70px;} .n-zsjm-msg .zsjm-msg-ph {float:left;margin-top:0;border-right:1px dashed #AAAAAA;} .n-zsjm-msg .zsjm-msg-ewm {height:200px;} .n-zsjm-msg .zsjm-msg-pic {width:200px;height:200px;margin:0 auto;} .n-zsjm-msg .zsjm-msg-hotline {margin-top:10px;margin-left:27%;line-height: 35px;} .n-zsjm-msg .zsjm-msg-hotline h4 {margin-top:10px;font-size:24px;font-weight:bold;color:#37393C;} .n-zsjm-msg .zsjm-msg-hotline span {font-size:24px;color:#37393C;} .n-zsjm-msg .zsjm-msg-form {text-align:right;} .n-zsjm-msg .zsjm-msg-form input {padding-left:15px;font-size:16px;font-family:"HarmonyOS_Sans_SC_Regular";} .n-zsjm-msg .zsjm-msg-form input,.n-zsjm-msg .zsjm-msg-form input::placeholder {color:#898989;} .n-zsjm-msg .zsjm-msg-form .msglabel {margin-left:22%;} .n-zsjm-msg .zsjm-msg-form .msglabel select {height:50px;color:#898989;padding-left:15px;font-size:16px;font-family:"HarmonyOS_Sans_SC_Regular";} /* 鏂版嫑鍟嗗姞鐩 end*/ /* 鎬婚儴鏂板尯 start*/ .n-zbxq {background:url(./zbxq/bg.jpg) no-repeat top center;} .n-zbxq-cont {width:1125px;margin:0 auto;color:#003894;font-family:'HarmonyOS_Sans_SC_Regular';} .sans_Bold {font-family:'HarmonyOS_Sans_Bold';} .n-zbxq-video {margin:0 47px;margin-top:116.6%;} .n-zbxq-video .desc {color:#003894;font-size:48px;text-align:center;margin-top:49px;} .n-zbxq-video .desc b {margin-left:15px;} .n-zbxq-dimension {margin-top:20.5%;margin-bottom:15px;height:1200px;position:relative;} .n-zbxq-dimension li {font-family:'HarmonyOS_Sans_SC_Medium';font-size:22px;color:#fff;background-color:rgba(0,56,148,0.5);padding-left:16px;padding-top:12px;padding-bottom:12px;position:absolute;} .n-zbxq-dimension li:first-child {width:271px;left:190px;top:123px;} .n-zbxq-dimension li:nth-child(2) {width:286px;left:490px;top:0;} .n-zbxq-dimension li:nth-child(3) {width:272px;right:34px;top:102px;} .n-zbxq-dimension li:nth-child(4) {width:283px;left:54px;bottom:220px;} .n-zbxq-dimension li:nth-child(5) {width:287px;right:49px;bottom:189px;} .n-zbxq-dimension li h4 {font-family:'HarmonyOS_Sans_Black';font-size:28.48px;margin-bottom:3px;} .n-zbxq-dimension li h4 span {font-weight:normal;font-size:17px;} .n-zbxq-cont-group .text-block {text-align:center;font-size:46px;margin-top:42px;} .n-zbxq-cont-group .text-block p {margin-bottom:41px;} .n-zbxq-cont-group .img-block {font-size:48px;text-align:center;} .n-zbxq-cont-group .img-block h3 {font-size:60px;} .n-zbxq-cont-group .img-block h3 {line-height:83px;} .n-zbxq-cont-group .img-block p {line-height:100px;} .n-zbxq-cont-group .three-block {margin:200px 0;} .n-zbxq-cont-group .three-block li {color:#231815;display:flex;align-items:center;justify-content:center;margin:73px 0;} .n-zbxq-cont-group .three-block .group-thumb {width:150px;position:relative;margin-right:50px;} .n-zbxq-cont-group .three-block .group-thumb::before {content:"";position:absolute;top:50%;right:-40px;width:0;height:0;border-top:14px solid transparent;border-right:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid #003894;transform:translateY(-50%);} .n-zbxq-cont-group .three-block .group-info {font-size:38px;text-align:justify;} .n-zbxq-cont-group .three-block .group-info::before {content:'';display:block;width:100%;height:1px;border-top:1px solid #231815;} .n-zbxq-cont-group .three-block .group-info::after {content:'';display:block;width:100%;height:1px;border-bottom:1px solid #231815;} .n-zbxq-cont-group .three-block .group-info p {text-align:justify;line-height:70px;height:70px;} .n-zbxq-cont-group .three-block .group-info p::after {width:100%;content:'';display:inline-block;} .n-zbxq-cont-group .three-block .group-info p:first-child {font-size:53.16px;font-family:HarmonyOS_Sans_SC_Bold;font-weight:bold;color:#004098;} .n-zbxq-cont-group .three-block .group-info p b {font-family:HarmonyOS_Sans_SC_Bold;font-weight:bold;} .n-zbxq-lines {margin:150px 47px 0;background:url(./zbxq/pic7.png) no-repeat top center;padding:65px 46px 103px;} .lines-item {color:#252525;font-size:30px;float:left;margin:68px 21px 0;text-align:center;line-height:50px;} .n-zbxq-contact div {float:left;} .n-zbxq-contact .tel-block {font-family:'HarmonyOS_Sans_Bold';font-weight:bold;text-align:justify;padding-left:0.33rem;font-size:0.24rem;flex:1;line-height:0.22rem;border-left:1px solid #666;} .n-zbxq-contact .qrcode-block {width:135px;} .n-zbxq-contact .tel-block p::after,.n-zbxq-contact .tel-block h3::after {width:100%;content:'';display:inline-block;} .n-zbxq-contact .tel-block p:nth-child(2) {font-size:0.44rem;font-weight:normal;} /* 鎬婚儴鏂板尯 end*/