@charset "utf-8"; /* CSS Document */ html {box-sizing: border-box;} *, *:before, *:after {box-sizing: inherit;} *{padding:0;margin:0;} body{word-break:break-all;word-wrap:break-word; margin:0 auto; overflow-x:hidden;padding:0; font-family:'Microsoft Yahei'; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;} img{border:none;display:block;} ul,ul li,dl,dl dt,dl dd{display:block;list-style-type: none;} ul,ol,input{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;} body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0; padding:0;} a{color:#000;text-decoration:none;} table{border-collapse:collapse;border-spacing:0;} li{ list-style:none;} em,i{font-style:normal} b,th{font-weight:normal;} button,input,textarea{font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;outline: none;}/*input:focus{outline: none;}*/ textarea{resize:none;} a,button,input,optgroup,select,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0} input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: none;/*去掉苹果默认样式*/} .fl{float:left;} .fr{float:right;} .clearfix {zoom: 1;} .clearfix:after {content: ".";width: 0;height: 0;visibility: hidden; display: block;clear: both;overflow:hidden;} i, cite, em, var, address, dfn {font-style: italic;} body{ min-width: 1366px;} /* // 实现rem适配 */ @media screen and (max-width: 1024px) { html { font-size: 42.66px !important; } } @media screen and (min-width: 1920px) { html { font-size: 80px !important; } } .header{background: url("../images/head_bj.jpg")no-repeat center top; width: 100%; height:1.25rem; position: fixed; z-index: 5;left: 0; top: 0; background-size: 100% 1.25rem;} .header .logo01 img{width: 5.35rem; height: .6875rem;} .header .header_lm{width: 20.375rem; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; height: 1.25rem; position: relative;} .nav{ clear: both;} .nav li{ float: left; font-size: .25rem; color: #333333; line-height: .75rem; position: relative;} .nav li>a{ font-size: .275rem; color: #333333;line-height: .75rem; display: inline-block; transition: 0.3s; padding: 0 .25rem; font-weight: bold;} .nav li::after{ content: "";display: block; width: 100%; height: .75rem;position: absolute;z-index: -1;top: 0;left: 0;transition: 600ms;border-bottom: solid .025rem #e25725; background-image: -moz-linear-gradient( 90deg, rgb(13,68,134) 0%, rgb(42,105,180) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(13,68,134) 0%, rgb(42,105,180) 100%); background-image: -ms-linear-gradient( 90deg, rgb(13,68,134) 0%, rgb(42,105,180) 100%); opacity: 0; } .nav li.on::after,.nav li:hover:after{ opacity: 1;} .nav li.on,.nav li.on>a, .nav li:hover>a{ color: #ffffff; } .fiextop{box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);} .nav li dl{ position:absolute; width: 100%; background: rgba(255,255,255,0.8); top: .75rem; left: 50%; transform: translateX(-50%); visibility:hidden; opacity:0; border-top: solid 3px #e25725;} .nav li dl dd{ text-align: center;font-size: .225rem; line-height: .525rem;transition: .2s transform linear; } .nav li dl dd a{ font-size: .225rem; line-height: .525rem; transition: .2s transform linear; display: inline-block; width: 100%;;} .nav li dl dd a:hover{ background: #0d4486; color: #ffffff; } .nav li:hover dl{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;} .sear_box{ position: relative; } .ser_btn img{width: .325rem; height: .325rem; } .header-search{ position: absolute;z-index: 999;top: .7875rem;right: 0;width:0px;height: .5625rem;background: #fff;overflow: hidden;-webkit-transition: all .4s;transition: all .4s;border-top: 1px solid #0d4486;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);} .show .header-search{ width: 3.75rem;} .hs-input {width: 3.0625rem;height: .5625rem;line-height: .5625rem; text-indent: 1em;float: left; font-size: .2rem;} .hs-submit {width: .5625rem; height: .5625rem; background: url("../images/ico01.png")no-repeat center center;float: right;cursor: pointer; background-size: .325rem .325rem;} .zg_banner{ width: 100%; position: relative; height: 8rem;} .fgx01{height: 1.25rem; overflow:hidden;} .zg_banner .swiper-slide{width:100%; vertical-align:top; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } /*.zg_banner .ban3 .zizh{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}*/ /*.zg_banner .ban3 .zizh img{width: 11.275rem; height: 2.6375rem;}*/ /*.zg_banner .ban4 .zizh{ position: absolute; right:15.2%;top:24%;}*/ /*.zg_banner .ban4 .zizh img{ width: 12.225rem; height: 2.4rem;}*/ /*.zg_banner .ban5 .zizh{ position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}*/ /*.zg_banner .ban5 .zizh img{ width: 13.0875rem; height: 4.3375rem;}*/ /*.zg_banner .ban6 .zizh{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/ /*.zg_banner .ban6 .zizh img{ width: 15.8625rem; height: 7.6875rem;}*/ /*.zg_banner .ban7 .zizh{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/ /*.zg_banner .ban7 .zizh img{ width: 16.6rem; height: 2.7125rem;}*/ /*.zg_banner .ban8 .zizh{ position: absolute; top: 27%; left: 50%; transform: translateX(-50%);}*/ /*.zg_banner .ban8 .zizh img{ width: 16.225rem; height: 2.4125rem;}*/ .zg_banner .swiper-slide .zizh{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .zg_banner .swiper-slide .zizh img{width: 17.5rem; height: 8rem;} .zg_banner .swiper-slide-active{ animation-name:slidescale; animation: slidescale 9s ease 0s normal none; -moz-animation: slidescale 9s ease 0s normal none; -webkit-animation: slidescale 9s ease 0s normal none; -o-animation: slidescale 9s ease 0s normal none; } @-webkit-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } @-moz-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } @keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } .zg_banner .swiper-button-prev,.zg_banner .swiper-button-next{ z-index:1; display:block; width: .875rem; height: .8875rem;position: absolute;background:url("../images/prev01.png") 0 0 no-repeat; filter:alpha(opacity=80);opacity:0.8; top: 50%; margin-top: -.4375rem; background-size: 1.75rem .8875rem;} .zg_banner .swiper-button-prev{left:8%;} .zg_banner .swiper-button-next{background-position:right 0; right:8% } .zg_banner .swiper-button-prev:hover,.zg_banner .swiper-button-next:hover{filter:alpha(opacity=100);opacity:1;} .zg_banner .swiper-pagination-bullet{cursor:pointer; display:inline-block; *display:inline; zoom:1; width: .225rem; height: .225rem; margin: 0 .1rem!important; overflow:hidden; font-size:0; opacity:0.6; background: #ffffff; border-radius: 50%;} .zg_banner .swiper-pagination-bullet-active{background: #164b93; opacity: 1; } .zg_banner .swiper-pagination{ bottom: .1875rem!important;} .tit .tit01{ width: 3.5625rem; height: .8625rem;} .tit .tit02{ width: 5.4375rem; height: .8375rem;} .tit .tit03{ width: 7.8875rem; height: .85rem;} .news_list{width: 10.25rem; height: 6.3125rem; position: relative; margin-top: .375rem;} .news_list .hd{ position: absolute; z-index: 99; right: .1875rem; bottom: .3125rem;} .news_list .hd ul{ overflow:hidden; zoom:1; float:left; } .news_list .hd ul li{ float:left; margin-right: .075rem; width: .125rem; height: .125rem; line-height: .175rem; text-align:center; background:#fff; filter:alpha(opacity=40);opacity:0.4;cursor:pointer; font-size: 0; border-radius: 50%; } .news_list .hd ul li.on{ filter:alpha(opacity=100);opacity:1; } .news_list .bd{ position:relative; height:100%; z-index:0; } .news_list .bd li{ zoom:1; vertical-align:middle;transition: 500ms;overflow: hidden; position: relative;} .news_list .bd li p{ position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(0,0,0,0.5); } .news_list .bd li p span{width: 80%;font-size: .225rem; line-height: .75rem; color: #ffffff; text-indent: 1em; display: inline-block; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news_list .bd img{ width: 10.25rem; height: 6.3125rem; display:block;transition: 500ms; } .news_list .bd li:hover img{ transform: scale(1.2);} .main{ width: 100%; margin: 0 auto; min-width: 20.375rem;} .contain{ width: 20.375rem; } .news_box{ margin: .5rem auto;} .news_list .prev, .news_list .next{ position:absolute; left:0; top:50%; margin-top: -0.3125rem; display:block; width: .5rem; height: .7rem; background:url("../images/prev02.png") 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; background-size: 1.0125rem .7rem; } .news_list .next{ left:auto; right:0; background-position: -.5rem 0; } .news_list .prev:hover, .news_list .next:hover{ filter:alpha(opacity=100);opacity:1; } .news_list .prevStop{ display:none; } .news_list .nextStop{ display:none; } .news_fr{width: 9.75rem;} .slideTxtBox{ width: 9.75rem; position: relative;} .slideTxtBox .hd{ height: 1.125rem; width: 100%; border-bottom: 1px solid #cccccc;} .slideTxtBox .hd ul{ display: flex; height: 1rem; align-items: center;} .slideTxtBox .hd ul li{ float: left; width: 2.25rem; text-align: center; font-size: .3rem; line-height: .75rem; cursor: pointer; position: relative; margin: 0 .25rem;font-weight: bold; color: #333333;} .slideTxtBox .hd ul li::after{content: "";display: block; width: 100%; height: .75rem;position: absolute;z-index: -1;top: 0;left: 0;transition: 600ms;border-bottom: solid .025rem #e25725; background-image: -moz-linear-gradient( 90deg, rgb(13,68,134) 0%, rgb(42,105,180) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(13,68,134) 0%, rgb(42,105,180) 100%); background-image: -ms-linear-gradient( 90deg, rgb(13,68,134) 0%, rgb(42,105,180) 100%); border-radius: .125rem; opacity: 0;} .slideTxtBox .hd ul li.on{ color: #ffffff; } .slideTxtBox .hd ul li.on::after{ opacity: 1;} .slideTxtBox .hd ul li a{ color: #333333;} .slideTxtBox .hd ul li.on a{ color: #ffffff;} .slideTxtBox .hd ul li i{ position: absolute; width: .2rem; height: .225rem; left: 50%; bottom: -0.1125rem; margin-left: -0.1rem; background-size: .375rem .225rem; } .slideTxtBox .bd{ margin-top: .4rem; position: relative;} .slideTxtBox .bd .news_list02 li{background: #f5f5f5;height: 1.75rem;overflow: hidden; border-bottom: .0125rem solid #cccccc; position: relative; transition: 500ms; } .slideTxtBox .bd .news_list02 li .data_text{float: left;width: 1.625rem; text-align: center; background: url("../images/link02.png") no-repeat center right; overflow: hidden;} .slideTxtBox .bd .news_list02 li .tit_text{ width: 7.75rem; padding-left: .25rem;float: left;} .slideTxtBox .bd .news_list02 li .tit_text h3{ font-size: .2375rem; line-height: .45rem;color:#333333; } .slideTxtBox .bd .news_list02 li .tit_text p{ font-size: .2rem;line-height: .35rem; color: #666666;} .slideTxtBox .bd .news_list02 li .data_text h3{ font-size: .3rem;color: #333333; line-height: .375rem;} .slideTxtBox .bd .news_list02 li .data_text p{ font-size: .225rem; color: #666666; line-height: .375rem;} .slideTxtBox .bd .news_list02 li a{display: flex; align-items:center;height: 1.75rem;} .slideTxtBox .bd .news_list02 li::after{ position: absolute; height: .025rem; width: 0; content: ""; background: #0d4486; left: 0; bottom: 0; transition: 500ms; } .slideTxtBox .bd .news_list02 li:hover:after{width: 100%;} .slideTxtBox .bd .news_list02 li:hover{ transform: translateY(-.125rem);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.3);} .slideTxtBox .bd .news_list02 li:hover h3{ color: #164b93;} .news_list03{ width: 20.375rem; margin: 0 auto; display: flex; justify-content: space-between; } .row_news{width:32%;} .row_news .bt_tit{width: 100%; height: .825rem; clear: both; overflow: hidden; border-bottom: 1px solid #becddf;} .row_news .bt_tit h3{ font-size: .3rem; line-height: .825rem; color: #164b93; font-weight: bold; float: left; padding-left: .125rem;} /* .row_news .bt_tit h3 i{width: .2rem; height: .225rem; background: url("../images/ico02.png") no-repeat center center; vertical-align: middle; margin: 0 .0875rem; display: inline-block; background-size: .2rem .225rem;} */ .row_news .bt_tit a{ float: right; font-size: .225rem; color: #333333; line-height: .825rem; transition: 500ms;} .row_news .news_list05{ padding: .25rem 0; overflow: hidden;} .row_news .news_list05 li{ font-size: .225rem;height: .65rem; color: #333333; transition: 500ms;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%; clear: both; display: flex;align-items: center; justify-content: flex-start;} .row_news .news_list05 li a{font-size: .2375rem; line-height: .65rem; color: #333333;transition: 500ms;width: 90%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .row_news .news_list05 li i{ width: .075rem; height: .0875rem; background: url("../images/ico03.png") no-repeat 0 0; display: inline-block; vertical-align: middle; margin: 0 .1rem; line-height: .65rem;transition: 500ms;} .row_news .news_list05 li span{font-size: .1875rem; line-height: .65rem; color: #666666; transform: translateX(-100px);width: 0;transition: 800ms; } .row_news .news_list05 li:hover a{ color:#0d4486;font-weight: bold;} .row_news .news_list05 li:hover i{ opacity: 0; width: 0; margin: 0;} .row_news .news_list05 li:hover span{ transform: translateX(0); width: auto;margin-right: .1rem;} .news_list07{ width: 9.5rem; margin: 0 auto;} .slideTxtBox .bd .news_list07 li{font-size: .2375rem;height: .85rem; color: #333333; transition: 500ms;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%; clear: both; display: flex;align-items: center; justify-content: flex-start;border-bottom: 1px solid #cccccc; position: relative;} .slideTxtBox .bd .news_list07 li a{font-size: .2375rem; line-height: .85rem; color: #333333;transition: 500ms;width: 92%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .slideTxtBox .bd .news_list07 li span{font-size: .225rem; line-height: .85rem; color: #666666; transition: 800ms; margin-right: .125rem; } .slideTxtBox .bd .news_list07 li:hover a{ color:#0d4486;font-weight: bold;} .slideTxtBox .bd .news_list07 li:hover span{ text-indent: 1em;} .slideTxtBox .bd .news_list07 li::after{ position: absolute; content: ""; width: 0; height: 1px; background: #0d4486; left: 0; bottom: 0; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;} .slideTxtBox .bd .news_list07 li:hover::after{width: 100%;} .ywly_demo{ width: 100%; background: url("../images/jtbj01.jpg")no-repeat center bottom; background-size: 24rem 8.3rem; padding: .625rem 0;margin: .5rem auto;} .wrap_1400{ width: 20.375rem; margin: 0 auto;overflow: hidden; height: .875rem; display: flex; align-items: center; justify-content: space-between;} .wrap_1400 a{ font-size: .25rem; line-height: .5rem;border: .0125rem solid #0d4486; color: #0d4486; display: inline-block; padding: 0 .25rem;border-radius: .5rem; background: #ffffff;filter:alpha(opacity=60);opacity:0.6;transition: 500ms;} .wrap_1400 a:hover,.ywjs_box a:hover{filter:alpha(opacity=100);opacity:1; transform: translateY(-0.0625rem);} .btn_more{font-size: .25rem; line-height: .5rem;border: .0125rem solid #0d4486; color: #0d4486; display: inline-block; padding: 0 .25rem;border-radius: .5rem; background: #ffffff;filter:alpha(opacity=60);opacity:0.6;transition: 500ms; position: absolute; right: 0; top: -1.1rem;} .btn_more:hover{filter:alpha(opacity=100);opacity:1; transform: translateY(-0.0625rem);} .wrap02{ width: 20.375rem; margin: 0 auto; } .parHd{width: 100%; height: 1.625rem; background: rgba(255,255,255,0.5); border-bottom: .025rem solid #0d4486;} .parHd ul li{ float: left;height: 1.625rem;width: 14.28%; cursor: pointer; transition: 500ms; background-size: 100% 1.625rem; position: relative;} .parHd ul li:after{position: absolute; content: ""; right: -0.0125rem; top: 50%; width: .0125rem; height: .625rem; margin-top: -0.3125rem; background: #0D4486; transform: 500ms;} .parHd ul li:last-child:after{ background: none;} .parHd ul li p{ font-size: .25rem; color: #0d4486; line-height: .5rem; text-align: center;transition: 500ms; font-weight: bold;} .parHd ul li i{ width: .525rem; height: .5rem; display: block; text-align: center; margin: .3125rem auto .075rem;transition: 500ms; background-size: 1.575rem .5rem;} .parHd ul li i.ico4{ background: url("../images/ico4.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li i.ico5{ background: url("../images/ico5.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li i.ico6{ background: url("../images/ico6.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li i.ico7{ background: url("../images/ico7.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li i.ico8{ background: url("../images/ico8.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li i.ico9{ background: url("../images/ico9.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li i.ico10{ background: url("../images/ico10.png")no-repeat -0.525rem 0;background-size: 1.575rem .5rem;} .parHd ul li.on{background:url("../images/hoc02.png") no-repeat 0 0;} .parHd ul li.on p{ color: #ffffff; } .parHd ul li.on i{ background-position: 0 0;} .ywjs_box{ width: 10rem; } .ywjs_box h3{ font-size: .3rem; color: #1d5196; line-height: .75rem;} .ywjs_box p{ font-size: .225rem; line-height: .5rem; color: #333333;} .ywjs_box a{ font-size: .2rem; line-height: .45rem;border: .0125rem solid #0d4486; color: #0d4486;display: inline-block; padding: 0 .25rem;border-radius: .45rem; background: #ffffff;filter:alpha(opacity=80);opacity:0.8;transition: 500ms; margin: .1875rem 0;} .wrap03{ display: flex; justify-content: space-between; align-items: center; padding: .5rem 0;} .demo02{ width: 9.375rem; height: 4rem; background: rgba(255,255,255,0.6); position: relative;} .demo02 .bd{margin-top: .25rem; margin-left: .25rem;} .demo02 .hd{width: .225rem; height: 4rem; background: url("../images/link04.png")no-repeat center center; position: absolute; right: .325rem; top: 0; display: flex; align-items: center; background-size: .0125rem 3rem;} .demo02 .hd ul li{ width: .225rem; height: .225rem; background:#666666; display: block; text-align: center; margin: .175rem 0; cursor: pointer; border-radius: 50%;} .demo02 .hd ul li.on{background: #1d5196; } .demo02 .bd ul li{width: 8.275rem; height: 3.5rem;} .demo02 .bd ul li a{ display: block; overflow: hidden; width: 100%;} .demo02 .bd ul li img{ width: 8.275rem; height: 3.5rem; transition: 500ms;} .demo02 .bd ul li img:hover{ transform: scale(1.1);} .news_list04{width: 20.375rem; margin: 0 auto; display: flex; justify-content: space-between;} .picScroll-top{ width: 100%; margin: 0 auto; position: relative; z-index: 1;;} .picScroll-top .bd{ display: flex; justify-content: center; margin-top: .25rem;} .picScroll-top .bd ul li{ margin-bottom: .375rem;transition: 0.3s;width:6.525rem; height: 1.8625rem; } .picScroll-top .bd ul li a{overflow: hidden; } .picScroll-top .bd ul li img{transition: 0.3s;width: 6.525rem; height: 1.8625rem; } .picScroll-top .bd ul li:hover img{transform: scale(1.1);} .picScroll-top .hd{} .picScroll-top .hd ul li{ font-size: 0;} .ad_list{ margin-top: 1.0625rem;} .ad_list ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; height: 4.1625rem;} .ad_list ul li{ width: 3.125rem; height: 4.1625rem; overflow: hidden; transition: 500ms; border-radius: .1875rem; } .ad_list ul li a{ position: relative; width: 100%; height: 100%; display: block;} .ad_list ul li a::before{position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);} .ad_list ul li a:hover::before { -webkit-animation: shine 2s; animation: shine 2s; } .ad_list ul li:hover{transform: translateY(-8px); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.3);} @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .ad_list ul li img{ width: 3.125rem; height: 4.1625rem;} .jdgc_box{ width: 100%; margin:0 auto;} .picScroll-left{width: 100%; position: relative; margin-top: .5rem; overflow:hidden;height: 3.7125rem;} .picScroll-left .hd{} .picScroll-left .hd .next{ position: absolute;width: .5rem; height: .7rem; position: absolute; background: url('../images/prev02.png') no-repeat 0 0;background-size: 1.0125rem .7rem; top: 50%; margin-top: -0.35rem; left: .0625rem; cursor: pointer; z-index: 2;} .picScroll-left .hd .prev{ position: absolute;width: .5rem; height: .7rem;background: url('../images/prev02.png') no-repeat -0.5rem 0; background-size: 1.0125rem .7rem; right: .0625rem; top: 50%; margin-top: -0.35rem; cursor: pointer; z-index: 2;} .picScroll-left .bd .ad_img{ float: left; width: 5.5838rem; height: 3.7125rem; position: relative; overflow: hidden; margin-right: .3875rem; cursor: pointer;} .picScroll-left .bd .ad_img .t_img img{ width: 100%; height: 100%; margin: 0 auto; text-align: center;top: 0; left: 0;position: absolute;transition:all 300ms linear;} .picScroll-left .bd .ad_img .t_word{ width: 100%; height: 100%; text-align: center;transition: all 300ms linear;position: absolute;border: .075rem solid #ffffff; display: flex; align-items: center; justify-content: center;flex-direction:column; opacity: 0;} .picScroll-left .bd .ad_img .t_word h3{ font-size: .225rem; color: #ffffff; line-height: .5rem;display: block;} .picScroll-left .bd .ad_img .t_word i{ width: .65rem; height: .65rem; background: url("../images/ico05.png")no-repeat center center; background-size: .65rem .65rem; display: block;} .picScroll-left .bd .ad_img:hover .t_img img{transform:scale(1.5);} .picScroll-left .bd .ad_img:hover .t_word{ width: 90%; height: 90%; left: 5%; top: 5%; opacity: 0.8;} .fooder{ width: 100%; background: url("../images/foot_bj.jpg") no-repeat top center; background-size: 24rem 4.3875rem; min-width: 17.5rem; overflow: hidden; padding-top: .5rem;} .links{ background: #164b93;width: 100%; margin: 0 auto; } .links .link_lm{ width: 20.375rem; margin: 0 auto; } .links .link_lm ul{ display: flex; justify-content: space-between; align-items: center; padding: .375rem 0;} .links .link_lm ul li{ width: 23%;height: .675rem; position: relative;} .links .link_lm ul li a{width: 100%; height: .675rem; background: #ffffff;border-radius: .05rem; display: block; font-size: .225rem; line-height: .675rem; text-align: center; transition: 500ms;} .links .link_lm ul li a:hover{ color:#0D4486 ; font-weight: bold;} .foot_down{ width: 20.375rem; margin: 0 auto; display: flex;justify-content: space-between; align-items: center;} .foot_down .foot_zi ul{ overflow: hidden;} .foot_down .foot_zi ul li{ float: left; margin-right: .275rem; font-size: .2rem; line-height: .375rem;} .foot_down .foot_zi ul li a{ font-size: .2rem; line-height: .375rem; color: #ffffff; background: url("../images/ico06.png")no-repeat center left; padding-left: .2rem;transition: 500ms; background-size: .1375rem .1125rem;} .foot_down .foot_zi ul li a:hover{ opacity: 0.7;} .foot_down .foot_zi p{ font-size: .2rem; line-height: .4rem; color: #bbc7d4;} .ewm_list{ overflow: hidden; margin-top: .375rem; margin-bottom: .125rem;} .ewm_list li{ float: left;margin-left: .25rem;} .ewm_list li img{ width: 1.5rem; height: 1.5rem;} .ewm_list li p{ font-size: .2rem; line-height: .4rem; color: #ffffff; text-align: center;} .grad_wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: #000000; opacity: 0.5; filter:alpha(opacity=0.5); display: none;} .ship01 .videolist {position: relative; cursor: pointer; background-position: center center;background-repeat: no-repeat; background-size:100% 100%;width: 6.525rem; height: 4.15rem;margin: 0 auto; transition: 500ms; overflow: hidden;} .ship01 .videolist:hover{ transform: scale(1.1);} .ship01 .video03{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.3);z-index: 2;} .ship01 .video_item{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; width:100%;} .ship01 .video_item i{ width: .95rem; height: .5625rem; background: url("../images/ico04.png")no-repeat center center; display: block; margin: 0 auto; background-size: .95rem .5625rem;} .ship01 .video_item h3{ font-size: .25rem; color: #ffffff; line-height: .625rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; text-align: center; margin: 0 auto; } .ship01 .video_demo{ display: flex; justify-content: space-between; width: 6.525rem; height: 4.15rem; overflow: hidden;} .ship01 .video_tit { position: absolute;background: rgba(0,0,0,0.3); top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .ship01 .video_tit h3{ font-size: .225rem;color: #ffffff; line-height: .5rem; text-align: center; font-weight: normal;} .video_tit i{width: .95rem; height: .5625rem; margin: 0 auto; text-align: center; display: block; background: url("../images/ico04.png") no-repeat center center; margin-top: 1.25rem; background-size: .95rem .5625rem;} .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .videos {position: fixed;top: 15%;width:50%;left: 50%;z-index: 100; transform: translateX(-50%);} .videos img.vclose {width: auto;} .videos video{ width: 100%;} .gywm_fr .videolist {position: relative; cursor: pointer; background-position: center center;background-repeat: no-repeat; background-size: 7.975rem 5.3375rem;background-size: cover;width: 7.975rem;height: 5.3375rem;margin: 0 auto; transition: 500ms; overflow: hidden; } .gywm_fr .videolist:hover{ transform: scale(1.1);} .gywm_fr .video03{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.3);z-index: 2;} .gywm_fr .video_item{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4;} .gywm_fr .video_item i{ width: .775rem; height: .775rem; background: url("../images/ship01.png")no-repeat center center; display: block; margin: 0 auto; background-size: .775rem .775rem;} .gywm_fr .video_demo{ display: flex; justify-content: space-between; width: 7.975rem;height: 5.3375rem; overflow: hidden;} .gywm_fr .video_tit { position: absolute;background: rgba(0,0,0,0.3); top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .det_con{ width: 100%; margin: 1.25rem auto 0; background: #f7f9fa; padding-bottom: .625rem; } .det_con .detail_box{ width: 17.5rem; margin: -1.875rem auto 0; background: #ffffff;position: relative; z-index: 4;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1); } .pos_box{ width: 100%; height: .65rem;background: #f2f4f7;} .pos_box .posi_list{width: 15rem; margin: 0 auto; overflow: hidden;} .pos_box .posi_list li{ font-size: .2rem; line-height: .65rem; color: #666666; float: left; margin: 0 .05rem;} .pos_box .posi_list li a{ color: #333333;} .pos_box .posi_list li a:hover{ color: #0d4486;} .ny_ban{ width: 100%; margin: 0 auto; text-align: center;} .ny_ban img{ width: 100%; margin: 0 auto; text-align: center;} .nav_box{ width: 4rem; float: left; background: #ffffff; border-right: 1px solid #ecf0f4; height: 100%;} .nav_tit{ background: url("../images/tit_bj01.jpg") no-repeat center top; width: 4rem; height: 1.5625rem; background-size: 4rem 1.5625rem; display: flex; justify-content: center; align-items: center; } .nav_tit h3{ font-size: .375rem; font-weight: bold; color: #0d4486; text-align: center; background: url("../images/ico13.png") no-repeat center bottom; line-height: .75rem; background-size: .6375rem .05rem;} .con_box{ width: 13.5rem; float: right; padding: 0 .375rem;background: #ffffff; min-height: 6.25rem;} .ny_tit{ border-bottom: .0125rem solid #cccccc;} .ny_tit h3{ font-size: .275rem; line-height: 1rem; font-weight: normal; background: url("../images/ico02.png") no-repeat center left; padding-left: .3125rem; position: relative; display: inline-block; background-size: .2rem .225rem;} .ny_tit h3:after{ content:""; position: absolute; width: .375rem; height: .0375rem ;background: #0d4486;left: 0; bottom: -0.0125rem;} .nav_box ul{ overflow: hidden; padding: .25rem; background: #ffffff;} .nav_box ul li{ font-size: .225rem; line-height: .875rem; text-indent: 2em; transition: 500ms; color: #333333; cursor: pointer; position: relative; z-index: 1; margin: .125rem 0; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; background: #ecf0f4; } .nav_box ul li:before{ position: absolute;left: 0; top: 50%; content: ""; width: .0375rem; height: 0; z-index: 2; background: #0d4486; transform: translateY(-50%);transition: 500ms;} .nav_box ul li:after{ position: absolute; content: ""; width: 0; transition: 500ms; height: 100%; background: #c5dfff;top: 0; left: 0;z-index: -1;} .nav_box ul li a{width: 100%; display: block;} .nav_box ul li:hover:after,.nav_box ul li.on:after{ width: 100%;} .nav_box ul li:hover,.nav_box ul li.on,.nav_box ul li.on a,.nav_box ul li:hover a{color: #0d4486; font-weight: bold;} .nav_box ul li.on:before,.nav_box ul li:hover:before{ height: 60%;} .ny_demo{ width: 100%; padding: .25rem;} /*.ny_demo p{ font-size: .2rem; line-height: .4rem; color: #333333;}*/ .news_demo01{ width: 100%; padding: .25rem;} .news_list06{ overflow: hidden;} .news_list06 li{ font-size: .225rem; line-height: .7rem; overflow: hidden;} .news_list06 li span{ color: #666666; font-size: .2rem; float: right;line-height: .7rem;} .news_list06 li a{ float: left; color: #333333;transition: 500ms;line-height: .7rem;font-size: .225rem; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 80%;} .news_list06 li a i{width: .075rem; height: .0875rem; background: url("../images/ico03.png") no-repeat 0 0; display: inline-block; vertical-align: middle; margin: 0 .1rem;transition: 500ms; background-size: .15rem .0875rem;} .news_list06 li:nth-child(5n){ margin-bottom: .25rem;} .news_list06 li:hover a,.row_news .bt_tit a:hover{ color:#0d4486; font-weight: bold; transform: translateY(-.0625rem);} .news_list06 li:hover a i{ background: url("../images/ico03.png") no-repeat -0.075rem 0; background-size: .15rem .0875rem;} /*pages*/ .pages{clear:both;padding: .375rem 0;line-height: .35rem;color:#555;font-size:0.9375em;} .pages .pagination_index_last *{vertical-align:middle\9;} .pages a{display: inline-block;padding:0 .125rem;margin: .0375rem;zoom:1;color: #555;border:#dfdfdf .0125rem solid;border-radius: .0375rem;transition: all .2s;-webkit-transition: all .2s;background: #f1f1f1;background: -webkit-linear-gradient(#ffffff 10%, #f1f1f1);background: -o-linear-gradient(#ffffff 10%, #f1f1f1);background: -moz-linear-gradient(#ffffff 10%, #f1f1f1);background: linear-gradient(#ffffff 10%, #f1f1f1);} .pages a.current, .pages a:hover{border-color:#4675bd;color:#fff;text-decoration:none; background: #0d4486;} .pages a.current{font-weight: bold;} .pages input { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: .05rem; border: .0125rem solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; outline: none; padding: .0375rem .0625rem; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: .5rem; height: .3125rem; margin: 0 .075rem;} input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .whjt_box{ width: 100%;} .wh_item{ width: 100%; background: #F2F4F7;border: .0125rem solid #cccccc; border-radius: .05rem; margin-bottom: .3125rem; padding: .25rem;transition: 500ms; cursor: pointer;} .wh_item a{ width: 100%; display: flex; justify-content: space-between; align-items: center;} .wh_item .ad_pic{width: 3.9rem; height: 2.6875rem; overflow: hidden;} .wh_item .ad_pic img{ width: 100%; height: 100%; transition: 500ms;} .wh_item .ad_img{ width: 11.375rem; } .wh_item .ad_img h3{ font-size: .25rem; color: #333333; line-height: .75rem;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .wh_item .ad_img p{ font-size: .2rem; line-height: 2em; color: #666666;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .wh_item .ad_img span{ color: #666666; font-size: .175rem; line-height: .75rem; width: .3rem; height: .3rem; background: url("../images/ico11.png")no-repeat center left; padding-left: .375rem; background-size: .25rem .25rem;} .wh_item:hover{transform: translateY(-0.0625rem);box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.1);} .wh_item:hover .ad_img h3{ color:#0d4486; } .wh_item:hover .ad_img p{ color:#0d4486; } .wh_item:hover .ad_pic img{ transform: scale(1.1);} .new_page{ width: 100%; padding:0 .25rem;} .page_tit{ border-bottom: .0125rem dashed #cccccc; padding: .25rem 0;} .page_tit h3{ font-size: .3rem; color: #333333; line-height: .5rem; text-align: center;} .page_tit ul{ display: flex; justify-content: center; align-items: center;} .page_tit ul li{font-size: .175rem; color: #666666; line-height: .375rem; margin: 0 .125rem;} .page_con{ padding: .25rem 0;border-bottom: .0125rem dashed #cccccc;text-align: justify; line-height: .45rem; margin: 0 auto;} /* .page_con p{ font-size: .2rem; line-height: .4rem; color: #333333;} */ .page_con table{ margin: 0 auto;border-collapse: inherit; font-size: .225rem;} .page_con img{ display: block; text-align: center; margin: 0 auto; max-width: 100%;} .con_fyxg{ padding: .25rem 0; overflow: hidden;} .con_fyxg ul li{font-size: .2rem; color: #333333; line-height: .4rem;} .con_fyxg ul li a{ font-size: .2rem; color: #333333; line-height: .4rem;} .ny_banner{ width: 100%; margin: 1.25rem auto 0; overflow: hidden; text-align: center;} .ny_banner img{ width: 100%; margin: 0 auto; text-align: center;} .ywly_text{ width: 17.5rem; margin: 0 auto; } .yw_tit{ width: 100%; margin: 0 auto; text-align: center; padding-bottom: .375rem;} .yw_tit img{width: 31%; margin: .625rem auto; height: auto;} .yw_tit p{ font-size: .2rem; color: #333333; line-height: .4rem; text-align: left;} .yw_list{ width: 100%; margin: 0 auto; display: flex;justify-content: space-between; padding-bottom: .375rem;} .yw_list li{width: 13.4%; overflow: hidden; transition: 300ms; overflow: hidden;} .yw_list li img{ width: 100%;} .yw_list li.cur{ margin-top: .5rem;} .yw_list li a{ width: 100%; height: 100%; position: relative; display: block;} .yw_list li a:hover::before { -webkit-animation: shine 1.2s; animation: shine 1.2s; } .yw_list li:hover{ transform: translateY(-0.0875rem);} .yw_list li a::before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .ywlw_box{ width: 100%; margin: 0 auto; overflow: hidden;} .ywly_list{ width: 73%; margin: 0 auto; text-align: center; display: flex; justify-content: space-between; align-items: center; border-bottom: .0125rem solid #cccccc; overflow: hidden;} .ywly_list li{ width: 14.2%;padding-bottom: .125rem; cursor: pointer; position: relative; transition: 500ms;} .ywly_list li:after{ content: ""; position: absolute; width: 0; left: 50%; transform: translateX(-50%); height: .025rem;bottom: 0; background: #0d4486;} .ywly_list li h3{ font-size: .25rem; line-height: .5rem; color: #666666; font-weight: normal;} .ywly_list li i{width: .525rem; height: .5rem; display: block; margin: .075rem auto; text-align: center; background-size: 1.575rem .5rem;} .ywly_list li i.icon01{ background:url("../images/ico4.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li i.icon02{ background:url("../images/ico5.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li i.icon03{ background:url("../images/ico6.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li i.icon04{ background:url("../images/ico7.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li i.icon05{ background:url("../images/ico8.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li i.icon06{ background:url("../images/ico9.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li i.icon07{ background:url("../images/ico10.png")no-repeat -1.05rem 0;background-size: 1.575rem .5rem;} .ywly_list li.on i{ background-position: -0.525rem 0; } .ywly_list li.on h3{ color: #0d4486; font-weight: bold;} .ywly_list li.on:after{width: 20%;} .cate_box02{ background: #f5f7fa; width: 100%; margin: 0 auto; } .cate_box02 .cate02{ width: 73%; margin: 0 auto; padding: .25rem;} .xmtit h3{ font-size: .3rem; color: #0d4486; line-height: .75rem; display: inline-block; border-bottom: .0125rem solid #cccccc; position: relative;} .xmtit h3:after{ position: absolute; content: ""; width: .375rem; bottom: -0.0125rem; left: 0; height: .025rem; background: #0d4486;} .xmtit i{ background: url("../images/ico02.png")no-repeat center center; width: .2rem; height: .225rem;display: inline-block; margin: 0 .075rem;vertical-align: middle; background-size: .2rem .225rem;} .xmtit p{ font-size: .2rem; line-height: .4rem; color: #333333; padding: .25rem 0;} .xmmc_list{ overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} .xmmc_list li{width: 40%; margin: .25rem; transition: 500ms; position: relative;} .xmmc_list li img{ width: 6.75rem; height: 2.85rem;} .xmmc_list li h3{ font-size: .225rem; color: #333333; line-height: 1.5em; font-weight: normal; padding: 0 .1875rem;} .tit_01{ background: #ffffff; padding: .25rem 0;} .xmmc_list li h3 i{background: url("../images/ico12.png") no-repeat center center; width: .15rem; height: .15rem; display: inline-block; margin: 0 5px; vertical-align: middle; background-size: .15rem .15rem;} .xmmc_list li:hover{ transform: translateY(-5px);box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.1);} .xmmc_list li:after{ content: ""; position: absolute;width: 0; height: .025rem; background:#0d4486; transition: 500ms; left: 0; bottom: 0; } .xmmc_list li:hover:after{width: 100%;} /*右侧*/ .yc_box{ position:fixed;right: .1875rem;z-index:6; top: 3.75rem; display: flex;flex-direction:column; align-items: flex-end;} .jjjc_btn{width: 2.1125rem; height: 1.25rem; display: block; z-index: 3; position:fixed;right: .1875rem;top: 1.775rem;} .jjjc_btn img{ width: 100%;} .yc_box02{ width: .6125rem; height: 1.5rem; z-index: 200; position: fixed; right: 0;top: 3.75rem; text-align: center; display: none;} .yc_box02 a{ width: 100%; display: block;} .yc_box02 img{ width: .6125rem; height: 1.5rem; } .yc_box .close_02{width: .25rem; height: .25rem; background: url("../images/close.png")no-repeat center center; background-size: 100% 100%; margin-bottom: .1875rem;} .right_xf{width: .75rem; } .right_xf .bkbox{width: .75rem;height: .75rem;background:#fff;box-shadow:0 0 .25rem rgba(0,0,0,.16);margin-bottom: .125rem;border-radius: .125rem;text-align:center;font-size: .175rem;position:relative; z-index: 4;} .right_xf .bkbox>a{display:block;transition: 0.2s; background-image: url("../images/yc_ico.png"); background-size: 1.5rem 3.75rem; width: .75rem; height: .75rem;} .right_xf .bk01>a {background-position: 0 0px;} .right_xf .bk02>a {background-position: 0 -0.75rem;} .right_xf .bk03>a {background-position: 0 -1.5rem;} .right_xf .bk04>a {background-position: 0 -2.25rem; } .right_xf .bk05>a {background-position: 0 -3rem; } .right_xf .bk01:hover>a {background-position: -0.75rem 0;} .right_xf .bk02:hover>a {background-position: -0.75rem -0.75rem;} .right_xf .bk03:hover>a {background-position: -0.75rem -1.5rem;} .right_xf .bk04:hover>a {background-position: -0.75rem -2.25rem;} .right_xf .bk05:hover>a {background-position: -0.75rem -3rem;} .right_xf div.ewm_box{position:absolute;width: 1.5rem;left: -1.6875rem;top:0; display: none; } .right_xf .ewm_box dl{background:#fff;width: 1.5rem;height: 1.7rem;box-shadow:0 0 .075rem rgba(0,0,0,.16);border-radius: .1rem;text-align:center;} .right_xf .ewm_box dl dt{ padding-top: .0625rem;} .right_xf .ewm_box dl dt img{width: 1.3125rem; height: 1.3125rem; margin: 0 auto;} .right_xf .ewm_box dl dd{line-height: .2625rem;color:#333333;font-size: .175rem;} .links_cy{ width: 0;z-index:2; height: 3.75rem;box-shadow: 0px .125rem .2125rem .025rem rgba(0, 0, 0, 0.3); position: absolute;right: .75rem; top: 0; background: #ffffff; display: flex; justify-content: flex-start; align-items: center; transition: 500ms; overflow: hidden; opacity: 0; } .links_cy .link_cydw{ width: 3.75rem; background: #164b93; height: 100%; padding: .25rem .5rem;} .cydw_tit{} .cydw_tit h3{ font-size: .3rem; line-height: .75rem; color: #ffffff; border-bottom: 1px solid #9cb1ce;} .cydw_tit h3 i{ background: url("../images/ico02.png") no-repeat 0 0;background-size: .2rem .225rem; width: .2rem; height: .225rem; display: inline-block; vertical-align: middle;margin: 0 .1875rem;} .cydw_hd{ padding-top: .25rem;} .cydw_hd ul{ overflow: hidden;} .cydw_hd ul li{ cursor: pointer; font-size: .225rem; line-height: .625rem; color: #ffffff; max-width: .0625rem 0; border-radius: .625rem;} .cydw_hd ul li.on{ background: #ffffff; color: #0D4486; font-weight: bold;} .cydw_bd{ padding: .375rem 0; width: 16.25rem;} .cydw_bd ul{ overflow: hidden; background: #ffffff; width: 100%;} .cydw_bd ul li{ font-size: .175rem;width: 25%; margin: .05rem 0; float: left;} .cydw_bd ul li a{ width: 80%;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .4rem; font-size: .2rem; display: inline-block;} .cydw_bd ul li a:hover{ color: #0D4486; font-weight: bold;} .wid_100{ width: 20rem; opacity: 1;} .img_list03{ width: 100%; margin: 0 auto;} .img_list03 li{ width: 5.05rem; overflow: hidden;} .img_list03 li img{width: 5.05rem;height: 3.35rem;} .news_demo03{ width: 100%; padding: .25rem;} .flex_wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;} .flex_wrap2{ display: flex; flex-wrap: wrap; } .news_demo03 .ad_img{ float: left; width: 5.875rem; height: 3.9rem; position: relative; overflow: hidden; cursor: pointer; margin-bottom: .375rem;} .news_demo03 .ad_img .t_img img{ width: 100%; height: 100%; margin: 0 auto; text-align: center;top: 0; left: 0;position: absolute;transition:all 300ms linear;} .news_demo03 .ad_img .t_word{ width: 100%; height: 100%; text-align: center;transition: all 300ms linear;position: absolute;border: .075rem solid #ffffff; display: flex; align-items: center; justify-content: center;flex-direction:column; opacity: 0;} .news_demo03 .ad_img .t_word h3{ font-size: .225rem; color: #ffffff; line-height: .5rem;display: block;} .news_demo03 .ad_img .t_word i{ width: .65rem; height: .65rem; background: url("../images/ico05.png")no-repeat center center; background-size: .65rem .65rem; display: block;} .news_demo03 .ad_img:hover .t_img img{transform:scale(1.5);} .news_demo03 .ad_img:hover .t_word{ width: 90%; height: 90%; left: 5%; top: 5%; opacity: 0.8;} .con_box02{ width:100%;padding: 0 .375rem; min-height: 8.75rem;} .zc_box{ width: 2.5rem; height: 1.3125rem; position: fixed; z-index: 6; left: 0; top: 1.775rem;} .zc_box ul{ overflow: hidden;} .zc_box p{ cursor: pointer; background: url("../images/close.png") no-repeat center center; width: .25rem; height: .25rem; background-size: 100% 100%; margin-left: .25rem;} .zc_box img{width: 2.5rem; height: 1.3125rem; } .tcbj{ width: 17.5rem; background: #ffffff; padding: .25rem; position: fixed; z-index: 11; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 0px .075rem .225rem 0px rgba(0, 0, 0, 0.2); display: none;} .tc_tit{ position: relative;} .tc_tit::after{ content: ""; position: absolute; width: .75rem; height: .0375rem; bottom: 0; left: 0; background: #164b93;} .tc_tit h3{ font-size: .3rem; line-height: .825rem; color: #164b93; font-weight: bold; } .tc_tit h3 i{width: .2rem; height: .225rem; background: url("../images/ico02.png") no-repeat center center; vertical-align: middle; margin: 0 .0875rem; display: inline-block; background-size: .2rem .225rem;} .colse_btn{ width: .375rem; height: .375rem; position: absolute; right: .25rem; top: .25rem; cursor: pointer; z-index: 11; transition: 500ms;} .colse_btn img{ width: 100%;} .colse_btn:hover{ transform: rotate(90deg);} .tc_list{ padding: .25rem 0;overflow-y: auto; max-height: 3.125rem; margin: .25rem auto;} .tc_list ul{ overflow: hidden; } .tc_list ul li{ width:31%; float: left; text-align: center; border-bottom: 1px dashed #cccccc; height: .625rem; margin: 0 1%;transition: 500ms; overflow:hidden;} .tc_list ul li a{ font-size: .2rem; line-height: .625rem;height: .625rem; color: #333333; transition: 500ms;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 94%;} .tc_list ul li:hover a{ color: #164b93; font-weight: bold;} .tc_list::-webkit-scrollbar,.cydw_list02 .bd ul::-webkit-scrollbar{width: .1rem} .tc_list::-webkit-scrollbar-track,.cydw_list02 .bd ul::-webkit-scrollbar-track{background: #eee;border-radius: .0625rem;} .tc_list::-webkit-scrollbar-thumb,.cydw_list02 .bd ul::-webkit-scrollbar-thumb{border-radius:5px;background:linear-gradient(45deg,#0082e6 0%,#1d5196 100%)} .cydw_list02{ position: relative; margin-top: .375rem;} .cydw_list02 .hd{ overflow: hidden; width: 100%; height: .75rem;border-bottom: 1px dashed #cccccc; } .cydw_list02 .hd ul{ overflow: hidden;} .cydw_list02 .hd ul li{ font-size: .225rem; color: #333333; line-height: .5rem; float: left; margin: 0 .25rem; cursor: pointer; border-radius: .5rem; padding:0 .5rem;} .cydw_list02 .hd ul li.on{ color: #ffffff; background:#164b93 ;} .cydw_list02 .bd ul{overflow-y: auto; max-height: 3.125rem; margin: .25rem auto;} .cydw_list02 .bd ul li{width:31%; float: left; text-align: center; height: .625rem; margin: 0 1%;transition: 500ms; overflow:hidden;} .cydw_list02 .bd ul li a{font-size: .2rem; line-height: .625rem;height: .625rem; color: #333333; transition: 500ms;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 94%;} .cydw_list02 .bd ul li:hover a{ color: #164b93; font-weight: bold;} .gywm_box02{width: 100%; margin: .6rem auto 0; background: url("../images/bj02.jpg") no-repeat center bottom; overflow: hidden;} .gywm_box{ width: 17.5rem; margin: 0 auto; padding-bottom: .5rem; } .gywm_fl{ width: 9.0625rem;} .gywm_fr{ width: 7.975rem;} .tit04{ margin: 0 auto .625rem;} .tit04 img{ width: 6.575rem; height: .8375rem;} .gywm_demo{} .gywm_demo h3{ font-size: .25rem; line-height: .75rem; color: #333333;position: relative; margin-bottom: .25rem;} .gywm_demo h3 i{ width: .2rem; height: .225rem;line-height: .4rem; background-size: .2rem .225rem;vertical-align: middle; background: url("../images/ico02.png")no-repeat center center; display: inline-block; margin: 0 .175rem;} .gywm_demo p{ font-size: .2rem; line-height: .4rem; color: #333333; text-indent: 2em;} .gywm_demo h3::after{ content: ""; position: absolute; width: .75rem; height: .0375rem; bottom: 0; left: 0; background: #164b93;} .rank_list{ width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: .25rem 0;} .rank_list li p{ font-size: .225rem; line-height: .375rem; columns: #666666;} .rank_list li h3{ font-size:.225rem ; color: #333333; font-weight: normal;} .rank_list li h3 b{ font-size: .75rem; color: #e25725; font-weight: bold;} .btn_more01{ margin: .5rem auto; width: 100%; text-align: center;} .btn_more01 a{ display: inline-block; font-size: .25rem; border-radius: .25rem; border: .0125rem solid #e25725 ; line-height: .5rem; color: #e25725; background: #ffffff; padding: 0 .25rem; transition: 500ms; } .btn_more01 a:hover{ transform: translateY(-0.1rem);box-shadow: 0px .05rem .25rem 0px rgba(0, 0, 0, 0.3);} .con02{ background: url("../images/bj03.jpg")no-repeat center center; width: 100%; height: 5rem; background-size: 100% 100%; } .con02 .con02_lm{ display: flex; width: 17.5rem; margin: 0 auto; height: 5rem; align-items: center;} .con02 .con02_lm ul li h3{ font-size: .3rem; color: #e25725; line-height: .625rem; letter-spacing: .025rem; } .con02 .con02_lm ul li p{ font-size: 18px; color: #ffffff; line-height: .625rem; font-weight: normal; display: inline-block; margin-left: .375rem;} .qywh_box{ width: 17.5rem; margin: .625rem auto;} .qywh_box ul{ display: flex; justify-content: space-between;width: 100%;} .qywh_box ul li{ transition: 500ms; width: 3.8875rem; height: 5rem; border-radius: 10px;} .qywh_box ul li img{ width: 100%;} .qywh_box ul li:hover{ transform: translateY( -.125rem);box-shadow: 0px .05rem .25rem 0px rgba(0, 0, 0, 0.3);} .cgzs_demo{ width: 17.5rem; margin: 0 auto;} .tit05{ width: 100%; margin: .625rem auto; text-align: center;} .tit05 img{ width: 8.1625rem; height: .8125rem;text-align: center; margin: 0 auto;} .cgzs_box{ width: 100%; margin: 0 auto .75rem; display: flex;justify-content:space-between;} .cgzs_box .ad_img{ float: left; width: 5.5838rem; height: 3.7125rem; position: relative; overflow: hidden; margin-right: .3875rem; cursor: pointer;} .cgzs_box .ad_img .t_img img{ width: 100%; height: 100%; margin: 0 auto; text-align: center;top: 0; left: 0;position: absolute;transition:all 300ms linear;} .cgzs_box .ad_img .t_word{ width: 100%; height: 100%; text-align: center;transition: all 300ms linear;position: absolute;border: .075rem solid #ffffff; display: flex; align-items: center; justify-content: center;flex-direction:column; opacity: 0;} .cgzs_box .ad_img .t_word h3{ font-size: .225rem; color: #ffffff; line-height: .5rem;display: block;} .cgzs_box .ad_img .t_word i{ width: .65rem; height: .65rem; background: url("../images/ico05.png")no-repeat center center; background-size: .65rem .65rem; display: block;} .cgzs_box .ad_img:hover .t_img img{transform:scale(1.5);} .cgzs_box .ad_img:hover .t_word{ width: 90%; height: 90%; left: 5%; top: 5%; opacity: 0.8;} .ztzl_box{ width: 100%;} .ztzl_box ul{ width: 100%; overflow: hidden;} .ztzl_box ul li{ width: 33.33%; float: left; border-radius: .125rem; margin: .25rem 0;} .ztzl_box ul li a{ display: block;} .ztzl_box ul li img{ border-radius: .125rem;width: 5.125rem; height: 2.25rem; transition: 500ms; margin: 0 auto;} .ztzl_box ul li:hover img{ transform: translateY(-.1rem);box-shadow: 0px .05rem .25rem 0px rgba(0, 0, 0, 0.3);} .pad20{ padding: .25rem 0;} .detail_box02{ width: 17.5rem; margin: .375rem auto 0;background: #ffffff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);padding: 0 .375rem; } .nav_sb{ width: 100%; margin: 0 auto; height: 1.5625rem; background: #ffffff;} .nav_sb .nav_sblm{ width: 17.5rem; margin: 0 auto; display: flex; align-items: center; } .nav_nume{ } .nav_nume li{ float: left;font-size: .25rem;line-height: 1.5625rem; height: 1.5625rem; margin: 0 .1875rem;transition: 500ms; max-width: 1.8rem; display: flex;align-items: center; position: relative;} .nav_nume li>a{display: block; width: 100%; transition: 500ms; font-size: .25rem; line-height: .375rem; margin: 0 auto; } .nav_nume li.on>a,.nav_nume li:hover>a{ color: #0d4486; font-weight: bold;} .posi_list02{overflow: hidden;} .posi_list02 li{ font-size: .2rem; line-height: .65rem; color: #666666; float: left; margin: 0 .05rem;} .posi_list02 li a{ color: #333333;} .posi_list02 li a:hover{ color: #0d4486;} .ny_tit02{ border-bottom: .0125rem solid #cccccc;width: 100%; display: flex; justify-content: space-between; align-items: center;} .ny_tit02 h3{ font-size: .275rem; line-height: 1rem; font-weight: normal; background: url("../images/ico02.png") no-repeat center left; padding-left: .3125rem; position: relative; display: inline-block; background-size: .2rem .225rem; display: block;} .ny_tit02 h3:after{ content:""; position: absolute; width: .375rem; height: .0375rem ;background: #0d4486;left: 0; bottom: -0.0125rem;} .scroll_fl{ width: 100%; margin: 0 auto;} .scroll_fl .picList{width: 100%;overflow: inherit !important;} .scroll_fl .picList li{ float: left; position: relative; width: 3.75rem;} .scroll_fl .picList li img{ height: 2.5rem; width: 100%; display: block;max-width: inherit; position: relative;opacity: 0.9;filter: alpha(opacity=0.9);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);} .scroll_fl .picList li h3{ font-size: .225rem; line-height: .5rem;text-align: center;color: #ffffff;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: rgba(1,1,1,0.3); position: absolute; width: 100%; height: .5rem; left: 0; bottom: 0; opacity: 0; transition: 500ms; } .scroll_fl .picList li:hover h3{ opacity: 1; z-index: 100;} .scroll_fl .picList li:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); z-index: 99;opacity:1;filter: alpha(opacity=0.1);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);} .scroll_fl .tempWrap { overflow: inherit !important; } .scroll_box{ padding: .5rem 0;width: 100%; overflow: hidden;} .scroll_box02{width: 20.375rem; margin: .625rem auto; overflow: hidden; position: relative;} .jx_img01{ width: 4.775rem; height: 6.75rem;} .jx_img02{width: 3.875rem; height: 3.25rem; position: absolute; top: 0; left: 5.025rem;} .jx_img03{width: 3.875rem; height: 3.25rem; position: absolute; top: 0; right: 7.375rem;} .jx_img04{width: 3.875rem; height: 3.25rem; position: absolute;left: 5.025rem; top: 3.5rem;} .jx_img05{width: 3.875rem; height: 3.25rem; position: absolute;right: 7.375rem;top: 3.5rem;} .jx_img06{width: 7.125rem; height: 540px; position: absolute; right: 0; top: 0;} .cate_hov .t_img{ width: 100%; height: 100%; overflow: hidden;} .cate_hov .t_img img{width: 100%; height: 100%;transition:all 300ms linear;} .cate_hov a{ display: block; width: 100%; height: 100%; position: relative;} .cate_hov:hover .t_word{width: 90%; height: 90%; left: 5%; top: 5%; opacity: 0.8;} .cate_hov:hover .t_img img{transform:scale(1.5);} .cate_hov .t_word{ width: 100%; height: 100%; text-align: center;transition: all 300ms linear;position: absolute;border: .05rem solid #ffffff; display: flex; align-items: center; justify-content: center;flex-direction:column; opacity: 0;} .cate_hov .t_word h3{ font-size: .225rem; color: #ffffff; line-height: .5rem;display: block;} .cate_hov .t_word i{ width: .65rem; height: .65rem; background: url("../images/ico05.png")no-repeat center center; background-size: .65rem .65rem; display: block;} .dl01{ width: 7.95rem;box-sizing: border-box;} .dl01 .jx_img07{ width: 3.925rem; height: 2.4375rem; float: left; margin-right: .05rem; margin-bottom: .05rem; position: relative;} .dl01 .jx_img08{width: 7.9rem; height: 4.9375rem;} .dl02{width: 3.975rem;box-sizing: border-box;} .dl02 .jx_img07{width: 3.925rem; height: 2.4375rem; margin-right: .05rem; margin-bottom: .05rem; position: relative; overflow: hidden;} .dl03{ width: 7.95rem;box-sizing: border-box;} .dl03 .jx_img07{ width: 3.925rem; height: 2.4375rem; float: left; margin-right: .05rem; margin-bottom: .05rem; position: relative;} .dl03 .jx_img09{ width: 7.9rem; height: 4.9375rem;} .scroll_box03{ width: 100%; height: 7.475rem; overflow: inherit!important; margin-top: .5rem!important;} .swiper-slide .dl{ float: left;} .scroll_box03 .swiper-slide {height: 7.475rem;width: 19.875rem;background: #eeeeee; overflow: hidden;} .pad50{ padding-bottom: .625rem;} .jdgc_box .swiper-container-horizontal>.swiper-scrollbar{ opacity: 1!important; bottom:-.375rem!important; width: 60%; overflow: hidden;left: 50%;transform: translateX(-50%);} .jdgc_box .swiper-scrollbar-drag{ border: 1px solid #cccccc;} .srcoll_box04{ width: 20.375rem; position: relative; margin: 0 auto; overflow: hidden; height: 9rem;} .scoll03{ position: absolute; border: .025rem solid #cccccc;} .ts01{ width: 4.975rem; height: 2.825rem; left: 0; top: 3.25rem;} .ts02{ width: 3.35rem; height: 1.95rem;left: 1.625rem; top: 6.325rem;} .ts03{ width: 4.4375rem; height: 3rem; left: 5.225rem; top: 2.5rem;} .ts04{ width: 4.4375rem; height: 3rem; left: 5.225rem; top: 5.75rem;} .ts05{ width: 3.05rem; height: 2.125rem; top: 1rem; left: 9.9125rem;} .ts06{ width: 3.05rem; height: 2.125rem;left: 9.9125rem; top: 3.375rem;} .ts07{ width: 5.45rem; height: 2.875rem;left: 9.9125rem; top: 5.75rem;} .ts08{ width: 3.675rem; height: 2.45rem; top: .325rem;right: 3.5rem;} .ts09{ width: 3.675rem; height: 2.45rem; top: 3.05rem; right: 3.5rem;} .ts10{ width: 3.25rem; height: 2rem; right: 0; top: 1.25rem;} .ts11{ width: 3.25rem; height: 2rem;right: 0; top: 3.475rem;} .ts12{ width: 4.8rem; height: 2.7rem; right: 0; top: 5.75rem;} .srcoll_box05{width: 20.375rem; position: relative; margin:40px auto 0; overflow: hidden; height: 10.0625rem;} .cwys{ position: absolute;} .cwimg01{ top: 0; left: 0; width: 5rem;height: 5.25rem;} .cwimg02{ left:0; top: 5.375rem; width: 5rem;height: 4.625rem;} .cwimg03{width: 5.5rem; height: 3.5rem;top: 0; left: 5.125rem;} .cwimg04{ width: 4.875rem; height: 3.4375rem; left: 5.125rem; top: 3.625rem;} .cwimg05{ width: 4.575rem; height: 2.8375rem; top:7.1875rem;left: 5.125rem; } .cwimg06{ width: 5.55rem;height: 3.5rem; top: 0; right: 4.0875rem;} .cwimg07{ width: 5.775rem;height: 3.4375rem; top: 3.625rem; right: 4.5rem;} .cwimg08{ width: 4.075rem; height: 2.8375rem; top: 7.1875rem; right: 6.5rem; } .cwimg09{ width: 3.9625rem; height: 3.5rem; top: 0; right:0;} .cwimg10{ width: 4.375rem; height: 3.4375rem;right: 0; top: 3.625rem;} .cwimg11{ width: 6.375rem; height: 2.8375rem; right: 0; top: 7.1875rem;} .jdgc_demo{width: 100%;} .jdgc_demo .ad_img{margin-bottom: .375rem; position: relative; overflow: hidden; cursor: pointer; margin-right:0.218rem; } .jdgc_demo .ad_img:nth-child(3n){margin-right:0;} .jdgc_demo .ad_img a{ margin: 0 auto;display: block;width: 5.2rem; height: 3.4625rem; overflow: hidden;} .jdgc_demo .ad_img .t_img{width: 100%;height: 100%; overflow: hidden;} .jdgc_demo .ad_img .t_img img{width: 100%;height: 100%;margin: 0 auto; text-align: center;top: 0; left: 0;position: absolute;transition:all 300ms linear; } .jdgc_demo .ad_img .t_word{ width: 100%; height: 100%; text-align: center;transition: all 300ms linear;position: absolute;border: .0625rem solid #ffffff; display: flex; align-items: center; justify-content: center;flex-direction:column; opacity: 0;} .jdgc_demo .ad_img .t_word h3{ font-size: .225rem; color: #ffffff; line-height: .5rem;display: block;} .jdgc_demo .ad_img .t_word i{ width: .65rem; height: .65rem; background: url("../images/ico05.png")no-repeat center center; background-size: .65rem .65rem; display: block;} .jdgc_demo .ad_img:hover .t_img img{transform:scale(1.5);} .jdgc_demo .ad_img:hover .t_word{ width: 90%; height: 90%; left: 5%; top: 5%; opacity: 0.8;} .sec_nav{ width: 100%;margin: 0 auto;} .sec_nav ul{ width: 100%; display: flex; justify-content: center; align-items: center; padding: .5rem 0 .75rem;} .sec_nav ul li{ font-size: .25rem; line-height: .75rem; background: #f1f1f1; color: #333333; width: 2.6rem; text-align: center; border-radius: .75rem; margin: 0 .275rem; cursor: pointer;} .sec_nav ul li.on{ color: #ffffff; background: #0d4486; font-weight: bold;} .sec_nav02{ display: none;} .qy_ico{ background: url("../images/ico14.png") no-repeat center center; width: .2125rem; height: .125rem; display: inline-block; margin-left: .125rem; transition: 500ms;} .sec_nav02 dd{ font-size: .2rem; line-height: .4rem; text-align: center; margin: 0 auto; transition: 500ms;} .nav_nume li:hover .qy_ico{ transform: rotate(180deg);} .sec_nav02 dd a{ color: #333333;transition: 500ms;} .sec_nav02 dd a:hover{ color: #0d4486; font-weight: bold;} .nav_nume li:hover .sec_nav02{ position: absolute; width: 100%; top: 1rem; left: 0; background: #ffffff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 10px;padding: .125rem 0; display: block;} .qyhw_list{ width: 100%; margin: .5rem auto; display: flex; justify-content: space-between;} .qyhw_list li{width: 5.125rem; height: 4.75rem;transition: 500ms; overflow: hidden;} .qyhw_list li img{transition: 500ms; width: 100%; height: 100%;} .qyhw_list li:hover img{ transform: scale(1.1);} .ldxx{ overflow: hidden;} .ldxx ul{overflow: hidden;} .ldxx ul li{ font-family: 宋体; font-size: .25rem;line-height: .875rem; font-weight: bold; color: #000000; display: flex;} .ldxx ul li label{ display: flex; justify-content: space-between;width: 0.9rem; margin-right: 0.4rem;} .video_spxz{ width: 6.525rem; height: 4.15rem; overflow: hidden; position: relative;margin-top: .25rem;} .video_spxz .hd{ position: absolute; z-index: 9999; bottom: .3125rem; left: 50%; transform: translateX(-50%);} .video_spxz .hd ul{ overflow:hidden; zoom:1; width: 100%; } .video_spxz .hd ul li{ float:left; margin:0 .075rem; width: .125rem; height: .125rem; line-height: .175rem; text-align:center; background:#fff; filter:alpha(opacity=40);opacity:0.4;cursor:pointer; font-size: 0; border-radius: 50%; } .video_spxz .hd ul li.on{ filter:alpha(opacity=100);opacity:1; } .video_spxz .prev, .video_spxz .next{ position:absolute; left:0; top:50%; margin-top: -0.3125rem; display:block; width: .5rem; height: .7rem; background:url("../images/prev02.png") 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; background-size: 1.0125rem .7rem; z-index: 99999; } .video_spxz .next{ left:auto; right:0; background-position: -.5rem 0; } .video_spxz .prev:hover, .video_spxz .next:hover{ filter:alpha(opacity=100);opacity:1; } .video_spxz .prevStop{ display:none; } .video_spxz .nextStop{ display:none; } .ldcy_list{ overflow: hidden; padding: .375rem 0; display: flex; justify-content: space-between; align-items: center; } .ldcy_list li{font-size: .225rem; line-height: .7rem;border: 1px solid #dddddd; background: #ffffff; color: #333333; text-align: center; cursor: pointer; width: 32%; border-radius: 4px;} .ldcy_list li.active{ background: #164b93; color: #ffffff; border: none;}