@font-face { font-family: BEBAS; src: url(../fonts/BEBAS.woff2); } @font-face { font-family: DidotLTStdRoman; src: url("../fonts/DidotLTStdRoman.woff"); } .pagination li.active span {text-decoration: none;padding: 10px 15px;margin-right: 5px;font-size: 18px;display: inline-block;border: 1px solid #dedede;font-weight: normal;-webkit-transition: all .5s;transition: all .5s;} .animate_1s {-webkit-transition: all 1000ms;-moz-transition: all 1000ms;-ms-transition: all 1000ms;-o-transition: all 1000ms;transition: all 1000ms;} body {width: 100%;min-width: 1200px;overflow: auto;} .header {display: flex;flex-direction: row;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 20px 28px;position: fixed;top:0;left:0;width: 100%;height: 110px;z-index: 20;background-color: rgba(0,0,0,.4);-webkit-transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;transition: all ease 400ms;} .header.fixed {padding: 0 28px;background-color: #ffffff;height: 80px;} .header .left_nav {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex: 1;} .header .left_nav .logo_box {width: 98px;padding-right: 28px;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, .3);} .header.fixed .left_nav .logo_box {border-right-color: #ededed;} .header .left_nav .logo_box a {display: block;} .header.fixed .left_nav .logo_box a {} .header .left_nav .logo_box img {width: 100%;} .header.fixed .left_nav .logo_box img {height: 50px;padding: 8px 0;width: unset;} .header .left_nav .menu_box {padding-right: 50px;width: 40px;box-sizing: border-box;margin-left: 30px;cursor: pointer;} .header.fixed .left_nav .menu_box span {background-color: #333333;} .header .left_nav .menu_box span {display: block;height: 3px;margin: 4px 0;background: #fff;-webkit-transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;transition: all ease 400ms;} .header .left_nav .menu_box span:nth-child(1) {width: 30px;} .header .left_nav .menu_box span:nth-child(2) {width: 36px;} .header .left_nav .menu_box span:nth-child(3) {width: 24px;} @media screen and (min-width: 1200px){ .header .left_nav .menu_box:hover span:nth-child(1) {width: 36px;} .header .left_nav .menu_box:hover span:nth-child(2) {width: 24px;} .header .left_nav .menu_box:hover span:nth-child(3) {width: 36px;} } .header .left_nav .main_nav { display: flex; padding-left: 50px; flex-direction: row; justify-content: flex-start; align-items: center; flex: 1; } .header .left_nav .main_nav li {margin-left: 36px;position: relative;} .header .left_nav .main_nav li:first-child {margin-left: 0;} .header .left_nav .main_nav li a {font-size: 16px;color: #fff;padding-bottom: 11px;position: relative;-webkit-transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;transition: all ease 400ms;} .header .left_nav .main_nav li>a:after {content: "";width: 0;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;transition: all .4s linear;} .header .left_nav .main_nav li>a:hover:after {background: #fff;width: 30px;} .header.fixed .left_nav .main_nav li>a:hover:after {background-color: #8b763d;} .header.fixed .left_nav .main_nav li>a {color: #333333;} .header.fixed .left_nav .main_nav li>a:hover {color: #8b763d;} .header .left_nav .main_nav li .tnavbox {position: absolute;min-width: 120px;left: 50%;top: 24px;height: 0;padding-top: 17px;transform: translateX(-50%)} .tnavbox .line {z-index: 9;width: 20px;height: 4px;position: absolute;left: 50%;margin-left: -10px;top: 17px;background: #028943;transform: translateY(20px);-webkit-transform: translateY(20px);opacity: 0;visibility: hidden;transition: 400ms;-webkit-transition: 400ms;} .tnav {background: rgba(255,255,255,0.7);box-shadow: 0 0 16px -4px rgba(0,0,0,.3);padding: 20px 1px 18px 1px;transform: translateY(20px);-webkit-transform: translateY(20px);opacity: 0;visibility: hidden;transition: 400ms;-webkit-transition: 400ms;} .header .left_nav .main_nav li .tnav a {display: block;color: #666;line-height: 1.1;padding: 10px 0;transition: background 300ms;-webkit-transition: background 300ms;text-align: center;} .header .left_nav .main_nav li .tnav a:hover {background: #f4f4f4;color: #028943;} .tnavbox.show .tnav, .tnavbox.show .line {transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;} .header .right_nav { display: flex; flex-direction: row; justify-content: center; align-items: center; } .header .right_nav li { color: #fff; font-size: 14px; line-height: 30px; border-left: 1px solid rgba(255, 255, 255, .3); padding: 0 32px; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms; -ms-transition: all ease 400ms; -o-transition: all ease 400ms; transition: all ease 400ms; cursor: pointer; } .header.fixed .right_nav li {color: #333333;border-left-color: rgba(51,51,51,0.3);} .header .right_nav li:first-child { border-left: 0; } .container .banner {height: 80vh;} .container .banner .wrap { height: 100%;} .container .banner .wrap img {width: 100%; height: 100%;} .banner_box img {width: 100%;} .banner .wrap .pagetitle {border-radius: 20px 20px 0 0;width: 100%;margin: 0 auto;max-width: 1200px;background-color: rgba(255,255,255,0.85)!important;height: 30%;box-sizing: border-box;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} .container .banner .pagetitle h3.en {text-transform: uppercase;letter-spacing: 3px;font-size: 36px;color: #028943;margin-top: 5%;} .banner .pagetitle h3 {font-size: 32px;color: #141414;text-align: center;line-height: 1.5;} .footer {border-top: 1px solid #ededed;} .footer_top {padding-bottom: 70px;padding-left: 70px;padding-right: 70px;} .footer_top .row {display: flex;align-items: flex-end;position: relative;width: 100%;margin: 0 auto;padding-top: 100px;} .footer_top .follow_us {} .footer_top .follow_us_inner {min-width: 420px;} .footer_top .follow_us_inner span {display: inline-block;vertical-align: middle;color: #666;padding-right: 14px;font-size: 15px;line-height: 19px;} .footer_top .follow_us_inner ul {display: inline-block;vertical-align: middle;margin: 0;} .footer_top .follow_us_inner li {display: inline-block;vertical-align: middle;padding-left: 12px;} .footer_top .follow_us_inner li:first-child {padding-left: 0;} .footer_top .follow_us_inner li a {display: block;width: 60px;height: 60px;box-sizing: border-box;border-radius: 100%;border: 1px solid #ededed;text-align: center;transition: all ease 400ms;position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center center;} .footer_top .follow_us_inner li a:before {content: "";height: 100%;position: absolute;left: 0;top: 0;transition: all .2s linear;border-radius: 100%;z-index: -1;background-size: 100% 100%;width: 100%;background-color: #ededed;} .footer_top .follow_us_inner li a:hover {border-color: transparent;} .footer_top .talk_to_us {text-align: center;max-width: 395px;padding-left: 9px;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-25%,0);} .footer_top .talk_to_us_inner {} .footer_top .talk_to_us_inner .ft_logo {position: relative;z-index: 3;margin-bottom: 26px;} .footer_top .talk_to_us_inner .ft_logo a {} .footer_top .talk_to_us_inner .ft_logo img {} .footer_top .talk_to_us_inner h3 {margin-bottom: 25px;font-size: 20px;line-height: 24px;color: #028943;display:none;} .footer_top .talk_to_us_inner .footer_sf {width: 320px;vertical-align: top;} .footer_top .talk_to_us_inner a.btn {max-width: 179px;width: 100%;box-sizing: border-box;position: relative;display: inline-block;padding: 0 5px;font-size: 15px;height: 60px;text-align: center;z-index: 9;font-style: italic;letter-spacing: 1px;line-height: 60px; color: #028943;transition: all .3s linear;border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff;border-color: #028943;} .footer_top .talk_to_us_inner a.btn:hover {color: #ffffff; } .footer_top .talk_to_us_inner a.btn:before {content: "";background: #fff;height: 0;width: 1px;position: absolute;left: 0;top: 0;transition: all .2s linear;} .footer_top .talk_to_us_inner a.btn:after {content: "";background: #fff;position: absolute;left: 0;top: 0;height: 100%;width: 0;z-index: -1;transition: all .3s linear;} .footer_top .talk_to_us_inner a.btn:before,.footer_top .talk_to_us_inner a.btn:after {background-color: #028943;} .footer_top .talk_to_us_inner a.btn:hover:before {height: 100%;} .footer_top .talk_to_us_inner a.btn:hover:after {width: 100%;transition-delay: .3s;} .footer_top .fb_lang {position: absolute;right: 0;top: 50%;transform: translateY(-30%);display:flex;flex-direction:row;} .footer_top .fb_lang .ewm_item {display:inline-block;} .footer_top .fb_lang img {vertical-align:top;width: 120px;height: 120px;} .footer_top .fb_lang p {text-align:center;} .footer_menu {border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;padding: 54px 70px 50px;} .footer_menu .row {width: 100%;margin: 0 auto;} .footer_menu ul {display: flex;justify-content: space-around;padding: 0;margin: 0;} .footer_menu li { display: inline-block; vertical-align: middle;} .footer_menu a {display: block;font-size: 15px;line-height: 19px;color: #333;transition: all linear 300ms;padding-bottom: 8px;position: relative;} .footer_menu a:before {content: "";background: #333;width: 0;height: 2px;position: absolute;left: 0;bottom: 0;transition: all linear 300ms} .footer_menu span {display: block} .footer_copyright {text-align: center;padding: 43px 0 47px;} .footer_copyright p {color: #028943;font-size: 13px;line-height: 24px;font-weight: 500;} .res.content,.content.museum {position: relative;padding-top: 50px;padding-bottom: 0;} .res.content .wrap { margin-top: 0; padding-top: 30px;} .news-details-title p i {font-style:normal;} @media screen and (max-width: 1600px) { div.footer_top,div.footer_menu {padding-left: 10px;padding-right: 10px;} div.footer_menu ul {justify-content: space-around;} div.footer_top .follow_us_inner li a {width: 40px;height: 40px;} .header .left_nav .main_nav li a{font-size: 14px;} .header .left_nav .main_nav li{padding-left: 30px;} .header .left_nav .main_nav{padding-left: 35px;} } @media screen and (max-width: 1200px) { body {min-width: unset;} .header {padding: 10px 14px;height: 80px;} .header .left_nav .logo_box {width: 60px;padding-right: 14px;border-right:0;} .header .left_nav .main_nav {display: none;} .header .right_nav {display: none;} .header .left_nav .menu_box {margin-left: 0;position: absolute;padding-right: 0;margin-right: 15px;right: 0;} .header .left_nav .menu_box span {margin: 0;margin-bottom: 4px;display: inline-block;vertical-align: top;float: right} div.section6 .about-honor-swiper ul li {width: calc((100% - 20px) / 5);} } @media screen and (max-width: 600px){ .headerBox-ul {overflow:hidden;} .footer_top .fb_lang {text-align:center;position:unset;right:unset;top:unset;transform:translateY(0);padding:15px 0;} .footer_top .fb_lang .ewm_wrap {margin:0 auto;} .section.section1 {height: 365px;} .section.section1 .swiper-slide-active .textbox {left:55%;} .section.section1 .swiper-slide .textbox h3{font-size: 22px;visibility:hidden;} .section.section1 .swiper-slide .textbox h6 {visibility:hidden;} .section.section1 .textbox a.btn {max-width: 120px;height: 36px;line-height: 36px;} .section.section1 .textbox {padding-top: 30%;} .section.section1 .explorar-text {padding: 0 20px;} .section.section2 {margin-bottom: 15px;} .section.section2 .leftbox {width: 100%;min-height: unset;padding: 0;background-color:rgba(2, 137, 67, 0.21);} .section.section2 .leftbox ul {width: 100%;box-sizing: border-box;padding: 0 20px;display: block;padding-top: 100px;overflow: hidden;position: relative;} .section.section2 .leftbox ul li {float: left;width: 50%;border-bottom: 0;height: 100px;} /*.section.section2 .leftbox ul li:nth-child(2) {width: 100%;position: absolute;left: 50%;top: 55%;transform: translateX(-50%);text-align: center;}*/ /*.section.section2 .leftbox ul li:nth-child(3n) {text-align: right;}*/ /*.section.section2 .leftbox ul li:nth-child(n+4) {width: 50%;}*/ /*.section.section2 .leftbox ul li:last-child {text-align: right}*/ .section.section2 .leftbox ul h3.num {font-size: 28px} .section.section2 .leftbox ul p {font-size: 16px;} .section.section2 .leftbox ul p img {display: none;} .section.section3 {padding: 15px 0} .section.section3 .top {padding-bottom: 15px;margin: 0 15px;} .section.section3 .top h6 {} .section.section3 .top h6 a {font-size:14px;} .section.section3 .top h2 {padding-left:0;text-align:center;} .section.section3 .product .swiper-wrapper {flex-direction: column} .section.section3 .product .swiper-slide {width: 100%;transform: unset;margin-top: 10px;height: unset;min-height: unset;padding: 0 15px;} .section.section3 .product .swiper-slide:nth-child(2n) {transform: unset} .section.section3 .product .swiper-slide:first-child {margin-top: 0;} .section.section3 .product_item_bg {padding: 10px 5px;} .section.section3 .product_item_bg .product_img {height: 200px;min-height: 200px;margin-bottom: 10px;} .section.section3 .product_item_bg h5 {padding-bottom: 0;} .section.section3 .product_item_bg h3 {margin-bottom: 0;} .section.section4 {padding-top: 30px;padding-bottom: 30px;} .section.section4 .section_innerbox h6 {line-height: 20px;margin-bottom: 5px;} .section.section4 .section_innerbox h2 {font-size: 26px;} .section.section4 .section_innerbox p:first-child span {display: none;} .section.section5 {padding-top: 15px;padding-bottom: 15px;} .section.section5 .swiper-slide {width: 100% !important;} .section.section5 .swiper-slide .itembox {overflow: hidden;} .section.section5 .item {position: relative;padding: 0;margin-bottom: 10px;padding-bottom:10px;padding-right: 0;float: unset;overflow: hidden;display: block;} .section.section5 .item:hover {background:unset;color: #111111} .section.section5 .item:hover .right .h0 {color: #000000} .section.section5 .item:hover .right .p {color: #666666;} .section.section5 .item:hover .left {color: #111111} .section.section5 .item .left {position: absolute;right: 0;width: unset;padding-right: 20px;bottom: 0px;} .section.section5 .item .left .num {font-size: 16px;font-weight: 400;right: 0;position: absolute;} .section.section5 .item .left .num:after {content: none} .section.section5 .item .left .num:before {content: '.';position: absolute;left: -6px;width: 10px;height: 100%;} .section.section5 .item .right {width: 100%;} .section.section5 .item .right .h0 p {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;font-size:18px;} div.section6 .about-honor-swiper ul {padding: 0 10px;} div.section6 .about-honor-swiper ul li {width: calc(100% / 2);padding: 0 10px;} div.footer_top {padding-bottom: 10px;} div.footer_top .row {flex-direction: column-reverse;align-items:unset;padding-top: 20px;} .footer_top .talk_to_us {position: unset;transform: translate3d(0,0,0);padding-left:0;} .footer_top .follow_us {width: 100%;} div.footer_top .follow_us_inner {text-align: center;width: 100%;min-width: unset;} .footer_top .follow_us_inner span {display: none;} .footer_top .talk_to_us_inner .ft_logo {margin-bottom: 12px;} .footer_top .talk_to_us_inner h3 {margin-bottom: 12px;} .footer_menu {display: none;} div.footer_copyright {padding: 5px 0;border-top: 1px solid #cccccc} .footer_top .talk_to_us_inner .footer_sf {width:100%;} /*鍐呴〉鍏敤*/ div.container { padding-bottom: 0px;} div.container .banner {height: unset;} .container .banner .wrap { overflow: hidden;} div.container .banner .wrap img {width:130%;height: unset;margin-left: -15%;} div.container.product .banner .wrap img {width:100%;margin-left:0;} div.banner .wrap .pagetitle {width: 90%;background-color: rgba(255,255,255,0.8);height: 45%;} .container .banner .pagetitle h3.en {margin-top: 15px;font-size: 24px;letter-spacing:0;} .container .banner .pagetitle h3 {font-size: 24px} /*鍐呴〉绉佹湁寮€濮?/ /*鍏充簬鎴戜滑*/ .section.section1 .clouds-animate {min-width: unset} .section.section1 .section_innerbox .banner_box {overflow: hidden;height: unset;} .section.section1 .section_innerbox .banner_box img {height: unset;width: 130%;margin-left: -15%;} .section.section1 .section_innerbox .pagetitle {height: 45%;width: 90%;} .section.section1 .section_innerbox .pagetitle h3.en {margin-top: 15px;font-size: 28px;} .section.section1 .section_innerbox .pagetitle h3 {font-size: 24px} .about.content {} .about.content .section.section2,.about.content .section.section3,.about.content .section.section7 { margin-left: 15px; margin-right: 15px;} .about.content .section .titlebox {padding: 10px 0 15px;} .about.content .section .ht_tit_en {font-size: 26px;text-align: center;} .about.content .section .ht_tit {font-size: 20px;text-align: center} .about.content .section2 .content {flex-direction: column;} .about.content .section2 .content .content_l {} .about.content .section2 .content .content_l img {top: 0;transform: translateY(0)} .about.content .section2 .content .content_r div {top: 0;transform: translateY(0)} .about.content .section2 .content .content_r .in_tit {font-size: 24px;} .about.content .section2 .content .content_r .in_tit_en {font-size: 16px;} .about.content .section2 .content .content_r p {font-size: 14px;letter-spacing: unset;color: #666666;text-indent: 1.5em;margin-bottom: 5px;line-height: 1.5;} .about.content .section3 .content {width: 100%;float: none;height: unset;} .about.content .section3 .content p {line-height: 1.5;margin-bottom: 5px;} .about.content .section3 .imgbox {width: 100%;vertical-align: top} .about.content .section3 .imgbox img {width: 100%;display: block;height: unset;} .about.content .section7 {} .about.content .section7 .history_content {padding-bottom: 0;} .about.content .section7 .history_content .left {display: none;width: 100%;} .about.content .section7 .history_content .right {width: 100%;height: unset;padding-top: 0;} .about.content .section7 .history_content .right .t_wrap {top: 0;transform: translateY(0)} .about.content .section.section4 {padding-top: 0;} .about.content .section4 .history_item_wrap {max-width: unset} .about.content .section4 .about-history-swiper {padding: 0 15px;} .about.content .section4 .about-history-swiper .history_btn .prev {left: 0;} .about.content .section4 .about-history-swiper .history_btn .next {right: 0;} .about.content .section5 .section_innerbox {padding: 0} .about.content .section5 .about-honor-title {padding-bottom: 15px;} .about.content .section5 .arrow {top: 0;} .about.content .section5 .ht_tit_en {text-align: left} .about.content .section5 .about-honor-title h3 { padding-left: 15px;text-align: left} /*鍏氬缓缁勭粐*/ .party_innerbox .row_box {} .container .party_innerbox .row_box_item {width: calc((100% - 10px)/2)} .container .party_innerbox .row_box_item:nth-child(2n) {margin-right: 0;} .container .party_innerbox .row_box_item:nth-child(n + 3) {margin-top: 10px;} .container .party_r_box {margin-left: 0;width: 66%;padding: 3% 0 3% 10px;} .container .party_r_box h3 {padding-left: 10px;margin-bottom: 20px;} .container .party_r_box ul {overflow: hidden;padding-left: 25px;} .container .party_box_item:nth-child(2) {padding-bottom: 0;} .container .party_r_box li {float: unset;width: 100%;} .party_innerbox>p {width: 90%;margin: 0 auto;} .container .partybuild_list ul li {float: unset;width: 100%;margin-top: 8px;} .container .partybuild_list ul li:nth-child(even) {margin-left: 0;} .container .party_box_item:last-child img{width: 100%;} /*鏂伴椈涓績*/ .nc.content .wrap {padding: 20px 0;} .nc.content .wrap-item {width: 100%;float: unset} .nc.content .wrap-item a {border-radius: 10px;overflow: hidden;margin-bottom: 15px;padding-top: 15px;} .nc.content .wrap-item .news-item__date {margin-bottom: 5px;} .nc.content .wrap-item .news-item__date p {font-size: 20px;} .nc.content .wrap-item .news-item__date span {bottom: unset;top: 0;} .nc.content .wrap-item .news-item__title {margin-bottom: 15px;line-height: 20px;height: unset;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /*鍦ㄧ嚎鍟嗗煄*/ .mall.content {margin-bottom: 20px;} .mall.content .wrap-item {text-align: center;width: 50%!important;} .mall.content .wrap-item:nth-child(n + 3) {margin-top: 10px;} .mall.content .wrap-item a {margin: 0 auto} .mall.content .wrap-item .img {text-align: center;height: unset;width: 100%;padding:20px;} .mall.content .wrap-item .img img {position: unset;top: 0;margin-top: 50%;} .mall.content .wrap-item .img img.other {margin-top: 0;transform: translateY(0);position: relative;z-index: -2;} /*鑱旂郴鎴戜滑*/ .contact.content .wrap {flex-direction: column-reverse;width: 100%;padding: 15px 0;} .contact.content .wrap .rt .mapbox {} .contact.content .wrap .rt img {width: 100%;} .contact.content .wrap .rt img.hz {width: unset} .contact.content .wrap .lt {width: 90%;margin: 0 auto;margin-top: 20px;} .contact.content .wrap .lt .tl {font-size: 36px;} .contact.content .wrap .lt .te{font-size: 28px;line-height: 42px;margin-bottom: 12px;} .contact.content .wrap .morejiejue {padding-right:20px;} .contact.content .inbleft {width:100%;float:unset;} .contact.content .inbright {width:100%;margin-top:15px;float:unset;} .contact.content .morejiejue .yzmbox .yzm {width:50%;float:left} .contact.content .morejiejue .yzmbox img {width:45%;float:right;} .contact.content .wrap .lt>div {width:100%;text-align:center;} .contact.content .wrap .lt .tl:before {width:100%;} .contact.content .wrap .lt .fxbox {display:block;text-align:center;} .contact.content .wrap .lt .fxbox .ewmbox{top:unset;} .contact.content .wrap .lt .fxbox .iconbox:last-child {display:none;} .contact .chanpin {flex-direction:column;height:unset;min-height:245px;} .contact .chanpin textarea {width:100%;} .contact .yzmbox {margin: 10px 0;display:block;overflow:hidden;padding:0;} .contact .submit {margin-top: 10px;} .contact .div3 {display: none;} /*椋熷搧瀹夊叏*/ .fs.content {padding-bottom: 25px;} .container .container_con .zh_wed {padding: 0 15px;box-sizing: border-box} .container .container_con .zh_wedfl {width: 100%;float: none;} .container .container_con .zh_wedfla {font-size: 18px;margin-bottom: 20px;} .container .container_con .zh_wedflb {text-align: left} .container .container_con .zh_wedflc {position: absolute;top: 100%;left: 0;transform: translateY(-25%)} .container .container_con .zh_wedfr {width: 100%;float: none;margin-top: 22px;text-align: left} .container .container_con .zh_wedfr p {font-size: 12px;margin-bottom: 14px;} .container .container_con .chain_con {margin-top: 70px;margin-bottom: 36px;padding: 0 15px;box-sizing: border-box;} .container .chain_item {margin-top: 20px;} .container .chain_item_innerbox {width: 100%;position: static;} .container .chain_item_innerbox:nth-child(2) {margin-top: 18px;width: 95%;} .container .chain_itembanc {height: auto} .container .zhimg {float: none;} .container .chain_item_innerbox_tit {width: 100%;line-height: 1.75;font-size: 30px;float: left;text-align:center;} .container .chain_item_innerbox_num {letter-spacing: 5px;margin-left: 30px;margin-top: 2px;font-size: 46px;float: left;color: #ceba4a;display: none;} .container .chain_item:nth-child(2n + 1) .chain_i_i_content {left: 0;width: 95%;height: auto;position: relative;top: 0;right: 0;background-color: #fff;padding: 0 0 15px;float: none;} .container .chain_item:nth-child(2n) .chain_i_i_content {float: right;width: 95%;height: auto;position: relative;top: 0;right: 0;padding: 0 0 15px;} .container .chain_i_i_content_li {height: 100%;background-color: unset;text-align:justify;} .container .chain_content_tit {font-size: 18px;line-height: 28px;text-align:center;} .container .chain_content_p {margin-top: 10px;line-height: 20px;font-size: 12px;} .container .chain_i_i_band {width: 60%;float: left;display: none;} .container .chain_i_i_bandfr {display: none;} .container .chain_i_i_bane img {width: 100%;} .container .chain_item:nth-child(2n) .chain_item_innerbox.fr .zhimg {float: right;width: 95%;} .container .chain_item:nth-child(2n) .chain_item_innerbox:nth-child(2) {float: right;} /*鐢熶骇鐮斿彂*/ .produce.content { margin-bottom: 25px;} .produce.content .wrap-item {margin-top: 30px;margin-bottom: 0;} .produce.content .wrap-item .titlebox h4 {font-size: 22px;} .produce.content .wrap-item .titlebox h4.en {font-size: 28px;line-height: 1.2;} .produce.content .contentbox {margin-top: 8px;padding: 0 15px;display: flex;flex-direction: column-reverse;} .produce.content .contentbox_inner {width: 100%;float: none;} .produce.content .contentbox_inner:nth-child(even) {width: 100%;} .produce.content .contentbox_inner h4 {padding: 15px 0 10px;font-size: 18px;text-align: center;} .produce.content .contentbox_inner h4:before {bottom: 0;border-radius: 10px;height: 3px;width: 20%;opacity: 0.6;left: 50%;transform: translateX(-50%)} .produce.content .contentbox_inner .title_text {width: 100%;padding-top: 25px;} .produce.content .contentbox_inner .title_text p {width: 100%;text-indent: 2em;} /*娴烽€氭枃鍖?/ .museum.content .wrap {width: 100%;} .museum.content .wrap .culture_tit {width: 100%;} .content .wrap .culture_tit p {padding-bottom:5px;} .museum.content .wrap .culture_wrap .wrap_item {width: 100%;text-align:center;border-top:0;border-bottom:1px solid #e5e5e5;} .museum.content .wrap .culture_wrap .wrap_item:last-child {border-bottom:0;} .content .wrap .culture_wrap .wrap_item h3 {display:inline-block;} /*鍗氱墿棣?/ .museum.content {margin-bottom: 20px;position: relative;padding: 0 15px;} .museum.content .wrap {padding-top: 50px;} .museum.content .wrap-item {margin-top: 0;margin-bottom: 25px;display: flex;flex-direction: column-reverse;padding-bottom: 0;position: relative;} .museum.content .wrap-item-inner .wrap {width: 100%;position: unset;} .museum.content .wrap-item-inner:nth-child(even) .wrap {position: relative;} .museum.content .wrap-item-inner:nth-child(even) .wrap:before {height: 90%;} .museum.content .wrap-item-inner {float: none;width: 100%;} .museum.content .wrap-item-inner h4 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding-top: 0;} .museum.content .wrap-item-inner h4:before {bottom: -10px;left: 50%;transform: translateX(-50%)} .museum.content .wrap-item-inner .title_text {padding-top: 20px;} .museum.content .wrap-item-inner .title_text p {text-indent: 2em;} /*绀句細璐d换*/ .res.content {position: relative;padding-top: 50px;padding-bottom: 0;} .res.content .wrap {margin-top: 0;padding-top: 20px;} .res.content .responsibility-list .red-80 {transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;opacity: 1;} .res.content .responsibility-list-item {width: 100%;float: none;margin-left: 0;} .res.content .responsibility-list .ico {width: 50px;height: 50px;margin-bottom: 6px;} .res.content .responsibility-list .zh {font-size: 18px;} .res.content .responsibility-list .responsibility-list-item p {color: #ffffff;} .res.content .responsibility-list .bot {margin: 5px 0;width: 100%;} .res.content .responsibility-list .con,.res.content .responsibility-list .by { opacity: 1;visibility: visible\9;transform: inherit;-webkit-transform: inherit;color: #ffffff} .res.content .commonweal-first {} .res.content .commonweal-first .img {display: none} .res.content .commonweal-first .con {width: 100%;margin-left: 0;box-sizing: border-box;padding: 5% 15px 0;} .res.content .commonweal-first .con p.t {padding-bottom: 5px;margin-bottom: 8px;} .res.content .commonweal-first .con p.c {text-indent: 2em;margin-bottom: 0;} .res.content .commonweal-first .con .btnMore {float: right;} .res.content .commonweal-page {border-radius: 5px;overflow: hidden;width: 90%;margin: 15px auto;} .res.content .commonweal-page .swiper-slide p.txt {line-height: 45px;} /*浜烘墠鎷涜仒*/ .industry.content {} .industry.content .wrap {background-color: transparent;top: -137px;} .industry.content .pagetitle {width: 90%;border-radius: 20px 20px 0 0;padding: 25px 0;} .industry.content .pagetitle h3 {font-size: 22px;} .industry.content .pagetitle h3.en {margin-top: 15px;font-size: 26px;} .industry.content .search-box {padding: 10px 15px 0;margin-top: 20px;} .industry.content .search-box .search-input {width: calc(100% - 100px);float: left;line-height: 35px;} .industry.content .search-box .search-btn {width: 100px;float: right;line-height: 35px;} .industry.content .search_category {margin: 0 0;padding: 0 15px;border-radius: 0 0 5px 5px;background: #ffffff;} .industry.content .cond_common ul {width: 100%;} .industry.content .cond_common ul li {min-width: 70px;} .industry.content .cond_common {margin-top: 0;} .industry.content .table_box {padding: 0;margin: 0 0;width: unset;} .industry .table_box table {table-layout: fixed;} .industry.content .table_box table td {padding: 10px 2px;line-height: 20px;} .industry.content .table_box table tr:first-child td {width: calc(100% / 9);} .industry.content .table_box table tr td:nth-child(1),.industry.content .table_box table tr td:nth-child(2) {width: calc(100% / 9*2);} /*鏂伴椈涓績*/ .news-info.content .wrap {margin-bottom: 0;margin-left: 15px;margin-right: 15px;width: unset} .news-info.content .news-details-con > p {line-height: 1.3;position: relative;color: #333333;text-indent: 1.5em;} .news-info.content .news-details-con img {margin-top: 0;left: -1.5em;width: 100%;} /*浜у搧涓績*/ div.pro-navbar .title {margin:20px 0;font-size:30px;} div.pro-navbar ul {padding: 10px 0;padding-left:10px;} div.pro-navbar li { margin-top: 10px; /*margin-right: 12px;*/ } div.pro-navbar li:first-child{border-color:#cccccc;} div.pro-navbar li:nth-child(3n + 1) {border-color:transparent;} div.pro-navbar li {width: calc((100% - 90px) /3);} div.pro-content .choosebox {padding:15px 0;} div.pro-content .choosebox li {margin-bottom:5px;font-size:14px;} div.pro-content .pro-list .item:nth-child(3n) {margin-right:15px;} div.pro-content .pro-list .item:nth-child(n+4) {margin-top:unset;} div.pro-content .pro-list .item {margin-right: 15px;width: calc((100% - 20px)/2);border-radius: 5px;overflow: hidden;box-shadow: 0px 1px 1px 2px rgba(180,180,180,.4);margin-bottom: 5px;} div.pro-content .pro-list .item:nth-child(2n) {margin-right:0;} div.pro-content .pro-list .item:nth-child(n+3) {margin-top:15px;} .pro-content {padding:0 5px;} div.pro-content .item .txtbox {padding: 5px;text-align:left;padding-left:10px;} div.pro-content .item .txtbox .name {font-size: 16px;line-height: 1.2;margin-bottom: 5px;} div.pro-content .item .txtbox .js {font-size:14px;line-height:1.2;} .news-details-title p i {display:block;} } @media screen and (max-width: 375px) { .footer_top .talk_to_us_inner h3 {font-size: 16px;} } .headerBox {display: none;position: fixed;width: 100%;height: 100vh;top: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 9999;} .headerBox-div {float: right;position: relative;right: -68%;width: 66%;height: 100%;background: #fff;} .headerBox-div.on {right: 0;position: relative;} .headerBox .headerBox-lang {background: rgba(2,137,67, 0.18);font-size: 0.6em;position: relative;padding: 0 7% 0 5%;color: #999;display: flex;align-items: center;text-align: center;} .headerBox .headerBox-lang a {text-transform: uppercase;display: inline-block;color: #e31a3c;font-size: 16px;padding: 8px;vertical-align: middle;flex: 1;} .headerBox-cls {cursor: pointer;background: #028943;position: absolute;left: 0;transform: translateX(-100%);} .headerBox-cls img {float: right;} .headerBox-ul {position: relative;overflow-y: auto;height: 100%;} .headerBox li {position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2;} .headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative;text-transform:uppercase;} .headerBox li img {float: right;display: block;margin: 24px 0;} .headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;} .headerBox-li.on {left: 0;} .headerBox-li-item .headerBox-li-back {background: rgba(2, 137, 67, 0.68);} .headerBox-li-item .headerBox-li-back a {color: #fff;} .headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgba(2,137,67, 0.8);text-transform:uppercase;} .cjy-s-header.headerBox .language {position: absolute;width: 100%;bottom: 0;left: 0;display: block;padding: 0;margin: 0;} .cjy-s-header.headerBox .language>ul {display: flex;flex-direction: row;padding: 0 10px;border-top: 1px solid #ccc;} .cjy-s-header.headerBox .language>ul>li{font-size:14px;}