@charset "utf-8"; /* CSS Document */ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ margin:0px; padding:0px; font-size:12px;font-family:"寰蒋闆呴粦","榛戜綋";color:#333333;line-height:1; background:#FFF;} ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;} input,textarea { font-family: "寰蒋闆呴粦"; border: none; outline: none; background: none; } ul,li{ list-style:none} img{border:0px; padding:0px;;} a{ color:#333333; text-decoration:none} h2,h3,h4,b,strong { font-weight: normal; } em,i { font-style: normal; } .clear{ zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .fl { float:left} .fr { float:right} .hidden{display:none; background: url() no-repeat center;} .header{position: fixed;width: 100%; z-index: 100; left: 0;top: 0;background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2);height: 94px; line-height:94px; } .headerbox{overflow: hidden; width:1400px; margin:0 auto} .logo{width: 235px;float: left; padding-top: 10px;} .yznr{float: right;width: 49px; line-height: 36px; font-size: 15px;text-align: center; color: #fff; background: #0050a8; margin-top: 30px;transition: All 0.4s ease-in-out;} .yznr:hover{background: #fc8324;} .nav{float: right;} .nav ul{overflow: hidden;} .nav li{font-size: 18px; line-height: 90px; padding-right: 60px;float: left;} .nav a{color: #333;} .nav a:hover{color: #206BE7;} .inbox{height: 100vh;} .inbox .swiper-container { width: 100%; height: 100%; } .inbox .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .text1{font-size: 50px; font-weight: bold; color: #0051a9; line-height: 2; text-shadow:1.5px 0px 0px #fff,-1.5px 0px 0px #fff,0px 1.5px 0px #fff,0px -1.5px 0px #fff; letter-spacing: 10px;text-align: center;width: 100%;} .text1 a{ color:#0051a9} .swiper-button-next.swiper-button-next-h{background: url(../images/a1.png);width: 59px;height: 59px; cursor:pointer;top: auto; bottom: 50px;z-index: 10000;left: 50%; margin-left: -25px;opacity: 1;} .swiper-container-a .swiper-slide .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;} .swiper-container-a .swiper-slide .bg img{display: block; width: 100%; height: 100%;transition:22s; transform: scale(1.2);} .swiper-container-a .swiper-slide.swiper-slide-active .bg img{ transform: scale(1);} .swiper-button-next-a{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/right.png) no-repeat center center;opacity: 0.5;} .swiper-button-next-a:hover{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/right.png) no-repeat center center #007AFF;transition: All 0.4s ease-in-out;opacity: 0.5;} .swiper-button-prev.swiper-button-next-a{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/left.png) no-repeat center center !important;transition: All 0.4s ease-in-out;opacity: 0.5;} .swiper-button-prev.swiper-button-next-a:hover{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/left.png) no-repeat center center #007AFF !important;transition: All 0.4s ease-in-out;opacity: 0.5;} @keyframes scaledh{ 0%{ opacity: 0.8; transform: scale(1);} 50%{ opacity: 1; transform: scale(1.05);} 100%{ opacity: 0.8; transform: scale(1);} } .swiper-pagination-h{width: 16px;} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {opacity: 1;border: 1px solid #fff;background: #fff; margin: 0 auto 26px auto;position: relative;} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 14px; height: 14px;background: none; margin: 0 auto 20px auto;} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:before{position: absolute; content: ""; border-left: 2px solid #fff; height: 15px;left:50%; top: 14px; margin-left: -1px;} .swiper-pagination-bullet-active:before{position: absolute; content: ""; border-left: 2px solid #fff; height: 15px;left:8px; top: 10px;} .swibox2{height: 100vh; padding-top: 90px;background: url(../images/bj2.jpg) no-repeat center center;background-size: cover;width: 100%;position: relative;} .sw2box{width: 50%;position: relative; padding: 0 60px 0 10%;background: #fff;text-align: left;top:50%; transform: translateY(-50%);} .gywm h2{position: relative; font-size: 40px; color: #0050a8; font-weight: bold; padding: 50px 0 40px;} .gywm h2:before{position: absolute; content: ""; bottom: 20px; left: 0; border-bottom: 2px solid #0051a9;width: 90px;text-align: left;} .gywm p{font-size: 16px; line-height: 33px; color: #404040;} .gywm ul{overflow: hidden; padding-top: 75px;} .gywm li{float: left; width: 50%; padding-bottom: 55px;} .gywm a{display: block;} .gywm a img{float: left;} .gywm_tex{float: right;width: calc(100% - 45px);} .gywm_tex h3{margin-bottom: 10px; color: #015ba4;font-size: 20px; font-weight:bold} .gywm_tex h4{font-size: 16px;} .gywm_tex p{font-size: 17px; color: #404040;} .swiper-button-next-v{background: url(../images/b1.jpg);width: 55px; height: 53px; margin-top: -26px;right: -20px;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 0 !important;} .swibox3{height: 100vh; padding-top: 90px;background:#dfe8f1;width: 100%;position: relative;} .hxyw{padding: 0 10%;position: relative;top:50%; transform: translateY(-50%);} .hxyw_tit{text-align: center; padding: 30px 0;} .hxyw_tit h2{font-weight: bold; font-size: 40px; color: #0050a8; margin-bottom: 15px;} .hxyw_tit p{font-size: 17px; color: #0050a8;text-align: center;} .hxyw_nr ul{overflow: hidden; margin-left: -10px;} .hxyw_nr li{float: left;width: 33.33%; padding: 0 0 10px 10px;} .hxywbox {position: relative;overflow: hidden;cursor:pointer;} .hxywbox img{width: 100%;} .hxywbox p{width: 100%; position: absolute; left: 0; bottom: 0; text-align: center;background: rgba(0,80,168,.8); line-height: 52px; font-size: 22px; color: #fff;transition: All 0.4s ease-in-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou } .img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); } .wzzz{position: absolute;width: 100%; height: 100%; top: 0; left: 0;background: rgba(0,80,168,.8);opacity: 0;transition: All 0.4s ease-in-out;} .zztext{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); } .zztext h2{font-size: 24px; color: #fff; margin-bottom: 25px;text-align: center;} .zztext dl{padding: 0 90px;} .zztext dt{line-height: 35px; color: #fff; font-size: 16px;background: url(../images/b8.jpg) no-repeat left center; padding-left: 22px;} .zztext dt a{color: #fff;} .hxyw_nr .hxywbox:hover .wzzz{opacity: 1;} .hxyw_nr .hxywbox:hover p{opacity: 0;} .swibox4{height: 100vh; padding-top: 90px;background:url(../images/bj4.jpg);width: 100%;position: relative;background-size: cover; padding: 90px 10% 0 10%;} .news-tit{padding: 80px 0;overflow: hidden;} .news-tit h2{font-weight: bold; font-size: 40px; color: #fff; margin-bottom: 15px;} .news-tit p{font-size: 16px; color: #fff;} .news-tit span{overflow: hidden;} .news-tit b{border: 1px solid #436baf;width: 152px;height: 58px; text-align: center; display: inline-block; font-size: 20px; color: #fff; margin-left: 30px; line-height: 56px;cursor:pointer;} .news-tit b.on{background: #c8d2e2;color: #333;} .newsbox{overflow: hidden;animation:fadeIn .25s, 100ms;} .news_left{float: left; width: 450px;background: #fff;border-radius: 8px; overflow: hidden;} .news_tp{overflow: hidden;} .news_tp img{width: 100%;} .news_text{padding: 0 30px 60px 30px;} .news_text h2{font-size: 16px; color: #333; line-height: 56px;} .news_text p{font-size: 22px; line-height: 40px;height: 80px; color: #434343;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news_text a{display: block; font-size: 16px; color: #666; margin-top: 25px;} .news_right{float: right;width: calc(100% - 500px); margin-top: -38px;} .news_right li{border-bottom: 1px solid #5585c0; padding: 38px 0;} .news_right h2{color: #fff; font-size: 19px; margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .news_right h2 a:hover{ text-decoration:underline; } .news_right p{font-size: 15px; line-height: 2; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .swibox5{padding: 70px 0 0 0;width: 100%;} .banner{background: url(../images/bj3.jpg) no-repeat center center; height: 314px; padding: 0 10%;width: 100%;} .banner h2{font-size: 40px; font-weight: bold; color: #fff; padding: 130px 0 15px;} .banner p{font-size: 17px; color: #fff;} .lxdz{padding: 60px 10% 10px 10%;} .lxdz ul{overflow: hidden; margin-left: -15px;} .lxdz li{width: 25%; float: left; padding-left: 15px;} .lxdzbox{background: #f8f8f8;height: 290px; border: 1px solid #eaeaea; padding: 0 20px;cursor:pointer;transition: All 0.4s ease-in-out;} .lxdzbox h2{font-size: 18px; line-height: 70px; padding-top: 20px;color: #333;font-weight: bold;} .lxdzbox p{overflow: hidden; font-size: 14px; line-height: 30px; color: #333333;} .lxdzbox span{float: left;width: 40px;} .lxdzbox b{float: right;width: calc(100% - 40px);} .lxdzbox:hover{background: #015ba4;} .lxdzbox:hover h2{color: #fff;} .lxdzbox:hover p{color: #fff;} .swibox6{background:#fff;height: 100vh; background-size: cover;width: 100%; padding: 90px 0 0 0;} .wzxq{position: relative;top:50%; transform: translateY(-50%);} .wzxq ul{overflow: hidden;} .wzxq li{float: left;width: 33.33%;} .wzbox{position: relative; overflow: hidden;} .wzbox img{width: 100%;} .wzzz1{width: 100%; height: 100%; position: absolute;left: 0; top: 0;background: rgba(0,0,0,.45);transition: All 0.4s ease-in-out;} .wzz_text{position: absolute;width: 100%; padding: 0 8%;left:50%; top:50%; transform:translate(-50%,-50%);} .wzz_text h2{font-size: 50px;text-align: center; color: #fff; margin-bottom: 75px;} .wzz_text p{font-size: 18px; line-height: 45px; height: 135px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #fff;} .wzz_text a{display: block;text-align: center; width: 152px; line-height: 44px; font-size: 15px; color: #fff; margin: 40px auto 0 auto;background: rgba(113,108,108,.45);transition: All 0.4s ease-in-out;} .wzbox:hover .wzzz1{background:rgba(0,0,0,0);} .wzbox:hover h2{color: #0050a8;} .wzbox:hover p{color: #0050a8;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;} .wzbox a:hover{background: rgba(0,80,168,.45);} .swibox7{background: url(../images/bj7.jpg) no-repeat center center;background-size: cover;height: 100vh; padding: 90px 10% 0 10%;width: 100%;} .jdql{position: relative;top:50%; transform: translateY(-50%);} .jdql_tit{text-align: center; padding-bottom: 45px; } .jdql_tit h2{font-weight: bold; font-size: 40px; margin: 0 0 30px 0; color: #fff;} .jdql_tit p{font-size: 17px; color: #fff;} .jdql_tit ul{text-align: center; padding-top: 30px;} .jdql_tit li{display: inline-block; padding: 0 25px;} .jdql_tit li span{display: block; font-size: 20px; padding: 0 32px; background: #ecf4fc; line-height: 56px;cursor:pointer;} .jdql .jdql_tit span.on1{background: #0050a8;color: #fff;} .jdlq_box{animation:fadeIn .25s, 100ms;background: rgba(255,255,255,.1);padding: 50px;} .jdlq_box ul{overflow: hidden; margin-left: -25px;} .jdlq_box li{float: left; width: 25%; padding-left: 25px;} .jdlq_box a{display: block;text-align: center; } .jdlq_box img{width: 100%; height:230px;} .jdlq_box p{color: #fff; font-size: 15px; line-height: 28px; margin-top: 15px;} .swibox8{padding: 90px 10% 0 10%; width: 100%; height: 100vh;background: url(../images/bj8.jpg) no-repeat center center;background-size: cover;} .jspx{position: relative;width: 100%;top:50%; transform: translateY(-50%);} .jspx ul{overflow: hidden; margin-left: -50px; padding: 10px; } .jspx li{float: left; width: 33.33%; padding-left: 50px;} .jspxbox{border-radius: 8px; padding: 0 30px 75px 30px;border: 1px solid #c7c9cb;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0,0, .5);box-shadow:0 0 10px rgba(0, 0, 0, .5); background-image: linear-gradient(#6497cf, #0151a8) ; opacity: 0.9; } .jspxbox h2{text-align: center; font-size: 30px; padding: 60px 0 30px; color: #fff;} .jspx dt{line-height: 42px; border-bottom: 1px solid #6c9bcf; padding: 10px 0 0 30px; background: url(../images/b8.jpg) no-repeat 15px 29px;} .jspx dt a{color: #fff; font-size: 14px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .xwbox{position: relative;top:50%; transform: translateY(-50%);} .wrap{ width: 1300px; height: auto; margin: 0 auto; } .wrap2{ width: 1400px; height: auto; margin: 0 auto; } body{ color: #434343; font-family: arial, Microsoft YaHei, "寰蒋闆呴粦"; font-size: 16px; overflow-x: hidden; } a{ color: #434343; } .clear{ clear:both} /*========鎵嬫満瀵艰埅=====*/ .btn-m-list{width: 55px; height: 80px; position: relative; z-index: 999999999999; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);} .trans,.trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;} .btn-m-list .burger{width: 24px; height: 2px; background-color: #0050a9; display: block; position: absolute; z-index: 5; top: 30px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center;} .btn-m-list .burger-2{top: 40px; width: 18px;} .btn-m-list .burger-3{top: 50px; width: 13px;} .btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);} .btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;} .btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);} .mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);} .neirong2{width: 80%; display: block; position: fixed; top: 0; right: 0; z-index: 99999999999; overflow-y: auto; touch-action: pan-y;-webkit-user-select: none;-webkit-user-drag: none;} .neirong2 .neirong2-bd{padding: 50px 50px 20px 50px; visibility: hidden;} .neirong2 li{border-bottom: 1px solid #F2F2F2; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;} .neirong2 li>a{display: block; height: 47px; line-height: 47px; color: #fff; font-size: 16px;} .neirong2 li.on>a{color: #fff;} .neirong2.neirong2-on{left: 0;} .neirong2-close{width: 24px; height: 24px; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 20px; left: 10px; visibility: hidden;} .neirong2.neirong2-hide{ background-color: rgba(7,116,190,.5); width: 0; height: 100%; -webkit-transition:background 0.35s linear,width 0.45s linear 200ms; -moz-transition:background 0.35s linear,width 0.45s linear 200ms; -ms-transition:background 0.35s linear,width 0.45s linear 200ms; -o-transition:background 0.35s linear,width 0.45s linear 200ms; transition:background 0.35s linear,width 0.45s linear 200ms;} .neirong2.neirong2-show{background-color: rgba(7,116,190,.95); height: 100%; width: 80%; } .neirong2.neirong2-show .neirong2-bd,.neirong2.neirong2-show .neirong2-close{visibility: visible;} .neirong2.neirong2-hide li,.neirong2.neirong2-hide .subcall span{ opacity: 0; -webkit-transform: scale(1.1) translateX(-24px); -moz-transform: scale(1.1) translateX(-24px); -ms-transform: scale(1.1) translateX(-24px); -o-transform: scale(1.1) translateX(-24px); transform: scale(1.1) translateX(-24px); } .neirong2.neirong2-show li,.neirong2.neirong2-show .subcall span{opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .neirong2 li:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;} .neirong2 li:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;} .neirong2 li:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;} .neirong2 li:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;} .neirong2 li:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;} .neirong2 li:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;} .neirong2 li:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;} .neirong2 li:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;} .neirong2 li:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;} .neirong2 li:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;} .neirong2 .subnav{display: none;} .neirong2 .subnav a{display: block; font-size: 14px; color: #fafafa; padding: 10px 0; padding-left: 15px; } .neirong2 .subcall{padding: 0 50px; } .neirong2 .subcall span{-webkit-transition-delay: 850ms,850ms; transition-delay: 850ms,850ms; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;} .neirong2 .subcall span{font-family: "Arial"; display: block; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callnum.png) left center no-repeat;} /*========鎵嬫満瀵艰埅缁撴潫=====*/ .daohang{ width: 100%; height: 94px; line-height: 94px; position: fixed; left: 0; top: 0; background: #fff; z-index: 69999999; } .navlist ul li{ float: left; padding: 0 30px; font-size: 18px; position: relative; } .navlist ul li a{ display: block; } .navlist ul li:hover{ background: #0050a9; } .navlist ul li:hover>a{ color: #FFFFFF; } .navlist ul li.on{ background: #0050a9; } .navlist ul li.on>a{ color: #FFFFFF; } .news_list .swiper-container{ height: 220px ; } .navlist ul li .sanji{ position: absolute; left: 0; top: 94px; width: 100%; text-align: center; background: #fff; display: none; } .navlist ul li .sanji a{ height: 40px; line-height: 40px; color: #333; } .navlist ul li .sanji a:hover{ background: #0050a9; color: #FFFFFF; } .navlist ul li:hover .sanji{ display: block; } @media(max-width:1610px){ .nav li{padding-right: 35px;} } @media(max-width:1400px){ .headerbox{padding: 0 3%;} .sw2box{padding-left: 3%;} .hxyw{padding: 0 3%;} .swibox4{padding: 60px 3% 0 3%;} .lxdz{padding: 90px 3% 0 3%;} .link{padding: 10px 3%;} .swibox7{padding: 90px 3% 0 3%;} .swibox8{padding: 90px 3% 0 3%;} } @media(max-width:1366px){ .swibox1 h2{font-size: 36px; line-height: 1.8;} .xxbtn{bottom: 50px;} .gywm ul{padding-top: 35px;} .gywm li{padding-bottom: 20px;} .gywm h2{font-size: 28px;padding: 30px 0;} .gywm p{line-height: 1.8; font-size: 13px;} .hxywbox p{font-size: 16px;} .banner{height: 280px;} .zztext h2{font-size: 20px;margin-bottom: 15px;} .zztext dl{padding: 0 20px;} .zztext dt{line-height: 1.8;font-size: 14px;} .lxdz{padding: 15px 3% 0 3%;} .lxdzbox{height: 205px;} .lxdzbox h2{font-size: 18px; line-height: 25px;padding: 20px 0 10px;} .lxdzbox p{font-size: 12px; line-height: 22px;} .link{margin-top: 15px;} .jdql_tit{padding-bottom: 25px;} .jdlq_box{padding: 30px;} .jspxbox h2{padding: 30px 0 15px; font-size: 24px;} .hxyw_tit h2{font-size: 30px ; margin-bottom: 10px;} .hxyw_tit p{font-size: 14px;} .hxyw_tit{padding: 15px 0;} .news-tit{padding: 30px 0;} .news-tit h2{font-size: 30px; margin-bottom: 10px;} .news-tit p{font-size: 14px;} .news-tit b{line-height: 40px; font-size: 16px; height: 42px;width: 110px;} .news_left{width: 350px;} .news_text h2{font-size: 14px; line-height: 40px;} .news_text p{font-size: 18px; line-height: 2;} .news_text a{margin-top: 10px; font-size: 14px;} .news_text{padding: 0 20px 30px 20px;} .news_right{width: calc(100% - 400px);} .news_right{margin-top: -15px;} .jdql_tit h2{font-size: 30px; margin-bottom: 15px;} .jdql_tit p{font-size: 14px;} .jdql_tit ul{padding-top: 20px;} .jdql_tit li span{line-height: 40px;font-size: 16px;} .news_right li{padding: 15px 0;} .jspxbox{padding: 0 20px 40px 20px;} } @media(max-width:1180px){ .swiper-container-h .indexWarp{ display: block; position: relative;} .header{height: 60px;} .logo{width: 130px;} .logo img{width: 100%;} .dhbtn{position: absolute; right: 3%; top: 15px; width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;} .yznr{position: absolute; right: 50px; top: 10px; background: none; color: #0050A8; margin-top: 0;} .dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;} .nav{width: 100%; height: calc(100vh - 60px); top: 60px; background: rgba(53,68,173,.7 );position:fixed;left: -100%;overflow: auto;} .nav li{float: none; width: 100%;line-height: 3; border-bottom: 1px solid #0051A9; padding: 0 5%; font-size: 16px;} .nav li a{color: #fff;} .inbox{height: auto;} .swiper-button-next-a{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/right.png) no-repeat center center;background-size: 20px 20px;} .swiper-button-next-a:hover{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/right.png) no-repeat center center #007AFF;transition: All 0.4s ease-in-out;background-size: 20px 20px;} .swiper-button-prev.swiper-button-next-a{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/left.png) no-repeat center center !important;transition: All 0.4s ease-in-out;background-size: 20px 20px;} .swiper-button-prev.swiper-button-next-a:hover{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/left.png) no-repeat center center #007AFF !important;transition: All 0.4s ease-in-out;background-size: 20px 20px;} .inbox .swiper-container{height: auto;} .inbox .swiper-slide{height: auto;} .swiper-container-android .swiper-slide, .swiper-wrapper{height: auto;} .swiper-container-a .swiper-slide{height: 7rem;} .text1{font-size: 20px;position: relative;z-index: 100;} .swibox2{height: auto; padding:.5rem;} .sw2box{width: 100%; padding: 0 .5rem;float: none;top: 0; transform: translateY(0);} .swiper-button-next-v{width: .5rem; height: .5rem;background-size: 100% 100%;} .swibox3{padding: .3rem; height: auto;} .hxyw{top: 0;transform: translateY(0);} .hxyw_nr li{width: 50%;} .hxywbox p{font-size: 12px; line-height: 32px;} .hxyw_tit h2{font-size: 20px;} .news-tit h2{font-size: 20px;} .swibox4{padding: .5rem;background-size: auto 100%;height: auto;} .news-tit b{line-height: 30px; padding: 0 .2rem; font-size: 14px;width: auto; margin-left: .2rem; height: 32px;} .news_left{float: none; width: 100%;} .xwbox{top: 0;transform: translateY(0);} .news_right{width: 100%;float: none; margin-top: .2rem;} .news_right h2{font-size: 16px;} .news_right h2 span{font-size: 14px;} .swibox5{padding: 0;} .banner{height: 4rem;background-size: auto 100%;} .banner h2{font-size: 20px; padding: 1.5rem 0 .1rem;color: #333;} .banner p{color: #333;} .lxdz{padding: .3rem .5rem;} .lxdz li{width: 100%; padding-bottom: .2rem;} .swibox6{height: auto; padding: .3rem .5rem;} .wzxq{top: 0;transform: translateY(0);} .wzxq li{width: 100%;padding-bottom: .2rem;} .wzz_text h2{font-size: 24px; margin-bottom: .5rem;} .wzz_text p{line-height: 2;height: auto;font-size: 14px;} .swibox7{padding: .5rem; height: auto;} .jdql{top: 0;transform: translateY(0);} .jdql_tit h2{font-size: 20px;} .jdlq_box{padding: .2rem;} .jdlq_box ul{margin-left: -.2rem;} .jdlq_box li{width: 50%; padding: 0 0 .2rem .2rem;} .jdql_tit li{padding: 0 .1rem;} .jdql_tit li span{line-height: 40px; padding: 0 .4rem;font-size: 14px;} .swibox8{height: auto; padding: .5rem;} .jspx{top: 0;transform: translateY(0);} .jspx li{float: none; width: 100%; padding-bottom: .3rem;} } @media(max-width:480px){ .jdlq_box li{width: 100%; padding: 0 0 .2rem .2rem;} } .link{overflow: hidden; margin-top: 40px; background: #f8f8f8;padding: 15px 10%; } .link_left{float: left; width: calc(100% - 220px);overflow: hidden; padding-top: 20px;} .bqxx{float: left;} .bqxx ul{overflow: hidden;} .bqxx li{float: left; padding-right: 15px; font-size: 14px; color: #333333;} .bqxx li a{color: #333;} .bqxx li a:hover{color: #333;} .bqxx p{font-size: 14px; margin-top: 15px;} .qyyx{float: right; padding-right:40px; margin-top:-10px;} .qyyx ul{overflow: hidden;} .qyyx li{float: left; color: #333;font-size: 14px; line-height: 70px;} .qyyx a{ color: #333; padding:0 10px;} .qyyx a:hover{color: #333;} .link_right{float: right;width: 210px;} .link_right ul{overflow: hidden;} .link_right li{float: left; width: 50%; text-align: center;} .link_right p{font-size: 12px; color: #333;}