@font-face { font-family: 'CenturyGothic'; src: url('../font/CenturyGothic.eot'); src: url('../font/CenturyGothic.eot?#font-spider') format('embedded-opentype'), url('../font/CenturyGothic.woff') format('woff'), url('../font/CenturyGothic.ttf') format('truetype'), url('../font/CenturyGothic.svg') format('svg'); font-weight: normal; font-style: normal; } @charset "utf-8"; /* 初始化CSS */ /* html { filter: gray !important; */ /* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); */ /* filter: grayscale(100%); */ /* -webkit-filter: grayscale(100%); */ /* -moz-filter: grayscale(100%); */ /* -ms-filter: grayscale(100%); */ /* -o-filter: grayscale(100%) */ /* } */ *{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: "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: "SimSun",Arial,sans-serif; resize:none;} body{font:12px "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} a,*{-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;} /*小号文字 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;} /*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;} .tran800{-webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear; transition:all 0.8s linear;} .tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;} .tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;} .scaleimg:hover 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 .fl{-webkit-transform:translateX(6px); -moz-transform: translateX(6px); -ms-transform:translateX(6px); transform:translateX(6px);} /*网页限定宽度*/ .con_1000{ position:relative; margin:0 auto; width:1000px;} .con_1000:after{content:""; display:block; height:0; clear:both;} body{color: #474747; margin: 0 auto; background: #ffffff; min-width: 320px; font-size: 12px; line-height: 24px; font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;} .w1200{width: 1200px;margin: 0 auto;} /*body.nyBody{padding-top: 75px;}*/ .cd-popup { position: fixed; left: 0; top: 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); } .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; } .cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.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-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; 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; } .cd-popup-container1 { top: 10%; } .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -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: "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; } .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: 25px; } .hidden_search .close_btn:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #183884; } .header{width: 100%;height: 80px;position: fixed;left: 0;top: 0;z-index: 99999;background: rgba(0, 43, 96, 0.3);} .header .w1200{height: 100%;} .header #logo { position: relative; float: left; } .header #logo a { display: block; width: 100%; height: 100%; } .header #logo .logo1, .header #logo .logo2 { position: absolute; top: 18px; left: 0; display: inline-block; width: 217px; -webkit-transition: all 0.5s; transition: all 0.5s; } .header #logo .logo1 img, .header #logo .logo2 img { width: 100%;float: left; } .header #logo .logo1 { height: 56px; line-height: 56px; opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .header.smaller #logo .logo1 { opacity: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); } .header #logo .logo2 { height: 56px; line-height: 56px; opacity: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); } .header.smaller #logo .logo2 { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .header .w1200 .pcNav{margin-right: 27px;} .header .w1200 .pcNav .nLi{float: left;width: 116px;text-align: center;} .header .w1200 .pcNav .nLi h3 a{display: block;height: 80px;line-height: 80px;font-size: 15px;color: #fff;font-weight: normal;position: relative;} .header .w1200 .pcNav .nLi h3 a:before{content: ''} .header .w1200 .pcNav .nLi.on h3 a,.header .w1200 .pcNav .nLi:hover h3 a{color: #f08200;} .header .w1200 .pcNav .nLi .nav_hidden{display: none;width: 100%;position: absolute;left: 0;top: 80px;background: rgba(0, 43, 96, 0.3);text-align: left;} .header .w1200 .pcNav .nLi .nav_hidden .w1200{padding: 39px 0 72px 0;} .header .w1200 .pcNav .nLi .nav_hidden dt{float: left;width: 368px;} .header .w1200 .pcNav .nLi .nav_hidden dt h3{height: 45px;line-height: 45px;font-size: 35px;color: #fff;font-weight: normal;font-family: "Microsoft JhengHei";} .header .w1200 .pcNav .nLi .nav_hidden dt h5{height: 24px;line-height: 24px;text-transform: uppercase;font-size: 12px;color: #fff;font-family: "Bell MT";letter-spacing: 1px;font-weight: normal;} .header .w1200 .pcNav .nLi .nav_hidden dd{} .header .w1200 .pcNav .nLi .nav_hidden dd a{float: left;padding-left: 16px;margin-left: 50px;font-size: 14px;color: #fff;line-height: 46px;position: relative;} .header .w1200 .pcNav .nLi .nav_hidden dd a:first-child{margin-left: 0;} .header .w1200 .pcNav .nLi .nav_hidden dd a:before{content: " ";width: 7px;height: 7px;position: absolute;left: 0;top: 50%;margin-top: -3px;background: url(../images/navIcon1.png) no-repeat left top; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .header .w1200 .pcNav .nLi .nav_hidden dd a:hover{/*font-weight: bold;*/} .header .w1200 .pcNav .nLi .nav_hidden dd a:hover:before{background-position: left bottom;} .header .line{width: 104px;height: 2px;background: #f08200;position: absolute;top: 0;} .header .w1200 .searchBtn{width: 20px;height: 19px;margin-top: 32px;background: url(../images/searchBtn.png) no-repeat left top;cursor: pointer;} .navBtn{width: 25px;height: 15px;cursor: pointer;position: relative;border-top: 2px solid #fff;border-bottom: 2px solid #fff;margin: 32px 0 0 12px;display: none;} .navBtn:before{content: " ";width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;} .header.smaller{height: 75px; background: #fff; border-bottom: 1px solid #f3f3f3;} .header.smaller .w1200 .searchBtn{background-position: left bottom;margin-top: 30px;margin-top: 32px;} .header.smaller .w1200 .pcNav .nLi h3 a{height: 75px;line-height: 75px;color: #333333;} .header.smaller .w1200 .pcNav .nLi:hover h3 a{color: #f08200;} .header.smaller .w1200 .pcNav .nLi .nav_hidden{background: #fff;top: 75px;} .header.smaller .w1200 .pcNav .nLi .nav_hidden dt h3{color: #bbbbbb;} .header.smaller .w1200 .pcNav .nLi .nav_hidden dt h5{color: #575757;} .header.smaller .w1200 .pcNav .nLi .nav_hidden dd a{color: #808080;} .header.smaller .w1200 .pcNav .nLi .nav_hidden dd a:before{background: url(../images/navIcon2.png) no-repeat left top;} .header.smaller .w1200 .pcNav .nLi .nav_hidden dd a:hover{color: #444444;} .header.smaller .w1200 .pcNav .nLi .nav_hidden dd a:hover:before{background-position: left bottom;} .header.smaller .navBtn{border-color: #333333;} .header.smaller .navBtn:before{background: #333333;} .wapBanner{display: none;} .banner{width: 100%;height: 900px;height: 100vh;overflow: hidden;position: relative;} .banner .swiper-slide{width: 100%;height: 100%;position: relative;} .banner .swiper-slide .videoBg{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;background: url(../images/loading.gif) no-repeat center; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear; transition:all 0.8s linear;} .banner .swiper-slide .videoBg video{display: block;min-height: 103%;min-width: 103%;max-width: none;height: auto !important;width: auto !important;position: absolute;left: 50% !important;top: 50% !important;bottom: auto;right: auto; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} .banner .swiper-slide.swiper-slide-active .videoBg{opacity: 1;} .banner .swiper-slide .cont{width: 100%;height: 100%;position: relative;z-index: 2;} .banner .swiper-slide .cont *{max-width: 100%;} .banner .swiper-slide .cont .bg{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 0;} /*第一屏*/ .banner .ban1_1{width: 385px;height: 385px;position: absolute;left: 50%;top: 50%;margin-left: 300px;margin-top: -274px;z-index: 1;} .banner .ban1_2{width: 80px;height: 80px;position: absolute;z-index: 2;left: 50%;margin-left: 398px;top: 50%;margin-top: 20px;} .banner .ban1_3{width: 600px;height: 100px;position: absolute;z-index: 3;left: 50%;top: 50%;margin-top: -143px;text-align: right;font-size: 0;} .banner .ban1_3 .txt1{margin-bottom: 16px;} .banner .ban1_4{width: 71px;height: 71px;position: absolute;z-index: 3;cursor: pointer;left: 50%;top: 50%;margin-left: 456px;margin-top: 84px;overflow: hidden;} .banner .ban2Txt{width: 640px;height: 454px;position: absolute;left: 50%;top: 50%;margin-left: -320px;margin-top: -120px;text-align: center;} .banner .ban2_1{width: 416px;height: 416px;position: absolute;top: 0;left: 50%;margin-left: -208px;} .banner .ban2_2{width: 80px;height: 80px;position: absolute;top: 314px;left: 214px;} .banner .ban2_3{padding:54px 0 24px 0;position: relative;z-index: 3;} .banner .ban2_4{position: relative;z-index: 3;padding-bottom: 154px;} .banner .ban2_5{width: 71px;height: 71px;margin: 0 auto;cursor: pointer;} .banner .ban3Txt{width: 1002px;position: absolute;left: 50%;margin-left: -501px;top: 15%;text-align: center;} .banner .ban3Txt .ban3_1{margin-bottom: 60px;} .banner .ban4Txt{width: 685px;height: 498px;position: absolute;left: 50%;margin-left: -342px;top: 14%;z-index: 3;} .banner .ban4_1{position: absolute;left: 259px;top: 94px;z-index: 2;} .banner .ban4_2{position: absolute;right: 56px;top: 204px;z-index: 2;} .banner .ban4_3{position: absolute;right: 0;top: 0;} .banner .ban4_4{position: absolute;left: 112px;top: 348px;z-index: 2;} .banner .ban4_5{position: absolute;left: 270px;top: 420px;z-index: 2;} .banner .swiper-pagination{text-align: center;font-size: 0;width: 100%;height: 14px;position: absolute;left: 0;bottom: 40px;z-index: 9;} .banner .swiper-pagination .swiper-pagination-bullet{width: 14px;height: 14px;background: url(../images/banner/bannerNav.png) no-repeat left top;cursor: pointer;margin: 0 6px;opacity: 1; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position: left bottom;} .banner .ban6Txt{width: 80%;position: absolute;left: 50%;top: 50%;text-align: center; -webkit-transform: translateX(-50%) translateY(-70%);-moz-transform: translateX(-50%) translateY(-70%);-ms-transform: translateX(-50%) translateY(-70%);-o-transform: translateX(-50%) translateY(-70%);transform: translateX(-50%) translateY(-70%);} .banner .ban6Txt img{max-width: 100%;} .aniZoomIn{ -webkit-animation-name: aniZoomIn; animation-name: aniZoomIn;animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);} @-webkit-keyframes aniZoomIn { 0% {-webkit-transform: scale(0.5);opacity: 0;} 100% { -webkit-transform: scale(1);opacity: 0;} } @keyframes aniZoomIn { 0% {transform: scale(0.5);opacity: 0;} 100% {transform: scale(1);opacity: 1;} } .isect1{width: 100%;height: 900px;/*height: 100vh;*/box-sizing:border-box;padding: 28px 0 0 0;background: #eeeeee url(../images/isect1Bg.png) no-repeat center 142px;} .isect1 .title{margin-bottom: 32px;} .isect1 .title h3{line-height: 70px;text-align: center;font-size: 28px;color: #333333;font-weight: bold;font-family: "Microsoft JhengHei";} .isect1 .title i{display: block;width: 25px;height: 2px;background: #f08200;margin: 0 auto;} .isect1 .achievement{text-align: center;margin-bottom: 22px;} .isect1 .achievement li{display: inline-block;*display: inline;*zoom: 1;width: 136px;height: 136px;position: relative;margin: 0 74px;overflow: hidden;cursor: pointer;} .isect1 .achievement li i.bg{width: 100%;height: 100%;background: url(../images/rectIcon.png) no-repeat center;position: absolute;left: 0;top: 0;} .isect1 .achievement li .text{width: 100%;height: 100%;text-align: center;position: relative;z-index: 3;box-sizing:border-box;padding-top: 30px;} .isect1 .achievement li .text span{display: block;line-height: 42px;color: #111111;font-family: "Microsoft JhengHei";font-size: 32px;font-weight: 500;} .isect1 .achievement li .text p{width: 72px;margin: 0 auto;font-size: 12px;line-height: 18px;color: #999999;} .isect1 .achievement li .line{width: 96px;height: 96px;position: absolute;left: 50%;top: 50%;margin-left: -48px;margin-top: -48px;z-index: 2; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg); } .isect1 .achievement li .line i{display: block;position: absolute;background: #f08200;} .isect1 .achievement li .line i.line1{width: 100%;height: 2px;left: 0;top: 0;width: 0;} .isect1 .achievement li .line i.line2{width: 2px;height: 100%;right: 0;top: 0;height: 0;} .isect1 .achievement li .line i.line3{width: 100%;height: 2px;left: 0;bottom: 0;width: 0;} .isect1 .achievement li .line i.line4{width: 2px;height: 100%;left: 0;top: 0;height: 0;} .isect1 .achievement li:hover .text span i{color: #f08200;} .isect1 .achievement li:hover .line i.line1{width: 100%;} .isect1 .achievement li:hover .line i.line2{height: 100%;} .isect1 .achievement li:hover .line i.line3{width: 100%;} .isect1 .achievement li:hover .line i.line4{height: 100%;} .isect1 .iservice{} .isect1 .iservice .tabs ul{width: 100%;height: 82px;margin-bottom: 20px;position: relative;} .isect1 .iservice .tabs ul li{width: 14.28%;float: left;height: 100%;box-sizing: border-box;cursor: pointer;position: relative;} .isect1 .iservice .tabs ul li:before{content: "";width: 100%;height: 1px;background: #f08200;position: absolute;left: 0;top: 42px;} .isect1 .iservice .tabs ul li em{display: block;width: 44px;height: 38px;margin: 0 auto;background: url(../images/serviceIcon2.png) no-repeat left top;} .isect1 .iservice .tabs ul li i{display: block;width: 9px;height: 9px;background: url(../images/tabsIcon.png) no-repeat center;margin: 0 auto;} .isect1 .iservice .tabs ul li p{text-align: center;line-height: 35px;font-size: 15px;color: #222222;} .isect1 .iservice .tabs ul li a{display: block;width: 100%;height: 100%;} .isect1 .iservice .tabs ul li.li1 em{background-position: 0 top;} .isect1 .iservice .tabs ul li.li2 em{background-position: -44px top;} .isect1 .iservice .tabs ul li.li3 em{background-position: -88px top;} .isect1 .iservice .tabs ul li.li4 em{background-position: -132px top;} .isect1 .iservice .tabs ul li.li5 em{background-position: -176px top;} .isect1 .iservice .tabs ul li.li6 em{background-position: -220px top;} .isect1 .iservice .tabs ul li.li7 em{background-position: -264px top;} .isect1 .iservice .tabs ul li.active p, .isect1 .iservice .tabs ul li:hover p span{color: #f08200;} .isect1 .iservice .tabs ul li a{display: block;} .isect1 .iservice .tabsCont{height: 510px;} .isect1 .iservice .tabsCont .outerSlider{} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide{height: 444px;width: 1204px;background: #eeeeee;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl{float: left;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1{width: 481px;height: 100%;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2{width: 481px;height: 100%;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl3{width: 240px;height: 100%;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd{float: left;overflow: hidden;margin:0 4px 4px 0;width: 236px;height: 143px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a,.isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a img{display: block;width: 100%;height: 100%;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: rgba(0,0,0,0.7);opacity: 0;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd:hover a img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd:hover a b{opacity: 1;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1 dd.dd1, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2 dd.dd3{width: 477px;height: 291px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1 dd.dd2, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2 dd.dd1{margin-right: 5px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a img{display: none;} .swiperScrollbar{width: 1200px;margin: 31px auto 0;height: 1px;background: #e5e5e5;opacity: 1 !important;} .swiperScrollbar .swiper-scrollbar-drag{height: 9px;background: #f6f6f6;border:1px solid #e5e5e5;border-radius: 5px;top: -5px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a .txt{width: 100%;height: 72px;position: absolute;left: 0;top: 50%;margin-top: -36px;z-index: 3;text-align: center;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a .txt h5{font-size: 18px;color: #fffffe;line-height: 24px;padding:0 5px 28px;opacity: 0;font-weight: normal; -webkit-transform:translateY(100px); -moz-transform: translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 0.3s linear 0.1s; -moz-transition:all 0.3s linear 0.1s; -ms-transition:all 0.3s linear 0.1s; transition:all 0.3s linear 0.1s;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a .txt span{display: block;line-height: 27px;font-size: 12px;color: #f08200;opacity: 0; -webkit-transform:translateY(50px); -moz-transform: translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 0.3s linear 0.2s; -moz-transition:all 0.3s linear 0.2s; -ms-transition:all 0.3s linear 0.2s; transition:all 0.3s linear 0.2s;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a .txt i{display: block;width: 15px;height: 2px;margin: 0 auto;background: #d77808;opacity: 0; -webkit-transform:translateY(50px); -moz-transform: translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 0.3s linear 0.3s; -moz-transition:all 0.3s linear 0.3s; -ms-transition:all 0.3s linear 0.3s; transition:all 0.3s linear 0.3s;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a:hover .txt h5{opacity: 1; -webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0); transform:translateY(0);} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a:hover .txt span{opacity: 1; -webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0); transform:translateY(0);} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl dd a:hover .txt i{opacity: 1; -webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0); transform:translateY(0);} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1 dd.dd1 a .text, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2 dd.dd3 a .text{height: 102px;margin-top: -51px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1 dd.dd1 a .text h5, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2 dd.dd3 a .text h5{padding-bottom: 58px;} .isect2{padding: 38px 0;overflow: hidden;} .isect2 .isect2_1{width: 56%;} .isect2 .isect2_1 .tabs{height: 42px;line-height: 42px;margin-bottom: 13px;font-size: 18px;color: #999999;} .isect2 .isect2_1 .tabs span{float: left;padding-left: 31px;background: url(../images/sepIcon.png) no-repeat 12px center;position: relative;cursor: pointer;} .isect2 .isect2_1 .tabs span:first-child{padding-left: 0;background: none;} .isect2 .isect2_1 .tabs span:before{content: "";width: 25px;height: 2px;background: #f08200;position: absolute;left: 31px;bottom: 0;width: 0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .isect2 .isect2_1 .tabs span:first-child:before{left: 0;} .isect2 .isect2_1 .tabs span.active{font-weight: bold;color: #333333;} .isect2 .isect2_1 .tabs span.active:before{width: 25px;} .isect2 .isect2_1 .tabs .more{font-size: 12px;color: #333333;padding-right: 12px;position: relative;} .isect2 .isect2_1 .tabs .more:before{content: " ";width: 5px;height: 9px;position: absolute;right: 0;top: 50%;margin-top: -4px;background: url(../images/moreBg.png) no-repeat left top; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .isect2 .isect2_1 .tabs .more:hover{color: #f08200;} .isect2 .isect2_1 .tabs .more:hover:before{background-position: left bottom;} .isect2 .isect2_1 .swiper-container .swiper-slide .top{height: 65px;padding-bottom: 7px;border-bottom: 1px dashed #ebebeb;margin-bottom: 8px;} .isect2 .isect2_1 .swiper-container .swiper-slide .top a{display: block;width: 100%;height: 100%;box-sizing:border-box;padding: 0 0 0 76px;position: relative;} .isect2 .isect2_1 .swiper-container .swiper-slide .top a .date{width: 54px;height: 63px;border:1px solid #e5e5e5;position: absolute;left: 0;top: 0;text-align: center;} .isect2 .isect2_1 .swiper-container .swiper-slide .top a .date span{display: block;width: 43px;height: 41px;line-height: 41px;margin: 0 auto;border-bottom: 1px solid #f2f2f2;font-size: 20px;color: #999999;font-family: "Microsoft JhengHei";} .isect2 .isect2_1 .swiper-container .swiper-slide .top a .date em{display: block;height: 21px;line-height: 21px;font-size: 10px;color: #999999;font-family: "Microsoft JhengHei";} .isect2 .isect2_1 .swiper-container .swiper-slide .top a h5{padding-top: 3px;line-height: 29px;font-size: 16px;color: #000000;font-weight: normal;} .isect2 .isect2_1 .swiper-container .swiper-slide .top a p{font-size: 12px;color: #999999;line-height: 25px;} .isect2 .isect2_1 .swiper-container .swiper-slide .top a:hover h5{color: #f08200;} .isect2 .isect2_1 .list{height: 179px;overflow: hidden;} .list li{height: 35px;line-height:35px;border-top: 1px dashed #ebebeb;padding-left: 14px;position: relative;} .list li:first-child{border-top: none;} .list li:before{content: " ";width: 2px;height: 2px;background: #444444;position: absolute;left: 0;top: 50%;margin-top: -1px;} .list li a{display: block;} .list li a .fl{font-size: 14px;color: #444444;max-width: 75%;display: block;} .list li a .fr{font-size: 12px;color: #bbbbbb;} .list li:hover:before{background: #f08200;} .list li:hover a .fl{color: #f08200;} .isect2 .isect2_2{width: 40%;margin-top: 12px;height: 0;padding-bottom: 24.2%;position: relative;} .isect2 .isect2_2 .pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;} .isect2 .isect2_2 .pic img{width: 100%;height: 100%;} .isect2 .isect2_2 i{width: 55px;height: 55px;position: absolute;left: 50%;top: 50%;margin-left: -27px;margin-top: -27px;background: url(../images/videoIcon.png) no-repeat center;z-index: 2;} .isect2 .isect2_2 span{position: absolute;right: 0;top: 0;z-index: 2;background: #f08200;width: 82px;height: 82px;text-align: center;box-sizing:border-box;padding: 15px 22px;font-size: 18px;font-weight: bold;color: #ffffff;} .isect3{width: 100%;height: 69px;border-top: 1px solid #eeeeee;overflow: hidden;} .isect3 .wrap{width: 1200px;margin: 0 auto;} .isect3 dl{width: 100%;box-sizing:border-box;padding-left: 103px;position: relative;} .isect3 dl dt{position: absolute;left: 0;top: 0;font-size: 15px;color: #808080;font-weight: bold;line-height: 69px;} .isect3 dl dd{width: 100%;height: 100%;} .isect3 dl dd .iLink{width: 100%;overflow: hidden;height: 69px;line-height: 69px;} .isect3 dl dd .iLink .swiper-slide{float: left;} .isect3 dl dd .iLink .swiper-slide a{display: block;padding:0 0 0 14px;height: 69px;font-size: 14px;color: #808080;position:relative;} .isect3 dl dd .iLink .swiper-slide a:before{content: "";width: 4px;height: 7px;background: url(../images/trangle.png) no-repeat left top;position: absolute;left: 0;top:50%;margin-top: -3px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .isect3 dl dd .iLink .swiper-slide a:hover{color: #f08200;} .isect3 dl dd .iLink .swiper-slide a:hover:before{background-position: left bottom;} /*内页*/ .placeholder{width: 100%;height: 75px;} .nyBanner{width: 100%;height: 280px;background-repeat: no-repeat;background-position: center top;} .nyMenu{text-align: center;padding: 40px 0;font-size: 0;width: 1200px;margin: 0 auto;} .nyMenu li{display: inline-block;*display: inline;*zoom: 1;width: 209px;height: 66px;border:1px solid #bbbbbb;margin: 0 0 0 -1px;line-height: 66px;font-size: 16px;color: #333333;font-family: "Microsoft JhengHei";font-weight: bold;position: relative;} .nyMenu li a{display: block;} .nyMenu li a span{display: inline-block;*display: inline;*zoom: 1;padding-left: 22px;position: relative;} .nyMenu li a span:before{content: "";width: 11px;height: 6px;position: absolute;left: 0;top: 50%;margin-top: -3px;background: url(../images/nyMenuIcon.png) no-repeat left top;-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .nyMenu li.on{border-color: #f08200;} .nyMenu li:before{content: " ";width: 1px;height: 100%;background: #f08200;position: absolute;top: 0;right: -1px;z-index: 2;display: none;} .nyMenu li.on:before{display: block;} .nyMenu li:hover{color: #f08200;} .nyMenu li:hover a span:before{background-position: left bottom;} .aboutItem1{margin-bottom: 84px;} .nyTitle{height: 81px;line-height: 81px;text-align: center;padding-bottom: 2px;position: relative;font-size: 36px;color: #333333;font-weight: normal;font-family: "Microsoft JhengHei";} .nyTitle:before{content: " ";width: 25px;height: 2px;background: #f08200;position: absolute;left: 50%;margin-left: -12px;bottom: 0;} .aboutItem1 .cont{margin-top: 11px;margin-top: 65px;} .aboutItem1 .cont .text{padding: 54px 50px 0 0;padding: 0 50px 0 0;width: 552px;height: 420px;height: 500px;overflow: auto;font-size: 15px;line-height: 32px;color: #666666;text-align: justify;} .aboutItem1 .cont .text *{max-width: 100% !important;} .aboutItem1 .cont .text::-webkit-scrollbar{width:3px;height:3px} .aboutItem1 .cont .text::-webkit-scrollbar-button:vertical{display:none} .aboutItem1 .cont .text::-webkit-scrollbar-corner, .aboutItem1 .cont .text::-webkit-scrollbar-track{background-color:#ccc} .aboutItem1 .cont .text::-webkit-scrollbar-thumb{border-radius:0;background-color:#e5e5e5; } .aboutItem1 .cont .text::-webkit-scrollbar-thumb:vertical:hover{ } .aboutItem1 .cont .text::-webkit-scrollbar-thumb:vertical:active{ } .aboutItem1 .cont .pic{width: 539px;} .aboutItem1 .cont .pic img{width: 100%;} .aboutItem2{width: 100%;position: relative;background: #fafafa;} .aboutItem2 .bg{width: 100%;height: 632px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;} .aboutItem2 .bg i{display: block;width: 100%;height: 100%;background: url(../images/aboutItem2Bg.jpg) no-repeat center top; -webkit-transition:all 20s linear; -moz-transition:all 20s linear; -ms-transition:all 20s linear; transition:all 20s linear;} .aboutItem2 .w1200{position: relative;z-index: 2;padding-top: 56px;} .aboutItem2 .w1200 .nyTitle{color: #ffffff;margin-bottom: 40px;} .aboutItem2 .w1200 .aboutVideo{width: 100%;height: 580px;overflow: hidden;/*background: #fff;*/position: relative;} .aboutItem2 .w1200 .aboutVideo .cont{width: 100%;height: 100%;} .aboutItem2 .w1200 .aboutVideo img{width: 100%;height: 100%;} .aboutItem2:hover .bg i{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} .aboutItem2 .w1200 .aboutVideo{width: 1000px;margin: 0 auto;} .aboutItem2 .w1200 .aboutVideo .cont video{max-width: 100% !important;max-height: 100% !important;} .aboutItem2 .w1200 .aboutVideo .videoPoster{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: url(../images/demo/aboutVideo.jpg) no-repeat center;background-size: cover;cursor: pointer;} .aboutItem3{width: 100%;background: #fafafa;} .aboutItem3 .w1200{background: url(../images/aboutItem3Bg.png) no-repeat 50px 96px;padding: 56px 0 85px 0;} .aboutItem3 .w1200 .nyTitle{margin-bottom: 36px;} .aboutItem3 .w1200 .cont{margin:0 50px 0 95px;position: relative;overflow: hidden;} .aboutItem3 .w1200 .cont .swiper-slide{} .aboutItem3 .w1200 .cont .swiper-slide .wrap{width: 100%;position: relative;padding-left: 505px;min-height: 265px;box-sizing:border-box;} .aboutItem3 .w1200 .cont .swiper-slide .pic{width: 375px;height: 261px;overflow: hidden;position: absolute;left: 0;top: 4px;} .aboutItem3 .w1200 .cont .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;} .aboutItem3 .w1200 .cont .swiper-slide .text{width: 100%;} .aboutItem3 .w1200 .cont .swiper-slide .text h5{line-height: 32px;font-family: "Microsoft JhengHei";font-size: 24px;line-height: 32px;font-weight: normal;margin-bottom: 30px;} .aboutItem3 .w1200 .cont .swiper-slide .text .desc{font-size: 15px;line-height: 32px;color: #666666;margin-bottom: 34px;height: 128px;overflow: auto;} .aboutItem3 .w1200 .cont .btnWrap{height: 48px;position: absolute;left: 505px;bottom: 0;z-index: 2;width: 96px;} .aboutItem3 .w1200 .cont .btnWrap .btn{width: 48px;height: 48px;margin-left: -8px;cursor: pointer;float: left;} .aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-prev{background: url(../images/leftArr.png) no-repeat left bottom;} .aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-next{background: url(../images/rightArr.png) no-repeat left bottom;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{cursor: pointer;opacity: 1;pointer-events:auto;} .aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-prev:hover,.aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-next:hover{background-position: left top;} .aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-prev.swiper-button-disabled:hover,.aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-next.swiper-button-disabled:hover{background-position: left bottom;} .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar{width:1px;height:1px} .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar-button:vertical{display:none} .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar-corner, .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar-track{background-color:#ccc} .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar-thumb{border-radius:0;background-color:#e5e5e5; } .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar-thumb:vertical:hover{ } .aboutItem3 .w1200 .cont .swiper-slide .text .desc::-webkit-scrollbar-thumb:vertical:active{ } .aboutItem4{padding: 56px 0 82px;} .aboutItem4 .nyTitle{margin-bottom: 36px;} .aboutItem4 .cont{font-size: 15px;line-height: 32px;color: #666666;text-align: justify;} .aboutItem4 .cont *{max-width: 100% !important;} .aboutItem5{padding: 56px 0 109px;background: #ebebeb url(../images/aboutItem5Bg.jpg) no-repeat center top;} .aboutItem5 .nyTitle{margin-bottom: 36px;} .aboutItem5 .cont{font-size: 15px;line-height: 32px;color: #666666;text-align: justify;} .aboutItem5 .cont *{max-width: 100% !important;} .footer{width: 100%;padding: 29px 0;background: #46464f;} .footer .w1200 .left{max-width: 790px;} .footer .w1200 .left .text{padding: 2px 0 24px;font-size: 14px;line-height: 23px;color: #a0a0a4;} .footer .w1200 .left .text span{margin-right:24px; } .footer .w1200 .left .link{line-height: 22px;font-size: 0;} .footer .w1200 .left .link a{display: inline-block;*display: inline;*zoom: 1;} .footer .w1200 .left .link a.link1{font-size: 14px;color: #ffffff;margin-right: 34px;padding-left: 24px;background: url(../images/fLink1.png) no-repeat left center;float: left;} .footer .w1200 .left .link a.link2{font-size: 14px;color: #a0a0a4;padding-left: 21px;background: url(../images/fLink2.png) no-repeat left top;} .footer .w1200 .left .link a.link2:hover{background-position: left bottom;color: #fff;} .footer .w1200 .right{min-height: 102px;padding-right: 122px;position: relative;} .footer .w1200 .right .pic{width: 102px;height: 102px;position: absolute;right: 0;top: 0;} .footer .w1200 .right .pic img{width: 100%;height: 100%;} .footer .w1200 .right p{font-size: 14px;line-height: 23px;color: #a0a0a4;text-align: right;/*margin-bottom: 24px;*/margin-top: 24px;} .footer .w1200 .right .fShare{height: 22px;float: right;} .footer .w1200 .right .fShare .bdsharebuttonbox{float: left;width: 143px ;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem{height: 22px;padding: 0;margin: 0;float: right !important;background: url(../images/shareBg.png) no-repeat left center;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_sqq{background-position: -123px top;width: 20px;margin-left: 19px;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_tsina{background-position: -80px top;width: 24px;margin-left: 20px;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_weixin{background-position: -34px top;width: 24px;margin-left: 22px;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_more{background:url(../images/shareBg.png) no-repeat 0 top;padding-left: 0;width: 14px;height: 22px;margin: 0;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_sqq:hover{background-position: -123px bottom;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_tsina:hover{background-position: -80px bottom;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_weixin:hover{background-position: -34px bottom;} .footer .w1200 .right .fShare .bdsharebuttonbox .shareItem.bds_more:hover{background-position: 0 bottom;} .nyMain{min-height: 350px;} .newsList{margin: 22px auto 100px;} .newsList ul{padding: 0 50px 30px;} .newsList ul li{height: 100px;padding: 0 0 30px 0;margin-bottom: 30px;border-bottom: 1px dashed #ebebeb;} .newsList ul li a{display: block;padding: 0 178px 0 120px;height: 100%;position: relative;} .newsList ul li a .date{width: 78px;height: 98px;border:1px solid #e5e5e5;text-align: center;position: absolute;left: 0;top: 0;} .newsList ul li a .date span{display: block;height: 65px;line-height: 65px;width: 64px;margin: 0 auto;font-size: 30px;color: #bbbbbb;font-family: "Microsoft JhengHei";border-bottom: 1px solid #f2f2f2;} .newsList ul li a .date em{display: block;height: 32px;line-height: 32px;font-size: 11px;color: #999999;} .newsList ul li a .pic{width: 139px;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;} .newsList ul li a .pic img{width: 100%;height: 100%;} .newsList ul li a h5{height: 36px;line-height: 36px;font-size: 20px;color: #111111;font-weight: normal;font-family: "Microsoft JhengHei";margin-bottom: 13px;} .newsList ul li a p{font-size: 13px;line-height: 24px;color: #999999;height: 48px;overflow: hidden;} .newsList ul li a:hover h5{color: #f08200;} .newsList ul li a:hover p{color: #666;} .newsList ul li a:hover .date{border-color: #f08200;} .newsList ul li.noPic a{padding:0 0 0 120px;} .page{text-align: center;font-size: 0;} .page a{display: inline-block;*display: inline;*zoom: 1;width: 48px;height: 48px;text-align: center;line-height: 48px;border:1px solid #eeeeee;margin: 0 4px;font-size: 14px;color: #333333;font-family: "Microsoft JhengHei";} .page a.prev,.page a.next{width: 133px;margin: 0 35px;} .page a.num.on,.page a:hover{border-color: #f08200;} .contPage{margin: 54px auto 89px;box-sizing:border-box;padding: 0 50px;} .contPage .passage{padding: 0 0 82px 120px;position: relative;} .contPage .passage .date{width: 78px;height: 98px;border:1px solid #e5e5e5;text-align: center;position: absolute;left: 0;top: 6px;} .contPage .passage .date span{display: block;height: 65px;line-height: 65px;width: 64px;margin: 0 auto;font-size: 30px;color: #bbbbbb;font-family: "Microsoft JhengHei";border-bottom: 1px solid #f2f2f2;} .contPage .passage .date em{display: block;height: 32px;line-height: 32px;font-size: 11px;color: #999999;} .contPage .passage .psgTitle{padding-bottom: 6px;border-bottom: 1px solid #f2f2f2;margin-bottom: 22px;} .contPage .passage .psgTitle h5{font-size: 28px;color: #333333;font-weight: normal;line-height: 39px;} .contPage .passage .psgTitle .info{height: 27px;line-height: 27px;font-size: 12px;color: #bbbbbb;} .contPage .passage .psgTitle .info span{display: inline-block;*display: inline;*zoom: 1;padding: 0 30px;} .contPage .passage .psgTitle .info span.views{background: url(../images/views.png) no-repeat left center;} .contPage .passage .psgTitle .info span.time{display: none;} .contPage .passage .psgCont{font-size: 15px;line-height: 32px;color: #666666;text-align: justify;margin-bottom: 40px;} .contPage .passage .psgCont *{max-width: 100% !important;} .contPage .passage .psgShare{height: 38px;} .contPage .passage .psgShare span{width: 59px;line-height: 38px;font-size: 12px;color: #bbbbbb;} .contPage .passage .psgShare .bdsharebuttonbox{float: left;} .contPage .passage .psgShare .bdsharebuttonbox .shareItem{width: 36px;height: 36px;float: left;border:1px solid #f3f3f3;border-radius: 50%;padding: 0;margin: 0 12px 0 0;background: url(../images/shareBg1.png) no-repeat left top;} .contPage .passage .psgShare .bdsharebuttonbox .shareItem.bds_tsina{background-position: -36px top;} .contPage .passage .psgShare .bdsharebuttonbox .shareItem.bds_sqq{background-position: -74px top;} .contPage .passage .psgShare .bdsharebuttonbox .shareItem:hover{border-color: #f08200;} .contPage .passageLink .newsList{margin: 0;} .contPage .passageLink .newsList ul li a{padding-right: 0;} .contPage .passageLink .newsList ul li.li2{margin-bottom: 0;} .service{background: #fbfbfb;padding: 36px 0 241px;} .service .nyTitle{margin-bottom: 40px;} .serviceTab{} .serviceList{height: 110px;} .serviceList ul{height: 100%;} .serviceList li{width: 14.28%;float: left;height: 100%;box-sizing:border-box;padding: 18px 0 0 0;cursor: pointer;border-left: 1px solid #fbfbfb;background: #fff;text-align: center;position: relative;} .serviceList li.li1{border-left: none;} .serviceList li em{display: block;width: 44px;height: 44px;margin: 0 auto 10px auto;background: url(../images/serviceIcon.png) no-repeat left top;} .serviceList li p{line-height: 23px;font-size: 15px;color: #333333;} .serviceList li:before{content: "";width: 24px;height: 22px;position: absolute;left: 50%;z-index: 2;margin-left: -12px;bottom: 0;background: url(../images/downIcon.png) no-repeat center;opacity: 0;filter:alpha(opacity=0);} .serviceList li.li2 em{background-position: -44px top;} .serviceList li.li3 em{background-position: -88px top;} .serviceList li.li4 em{background-position: -132px top;} .serviceList li.li5 em{background-position: -176px top;} .serviceList li.li6 em{background-position: -220px top;} .serviceList li.li7 em{background-position: -264px top;} .serviceList li.active{background: #ed7720;} .serviceList li.active em{background-position: left bottom;} .serviceList li.active:before{opacity: 1;filter:alpha(opacity=100);bottom: -10px;-webkit-transition:all 0.3s linear 0.25s; -moz-transition:all 0.3s linear 0.25s; -ms-transition:all 0.3s linear 0.25s; transition:all 0.3s linear 0.25s;} .serviceList li.active p{color: #fff;} .serviceList li.active.li2 em{background-position: -44px bottom;} .serviceList li.active.li3 em{background-position: -88px bottom;} .serviceList li.active.li4 em{background-position: -132px bottom;} .serviceList li.active.li5 em{background-position: -176px bottom;} .serviceList li.active.li6 em{background-position: -220px bottom;} .serviceList li.active.li7 em{background-position: -264px bottom;} .serviceList li.li7 em{background-position: -88px top;} .serviceList li.li3 em{background-position: -264px top;} .serviceList li.active.li7 em{background-position: -88px bottom;} .serviceList li.active.li3 em{background-position: -264px bottom;} .serviceTab .serveceContainer{width: 100%;} .serviceTab .serveceContainer .swiper-slide a{display: block;width: 100%;position: relative;} .serviceTab .serveceContainer .swiper-slide a .pic{width: 100%;height: 500px;overflow: hidden;} .serviceTab .serveceContainer .swiper-slide a .pic img{width: 100%;height: 100%;} .serviceTab .serveceContainer .swiper-slide a b{width: 338px;height: 338px;background: url(../images/serviceBg.png) no-repeat center;position: absolute;z-index: 2;left: 50%;margin-left: -169px;top: 59px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5;} .serviceTab .serveceContainer .swiper-slide a .text{width: 100%;position: absolute;left: 0;top: 160px;z-index: 2;text-align: center;} .serviceTab .serveceContainer .swiper-slide a .text h3{font-size: 40px;color: #ffffff;font-family: "Microsoft JhengHei";font-weight: bold;line-height: 85px;} .serviceTab .serveceContainer .swiper-slide a .text i{display: block;width: 25px;height: 2px;background: #ed7720;margin: 0 auto 116px;} .serviceTab .serveceContainer .swiper-slide a .text em{display: block;width: 68px;height: 68px;margin: 0 auto;background: url(../images/serviceBtn.png) no-repeat center;} .serviceTab .serveceContainer .swiper-slide a .text h3{webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.0s;transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.0s; -webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 0;} .serviceTab .serveceContainer .swiper-slide a .text i{webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s; -webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 0;} .serviceTab .serveceContainer .swiper-slide a .text em{webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s;transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s; -webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 0;} .serviceTab .serveceContainer .swiper-slide.swiper-slide-active a b{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity: 1;} .serviceTab .serveceContainer .swiper-slide.swiper-slide-active a .text h3, .serviceTab .serveceContainer .swiper-slide.swiper-slide-active a .text i, .serviceTab .serveceContainer .swiper-slide.swiper-slide-active a .text em{opacity: 1;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);} .contCase1{padding: 36px 0 70px 0;} .contCase1 .nyTitle{margin-bottom: 37px;} .contCase1 .cont{font-size: 15px;color: #666666;line-height: 32px;text-align: justify;word-break-break-all;} .contCase1 .cont *{max-width: 100% !important;} .contCase1 .cont .textItem{width: 47%;} .contCase2{padding: 56px 0 149px 0;background: #fbfbfb;} .contCase2 .nyTitle{margin-bottom: 40px;} .contCase2 .Waterfall_flow{padding-bottom: 87px;} .contCase2 .Waterfall_flow ul{position: relative;} .contCase2 .Waterfall_flow ul li{width: 32.5%;float: left;background: #ffffff;box-shadow:0.5px 0.866px 3px 0px rgba(0, 0, 0, 0.14);display: none;} .contCase2 .Waterfall_flow ul li .pic,.contCase2 .Waterfall_flow ul li .pic img{width: 100%;} .contCase2 .Waterfall_flow ul li .pic{overflow: hidden;} .contCase2 .Waterfall_flow ul li .text{padding: 20px 25px 25px 25px;} .contCase2 .Waterfall_flow ul li .text h5{line-height: 23px;font-size: 15px;color: #444444;font-weight: normal;margin-bottom: 30px;} .contCase2 .Waterfall_flow ul li .text span{display: block;font-size: 12px;color: #bbbbbb;line-height: 21px;} .contCase2 .Waterfall_flow ul li:hover{-webkit-transform:translateY(-10px); -moz-transform: translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px)} .contCase2 .Waterfall_flow ul li:hover .text h5{color: #f08200;} .contCase2 .serviceList.serviceList1 ul{background: #fff;} .contCase2 .serviceList.serviceList1 ul li{border-left-color: #f3f3f3;position: relative;} .contCase2 .serviceList.serviceList1 ul li em{background: url(../images/serviceIcon1.png) no-repeat left top;width: 44px;} .contCase2 .serviceList.serviceList1 ul li:after{content: "";width: 0;height: 2px;background: #f08609;position: absolute;left: 0;bottom: 0;z-index: 2; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .contCase2 .serviceList.serviceList1 ul li.li2 em{background-position: -44px top;} .contCase2 .serviceList.serviceList1 ul li.li3 em{background-position: -88px top;} .contCase2 .serviceList.serviceList1 ul li.li4 em{background-position: -132px top;} .contCase2 .serviceList.serviceList1 ul li.li5 em{background-position: -176px top;} .contCase2 .serviceList.serviceList1 ul li.li6 em{background-position: -220px top;} .contCase2 .serviceList.serviceList1 ul li.li7 em{background-position: -264px top;} .contCase2 .serviceList.serviceList1 ul li.on:after,.contCase2 .serviceList.serviceList1 ul li:hover:after{width: 100%;} .contCase2 .serviceList.serviceList1 ul li.on p,.contCase2 .serviceList.serviceList1 ul li:hover p{color: #f08200;} .contCase2 .serviceList.serviceList1 ul li.on.li1 em{background-position: 0 bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li2 em{background-position: -44px bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li3 em{background-position: -88px bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li4 em{background-position: -132px bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li5 em{background-position: -176px bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li6 em{background-position: -220px bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li7 em{background-position: -264px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li1 em{background-position: 0 bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li2 em{background-position: -44px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li3 em{background-position: -88px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li4 em{background-position: -132px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li5 em{background-position: -176px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li6 em{background-position: -220px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li7 em{background-position: -264px bottom;} .contCase2 .serviceList.serviceList1 ul li.li7 em{background-position: -88px top;} .contCase2 .serviceList.serviceList1 ul li.li3 em{background-position: -264px top;} .contCase2 .serviceList.serviceList1 ul li.on.li7 em{background-position: -88px bottom;} .contCase2 .serviceList.serviceList1 ul li.on.li3 em{background-position: -264px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li7 em{background-position: -88px bottom;} .contCase2 .serviceList.serviceList1 ul li:hover.li3 em{background-position: -264px bottom;} .grayBody{background: #fbfbfb;} .picList{margin: 62px auto 100px;} .picList ul{width: 1212px;padding-bottom: 36px;} .picList ul li{width: 290px;float: left;margin: 0 12px 24px 0;background: #ffffff;box-shadow:0.5px 0.866px 3px 0px rgba(0, 0, 0, 0.14);} .picList ul li a{display: block;} .picList ul li a .pic{width: 100%;height: 190px;overflow: hidden;} .picList ul li a .pic img{width: 100%;height: 100%;} .picList ul li a .text{padding: 16px 28px 26px 25px;} .picList ul li a .text h5{font-size: 14px;line-height: 20px;color: #808080;font-weight: normal;height: 40px;margin-bottom: 13px;overflow: hidden;} .picList ul li a .text span{display: block;line-height: 19px;font-size: 12px;color: #bbbbbb;} .picList ul li:hover{-webkit-transform:translateY(-10px); -moz-transform: translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px)} .picList ul li:hover a .text h5{color: #f08200;} .picList.picList ul li a .pic{height:380px;} .contact{margin: 62px auto 200px auto;} .contact .cont{padding:8px;box-shadow:-0.3px 0.866px 3px 0px rgba(0, 0, 0, 0.14);} .contact .cont .mapWrap{width: 100%;height: 635px;position: relative;} .contact .cont .mapWrap .contactText{width: 348px;height: 557px;background: url(../images/contactBg.png) no-repeat right top;position: absolute;right: 0;top: 0;z-index: 2; box-sizing:border-box;padding: 141px 30px 0 0;text-align: right;padding-top: 111px;} .contact .cont .mapWrap .contactText .contactLogo{margin-bottom: 75px;margin-bottom: 25px;} .contact .cont .mapWrap .contactText .contactLogo .img2{display: none;} .contact .cont .mapWrap .contactText .contactAdd{font-size: 14px;color: #ffffff;line-height: 32px;margin-bottom: 7px;} .contact .cont .mapWrap .contactText .contactAdd span{display: inline-block;*display: inline;*zoom: 1;padding-left: 22px;background: url(../images/addIcon.png) no-repeat left center;} .contact .cont .mapWrap .contactText .contactTel{line-height: 34px;font-size: 18px;color: #ffffff;font-family: "Microsoft JhengHei";} .contact .cont .mapWrap .contactText .contactTel span{display: inline-block;*display: inline;*zoom: 1;padding-left: 24px;background: url(../images/telIcon.png) no-repeat left center;font-weight: bold;} .contact .cont .mapWrap .contactText .contactAdd em{display: block;} .m_nav{display: none;} .listPage{min-height: 320px;} .listPage .nyTitle{margin-bottom: 62px;} .listPage .cont{font-size: 15px;line-height: 32px;color: #666666;text-align: justify;} .listPage .cont *{max-width: 100% !important;} .goTop{width: 40px;height: 40px;position: fixed;right: 2%;bottom: 20%;background: url(../images/goTop.png) no-repeat center;cursor: pointer;z-index: 666; filter:alpha(opacity=0);opacity:0;/*border:1px solid #e7e6e6;*/border-radius: 50%;} .goTop.show{filter:alpha(opacity=100);opacity:1;} body.posChBody{position: relative;} .posChannel{width: 100%;height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} .posChFooter{width: 100%;position: absolute;left: 0;bottom: 0;} .posChFooter .footer{background: rgba(0,0,0, 0.6);} .posChannel .cont{width: 510px;position: absolute;left: 50%;top: 50%;text-align: center; -webkit-transform: translateX(-50%) translateY(-70%);-moz-transform: translateX(-50%) translateY(-70%);-ms-transform: translateX(-50%) translateY(-70%);-o-transform: translateX(-50%) translateY(-70%);transform: translateX(-50%) translateY(-70%);} .posChannel .cont .item1{width: 167px;height: 167px;margin: 0 auto 34px auto;position: relative;} .posChannel .cont .item1 .bg{width: 100%;height: 100%;background: url(../images/add/receBg.png) no-repeat center;position: absolute;left: 0;top: 0;z-index: -1;} .posChannel .cont .item1 .ch{line-height: 31px;padding-top: 42px;color: #c0c9ff;letter-spacing: 5px;} .posChannel .cont .item1 .year,.posChannel .cont .item1 .year img{height: 24px;} .posChannel .cont .item1 .en{line-height: 30px;font-family: "Microsoft JhengHei";text-transform: uppercase;font-size: 10px;color: #c0c9ff;} .posChannel .cont .item2{width: 1px;height: 32px;margin: 0 auto 57px;background: url(../images/add/lineBg.png) no-repeat center top;} .posChannel .cont .item3 .btn{display: block;width: 240px;height: 70px;text-align: center;line-height: 70px;font-size: 24px;color: #fff;font-family: "Microsoft JhengHei";background: url(../images/add/posBtnBg.png) no-repeat center;} .pos1Swiper.swiper-container{width: 100%;height: 100%;} .pos1Swiper.swiper-container .swiper-slide {text-align: left;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1{} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .pcStyle{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image:url(../images/add/posBanner.jpg);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .pcStyle .w1200{height: 100%;padding-top: 120px; } .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .pcStyle .w1200 img{margin-left: -31px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle{display: none;width: 100%;height: 100%;background: url(../images/add/posWapBanner.jpg) no-repeat center;background-size: cover;position: relative;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont{width: 100%;text-align: center;position: absolute;left: 0;top: 50%; -webkit-transform: translateX(0) translateY(-40%);-moz-transform: translateX(0) translateY(-40%);-ms-transform: translateX(0) translateY(-40%);-o-transform: translateX(0) translateY(-40%);transform: translateX(0) translateY(-40%);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont img{max-width: 60%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic1{margin-bottom: 40px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic2{margin-bottom: 30px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic1 img{max-width: 40%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic4{margin-bottom: 10px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic4 img{max-width: 80%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic5{margin-bottom: 30px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle .wapCont .pic6 img{max-width: 80%;} .w1000{width: 1000px;margin: 0 auto;} .pos1Swiper.swiper-container .swiper-slide{text-align: left;} .pos1Swiper.swiper-container .swiper-slide .pos1Title{font-size: 0;margin-bottom: 30px;} .pos1Swiper.swiper-container .swiper-slide .content{padding-top: 75px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2{background: #fff;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 .pos1Title.pos1Title2{margin-bottom: 78px;height: 170px;background: url(../images/add/pos1Slide2_2.png) no-repeat right top;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li{padding: 23px 0 23px 115px;background-repeat: no-repeat;background-position: 18px 33px;border-bottom: 1px solid #fdecd9;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li:first-child{border-top: 1px solid #fdecd9;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li h5{line-height: 39px;font-family: "Microsoft JhengHei";color: #303030;font-size: 22px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li p{font-size: 15px;color: #555555;line-height: 40px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li p em{font-weight: bold;color: #999999;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3{background: #f7f7f7;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li{margin-bottom: 10px;background: #ffffff;padding: 15px 8px 15px 115px;position: relative;line-height: 40px;font-size: 16px;color: #444444;border-radius: 10px 0 0 10px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li i{width: 40px;height: 40px;text-align: left;text-indent:8px;position: absolute;left: 42px;top: 15px;font-size: 16px;color: #ffffff;font-style: italic;font-family: "CenturyGothic";background: url(../images/add/rectBg1.png) no-repeat center;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li.odd i{background: url(../images/add/rectBg2.png) no-repeat center;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4{background: #fff;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul{margin-bottom: 65px;text-align: center;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li{display: inline-block;*display: inline;*zoom: 1;width: 161px;height: 161px;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;text-align: center;margin: 0 17px;position: relative;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li1{background-image:url(../images/add/pos1Slide4Rect1.png);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li2{background-image:url(../images/add/pos1Slide4Rect2.png);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li3{background-image:url(../images/add/pos1Slide4Rect3.png);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li4{background-image:url(../images/add/pos1Slide4Rect4.png);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li5{background-image:url(../images/add/pos1Slide4Rect5.png);} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li:before{content: "";width: 8px;height: 14px;position: absolute;left: -22px;top: 50%;margin-top: -7px;background: url(../images/add/arrow.png) no-repeat center;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li1:before{display: none;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li em{display: block;line-height: 34px;padding-top: 34px;font-style: italic;font-size: 20px;color: #ffffff;font-family: "CenturyGothic";} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li p{line-height: 40px;font-family: "Microsoft JhengHei";font-size: 22px;color: #303030;font-weight: bold;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li.li5 p{color: #fff;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 .text{padding-left: 115px;background: url(../images/add/tips.png) no-repeat left 7px;font-size: 16px;line-height: 36px;color: #444444;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 .text .point{color: #333333;font-weight: bold;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 .text .gray{font-size: 15px;color: #999999;font-weight: bold;margin-bottom: 37px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6{background: #fff url(../images/add/pos1Slide6Bg.jpg) no-repeat center bottom;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content{box-sizing:border-box;width: 100%;height: 100%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000{padding-top: 60px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1, .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_2{width: 428px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .text{padding-top: 56px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1 .text h5{font-size: 15px;color: #333333;font-weight: bold;margin-bottom: 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .text p{font-size: 16px;line-height: 24px;color: #444444;margin-bottom: 25px;padding-left: 26px;background: url(../images/add/liIcon.png) no-repeat left 9px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_2 .text p{padding-left: 38px;background-repeat: no-repeat;background-position: left top;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide7{height: 160px !important;background: #46464f;} .contPage .passage .psgCont{min-height: 300px;} .pos2Banner{width: 100%;height: 720px;height: 100vh;background-repeat: no-repeat;background-position: center;box-sizing:border-box;padding-top: 76px;} .pos2Banner .pos2BanCont{width: 100%;height: 100%;background: url(../images/pos2/pos2BanBg.jpg) no-repeat center;} .pos2Banner .pos2BanCont .w1200{height: 100%;position: relative;} .pos2Banner .pos2BanCont .w1200 .logo{position: absolute;left: 0;top: 58px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt1{position: absolute;right: 0;top: 58px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt2{position: absolute;right: 0;top: 150px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt3{position: absolute;right: 0;top: 213px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt4{position: absolute;right: 0;top: 290px;} .w1000{width: 1000px;margin: 0 auto;} .pos2Sect1{padding: 44px 0 76px;} .pos2Sect1 .tit{line-height: 170px;font-size: 0;background: url(../images/pos2/pos2Title1Bg.png) no-repeat right center;margin-bottom: 28px;} .pos2Sect1 ul li{width: 50%;float: left;} .pos2Sect1 ul li.li2,.pos2Sect1 ul li.li4,.pos2Sect1 ul li.li6{width: 41%;float: right;} .pos2Sect1 ul li{padding: 23px 0 22px;border-top: 1px solid #fdecd9;border-bottom: 1px solid #fdecd9;margin-top: -1px;} .pos2Sect1 ul li h5{line-height: 38px;font-size: 22px;color: #ea5f00;font-weight: normal;font-family: "Microsoft JhengHei";} .pos2Sect1 ul li p{font-size: 15px;line-height: 40px;color: #555555;} .pos2Sect1 ul li p em{font-weight: bold;color: #999999;} .pos2Sect1 ul li.li5 p{font-size: 14px;} .pos2Sect2{padding: 65px 0 90px;background: #f7f7f7;} .pos2Tit{line-height: 116px;margin-bottom: 40px;font-size: 0;} .pos2List li{background: #ffffff;margin-bottom: 10px;padding: 15px 39px 24px 115px;position: relative;background: #ffffff;border-radius: 10px;font-size: 16px;line-height: 38px;color: #444444;} .pos2List li i{width: 40px;height: 40px;position: absolute;left: 42px;top: 15px;text-align: center;line-height: 40px;font-size: 16px;color: #ffffff;font-weight: normal;font-style:italic;font-family: "CenturyGothic";} .pos2List li.li1 i{background: url(../images/pos2/rect1.png) no-repeat center;} .pos2List li.li2 i{background: url(../images/pos2/rect2.png) no-repeat center;} .pos2List li.li3 i{background: url(../images/pos2/rect3.png) no-repeat center;} .pos2List li.li4 i{background: url(../images/pos2/rect4.png) no-repeat center;} .pos2List li.li5 i{background: url(../images/pos2/rect5.png) no-repeat center;} .pos2List li.li6 i{background: url(../images/pos2/rect6.png) no-repeat center;} .pos2Sect3{padding: 65px 0 125px;} .pos2Sect3 ul{margin-bottom: 65px;text-align: center;} .pos2Sect3 ul li{display: inline-block;*display: inline;*zoom: 1;width: 161px;height: 161px;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;text-align: center;margin: 0 17px;position: relative;} .pos2Sect3 ul li.li1{background-image:url(../images/add/pos1Slide4Rect1.png);} .pos2Sect3 ul li.li2{background-image:url(../images/add/pos1Slide4Rect2.png);} .pos2Sect3 ul li.li3{background-image:url(../images/add/pos1Slide4Rect3.png);} .pos2Sect3 ul li.li4{background-image:url(../images/add/pos1Slide4Rect4.png);} .pos2Sect3 ul li.li5{background-image:url(../images/add/pos1Slide4Rect5.png);} .pos2Sect3 ul li:before{content: "";width: 8px;height: 14px;position: absolute;left: -22px;top: 50%;margin-top: -7px;background: url(../images/add/arrow.png) no-repeat center;} .pos2Sect3 ul li.li1:before{display: none;} .pos2Sect3 ul li em{display: block;line-height: 34px;padding-top: 34px;font-style: italic;font-size: 20px;color: #ffffff;font-family: "CenturyGothic";} .pos2Sect3 ul li p{line-height: 40px;font-family: "Microsoft JhengHei";font-size: 22px;color: #303030;font-weight: bold;} .pos2Sect3 ul li.li5 p{color: #fff;} .pos2Sect3 .text{padding-left: 115px;background: url(../images/add/tips.png) no-repeat left 7px;font-size: 16px;line-height: 36px;color: #444444;} .pos2Sect3 .text .point{color: #333333;font-weight: bold;} .pos2Sect3 .text .gray{font-size: 15px;color: #999999;font-weight: bold;margin-bottom: 37px;} .pos2Sect4{padding: 65px 0 90px;background: #f7f7f7;} .pos2Sect4 .pos2List li.li0{background: #fff url(../images/pos2/pos2Sect4Icon.png) no-repeat 40px center;} .pos2Sect5{padding: 62px 0 243px;background: url(../images/add/pos1Slide6Bg.jpg) no-repeat center bottom;} .pos2Sect5 .pos2Sect5_1{width: 45.6%;} .pos2Sect5 .pos2Sect5_1 .pos2Tit{margin-bottom: 88px;} .pos2Sect5 .pos2Sect5_1 ul li{padding-left: 26px;position: relative;font-size: 16px;line-height: 32px;color: #444444;background: url(../images/add/liIcon.png) no-repeat left 12px;margin-bottom: 32px;} .pos2Sect5 .pos2Sect5_2{width: 43%;} .pos2Sect5 .pos2Sect5_2 .pos2Tit{margin-bottom: 85px;} .pos2Sect5 .pos2Sect5_2 .text{padding-left: 10px;} .pos2Sect5 .pos2Sect5_2 .text p{font-size: 16px;line-height: 24px;color: #444444;margin-bottom: 40px;padding-left: 35px; background: url(../images/add/liIcon.png) no-repeat left top;} /*20171230xg*/ .banner .ban5Txt{width: 830px;height: 620px; position: absolute; left: 50%; margin-left: -415px; top: 10%;} .banner .ban5_1{ } .banner .ban5_2{ } .contact .cont .mapWrap .contactText .contactAdd{padding-left: 65px;} .contact .cont .mapWrap .contactText .contactAdd span{background-position: left 10px;} @media screen and (max-width: 1800px){ .banner .ban2Txt{top: 25%;margin-top: 0;} .banner .ban1_1{margin-top: -250px;} .banner .ban1_3{margin-top: -108px;} .banner .ban3Txt .ban3_2 img{width: 800px;} .banner .ban4Txt{margin-left: -400px;} .banner .ban4_1 img,.banner .ban4_2 img{width: 150px;} .banner .ban4_1{left: 262px;} .banner .ban4_2{right: 134px;top: 170px;} .banner .ban4_4 img{width: 240px;} .banner .ban4_4 {top: 300px;left: 150px;} .banner .ban4_5{top: 350px;left: 260px;} .banner .ban2_3{text-align: center;padding: 100px 0 24px 0;} .banner .ban2_3 img{width: 600px;} .banner .ban2_4{text-align: center;padding-bottom: 120px;} .banner .ban2_4 img{width: 600px;} .banner .ban2_1{width: 390px;height: 390px;margin-left: -195px;top: 30px;} .banner .ban2Txt{top: 30%;} .banner .ban2_3{} .banner .ban3Txt .ban3_1{margin-bottom: 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 .content{padding-top: 76px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 .pos1Title{margin-bottom: 40px;} } @media screen and (max-width: 1400px){ .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .text{padding-top: 0;} } @media screen and (max-width: 1220px){ .w1200{width: auto;padding: 0 5%;} .w1000{width: auto;padding: 0 5%;} .navBtn{display: block;} .pcNav{display: none;} .header .line{display: none;} .isect2 .isect2_1 .list{height: 110px;} .isect3 .wrap{width: auto;padding: 0 3%;} .nyMenu{width: auto;padding: 30px 3%;text-align: left;} .nyMenu li{margin: 10px 5px;text-align: center;width: 160px;height: 44px;line-height: 44px;} .aboutItem1 .cont .text{box-sizing:border-box;width: 50%;width: 100%;padding: 0;margin-top: 30px;height: auto;} .aboutItem1 .cont .pic{width: 45%;display: none;} .aboutItem2{padding-bottom: 56px;} .aboutItem2 .w1200 .aboutVideo{height: 0;padding-bottom: 48%;position: relative;} .aboutItem2 .w1200 .aboutVideo .cont{position: absolute;left: 0;top: 0;} .aboutItem2 .w1200 .aboutVideo{width: 100%;} .aboutItem2 .bg{height: 100%;} .aboutItem2 .bg i{background-size: cover;} .aboutItem3 .w1200 .cont{margin-left: 50px;} .aboutItem3 .w1200 .cont .swiper-slide .wrap{padding-left: 410px;} .aboutItem3 .w1200 .cont .swiper-slide .text .desc{padding-right: 8px;} .aboutItem3 .w1200 .cont .btnWrap{left: 410px;} .aboutItem3 .w1200 .cont .swiper-slide .text .desc{height: auto;} .footer .w1200 .left{width: 100%;margin-bottom: 20px;text-align: center;max-width: 100%;} .footer .w1200 .right{width: 100%;box-sizing:border-box;padding-right: 0;} .footer .w1200 .right .pic{position: static;margin: 0 auto 10px;} .footer .w1200 .right p{text-align: center;margin-top: 0;} .footer .w1200 .right .fShare{width: 143px;float: none;margin: 0 auto;} .posChFooter{position: static;} .posChFooter .footer{background: #46464f;} .serviceTab .serveceContainer .swiper-slide a .pic{height: 0;padding-bottom: 42%;position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;padding-bottom: 60%;} .serviceTab .serveceContainer .swiper-slide a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;} .serviceTab .serveceContainer .swiper-slide a b{width: 280px;height: 280px;margin-left: -140px;margin-top: -140px;background-size: 100% 100%;top: 50%;} .serviceTab .serveceContainer .swiper-slide a .text{top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .serviceTab .serveceContainer .swiper-slide a .text i{margin-bottom: 56px;} .contCase1 .cont .textItem{width: 100%;margin-bottom: 30px;} .picList{margin: 42px auto 60px;} .picList ul{width: 100%;} .picList ul li{width: 24%;margin-right:1.33%; } .picList ul li:hover{-webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0); transform:translateY(0)} .picList ul li:nth-child(4n){margin-right: 0;} .picList ul li a .pic{height: 0;padding-bottom: 65.5%;position: relative;} .picList ul li a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .picList.picList1 ul li a .pic{padding-bottom: 132%;height:0;} .isect1{height: auto;padding-bottom: 50px;} .isect1 .achievement li{margin: 0 24px;} .isect1 .iservice,.isect1 .iservice .tabsCont{height: auto;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper{padding-bottom: 12px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide{width: 2160px;height: 147px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl3{width: 720px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1 dd.dd1, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2 dd.dd3{width: 236px;height: 143px;} .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl1 dd.dd2, .isect1 .iservice .tabsCont .outerSlider .innerSwiper .swiper-slide dl.dl2 dd.dd1{margin-right: 4px;} .swiperScrollbar{width: auto;padding: 0 3%;} /*banner*/ .banner .ban1_1{left: 50%;top: 50%;margin-left: -192px;margin-top: -192px;} .banner .ban1_2{margin-left: -40px;} .banner .ban1_3{margin-left: -300px;margin-left: -300px;text-align: center;} .banner .ban1_4{left: auto;left: 50%;margin-left: -35px;bottom: 10%;} .banner .ban2_2{left: 50%;margin-left: -40px;} .banner .ban2_4{padding-bottom: 80px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide7{height: auto !important;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .pcStyle .w1200 img{margin-left: 0;} /*.pos2Banner{height: 0;padding-bottom: 54%;background-size: cover;}*/ .pos2Banner .pos2BanCont{background-size: cover;} .pos2Banner .pos2BanCont .w1200 .cont{width: 100%;text-align: center;position: absolute;left: 0;top: 50%; -webkit-transform: translateY(-60%);-moz-transform: translateY(-60%);-ms-transform: translateY(-60%);-o-transform: translateY(-60%);transform: translateY(-60%);} .pos2Banner .pos2BanCont .w1200 .cont img{max-width: 80%;} .pos2Banner .pos2BanCont .w1200 .logo,.pos2Banner .pos2BanCont .w1200 .pos2BanTxt1,.pos2Banner .pos2BanCont .w1200 .pos2BanTxt2, .pos2Banner .pos2BanCont .w1200 .pos2BanTxt3,.pos2Banner .pos2BanCont .w1200 .pos2BanTxt4{position: static;} .pos2Banner .pos2BanCont .w1200 .logo{margin-bottom: 50px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt1{margin-bottom: 20px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt2,.pos2Banner .pos2BanCont .w1200 .pos2BanTxt3{margin-bottom: 20px;} .pos2Banner .pos2BanCont .w1200 .pos2BanTxt3,.pos2Banner .pos2BanCont .w1200 .pos2BanTxt4{display: none;} } @media screen and (max-width: 1024px){ .isect2 .isect2_1 .list{height: 40px;} .aboutItem3 .w1200 .cont .swiper-slide .wrap{padding-left: 0;} .aboutItem3 .w1200 .cont .swiper-slide .pic{position: static;margin-bottom: 30px;} .aboutItem3 .w1200 .cont .btnWrap{position: static;} .aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-prev,.aboutItem3 .w1200 .cont .btnWrap .btn.swiper-button-next{position: static;} .contact .cont .mapWrap #map{height: 635px !important;} .contact .cont .mapWrap{height: auto;} .contact .cont .mapWrap .contactText{position: static;height: auto;width: 100%;text-align: left;padding: 30px 0;background: no-repeat;} .contact .cont .mapWrap .contactText .contactLogo{margin-bottom: 25px;} .contact .cont .mapWrap .contactText .contactLogo .img1{display: none;} .contact .cont .mapWrap .contactText .contactLogo .img2{display: inline-block;} .contact .cont .mapWrap .contactText .contactAdd span,.contact .cont .mapWrap .contactText .contactTel span,.contact .cont .mapWrap .contactText .contactAdd{color: #444;} .contact .cont .mapWrap .contactText .contactAdd em{font-weight: bold;} .contact .cont .mapWrap .contactText .contactAdd.contactAdd1{padding-left:22px; } /*banner*/ .banner .ban3Txt{width: 80%;margin-left: 0;top: 50%;-webkit-transform: translateX(-50%) translateY(-70%);-moz-transform: translateX(-50%) translateY(-70%);-ms-transform: translateX(-50%) translateY(-70%);-o-transform: translateX(-50%) translateY(-70%);transform: translateX(-50%) translateY(-70%);} .pcBanner{display: none;} .wapBanner{display: block;} .banner .ban3Txt .ban3_2 img{width: 800px;} .banner .ban4_1 img,.banner .ban4_2 img{width: 150px;} .banner .ban4_1{left: 296px;} .banner .ban4_2{right: 134px;top: 170px;} .banner .ban4_4 img{width: 240px;} .banner .ban4_4 {top: 260px;left: 175px;} .banner .ban4_5{top: 320px;left: 282px;} .w1000{width: auto;padding: 0 3%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 .pos1Title.pos1Title2{background: none;height: auto;} .pos1Swiper.swiper-container .swiper-slide .pos1Title img{height: 80px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li{padding: 8px 0 8px 50px;background-size: 30px auto;background-position: 5px 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li p{font-size: 12px;line-height: 24px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li{padding: 10px 8px 10px 50px;line-height: 30px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li i{width: 30px;height: 30px;background-size: 100% 100%;line-height: 30px;text-indent: 3px;top: 10px;left: 10px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li.odd i{background-size: 100% 100%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul{margin-bottom: 25px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li{width: 100px;height: 100px;margin: 0 5px} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li:before{left: -12px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li em{padding-top: 14px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li p{font-size: 16px;line-height: 25px;} .pos2Sect3 ul{margin-bottom: 25px;} .pos2Sect3 ul li{width: 100px;height: 100px;margin: 0 5px} .pos2Sect3 ul li:before{left: -12px;} .pos2Sect3 ul li em{padding-top: 14px;} .pos2Sect3 ul li p{font-size: 16px;line-height: 25px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1, .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_2{width: 100%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1{margin-bottom: 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .text{padding-top: 0;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000{padding-top: 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .pcStyle{display: none;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide1 .wapStyle{display: block;} .pos2Sect1 .tit{line-height: 90px;background: none;} .pos2Sect1 .tit img,.pos2Tit img{height: 80px;} .pos2Tit{line-height: 90px;} .pos2Sect1 ul li,.pos2Sect1 ul li.li2, .pos2Sect1 ul li.li4, .pos2Sect1 ul li.li6{width: 100%;float: none;} .pos2Sect1 ul li.li5 p{line-height: 24px;padding: 8px 0;} .pos2List li{line-height: 28px;padding: 15px 15px 24px 55px;} .pos2List li i{left: 10px;} .pos2Sect4 .pos2List li.li0{background-size: 30px auto;background-position: 15px 22px;} .pos2Sect5{padding-bottom: 123px;} .pos2Sect5 .pos2Sect5_1,.pos2Sect5 .pos2Sect5_2{width: 100%;} .pos2Sect5 .pos2Sect5_1 .pos2Tit,.pos2Sect5 .pos2Sect5_2 .pos2Tit{margin-bottom: 38px;} .pos2Sect5 .pos2Sect5_2 .text p.p2,.pos2Sect5 .pos2Sect5_2 .text p.p3,.pos2Sect5 .pos2Sect5_2 .text p.p4{background-position: left center;} /*20171230xg*/ .banner .ban5Txt{width:80%;height: auto; position: absolute; left: 10%; margin-left:0; top: 50%; -webkit-transform:translateY(-50%);transform:translateY(-50%);} .banner .ban5_1{ } .banner .ban5_2{ } .contact .cont .mapWrap .contactText .contactAdd{padding-left: 0;} } @media screen and (max-width: 768px){ .isect2 .isect2_1,.isect2 .isect2_2{width: 100%;margin-bottom: 20px;} .isect2 .isect2_1 .list{height: 179px;} .isect2 .isect2_2{padding-bottom: 61%;} .nyBanner{height: 260px;background-size: cover;} .footer .w1200 .left .text span{display: block;} .newsList ul li a{padding: 0 0 0 108px;} .newsList ul li a .pic{display: none;} .newsList ul li.noPic a{padding: 0 0 0 108px;} .page a.num{display: none;} .page a.prev,.page a.next{width: 45%;margin: 0 1%;} .contPage .passage{padding-left: 0;} .contPage .passage .date{display: none;} .service{padding-bottom: 82px;} .serviceTab .serveceContainer .swiper-slide a b{width: 200px;height: 200px;margin-left: -100px;margin-top: -100px;} .serviceList{height: 220px;background: #fff;} .serviceList li{height: 50%;width: 25%;} .serviceList{height: 220px;background: #fff;} .serviceList li{height: 50%;width: 25%;} .contCase2 .serviceList.serviceList1 ul li{height: 50%;width: 25%;} .contCase2 .serviceList.serviceList1 ul li:nth-child(5n){border-left: none;} .contCase2 .Waterfall_flow ul li:hover{-webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0); transform:translateY(0)} .picList{margin: 22px auto 30px;} .picList ul li{width: 48%;margin-right: 2%;} .picList ul li:nth-child(2n){margin-right: 0;} .contact .cont .mapWrap #map{height: 435px !important;} .isect1{background: #eeeeee;} .isect1 .iservice .tabs ul{height: 164px;} .isect1 .iservice .tabs ul li{width: 25%;height: 50%;} .isect1 .achievement li{margin: 0 12px;width: 120px;height: 120px;} .isect1 .achievement li i.bg{background-size: 100% 100%;} .isect1 .achievement li .line{width: 86px;height: 86px;margin-top: -43px;margin-left: -43px;} .isect1 .achievement li .text{padding-top: 20px;} /*banner*/ .banner .ban1_1{width: 300px;height: 300px;margin-top: -150px;margin-left: -150px;} .banner .ban1_3{width: 80%;margin-left: 0;margin-top: -43px;-webkit-transform: translateX(-50%) translateY(0%);-moz-transform: translateX(-50%) translateY(0%);-ms-transform: translateX(-50%) translateY(0%);-o-transform: translateX(-50%) translateY(0%);transform: translateX(-50%) translateY(0%);} .banner .ban2Txt{width: 80%;margin-left: 0;-webkit-transform: translateX(-50%) translateY(0%);-moz-transform: translateX(-50%) translateY(0%);-ms-transform: translateX(-50%) translateY(0%);-o-transform: translateX(-50%) translateY(0%);transform: translateX(-50%) translateY(0%);} .banner .ban2_1{width: 300px;height: 300px;margin-left: -150px;} .banner .ban2_4{padding-bottom: 54px;} .banner .ban4Txt{width: 300px;height: 350px;margin-left: 0;top: 50%;margin-top: 0; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} .banner .ban4_1 img,.banner .ban4_2 img{width: 88px;} .banner .ban4_1{left: 95px;top: 50px;} .banner .ban4_2{top: 98px;right: 38px;} .banner .ban4_4{left: 0;top: 170px;} .banner .ban4_4 img{width: 150px;} .banner .ban4_5{width: 80px;top: 200px;left: 65px;} .banner .ban2_2{top: 220px;margin-left: -60px;} .banner .ban1_2{margin-left: -70px;} .banner .ban6Txt .ban6_1 img{width: 80px;margin-bottom: 30px;} .nyMenu li a span:before{display: none;} .nyMenu li a span{padding-left: 0;} .newsList ul{padding: 0 20px 30px;} .posChannel .cont{width: 100%; -webkit-transform: translateX(-50%) translateY(-45%); -moz-transform: translateX(-50%) translateY(-45%); -ms-transform: translateX(-50%) translateY(-45%); -o-transform: translateX(-50%) translateY(-45%); transform: translateX(-50%) translateY(-45%);} .posChannel .cont .item3 .btn{float: none;margin: 0 auto 10px;width: 100%;height: 50px;background-size: auto 100%;line-height: 50px;} .pos1Swiper.swiper-container .swiper-slide .pos1Title{margin-bottom: 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 .text .gray{margin-bottom: 10px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 .text{font-size: 12px;line-height: 24px;padding-left: 0;padding-top: 38px;background-size: auto 22px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul{text-align: left;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li{margin: 0;width: 80px;height: 80px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li:before{display: none;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li em{line-height: 22px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li p{font-size: 12px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 .text .gray{font-size: 12px;} .pos2Sect1,.pos2Sect2,.pos2Sect3,.pos2Sect4{padding: 24px 0 36px;} .pos2Sect3 .text .gray{margin-bottom: 10px;} .pos2Sect3 .text{font-size: 12px;line-height: 24px;padding-left: 0;padding-top: 38px;background-size: auto 22px;} .pos2Sect3 ul{text-align: center;} .pos2Sect3 ul li{margin: 0 5px;width: 80px;height: 80px;} .pos2Sect3 ul li:before{display: none;} .pos2Sect3 ul li em{line-height: 22px;} .pos2Sect3 ul li p{font-size: 12px;} .pos2Sect3 .text .gray{font-size: 12px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 .pos1Title.pos1Title2{margin-bottom: 20px;} /*.pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul{max-height: 300px;overflow: auto;}*/ .contact{margin-bottom: 80px;} } @media screen and (max-width: 480px){ .nyMenu li{margin: 3px;width: 108px;height: 36px;line-height: 36px;} .aboutItem3 .w1200 .cont{margin: 0 20px;} .aboutItem3 .w1200 .cont .swiper-slide .pic{width: 100%;height: auto;} .aboutItem3 .w1200 .cont .swiper-slide .pic img{width: 100%;height: auto;} .serviceTab .serveceContainer .swiper-slide a .text h3{line-height: 52px;font-size: 30px;} .serviceTab .serveceContainer .swiper-slide a .text i{margin-bottom: 36px;} .serviceTab .serveceContainer .swiper-slide a .text em{width: 40px;height: 40px;background-size: 100% 100%;} .contact {margin-top: 30px;} .picList ul li{width: 100%;margin-right: 0;} .contact .cont .mapWrap #map{height: 300px !important;} .isect2 .isect2_1 .tabs .more{display: none;} /*banner*/ .banner .ban1_1{width: 220px;height: 220px;margin-top: -110px;margin-left: -110px;} .nyMenu li{width: 90px;font-size: 14px;} .nyMenu li a span{padding-left: 0;background: none;} .newsList ul{padding: 0 0 30px;} .newsList ul li a{padding:0 0 0 90px;} .newsList ul li.noPic a{padding:0 0 0 90px;} .pos1Swiper.swiper-container .swiper-slide .pos1Title img{height: 50px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li{font-size: 12px;line-height: 20px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .text p{margin-bottom: 8px;font-size: 12px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1 .text p{margin-bottom: 0;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul{margin-bottom: 7px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li{width: 60px;height: 60px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li em{padding-top: 7px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide4 ul li p{font-size: 10px;} /*.pos2Sect3 ul{margin-bottom: 7px;} .pos2Sect3 ul li{width: 60px;height: 60px;} .pos2Sect3 ul li em{padding-top: 7px;} .pos2Sect3 ul li p{font-size: 10px;} */ .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1 .text h5{margin-bottom: 5px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_1{margin-bottom: 10px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .content .w1000 .pos1Slide6_2 .text p{margin-bottom: 0;background-size: auto 80%;padding-left: 25px;background-position: left 10%;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .pos1Title{margin-bottom: 10px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide6 .pos1Title img{height: 40px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li h5{font-size: 16px;line-height: 26px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li{background-position: 5px 11px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li i{top: 5px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li:nth-child(1) i, .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li:nth-child(4) i, .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li:nth-child(5) i, .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li:nth-child(6) i{top: 15px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3.pos1Slide3_1 ul li:nth-child(2) i, .pos1Swiper.swiper-container .swiper-slide.pos1Slide3.pos1Slide3_1 ul li:nth-child(3) i{top: 15px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide3 ul li{margin-bottom: 5px;} } @media screen and (max-width: 340px){ .pos1Swiper.swiper-container .swiper-slide .pos1Title{margin-bottom: 8px;} .pos1Swiper.swiper-container .swiper-slide .pos1Title img{height: 60px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li h5{line-height: 30px;font-size: 16px;} .pos1Swiper.swiper-container .swiper-slide.pos1Slide2 ul li p{line-height: 20px;} }