@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0px; list-style-type: none; } body{ font-family:Barlow-Regular; font-size:17px; line-height:24px; color:#616161; background:#fff; } img{ border:none; } ul li{ list-style:none; } a{color:#6f6e6e; text-decoration: none;} a:hover{color:#15b89b;text-decoration:none!important;} @font-face { font-family:Barlow-Regular; src: url('../fonts/Barlow-Regular.ttf'); } .header1{width:1350px; margin:auto; background:url(../images/menu.png) repeat!important; clear:both;height:100px;border-top-left-radius:0px; border-bottom-left-radius:15px; border-top-right-radius:0px; border-bottom-right-radius:15px; } #menu{width:1030px; float:right; height:100px; } ul.menu {list-style:none; margin:0; padding:0; z-index:9999 } ul.menu * {margin:0; padding:0} ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center;color:#000; } ul.menu li {position:relative; float:left; } ul.menu ul {position:absolute; left:0; display:none; opacity:0; list-style:none; } ul.menu ul li {position:relative; border-top:none; width:100%;font-weight:normal;background:#15b89b;color:#fff; border-top:1px solid #1870bf;font-size:17px;} ul.menu ul li a {color:#fff;font-weight:normal;line-height:40px;} ul.menu ul li a:hover {color:#fff; background:#1870bf; } ul.menu ul ul { top:0px} ul.menu .menulink { padding-left:14px; padding-right:14px; height:100px;font-size:17px;_display: inline-block; line-height:100px; } ul.menu .menulink:hover, ul.menu .menuhover { color:#fff; background:#15b89b; } ul.menu .sub {} ul.menu .topline {} .about1{ width:1200px; margin:auto; padding-top:70px;} .abb1{width:567px;float:left; } .abb1 h4{width:567px; float:left; font-size:35px; text-align:left; line-height:50px; padding-bottom:30px; color:#000; font-weight:normal} .abb1 h4 span{width:567px; float:left; font-size:50px; text-transform:uppercase;color:#15b89b; font-family:Arial, Helvetica, sans-serif; font-weight:normal} .abb1 h4 em{ font-size:20px; font-style:normal; line-height:70px;color:#1b1b1b; font-family:Arial, Helvetica, sans-serif; font-weight:normal} .abb3{ float:left; width:567px; color:#6f6e6e;font-size:17px!important; line-height:30px;} .nr4{float:right;width:572px;} .nr4 a{ color:#FFFFFF} .nr3{float:left;width:572px; height:356px; overflow:hidden} .nr3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .nr3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);} .nr7{float:left;width:96px; height:0px; position: relative;clear: both; z-index:9999; } .nr1{float:left;width:96px; position: absolute;clear: both;margin-top:319px; } .nr2{float:left;width:120px; background:#15b89b; color:#FFFFFF; text-align:center; line-height:37px; font-size:14px;} .nr2 a{color:#FFFFFF!important; } .about2{ width:1200px; float:left; padding-top:60px; padding-bottom:70px; height:180px;} .ab1{ width:260px; float:left;padding-left:18px; padding-right:18px; } .ab1 b{ width:260px; float:left; text-align:center; font-size:25px; color:#000000; font-weight:normal; padding-top:20px;line-height:30px; } .ab1 a{color:#6c6c6c!important; margin-top:10px!important; width:260px; float:left; background:url(../images/ab1.jpg) no-repeat top center; padding-top:72px;text-align:center; font-size:17px; color:#6c6c6c;line-height:45px; 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-out;} .ab1 a:hover{ margin-top:0px!important; transform: translate(0,-5px); -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -o-transform: translate(0,-5px); -ms-transform: translate(0,-5px);} .ab2{ width:260px; float:left;padding-left:18px; padding-right:18px; } .ab2 b{ width:260px; float:left; text-align:center; font-size:25px; color:#000000; font-weight:normal; padding-top:20px;line-height:30px; } .ab2 a{color:#6c6c6c!important; margin-top:10px!important; width:260px; float:left; background:url(../images/ab2.jpg) no-repeat top center; padding-top:72px;text-align:center; font-size:17px; color:#6c6c6c;line-height:45px; 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-out;} .ab2 a:hover{ margin-top:0px!important; transform: translate(0,-5px); -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -o-transform: translate(0,-5px); -ms-transform: translate(0,-5px);} .ab3{ width:260px; float:left;padding-left:18px; padding-right:18px; } .ab3 b{ width:260px; float:left; text-align:center; font-size:25px; color:#000000; font-weight:normal; padding-top:20px;line-height:30px; } .ab3 a{color:#6c6c6c!important; margin-top:10px!important; width:260px; float:left; background:url(../images/ab3.jpg) no-repeat top center; padding-top:72px;text-align:center; font-size:17px; color:#6c6c6c;line-height:45px; 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-out;} .ab3 a:hover{ margin-top:0px!important; transform: translate(0,-5px); -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -o-transform: translate(0,-5px); -ms-transform: translate(0,-5px);} .ab4{ width:260px; float:left;padding-left:18px; padding-right:18px; } .ab4 b{ width:260px; float:left; text-align:center; font-size:25px; color:#000000; font-weight:normal; padding-top:20px;line-height:30px; } .ab4 a{color:#6c6c6c!important; margin-top:10px!important; width:260px; float:left; background:url(../images/ab4.jpg) no-repeat top center; padding-top:72px;text-align:center; font-size:17px; color:#6c6c6c;line-height:45px; 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-out;} .ab4 a:hover{ margin-top:0px!important; transform: translate(0,-5px); -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -o-transform: translate(0,-5px); -ms-transform: translate(0,-5px);} .chanpin { height:823px; background:url(../images/ab_bg.jpg) no-repeat center top; width:100%; clear:both; overflow:visible; } .chanpin .con { padding-top:40px; color:#fff; width:1200px; margin:auto; clear:} .chanpin .con .span1 { font-size:63px; font-family:AiDeep; padding-top:35px; line-height:70px; display:block; text-align:center; } .chanpin .con h3 { font-size:55px; font-weight:700; line-height:50px; padding-bottom:26px; background:url(../images/ppp.png) no-repeat top; padding-top:40px;} .chanpin .con p { font-size:20px; line-height:30px; margin-bottom:38px;} .chanpin .con p b{ font-size:25px!important; line-height:38px;} .chanpin .con .gd11{ padding-left:0px; padding-top:120px;} .chanpin .con .gd1{ padding-left:0px; padding-top:150px;} .chanpin .con .gd { width:278px; height:85px; padding-top:15px; border:2px solid #fff; line-height:35px; color:#fff; display:block; text-align:center; font-size:18px; font-style:normal; float:left; margin-right:18px; margin-top:26px; transition:all 0.4s;} .chanpin .con .gd:hover{ background:#15b89b; border:2px solid #15b89b; transform:translateY(-10); } .chanpin .con .fl { width:50%; background:rgb(255,255,255,.9); height:175px;} .chanpin .con dl { width:32%; display: inline-block; padding-top:131px; text-align:right;} .chanpin .con dl dt{ width:156px; height:156px; overflow:hidden;border-radius: 50%; float:right;} .chanpin .con dl dt img{ transition:all 0.5s; width:100%; height:100%;} .chanpin .con dl dt img:hover{ transform:scale(1.1);} .chanpin .con .fl dl:nth-child(2) { background:none;} .chanpin .con .fr dl:nth-child(1) {background:url(../images/ab_xx2.jpg) no-repeat right 45px;} .chanpin .con .fr dl:nth-child(2) { background:none;} .chanpin .con dl dd { font-size:17px; color:#4b4b4b; } .chanpin .con .fl dl dt { color:#194694;} .chanpin .con .fr dl dt { color:#fff;} .chanpin .con .fr dl dt em { color:#fff;} .chanpin .con .fr dl dd { color:#fff;} .chanpin .con .fr { width:50%; background:rgb(33,66,126,.9); height:175px;} .a_l{ width:1200px; float:left; text-align:center} .a_r{ width:540px; float:right;} .a_d{ width:100%; float:left; padding-top:0px;} .a_d ul{ width:1200px; margin:0 auto; } .a_d ul li{ width:600px; height:117px; float:left; background:none; color:#FFFFFF; text-align:center; margin:0 0px;border-radius:0px; transition:all 0.4s; } .a_d ul li span{ font-size:32px; font-family:Arial, Helvetica, sans-serif;} .a_d ul li em{ font-size:25px; clear:both; height:117px; line-height:110px;} .a_d ul li:hover{ background:#15b89b; box-shadow:0px 6px 6px 0px rgba(0,0,0,.2); margin-top:-10px;} .zp1{ background:url(../images/ad1.png) no-repeat 150px 30px; text-align:center; float:left; text-align:center; width:600px;} .zp2{ background:url(../images/ad2.png) no-repeat 150px 30px; text-align:center; float:left; text-align:center; width:600px;} .shangbu { width:100%; height:656px;} .zwd_shangbu{display: none;} #search{ width:540px; margin:auto; } #search_logo{ padding-top:0px;} .searchinput{ height:49px; line-height:49px; color:#333333; border:#fff solid 0px; width:320px; float:left; padding-left:20px; display:inline; background:#e3e7ec; } /*sw e*/ .xs {height:654px; clear:both; overflow:visible; margin:0px auto; padding-top:0px;} .xs .con .fl { width:630px; height:552px; position:relative; text-align:left; margin-top:46px;} .biaoti1 { width:506px; float:right; padding-top:0px; text-align:left; font-size:43px; color:#000000; line-height:73px; padding-bottom:40px; } .biaoti1 p { font-weight:normal; color:#666666; font-size:20px; line-height:35px; width:100%; } .xs .con .fr { width:506px; margin-top:130px;} .xs .con .fr ul li { width:506px; height:50px; float:left; font-size:35px; line-height:38px; text-align:left; color:#363636;padding-top:33px;} .xs .con .fr ul li span{ font-size:35px; color:#15b89b; font-weight:900;} .xs .con .fr ul li a:hover{ color:#363636; text-decoration:underline;} .xs .con .fr ul li b{ font-size:55px; font-family:Arial, Helvetica, sans-serif; color:#15b89b; float:left} .xs .con .fr ul li .xian{ width:100px; height:1px; background:#15b89b; float:left; margin-left:20px; margin-right:20px;} .biaoti2 { width:1200px; margin:0px auto; padding-top:50px; text-align:center; font-size:45px; color:#000000; line-height:73px; padding-bottom:50px!important} .biaoti2 p { font-weight:normal; color:#666666; font-size:20px; line-height:35px; width:100%; margin:0px auto;} .news { margin:auto; clear:both; overflow:visible; margin:0px auto; padding-top:30px;} .news .con .fl { width:657px; height:443px; position:relative; text-align:left; float:left} .news .con .fl img { position:absolute; z-index:99; top:0px; left:0px; width:100%} .news .con .fl .wz { position:absolute; width:95%; padding-left:5%; bottom:30px; color:#fff; text-align:left; z-index: 999;} .news .con .fl .wz p { line-height:38px; font-size:17px; font-family:Arial, Helvetica, sans-serif; padding-top:20px;} .news .con .fl .wz h3 {font-size:20px; font-weight:normal; line-height:28px;font-family:Barlow-Regular} .news .con .fr { width:583px;} .news .con .fr .news_1 { width:583px; height:189px; float:left; background:#15b89b; color:#FFFFFF; font-size:17px;} .news .con .fr .news_1 p{ padding:40px 60px 0px 60px; line-height:30px;font-family:Barlow-Regular} .news .con .fr .news_1 b{ font-size:35px; font-weight:normal; line-height:45px; font-family:Barlow-Regular} .news .con .fr .news_1 a{color:#FFFFFF;} .news .con .fr .news_3 ul li:nth-child(2n){ float:right} .news .con .fr .news_3 { width:583px; padding-top:14px!important; float:left} .news .con .fr .news_3 ul { width:583px; float:left; } .news .con .fr .news_3 ul li { width:286px; float:left; font-size:17px; line-height:25px; } .news .con .fr .news_3 img{ width:286px!important; height:172px!important; padding-bottom:10px;} .tuijian :after { content: ""; position: absolute; left: 0; top: 0; height: 476px; width: 657px; background-color: #000; z-index: -99; opacity: 0.15; } /*news-sw s*/ .swiper-container-xinwen { width: 100%; height: 100%; overflow:hidden; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-slide-xinwen { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ 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; } .swiper-button-next-xinwen, .swiper-button-prev-xinwen { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next-xinwen, .swiper-container-rtl .swiper-button-prev-xinwen { width:49px!important; height:49px!important; display:block; border-radius:50%; background: none; text-align:center; color:#fff; font-weight:400; right:0px!important;} .swiper-button-next-xinwen:hover, .swiper-container-rtl:hover .swiper-button-prev-xinwen:hover { } .swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after { font-size:18px!important;} .swiper-button-prev-xinwen, .swiper-container-rtl .swiper-button-next-xinwen {width:49px!important; height:49px!important; display:block; border-radius:50%; background: none; text-align:center; color:#fff!important; font-weight:400; left:0px!important;} .swiper-button-prev-xinwen:hover, .swiper-container-rtl:hover .swiper-button-next-xinwen:hover { } .swiper-button-next-xinwen:after, .swiper-container-rtl .swiper-button-prev-xinwen:after { content: 'next';font-size:22px; } .swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; } .swiper-button-prev-xinwen:after, .swiper-container-rtl .swiper-button-next-xinwen:after { content: 'prev'; } .swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; } .swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after { font-size: 28px!important; } /*news-sw e*/ /*wenhua s*/ #mid { position: relative; transition: all 0.5s ease 0s; z-index: 1; } .clearfix { *zoom: 1; } .index_4_bg { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .index_4{ background-position: center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img23.jpg);} .index_4_mid{background-position:left;background-repeat:repeat-y;background-image:url(../images/img38.png);text-align:center;padding:21.5625em 1em;} .index_4_mid_2{ color:#fff;} .index_4_mid_1{ height:7em;} .index_4_mid_2{ font-size:1.875em;} .index_4_mid_3{ margin-bottom:2.5em; font-size:1.125em; color:#fff; margin-top:0.875em; height:48px;} .index_4_mid_4 span{ display:inline-block; border:1px #15b89b solid; background-color:#15b89b; width:49px; height:49px; background-position:center; background-repeat:no-repeat; background-image:url(../images/wh_jt.png);} .swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid{ background-image:none} .swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span{ border-color:#fff; background-color:transparent; } .index_4 .swiper-pagination-bullet{ background-color:#fff;opacity:1;} .index_4 .swiper-pagination-bullet-active{ background-color:#007aff;} .index_4_mid_2{ font-size:30px;} .index_4_mid_3{ font-size:18px;} .index_4_bg{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;} .index_4_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .index_4_bg div.on{transform: scale(1.08, 1.08); opacity:1; z-index:10;} /*wenhua e*/ .zl { height:579px;} .zl dl { width:24%; display:inline-block; text-align:center;color:#666666;font-size:18px;} .zl dl img { margin:0px auto 27px;} .zl dl dt { line-height:26px; width:70%; margin:0px auto; color:#333;} .zl dl dd b { color:#00479d; font-size:45px; line-height:67px; font-family:Arial, Helvetica, sans-serif; font-weight:400;} .search { width:615px; margin:0px auto;} .search form { width: 613px; margin:0px auto; height:52px; border:1px solid #d5d5d5; border-radius:50px; background:#fff; } .search_zi { line-height: 28px; text-align: left; float: left; height: 28px; width: 63px; color: #898989; } .search1 { float: left; width:540px; line-height:52px; padding-left:20px; font-family:microsoft yahei; font-size:17px; font-weight:400; text-align:left; color:#989898; border:none; background:none; } .searchimg1 { float: left; width:40px; margin-top:5px; display: inline; } .xcp{ width:100%;float:left; transition:all 0.4s; background:#ececee; padding-top:50px; padding-bottom:50px;text-align:center; font-size:25px; letter-spacing:5px; margin-top:85px; } .xcp span{ font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#15b89b; letter-spacing:0px; line-height:45px!important } .mm{ width:180px; background:#3784c7; line-height:45px; margin:auto; color:#fff;border-radius:25px; font-size:20px; margin-top:15px;} .mm a{ color:#fff;} .mm a:hover{ color:#fff;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:none!important; right: 10px; left: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:none!important; left: 10px; right: auto; }