@font-face { font-family: 'DINAltBold'; src: url('../font/DINAltBold.eot'); src: url('../font/DINAltBold.eot?#font-spider') format('embedded-opentype'), url('../font/DINAltBold.woff') format('woff'), url('../font/DINAltBold.ttf') format('truetype'), url('../font/DINAltBold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelBold'; src: url('../font/HelBold.eot'); src: url('../font/HelBold.eot?#font-spider') format('embedded-opentype'), url('../font/HelBold.woff') format('woff'), url('../font/HelBold.ttf') format('truetype'), url('../font/HelBold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url('../font/Helvetica.eot'); src: url('../font/Helvetica.eot?#font-spider') format('embedded-opentype'), url('../font/Helvetica.woff') format('woff'), url('../font/Helvetica.ttf') format('truetype'), url('../font/Helvetica.svg') format('svg'); font-weight: normal; font-style: normal; } @charset "utf-8"; /* 初始化CSS */ *{margin:0; padding:0;} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;} fieldset, img{border:none; vertical-align:middle;} address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;} ul, ol{list-style:none;} li{list-style-type:none;} input{padding-top:0; padding-bottom:0; font-family: "Source Han Sans CN", "Microsoft Yahei","SimSun",Arial,sans-serif;} select, input{vertical-align:middle;} select, input, textarea{ margin:0; font-size:12px;} input[type="text"], input[type="password"], textarea{outline-style:none;} textarea{font-family: "Source Han Sans CN", "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;} body{font:12px "Source Han Sans CN", "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;} a{text-decoration:none; color:inherit;} i, em{ font-style:normal;} .clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";} .clearfix{zoom:1;} .fl{ float:left;} .fr{ float:right;} .auto{ margin-left:auto; margin-right:auto;} /*html5*/ article,aside,footer,header,section,footer,nav,figure,main{display:block} /*小号文字 scale以12号字体为基准 需写实际字号大小*/ .font_adjust{-webkit-text-size-adjust:none;} .font_scale8{ -webkit-transform: scale(0.66);} .font_scale10{ -webkit-transform: scale(0.83);} .font_lc{-webkit-transform-origin:left center;} .font_rc{-webkit-transform-origin:right center;} .font_up{text-transform:uppercase;} /*文字截断*/ .TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /*transition*/ .tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;} .tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;} .tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;} .tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;} .scaleimg:hover .pic em, .scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);} /*网页限定宽度*/ .w1366{width: 90%;margin: 0 auto;max-width: 1366px;} input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; } *:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;} *:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); } /*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/ input,textarea{outline: none;} /*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/ input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;} .cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Source Han Sans CN", "Microsoft Yahei";} .hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;} .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; } .hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; } .hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; } .hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; } .hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #147651;} .header .menuIcon{width: 30px;cursor: pointer;display: none;position: absolute;right: 3.4%;top:50%; -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .header .menuIcon img{width: 100%;} .navForm{background: #fff;border-radius: 3px;} .navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;} .navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;} .mm-listview > li.nBorder:not(.mm-divider):after{display:none;} .banner{width: 100%;position: relative;overflow: hidden;z-index: 2;} .banner .swiper-slide a{display: block;width: 100%;height: 0;padding-bottom: 960px;background-repeat: no-repeat;background-position: center;background-size: cover;} .banner .slide1 .w1366{padding-top: 352px;} .banner .slide1 h5{margin-bottom: 42px;font-size: 50px;color: #393939f;line-height: 68px;} .banner .slide1 .moreBtn{border-color: #147651;color: #fff;margin-left: 0;width: 168px;height: 50px;line-height: 50px;font-size: 20px;background: #147651;} .banner .slide1 .moreBtn:before{background: #fff;} .banner .slide1 .moreBtn:hover{color: #147651;} /*.banner .slide1 .moreBtn:before{-webkit-transform: scale(1.4);transform: scale(1.4);}*/ .banner .swiper-pagination{bottom: 32px;height: 10px;line-height: 10px;font-size: 0;} .banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 5px;opacity: 1;margin: 0 3px;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;opacity: 0.8;} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;background: #147651;opacity: 1;} .header{position: fixed;left: 0;top:0;width: 100%;z-index: 9;box-sizing:border-box;padding: 0 3.4%;background: rgba(255,255,255,0.6);line-height: 108px;} .header .searchBtn{margin-left: 35px;width: 20px;height: 108px;position: relative;cursor: pointer;} .header .searchBtn:before{content: "";width: 20px;height: 22px;position: absolute;left: 0;top:50%;margin-top: -11px;background: url(../images/searchBtn.png) no-repeat left top;} .header .searchBtn:hover:before{background-position: left bottom;} .header.scroll{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .header .nav .nLi{padding: 0 33px;position: relative;} .header .nav .nLi h3 a{display: block;font-size: 20px;color: #1d1d1d;font-weight: normal;position: relative;} .header .nav .nLi h3 a:before{content: "";width: 100%;height: 3px;background: #147651;position: absolute;left: 0;bottom: 0;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;} .header .nav .nLi.on h3 a:before, .header .nav .nLi:hover h3 a:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;} .header .nav .nLi .navSub{width: 150px;position: absolute;left: 50%;top:108px;margin-left: -75px;background: rgba(255,255,255,0.6);;text-align: center;display: none;} .header .nav .nLi .navSub ul li a{display: block;font-size: 14px;color: #333;line-height: 24px;padding: 8px 3px;} .header .nav .nLi .navSub ul li a:hover{background: #147651;color: #fff;} .header.scroll .nav .nLi .navSub{background: #fff;} .iTitle{padding: 54px 0;line-height: 40px;} .iTitle h3{font-size: 30px;color: #4c4c4a;} .iTitle h3 span{margin-left: 32px;font-family: "HelBold";color: #e9e9e9;text-transform: uppercase;} .iTitle ul li{margin-left: 50px;} .iTitle ul li:first-child{margin-left: 0;} .iTitle ul li a{display: block;position: relative;font-size: 20px;color: #5a5a5a;} .iTitle ul li a:before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #147651;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;} .iTitle ul li.on a:before, .iTitle ul li:hover a:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;} .moreBtn{display: block;width: 248px;height: 55px;border:1px solid #c4c4c4;margin: 0 auto;position: relative;font-size: 20px;color: #4e4e4e;line-height: 55px;text-align: center;overflow: hidden;} .moreBtn span{position: relative;z-index: 2;} .moreBtn:before{width: 300px;height: 300px;border-radius: 100%;background: #147651;content: '';position: absolute;left: -24%;top: -100%;-webkit-transition: all 1.2s ease 0s;transition: all 1.2s ease 0s;-webkit-transform: scale(0);transform: scale(0);} .moreBtn:hover:before{-webkit-transform: scale(1.4);transform: scale(1.4);} .moreBtn:hover{border-color: #147651;color: #fff;} .isect1{padding: 22px 0 41px;background: url(../images/isect1Bg.jpg) no-repeat center top;background-size: cover;} .isect1 .container{width: 100%;position: relative;overflow: hidden;padding: 0 10px;margin-left: -10px;} .isect1 .container ul{padding-bottom: 50px;} .isect1 .container ul li{width: 32.2%;margin-right: 1.7%;} .isect1 .container ul li:nth-child(3n){margin-right: 0;} .isect1 .container ul li a{display: block;} .isect1 .container ul li a .pic{width: 100%;height: 0;padding-bottom: 70.9%;position: relative;overflow: hidden;} .isect1 .container ul li a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .isect1 .container ul li a .text{padding: 28px 36px 30px;border:1px solid #e8e8e8;border-top: none;background: #ffffff;} .isect1 .container ul li a .text h5{font-size: 20px;line-height: 30px;color: #1d1d1d;height: 60px;overflow: hidden;} .isect1 .container ul li a .text p{margin: 18px 0 32px;font-size: 18px;color: #9b9b9b;line-height: 22px;height: 66px;overflow: hidden;} .isect1 .container ul li a .text span{display: block;position: relative;font-size: 18px;line-height: 28px;color: #bbbbbb;font-family: "Helvetica";} .isect1 .container ul li a .text span:before{content: "";width: 10px;height: 10px;border-left: 2px solid #bbbbbb;border-bottom: 2px solid #bbbbbb;position: absolute;right: 2px;top:50%;margin-top: -6px;-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);} .isect1 .container ul li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);} .isect1 .container ul li a:hover .text h5{color: #147651;} .isect1 .container ul li a:hover .text span:before{border-color: #147651;} .isect2{margin-bottom: 48px;} .isect2 .content{padding-bottom: 102px;position: relative;} .isect2 .bgScroll{width: 100%;position: relative;overflow: hidden;} .isect2 .bgScroll em{display: block;width: 100%;height: 0;padding-bottom: 650px;background-repeat: no-repeat;background-position: center;background-size: cover;} .isect2 .tabScroll{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;overflow: hidden;} /*.isect2 .tabScroll .container{box-sizing:border-box;padding-left: 660px;}*/ .isect2 .tabScroll .container{/*box-sizing:border-box;padding-left: 660px;*/float: right;width: calc(100% - (100% - 1366px)/2 - 660px);} .isect2 .tabScroll .swiper-slide{width: auto;cursor: pointer;} .isect2 .tabScroll .swiper-slide .pic{width: 271px;height: 160px;position: relative;background: #1d1d1d;width: 320px;} .isect2 .tabScroll .swiper-slide .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;opacity: 0.3;} .isect2 .tabScroll .swiper-slide.swiper-slide-thumb-active .pic em{opacity: 1;} .isect2 .textScroll{width: 650px;height: 335px;background: #f9f9f9;position: absolute;bottom: 0;right: 50%;margin-right: 33px;z-index: 3;box-sizing:border-box;padding: 43px 36px 0 48px;} .isect2 .textScroll .container{width: 100%;position: relative;overflow: hidden;} .isect2 .textScroll h5{font-size: 20px;line-height: 35px;color: #1d1d1d;margin-right: 154px;} .isect2 .textScroll p{margin: 20px 154px 73px 0;font-size: 18px;line-height: 30px;color: #3c3c3c;height: 60px;overflow: hidden;} .isect2 .textScroll .btnWrap .moreBtn{margin-left: 18px;} .isect2 .textScroll .btnWrap .moreBtn:first-child{margin-left: 0;} .isect2 .textScroll .control{width: 120px;position: absolute;right: 0;top:50px;z-index: 2;background: #f9f9f9;padding-left: 10px;} .isect2 .textScroll .control .pageState{font-size: 25px;color: #9c9c9c;line-height: 34px;font-family: "DINAltBold";margin-bottom: 26px;} .isect2 .textScroll .control .pageState em{color: #147651;} .isect2 .textScroll .control .pageState span{color: #1d1d1d;margin: 0 10px;} .isect2 .textScroll .control .btn{width: 38px;height: 38px;background: #ffffff;border:1px solid #d0d0d0;position: relative;margin-right: 10px;cursor: pointer;} .isect2 .textScroll .control .btn:before{content: "";width: 9px;height: 9px;border-left: 1px solid #000000;border-bottom: 1px solid #000000;position: absolute;left: 50%;top:50%;margin: -5px 0 0 -5px;-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);} .isect2 .textScroll .control .btn.next:before{-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);} .isect2 .textScroll .control .btn:hover{background: #147651;border-color: #147651;} .isect2 .textScroll .control .btn:hover:before{border-color: #fff;} .isect2 .textScroll .control .btn:focus {outline: none;} .isect3{width: 100%;position: relative;} .isect3 .bg{display: block;width: 100%;height: 0;padding-bottom: 719px;background-repeat: no-repeat;background-position: center;background-size: cover;} .isect3 .content{position: absolute;left: 0;bottom: -59px;width: 100%;} .isect3 dl dt{width: 48.3%;height: 420px;position: relative;overflow: hidden;cursor: pointer;} .isect3 dl dt em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .isect3 dl dt i{width: 92px;height: 92px;position: absolute;left: 50%;top:50%;margin: -46px 0 0 -46px;background: url(../images/videoIcon.png) no-repeat center;background-size: 100% 100%;} .isect3 dl dd{width: 51.7%;height: 420px;background: #f9f9f9 url(../images/isect3Bg1.png) no-repeat center bottom;background-size: cover;box-sizing:border-box;padding: 56px 3.8% 0;} .isect3 dl dd .iTitle{padding: 0;} .isect3 dl dd .desc{font-size: 18px;line-height: 30px;color: #727272;height: 120px;overflow: hidden;margin: 30px 0 56px;} /*.isect3 dl dd .moreBtn{margin-left: 0;border-color: #147651;color: #fff;} .isect3 dl dd .moreBtn:before{-webkit-transform: scale(1.4);transform: scale(1.4);}*/ .isect3 dl dd .moreBtn{margin-left: 0;} .footer{background: url(../images/footerBg.jpg) no-repeat center;background-size: cover;font-size: 18px;line-height: 30px;color: #ffffff;} .footer a{display: inline-block;} .footer a:hover{opacity: 0.8;} .footer .top{padding: 122px 140px 60px 0;box-sizing:border-box;position: relative;} .footer .top .left .logo{display: inline-block;margin-bottom: 28px;} .footer .top .left ul li{padding-left: 28px;position: relative;} .footer .top .left ul li:before{content: "";width: 2px;height: 14px;background: #fff;position: absolute;left: 14px;top:50%;margin-top: -7px;} .footer .top .left ul li:first-child{padding-left: 0;} .footer .top .left ul li:first-child:before{display: none;} .footer .top .right{width: 33.8%;} .footer .top .right em{letter-spacing: 37px;} .footer .top .qrcode{width: 111px;height: 111px;position: absolute;right: 0;top:126px;} .footer .top .qrcode img{width: 100%;height: 100%;} .footer .btm{padding: 34px 0;background: #181818;line-height: 38px;font-size: 16px;color: #ffffff;} .footer .select{width: 216px;position: relative;} .footer .select:before{content: "";border:6px solid transparent;border-top-color: #a4a4a4;position: absolute;right: 20px;top:50%;margin-top: -3px;} .footer .select select{width: 100%;height: 36px;border:1px solid #a4a4a4;border-radius: 5px;padding: 0 22px;position: relative;z-index: 2;background: none;font-size: 16px;color: #a4a4a4;line-height: 36px;} .footer .select select option{font-size: 14px;color: #333;} .nyPageWrap{padding-top: 108px;} .nyBanner{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center;background-size: cover;color: #ffffff;} .nyBanner .w1366 h3{padding-top: 152px;margin-bottom: 13px;font-size: 35px;} .nyBanner .w1366 .path{font-size: 16px;line-height: 28px;} .nyBanner .w1366 .path a{margin-right: 34px;position: relative;} .nyBanner .w1366 .path a:before{content: "";width: 7px;height: 7px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: -20px;top:50%;margin-top: -4px;-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);} .nyBanner .w1366 .path a:hover{opacity: 0.7;} .nyNav ul li{margin-left: 72px;} .nyNav ul li:first-child{margin-left: 0;} .nyNav ul li a{display: block;font-size: 20px;line-height: 65px;color: #aeaeae;position: relative;} .nyNav ul li a:before{content: "";width: 100%;height: 3px;background: #147651;position: absolute;left: 0;bottom: 0;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;} .nyNav ul li.on a:before,.nyNav ul li a:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;} .nyNav ul li.on a,.nyNav ul li a:hover{color: #0b704b;} .pageStyle{font-size: 18px;line-height: 30px;color: #686868;} .pageStyle *{max-width: 100% !important;} .pageStyle img{height: auto !important;} .aboutWrap{min-height: 300px;background: #f9f9f9;} .aboutWrap .item1{padding: 339px 0 57px;position: relative;} .aboutWrap .item1 .bg{position: absolute;left: 0;top:0;width: 100%;height: 504px;background-repeat: no-repeat;background-position: center;background-size: cover;} .aboutWrap .item1 .content{padding: 27px 0 64px;background: #ffffff;position: relative;z-index: 2;text-align: center;min-height: 300px;} .aboutWrap .item1 .content .title{margin-bottom: 20px;font-size: 25px;line-height: 40px;color: #0e7146;} .aboutWrap .item1 .content .text{padding: 0 72px 0 60px;} .aboutWrap .item1 .content .ul{padding-top: 63px;font-size: 0;text-align: center;} .aboutWrap .item1 .content .ul li{width: 16.66%;float: none;display: inline-block;} .aboutWrap .item1 .content .ul li .icon{height: 66px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;} .aboutWrap .item1 .content .ul li h5{padding-top: 9px;font-size: 18px;color: #03784a;line-height: 30px;} .aboutWrap .item1 .content .ul li:hover .icon{ -webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .aboutWrap .item2{background: #ffffff;} .aboutWrap .item2 .picScroll{width: 47.2%;position: relative;overflow: hidden;} .aboutWrap .item2 .picScroll .swiper-slide{position: relative;} .aboutWrap .item2 .picScroll em{display: block;width: 100%;height: 0;padding-bottom: 526px;background-repeat: no-repeat;background-position: center;background-size: cover;} .aboutWrap .item2 .picScroll h5{position: absolute;left: 0;bottom: 0;width: calc(100% - 114px);z-index: 2;box-sizing:border-box;padding: 0 12px;background: rgba(0,0,0,0.5);text-align: center;line-height: 55px;font-size: 18px;color: #ffffff;font-weight: normal;} .aboutWrap .item2 .picScroll .btnWrap{position: absolute;right: 0;bottom: 0;z-index: 2;} .aboutWrap .item2 .picScroll .btnWrap div{width: 55px;height: 55px;margin-left: 2px;background: rgba(0,0,0,0.5);cursor: pointer;position: relative;} .aboutWrap .item2 .picScroll .btnWrap div:before{content: "";width: 15px;height: 15px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;left: 50%;top:50%;margin: -8px 0 0 -8px;} .aboutWrap .item2 .picScroll .btnWrap div.prev:before{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);} .aboutWrap .item2 .picScroll .btnWrap div.next:before{-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);} .aboutWrap .item2 .textWrap{width: 52.8%;} .aboutWrap .item2 .textWrap .wrap{width: 737px;box-sizing:border-box;padding: 62px 0 0 54px;} .aboutWrap .item2 .textWrap .title{margin-bottom: 27px;padding-bottom: 27px;position: relative;} .aboutWrap .item2 .textWrap .title:before{content: "";width: 79px;height: 3px;background: #147651;position: absolute;left: 0;bottom: 0;} .aboutWrap .item2 .textWrap .title p{font-size: 18px;line-height: 32px;color: #c3c3c3;} .aboutWrap .item2 .textWrap .title h4{font-size: 25px;line-height: 42px;color: #0e7146;} .aboutWrap .item2 .textWrap .cont{text-align: justify;max-height: 270px;overflow: auto;width: 100%;padding-right: 20px;} .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar{width:3px;height:3px} .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar-button:vertical{display:none} .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar-corner, .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar-track{background-color:#ccc} .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar-thumb{border-radius:0;background-color:#03784a; } .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar-thumb:vertical:hover{ } .aboutWrap .item2 .textWrap .cont::-webkit-scrollbar-thumb:vertical:active{ } .aboutWrap .item3{padding: 132px 0 102px;background: url(../images/aboutBg2.jpg) no-repeat center top;background-size: cover;} .aboutWrap .item3 .title{margin-bottom: 24px;padding-bottom: 28px;position: relative;font-size: 25px;color: #0e7146;line-height: 38px;} .aboutWrap .item3 .title:before{content: "";width: 78px;height: 3px;background: #147651;position: absolute;left: 0;bottom: 0;} .aboutWrap .item3 .text{max-width: 1078px;min-height: 144px;} .page{text-align: center;font-size: 0;} .page a{display: inline-block;margin: 0 10px;border:1px solid #e5e5e5;border-radius: 2px;height: 37px;padding: 0 24px;font-size: 15px;color: #434749;line-height: 37px;font-family: "Helvetica";} .page a.more{border:none;height: 39px;line-height: 39px;padding: 0;} .page a.num{padding: 0 10px;} .page a.on,.page a:hover{background: #147651;border-color: #147651;color: #fff;} .page a.more:hover{background: none;color: #434749;} .nyWrap{width: 100%;padding: 54px 0 60px;background: #f9f9f9;} .nyWrap .nyContent{box-sizing:border-box;padding: 35px 35px 90px;background: #ffffff;min-height: 350px;} .honorList{padding-bottom: 70px;} .honorList li{width: 32%;margin: 0 2% 26px 0;} .honorList li:nth-child(3n){margin-right: 0;} .honorList li a{display: block;} .honorList li a .pic{padding: 20px;background: #f9f9f9;height: 253px;line-height: 253px;text-align: center;font-size: 0;} .honorList li a .pic img{max-width: 100%;max-height: 100%;} .honorList li a .pic span{display: block;width: 100%;height: 100%;overflow: hidden;} .honorList li a h5{font-size: 18px;line-height: 84px;color: #676767;font-weight: normal;text-align: center;} .honorList li a:hover h5{color: #03784a;} .Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease} .Gallery{width:100%;height:100%;position:fixed;left:0;top:0;opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease} .Gallery.show{opacity:1} .g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease} .g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120} .g-left.none,.g-right.none{opacity:.3;cursor:not-allowed} .g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120} .g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer} .g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer} .Gallery img{max-height:87%;max-width:99%} .Gallery.Gallery-none img{max-height:100%;max-width:99%} .Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)} .g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px} .g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px} .g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px} .g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px} .g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0} .g-list span{display:inline-block;vertical-align:middle;height:100%} .g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease} .Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing} .g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px} .g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent} .g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff} .g-close{cursor:pointer} .g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px} .g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px} .g-top button:hover{opacity:1} .honorList1 .title{margin-bottom: 38px;font-size: 0;} .honorList1 .title span{display: inline-block;font-size: 20px;line-height: 58px;color: #147651;font-weight: normal;padding-right: 104px;position: relative;} .honorList1 .title span:before{content: "";width: 78px;height: 3px;background: #147651;position: absolute;right: 0;top:50%;margin-top: -1px;} .honorList1 ul{padding-bottom: 5px;} .honorList1 ul li{width: 32%;margin: 0 2% 42px 0;} .honorList1 ul li:nth-child(3n){margin-right: 0;} .honorList1 ul li a{display: block;width: 100%;height: 0;padding-bottom: 30%;position: relative;} .honorList1 ul li a:before, .honorList1 ul li a:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/honorBg1.png) no-repeat center;background-size: 100% 100%;} .honorList1 ul li a:after{background-image: url(../images/honorBg2.png);opacity: 0;} .honorList1 ul li a h5{position: absolute;left: 0;top:0;width: 100%;height: 100%;box-sizing:border-box;padding: 0 20px;text-align: center;display: flex;align-items:center;} .honorList1 ul li a h5 span{display: block;width: 100%;font-size: 20px;color: #676767;line-height: 28px;font-weight: normal;max-height: 56px;overflow: hidden;} .honorList1 ul li a:hover:before{opacity: 0;} .honorList1 ul li a:hover:after{opacity: 1;-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;} .honorList1 ul li a:hover h5 span{color: #03784a;} .nyWrap .nyContent.orgWrap{padding-top: 60px;background: #fff url(../images/orgBg.jpg) no-repeat center bottom;background-size: cover;} .newsList{padding-bottom: 76px;} .newsList li{padding: 50px 0 46px;border-top: 1px solid #efefef;} .newsList li:first-child{padding-top: 0;border:none;} .newsList li a{display: block;height: 168px;padding-left: 274px;position: relative;} .newsList li a .pic{width: 235px;height: 168px;position: absolute;left: 0;top:0;overflow: hidden;} .newsList li a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .newsList li a h5{font-size: 18px;line-height: 40px;color: #404040;font-weight: normal;} .newsList li a span{display: block;font-size: 16px;line-height: 22px;color: #acacac;font-family: "Helvetica","Arial";margin-bottom: 18px;} .newsList li a p{font-size: 16px;line-height: 30px;color: #9f9f9f;max-height: 60px;} .newsList li a:hover h5{color: #03784a;} .specialList{padding-bottom: 50px;} .specialList li{width: 32.4%;margin: 0 1.4% 36px 0;} .specialList li:nth-child(3n){margin-right: 0;} .specialList li a{display: block;} .specialList li a .pic{width: 100%;height: 0;padding-bottom: 40%;position: relative;overflow: hidden;} .specialList li a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .specialList li a h5{font-size: 18px;line-height: 72px;color: #404040;font-weight: normal;text-align: center;} .specialList li a:hover h5{color: #03784a;} .picList{padding-bottom: 50px;} .picList li{width: 32.4%;margin: 0 1.4% 20px 0;} .picList li:nth-child(3n){margin-right: 0;} .picList li a{display: block;background: #f7f7f7;} .picList li a .pic{width: 100%;height: 0;padding-bottom: 65.2%;position: relative;overflow: hidden;} .picList li a .pic em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .picList li a .text{height: 93px;box-sizing:border-box;padding: 24px 18px;display: flex;align-items:center;text-align: center;position: relative;} .picList li a .text:before{content: "";width: 100%;height: 3px;background: #007147;position: absolute;left: 0;bottom: 0;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform: scale(0,1);transform: scale(0,1);} .picList li a .text h5{font-size: 18px;color: #404040;line-height: 22px;font-weight: normal;width: 100%;} .picList li a:hover{background: #f7f7f7;box-shadow: 0 0 18px rgba(0,0,0,0.2);} .picList li a:hover .text h5{color: #0e7248;} .picList li a:hover .text:before{-webkit-transform: scale(1,1);transform: scale(1,1);} .contactWrap .item1{margin-bottom: 57px;background: #ffffff url(../images/contactBg1.jpg) no-repeat left bottom;} .contactWrap .item1 .text{width: 37.2%;box-sizing:border-box;padding: 15px 20px 0 4.75%;} .contactWrap .item1 .text ul li{margin-top: 52px;padding-left: 78px;position: relative;font-size: 18px;line-height: 32px;color: #393939;} .contactWrap .item1 .text ul li .icon{width: 42px;height: 42px;position: absolute;left: 0;top:6px;} .contactWrap .item1 .text ul li h5{line-height: 26px;} .contactWrap .item1 .mapWrap{width: 62.8%;height: 512px;} .contactWrap .item2{padding: 56px 35px 11px;background: #ffffff;margin-bottom: 55px;} .contactWrap .item2 .formItem{width: 29.3%;margin: 0 6.05% 53px 0;box-sizing:border-box;padding-left: 68px;position: relative;} .contactWrap .item2 .formItem.w100p{width: 100%;} .contactWrap .item2 .formItem.noMrg{margin-right: 0;} .contactWrap .item2 .formItem label{position: absolute;left: 0;top:0;line-height: 48px;font-size: 18px;color: #393939;} .contactWrap .item2 .formItem .text, .contactWrap .item2 .formItem textarea{width: 100%;height: 48px;box-sizing:border-box;padding: 0 20px;background: none;border:1px solid #e2e2e2;font-size: 18px;color: #393939;line-height: 46px;} .contactWrap .item2 .formItem textarea{height: 275px;} .contactWrap .item2 .formItem.codeItem{width: 38.6%;padding-right: 120px;} .contactWrap .item2 .formItem.codeItem .pic{width: 98px;height: 34px;border: 1px solid #b7b1ab;cursor: pointer;position: absolute;right: 0;top:50%;margin-top: -17px;} .contactWrap .item2 .formItem.codeItem .pic img{width: 100%;height: 100%;} .contactWrap .item2 .btnWrap input{width: 131px;height: 48px;margin-left: 24px;border:none;background: #e4e4e4;border-radius: 10px;text-align: center;line-height: 48px;font-size: 18px;color: #4e4e4e;cursor: pointer;} .contactWrap .item2 .btnWrap input.subm, .contactWrap .item2 .btnWrap input.reset:hover{background: #147651;color: #fff;} .contactWrap .item2 .formItem .text::-webkit-input-placeholder{color: #bdbdbd;} .contactWrap .item2 .formItem .text::-moz-placeholder{color: #bdbdbd; } .contactWrap .item2 .formItem .text:-moz-placeholder{color: #bdbdbd; } .contactWrap .item2 .formItem .text:-ms-input-placeholder{color: #bdbdbd; } .contactWrap .item2 .formItem textarea::-webkit-input-placeholder{color: #bdbdbd;} .contactWrap .item2 .formItem textarea::-moz-placeholder{color: #bdbdbd; } .contactWrap .item2 .formItem textarea:-moz-placeholder{color: #bdbdbd; } .contactWrap .item2 .formItem textarea:-ms-input-placeholder{color: #bdbdbd; } .contactWrap .item3 .title{padding: 0 35px;font-size: 20px;line-height: 91px;color: #3e3e3e;font-weight: normal;background: #ececec;} .contactWrap .item3 .content{padding: 33px 35px 63px;background: #ffffff;} .contactWrap .item3 .list{padding-bottom: 30px;} .contactWrap .item3 .list .nLi{margin-bottom: 37px;border:1px solid #e5e5e5;border-radius: 5px;} .contactWrap .item3 .list .nLi .icon{width: 78px;height: 78px;position: absolute;left: 0;top:0;text-align: center;line-height: 78px;border-right: 1px dashed #e4e4e4;} .contactWrap .item3 .list .nLi .dt{padding: 23px 23px 23px 106px;border-bottom: 1px dashed #e4e4e4;position: relative;font-size: 18px;color: #3e3e3e;line-height: 30px;} .contactWrap .item3 .list .nLi .dd{padding: 27px 23px 26px 106px;position: relative;min-height: 85px;box-sizing:border-box;color: #5b5b5b;font-weight: 300;} .contactWrap .item3 .list .nLi .dd .icon{height: 100%;line-height: 85px;} .contactWrap .item3 .list .nLi .dd .tit{margin-bottom: 10px;color: #3e3e3e;font-size: 18px;line-height: 30px;font-weight: normal;} .jobList{padding-bottom: 25px;} .jobList .nLi{margin-bottom: 50px;} .jobList .nLi .dt{background: #b9b9b9;font-size: 18px;color: #ffffff;line-height: 67px;cursor: pointer;} .jobList .nLi .dt span{box-sizing:border-box;padding-right: 12px;} .jobList .nLi .dt .item1{width: 27.7%;padding-left: 50px;} .jobList .nLi .dt .item2{width: 22.3%;} .jobList .nLi .dt .item3{width: 22.7%;} .jobList .nLi .dt .item4{width: 18.3%;} .jobList .nLi .dt .item5{width: 9%;} .jobList .nLi .dt .item5 i{display: block;width: 22px;height: 22px;margin: 23px auto 0;position: relative;} .jobList .nLi .dt .item5 i:before, .jobList .nLi .dt .item5 i:after{position: absolute;background: #fff;content: "";} .jobList .nLi .dt .item5 i:before{width: 100%;height: 1px;left: 0;top:10px;} .jobList .nLi .dt .item5 i:after{width: 1px;height: 100%;left: 10px;top:0;} .jobList .nLi .dd{display: none;} .jobList .nLi .dd .wrap{padding: 42px 0 0;} .jobList .nLi .dd .wrap .tit{margin-bottom: 25px;font-size: 20px;line-height: 30px;color: #12744b;font-weight: normal;} .jobList .nLi .dd .wrap .text{font-size: 16px;color: #737373;margin-bottom: 36px;} .jobList .nLi .dd .wrap .text p{padding: 10px 0;} .jobList .nLi .dd .wrap .more{display: block;width: 235px;height: 64px;background: #16704e;text-align: center;line-height: 64px;font-size: 20px;color: #ffffff;line-height: 64px;position: relative;overflow: hidden;} .jobList .nLi .dd .wrap .more span{position: relative;z-index: 2;} .jobList .nLi .dd .wrap .more:before{width: 238px;height: 238px;border-radius: 100%;background: #03784a;content: ''; position: absolute;left: -20%;top: -80%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);} .jobList .nLi .dd .wrap .more:hover:before{-webkit-transform: scale(1.6);transform: scale(1.6);} .jobList .nLi .dd .wrap .wap{display: none;} .jobList .nLi.on .dt{background: #989898;} .jobList .nLi.on .dt .item5 i:before, .jobList .nLi.on .dt .item5 i:after{-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);} .jobList .nLi.on .dt .item5 i:before{opacity: 0;} .jobList .nLi:first-child .dl .dd{display: block;} .nyWrap .nyContent.notice{padding-top: 0;} .noticeList{padding-bottom: 60px;} .noticeList li{border-top:1px solid #efefef;} .noticeList li:first-child{border-top: none;} .noticeList li a{display: block;padding: 49px 30px 44px 150px;position: relative;} .noticeList li a .date{width: 120px;position: absolute;left: 0;top: 56px;text-align: center;font-family: "Helvetica", "Arial";} .noticeList li a .date em{display: block;font-size: 60px;color: #147651;line-height: 60px;} .noticeList li a .date span{display: block;font-size: 20px;color: #343434;line-height: 30px;} .noticeList li a h5{font-size: 18px;line-height: 30px;color: #404040;font-weight: normal;margin-bottom: 12px;} .noticeList li a p{font-size: 16px;line-height: 30px;color: #9f9f9f;height: 60px;overflow: hidden;} .noticeList li a:hover{background: #f9f9f9;} .noticeList li a:hover h5{color: #247c59;} .recomNews{margin-bottom: 24px;} .recomNews li{width: 49%;} .recomNews li a{display: block;width: 100%;height: 0;padding-bottom: 55.67%;position: relative;overflow: hidden;} .recomNews li a em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .recomNews li a:before{content: "";width: 100%;height: 113px;position: absolute;left: 0;bottom: 0;z-index: 2;opacity: 0.6; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);} .recomNews li a h5{position: absolute;left: 0;bottom: 23px;width: 100%;z-index: 3;font-size: 20px;line-height: 40px;color: #ffffff;font-weight: normal;box-sizing:border-box;padding: 0 30px;} .nyWrap .nyContent.noPadTop{padding-top: 0;} .newsList1{padding-bottom: 80px;} .newsList1 li{padding: 50px 0 44px;border-top: 1px solid #efefef;} .newsList1 li:first-child{border:none;padding-top: 34px;} .newsList1 li a{display: block;height: 168px;position: relative;padding: 0 320px 0 150px;} .newsList1 li a .pic{width: 234px;height: 168px;position: absolute;right: 0;top:0;overflow: hidden;} .newsList1 li a .pic em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .newsList1 li a .date{position: absolute;left: 0;top:50%;margin-top: -58px;width: 116px;height: 116px;background: #eef6f3;box-sizing:border-box;padding: 15px 0 0;text-align: center;font-family: "Helvetica","Arial";} .newsList1 li a .date em{display: block;font-size: 60px;line-height: 58px;color: #147651;} .newsList1 li a .date span{display: block;font-size: 20px;line-height: 30px;color: #343434;} .newsList1 li a h5{padding-top: 26px;margin-bottom: 4px;font-size: 18px;line-height: 46px;color: #404040;font-weight: normal;} .newsList1 li a p{font-size: 16px;line-height: 30px;color: #9f9f9f;height: 60px;overflow: hidden;} .newsList1 li a:hover h5{color: #147651;} .newsList1 li a:hover .date{background: #147651;} .newsList1 li a:hover .date em,.newsList1 li a:hover .date span{color: #fff;} .nyWrap .nyContent.passage{padding-top: 43px;} .passage .psgTitle{padding-bottom: 28px;border-bottom: 1px solid #cccccc;margin-bottom: 44px;} .passage .psgTitle h4{margin-bottom: 20px;font-size: 20px;line-height: 30px;color: #434343;} .passage .psgTitle .info{font-size: 18px;line-height: 36px;color: #b4b4b4;} .passage .psgTitle .info em{width: 1px;height: 20px;background: #b4b4b4;margin: 8px 27px 0;} .passage .psgCont{padding-bottom: 92px;line-height: 35px;color: #7a7a7a;} .passage .psgCont .pic{text-align: center;margin: 55px 0 67px;} .share-wrap{font-size: 0;position: relative;padding: 36px 0;border-top:1px solid #cccccc;border-bottom: 1px solid #cccccc;} .share-wrap:before{content: "分享到:";display: inline-block;vertical-align: top;margin-right: 22px;font-size: 18px;color: #7b7b7b;line-height: 42px;} .share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 42px;height: 42px;margin: 0 20px 0 0;transition: 0.3s;text-align: center;line-height: 42px;} .share-wrap .item img{width: 100%;height: 100%;} .share-wrap .item:hover{opacity: .9;} .passage .psgLink{padding-top: 40px;text-align: center;font-size: 20px;color: #848484;line-height: 35px;} .passage .psgLink .link{width: 350px;} .passage .psgLink .link a{display: block;position: relative;} .passage .psgLink .prev a{padding-left: 44px;} .passage .psgLink .link a:before{content: "";width: 12px;height: 12px;position: absolute;border-left: 2px solid #333333;border-bottom: 2px solid #333333;top:50%;margin-top: -7px;} .passage .psgLink .next a{padding-right: 44px;} .passage .psgLink .next a:before{right: 3px;-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);} .passage .psgLink .prev a:before{left: 3px;-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);} .passage .psgLink .link a:hover{color: #147651;} .passage .psgLink .link a:hover:before{border-color: #147651;} .passage .psgLink .toList{display: inline-block;padding-left: 32px;background: url(../images/listIcon.png) no-repeat left center;} .passage .psgLink .toList:hover{color: #147651;} .caseNav{margin-bottom: 32px;position: relative;overflow: hidden;background: #f0f0f0;} .caseNav .slide{position: relative;} .caseNav .slide:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #0b704f;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;} .caseNav a{display: block;text-align: center;font-size: 18px;line-height: 97px;color: #454545;position: relative;z-index: 2;} .caseNav a img{margin-right: 24px;} .caseNav .slide.on:before,.caseNav .slide:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;} .caseNav .slide.on a,.caseNav .slide:hover a{color: #fff;} .caseNav .slide.on a img,.caseNav .slide a:hover img{filter: brightness(0) invert(1);} .caseList{padding-bottom: 34px;} .caseList li{width: 31.3%;margin: 0 3.05% 33px 0;} .caseList li:nth-child(3n){margin-right: 0;} .caseList li a{display: block;width: 100%;height: 0;padding-bottom: 72.1%;position: relative;overflow: hidden;} .caseList li a em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .caseList li a:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;opacity: 0; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);} .caseList li a h5{position: absolute;left: 0;bottom: 18px;z-index: 3;width: 100%;box-sizing:border-box;padding: 0 12px;font-size: 18px;line-height: 36px;color: #ffffff;font-weight: normal;opacity: 0;-webkit-transform:translateY(16px);transform:translateY(16px);} .caseList li a:hover:before{opacity: 1;} .caseList li a:hover h5{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);} .nyPageWrap .footer .top{padding-top: 70px;} @media screen and (max-width: 1800px){ .header .logo img{width: 420px;} .header .searchBtn{margin-left: 15px;} .header .nav{width: calc(100% - 520px);} .header .nav .nLi{width: 14.2%;text-align: center;padding: 0;height: 108px;} .header .nav .nLi h3 a{display: inline-block;} } @media screen and (max-width: 1600px){ .isect2 .tabScroll .container{padding-left: 48%;} .isect2 .textScroll{width: 47.8%;left: 5%;margin-right: 0;padding: 43px 20px 0 48px;} .isect2 .tabScroll .container{width: calc(100% - 52.8%);} .aboutWrap .item1 .content{box-sizing:border-box;} .aboutWrap .item2 .textWrap .wrap{width: 92.6%;} .aboutWrap .item2 .textWrap .cont{box-sizing:border-box;} } @media screen and (max-width: 1400px){ .banner .swiper-slide a{padding-bottom: 63%;} .iTitle ul li{margin-left: 30px;} .jobList .nLi .dt{font-size: 15px;line-height: 54px;} .jobList .nLi .dt .item6 i{margin-top: 18px;} } @media screen and (max-width: 1300px){ .iTitle h3{font-size: 26px} .iTitle h3 span{margin-left: 18px;} .iTitle ul li a{font-size: 18px;} .banner .slide1 .w1366{padding-top: 25.7%;} .isect2 .textScroll .btnWrap .moreBtn{width: 180px;height: 44px;line-height: 44px;font-size: 15px;} } @media screen and (max-width: 1200px){ .header .searchBtn{margin-right: 52px;} .header .nav{display: none;} .header .menuIcon{display: block;} .iTitle{padding: 30px 0;} .iTitle h3 span{font-size: 22px;} .iTitle ul li a{font-size: 16px;} .footer{font-size: 14px;} .footer .top .left .logo img{height: 52px;} .aboutWrap .item1 .content{padding: 27px 0 64px;} .aboutWrap .item1 .content .text{padding: 0 30px;} .aboutWrap .item1 .content .ul li .icon{height: 46px;} .aboutWrap .item1 .content .ul li h5{font-size: 15px;line-height: 24px;} .honorList li a .pic{padding: 12px;height: 200px;line-height: 200px;} .honorList li a h5{font-size: 16px;line-height: 44px;} .honorList1 ul li{margin-bottom: 30px;} .honorList1 ul li a h5 span{font-size: 15px;} } @media screen and (max-width: 1024px){ .banner .slide1 h5{margin-bottom: 20px;font-size: 30px;line-height: 40px;text-align: center;} .banner .slide1 .moreBtn{margin: 0 auto;width: 140px;height: 42px;line-height: 42px;font-size: 14px;} .iTitle{text-align: center;} .iTitle h3{width: 100%;} .iTitle h3 span{display: block;font-size: 18px;line-height: 24px;} .iTitle ul{width: 100%;} .iTitle ul li,.iTitle ul li:first-child{float: none;display: inline-block;margin: 0 10px;} .isect1 .container ul li a .text{padding: 15px;} .isect1 .container ul li a .text h5{font-size: 16px;line-height: 24px;height: 48px;} .isect1 .container ul li a .text p{margin: 8px 0 15px;font-size: 14px;} .isect1 .container ul li a .text span{font-size: 15px;} .isect2 .bgScroll em{padding-bottom: 47.8%;} .isect2 .tabScroll{display: none;} .isect2 .textScroll{width: 90%;left: 5%;} .isect3 .bg{padding-bottom: 52.6%;} .isect3 dl dt{height: 300px;} .isect3 dl dt i{width: 66px;height: 66px;margin: -33px 0 0 -33px;} .isect3 dl dd{height: 300px;padding-top: 25px;} .isect3 dl dd .desc{font-size: 15px;line-height: 24px;height: 96px;margin: 15px 0 26px;} .isect3 dl dd .moreBtn{width: 200px;height: 44px;line-height: 44px;font-size: 16px;} .footer{text-align: center;} .footer .top{padding-right: 0;} .footer .top .left,.footer .top .right{width: 100%;float: none;} .footer .top .left ul li{float: none;display: inline-block;} .footer .top .right{padding-top: 20px;} .footer .top .qrcode{position: relative;margin: 20px auto 0;top:0;} .footer .btm .text{width: 100%;float: none;} .footer .select{float: none;margin: 5px auto 0;} .nyBanner{height: auto;padding: 10% 0 15%;} .nyBanner .w1366 h3{padding-top: 0;} .aboutWrap .item2 .picScroll em{padding-bottom: 400px;} .aboutWrap .item2 .textWrap .wrap{padding: 30px 0 0 30px;} .aboutWrap .item2 .textWrap .title{padding-bottom: 15px;margin-bottom: 15px;} .aboutWrap .item2 .textWrap .cont{max-height: 230px;} .aboutWrap .item3{padding: 60px 0;} .honorList1 .title{margin-bottom: 12px;} .honorList1 ul li{width: 48%;margin-right: 0;margin-bottom: 20px;} .honorList1 ul li:nth-child(2n){float: right;} .newsList{padding-bottom: 40px;} .newsList li{padding: 30px 0;} .specialList li{margin-bottom: 16px;} .specialList li a h5{font-size: 16px;line-height: 44px;} .contactWrap .item1 .text,.contactWrap .item1 .mapWrap{width: 100%;} .contactWrap .item1 .mapWrap{} .contactWrap .item1 .text{padding: 10px 5% 40px;} .contactWrap .item1 .text ul li{width: 50%;box-sizing:border-box;float: left;margin-top: 30px;padding-left: 50px;} .contactWrap .item1 .text ul li .icon{width: 30px;height: 30px;} .contactWrap .item1 .text ul li .icon img{width: 100%;} .jobList{padding-bottom: 20px;} .jobList .nLi{margin-bottom: 20px;} .jobList .nLi .dt .item2,.jobList .nLi .dt .item3,.jobList .nLi .dt .item4{display: none;} .jobList .nLi .dt .item5{float: right;width: 10%;} .jobList .nLi .dt .item1{width: 90%;padding-left: 20px;} .jobList .nLi .dd .wrap .wap{display: block;} .jobList .nLi .dd .wrap{padding: 20px;} .jobList .nLi .dd .wrap .tit{font-size: 15px;font-weight: normal;line-height: 32px;} .jobList .nLi .dd .wrap .text{margin-bottom: 20px;font-size: 14px;line-height: 28px;} .jobList .nLi .dd .wrap .more{width: 180px;height: 48px;line-height: 48px;font-size: 14px;} .jobList .nLi .dt .item5 i{width: 16px;height: 16px;margin-top: 18px;} .jobList .nLi .dt .item5 i:before{top:8px;} .jobList .nLi .dt .item5 i:after{left: 8px;} .noticeList li a{padding: 20px 15px 20px 90px;} .noticeList li a .date{width: 80px;top: 20px;} .noticeList li a .date em{font-size: 40px;line-height: 44px;} .noticeList li a .date span{font-size: 15px;} .noticeList li a h5{font-size: 16px;line-height: 24px;margin-bottom: 6px;} .noticeList li a p{font-size: 13px;line-height: 24px;height: 48px;} .recomNews li a h5{padding: 0 12px;bottom: 12px;font-size: 18px;} .newsList1 li{padding: 30px 0;} .newsList1 li a{height: 130px;padding: 0 200px 0 112px;} .newsList1 li a .pic{width: 180px;height: 130px;} .newsList1 li a .date{width: 88px;height: 88px;margin-top: -44px;padding-top: 8px;} .newsList1 li a .date em{font-size: 38px;line-height: 50px;} .newsList1 li a .date span{font-size: 15px;line-height: 30px;} .newsList1 li a h5{padding-top: 20px;font-size: 16px;line-height: 30px;margin-bottom: 12px;} .newsList1 li a p{font-size: 14px;line-height: 24px;height: 48px;} .passage .psgTitle{padding-bottom: 20px;margin-bottom: 20px;} .passage .psgTitle h4{font-size: 20px;line-height: 28px;margin-bottom: 12px;} .passage .psgTitle .info{font-size: 14px;line-height: 28px;} .passage .psgTitle .info em{margin: 6px 12px 0;height: 16px;} .passage .psgCont{padding-bottom: 30px;} .passage .psgCont .pic{margin: 20px 0;} .share-wrap{padding-bottom: 20px;} .passage .psgLink{padding-top: 20px;font-size: 14px;} .passage .psgLink .toList{display: none;} .passage .psgLink .link{width: 48%;} .passage .psgLink .prev a{padding-left: 30px;text-align: left;} .passage .psgLink .next a{padding-right: 30px;text-align: right;} } @media screen and (max-width: 768px){ .header{line-height: 66px;} .header .searchBtn{height: 66px;} .header .logo img{width: auto;height: 36px;} .banner .slide1 h5{font-size: 22px;line-height: 30px;margin-bottom: 12px;} .banner .slide1 .moreBtn{width: 100px;height: 34px;line-height: 34px;font-size: 12px;} .isect1 .container ul{padding-bottom: 25px;} .isect1 .container ul li{width: 48%;margin-right: 0;} .isect1 .container ul li:nth-child(2n){float: right;} .isect1 .container ul li:nth-child(3){display: none;} .moreBtn{width: 160px;height: 42px;line-height: 42px;font-size: 16px;} .isect3 .bg{display: none;} .isect3 .content{position: relative;bottom: 0;} .isect3 .content .w1366{width: 100%;} .footer .top{padding: 30px 0;} .footer .top .left ul{display: none;} .footer .top .left .logo{margin-bottom: 0;} .footer .top .left .logo img{height: 42px;} .footer .btm{padding: 15px 0;font-size: 14px;line-height: 24px;} .nyPageWrap .footer .top{padding-top: 30px;} .isect2 .textScroll{padding: 20px 5%;height: auto;margin-top: -50px;} .isect2 .textScroll .btnWrap .moreBtn{width: 160px;} .nyPageWrap{padding-top: 66px;} .nyBanner .w1366 h3{font-size: 24px;line-height: 44px;margin-bottom: 0;} .nyBanner .w1366 .path{font-size: 13px;} .nyBanner .w1366 .path a{margin-right: 20px;} .nyBanner .w1366 .path a:before{right: -12px;} .nyNav{display: none;} .pageStyle{font-size: 15px;line-height: 26px;} .aboutWrap .item1{padding-top: 0;padding-bottom: 30px;margin-top: 30px;} .aboutWrap .item1 .bg{position: relative;height: 0;padding-bottom: 36.9%;display: block;} .aboutWrap .item1 .content{margin-top: -100px;padding: 30px 0;} .aboutWrap .item1 .content .title{font-size: 20px;line-height: 30px;margin-bottom: 10px;} .aboutWrap .item1 .content .ul{padding-top: 30px;} .aboutWrap .item1 .content .ul li{width: 33.33%;width: 25%;} .aboutWrap .item1 .content .ul li h5{min-height: 48px;} .aboutWrap .item2 .picScroll,.aboutWrap .item2 .textWrap{width: 100%;} .aboutWrap .item2 .textWrap .wrap{width: 90%;margin: 0 auto;padding: 30px 0 40px;} .aboutWrap .item2 .textWrap .cont{max-height: none;} .aboutWrap .item3{padding: 40px 0;} .aboutWrap .item3 .title{font-size: 20px;line-height: 28px;} .nyWrap .nyContent{padding: 20px 20px 40px;} .honorList{padding-bottom: 20px;} .honorList li{width: 48%;margin-right: 0;} .honorList li:nth-child(2n){float: right;} .page a.num,.page a.more{display: none;} .page a.num.on{display: inline-block;} .honorList1 ul li a h5 span{font-size: 13px;line-height: 20px;} .nyWrap .nyContent.orgWrap{padding-top: 20px;} .newsList li a{height: 120px;padding-left: 190px;} .newsList li a .pic{width: 170px;height: 120px;} .newsList li a h5{font-size: 16px;line-height: 24px;padding-top: 4px;} .newsList li a span{font-size: 13px;line-height: 20px;margin: 5px 0 10px;} .newsList li a p{font-size: 14px;line-height: 24px;max-height: 48px;overflow: hidden;} .specialList{padding-bottom: 20px;} .specialList li{width: 48%;margin-right: 0;} .specialList li:nth-child(2n){float: right;} .picList{padding-bottom: 30px;} .picList li{width: 48%;margin-right: 0;} .picList li:nth-child(2n){float: right;} .picList li a .text{padding: 16px 10px;height: 72px;} .picList li a .text h5{font-size: 15px;line-height: 20px;} .contactWrap .item1 .text ul li{width: 100%;padding-left: 50px;} .contactWrap .item1 .text ul li .icon{width: 36px;height: 36px;} .contactWrap .item2{padding: 30px;} .contactWrap .item2 .formItem{width: 100%;margin-right: 0;margin-bottom: 25px;float: none;} .contactWrap .item2 .formItem.codeItem{width: 100%;} .contactWrap .item2 .btnWrap{width: 100%;float: none;text-align: center;} .contactWrap .item2 .btnWrap input{display: inline-block;float: none;margin: 0 8px;} .contactWrap .item3 .title{padding: 0 20px;font-size: 18px;line-height: 54px;} .contactWrap .item3 .content{padding: 20px;} .contactWrap .item3 .list{padding-bottom: 10px;} .contactWrap .item3 .list .nLi{margin-bottom: 20px;} .contactWrap .item3 .list .nLi .icon{width: 50px;height: 50px;line-height: 50px;} .contactWrap .item3 .list .nLi .icon img{height: 24px;} .contactWrap .item3 .list .nLi .dt{padding: 12px 12px 12px 66px;font-size: 15px;line-height: 25px;} .contactWrap .item3 .list .nLi .dd{padding: 12px 12px 12px 66px;} .contactWrap .item3 .list .nLi .dd .tit{font-size: 16px;line-height: 24px;} .contactWrap .item3 .list .nLi .dd .icon{line-height: 48px;} .jobList .nLi.on .dt .item1,.jobList .nLi .dt .item1{background: none;} .nyWrap .nyContent.passage{padding-top: 20px;} .passage .psgLink .link{width: 100%;} .passage .psgLink .prev,.passage .psgLink .next{width: 100%;text-align: left;} .passage .psgLink .link a:before{display: none;} .passage .psgLink .prev a{padding: 0;} .passage .psgLink .next a{text-align: left;padding: 0;} .passage .psgTitle .info em{margin: 6px 6px 0;} .passage .psgTitle .info .hide{display: none;} .share-wrap{display: none;} .caseNav a{font-size: 15px;line-height: 54px;} .caseNav a img{height: 40px;margin-right: 12px;} .caseList{padding-bottom: 20px;} .caseList li{width: 48%;margin-right: 0;margin-bottom: 4%;} .caseList li:nth-child(2n){float: right;} } @media screen and (max-width: 640px){ .recomNews li{width: 100%;margin-top: 20px;} .recomNews li:first-child{margin-top: 0;} .newsList1{padding-bottom: 30px;} .newsList1 li{padding: 20px 0 15px;} .newsList1 li a{padding: 0;height: auto;} .newsList1 li a .date{display: none;} .newsList1 li a .pic{position: relative;width: 100%;height: 0;padding-bottom: 71.8%;} .newsList1 li a h5{margin-bottom: 6px;padding-top: 12px;} } @media screen and (max-width: 468px){ .header{position: relative;} .header .searchBtn{display: none;} .header .logo img{height: 32px;} .header .menuIcon{width: 24px;} .banner .slide1 .w1366{padding-top: 20%;} .banner .slide1 h5{font-size: 18px;line-height: 24px;} .banner .slide1 .moreBtn{width: 80px;height: 30px;font-size: 12px;line-height: 30px;} .banner .swiper-pagination{bottom: 20px;height: 6px;} .banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 22px;} .iTitle{padding: 15px 0 0;} .iTitle ul li, .iTitle ul li:first-child{margin: 0 18px;} .iTitle ul li a{font-size: 15px;line-height: 40px;} .isect1{padding: 10px 0 30px;} .isect1 .container ul li a .text{padding: 15px 8px;} .isect1 .container ul li a .text h5{font-size: 14px;line-height: 20px;-webkit-box; -webkit-line-clamp: 1;height: 20px;} .isect1 .container ul li a .text p{font-size: 12px;line-height: 20px;-webkit-box; -webkit-line-clamp: 2;height: 40px;} .isect1 .container ul li a .text span{font-size: 12px;line-height: 20px;} .isect1 .container ul li a .text span:before{width: 6px;height: 6px;border-width: 1px;margin-top: -3px;} .isect3 dl dd,.isect3 dl dt{width: 100%;height: 0;padding-bottom: 63.63%;} .isect3 dl dd{height: auto;padding: 3.8% 5% 5%;} .isect3 dl dd .moreBtn{margin: 0 auto;width: 160px;height: 42px;line-height: 42px;font-size: 16px;} .footer .top .right em{letter-spacing: 30px;} .footer .btm .text span.block{display: block;} .footer .top .left .logo img{height: 36px;} .isect2 .content{padding-bottom: 220px;} .isect2 .textScroll{margin-top: 0;padding-bottom: 78px;box-shadow: 0 0 10px rgba(0,0,0,0.2);bottom: 0;} .isect2 .textScroll .control{width: 100%;top:auto;bottom: 20px;box-sizing:border-box;padding: 0 5%;} .isect2 .textScroll .control .pageState{float: left;line-height: 34px;margin-bottom: 0;font-size: 20px;} .isect2 .textScroll .control .btnWrap{float: right;} .isect2 .textScroll .control .btn{width: 32px;height: 32px;} .isect2 .textScroll .btnWrap .moreBtn{width: 130px;height: 40px;line-height: 40px;font-size: 14px;width: 48%;margin: 0;} .isect2 .textScroll .btnWrap .moreBtn:nth-child(2){float: right;} .isect2 .textScroll h5{margin-right: 0;font-size: 18px;} .isect2 .textScroll p{font-size: 14px;line-height: 26px;height: 52px;margin: 8px 0 24px;} .nyPageWrap{padding-top: 0;} .pageStyle{font-size: 14px;line-height: 24px;} .aboutWrap .item1 .bg{padding-bottom: 54%;} .aboutWrap .item1 .content{margin-top: -60px;padding: 20px 0 0;} .aboutWrap .item1 .content .text{padding: 0 15px;} .aboutWrap .item1 .content .ul li .icon{height: 30px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;} .aboutWrap .item1 .content .ul li h5{font-size: 13px;line-height: 20px;min-height: 40px;margin-bottom: 5px;} .aboutWrap .item1 .content .ul li:hover .icon{ -webkit-transform: rotateX(180deg);transform: rotateX(180deg);} .aboutWrap .item2 .picScroll em{padding-bottom: 58.16%;} .aboutWrap .item2 .picScroll h5{width: calc(100% - 90px);height: 40px;line-height: 40px;font-size: 14px;} .aboutWrap .item2 .picScroll .btnWrap div{width: 40px;height: 40px;margin-left: 5px;} .aboutWrap .item2 .picScroll .btnWrap div:before{width: 8px;height: 8px;margin: -5px 0 0 -5px;} .aboutWrap .item2 .textWrap .title{padding-bottom: 10px;} .aboutWrap .item2 .textWrap .title:before{width: 50px;} .aboutWrap .item2 .textWrap .title p{font-size: 16px;line-height: 20px;} .aboutWrap .item2 .textWrap .title h4{font-size: 20px;line-height: 30px;} .aboutWrap .item2 .textWrap .wrap{padding: 20px 0;} .aboutWrap .item3 .title{padding-bottom: 15px;margin-bottom: 20px;} .aboutWrap .item3 .title:before{width: 50px;} .page a{margin: 0 4px;padding: 0 16px;height: 32px;line-height: 32px;font-size: 13px;} .nyWrap{padding: 30px 0;} .honorList li{width: 100%;} .honorList li:last-child{margin-bottom: 0;} .honorList li a .pic{height: auto;} .honorList li a .pic img{width: 100%;height: auto;} .honorList1 .title span{font-size: 18px;line-height: 44px;padding-right: 70px;} .honorList1 .title span:before{width: 50px;} .honorList1 ul li{width: 100%;margin-bottom: 15px;} .newsList{padding-bottom: 20px;} .newsList li{padding: 20px 0 16px;} .newsList li a{height: auto;padding-left: 0;} .newsList li a .pic{position: relative;width: 100%;height: 0;padding-bottom: 71.8%;margin-bottom: 12px;} .specialList li{width: 100%;} .picList{padding-bottom: 20px;} .picList li{width: 100%;} .picList li a .text{height: 54px;padding: 0 10px;} .picList li a .text h5{-webkit-line-clamp:1;height: 54px;line-height: 54px;} .caseNav .slide:hover:before{transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;} .caseNav .slide:hover a{color: #454545;} .contactWrap .item1{margin-bottom: 30px;} .contactWrap .item1 .text ul li{font-size: 15px;line-height: 25px;padding-left: 50px;margin-top: 20px;} .contactWrap .item1 .text ul li .icon{width: 30px;height: 30px;} .contactWrap .item1 .mapWrap{height: auto;} .contactWrap .item2{padding: 20px 15px;margin-bottom: 30px;} .contactWrap .item2 .formItem{padding-left: 60px;margin-bottom: 12px;} .contactWrap .item2 .formItem label{font-size: 16px;line-height: 44px;} .contactWrap .item2 .formItem .text, .contactWrap .item2 .formItem textarea{padding: 0 8px;font-size: 15px;height: 44px;line-height: 42px;} .contactWrap .item2 .btnWrap{padding-top: 12px;} .contactWrap .item2 .btnWrap input{width: 100px;height: 38px;line-height: 38px;font-size: 16px;} .jobList .nLi .dt{font-size: 14px;line-height: 48px;} .jobList .nLi .dd .wrap{padding: 12px;} .jobList .nLi .dt .item1{padding: 0 0 0 12px;} .jobList .nLi .dd .wrap .tit{margin-bottom: 6px;} .jobList .nLi .dd .wrap .more{width: 160px;} .jobList .nLi .dd .wrap .text p{padding: 5px 0;} .nyWrap .nyContent.notice{padding-top: 16px;} .noticeList{padding-bottom: 30px;} .noticeList li a{padding: 12px 10px 12px 82px;} .noticeList li a .date{width: 72px;top: 18px;} .noticeList li a .date em{font-size: 32px;line-height: 32px;} .noticeList li a .date span{font-size: 13px;} .noticeList li a h5{font-size: 15px;line-height: 20px;margin-bottom: 6px;} .noticeList li a p{font-size: 12px;line-height: 20px;height: 40px;} .passage .psgTitle{padding-bottom: 12px;margin-bottom: 12px;} .passage .psgTitle h4{font-size: 18px;line-height: 24px;margin-bottom: 4px;} .passage .psgTitle .info{font-size: 12px;} .passage .psgCont{line-height: 28px;padding-bottom: 16px;} .passage .psgCont .pic{margin: 12px 0;} .passage .psgLink{padding-top: 16px;line-height: 28px;border-top:1px solid #cccccc;} .caseNav{margin-bottom: 20px;} .caseList li{width: 100%;} .aboutWrap .item1 .content .ul li{width: 25%;} }