@charset "utf-8"; * {padding: 0;margin: 0;} li {list-style: none;} img {border: 0;transition: .4s;vertical-align: middle;} a {text-decoration: none;color: #000;outline: none;transition: .4s;} html{height: 100%;} .fl {float: left;} .fr { float: right;} .w17{width: 1173px;margin: 0 auto;} .clear{clear:both;} .img{overflow: hidden;} a:hover .img img{transform: scale(1.05);} body {font-family: "微软雅黑" !important; position: relative; } /* a:hover{color: #ae1c1c !important;} a:hover .bt{color: #ae1c1c !important;} */ a .bt{transition: 0.4s;} .main{width: 1620px;margin: 0 auto;} .top2{position: fixed !important;z-index: 100;top: -200px;} .top2.on{transition: 0.5s;transition-delay: 0.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; /* Opera */} .top{width: 100%;position: relative;z-index:100px;} .top .logo{padding: 25px 0;height: 50px;background: #162533;} .top .logo a{} .top .logo a img{max-width: 500px;} .top .nav{width: 60.58%;position: absolute;top: 0;right: 0;background: #005bac;z-index: 3;height: 100px;} .top .nav>ul{padding: 0 2%;} .top .nav ul li{float: left;padding: 30px 0;} .top .nav ul li a{font-size: 18px;color: #fff;display: block;padding: 15px;} .top .nav ul li .sub{position: absolute;background: #005bac;display: none;padding: 10px 0;} .top .nav ul li .sub li{float: none;padding: 0;} .top .nav ul li .sub li a{padding: 10px 15px;font-size: 16px;} .top .nav ul li .sub li:hover a{color: #005bac;background-color: #fff;} .top .nav>ul>li:hover>a{color: #005bac;background-color: #fff;} .top .nav .sj_btn{width: 100px;height: 100%; position: absolute; right: 0; top: 0;background: url(../2021images/nav.png) no-repeat center center;background-size: 39px;} .top .nav .sj_btn.sj_btn_on{ animation-name: sj_btn;cursor: pointer; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards;} .top .nav .sj_btn.sj_btn_lk{ animation-name: sj_btn_lk;cursor: pointer; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards;} @keyframes sj_btn { 0% {background: url(../2021images/nav.png) no-repeat center center;background-size: 39px;} 50% {background: url(../2021images/nav.png) no-repeat center center;background-size: 0px;} 100% {background: url(../2021images/nav_on.png) no-repeat center center;background-size: 39px;} } @keyframes sj_btn_lk { 0% {background: url(../2021images/nav_on.png) no-repeat center center;background-size: 39px;} 50% {background: url(../2021images/nav_on.png) no-repeat center center;background-size: 0px;} 100% {background: url(../2021images/nav.png) no-repeat center center;background-size: 39px;} } .banner{width: 100%;position: relative;z-index:1;background: #e1e7ecb3;} .banner .bd{width: 100%;} .banner .bd ul{width: 100% !important;max-width:100%;} .banner .bd ul li{width: 100% !important;height:100%;max-width:100%;} .banner .bd ul li a{ align-items: center;justify-content: center; display: flex; height: 100%;} .banner .bd ul li img{width:100%} .banner .hd{position: absolute;bottom: 5%;right: 150px;z-index: 3;} .banner .hd ul{} .banner .hd ul li{width: 50px;background: rgba(255,255,255,0.2);height: 1px;float: left;position: relative;} .banner .hd ul li::after{width: 0;height: 1px;position: absolute;top: 0;left: 0;content: "";display: block;background: #1baaef;transition: 0.4s;} .banner .hd ul li.on::after{width: 100%;} .banner .hd ul li.active::after{width: 100%;} .banner .pageState{position: absolute;z-index: 20;color: #fff;left: -20px;top: -10px;font-family: "Impact";letter-spacing: 10px;width: 10px;overflow: hidden;} .banner .zsl{right: -30px;left: auto;opacity: 0.4;} .banner .zsl span{display: none;} .top_yc{width: 80px;position: absolute;right: 0;bottom: 0;} .top_yc .en{} .top_yc .en a{display: block;width: 80px;height: 80px;background: #1baaef url(../2021images/en.png) no-repeat center center;} .top_yc .en a:hover{opacity: 0.8;} .top_yc .search{width: 80px;height: 80px;overflow: hidden;position: relative;z-index: 7;} .top_yc .search .btn{width: 80px;height: 80px;background: #005bac url(../2021images/search.png) no-repeat center center;border: 0;float: left;transition: 0.4s;cursor: pointer;} .top_yc .search .txt{height: 40px;line-height: 40px;background: none;border: 1px solid #fff;border-radius: 500px;padding: 0 15px;float: left;width: 0px;color: #fff;margin: 19px 10px;} .top_yc .search .btn:focus{outline: none;} .top_yc .search .txt:focus{outline: none;} .top_yc .search.on{ animation-name: example; animation-duration: 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } .top_yc .search.on .txt{width: 200px; animation-name: example2; animation-duration: 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } .top_yc .hdts{background: rgba(22,36,50,0.9);padding: 36px 0;} .top_yc .hdts p{width: 13px;margin: 0 auto;font-size: 14px;color: #fff;padding-bottom: 40px;background: url(../2021images/xsb.png) no-repeat center bottom;} @keyframes example { 0% {width: 80px;left: -0px;background: rgba(0,91,172,0);} 50% {width: 340px;left: -260px;background: rgba(0,91,172,0);} 100% {width: 340px;left: -260px;background: rgba(0,91,172,1);} } @keyframes example2 { 0% {opacity: 0;} 50% {opacity: 0;} 100% {opacity: 1;} } .firstScreen{ height: 100vh; overflow-x: auto; overflow-y: hidden; position: relative; } .body_main{ position: absolute; left: 0%; top: 100%; bottom: 0; right: 0; background: url(../2021images/body_bg.jpg); overflow: hidden; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 9; overflow: auto; outline: none; } .body_main.on{top: 0;} .part1{background: url(../2021images/part1_bg.jpg) no-repeat;background-size: cover;padding-bottom: 12%;} .part1 .first{padding: 60px 0;} .part1 .first .con{width: 53%;float: left;background: url(../2021images/part1_bg1.png) no-repeat 70px 50px;} .part1 .first .con a.nr{padding: 20% 0 0;display: block;} .part1 .first .con .sj{font-size: 14px; color: #005bac;font-family: "Times New Roman";margin-bottom: 10px;} .part1 .first .con .bt{font-size: 22px;color: #323232;line-height: 36px;margin-bottom: 30px;} .part1 .first .con .zy{font-size: 14px;color: #666666;line-height: 30px;margin-bottom: 70px;} .part1 .first .con .more{float: left;background: #005bac;padding: 2.5% 10%;border-radius: 5px;} .part1 .first .con .more p{font-size: 14px;color: #fff;padding-right: 20px;background: url(../2021images/part1_more_bg.png) no-repeat right center;} .part1 .first .con .nr:hover .bt{color: #005bac;} .part1 .first .con .more:hover{opacity: 0.8;} .part1 .first .img{width: 43.32%;float: right;} .part1 .first .img img{width: 100%;} .part1 ul{} .part1 ul li{width: 31.79%;float: left;margin-right: 2.3%;position: relative;} .part1 ul li+li+li{margin-right: 0;} .part1 ul li .img{opacity: 0;} .part1 ul li .img img{} .part1 ul li .img1{position: absolute;top: 0;left: 0;z-index: 2;height: calc(100% - 40px);overflow: hidden;} .part1 ul li .img1 img{} .part1 ul li .img2{position: absolute;top: 0;left: 0;z-index: 3;width: 5%;overflow: hidden;} .part1 ul li .img2 img{} .part1 ul li .con{width: 87%;position: absolute;right: 0;margin-top: -40px;padding: 4%;border-top: 2px solid #1baaef;transition: 0.4s;} .part1 ul li .con .sj{font-size: 14px; color: #005bac;font-family: "Times New Roman";margin-bottom: 10px;} .part1 ul li .con .bt{font-size: 18px; color: #323232;line-height: 28px;font-weight: bold;margin-bottom: 10px;} .part1 ul li .con .zy{font-size: 14px;color: #666666;line-height: 26px;} .part1 ul li:hover .con{background: #fff;} .part2{background: url(../2021images/part2_bg.jpg) no-repeat;background-size: cover;padding-top: 90px;} .part2 .tit{background: url(../2021images/part2_tit_bg.png) no-repeat left center;padding: 50px 0 60px;} .part2 .tit p{font-size: 40px;padding-right: 95px;color: #fff;float: left;letter-spacing: 5px;line-height: 45px;background: url(../2021images/part2_tit_r_bg.png) no-repeat right center;} .part2 .tit a{width: 45px;height: 45px;background: url(../2021images/part2_tit_more.png) no-repeat;float: right;display: block;} .part2 .tit a:hover{background: url(../2021images/part3_tit_more_on.png) no-repeat;} .part2 ul{padding-bottom: 90px;} .part2 ul li{width: 23.45%;margin-right: 2.03%;float: left;} .part2 ul li+li{margin-top: 50px;} .part2 ul li+li+li{margin-top: 0px;} .part2 ul li+li+li+li{margin-right: 0;margin-top: 50px;} .part2 ul li .img{width: 100%;margin-bottom: 27px;} .part2 ul li .img img{ width: auto; max-height: 250px; margin: 0 auto; display: block;} .part2 ul li p.bt{font-size: 18px;line-height: 28px;color: #fff;font-weight: bold;margin-bottom: 15px;min-height: 56px;} .part2 ul li p{padding-left: 33px;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 38px;background: url(../2021images/part2_ico1.png) no-repeat left 5px;} .part2 ul li p+p{background: url(../2021images/part2_ico2.png) no-repeat left center;} .part2 ul li p+p+p{background: url(../2021images/part2_ico3.png) no-repeat left center;} .part2 ul li p+p+p+p{background: url(../2021images/part2_ico4.png) no-repeat left center;} .part3{background: url(../2021images/part3_bg.png) no-repeat left bottom;padding: 100px 0;} .part3 .main{position: relative;} .part3 .tit{background: url(../2021images/part3_tit_bg.png) no-repeat left top;padding: 0px 0px 60px 0;} .part3 .tit p{font-size: 40px;padding-right: 95px;color: #323232;float: left;letter-spacing: 5px;line-height: 45px;background: url(../2021images/part3_tit_r_bg.png) no-repeat right center;} .part3 .tit a{width: 45px;height: 45px;background: url(../2021images/part3_tit_more.png) no-repeat;display: block;float:right;} .part3 .tit a:hover{background: url(../2021images/part3_tit_more_on.png) no-repeat;} .part3 .center{width: 54%;float: left;margin-right: 3.7%;position: relative;z-index: 1;} .part3 .center>img{width: 100%;border-radius: 37px 0 0 0;margin-bottom: 2px;} .part3 .center ul{} .part3 .center ul li{padding: 22px 30px;margin-bottom: 2px;background: #fff;transition: 0.4s;position: relative;} .part3 .center ul li:hover{box-shadow: 0 0 10px #999;z-index: 3;} .part3 .center ul li .sj{float: left;} .part3 .center ul li .sj p{font-family: "Times New Roman";font-size: 30px;color: #666666;} .part3 .center ul li .sj span{font-family: "Times New Roman";font-size: 14px;color: #666666;} .part3 .center ul li .bt{float: right;width: 81%;font-size: 18px;line-height: 28px;color: #323232;} .part3 .right{width: 40%;float: right;position: relative;z-index: 1;} .part3 .right ul{} .part3 .right ul li{margin-bottom: 30px;overflow: hidden;} .part3 .right ul li+li{margin-bottom: 0px;} .part3 .right ul li a{position: relative;display: block;} .part3 .right ul li img.tp{width: 100%;transition: 0.4s;} .part3 .right ul li img.zz{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;} .part3 .right ul li .bt{font-size: 18px; width: 94%; position: absolute; color: #fff; font-weight: bold; bottom: 0; left: 0; text-align: center; padding: 3%; z-index: 3; } .part3 .right ul li:hover img.tp{transform: scale(1.05);} .part4{background: url(../2021images/part4_bg.jpg) no-repeat;background-size: 100%;padding-top: 60px;padding-bottom: 100px;} .part4 .tit{background: url(../2021images/part4_tit_bg.png) no-repeat left center;padding: 50px 0 60px;margin-bottom: 10px;} .part4 .tit p{font-size: 40px;padding-right: 95px;color: #fff;float: left;letter-spacing: 5px;line-height: 45px;background: url(../2021images/part2_tit_r_bg.png) no-repeat right center;} .part4 .tit a{width: 45px;height: 45px;background: url(../2021images/part2_tit_more.png) no-repeat;float: right;display: block;} .part4 .tit a:hover{background: url(../2021images/part3_tit_more_on.png) no-repeat;} .part4 ul{} .part4 ul li{width: 23.456%;border: 1px solid #f1f1f1;float: left;margin-right: 1.8518%;background: #fff;transition: 0.4s;} .part4 ul li+li+li+li{margin-right: 0;} .part4 ul li a{display: block;position: relative;padding: 30px;} .part4 ul li .sj{font-family: "Times New Roman";font-size: 12px;color: #035dae;margin-bottom:15px;} .part4 ul li .bt{font-size: 18px;line-height: 28px;color: #323232;margin-bottom:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 58px;} .part4 ul li .jt_box{position: absolute;bottom: 30px;right: 30px;width: 80px;height: 7px;} .part4 ul li .jt_box .jt{width: 100%;height: 100%;background: url(../2021images/part4_li_jt.png) no-repeat;} .part4 ul li .jt_box .jt_on{width: 0%;height: 100%;background: url(../2021images/part4_li_jt_on.png) no-repeat;position: absolute;z-index: 2;transition: 0.4s;top: 0;left: 0;} .part4 ul li:hover{box-shadow: 0 0 15px rgb(201, 200, 200);} .part4 ul li:hover .jt_box .jt_on{width: 100%;} .part5{margin:20px 0 50px;} .part5 .main{position: relative;} .part5 .tit{padding: 0px 0px 60px 0;} .part5 .tit p{font-size: 40px;padding-right: 95px;color: #323232;float: left;letter-spacing: 5px;line-height: 45px;background: url(../2021images/part3_tit_r_bg.png) no-repeat right center;} .part5 .tit a{width: 45px;height: 45px;background: url(../2021images/part3_tit_more.png) no-repeat;display: block;float:right;} .part5 .tit a:hover{background: url(../2021images/part3_tit_more_on.png) no-repeat;} .part5 ul{} .part5 ul li{width: 23.4%;border: 1px solid #f1f1f1;float: left;margin-right: 1.8%;background: #fff;transition: 0.4s;} .part5 ul li+li+li+li{margin-right: 0;} .part5 ul li a{display: block;position: relative;} .part5 ul li:hover{box-shadow: 0 0 15px rgb(201, 200, 200);} .part5 ul li .img img{width:100%;height:220px;} .part5 li .gzh_nrwz { padding: 8px 20px 14px; background: #fff;position: relative;border-bottom: #035dae 3px solid;box-sizing: border-box;overflow: hidden;} .part5 li .gzh_nrwz span {float: left; font-size: 14px;color: #1072cb;font-family: 'Times New Roman', Times, serif;font-weight: bold;} .part5 li .gzh_nrwz h2 {font-size: 16px;color: #111; height: 32px;line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .part5 li:hover .gzh_nrwz {background: #035dae;border-bottom: #fff 3px solid;} .part5 li:hover .gzh_nrwz h2,.part5 li:hover .gzh_nrwz span {color: #fff;font-weight: bold;} .part5 li .gzh_nrwz::after {content: "";position: absolute;bottom: 0px; right: 0px;width: 40px;height: 21px;background: url(../images/more.png);} .part5 li:hover .gzh_nrwz::after {background: url(../images/more2.png);} @media screen and (max-width: 1300px){ .part5 ul li .img img{height:160px;} } @media screen and (max-width: 1000px){ .part5 ul li {width: 48.5%; margin-right: 2%; margin-bottom: 3%;} .part5 ul li+li{margin-right: 0;} .part5 ul li+li+li{margin-right: 2%;} .part5 ul li .img img{height:200px;} } @media screen and (max-width: 660px){ .part5 ul li {width: 100%; margin-right: 0; margin-bottom: 3%;} .part5 ul li .img img{height:auto;} } .foot{background: url(../2021images/foot_bg.jpg) no-repeat;background-size: cover;padding: 80px 0 70px;} .foot .main{display: flex; justify-content: space-between; flex-wrap:wrap; } .foot .foot_box{} .foot .foot_box p{font-size: 24px;color: #fff;line-height: 28px;margin-bottom: 15px;} .foot .foot_box a{font-size: 12px;color: rgba(255,255,255,0.7);line-height: 28px;display: block;} .foot .foot_box a:hover{color:#fff;} .foot .foot_box span{display: block;margin-bottom: 15px;} .foot .foot_box2{} .foot .foot_box2 img{margin-bottom: 20px;max-width: 340px;width: 100%;} .foot .foot_box2 p{font-size: 12px;line-height: 38px;color: #fff;} .sj_nav ul.sub{ margin-top: 0px; margin-bottom: 15px;} .sj_nav{display: none;position: absolute;width: 79%;height: auto;background: rgba(0,91,172,0.8);z-index: 2000;top: 0;left: -79%;padding: 0;transition: .4s;} .sj_nav>ul{ margin-top: 12%; padding: 0 15% 80px;} .sj_nav>ul>li{border-bottom: 1px solid #fff;height: 60px;overflow: hidden;} .sj_nav li a{color: #fff; font-size: 20px; line-height: 60px; } .sj_nav ul li.on{height: auto;} .sj_nav>ul>li>span{ font-family: 宋体;cursor: pointer; color: #fff; font-size: 24px; float: right; margin-top: 19px; font-weight: bold; display: inline-block; line-height: 22px; transition: 0.4s; width: 16px; text-align: center;} .sj_nav>ul>li.on>span{ transform: rotate(90deg);} .sj_nav>ul li ul{padding: 0 0 0 10%;} .sj_nav ul li ul li a{font-size: 18px; line-height: 40px;} @media screen and (max-width: 1880px){ .top .nav ul li a{padding: 15px 10px;} .top .nav ul li ul li a{padding: 10px 10px;} } @media screen and (max-width: 1700px){ .top .nav ul li a{padding: 15px 6px;} .top .nav ul li ul li a{padding: 8px 6px;} } @media screen and (max-width: 1620px){ .main{width: 90%;} .top .nav ul li a{font-size: 17px;} .part1 ul li .con{width: 92%;position: inherit;margin-top: 0px;} .part1 ul li .img{width: 100%;height: auto !important;opacity: 1;} .part1 ul li .img img{width: 100%;} .part1 ul li .img1{display: none;} .part1 ul li .img2{display: none;} .part1{padding-bottom: 2%;} .part2{padding-top: 2%;} .part2 ul { padding-bottom: 4%;} .part3{padding: 4% 0;} .part4{padding-top: 2%;padding-bottom: 3%;} .foot{padding: 4% 0 2%;} } @media screen and (max-width: 1530px){ .top .nav ul li a{font-size: 16px;} .part4 ul li{border: 0;} .part3 .center ul li .bt{width: 75%;} } @media screen and (max-width: 1490px){ .top .nav ul li a{font-size: 14px;} .top .logo a img{width: 31%;} } @media screen and (max-width: 1300px){ .sj_nav{display:block;} .top .nav{min-height: 100px;width: 140px;} .top .nav .sj_btn{width: 140px;} .top .nav>ul{display: none;} .top .logo a img{width: auto;} .body_main{position: inherit;} .firstScreen{height: auto;} .part3 .center ul li{padding: 10px 22px;} .part3 .center ul li .bt{font-size: 15px;} .top_yc .hdts{display: none;} } @media screen and (max-width: 1200px){ .part3 .center ul li .sj p{font-size: 24px;} .part1 .first .con a.nr{padding: 0% 0 0;} } @media screen and (max-width: 900px){ .part3 .tit{ padding: 50px 0px 60px 0;position: initial;} .part3 .tit a{float: right;margin-top: 0;clear: none;} .part3 .right{width: 100%;margin-bottom: 5%;} .part3 .center{width: 100%;margin-right: 0;} .part2 ul li{ width: 48.98%;margin-bottom: 5%;} .part2 ul li+li{margin-top: 0;margin-right: 0;} .part2 ul li+li+li{margin-right: 2.03%;} .part2 ul li+li+li+li{margin-top: 0;} .part1 .first .con .zy{margin-bottom: 7%;} .part1 .first .con .bt{margin-bottom: 3%;} .foot .foot_box{display:none;} } @media screen and (max-width: 800px){ .part1 .first .con{width: 100%;} .part1 .first .img{width: 100%;margin-bottom: 3%;} .part1 ul li{width: 100%;margin-right: 0;margin-bottom: 3%;} .part4 ul li{width: 100%;margin-right: 0;margin-bottom: 3%;} .part4{background-size: 100% 200px;} } @media screen and (max-width: 650px){ .part2 ul li{width: 100%;margin-right: 0;} .top .logo a img{ width: auto;max-height: 28px;} .top .nav .sj_btn.sj_btn_lk{width: 50px;height: 50px;} .top .nav .sj_btn{width: 50px;height: 50px;} .top .nav{width: 50px;min-height: auto;height: 50px;} .top_yc .en a{width: 50px;height: 50px;line-height:50px;} .top_yc .search{width: 50px;height: 50px;} .top_yc{width: 50px;} .top_yc .search .btn{width: 50px;height: 50px;} .top_yc .search.on{ animation-name: example3;} .top_yc .search.on .txt{ width: 148px;} .top_yc .search .txt{ height: 30px; margin: 9px 10px;} @keyframes example3 { 0% {width: 80px;left: -0px;background: rgba(0,91,172,0);} 50% {width: 250px;left: -200px;background: rgba(0,91,172,0);} 100% {width: 250px;left: -200px;background: rgba(0,91,172,1);} } .banner .hd{ bottom: 10%;right: 90px;} .part2 .tit a{width: 40px;height: 40px; background-size: 100% 100%;} .part2 .tit p{font-size: 27px;padding-right: 95px;} .top .logo{ padding: 11px 0;height: 28px;} .part3 .tit a{width: 40px;height: 40px; background-size: 100% 100%;} .part3 .tit p{font-size: 27px;padding-right: 95px;} .part4 .tit a{width: 40px;height: 40px; background-size: 100% 100%;} .part4 .tit p{font-size: 27px;padding-right: 95px;} .foot .foot_box a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .foot .foot_box{width: 46%;} } /* ie8提示样式开始 */ #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../2021images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../2021images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../2021images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../2021images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} /* ie8提示样式结束 */ /* 二级页-开始 */ .ej_top{height: auto;} .ej_main{position: inherit;} .ej_main .foot{} .ej_banner{width: 100%;} .ej_banner img{width: 100%;} .ej_main_in{width: 1620px;margin: 40px auto 50px;} .ej_main_in>.left{width: 23.456%;float: left;} .ej_main_in>.left h2{width: 100%;padding: 50px 0 80px;background: url(../2021images/ej_zc_h2_bg.jpg) no-repeat;background-size: cover;font-size: 36px;color: #fff;text-align: center;font-weight: normal;letter-spacing: 5px;} .ej_main_in>.left>ul{width: 100%;background: #fff url(../2021images/ej_zc_ul_bg.png) no-repeat right bottom;} .ej_main_in>.left>ul>li{border-top: 1px solid #ebebeb;} .ej_main_in>.left>ul>li>a{font-size: 20px;padding: 20px 10%;display: block;width: 80%;margin: 0 auto;background: url(../2021images/ej_zc_li.png) 90% center no-repeat;} .ej_main_in>.left>ul>li ul{width: 80%;margin: 20px auto;background: #f8f8f8;display: none;border-radius: 5px;padding: 10px 0;} .ej_main_in>.left>ul>li ul li{} .ej_main_in>.left>ul>li ul li a{font-size: 16px;color: #323232;display: block;width: 80%;margin: 0 auto;padding: 10px 0;position: relative;text-indent: 15px;} .ej_main_in>.left>ul>li ul li a::before{width: 4px;height: 4px;background: #c4c4c4;content: "";display: block;position: absolute;top: 45%;left: 0;} .ej_main_in>.left>ul>li ul li.on a{color: #005bac;} .ej_main_in>.left>ul>li ul li.on a::before{background: #005bac;} .ej_main_in>.left>ul>li.on{} .ej_main_in>.left>ul>li.on>a{color: #005bac;background: #f8f8f8 url(../2021images/ej_zc_li_on.png) 90% center no-repeat;border-left: 4px solid #005bac;} .ej_main_in>.left>ul>li.on ul{display: block;} .ej_main_in>.left>ul>li a:hover{color: #005bac;} .ej_main_in>.right{width: 65.432%;float: right;padding: 3.086%;background: #fff;} .ej_main_in>.right .dqwz{font-size: 14px;color: #999999;border-bottom: 1px solid #dadada;padding: 0 0 10px 100px;background: url(../2021images/ej_dqwz.png) no-repeat left top;} .ej_main_in>.right .dqwz a{font-size: 14px;color: #999999;} .ej_main_in>.right .dqwz span{display: inline-block;width: 3px;height: 3px;background: #005bac;margin: 4px 6px;} .ej_main_in>.right .dqwz a:last-child{color: #005bac;} .ej_main_in>.right .dqwz a:hover{color: #005bac;} .ej_main_in>.right .ej_nr{} .ej_main_in>.right .xyld{} .ej_main_in>.right .xyld ul{padding-top: 50px; display: flex; justify-content: space-between; flex-wrap:wrap;} .ej_main_in>.right .xyld ul li{width: 48%;border: 1px solid #eaeaea;position: relative;padding-bottom: 20px;margin-bottom: 50px;transition: 0.4s;} .ej_main_in>.right .xyld ul li:hover{box-shadow: 0 6px 6px rgb(185, 185, 185);} .ej_main_in>.right .xyld ul li .img_out{position: absolute;width: 32%;top: -20px;left: 8%;background: #fff;} .ej_main_in>.right .xyld ul li .img_out .img{position: relative;width: 92%;margin: 0 auto;} .ej_main_in>.right .xyld ul li .img_out .img img{width: 100%;} .ej_main_in>.right .xyld ul li .img_out .img p{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;color: #fff;text-align: center;padding: 5% 0;background: rgba(0,0,0,0.5);} .ej_main_in>.right .xyld ul li .img_out>p{font-size: 14px;color: #323232;text-align: center;padding: 10px 0;} .ej_main_in>.right .xyld ul li .con{width: 56%;float: right;padding-top: 10px;} .ej_main_in>.right .xyld ul li .con p{font-size: 14px;color: #666666;padding: 6px 0 6px 20px; min-height: 19px;} .ej_main_in>.right .xyld ul li .con p.dh{background: url(../2021images/ej_ld_dh.png) no-repeat left center;} .ej_main_in>.right .xyld ul li .con p.dz{background: url(../2021images/ej_ld_dz.png) no-repeat left center;} .ej_main_in>.right .xyld ul li .con p.yx{background: url(../2021images/ej_ld_yx.png) no-repeat left center;word-break: break-all;} .ej_main_in>.right .xyld ul li .con p.gr{background: url(../2021images/ej_ld_gr.png) no-repeat left center;} .ej_main_in>.right .xyld ul li .con span.zyzz{min-height: 32px;display: block;padding: 20px 0;border-top: 1px solid #d9d9d9;margin-top: 10px;} .ej_btn{border-top: 4px solid #fff;border-bottom: 4px solid #fff;width: 30px;height: 15px;position: absolute; right: 7%;top: 28px;display: none;transition: 0.4s;} .ej_btn::after{content: "";display: block;position: absolute;width: 30px;height: 4px;background: #fff;top: 5px;left: 0;transition: 0.4s;} .ej_btn::before{content: "";display: block;position: absolute;width: 30px;height: 4px;background: #fff;top: 5px;left: 0;transition: 0.4s;} .ej_btn_on{border-top: 4px solid rgba(0,0,0,0);border-bottom: 4px solid rgba(0,0,0,0);} .ej_btn_on::after{transform: rotate(-45deg);} .ej_btn_on::before{transform: rotate(45deg);} .ej_main_in>.right .xyjg{} .ej_main_in>.right .xyjg ul{padding-top: 50px; display: flex; justify-content: space-between; flex-wrap:wrap;} .ej_main_in>.right .xyjg ul li{width: 48%;border: 1px solid #eaeaea;position: relative;padding-bottom: 20px;margin-bottom: 50px;transition: 0.4s;} .ej_main_in>.right .xyjg ul li:hover{box-shadow: 0 6px 6px rgb(185, 185, 185);} .ej_main_in>.right .xyjg ul li .img_out{position: absolute;width: 32%;top: -20px;left: 8%;background: #fff;} .ej_main_in>.right .xyjg ul li .img_out .img{position: relative;width: 92%;margin: 0 auto;} .ej_main_in>.right .xyjg ul li .img_out .img img{width: 100%;} .ej_main_in>.right .xyjg ul li .con{width: 56%;float: right;padding-top: 10px;} .ej_main_in>.right .xyjg ul li .con .bt{border-bottom: 1px solid #d9d9d9;padding-bottom: 10px;margin-bottom: 10px;position: relative;} .ej_main_in>.right .xyjg ul li .con .bt::after{position: absolute;display: block;content: "";width: 66px;height: 3px;background: #005bac;bottom: -2px;left: 0;} .ej_main_in>.right .xyjg ul li .con .bt .xm{font-size: 20px;float: left;color: #323232; padding: 0;} .ej_main_in>.right .xyjg ul li .con .bt .zw{font-size: 14px;float: left; padding: 6px 0 6px 5px;} .ej_main_in>.right .xyjg ul li .con p{font-size: 14px;color: #666666;padding: 6px 0 6px 20px;min-height: 19px;} .ej_main_in>.right .xyjg ul li .con p.dh{background: url(../2021images/ej_ld_dh.png) no-repeat left center;} .ej_main_in>.right .xyjg ul li .con p.dz{background: url(../2021images/ej_ld_dz.png) no-repeat left center;} .ej_main_in>.right .xyjg ul li .con p.yx{background: url(../2021images/ej_ld_yx.png) no-repeat left center;word-break: break-all;} .ej_main_in>.right .xyjg ul li .con p.gr{background: url(../2021images/ej_ld_gr.png) no-repeat left center;} .ej_main_in>.right .xyjg ul li .con span.zyzz{display: block;padding: 20px 0;border-top: 1px solid #d9d9d9;margin-top: 10px;} .ej_main_in>.right .lrld{} .ej_main_in>.right .lrld ul{padding-top: 80px; display: flex; /*justify-content: space-between;*/ flex-wrap:wrap;} .ej_main_in>.right .lrld ul li{width: 30%;border: 1px solid #eaeaea;position: relative;padding-bottom: 20px;margin-bottom: 80px;transition: 0.4s;margin:0 1.5% 80px;} .ej_main_in>.right .lrld ul li:hover{box-shadow: 0 6px 6px rgb(185, 185, 185);} .ej_main_in>.right .lrld ul li .img_out{position: relative;width: 70%;margin: -50px auto 0;background: #fff;} .ej_main_in>.right .lrld ul li .img_out .img{position: relative;width: 92%;margin: 0 auto;} .ej_main_in>.right .lrld ul li .img_out .img img{width: 100%;} .ej_main_in>.right .lrld ul li .img_out .img p{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;color: #fff;text-align: center;padding: 5% 0;background: rgba(0,0,0,0.5);} .ej_main_in>.right .lrld ul li .img_out>p{font-size: 14px;color: #323232;text-align: center;padding: 10px 0;} .ej_main_in>.right .szdw{} .ej_main_in>.right .szdw .dh_3j{background: #f8f8f8;border-top: 1px solid #005bac;padding: 1% 2%;margin-top: 30px; display: flex; /*display:none;*/ justify-content: space-between; flex-wrap:wrap; } .ej_main_in>.right .szdw .dh_3j a{ font-size: 14px; color: #323232; float: left; padding: 5px 10px; display: block; margin: 0 0.36%;border-radius: 4px;} .ej_main_in>.right .szdw .dh_3j a.on{background: #005bac;color: #fff;} .ej_main_in>.right .szdw .dh_3j a:hover{background: #005bac;color: #fff;} .ej_main_in>.right .szdw ul{padding-top: 50px; display: flex; /* justify-content: space-between;*/ flex-wrap:wrap;} .ej_main_in>.right .szdw ul li{width: 23%;border: 1px solid #eaeaea;position: relative;padding-bottom: 20px;margin-bottom: 50px;transition: 0.4s;margin:0 0.8% 50px;} .ej_main_in>.right .szdw ul li:hover{box-shadow: 0 6px 6px rgb(185, 185, 185);} .ej_main_in>.right .szdw ul li .img_out{width: 90%;background: #fff;margin: -20px auto 0;} .ej_main_in>.right .szdw ul li .img_out .img{position: relative;width: 92%;margin: 0 auto;} .ej_main_in>.right .szdw ul li .img_out .img img{width: 100%;} .ej_main_in>.right .szdw ul li .img_out .img p{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;color: #fff;text-align: center;padding: 5% 0;background: rgba(0,0,0,0.5);} .ej_main_in>.right .szdw ul li .img_out .img p span{font-size: 14px;margin-left: 10px;} .ej_main_in>.right .szdw ul li .con{width: 80%;padding-top: 10px;margin: 0 auto;} .ej_main_in>.right .szdw ul li .con p{font-size: 14px;color: #666666;padding: 3px 0 3px 20px;display: block;margin: 0 auto;min-height: 19px;} .ej_main_in>.right .szdw ul li .con p.dh{background: url(../2021images/ej_ld_dh.png) no-repeat left center;} .ej_main_in>.right .szdw ul li .con p.dz{background: url(../2021images/ej_ld_dz.png) no-repeat left center;} .ej_main_in>.right .szdw ul li .con p.yx{background: url(../2021images/ej_ld_yx.png) no-repeat left center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 93%;} .ej_main_in>.right .szdw ul li .con p.gr{background: url(../2021images/ej_ld_gr.png) no-repeat left center;} .ej_main_in>.right .szdw ul li .con span.zyzz{display: block;padding: 20px 0;border-top: 1px solid #d9d9d9;margin-top: 10px;} .ej_main_in>.right .jcrc{} .ej_main_in>.right .jcrc .tit{font-size: 20px;color: #ffffff;background: #005bac;position: relative;padding: 1% 2%;margin-top: 30px;} .ej_main_in>.right .jcrc .tit::after{content: "";position: absolute;width: 17px;height: 8px;right: 3%;bottom: -8px;display: block;background: url(../2021images/ej_jcrc_tit_bg.jpg) no-repeat;} .ej_main_in>.right .jcrc ul{padding-top: 50px; display: flex; /* justify-content: space-between;*/ flex-wrap:wrap;} .ej_main_in>.right .jcrc ul li{width: 23%;border: 1px solid #eaeaea;position: relative;margin-bottom: 50px;transition: 0.4s;margin:0 0.8% 50px;} .ej_main_in>.right .jcrc ul li:hover{box-shadow: 0 6px 6px rgb(185, 185, 185);} .ej_main_in>.right .jcrc ul li .img_out{width: 90%;background: #fff;margin: -10px auto 0;} .ej_main_in>.right .jcrc ul li .img_out .img{position: relative;width: 92%;margin: 0 auto;} .ej_main_in>.right .jcrc ul li .img_out .img img{width: 100%;} .ej_main_in>.right .jcrc ul li .img_out>p{font-size: 16px;color: #323232;text-align: center;padding: 10px 0;} .ej_main_in>.right .tt_list ul{padding-top: 20px;} .ej_main_in>.right .tt_list li{padding-bottom: 20px;border-bottom: 1px solid #e1e1e1;margin-bottom: 20px;} .ej_main_in>.right .tt_list li a{position: relative; display: flex; justify-content: space-between; flex-wrap:wrap; align-items:center; } .ej_main_in>.right .tt_list li.w_img .con{width: 82.5%;border-left: 1px solid #e1e1e1;padding-left: 2.5%;} .ej_main_in>.right .tt_list li .sj{float: left;width: 13%;} .ej_main_in>.right .tt_list li .sj span{font-size: 30px;color: #666666;font-family: "Times New Roman";font-weight: bold;display: block;text-align: right;} .ej_main_in>.right .tt_list li .sj p{font-size: 14px;color: #666666;text-align: right;} .ej_main_in>.right .tt_list li .img{float: left;width: 26%;} .ej_main_in>.right .tt_list li .img img{width: 100%;} .ej_main_in>.right .tt_list li .img .sj{display: none;} .ej_main_in>.right .tt_list li .con{float: left;width: 57%;} .ej_main_in>.right .tt_list li .con .bt{font-size: 18px;color: #323232;line-height: 30px;margin-bottom: 10px;} .ej_main_in>.right .tt_list li .con .zy{font-size: 14px;line-height: 24px;color: #999999;} .ej_main_in>.right .tt_list li .con img{margin-top: 20px;} .ej_main_in>.right .tt_list li:hover .con .bt{color: #005bac;} .ej_main_in>.right .tp_list{} .ej_main_in>.right .tp_list ul{padding-top: 30px; display: flex; /*justify-content: space-between;*/ flex-wrap:wrap; } .ej_main_in>.right .tp_list ul li{width: 32%;margin-bottom: 30px;margin: 0 0.6% 30px;} .ej_main_in>.right .tp_list .img{width: 100%;} .ej_main_in>.right .tp_list .img img{width: 100%;} .ej_main_in>.right .tp_list .sj{font-size: 12px;color: #999999;text-indent: 24px;position: relative;margin: 15px 0 5px;} .ej_main_in>.right .tp_list .sj::after{content: "";display: block;position: absolute;width: 16px;height: 2px;background: #005bac;top: 50%;left: 0;} .ej_main_in>.right .tp_list .bt{font-size: 16px;line-height: 26px;color: #323232;} .ej_main_in>.right .list{} .ej_main_in>.right .list ul{padding-top: 20px;} .ej_main_in>.right .list ul li{border-bottom: 1px solid #e6e6e6;padding: 10px 0;} .ej_main_in>.right .list ul li a{ display: flex; justify-content: space-between; flex-wrap:wrap; align-items:center;} .ej_main_in>.right .list ul li .sj{} .ej_main_in>.right .list ul li .sj p{font-size: 30px;color: #666666;font-family: "Times New Roman";font-weight: bold;} .ej_main_in>.right .list ul li .sj span{font-size: 14px;color: #666666;font-family: "Times New Roman";} .ej_main_in>.right .list ul li .bt{font-size: 18px;color: #323232;width: 90%;padding-left: 2%;border-left: 1px solid #e6e6e6;padding-top: 10px;padding-bottom: 10px;} .ej_main_in>.right .list ul li:hover .bt{color: #005bac;} .ej_main_in>.right .nry{} .ej_main_in>.right .nry .d1{padding-top: 20px;} .ej_main_in>.right .nry .d1 .bt{font-size: 26px;color: #323232;line-height: 42px;text-align: center;margin-bottom: 20px;} .ej_main_in>.right .nry .d1 .xx{text-align: center;padding: 11px;background: #f8f8f8;} .ej_main_in>.right .nry .d1 .xx>span{font-size: 14px;padding: 0 3% 0 20px;background: url(../2021images/nry_sj.png) no-repeat left center;} .ej_main_in>.right .nry .d1 .xx>span+span{background: url(../2021images/nry_dj.png) no-repeat left center;} .ej_main_in>.right .nry .d2{padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;padding-top: 20px;overflow-y: auto;} .ej_main_in>.right .nry .d2 p{font-size: 16px;line-height: 36px;color: #323232;text-indent: 2em;} .ej_main_in>.right .nry .d2 p img{max-width:100%;} .ej_main_in>.right .nry .d2 p.indent0{text-indent: 0em !important;} .ej_main_in>.right .nry .d3{padding: 10px 0;clear:both;} .ej_main_in>.right .nry .d3 a{display: block;font-size: 18px;color: #323232;padding: 10px 0;} .ej_main_in>.right .nry .d3 a span{font-weight: bold;} .ej_main_in>.right .nry .d3 a:hover{color:#005bac;} @media screen and (max-width: 1620px){ .ej_main_in{width: 100%;margin: 0 auto;} } @media screen and (max-width: 1520px){ .ej_main_in>.right .list ul li .bt{width: 88%;} } @media screen and (max-width: 1200px){ .ej_main_in>.left{display: block;margin: 1% 0;width: 100%;} .ej_main_in>.left>ul{display: none;} .ej_main_in>.right{width: 94%; padding: 3%;} .ej_main_in>.left h2{ font-size: 26px; padding: 14px 0;} .ej_btn{display: block;} } @media screen and (max-width: 830px){ .ej_main_in>.right .xyld ul li{width: 100%;margin-bottom: 13%;} .ej_main_in>.right .xyjg ul li{width: 100%;margin-bottom: 13%;} .ej_main_in>.right .lrld ul li{width: 48%;margin:0 0 80px;} .ej_main_in>.right .lrld ul{justify-content: space-between;} .ej_main_in>.right .szdw ul li{width: 47%;} .ej_main_in>.right .szdw ul{justify-content: space-between;} .ej_main_in>.right .jcrc ul li{width: 47%;} .ej_main_in>.right .jcrc ul{justify-content: space-between;} .ej_main_in>.right .tp_list ul li{width: 48%;} .ej_banner img{min-height: 120px;} .ej_btn{top: 23px;} .ej_main_in>.right .tt_list li a>.sj{display: none;width: auto;} .ej_main_in>.right .tt_list li .sj p{color: #fff;} .ej_main_in>.right .tt_list li .sj span{color: #fff;} .ej_main_in>.right .tt_list li .img{width: 100%;margin-bottom: 20px;position: relative;} .ej_main_in>.right .tt_list li .con{width: 100%;} .ej_main_in>.right .tt_list li.w_img a>.sj{position: relative;background: #fff;display: block;} .ej_main_in>.right .tt_list li.w_img .sj p{color: #005bac;} .ej_main_in>.right .tt_list li.w_img .sj span{color: #005bac;} .ej_main_in>.right .tt_list li .img .sj{display: block;position: absolute;z-index: 10;background: #005bac;padding: 2%;bottom: 0;left: 0;width: auto;} .ej_main_in>.right .list ul li .bt{width: 85%;} } @media screen and (max-width: 650px){ .ej_main_in>.right .list ul li .bt{width: 83%;} } @media screen and (max-width: 540px){ .ej_main_in>.right .tt_list li.w_img .con{width: 72%;} .ej_main_in>.right .list ul li .bt{width: 80%;} } @media screen and (max-width: 516px){ .ej_banner img{width: auto;height: 120px;} } @media screen and (max-width: 440px){ .ej_main_in>.right .list ul li .bt{width: 70%;} } /* 二级页-结束 */ .fhdb{width: 50px;height: 50px;overflow: hidden;position: fixed;right: 100px;bottom: 100px;z-index: 1000;} .fhdb a{position: absolute;bottom: -50px;transition: 0.5s;} .fhdb.on a{bottom: 0;} .card_detail_content{width: 94% !important;padding: 3% !important;} @media screen and (max-width: 688px){ .card_detail_content{max-width: 93%;height:185px !important; background-color: #fff !important;} } @media screen and (max-width: 830px){ .fhdb{ right: 20px; bottom: 30px;} } .top_yc .search_wap.wap{display:block;} .top_yc .search_wap{position:absolute;width:50px;height:50px;z-index:10; background: #005bac url(../2021images/search.png) no-repeat center center; border: 0; float: left; transition: 0.4s; cursor: pointer;display:none;} .hydl_rk{margin-bottom:20px;} .hydl_rk table{float:right;} .hydl_rk span{font-size:16px;} .hydl_rk input{height:25px;}