/* CSS Document */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { font-size: 12px; font-family: "寰蒋闆呴粦","Helvetica Neue", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } ul, li { list-style: none; } a { color: #000; text-decoration: none; } img { border: none; } @font-face{ font-family: "Montserrat"; src:url('../font/MONTSERRAT-REGULAR.TTF'); } i,em{ font-style: normal; } .fr { float: right; } .fl { float: left; } .clear { clear: both; } .htmleaf-container{ display: none; } .auto { width: 1200px; margin: 0 auto; } .clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 } .clearfloat { zoom: 1 } .weltop{ width: 100%; height: 40px; background-color: #f2f6fa; } .weldv{ width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; } .weldvleft{ color: #666666; font-size: 14px; line-height: 40px; font-style: italic; } .weldvright{ color: #666666; font-size: 14px; line-height: 40px; } .headtop{ width: 100%; } .header-navigation { position:fixed; top:0px; width:100%; text-align:center; z-index:9999; background-color: #fff; } .slideUp { /* -webkit-transform:translateY(-100px); transform:translateY(-100px); */ -webkit-transform:translateY(-150px); -ms-transform:translateY(-150px); -o-transform:translateY(-150px); transform:translateY(-150px); /*transition:transform .5s ease-out; */ -webkit-transition:transform .5s ease-out; -o-transition:transform .5s ease-out; transition:transform .5s ease-out; } .slideDown { /*-webkit-transform:translateY(0); transform:translateY(0); */ -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); /*transition:transform .5s ease-out; */ -webkit-transition:transform .5s ease-out; -o-transition:transform .5s ease-out; transition:transform .5s ease-out; } .headdv{ width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; } .headdvright{ width: 785px; } .headdvright ul{ display: flex; justify-content: space-between; height: 100%; align-items: center; } .headdvright ul li{ position: relative; height: 100px; line-height: 100px; } .headdvright ul li a{ color: #4c4c4c; font-size: 16px; } .headdvright ul li a:hover{ color: #0d97d6; } .headdvright ul li.hover a{ color: #0d97d6; } .headdvright ul li.hover dd a{ color: #4c4c4c; } .headdvright ul li dl{ position: absolute; top: 100px; left: -25px; padding: 0; background-color: #fff; z-index: 999; line-height: 40px; width: 90px; padding: 10px 15px; display: none;text-align: center; } .headdvright ul li dl{ overflow: hidden; transition: all .5s; } .headdvright ul li dl dd a{ line-height: 40px; font-size: 14px; display: block; width: 100%; position: relative; height: 40px; overflow: hidden; } .headdvright ul li dl dd a:after{ content: ""; display: block; position: absolute; width: 0%; border-bottom:1px solid #0d97d6 ; left: 0; bottom: 0; transition: all .5s; } .headdvright ul li dl dd a:hover{ color: #0d97d6; } .headdvright ul li:hover dl{ display: block; } .headdvright ul li dl dd a:hover:after{ width: 100%; } .banner img{ width: 100%; display: block; } .gjc{ width: 100%; height: 70px; border-bottom: 1px solid #e6e6e6; } .gjcdv{ width: 1300px; display: flex; justify-content: space-between; align-items:center; margin: 0 auto; height: 70px; } .gjcdvleft a{ color: #838383; font-size: 14px; margin: 0 10px; } .gjcdvleft a:hover{ color: #7bca19; } .gjcdvleft b{ font-size: 14px; color: #333333; } .gjcdvright{ border: 1px solid #dddddd; padding: 0 10px; height: 40px; border-radius: 50px; overflow: hidden; } .gjcdvright form{ display: flex; justify-content: space-around; align-items: center; } .gjcdvright form input{ border: none; line-height: 40px; outline: none; width: 250px; } .gjcdvright form button{ height: 40px; width: 40px; border: none; background-color: transparent; padding: 0; background: url(../images/ss.png) center no-repeat; background-size: 70%; } .gb_ywly{ background: url(../images/blue_02.jpg) left bottom repeat-x; padding-bottom: 65px; } .ywlytop{ width: 100%; text-align: center; } .ywlytop h1{ margin-top: 55px; font-size: 30px; color: #4c4c4c; font-weight: bold; margin-bottom: 10px; } .ywlytop p{ color: #808080; font-size: 14px; margin-bottom: 25px; } .ywlyalls .swiper-slide{ transition: 300ms; } .ywlyalls .swiper-slide img{ width: 100%; display: block; } .ywlyalls .swiper-slide-active,.ywlyalls .swiper-slide-duplicate-active{ transform: scale(1); } .ywlyalls{ width: 1490px; } .gb_ly{ padding: 80px 0px; padding-bottom: 120px; background: url(../images/ys_02.jpg) center no-repeat; background-size: cover; } .gb_lydv{ width: 1300px; margin: 0 auto; } .gb_lydvtop h1{ text-align: center; font-size: 30px; color: #4c4c4c; font-weight: bold; margin-bottom: 5px; } .gb_lydvtop p{ text-align: center; color: #808080; font-size: 14px; margin-bottom: 40px; } .gb_lydvlilst ul{ display: flex; justify-content: space-between; flex-flow: wrap; } .gb_lydvlilst ul li{ width: 332px; height: 160px; background-color: #ffffff; border: 1px solid #e6e6e6; border-bottom: none; border-left: none; padding:50px; position: relative; } .gb_lydvlilst ul li:first-child{ border-left:1px solid #e6e6e6; } .gb_lydvlilst ul li:nth-child(4){ border-left:1px solid #e6e6e6; border-bottom: 5px solid #0d97d6; } .gb_lydvlilst ul li:nth-child(5){ border-bottom: 5px solid #0d97d6; } .gb_lydvlilst ul li:nth-child(6){ border-bottom: 5px solid #8cc63e; } .gb_lydvlilst ul li h1{ color: #333333; font-size: 22px; margin: 20px 0px; } .gb_lydvlilst ul li iconpark-icon{ display: block; width: 40px; height: 40px;font-size: 32px; color: #686868; } .gb_lydvlilst ul li p{ color: #666666; line-height: 25px; font-size: 14px; } .gb_lydvlilst ul li:hover{ background: url(../images/libg_03.jpg) center no-repeat; box-shadow: 0px 0px 10px #bbbbbb; position: relative; z-index: 99; } .gb_lydvlilst ul li:hover iconpark-icon{ color: #8cc63e; }.gb_lydvlilst ul li:hover h1{ color: #8cc63e; } .gb_about{ background: url(../images/about_02.jpg) center no-repeat; padding: 110px 0px; background-size: cover; } .gbaboutdv{ width: 1300px; margin: 0 auto; } .gbaboutdvad{ width: 100%; display: flex; justify-content: space-between; } .gbaboutdvadleft{ width: 560px; } .gbaboutdvadleft h1{ color: #fff; font-size: 26px; margin-bottom: 10px; } .gbaboutdvadleft h2{ font-size: 42px; font-weight: bold; font-family: "Century Gothic"; color: #fff; margin-bottom: 40px; } .gbaboutdvadleft h3{ font-size: 28px; color: #fffefe; margin-bottom: 15px; } .gbaboutdvadleft p{ color: #fff; font-size: 14px; line-height: 30px; } .gbaboutdvadleft a{ display: block; width: 130px; height: 40px; border: 1px solid #fff; border-radius: 50px; line-height: 40px; text-align: center; margin-top: 40px; color: #fff;transition: all .5s; font-size: 14px; } .gbaboutdvadleft a:hover{ background-color: rgba(140, 198, 62, 1); color: #fff; border-color: rgba(140, 198, 62, 1); } .gbaboutdvadright{ width: 610px; } .gbaboutdvadright img{ width: 100%; } .gbaboutdvlist{ width: 1300px; margin: 0 auto; margin-top: 75px; } .gbaboutdvlist ul{ display: flex; justify-content: space-between; } .gbaboutdvlist ul li{ width: 320px; padding: 25px 0 ; background-color: rgba(255,255,255,0.7); text-align: center; transition: all .5s; } .gbaboutdvlist ul li h1{ color: #404040; font-size: 18px;transition: all .5s; } .gbaboutdvlist ul li p{ color: #666666; font-size: 15px; margin-top: 10px;transition: all .5s; } .gbaboutdvlist ul li:hover{ background-color: rgba(140, 198, 62, 1); } .gbaboutdvlist ul li:hover h1{ color: #fff; } .gbaboutdvlist ul li:hover p{ color: #fff; } .gb_news{ width: 1300px; margin: 75px auto; } .gb_newstop h1{ text-align: center; color: #4c4c4c; font-size: 30px; font-weight: bold; margin-bottom: 5px; } .gb_newstop h2{ color: #808080; font-size: 14px; text-align: center; margin-bottom: 55px; } .gb_newsdv{ display: flex; width: 100%; justify-content: space-between; } .gb_newsdvleft{ width: 400px; box-shadow: 0px 0px 10px #d5d5d5; border-radius: 15px; overflow: hidden; } .gb_newsdvleft:hover img{ transform: scale(1.03); } .nimg{ width: 100%; overflow: hidden; } .nimg img{ display: block; width: 100%; transition: all .3s; } .gbnewsleftcon{ padding: 40px 25px; } .gbnewsleftcon h1{ display: flex; justify-content: space-between; } .gbnewsleftcon h1{ color: #666666; font-size: 16px; margin-bottom: 30px; } .gbnewsleftcon h1 i{ font-size: 14px; color: #666666; font-family: "Arial"; } .gbnewsleftcon h2{ color: #4c4c4c; font-size: 18px; font-weight: bold; line-height: 30px; } .gbnewsleftcon p{ color: #666666; font-size: 14px; margin-top: 10px; } .gb_newsdvcenter{ width: 330px; background-color: #ebeff2; border-radius: 15px; overflow: hidden;transition: all .3s; padding: 45px 35px; } .gb_newsdvcenter a{ display: block; width: 100%; height: 100%; position: relative; } .gb_newsdvcenter h1{ display: flex; justify-content: space-between; color: #4c4c4c; font-size: 16px; margin-bottom: 50px; align-items: center;transition: all .3s; } .gb_newsdvcenter h1 i{ font-size: 14px; color: #666666; font-family: "Arial";transition: all .3s; } .gb_newsdvcenter h2{ color: #4c4c4c; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 20px;transition: all .3s; } .gb_newsdvcenter p{ color: #666666; font-size: 14px; line-height: 30px; transition: all .3s; } .gb_newsdvcenter h3{ position: absolute; bottom: 0; left: 0;transition: all .3s; } .gb_newsdvcenter h3{ color: #666666; font-size: 14px; display: flex; justify-content: flex-start; align-items: center; } .gb_newsdvcenter h3 i{ display: block; width: 40px; height: 40px; border: 1px solid #838383; border-radius: 50%; line-height: 35px; font-size: 32px; color: #838383; text-align: center; margin-left: 15px; } .gb_newsdvcenter:hover { background-color: #8cc63e; } .gb_newsdvcenter:hover h2,.gb_newsdvcenter:hover p,.gb_newsdvcenter:hover h3,.gb_newsdvcenter:hover h1,.gb_newsdvcenter:hover h1 i{ color: #fff; } .gb_newsdvcenter:hover h3 i{ border-color: #fff; color: #fff; } .gb_newsdvright{ width: 400px; } .gb_newsdvright h1{ display: flex; justify-content: space-between; height: 60px; border-bottom: 1px solid #cccccc; align-items: center; } .gb_newsdvright h1 i{ display: block; width: 100px; border-left: 5px solid #8cc63e; height: 30px; line-height: 30px; text-align: center; color: #4c4c4c; font-size: 20px; font-weight: bold; } .gb_newsdvright h1 a{ color: #666666; font-family: "Arial"; font-size: 14px; } .gb_newsdvright h1 a:hover{ color: #8cc63e; } .gb_newsdvright ul{ margin-top: 20px; height: 460px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; } .gb_newsdvright ul li{ width: 100%; } .gb_newsdvright ul li a{ display: flex; justify-content: space-between; } .gb_newsdvright ul li div{ width: 135px; overflow: hidden;border-radius: 10px; } .gb_newsdvright ul li div img{ width: 100%; transition: all .3s; display: block; } .gb_newsdvright ul li section{ width: 240px; } .gb_newsdvright ul li section h2{ color: #4c4c4c; font-size: 16px; height: 60px; line-height: 30px; } .gb_newsdvright ul li section p{ line-height: 30px; color: #808080; font-size: 14px; } .gb_newsdvright ul li:hover div img{ transform: scale(1.03); } .gb_lxwm{ background:url(../images/sylxwm_02.jpg) center no-repeat; background-size: cover; width: 100%; height: 260px; background-attachment: fixed; } .gblxwmdv{ width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 260px; } .gblxwmdvleft h1{ color: #ffffff; font-size: 30px; font-weight: bold; margin-bottom: 15px; } .gblxwmdvleft h2{ font-size: 15px; color: #fff; } .gblxwmdvright ul{ display: flex; justify-content: space-between; align-items: center; height: 260px; } .gblxwmdvright ul li{ display: flex; justify-content: flex-start; padding-left: 65px; border-left: 1px solid rgba(255, 255, 255, 0.5); height: 70px; margin-left: 35px; } .gblxwmdvright ul li:first-child{ border: none; } .gblxwmdvright ul li i{ display: block; width: 30px; height: 30px; margin-right: 10px; } .gblxwmdvright ul li div h1{ color: #ffffff; font-size: 16px; margin-bottom: 10px; line-height: 30px; } .gblxwmdvright ul li div p{ color: #ffffff; font-size: 14px; } .foot{ padding: 85px 0px; background-color: #f2f6fa; } .footdv{ width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; } .footdv dl dt a{ color: #4c4c4c; font-size: 18px; } .footdv dl dd a{ font-size: 14px; color: #666666; } .footdv dl dd{ margin-top: 20px; } .footdv dl dd a:hover{ color: #333333; } .footlxwm{ width: 235px; } .footlxwm h1{ color: #4c4c4c; font-size: 28px; font-weight: bold; margin-bottom: 25px; margin-top: 10px; } .footlxwm ul{ display: flex; justify-content: space-between; } .footlxwm ul li{ text-align: center; } .footlxwm ul li p{ color: #cccccc; font-size: 14px; line-height: 30px; } .wdl{ width: 100%; height: 70px; background-color: #0d97d6; } .wdldv{ display: flex; justify-content: space-between;height: 70px; width: 1300px; margin: 0 auto; align-items: center; } .wdldv p{ color: #ffffff; font-size: 14px; } .wdldv p a{ color: #fff; } #certify { position: relative; width: 100%; margin: 60px auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 1000px; transform: scale(0.8); } #certify .swiper-slide-active{ transform: scale(1.2); } #certify .swiper-slide img{ width: 100%; display:block; height: 500px; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: 140px; width: 60px; height: 111px; top:133px; background: url(../images/lunbo_17.png) no-repeat; background-size: 100%; } #certify .swiper-button-prev:hover { /*background-position: 0 -46px;*/ /*background-size: 100%*/ } #certify .swiper-button-next { right: 140px; width: 60px; height: 111px; top:133px; background: url("../images/lunbo_20.png") no-repeat; background-size: 100%; } #certify .swiper-button-next:hover { /*background-position: 0 -139px;*/ /*background-size: 100%*/ } .sadsa{ width: 960px; height: 190px; background: url(../images/fs_03.png) center no-repeat; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: -125px; position: relative; z-index: 99; } #thumbs{ width: 750px; margin-left: 175px;margin-top: 60px; } #thumbs .swiper-slide h1{ width: calc(100% - 2px); height: 35px; border: 1px solid #fff; font-size: 14px; color: #ffffff; line-height: 35px; text-align: center; } #thumbs .swiper-slide-thumb-active h1{ border-color: #8cc63e; background-color: #8cc63e; color: #fff; } .rczp{ background-color: #f2f6fa; padding: 65px 0px; } .rczpdv{ width:1300px; margin: 0 auto; } .rczpbt h1{ text-align: center; color: #4c4c4c; font-size: 34px; font-weight: bold; margin-bottom: 45px; } .rczptt{ width: 100%; } .sideMenu h3{ height:80px; line-height:80px; padding:0 50px; background:#ffffff; cursor:pointer;font:normal 18px/80px "Microsoft YaHei";color: #4c4c4c;margin-top: 10px;} .sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; margin-top: 24px;} .sideMenu h3.on em{ background-position:16px -57px; } .sideMenu ul{ padding:20px 50px;padding-top: 0px;padding-bottom: 40px; color:#999; display:none;background-color: #fff;} .sideMenu ul div{ width: 100%; border-top: 1px solid #e6e6e6; background: url(../images/jpb_03.png) right top no-repeat; } .sideMenu ul div h1{ color: #4c4c4c; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 15px; } .sideMenu ul div section{ line-height: 30px; color: #4c4c4c; font-size: 14px; } .sideMenu ul div h4{ color: #4c4c4c; font-size: 14px; line-height: 30px; margin-top: 20px; } .zb{ width: 1300px; margin: 80px auto; display: flex; justify-content: space-between; } .zbleft{ width: 450px; } .zbleft h1{ color: #4c4c4d; font-size: 32px; font-weight: bold; margin-top: 15px; } .zbleft span{ display: block; height: 35px; width: 200px; border-bottom: 1px solid #d7d7d9; } .zbleft i{ display: block; width: 30px; height: 5px; background-color: #8cc63e; margin-top: -3px; margin-bottom: 20px; } .zbleft h2{ color: #4c4c4d; font-size: 14px; margin-bottom: 45px; } .zbleft h3{ display: flex; justify-content: flex-start; align-items: center; color: #4c4c4d; font-size: 18px; font-weight: bold; margin-bottom: 50px; } .zbleft h3 em{ color: #0d97d6; font-size: 36px; font-weight: bold; margin-left: 10px; } .zbleft p{ color: #4c4c4d; font-size: 16px; display: flex; justify-content: flex-start; align-items: center; } .zbleft p{ margin-top: 20px; } .zbleft p img{ margin-right: 10px; } .jd{ width: 100%; padding: 80px 0px; background-color: #f2f6fa; } .jddv{ width: 1300px; margin: 0 auto; } .jddv ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .jddv ul li{ width: 350px; height: 120px; background-color: #fff; padding: 50px 30px; margin-bottom: 30px; transition: all .5s; } .jddv ul li h1{ color: #4c4c4c; font-size: 20px; font-weight: bold; line-height: 35px; margin-bottom: 15px;transition: all .5s; } .jddv ul li p{ line-height: 30px; color: #666666; font-size: 16px;transition: all .5s; } .jddv ul li:hover{ background-color: #0d97d6; } .jddv ul li:hover h1{ color: #fff; } .jddv ul li:hover p{ color: #fff; } .zxly{ width: 100%; background: url(../images/lxwmbg_02.png) center no-repeat; padding: 85px 0px; background-size:cover ; } .zxlydv{ width: 1400px; margin:0 auto; } .zxlydvtop h1{ color: #FFFFFF; font-size: 34px; font-weight: bold; text-align: center; margin-bottom: 20px; } .zxlydvtop p{ color: #ffffff; font-size: 16px; text-align: center; } .zxlydv form{ background-color: #fff; padding: 45px 40px; margin-top: 45px; } .zxlydv form div{ display: flex; justify-content: space-between; } .zxlydv form div input{ width: 390px; border:none; border: 1px solid #cccccc; padding: 0 15px; height: 48px; outline: none; line-height: 48px; font-size: 14px; margin-bottom: 30px; } .zxlydv form textarea{ width: calc(100% - 32px); border: none; border: 1px solid #cccccc; height: 170px; padding:15px; outline: none; margin-bottom: 40px; } .zxlydv form button{ width: 125px; border: none; line-height: 45px; text-align: center; font-size: 16px; color: #fff; background-color: #0d97d6; } .gblxwmdvright ul li iconpark-icon{ display: block; width: 30px; height: 30px; margin-right: 10px; font-size: 32px; color: #fff; } .shownav{ width: 100%; background-color: #fff; box-shadow: 0px 0px 10px #dcdcdc; position: relative; z-index: 2; } .shownav ul{ width: 1300px; margin: 0 auto; display: flex; justify-content: flex-start; } .shownav ul li{ height: 73px; line-height: 75px; border-bottom: 2px solid #fff; margin-right: 70px; } .shownav ul li a{ display: block; color: #4c4c4c; font-size: 18px; } .shownav ul li:hover{ border-bottom: 2px solid #0d97d6; } .shownav ul li.active{ border-bottom: 2px solid #0d97d6; } .xmlist{ width: 100%; background-color: #f2f6fa; padding: 70px 0px; padding-bottom: 20px; } .xmlistall{ width: 1300px; margin: 0 auto; } .xmlistall ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; } .xmlistall ul li{ width:400px; margin: 16px; } .xmlistall ul li div{ overflow: hidden; } .xmlistall ul li div img{ width: 100%; display: block; transition: all .5s;transition: all .5s; } .xmlistall ul li section{ padding: 20px 30px; background-color: #fff; } .xmlistall ul li:hover img{ transform: scale(1.05); } .xmlistall ul li section h1{ color: #4c4c4c; font-size: 18px; line-height: 30px; color: #4c4c4c; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xmlistall ul li section p{ height: 40px; border-bottom: 1px solid #e6e6e6; color: #808080; font-size: 14px; line-height: 30px; } .xmlistall ul li section h2{ display: flex;justify-content: space-between; } .xmlistall ul li section h2 i{ color: #808080; font-size: 14px; margin-top: 15px; } .xmlistall ul li section h2 span{ color: #808080; font-size: 20px; margin-top: 10px; } .ablist{ width: 100%; box-shadow: 0px 0px 10px #dcdcdc; position: relative; z-index: 2; } .ablist ul{ width: 1300px; margin: 0 auto; display: flex; justify-content: flex-start; } .ablist ul li a{ display: block; padding: 0 30px; line-height: 75px; color: #333333; font-size: 18px; } .ablist ul li a:hover{ background-color: #0d97d6; color: #fff; } .ablist ul li.active a { background-color: #0d97d6; color: #fff; } .ab{ width: 100%; padding: 80px 0px; background: url(../images/about_02.png) center no-repeat; background-size: cover; } .abdv{ width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; } .abdvleft{ display: flex; justify-content: flex-start; align-items: center; width: 50%; } .abdvleft h1{ color: #333333; font-size: 40px; margin-bottom: 15px; } .abdvleft h2{ font-size: 32px; color: #cdcdcd; margin-bottom: 15px; } .abdvleft h3{ color: #8cc63e; font-size: 30px; } .abdvleft p{ margin-top: 35px; color: #333333; font-size: 14px; width: 90%; line-height: 30px; } .abdvright{ width: 48%; display: flex; align-items: center; justify-content: flex-end; } .abdvright img{ display: block; max-width: 100%; } .gdsz{ width: 1300px; margin:50px auto ; } .gdsz ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .gdsz ul li{ width: 25%; } .gdsz ul li h1{ display: flex; justify-content: flex-start; } .gdsz ul li h1 span{ color: #8cc63e; font-size: 46px; font-family: "Montserrat"; font-weight: bold; } .gdsz ul li h1 i{ font-size: 16px; color: #666666; margin-left: 10px; margin-top: 10px; } .gdsz ul li p{ color: #666666; font-size: 14px; } .qyin{ width: 100%; background: url(../images/kan_02.png) top center no-repeat; background-color: #f2f6fa; padding: 115px 0px; } .qyindv{ width: 1300px; margin: 0 auto; } .qyintop{ width: 100%; display: flex; justify-content: flex-end; } .qyintop div{ width: 65%; } .qyintop h1{ color: #ffffff; font-size: 24px; font-weight: bold; } .qyintop i{ display: block; width: 40px; height: 3px; background-color: #fff; margin: 25px 0px; } .qyintop p{ display: block; line-height: 30px; font-size: 14px; color: #fff; } .qyinlist{ width: 1300px; margin: 0 auto; margin-top: 105px; } .qyinlist ul{ display: flex; justify-content: space-between; } .qyinlist ul li{ width: 400px;background-color: #fff; border-bottom: 3px solid #0d97d6; } .qyinlist ul li div{ overflow: hidden; width: 100%; } .qyinlist ul li div img{ display: block; width: 100%; transition: all .5s; } .qyinlist ul li section{ padding: 50px 40px; background-color: #fff; } .qyinlist ul li section h1{ color: #333333; font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 10px; } .qyinlist ul li section p{ font-size: 14px; color: #666666; line-height: 35px; text-align: center; } .qyinlist ul li:hover{ border-color: #7bca19; } .qyinlist ul li:hover img{ transform: scale(1.05); } .wh{ width: 100%; display: flex; justify-content: space-between; padding-bottom: 90px; } .whdvleft{ width: 50%; background: url(../images/wh_05.png) center repeat-x; display: flex; justify-content: flex-end; background-position-y: 380px; } .whdvleft div{ width: 650px; } .whdvleft h1{ margin-top:90px;margin-bottom: 10px; font-size: 32px; font-family: "Montserrat"; color: #4c4c4c; text-transform: uppercase; } .whdvleft h2{ color: #4c4c4c; font-size: 28px; margin-bottom: 50px; } .whdvleft ul{ display: flex; justify-content: space-between; } .whdvleft ul li{ width: 40%; background-color: #f2f6fa; } .whdvleft ul li:last-child{ background-color: #8cc63e; } .whdvleft ul li { padding: 5%; } .whdvleft ul li img{ display: block; width: 45px; height: 45px; margin-bottom: 15px; } .whdvleft ul li h3{ color: #4c4c4c; font-size: 22px; margin-bottom: 20px; } .whdvleft ul li p{ line-height: 30px; color: #4c4c4c; font-size: 14px; } .whdvleft ul li:last-child h3{ color: #fff; } .whdvleft ul li:last-child p{ color: #fff; } .whdvleft img{ display: block; max-width: 100%; } .whdvright{ width: 50%; background: url(../images/wh_03.png) left no-repeat; display: flex; align-items: flex-end; } .whdvright ul{ width: 650px; display: flex; justify-content: space-between; } .whdvright ul li{ width: 40%; background-color: #0d97d6; } .whdvright ul li:last-child{ background-color: #f2f6fa; } .whdvright ul li { padding: 5%; } .whdvright ul li img{ display: block; width: 45px; height: 45px; margin-bottom: 15px; } .whdvright ul li h3{ color: #fff; font-size: 22px; margin-bottom: 20px; } .whdvright ul li p{ line-height: 30px; color: #fff; font-size: 14px; } .whdvright ul li:last-child h3{ color: #4c4c4c; } .whdvright ul li:last-child p{ color: #4c4c4c; } .gli{ padding: 80px 0px; width: 100%; background-color: #f2f6fa; } .glidv{ display: flex; justify-content: space-between; background-color: #fff; width: 1165px; margin:0 auto ; margin-bottom: 25px; padding: 55px 75px; } .glidv .glleft{ width: 500px; display: flex; justify-content: flex-start; align-items: center; } .glidv .glright{ width: 600px; } .glidv .glright img{ width: 100%; display: block; } .glidv .glleft h1{ line-height: 45px; color: #4c4c4c; font-size: 28px; font-weight: bold; } .glidv .glleft span{ display: block; line-height: 25px; text-transform: uppercase; color: #666666; font-family: "Montserrat"; font-size: 16px; } .glidv .glleft i{ display: block; height: 50px; } .glidv .glleft em{ display: block; height: 25px; } .glidv .glleft p{ line-height: 30px; color: #666666; font-size: 14px; } .glidv .glleft ul{ margin-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; } .glidv .glleft ul li{ width: 40%; margin: 1%; padding: 4%; box-shadow: 0px 0px 10px #dcdcdc; color: #666666; line-height: 25px; font-size: 14px; } .glidv .glleft h2{ margin-top: 50px; margin-bottom: 15px; color: #0d97d6; font-size: 20px; font-weight: bold; } .xmal{ margin: 0 auto; margin-top: 50px; width: 1300px; } .altb { height: 65px; border-bottom: 1px solid #dfe2e6; display: flex; justify-content: space-between;align-items: center; } .altb h1{ height: 40px; line-height: 40px; border-left: 5px solid #00aadc; color: #4d4d4d; font-size: 30px; text-indent: 10px; } .altb a{ color: #4d4d4d; font-size: 14px; } .xmlistall ul{ margin-top: 15px; } .feiqi .glleft i{ height: 15px; } .feiqi .glleft img{ display: block; max-width: 100%; margin-top: 30px; } .feiqi .glleft h3{ color: #4c4c4c; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .glidvs{ width: 100%; display: flex; justify-content: space-between; } .feiqiys ul{ display: flex;justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } .feiqiys ul li{ width: 31%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border-radius: 10px; background-color: #0072bc; margin-bottom: 10px; } .feiqiys ul li:nth-child(odd){ background-color: #49bed9; } .feiqiys ul li:first-child{ color: #4c4c4c; text-align: left; line-height: 45px; font-size: 18px; font-weight: bold; background-color: transparent; } .fqlast{ flex-wrap: wrap; } .bmclleft{ background: url(../images/bmcl_06.png) center bottom no-repeat; } .bmcl .glidv .glleft span{ font-size: 12px; } .bmcl .glidv .glleft h2{ margin-top: 20px; } .bmcl .glidv .glleft img{ margin-top: 20px; } .glidv .glright img{ max-width: 100%; width: auto; } .glright{ display: flex; justify-content: flex-end; align-items: center; } .glidvbt{ width: 100%; } .tz{ flex-wrap: wrap; } .tuzhuang .glidvbt h1{ line-height: 45px; color: #4c4c4c; font-size: 28px; font-weight: bold; } .tuzhuang .glidvbt span{ display: block; line-height: 25px; text-transform: uppercase; color: #666666; font-family: "Montserrat"; font-size: 16px; } .tuzhuang .glidvbt h2{ margin-top:20px; margin-bottom: 15px; color: #0d97d6; font-size: 20px; font-weight: bold; } .glidvall{ display: flex; justify-content: space-between; margin-top: 25px; } .glidvallleft,.glidvallright{ width: 49%; display: flex; justify-content: space-between; } .glidvallleft h1{ width: 90px; text-align: center; font-size:18px ; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; background-color: #0d97d6; width: 10px; padding: 0px 45px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .glidvallleft ul{ width: 470px; border: 1px solid #f2f6fa; border-top-right-radius: 25px; border-bottom-right-radius: 25px; overflow: hidden; } .glidvallleft ul li{ padding: 15px 20px; color: #666666; font-size: 14px; line-height: 25px; } .glidvallleft ul li:nth-child(odd){ background-color: #f2f6fa; } .glidvallright h1{ width: 90px; text-align: center; font-size:18px ; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; background-color: #0d97d6; width: 10px; padding: 0px 45px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .glidvallright ul{ width: 470px; border: 1px solid #f2f6fa; border-top-right-radius: 25px; border-bottom-right-radius: 25px; overflow: hidden; } .glidvallright ul li{ padding: 15px 20px; color: #666666; font-size: 14px; line-height: 25px; } .glidvallright ul li:nth-child(odd){ background-color: #f2f6fa; } .glidvallrighttp ul{ display: flex; justify-content: space-between; align-items: center; background-color: #f2f6fa; } .yyfw .glidv{ display: flex; justify-content: center; align-items: center; } .scjg { display: flex; justify-content: space-between; background-color: #fff; width: 1165px; margin: 0 auto; margin-bottom: 25px; padding: 55px 75px; } .scjgs{ background-color: #fff; width: 1165px; margin: 0 auto; margin-bottom: 25px; padding: 55px 75px; } .scjgleft h1{ color: #4c4c4c; font-size: 28px; margin-bottom: 10px; font-weight: bold; } .scjgleft{ width: 500px; } .scjgleft span{ color: #999999; font-size: 12px; font-family: "Montserrat"; display: block; margin-bottom: 60px; } .scjgleft p{ line-height: 30px; color: #666666; font-size: 14px; margin-top: 30px; } .scjgright{ width: 520px; } .scjgright img{ display: block; max-width: 100%; } .scjgs .scjgleft { width: 100%; } .scjgs .scjgleft span{ margin-bottom: 30px; } .scjgs .scjgright{ width: 100%; } .scjgs .scjgright img{ max-width: 100%; display: block; } .news{ width: 100%; background-color: #f2f6fa; padding: 65px 0px; padding-bottom: 20px; } .newstj{ width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; } .newstj .gb_newsdvleft{ background-color: #fff; } .newslist{ margin-bottom: 25px; } .newslist li{ width: 100%; padding: 50px 0px; margin-top: 30px; } .newslist li a{ display: flex; justify-content: space-between; width: 1300px; margin: 0px auto; align-items: center; } .newslist li a .newslistleft{ width: 160px; text-align: center; } .newslist li a .newslistleft i{ font-size: 52px; color: #333333; font-family: "Montserrat"; font-weight: bold; text-align: center; } .newslist li a .newslistleft p{ color: #333333; font-size: 14px; text-align: center; } .newslistright{ width: 1060px; } .newslistright h1{ color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 15px; } .newslistright p{ color: #666666; font-size: 14px; line-height: 30px; } .newslist span{ display: block; width: 40px; display: block;height: 50px; height: 40px; border: 1px solid #d3d3d3; border-radius: 50px; text-align: center; line-height: 32px; font-size: 32px; color: #cccccc; margin-right: 50px; margin-left: 50px; } .newslist li:hover{ background-color: #fff; } .newslist li:hover .newslistleft i,.newslist li:hover .newslistleft p,.newslist li:hover h1{ color:#0d97d6; } .newslist li:hover span{ color:#0d97d6; border-color: #0d97d6; } .shownews{ width: 1300px; margin: 0 auto; } .shownewsbt h1{ text-align: center; color: #4c4c4c; font-size: 30px; font-weight: bold; margin-bottom: 20px; } .shownewsbt p{ text-align: center; color: #808080; font-size: 14px; } .shownewstext{ margin-top: 45px; background-color: #fff; padding: 30px; } .showaldv{ width: 1300px; margin: 0 auto; display: flex;justify-content: space-between; } .alxqleft{ width: 600px; } .alxqleft img{ display: block;width: 100%; } .alxqright{ width: 550px; } .alxqright{ display: flex; justify-content: flex-start;align-items: center; } .alxqright h1{ color: #333333; font-size: 26px; font-weight: bold; } .alxqright p{ line-height: 30px; font-size: 14px; color: #666666; margin-top: 20px; } .alxqright section{ display: flex; justify-content: flex-start;margin-top: 50px; } .alxqright section a{ display: block; width: 190px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; background-color: #0d97d6; margin-right: 20px; } .alxqright section a:last-child{ display: block; width: 190px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; background-color: #8cc63e; } .xmjj{ width: 100%; margin-bottom: 60px; } .xmjjtop{ width: 100%; border-bottom: 1px solid #e6e6e6; line-height: 80px; } .xmjjtop div{ width: 1300px; margin: 0 auto; color: #404040; font-size: 20px; font-weight: bold; } .xmjjtext{ width: 1300px; margin: 35px auto; } .zhuanli{ width: 100%; padding: 60px 0px; } .zhuanlidv{ width: 1300px; margin: 0 auto; } .zhuanlidv ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; } .zhuanlidv ul li{ width: 18%; margin: 1%; } .zhuanlidv ul li div{ width: calc(100% - 2px); border: 1px solid #e6e6e6; overflow: hidden; } .zhuanlidv ul li div img{ display: block; width: 100%; transition: all .5s; } .zhuanlidv ul li p{ text-align: center; font-size: 16px; color: #4c4c4c; line-height: 60px; } .zhuanlidv ul li:hover img{ transform: scale(1.05); } .nrban img{ width: 100%; display: block; } .pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom} .pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB} .pagination .active {pointer-events:none} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px} .pagination-group li {float:left;border-right:0;border-radius:0} .pagination-group li:not(:first-child):not(:last-child) {border-radius:0} .pagination-group li:first-child {border-radius:4px 0 0 4px} .pagination-group li:last-child {border-radius:0 4px 4px 0} .pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0} .pagination-big a {padding:10px 16px;font-size:16px} .pagination-small a {padding:5px 10px;font-size:12px} .pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff} /*鍒嗛〉 begin*/ .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#0b95dd;color:#fff;border:1px solid #0b95dd;} /*鍒嗛〉 end*/ /* 琛岃窛 begin*/ .blank{height:10px;line-height:10px;clear:both;font-size:0} .blank-small{height:20px;line-height:20px;clear:both;font-size:0} .blank-middle{height:30px;line-height:30px;clear:both;font-size:0} .blank-big{height:50px;line-height:50px;clear:both;font-size:0} .blank-large{height:80px;line-height:80px;clear:both;font-size:0} /* 琛岃窛 end*/ .text-center {text-align:center} .mobile-inner img{ margin-top: 0px !important; } .jy{ width: 100%; background-color: #0d97d6; display: flex; justify-content: space-between; align-items: center; } .jyleft{ width: 60%; background: url(../images/ledf_02.png) center no-repeat;padding: 170px 0; background-size: cover; display: flex; justify-content: flex-end; } .jyleft div{ width: 520px; padding: 95px 140px; background-color: rgba(255, 255, 255, 0.8); } .jyleft div ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .jyleft div ul li{ width:31%; margin: 1%; } .jyleft div ul li h1{ color: #333333; font-size: 22px; } .jyleft div ul li p{ line-height: 30px; color: #808080; font-size: 14px; text-transform: uppercase; } .jyright{ width: 40%; } .jyrightdv{ width: 500px; display: flex; justify-content: flex-end; } .jyrightdv div h1{ color: #fff; font-size: 18px; text-transform: uppercase; } .jyrightdv div h1 i{ font-size: 14px; } .jyrightdv div h2{ color: #ffffff; font-size: 32px; font-weight: bold; margin-top: 10px; margin-bottom: 15px; } .jyrightdv div span{ width: 200px; display: block; height: 5px; border-top: 1px solid #fff; } .jyrightdv div em{ display: block; width: 30px; height: 5px; background-color: #fff; } .jyrightdv div em{ margin-top: -8px; } .jyrightdv div ul{ margin-top: 40px; } .jyrightdv div ul li{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 25px; } .jyrightdv div ul li section{ color: #ffffff; font-size: 24px; font-weight: bold; font-family: "Montserrat"; text-transform: uppercase; width: 100px; } .jyrightdv div ul li p{ color: #ffffff; font-size: 16px; } .jyleft div ul li iconpark-icon{ font-size: 42px; color: #7fc029; margin-bottom: 10px; } .mfoot{ display: none; } .mfootdv{ display: none; } .nrbanhirhg{ height: 140px; } @media only screen and (min-width: 1000px) and (max-width: 1399px){ .zb{ width: 95%; } .zbright{ width: 60%; } .zbright img{ width: 100%; } .zbleft{ width: 35%; } .zbleft h3 em{ font-size: 24px; } .zbleft h1{ font-size: 24px; } .zbleft h3,.zbleft h2{ margin-bottom: 20px; } .jddv{ width: 95%; } .jddv ul li{ width: 25%; height: auto; } .zxlydv{ width: 95%; } .zxlydv form div input{ width: 28%; } .weldv{ width: 95%; } .headdv{ width: 95%; } .headdvright{ width: 72%; } .footdv{ width: 95%; } .wdldv{ width: 95%; } .rczpdv{ width: 95%; } .gblxwmdv{ width: 95%; } .gblxwmdvright ul li{ padding-left: 25px; } .gjcdv{ width: 95%; } #certify{ width: 95%; } .gb_lydv{ width: 95%; } .gb_lydvlilst ul li{ height: auto; padding: 5%; width: calc(23.3% - 1px); } .gbaboutdv{ width: 95%; } .gbaboutdvlist{ width: 95%; } .gbaboutdvlist ul li{ width: 24%; } .gb_news{ width: 95%; } .gb_newsdvleft{ width: 32%; } .gb_newsdvcenter{ width: 22%; padding: 5%; } .gb_newsdvright{ width: 32%; } .gb_newsdvright ul li section{ width: 62%; } .gb_newsdvright ul li div{ width: 35%; } .gb_lydvlilst ul li:hover{ background-size: cover; } .ablist ul{ width: 95%; } .abdv,.qyindv,.qyinlist{ width: 95%; } .gdsz{ width: 95%; } .qyinlist ul li{ width: 31%; } .qyinlist ul li section{ padding: 5%; } .qyinlist ul li section h1{ font-size: 20px; } .wh{ width: 95%; margin: 0 auto; } .shownav ul{ width: 95%; } .shownav ul li{ margin-right: 40px; } .scjg,.scjgs{ width: 85%; padding: 5%; align-items: center; } .scjgleft{ width: 48%; } .scjgright{ width: 48%; } .showaldv{ width: 95%; } .alxqleft{ width: 50%; } .alxqright{ width: 45%; } .xmjjtext{ width: 95%; } .xmjjtop div{ width: 95%; } .glidv{ width: 85%; padding: 5%; } .glidv .glleft{ width: 45%; } .glidv .glright{ width: 50%; } .glidv .glleft img,.glright img{ display: block; max-width: 100%; } .xmal{ width: 95%; } .xmlistall{ width: 100%; } .xmlistall ul li{ width: 31%; margin: 1.15%; } .glidvall{ width: 100%; } .glidvallrighttp ul{ flex-wrap: wrap; } .glidvallleft ul li img{ max-width: 100%; } .xmlistall ul{ margin: 0 auto; } .newstj{ width: 95%; } .newslist li a{ width: 100%; } .newslistright{ width: 70%; } .shownews{ width: 95%; } .feiqiys ul li{ width: 32%; } .zhuanlidv{ width: 95%; } .jyleft div{ width: 80%; padding:10%; } .jyrightdv{ width: 100%; justify-content: center; } .hddv{ height: 50px; } } @media screen and (max-width: 999px){ .weltop,.headtop,.gjc{ display: none; } .gb_ywly{ padding-bottom: 35px; background: none; } .ywlytop h1{ font-size: 24px; margin-top: 35px; } #certify{ width:95%; margin: 0 auto; } #certify .swiper-slide{ width: 100%; } .sadsa{ width: 100%; margin: 10px auto; height: auto; background: none; background-color: #0072bc; padding: 15px 0px; } #thumbs{ width: 95%; margin: 0 auto; } #thumbs .swiper-slide h1{ margin: 0; } .gb_ly{ padding: 30px 0px; } .gb_lydv{ width: 95%; } .gb_lydvtop h1{ font-size: 24px; } .gb_lydvtop p{ margin-bottom: 30px; } .gb_lydvlilst ul li{ margin-bottom: 10px; } .gb_lydvlilst ul li{ border: none; padding:5%; height: auto; width: 90%; } .mobile-inner-img img{ height: 50px; margin-top: 0; margin-left: 10px; } .gb_lydvlilst ul li h1{ font-size: 18px; margin: 10px auto; } .gb_about{ padding: 30px 0px; } .gbaboutdvadleft h1{ font-size: 24px; } .gbaboutdvadleft h2{ font-size: 20px; margin-bottom: 10px; } .gbaboutdv{ display: block; width: 95%; } .gbaboutdvad{ display: block; } .gbaboutdvadleft h3{ font-size: 22px; } .gbaboutdvadleft{ width: 100%; } .gbaboutdvadleft a{ margin-top: 20px; margin-bottom: 15px; } .gbaboutdvadright{ width: 100%; } .gbaboutdvlist{ width: 100%; margin-top: 20px; } .gbaboutdvlist ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .gbaboutdvlist ul li{ width: 49%; margin: 0.5%; padding: 15px 0px; } .gbaboutdvlist ul li h1{ font-size: 16px; } .gbaboutdvlist ul li p{ font-size: 12px; } .gb_news{ margin: 30px auto; width: 95%; } .gb_newstop h1{ font-size: 24px; } .gb_newstop h2{ margin-bottom: 20px; } .gb_newsdv{ display: block; } .gb_newsdvleft{ width: 100%; } .gbnewsleftcon{ padding: 5%; } .gbnewsleftcon h1{ margin-bottom: 15px; } .gb_newsdvcenter{ display: none; } .gb_newsdvright{ margin-top: 10px; width: 100%; } .gb_newsdvright h1 i{ font-size: 18px; } .gb_newsdvright ul li section{ width: 60%; } .gb_newsdvright ul li div{ width: 37%; } .gb_lxwm,.foot,.wdl{ display: none; } .shownav ul{ width: 95%; flex-wrap: wrap; justify-content: space-between; } .shownav ul li{ height: 43px; line-height: 45px; width: 50%; margin-right: 0; text-align: center; } .shownav ul li a{ font-size: 16px; } .gli{ padding: 30px 0px; } .glidv{ width: 85%; padding: 5%; display: block; } .glidv .glleft{ width: 100%; } .glidv .glleft h1{ font-size: 20px; } .glidv .glleft i{ height: 10px; } .glidv .glright{ width: 100%; margin-top: 10px; } .bmcl .glidv .glleft img{ max-width: 100%; display: block; } .bmcl .glidv .glleft h2{ margin-top: 10px; margin-bottom: 10px; font-size: 18px; } .xmal{ width: 95%; margin-top: 25px; } .altb{ height: 35px; } .altb h1{ line-height: 35px; height: 35px; font-size: 20px; font-weight: bold; } .xmlistall{ width: 100%; } .xmlistall ul li{ width: 100%; margin: 0%; margin-bottom:10px ; } .xmlistall ul li section{ padding: 5%; } .xmlistall ul li section h1{ font-size: 16px; } .xmlistall ul li section p{ line-height: 35px; } .xmlistall ul li section h2 i{ margin-top: 10px; } .rczp{ padding: 30px 0px; } .rczpdv{ width: 95%; } .rczpbt h1{ font-size: 24px; margin-bottom: 25px; } .sideMenu h3{ padding: 0 5%; height: 50px; line-height: 50px; font-size: 16px; } .sideMenu ul{ padding: 5%; } .sideMenu h3 em{ margin-top: 10px; } .ablist ul{ width: 95%; } .ablist ul li a{ padding: 0 10px; font-size: 16px; line-height: 45px; } .ab{ padding: 30px 0px; } .abdv{ width: 95%; display: block; } .abdvleft{ width: 100%; } .abdvleft h1{ font-size: 24px; margin-bottom: 10px; } .abdvleft h2{ display: none; } .abdvleft h3{ font-size: 20px; } .abdvleft p{ width: 100%; margin-top: 15px; } .abdvright{ width: 100%; margin-top: 15px; } .gdsz{ width: 95%; margin: 15px auto; } .gdsz ul{ flex-wrap: wrap; } .gdsz ul li{ width: 48%; } .gdsz ul li h1 span{ font-size: 32px; } .qyin{ padding: 35px 0px; } .qyindv{ width: 100%; } .qyintop{ justify-content: center; } .qyintop div{ width: 95%; } .qyintop h1{ font-size: 20px; } .qyintop i{ margin: 15px 0px; } .qyinlist{ width: 95%; } .qyinlist ul{ display: block; } .qyinlist ul li{ width: 100%; } .qyinlist ul li section{ padding: 5%; } .qyinlist ul li section h1{ font-size: 18px; } .qyinlist ul li section p{ line-height: 30px; } .wh{ display: block; padding-bottom: 30px; } .whdvleft{ width: 95%; margin: 0 auto; } .whdvleft h1{ margin-top: 30px; font-size: 14px; text-align: center; } .whdvleft h2{ font-size: 24px; text-align: center; margin-bottom: 20px; } .whdvright{ width: 95%; margin: 0 auto; } .whdvright ul li h3,.whdvleft ul li h3{ font-size: 18px; margin-bottom: 10px; } .zb{ width: 95%; display: block; margin: 30px auto; } .zbleft h1{ font-size: 24px; } .zbleft span{ height: 15px; } .zbleft i{ margin-bottom: 15px; } .zbleft h2{ margin-bottom: 15px; } .zbleft h3{ margin-bottom: 15px; } .zbleft h3 em{ font-size: 24px; } .zbleft p { font-size: 14px; margin-top: 15px; } .zbleft p img{ width: 20px; } .zbright{ margin-top: 15px; } .zbright img{ display: block; max-width: 100%; } .jd{ padding: 30px 0; } .jddv{ width: 95%; } .jddv ul li h1{ margin-bottom: 10px; font-size: 18px; } .jddv ul li{ width: 90%; padding: 5%; height: auto; margin-bottom: 15px; } .zxly{ padding: 30px 0px; } .zxlydv{ width: 95%; } .zxlydvtop h1{ font-size: 24px; } .zxlydvtop p{ font-size: 14px; line-height: 30px; } .zxlydv form{ margin-top: 20px; padding: 5%; } .zxlydv form div{ display: block; } .zxlydv form div input{ width: calc(94% - 2px); padding: 0 3%; line-height: 40px; height: 40px; margin-bottom: 15px; } .zxlydv form textarea{ margin-bottom: 20px; } .zxlydv form button{ height: 40px; line-height: 40px; } .scjg{ width: 85%; padding: 5%; display: block; } .scjgleft{ width: 100%; } .scjgleft span{ margin-bottom: 20px; } .scjgleft p{ margin-top: 20px; } .scjgleft h1{ font-size: 24px; } .scjgright{ width: 100%; margin-top: 15px; } .scjgright img{ display: block; max-width: 100%; } .scjgs{ width: 85%; padding: 5%; } .scjgs .scjgleft span{ margin-bottom:15px ; } .xmlist{ padding: 30px 0px; } .showaldv{ display: block; width: 95%; } .alxqleft{ width: 100%; } .alxqleft img{ max-width: 100%; display: block; } .alxqright{ width: 100%; margin-top: 10px; } .alxqright h1{ font-size: 20px; } .alxqright section{ margin-top: 15px; } .alxqright section a{ width: 40%; height: 40px; line-height: 40px; } .alxqright section a:last-child{ width: 40%;height: 40px; line-height: 40px; } .xmjjtop div{ width: 95%; } .xmjjtop{ line-height: 45px; } .xmjjtext{ width: 95%; margin: 25px auto; } .alxqright h1,.xmjjtop div{ font-size: 18px; } .glidv .glleft span{ font-size: 14px; } .glidv .glleft h2{ margin-top: 15px; } .glidv .glleft h2{ font-size: 18px; } .tuzhuang .glidvbt h1{ font-size: 20px; } .tuzhuang .glidvbt span{ font-size: 14px; } .tuzhuang .glidvbt h2{ font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .glidvall{ display: block; } .glidvallleft, .glidvallright{ width: 100%; margin-bottom: 15px; } .glidvallleft h1,.glidvallright h1{ padding: 0 25px; } .glidvallrighttp ul{ display: block; } .xmlist .xmlistall ul{ display: flex; width: 95%; margin: 0 auto; } .xmlist .xmlistall ul li{ width: 48%; margin: 1%; } .yyfw img{ display: block; max-width: 100%; } .feiqiys ul li{ width: 100%; font-size: 14px; } .newstj{ width: 95%; display: none; } .news{ padding: 30px 0px; } .newslistleft{ display: none } .newslist{ width: 95%; margin: 0 auto } .newslist li{ padding: 5%; width: 90%; background-color: #fff; margin-top: 10px; } .newslist span{ display: none; } .newslistright{ width: 100%; } .newslist li a{ width: 100%; } .newslistright p{ height: 60px; overflow: hidden; } .shownews{ width: 95%; } .shownewsbt h1{ font-size: 20px; } .shownewstext{ padding: 5%; width: 90%; margin-top: 25px; } #thumbs .swiper-slide h1{ width: calc(99% - 2px); } .htmleaf-container{ display: block; } .zhuanlidv{ width: 95%; } .zhuanlidv ul li{ width: 48%; margin: 1%; } .zhuanli{ padding: 30px 0px; } .nrban{ width: 100%; overflow: hidden; } .nrban img{ width: 200%; margin-left: -25%; } .jy{ display: block; } .jyleft{ width: 100%; padding: 60px 0px; } .jyleft div{ width: 85%; margin: 0 auto; padding: 5%; } .jyleft div ul { width: 100%; } .jyleft div ul li iconpark-icon{ font-size: 32px; } .jyleft div ul li{ width: 48%; text-align: center; } .jyleft div ul li h1{ font-size: 18px; } .jyright{ width: 95%; margin: 0 auto; padding: 25px 0; } .jyrightdv{ width: 100%; justify-content: center; } .jyrightdv div h2{ font-size: 20px; } .jyrightdv div ul li section{ font-size: 20px; } .mfoot{ height: 45px; display: block; } .mfootdv{ display: flex; width: 100%; height: 45px; line-height: 45px; justify-content: space-between; position: fixed; z-index: 999; bottom: 0; left: 0; background-color: #0072bc; } .mfootdv li{ width: 100%; border-right: 1px solid #377cd0; } .mfootdv li a{ color: #fff; font-size: 14px; line-height: 45px; text-align: center; display: block; } #certify .swiper-slide img{ height: auto; } .hddv{ height: 0px; } .nrbanhirhg{ height: auto; } }