/* Write your styles */ ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;} a{text-decoration: none;transition: all .1s linear; color:#444;} a:hover{color:#079f4b;} img{ max-width:100%;} .am-container{max-width: 1436px;} .am-alert-danger{ width:100%; position:fixed; z-index:99999; left:0; top:0; margin:0;} .arccontent .selectTdClass{background-color:#edf5fa !important} .arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important} .arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;} .arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;} .arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;} .arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;} .arccontent table tr.firstRow th{border-top-width:2px;} .arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } .arccontent .ue-table-interlace-color-double{ background-color: #f7faff; } header{ height:90px; line-height:90px; position:fixed; background:#fff; width:100%; left:0; top:0;box-shadow: 0 2px 2px 2px rgba(0,0,0,.05); z-index:1269;} header .am-container{ position:relative;} header .logo{ text-align:center;} header .logo a{ position:relative; z-index:33;} header .nav-box{ position:absolute; left:0; top:0; width:100%;} header .nav-box>ul{ display:flex;} header .nav-box>ul>li{ float:left; flex:1; text-align:center; position:relative;} header .nav-box>ul>li>a{ display:block;} header .nav-box>ul>li.on>a{color:#079f4b;} header .nav-box>ul>li .subnav{ line-height:40px; position:absolute; left:-10%; top:110%; background:#fff; width:120%; font-size:14px; text-align:center; visibility:hidden; opacity:0;transition: all .3s linear; z-index:1240;box-shadow: 0 2px 2px 2px rgba(0,0,0,.05);} header .nav-box>ul>li .subnav p{ border-bottom:1px solid #eee;} header .nav-box>ul>li .subnav p:first-child{ border-top:1px solid #eee;} header .nav-box>ul>li .subnav p a{ display:block;} header .nav-box>ul>li:hover>a{ color:#079f4b;} header .nav-box>ul>li:hover .subnav{ visibility:inherit; opacity:1; top:90px;} header .am-close{ display:none;} header .menu-bar{ border-color:#333;} header .menu-bar:before,header .menu-bar:after{ background:#333;} .tb {display: table;width: 100%;height: 100%;} .tbc {display: table-cell;vertical-align: middle;} .marov{ overflow:hidden;} .banner{ position:relative;} .banner .am-slider-a1 .am-control-nav li a{ width:12px; height:12px; box-shadow:none; background:none; border:1px solid #fff;} .banner .am-slider-a1 .am-control-nav li a.am-active{ background:#fff;} .banner .am-slider{ box-shadow:none; } .banner .am-slider-a1 .am-control-nav{ z-index:1202; bottom:15px;} .banner .am-slider .am-slides>li{ overflow:hidden; position:relative; height:65vh;} .banner .am-slider .am-slides>li b{ color:#ed9e2c;} .banner .am-slider .am-slides>li .img{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;} .banner .am-slider .am-active-slide .img{animation:scale 7.8s;} .banner .am-slider .am-slides>li .pos{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;} .banner .am-slider .am-slides>li .pos .tit{ font-size:60px; line-height:66px; font-weight:bold; color:#fff; animation: uptoh 1s; margin-bottom:25px;text-shadow: 0 2px 2px rgba(0,0,0,.1);margin-top: 80px;} .banner .am-slider .am-slides>li.am-active-slide .pos .tit{animation: upto 1s;} .banner .am-slider .am-slides>li .pos .tit2{ font-size:60px; line-height:66px; font-weight:bold; color:#fff; animation: uptoh 1.1s; margin-bottom:25px;} .banner .am-slider .am-slides>li.am-active-slide .pos .tit2{animation: upto 1s;} .banner .am-slider .am-slides>li .pos .tit b{color:#df9314;} .banner .am-slider .am-slides>li .pos .info{ color:#fff; font-size:30px; margin-bottom:30px;animation: uptoh 1.2s;margin:0 auto 30px auto;text-shadow: 0 2px 2px rgba(0,0,0,.1);} .banner .am-slider .am-slides>li.am-active-slide .pos .info{animation: upto 1.2s;} .banner .am-slider .am-slides>li .pos .more{ display:inline-block; font-size:20px;padding:8px 46px; background:#ffdc0b;color:#000;animation: domtoh 1.2s;} .banner .am-slider .am-slides>li .pos .more:hover{ background:#e6c70d;} .banner .am-slider .am-slides>li .pos .more2{ display:inline-block; font-size:1.4rem; padding:8px 26px; margin:0 10px; background:#2955aa; color:#fff;animation: domtoh 1.2s;} .banner .am-slider .am-slides>li.am-active-slide .pos .more{animation: domto 1.2s;} .banner .am-slider .am-slides>li.am-active-slide .pos .more2{animation: domto 1.2s;} @keyframes scale {from {-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}} @keyframes scaleh {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} to {-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}} @keyframes upto{from {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -198, 0, 1);} 40%{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -198, 0, 1);} to {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}} @keyframes uptoh{from {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} 40%{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} to {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -98, 0, 1);}} @keyframes domto{from {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 88, 0, 1);} 40%{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 88, 0, 1);} to {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}} @keyframes domtoh{from {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} 40%{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} to {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 88, 0, 1);}} .banner .am-slider .am-slides>li:nth-child(2) .pos{ text-align:center;} .banner .am-direction-nav { display:block;} .banner .am-direction-nav a {-webkit-box-sizing: content-box;box-sizing: content-box;display: block;width: 40px;height: 40px;padding: 4px;margin: -16px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: .8;cursor: pointer;color: #fff;text-shadow: 1px 1px 0 rgba(255,255,255,.3);background-color: rgba(0,0,0,.5);font-size: 0;text-align: center;border-radius: 50%;-webkit-transition: all .3s ease;transition: all .3s ease;} .banner .am-direction-nav li a:before {display: inline-block;font: normal normal normal 1.8rem/1 FontAwesome,sans-serif;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);content: "\f053";font-size: 20px;line-height: 40px;} .banner .am-direction-nav a.am-next{ right:5%;} .banner .am-direction-nav a.am-prev{ left:5%;} .banner .am-direction-nav a.am-next:before {content: "\f054";} .bgr{ background:#f5f5f5;} .am-pd{ padding:60px 0;} .am-pb{ padding-bottom:60px;} .am-title{ text-align:center;} .am-title .tit{ font-size:32px; font-weight:bold; line-height:32px; margin-bottom:6px;} .am-title .subtit{ font-size:16px; color:#999; text-transform:uppercase; position:relative;} .am-title .subtit:before{ content:""; width:120px; height:1px; display: inline-block; top:-4px; margin-right:20px; background:#e8e8e8; position:relative;} .am-title .subtit:after{ content:""; width:120px; height:1px; display: inline-block; top:-4px; margin-left:20px; background:#e8e8e8; position:relative;} .news-box{ margin-top:40px;} .news-box .news-left{ width:41.5%; float:left;} .news-box .news-left a{ display:block; position:relative;} .news-box .news-left a span{ display:block; position:absolute; left:0; bottom:0; z-index:22; background:rgba(0,0,0,.5); color:#fff; width:100%; padding:15px; color:#fff;} .news-box .news-right{ width:56%; float:right; position:relative;} .news-box .news-right .hd{ height:60px; line-height:60px; background:#e8e8e8;} .news-box .news-right .hd ul li{ display:inline-block;} .news-box .news-right .hd ul li a{ display:block; padding:0 40px; cursor:pointer;} .news-box .news-right .hd ul li.on a{ background:#048646; color:#fff;} .news-box .news-right .bd{ background:#f5f5f5;/* padding:10px 0;*/} .news-box .news-right .bd ul li{ padding:23px 0; border-top:1px solid #e6e6e6;transition: all .3s linear;} .news-box .news-right .bd ul li:first-child{ border-top:none;} .news-box .news-right .bd ul li a{ display:block; padding:0 25px 0 110px; position:relative;} .news-box .news-right .bd ul li.on{ background:#8BC34A;} .news-box .news-right .bd ul li a .date{ position:absolute; left:25px; top:0;} .news-box .news-right .bd ul li a .date span{ display:block; font-size:14px; color:#999;} .news-box .news-right .bd ul li a .date em{ font-size:24px; color:#666; font-style:normal;} .news-box .news-right .bd ul li a .txt .tit{ font-size:18px; margin-bottom:4px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .news-box .news-right .bd ul li a .txt .note{ font-size:14px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .news-box .news-right .bd .more{ position:absolute; right:15px; top:18px;} .news-box .news-right .bd .more a{ font-size:14px; color:#666;} .news-box .news-right .bd ul li.on .date span{ color:rgba(255,255,255,.81);} .news-box .news-right .bd ul li.on .date em{ color:#fff;} .news-box .news-right .bd ul li.on a .txt .tit{ color:#fff;} .news-box .news-right .bd ul li.on a .txt .note{ color:rgba(255,255,255,.81)} .about{ background:url(../images/abbg.jpg) center no-repeat; background-size:cover;} .about .about-xu{ margin-top:40px;} .about .about-xu .about-txt{ width:50%; float:left;} .about .about-xu .about-img{ width:48%; float:right;position:relative;} .mvideo{height:100%; width:100%;position: absolute;left: 0;top: 0; } .mvideo iframe{height:100%; width:100%;} .about .about-xu .about-txt .tit{ font-size:30px; font-weight:bold; color:#12a33b;} .about .about-xu .about-txt .line{ width:60px; height:2px; background:#ccc; margin-top:10px;} .about .about-xu .about-txt .note{ margin:40px 0; line-height:2;} .about .about-xu .about-txt .more a{ display:inline-block; padding:6px 50px; background:#12a33b; border-radius:30px; color:#fff;} .about .about-xu .about-txt .more a:hover{background: #118a33;} .about-data{ margin-top:30px;} .about-data ul{display:flex;justify-content:space-between;flex-wrap:wrap} .about-data ul li{ display:inline-block; max-width:148px;} .about-data ul li .tit{ color:#666; border-bottom:1px solid #ccc; margin-bottom:4px;} .about-data ul li .tit em{ font-size:30px; font-weight:bold; color:#12a33b; margin-right:10px;} .about-data ul li .note{/*white-space: pre;*/} .cybuju{ overflow:hidden; padding:2px; margin-top:30px;} .cybuju ul{ position:relative; margin:0 -10px;} .cybuju ul li{ width:25%; float:left; padding:0 10px;} .cybuju ul li a{ display:block; overflow:hidden; background:#fff; box-shadow:0 2px 2px 2px rgba(0,0,0,.05); transition: all 1s ease;} .cybuju ul li a i{ display:block; overflow:hidden;} .cybuju ul li a i img{ width:100%;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;} .cybuju ul li a .txt{ padding:20px 20px 40px 20px; text-align:center;} .cybuju ul li a .txt em{ font-size:72px; font-style:italic; line-height:72px;} .cybuju ul li a .txt .tit{ font-size:20px; margin-top:15px;} .cybuju ul li a .txt .line{ width:30px; height:1px; background:#eee; margin:10px auto;} .cybuju ul li a .txt .note{ font-size:14px; color:#999;} .cybuju ul li a .txt .more{ display:inline-block; padding:4px 15px; border:1px solid #eee; font-size:14px; margin-top:30px;} .cybuju ul li a:hover{ background:#048646; color:#fff;} .cybuju ul li a:hover em{ color:#fff;} .cybuju ul li a:hover .note{ color:#fff;} .cybuju ul li a:hover .more{ color:#fff; border:1px solid #fff;} .cybuju ul li a:hover .tit{ color:#fff;} .cybuju ul li a:hover .line{ background:#fff;} .cybuju ul li a:hover img{ transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);} .producbox .am-container{ max-width:1920px;} .hm-prolist{ margin-top:30px; position:relative;} .hm-prolist .swiper-slide a{ display:block; background:#fff;} .hm-prolist .swiper-slide a .thumb{ display:block; background:#000; overflow:hidden; position:relative;} .hm-prolist .swiper-slide a .thumb:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:2px solid rgba(255,255,255,.5); z-index:2; opacity:0;transition: all .6s ease;-moz-transition: all .6s ease;-webkit-transition: all .6s ease;-o-transition: all .6s ease;} .hm-prolist .swiper-slide a .thumb img{ transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;width:100%;} .hm-prolist .swiper-slide a:hover .thumb:before{ opacity:.5;transform: scale(0.95, 0.95);} .hm-prolist .swiper-slide a:hover .thumb img{opacity: 0.7;transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);} .hm-prolist .swiper-slide a .txt{ padding:20px;} .hm-prolist .swiper-slide a .txt .tit{font-size:18px; border-bottom:1px solid #eee; margin-bottom:4px; padding-bottom:4px;} .hm-prolist .swiper-slide a .txt .note{ font-size:14px; color:#999;} .hm-prolist .swiper-slide a:hover{ background:#048646; color:#fff;} .hm-prolist .swiper-slide a:hover .note{ color:#fff;} .hzkh{ margin-top:25px;} .hzkh ul{ position:relative; margin:0 -10px;} .hzkh ul li{ width:16.6666%; float:left; padding:10px;} .hzkh ul li a{ display:block; text-align:center; border:1px solid #eee;} .hm-prolist .swiper-team-next, .hm-prolist .swiper-team-prev{ width:50px; height:110px; margin-top:-85px; background-color:#079f4b; opacity: .7;} .hm-prolist .swiper-team-next{ right:25px;} .hm-prolist .swiper-team-prev{ left:25px;} footer{ background:#eee; padding-top:60px;} footer .foot-tit{ font-size:16px; font-weight:bold; position:relative; padding-left:10px; margin-bottom:10px;} footer .foot-tit:before{ content:""; display:block; width:2px; height:14px; background:#048646; position:absolute; left:0; top:50%; margin-top:-7px;} footer .footnav{ width:50%; float:left;} footer .footnav ul li{ width:25%; float:left;} footer .footnav ul li p{ font-size:14px; padding-left:10px; line-height:2;} footer .footnav ul li p a{ color:#666;} footer .foot-contact{ width:30%; float:left;} footer .foot-contact p{ font-size:14px; color:#666; line-height:2;} footer .foot-ewm{ width:140px; float:right; text-align:center;} footer .foot-ewm span{ display:block; padding-top:4px; font-size:14px; color:#666;} footer .copyr{ background:#212121; color:#fff; padding:20px 0; margin-top:40px; font-size:14px; border-top:6px solid #048646;} footer .copyr a{ color:#fff;} .nybanner{ text-align:center; padding-top:90px;} .nybanner img{ width:100%;} .nysubnav{ height:66px;} .subnav-list{ text-align:center; background:#f1f4f9; position:relative; z-index:99;} .nysubnav a{ position:relative; display:inline-block; height:66px; line-height:66px; overflow:hidden; padding:0 48px; color:#34363c; vertical-align:middle;} .nysubnav a:before{ position:absolute; right:0; bottom:-3px; left:50%; width:72px; margin-left:-36px; height:3px; background-color:#048646; content:''; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} .nysubnav a:hover:before,.nysubnav a.active:before,.nysubnav a.am-active:before{ bottom:0;} .subnav-list.fixed{ position:fixed; z-index:999; top:0; right:0; left:0; padding:0;} .subnav-list.fixed a{ height:60px; line-height:60px; font-size:16px;} .ab-jianjie{ padding:50px 0; background:url(../images/bg_jianjie.jpg) center no-repeat; background-size:cover;} .abjjtit{ font-size:36px; text-align:center; font-weight:normal; margin-bottom:25px;} .ab-jianjie .txt{ line-height:38px; font-size:14px;} .num{ text-align:center; margin-top:45px;} .num ul li strong{font-size: 60px;} .num ul li b{display: block;height: 80px;line-height: 80px;overflow: hidden; font-size:18px;} .event_list{position:relative;z-index:1} .event_list:before{content:'';width:1px;background-color:#999;position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;margin:auto} .event_list li{padding-left:52%;margin-top:10px;position:relative;transition:all .5s} .event_list li:before{content:'';width:20px;height:20px;border:6px solid #999;background-color:#fff;border-radius:50%;position:absolute;left:0;top:4px;right:0;margin:auto} .event_list li:nth-child(even){padding-left:0;padding-right:52%;text-align:right} .event_list li strong{font-size:28px;color:#666;font-weight:400;margin-bottom:10px} .event_list li p{line-height:24px;padding:0;margin:0;color:#888} .event_list li:hover{transform:translateX(20px)} .event_list li:nth-child(even):hover{transform:translateX(-20px)} .event_list li:hover:before{border-color:#22ac38} .event_list li:hover p{color:#222} .ue-news-list{ margin-top:20px; margin-bottom:20px;} .ue-news-list ul li:after,.ue-news-list ul li:before{ content:""; display:table; clear:both;} .ue-news-list ul li{ border-bottom:1px solid #eee; padding:30px;transition: All 0.3s ease-in-out; position:relative; top:0; background:#fff; margin-bottom:15px;} .ue-news-list ul li .thumb{ width:18%; float:left; margin-right:20px; max-height:140px; overflow:hidden; } .ue-news-list ul li .thumb img{ max-width:100%;transition: .6s .05s;} .ue-news-list ul li:hover .thumb img{transform: scale(1.1);} .ue-news-list ul li .txt h2{ font-size:20px; font-weight:lighter; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .ue-news-list ul li .txt .sub{ color:#999; margin-bottom:10px; font-size:12px;} .ue-news-list ul li .txt .sub span{ display:inline-block; margin-right:20px;} .ue-news-list ul li .txt .sub span i{ margin-right:4px;} .ue-news-list ul li .txt p{ color:#999;font-weight:lighter; margin:0; font-size:1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .fenye ul li{ font-size:1.4rem;} .fenye ul li a{ border-radius:2px;} .am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover{background-color: #e60000;border-color: #e60000;} .pics-list ul{ position:relative; margin:0 -15px;} .pics-list ul li{ width:33.333%; float:left; padding:15px;} .pics-list ul li a{ display:block; background:#fff;} .pics-list ul li a i{ display:block; overflow:hidden;} .pics-list ul li a i img{ width:100%;transition: .6s .05s;} .pics-list ul li a:hover i img{transform: scale(1.1);} .pics-list ul li a .txt{ padding:20px;} .pics-list ul li a .txt .tit{ font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center;} .pics-list ul li a .txt .note{ font-size:14px; color:#666; margin:10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .pics-list ul li a .txt .more{ font-size:14px;} .page{ text-align:center; margin-top:15px;} .page a{ display:inline-block; padding:4px 12px; border:1px solid #f3f3f3; margin-left:-1px; background:#fff; margin:0 5px; border-radius:4px; overflow:hidden;} .page a.active{ background:#048646; color:#FFF;} .newsinx{ background:#f5f5f5;} .newsinx .infobox {padding: 70px 120px;background: #fff;box-sizing: border-box;width: 100%;min-height: 600px;} .newsinx .infobox .info-top {border-bottom: 1px solid #e5e5e5;padding-bottom: 18px;text-align: left;} .newsinx .infobox .info-top .h {font-size: 24px;line-height: 36px;color: #333;text-align: center;width: 80%;margin: 0 auto 35px;} .newsinx .infobox .info-top .time {color: #999;font-size: 14px;line-height: 24px;padding-left: 25px;background: url(../images/img8.png) no-repeat left center;display: block;margin: 0 auto; text-align:center;} .newsinx .infobox .info-top .time span{ margin:0 10px;} .newsinx .infobox .text {padding: 55px 0;font-size: 14px;color: #666;line-height: 28px;border-bottom: 1px solid #e5e5e5;} .newsinx .infobox .text img{ max-width:100%; height:auto !important;} .newsinx .infobox .bot {padding-top: 45px;} .f-cb {zoom: 1;} .newsinx .infobox .bot-l {width: 70%;} .fl {float: left;display: inline;} .newsinx .infobox .bot-r {width: 60px;} .fr {float: right;display: inline;} .newsinx .infobox .bot-l span {font-size: 14px;line-height: 28px;color: #666;display: block;} .newsinx .infobox .bot-l span a {color: #666;width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;-webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);} .newsinx .infobox .bot-r a {display: block;text-align: left;color: #333;font-size: 14px;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;padding-right: 25px;background: url(../images/img9.png) no-repeat right top;} .newbleft{width: 68.75%;float: left;margin-right: 1.25%;} .newarc{background: #fff;padding: 34px 30px 40px;} .nearch .ht1{ margin-bottom:6px;} .nearch .t2{ font-size:1.4rem; color:#999;} .editor {line-height: 2.5;text-align: left;font-size: 1.4rem;} .editor img{ max-width:100%; height:auto !important;} .clickbox{width:100%;border-top:1px solid #eee;color:#999;line-height:30px;font-size:14px;position:relative;margin-top:34px;padding-top:20px} .clickbox a {color: #666;} .rightbox{width:30%;float:right} .rightbox .news-tj{width:100%;background:#fff;padding:37px 30px 10px} .rightbox .news-tj .title{font-size:18px;line-height:24px;color:#c3c3c3} .rightbox .news-tj .list{margin-top:10px} .rightbox .news-tj .list li{border-bottom:1px dashed #ccc;padding-bottom:25px;margin-bottom:13px} .rightbox .news-tj .list li:last-child{margin-bottom:0;border-bottom:none} .rightbox .news-tj .list li a{width:100%;display:block} .rightbox .news-tj .list li .t1{font-size:16px;line-height:50px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .rightbox .news-tj .list li:hover .t1{color:#000} .rightbox .news-tj .list li .t2{font-size:14px;line-height:24px;color:#666;margin-top:8px} .rightbox .news-tj .list li .t3{font-size:14px;line-height:24px;color:#999;margin-top:7px} .case-sj{width:100%;padding:24px 30px;background:#fff;margin-top:10px} .case-sj .title{font-size:18px;color:#999;line-height:30px} .case-sj .list{width:100%;margin-top:23px} .case-sj .list li{float:left;width:31.7%;margin-right:2.45%;transition:all .5s linear} .case-sj .list li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.15)} .case-sj .list li:nth-child(3n){margin-right:0} .case-sj .list li a{width:100%;display:block} .case-sj .list li .img{width:100%;overflow:hidden} .case-sj .list li .img img{width:100%;transition:all .5s linear} .case-sj .list li:hover .img img{transform:scale(1.05)} .case-sj .list li .title{font-size:14px;line-height:30px;color:#222;padding:12px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .casearc{ text-align:center;} .contactA{width:100%;float:left;background:#fff;padding-bottom:55px;} .contactA_T{padding:55px 2.8%;overflow:hidden;border-bottom:1px solid #e2e2e2;height:320px;position:relative;} .contactA_T_l{left:2.8%;width:314px;position:absolute;top:50px;} .contactA_T_l>p{font-size:20px;color:#3a3a3a;} .contactA_T_l>span{display:block;font-size:30px;color:#333333;line-height:32px;margin:20px 0px;} .contactA_T_l>i{display:block;font-style:normal;color:#333;line-height:32px;letter-spacing:0.05rem; font-size:1.2rem;} .contactA_T_l>a{display:inline-block;width:180px;line-height:50px;background:#048646;color:#fff;text-align:center;font-size:18px;letter-spacing:0.05rem;margin-top:20px;} .contactA_T_R{position:absolute;width:171px;right:7%;text-align:center;top:82px;} .contactA_T_R p{font-size:16px;line-height:28px;} .contactA_T_m{width:562px;margin:0 auto;padding:0px 3%;height:100%;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;} .contactA_T_m div{width:100%;float:left;} .contactA_T_m div span{font-size:16px;color:#048646;display:block;line-height:34px;} .contactA_T_m div strong{display:block;font-family:"Arial";font-size:36px;color:#048646;line-height:34px;margin:14px 0px 10px 0px;} .contactA_T_m div p{color:#333;line-height:34px; font-size:12px;} .contactA_T_m>p{font-size:14px;color:#333;line-height:32px;} .contactA_B{margin:0 2.8% 0px 2.8%;height:455px;background:#000;overflow:hidden;position:relative;z-index:10;} .con_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;} .con_img i{display: block;background: url(../images/map.png) no-repeat;width: 35px;height: 50px;margin: 0 auto 40px;animation: myanimate 0.5s infinite alternate;-webkit-animation: myanimate 0.5s infinite alternate;} .con_img a{width:150px;padding:12px 0px;background:#e60012;text-align:center;border-radius:6px;color:#fff;display:inline-block;} #mymap{ height:480px;border-radius:8px;} .amap-icon img {width: 25px;height: 34px;} .amap-marker-label{border: 0;background-color:rgba(0,0,0,.5); left:-50px !important;} #mymap .info{position: relative;top: 0;right: 0;min-width: 0; color:#fff;} .contact-tit{position:relative;font-size:24px;color:#333;padding-bottom:20px;margin-bottom:10px} .contact-content{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #ddd} .contact-content .qr-list li{float:left;text-align:center;margin-left:35px;margin-top:-30px;line-height:40px} .contact-content .left p{font-size:16px;color:#818181} .contact-content .left .hotline{font-family:Constantia,Lucida Bright,DejaVu Serif,Georgia,serif;color:#334b77;font-size:35px} .com-hotline{color:#334b77;font-size:46px;font-family:fantasy;line-height:1} .contact-content .left p em{color:#333} .contact-content .left .des{margin-top:10px;line-height:2.6} .contact-tit:before{content:"";position:absolute;left:0;bottom:0;width:30px;border-bottom:3px solid #333} .zzliuyan{width:100%; padding:40px;} .lylist{width:100%} .lylist button,.lylist input,.lylist textarea{border-radius:5px;border:none;font-size:14px} .lylist .lytitle{width:99%;height:52px;line-height:52px;padding:0 0 0 30px;background:#f5f5f5} .lylist .inp_name{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;margin:20px 0 0 0;background:#f5f5f5} .lylist .inp_sex{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;float:right;margin:20px 8px 0 0;background:#f5f5f5; border:none; font-size:14px;} .lylist .inp_tel{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;float:left;margin:20px 8px 0 0;background:#f5f5f5} .lylist .inp_email{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;float:right;margin:20px 8px 0 0;background:#f5f5f5} .lylist .inp_neirong{width:99%;height:200px;line-height:35px;padding:0 0 0 30px;margin:20px 0 0 0;background:#f5f5f5} .lylist .vcode{width:200px;height:52px;line-height:52px;padding:0 0 0 30px;margin:20px 0 0 0;background:#f5f5f5} .lylist .submit{width:99%;text-align:center;background:#048646;height:52px;line-height:52px;color:#fff;margin:20px 0 0 0;font-size:16px} .lylist .submit:hover{cursor:pointer} .contact_main{padding:40px 30px 30px 30px;border-top:1px #f1f1f1 solid;font-size:16px;line-height:33px;color:#666;min-height:300px} .job-des .am-container{ max-width:1236px;} .zyfz_box{ padding:50px 0;} .zyfz_box .text_box {width: 500px;height: 400px;float: left;margin-right: 80px;} .zyfz_box .text_box h2 {font-size: 30px;color: #048646;font-weight: 100;margin: 0;padding: 0;} .zyfz_box .text_box h3 {font-size: 20px;color: #939393;font-weight: 100;margin: 0;} .zyfz_box .text_box span{width: 54px;height: 2px;background-color: #333333;display: block;margin: 20px 0px 40px 0px;} .zyfz_box .text_box .p11 {color: #888;line-height: 34px;font-size: 16px;} .zpzw{ background:#f3f3f3; padding:60px 0;} .zpzw .am-container{ max-width:980px;} .zptit{ font-size:30px; text-align:center; margin-bottom:20px; color:#048646;font-weight: 100;} .zpzw .am-accordion-gapped .am-accordion-title{ font-size:18px; background:#fff;padding:0; height:64px; line-height:64px;border-radius: 4px;font-weight: bold;} .zpzw .am-accordion-gapped .am-accordion-title span{ display:inline-block; width:64px; border-right:1px solid #eee; text-align:center; margin-right:30px;} .zpzw .am-accordion-content{ background:#fff; padding:1.4rem;} .zpzw .am-accordion-gapped .am-active .am-accordion-title{ background:#048646; color:#fff;border-radius: 4px 4px 0 0;} .zpzw .am-accordion-gapped .am-accordion-item{ border-radius:4px;} .zpzw .am-accordion-gapped .am-accordion-title:after{content: "\f054";right: 26px; opacity:.5;} .bmsg.job_msg p{ margin:0; line-height:180%;} .map-address{ position: relative;} .map-address img{ display:block; max-width:100%; margin:0 auto;} .popover-title{font-family: "微软雅黑"} .main-right-t .popover-content p{ line-height: 21px; margin-bottom: 0; padding: 0; font-family: "微软雅黑"} .map-but{ position: absolute; display: inline-block; color: #333; cursor: pointer;} .map-but:hover,.map-but:active,.map-but:focus{ border: none; outline: none;} .guilin{top: 21.5%;right: 32%;} .liuzhou{top:37.5%;right: 40%;} .hechi{top:37%;right: 55%;} .baise{top:46.5%;right: 66.5%;} .laibin{top:54%;right: 41.2%;} .hezhou{top:39.8%;right: 25%;} .wuzhou{top:52%;right: 26.4%;} .guigang{top:59%; right: 33%;} .nanning{top:64%; right: 49.3%;} .chongzuo{top:73%; right: 61%;} .yulin{top: 72.5%;right: 33%;} .qinzhou{top:78.6%;right: 44.5%;} .fangcg{top:85.4%; right:51.8%;} .beihai{top:87.4%;right: 39.8%;} @media screen and (max-width: 1680px){ .am-container{max-width: 1300px;} } @media screen and (max-width: 1440px){ .am-container{max-width: 1200px;} } @media screen and (max-width: 1024px){ .hezhou {top: 39.8%;right: 15%;} .wuzhou {top: 52%;right: 16.4%;} .yulin {top: 72.5%;right: 24%;} html{ background:#f5f5f5;} body{ max-width:768px; margin:0 auto;box-shadow: 0px 1px 3px #c8c8c8; background:#fff;} header{ height:60px; line-height:60px;} header .logo img{ max-height:45px;} .menu-bar{ display:block; width:26px; height:18px; float:right; position: absolute; right:1.5rem; top:20px; border-bottom:2px solid #fff;} .menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0;} .menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%;} nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;} .nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;} header .nav-box{width: 100%;height: 100%;position: fixed;left:-100%;;top: 0;z-index: 1601;transition: all .3s linear;pointer-events: none;} header .nav-box.active{ left:0;} header .nav-box>ul{width: 60%;position: relative;background: #fff;height: 100%;z-index: 1601;pointer-events: auto;overflow-y: auto;margin: 0; display:block;} header .nav-box .ulnav{ display:block;} header .nav-box>ul>li{ width:100%;border-bottom: 1px solid #eee; display:block; float:none; height:auto; line-height:56px; padding:0; overflow: hidden;} header .nav-box>ul>li>a{ color:#333; display:block; line-height:56px;} header .nav-box>ul>li.drop>a{ display:inline-block;} header .nav-box>ul>li.on>a{ border:none;} header .nav-box>ul>li.sh>a{pointer-events: none;} header .nav-box>ul>li .subnav{ position:relative; top:0; height:0;padding:0; background:#f5f5f5;} header .nav-box>ul>li:hover .subnav{top:0; height:auto;} header .nav-box>ul>li .subnav:before{border-bottom: 5px solid #f5f5f5;} .nav-box .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;} .nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;} .banner .am-slider .am-slides>li{ height:50vh;} .banner .am-slider .am-slides>li .pos .tit{ font-size:24px; line-height:36px;} .banner .am-slider .am-slides>li .pos .info{ font-size:20px;} .banner .am-slider .am-slides>li .pos .more{ font-size:12px;} .news-box .news-right{ width:100%; float:none;} .news-box .news-left{ display:none;} .cybuju ul li{ width:50%; margin-bottom:20px;} .cybuju ul li a .txt em{ font-size:36px; line-height:46px; display:none;} .cybuju ul li a .txt .more{ display:none;} .cybuju ul li a .txt .tit{ margin-top:0;} .cybuju ul li a .txt{ padding:20px;} .contactA_T{height:auto;} .contactA_T_l{width:100%;position:static;float:left;margin-bottom:50px;} .contactA_T_m{width:70%;padding:0px;float:left;border:none;} .contactA_T_R{width:171px;float:none; margin:0 auto;position:static;} .contactB_l{width:100%;height:auto;padding:60px 0px 200px 0px;} } @media screen and (max-width: 640px){ .map-but{ font-size:12px;} .banner{ padding-top:60px;} .nybanner{ padding-top:60px;} .banner .am-slider .am-slides>li{ height:40vh;} .banner .am-slider .am-slides>li .pos .tit{ font-size:18px; line-height:30px; margin-bottom:5px; margin-top: 0;} .banner .am-slider .am-slides>li .pos .info{ font-size:16px; margin-bottom:10px;} .banner .am-slider .am-slides>li .pos .more{ padding:4px 20px;} .am-pd{ padding:20px 0;} .am-title .tit{ font-size:18px; line-height:18px;} .am-title .subtit{ font-size:12px;} .am-title .subtit:before,.am-title .subtit:after{ width:40px;} .news-box{ margin-top:15px;} .news-box .news-right .hd{ height:40px; line-height:40px;} .news-box .news-right .bd .more{ top:8px;} .news-box .news-right .bd .more a{ font-size:12px;} .news-box .news-right .bd ul li a .txt .tit{ font-size:14px;} .news-box .news-right .bd ul li a .txt .note{ font-size:12px;} .news-box .news-right .bd ul li a .date em{ font-size:16px;} .news-box .news-right .bd ul li a{padding: 0 14px 0 80px;} .news-box .news-right .bd ul li{ padding:15px 0;} .about .about-xu{ margin-top:0;} .about .about-xu .about-txt{ width:100%; float:none;} .about .about-xu .about-txt .tit{ font-size:18px; text-align:center; display:none;} .about .about-xu .about-txt .note{ margin:15px 0; font-size:12px;} .about .about-xu .about-txt .more{ text-align:center;} .about .about-xu .about-txt .more a{ font-size:12px;} .about .about-xu .about-txt .line{ margin:0 auto; display:none;} .about .about-xu .about-img{ width:100%; margin-top:15px;} .about-data ul li .tit em{ font-size:18px;} .about-data ul li .tit{ font-size:12px;} .about-data ul li .note{ font-size:12px;} .cybuju{ margin-top:15px;} .cybuju ul{ margin:0 -5px;} .cybuju ul li{ padding:0 5px; margin-bottom:10px;} .cybuju ul li a .txt{ padding:10px;} .cybuju ul li a .txt .tit{ font-size:14px;} .cybuju ul li a .txt .line{ display:none;} .cybuju ul li a .txt .note{ display:none;} .hm-prolist{ margin-top:15px;} .hm-prolist .swiper-slide a .txt{ padding:10px;} .hm-prolist .swiper-slide a .txt .tit{ font-size:14px;} .hm-prolist .swiper-slide a .txt .note{ font-size:12px;} .hm-prolist .swiper-team-next, .hm-prolist .swiper-team-prev{ width:30px; height:60px; margin-top:-45px; background-color:#12a33b;background-size: 15px 24px;} .hm-prolist .swiper-team-next{ right:10px;} .hm-prolist .swiper-team-prev{ left:10px;} .hzkh{ margin-top:15px;} .hzkh ul{ margin:0 -5px;} .hzkh ul li{ padding:5px; width:25%;} footer{ padding-top:25px;} footer .footnav{ display:none;} footer .foot-contact{ width:64%;} footer .foot-ewm{ width:30%;} footer .copyr{ margin-top:15px; font-size:12px;} footer .foot-contact p{ font-size:12px;} footer .foot-ewm span{ font-size:12px;} header .nav-box>ul>li>a{ display:inline-block;} .nysubnav{ height:44px;} .subnav-list{flex: 0 0 100%;width: 100%;display: inline-flex;} .nysubnav a{ font-size:1.2rem; height:44px; line-height:44px; padding:0 5px;flex: 1;display: inline-block;text-align: center;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .nysubnav a:before{ width:40px; margin-left:-20px;} .nysubnav .subnav-list{ top: -19px;} .event_list:before{ margin:0; left:10px;} .event_list li{ padding-left:30px;} .event_list li:before{ margin:0;} .event_list li:nth-child(even){ text-align:left; padding-right:0; padding-left:30px;} .event_list li strong{ font-size:18px;} .event_list li p{ font-size:14px;} .ab-jianjie{ padding:20px 0;} .abjjtit{ font-size:20px; margin-bottom:15px;} .pics-list ul{ margin:0 -5px;} .pics-list ul li{ width:100%; padding:5px;} .newsinx{ padding:0;} .about-data ul li{width:50%;margin-bottom:10px;} .newsinx .infobox .info-top .h{ font-size:1.8rem;margin: 0 auto 10px;} .newsinx .infobox .text{ padding:20px 0;} .newsinx .infobox{ padding:20px 3%;} .newbleft{ width:100%; float: none;} .newarc{ padding:10px;} .rightbox{ display:none;} .contactA_T_m{ width:100%;} .contactA_T{ padding-top:15px;} .contactA_T_l>p{ font-size:14px;} .contactA_T_l>span{ font-size:20px; margin:8px 0;} .contactA_T_l>a {width: 120px;line-height: 40px;font-size: 14px;margin-top: 28px; margin-top:10px;} .contactA_T_l{ margin-bottom:15px;} .zzliuyan{ padding:10px;} .contactA_B{ margin-top:10px; height:200px;} .lylist .inp_email,.lylist .inp_sex,.lylist .inp_tel,.lylist .inp_name{ margin-right:0;} .contactA{ padding-bottom:20px;} #mymap{ height:200px;} .contactA_T_R{ display:none;} .job-des{ display:none;} .zpzw{ padding:20px 0;} .zptit{ font-size:18px;} .am-accordion-gapped{ margin:0;} .nearch .ht1{ font-size:18px;} .cndns-right{ display:none;} .ue-news-list ul li .txt h2{ font-size:14px;} .ue-news-list ul li .txt p{ font-size:12px;} .ue-news-list ul li .txt .sub span{ margin-right:2px;} .ue-news-list ul li{ padding:10px;} .ue-news-list ul li .thumb{ margin-right:10px;} .ue-news-list{ margin-top:0;} }