/* 棣栭〉妯″潡鍛藉悕瑙勮寖锛歝ol-index-妯″潡鑻辨枃鍚嶇О锛屽锛歝ol-index-news 鍐呴〉椤甸潰澶栧眰瀹瑰櫒鍛藉悕瑙勮寖锛 1銆侀€氱敤鏍峰紡锛歝ol-page锛屽唴椤靛灞傚鍣ㄩ€氱敤鏍峰紡锛屼娇鐢ㄦ柟娉旤div class="col-page col-page-about"> 2銆侀〉闈㈡牱寮忥細col-page-妯″潡鑻辨枃鍚嶇О锛屽锛歝ol-page-about锛堝叧浜庢垜浠〉闈級 3銆佸唴椤垫ā鍧楀懡鍚嶈鑼冿細col-妯″潡鑻辨枃鍚嶇О锛屽锛歝ol-product锛堜骇鍝侊級銆乧ol-honor锛堣崳瑾夛級 鍏朵粬鍛藉悕瑙勮寖锛 1銆佷娇鐢╯wiper銆乷wl.Carousel绛夋彃浠舵椂锛屾彃浠跺灞傚鍣ㄥ彲鐢ㄦā鍧楀悕绉?container,濡俻roduct-container 2銆佷娇鐢ㄨ嫳鏂囧悕绉颁负鏍峰紡鍛藉悕锛屼笉瑕佸嚭鐜版嫾闊冲拰棣栧瓧姣 3銆佹ā鍧楁渶澶栧眰瀹瑰櫒鍛藉悕瑙勮寖锛歝ol-鑷畾涔夊悕绉 4銆佹牱寮忓懡鍚嶄腑鍗曡瘝鐢辩鍙封€?鈥濇潵杩炴帴锛屽锛歝ol-culture,col-hot-product 澶囨敞锛氫笂闈㈡墍璇寸殑妯″潡涓嶆槸鎸囩郴缁熷悗鍙版ā鍧楋紝鏄綉绔欏墠鍙伴〉闈腑鐨勭粍鎴愭ā鍧楋紝濡傦細棣栭〉涓寘鍚綉绔欏ご閮ㄣ€佷骇鍝併€佹柊闂汇€佽崳瑾夈€佹渚嬨€佺綉绔欏簳閮紝鍏朵腑姣忎釜閮ㄥ垎瑙嗕负涓€涓ā鍧椼€ */ @charset "utf-8"; html{overflow-x: hidden;} body {font-family:Arial,"寰蒋闆呴粦";min-width: 320px;color: #4c4c4c;overflow: hidden;} @font-face { font-family: 'goomay'; /* project id 523133 */ src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot'); src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg'); } .goomay a { font-family:"goomay" !important; font-size:12px!important; color: rgba(0,85,162,0.5)!important; font-style:normal; font-weight: normal; text-decoration: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; text-transform: uppercase; transition: .5s all; } .icon-goomay a:before { content: "\e602"; } .goomay a:hover{color: rgba(0,85,162,1)!important;} .icon-g:before { content: "\e603"; } .iconfont {font-family: 'iconfont';} li {list-style: none;} i {font-style: normal;} a {color: #4c4c4c;} a:focus{text-decoration: none} a:hover { color: #4c4c4c;text-decoration: none;} p,h1,h2,h3,h4,h5,h6,ul, li { margin: 0; padding: 0;} img { border: 0; max-width: 100%;} .relative { position: relative;} .container { width: 1200px; padding: 0;} .container2 { max-width: 1500px; width:100%; margin: 0 auto; } .syposition{position: relative;background-color: #fff;} #page{padding-top: 0px; overflow: hidden;} nav.mm-menu_offcanvas{display: none;} #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0; background: #0067b7; transition: .5s all;} #BMapLib_transBox0 table td{box-sizing: content-box !important;} .target-fix {position: relative;top: -80px;display: block;height: 0;overflow: hidden;} /* header */ .header{padding-left: 30px;position: fixed;width: 100%;z-index: 200;background: #eee; } .logo{font-size: 14px;} .logo>a{line-height: 80px;display: inline-block;vertical-align: middle} .logo div{display: inline-block;vertical-align: middle;margin-left: 15px;padding-left: 15px;border-left: 1px solid #dcdcdc} .logo div a{line-height: normal;} .header .nav ul li{float: left;line-height: 80px;height: 80px;margin-right:40px;} .header .nav ul li a{color:#4c4c4c;transition: 0.2s;font-weight: bold;} .header .nav ul li a:hover,.header .nav ul li.active a{color:#0055a2;} .header .language{line-height: 80px;height:80px} .header .language a{font-weight: bold;color:#aaaaaa;display: inline-block;margin:0 8px;} .header .language a.active{color:#000;position: relative;display: inline-block;padding-bottom: 2px;line-height: normal;border-bottom: 2px solid #000} .header .col-search{margin-left: 20px;} .header .col-search a{width: 80px;height: 80px;background:url(../images/search_btn.png)no-repeat center center rgba(0,0,0,.1);display: block;} .header.active{box-shadow: 0 5px 5px rgba(0,0,0,.1)} /* banner */ .col-banner .swiper-slide{background-position: center !important;background-size: cover !important;} .col-banner .swiper-slide>div{height: 100%;} #col-index-banner{background: #0055a2} #col-index-banner .swiper-slide .container2{position: absolute;top:0;max-width: none;padding-left: 11%} #col-index-banner .swiper-slide video{width: 100%} #col-index-banner .swiper-slide>img{-webkit-animation: fadeOut 1s both; animation: fadeOut 1s both;} #col-index-banner .swiper-slide.swiper-slide-active>img{-webkit-animation: fadeInRight 1.5s both ; animation: fadeInRight 1.5s ;animation-timing-function:ease-out !important;} #col-index-banner .swiper-slide>i{background: url(../images/banner_bg.png)no-repeat center left;position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-animation: fadeOut 1s both; animation: fadeOut 1s both;} #col-index-banner .swiper-slide.swiper-slide-active>i{-webkit-animation: fadeInLeft 1.5s both ; animation: fadeInLeft 1.5s both ;animation-timing-function:ease-out !important;} #col-index-banner .ban_cont{color:#fff;padding-top:320px;font-family: 'calibri','瀹嬩綋';position: relative;z-index: 2;} #col-index-banner .ban_cont>*{-webkit-animation: fadeOut 1s both; animation: fadeOut 1s both;} #col-index-banner .ban_cont p:nth-child(1),#col-index-banner .ban_cont p:nth-child(2){letter-spacing:18px} #col-index-banner .swiper-slide.swiper-slide-active .ban_cont>*{ -webkit-animation: fadeInLeft 1.7s both ; animation: fadeInLeft 1.7s both ;animation-timing-function:ease-out !important;} #col-index-banner .swiper-button{width:50px;height: 50px;background: none;border:1px solid rgba(255,255,255,0.5);border-radius: 100%;margin:0 ;font-family: '榛戜綋';color:#fff;text-align: center;line-height: 48px;font-size: 20px;top:250px;outline: none;} #col-index-banner .swiper-button-prev{left: 11%;} #col-index-banner .swiper-button-next{right: auto;left: calc(11% + 70px);} #col-banner .swiper-slide{padding-top:80px;} #col-banner .ban_cont{overflow: hidden;position: absolute;top:0;left: 0;right:0;padding-top:15%} #col-banner .ban_cont h1{text-align: center;color:#fff;font-family: 'calibri','瀹嬩綋';font-size: 62px;letter-spacing: 20px} #col-index-banner .swiper-slide .video-play { color: #fff; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; text-align: center; line-height: 46px; font-size: 20px; margin-top: -25px; margin-left: -25px; z-index: 99; } /* 棣栭〉about */ .col-index-about{padding:5% 0 6%;background: url(../images/index_about_bg.png)no-repeat center right #f6f6f6;} .col-index-about .col-index-content{margin-bottom: 70px;} .col-index-about ul li{float: left;width: 32%;margin-right:2% ;height:212px;transition: 0.3s} .col-index-about ul li:nth-child(3n){margin-right: 0;} .col-index-about ul li a{color:#fff;display: block;width: 100%;height: 100%;text-align: center;padding-top:70px;} .col-index-about ul li h3{font-size: 18px;} .col-index-about ul li i{display: block;width:40px;height:40px;border-radius: 100%;text-align: center;line-height: 38px;border:1px solid rgba(255,255,255,0.5);font-size: 30px;font-family: '榛戜綋';margin:20px auto 0;} .col-index-about ul li:hover{box-shadow: 0 5px 5px rgba(0,0,0,.1);transform: translateY(-5px)} /* 棣栭〉product */ .col-index-product{position: relative;height: 850px;overflow: hidden;} .col-index-product h2{position: absolute;top:80px;left: 0;right: 0;z-index: 2;font-size: 60px;color: #fff;font-weight: 100;text-align: center;letter-spacing: 10px;font-family: 'calibri';} .col-index-product .product-container {height: 100%;} .col-index-product .swiper-slide .col-product-slide{height: 100%;padding-top:180px;} .col-index-product .swiper-slide .col-box{width: 480px;height: 570px;padding: 120px 0 0 80px;background: #0055a2;color:#fff;} .col-index-product .swiper-slide.swiper-slide-active .col-box{-webkit-animation: fadeInUp 1.2s both 0.5s; animation: fadeInUp 1.2s both 0.5s;} .col-index-product .swiper-slide .col-box>p.number{position: relative;font-size: 42px;color: #fff;font-weight: 100;line-height: 1;} .col-index-product .swiper-slide .col-box>p.number::after{content: '';display: block;position: absolute;bottom: 3px;left: 0;width: 640px;height: 1px;background: rgba(255,255,255,0.2);} .col-index-product .swiper-slide .col-box>h3{font-size: 30px;margin-top:30px;} .col-index-product .swiper-slide .col-box>p#txt1{margin-top:15px;width:60%;line-height: 2;} .col-index-product .swiper-slide .col-box>a{margin-top: 60px;border: 1px solid rgba(255,255,255,0.3);color: #fff;display: block;position: relative;width: 180px;height: 48px;padding-left: 30px;font-size: 12px;letter-spacing: 2px;text-transform: uppercase;line-height: 48px;transition: all .3s ease;} .col-index-product .swiper-slide .col-box>a::after{content: '';display: block;position: absolute;top: 50%;right: 0;width: 10px;height: 2px;margin-top: -1px;margin-right: 30px;background: #fff;transition: all .3s ease;} .col-index-product .swiper-slide .col-box>a:hover{color: #111;background: #fff;} .col-index-product .swiper-slide .col-box>a:hover:after { background: #111;} .col-index-product .swiper-slide .col-img{position: absolute;right: 0;top:180px;} .col-index-product .swiper-slide.swiper-slide-active .col-img{-webkit-animation: fadeInRight 1.2s both 0.8s; animation: fadeInRight 1.2s both 0.8s;} .col-index-product .swiper-button{width:50px;height: 50px;background: none;border:1px solid rgba(255,255,255,0.5);border-radius: 100%;margin:0 ;font-family: '榛戜綋';color:#fff;text-align: center;line-height: 48px;font-size: 20px;top:auto;outline: none;bottom: 210px;left: 50%;} .col-index-product .swiper-button-prev{margin-left: 440px;} .col-index-product .swiper-button-next{margin-left: 500px;} /* indexnews */ .col-index-news{padding: 6% 0 0;background: url(../images/news_bg.png)no-repeat center center;} .col-index-news .container>h2{font-size: 24px;color:#2f2f2f;margin-bottom: 20px;} .col-index-news .container>h2 a{font-size: 12px;font-weight: bold;position: relative;letter-spacing:2px;margin-top:10px;padding-right:20px; } .col-index-news .container>h2 a::after{content: '';display: block;position: absolute;top: 50%;right: 0;width: 11px;height: 2px;margin-top: -1px;background: #434343;transition: all .3s ease;} .col-index-news .container .col-news-img{margin-bottom: 20px;} .col-index-news .container h3{font-size: 18px;margin-bottom: 10px;} .col-index-news .container h3 a{color:#000;} .col-index-news .container .col-news-description{color:#868686;font-size: 12px;margin-bottom: 15px;} .col-index-news .container .swiper-slide>p{color:#868686;font-family: '瀹嬩綋';} .col-index-news .col-news-box{transform: translateY(100px)} .col-index-news .box{width:50%;float: left;padding: 40px 50px 50px ;} .col-index-news .box1{background: #0055a2;color:#fff;} .col-index-news .box2{background: #fff;} .col-index-news .box h2{font-size: 24px;margin-bottom: 25px;} .col-index-news .box ul li{line-height: 45px;border-bottom: 1px solid rgba(255,255,255,0.12);position: relative;} .col-index-news .box ul li a{color:#c0d5e8;overflow: hidden;display: block;padding-right: 100px;white-space: nowrap;text-overflow:ellipsis;} .col-index-news .box ul li span{position: absolute;top: 0;right: 0;font-family: '瀹嬩綋';} .col-index-news .box ul li:last-child{border-bottom:none;} .col-index-news .box2 h2{color:#292929} .col-index-news .box2 ul li{border-bottom: 1px solid rgba(0,0,0,.12)} .col-index-news .box2 ul li a{color:#727272;} /* indexlink */ .col-index-link{height:860px;} .col-index-link h2{padding-top: 160px;font-size: 80px;color: rgba(255,255,255,0.71);font-weight: 100;text-align: center;letter-spacing: 30px;text-transform: uppercase;font-family: 'calibri';margin-bottom: 100px;} .col-index-link h3{text-align: center;font-size: 30px;color:#fff;margin-bottom: 10px;} .col-index-link .col-link-cont{color:#fff;width: 56%;margin:0 auto 50px;} .col-index-link ul{font-size: 0;text-align: center;} .col-index-link ul li{display: inline-block;font-size: 18px;width:200px;height:200px;border-radius: 100%;background: rgba(255,255,255,0.85);vertical-align: top;margin:0 7px;} .col-index-link ul li a{display: block;padding-top:25px;position: relative;height: 100%} .col-index-link ul li a .col-link-img{height: 70px;line-height: 70px;transition: all .3s ease;margin-bottom: 10px} .col-index-link ul li a p{color:#4c4c4c;line-height: 1;transition: all .3s ease;} .col-index-link ul li a i{font-family: '瀹嬩綋';color:#868686;font-size: 14px;transition: all .3s ease;} .col-index-link ul li a span{display: block;position: absolute;bottom: 35px;left: 0;right: 0;width: 14px;height: 14px;margin: 25px auto 0;transition: all .3s ease;} .col-index-link ul li a span::before{content: '';display: block;position: absolute;top: 50%;left: 50%;width: 2px;height: 14px;background: #111111;transform: translate(-50%, -50%);transition: all .3s ease;} .col-index-link ul li a span::after{content: '';display: block;position: absolute;top: 50%;left: 50%;width: 14px;height: 2px;background: #111111;transform: translate(-50%, -50%);transition: all .3s ease;} .col-index-link ul li:hover{color:#fff;background: #0055a2;} .col-index-link ul li:hover a .col-link-img{transform: translateY(2px)} .col-index-link ul li:hover p{color:#fff;} .col-index-link ul li:hover span{transform: rotate(-180deg);} .col-index-link ul li:hover a span::before,.col-index-link ul li:hover a span::after{background: #fff;} /* page */ .page{text-align: center;} .pagination>li>a, .pagination>li>span{width:40px;height:40px;background: #fff;color:#000;padding: 0;line-height: 42px;border:1px solid #dcdcdc;margin:0;} .pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #fff;border-radius:0;color:#000;border:1px solid #dcdcdc} .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{background: #fff;border-radius:0;color:#000;border:1px solid #dcdcdc} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #742b24;color:#fff;border:none;} /* 鍐呴〉 */ .col-page{position: relative;z-index: 1;background: #fff;}/*鍐呴〉閫氱敤椤甸潰澶栧眰瀹瑰櫒鏍峰紡*/ /* 鍏充簬鎴戜滑 */ .col-page-about{} .col-profile{margin: 6% 0;} .col-profile .container>div>p:first-child{color:#0055a2;width:50%;margin-bottom: 50px} .col-profile table:nth-of-type(1) td:first-child{padding-right: 4%} .col-profile table:nth-of-type(1) td:last-child{padding-left: 4%} .col-profile table:nth-of-type(1) td{font-size: 16px;color:#666666;line-height: 2} .col-profile table:nth-of-type(1){margin-bottom: 200px;} .col-develop{background: #eeeeee;margin-top:100px} .col-develop .container2{text-align: center;color:#fff;/*font-family: '瀹嬩綋';*/color:#fff;font-size: 48px;height:400px;box-shadow: 0 11px 27px rgba(0,0,0,.21);padding-top:160px;transform: translateY(-90px)} .col-develop .container2 h2{font-size: 48px;} .col-develop .container2 div p{display: none} .col-develop .container2 div p.active{display: block;-webkit-animation: fadeInUp 1s both 0.2s; animation: fadeInUp 1s both 0.2s;} .col-develop ul{font-size: 0;text-align: center;margin-top:100px;padding-bottom: 35px;border-bottom: 1px solid rgba(0,0,0,.5)} .col-develop ul li{display: inline-block;font-size: 24px;/*font-family: '瀹嬩綋';*/padding:0 40px;position: relative;} .col-develop ul li::after{content:'/';/*font-family: '寰蒋闆呴粦';*/position: absolute;right: 0;top:0} .col-develop ul li:last-child::after{display: none;} .col-develop ul li a{color:#000;transition: 0.3s all ease;} .col-develop ul li.active a{color:#0055a2;} .col-develop .col-develop-tabbox{padding-top:35px;} .col-develop .col-develop-box{display: none;margin-bottom: 90px;padding-bottom: 35px;border-bottom: 1px solid rgba(0,0,0,.5);} .col-develop .col-develop-box.active{display: block;} .col-develop .col-develop-box .pull-left{width:36%} .col-develop .col-develop-box .pull-left h3{font-size: 30px;/*font-family: '瀹嬩綋';*/color:#000;margin-bottom: 20px;} .col-develop .col-develop-box.active .pull-left {-webkit-animation: fadeIn 1s both 0.2s; animation: fadeIn 1s both 0.2s;} .col-develop .col-develop-box .pull-right{width:57%} .col-develop .col-develop-box.active .pull-right {-webkit-animation: fadeInRight 1s both 0.2s; animation: fadeInRight 1s both 0.2s;} .col-develop .col-develop-box .pull-right table tr:not(:last-child){border-bottom: 1px solid rgba(0,0,0,.1)} .col-develop .col-develop-box .pull-right table td{/*font-family: '瀹嬩綋';*/padding: 15px 0;} .col-develop .col-develop-box .pull-right table td:nth-child(1){width:50px !important;position: relative;font-size: 18px;color:#000;} .col-develop .col-develop-box .pull-right table td:nth-child(2){width:30px;text-align: center;font-size: 18px;color:#000;} .col-develop .col-develop-box .pull-right table td:nth-child(3){padding-left: 8%;line-height: 1.8;font-size: 16px;color:#666;} .col-leader{padding: 4% 0 7%} .col-leader h2{font-size: 30px;color:#000;margin-bottom: 10px;padding-bottom: 5px;position: relative;} .col-leader h2::after{content:'';height:2px;width:57px;background: #0055a2;position: absolute;bottom: 0;left: 0;} .col-leader table{width:100%;} .col-leader table td{line-height: 1.8;color:#666666;font-size: 16px;width:50%} .col-leader table td:last-child{text-align: right;color:#000;} .col-leader table td:last-child p{margin-bottom: 20px;} .col-culture{padding:0 0 5%;font-family: '瀹嬩綋'} .col-culture .col-culture-logo{height:300px;line-height: 300px;text-align: center;background: url(../images/culture_bg.jpg)no-repeat center center;} .col-culture .col-culture-cont table:nth-of-type(1){width: 100%} .col-culture .col-culture-cont table:nth-of-type(1) td{font-size: 16px;line-height: 1.8;color:#666;padding-bottom: 20px;} .col-culture .col-culture-cont table:nth-of-type(1) tr:last-child{border-bottom: 1px solid rgba(201,201,201,0.5)} .col-culture .col-culture-cont table:nth-of-type(1) td:first-child{width:10%;color:#000;} .col-culture .col-culture-cont table:nth-of-type(2){border-bottom:1px solid #e5e5e5;} .col-culture .col-culture-cont table:nth-of-type(2) td{vertical-align: top;padding: 65px 10px 0;color:#666666;line-height: 2;text-align: center;position: relative;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(1){width:180px;height:180px;border-radius: 100%;border:1px solid #eeeeee;line-height: 200px;padding-top:30px;position: relative;font-weight: bold;font-size: 16px;color:#0055a2;margin-bottom: 20px;transition: 0.3s;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(2){text-align: left} .col-culture .col-culture-cont table:nth-of-type(2) td:nth-child(1) p:nth-child(1)::before{content:'';width:72px;height:61px;background: url(../images/img1.jpg)no-repeat center center;position: absolute;top:40px;left: 50%;margin-left: -36px;} .col-culture .col-culture-cont table:nth-of-type(2) td:nth-child(2) p:nth-child(1)::before{content:'';width:72px;height:61px;background: url(../images/img2.jpg)no-repeat center center;position: absolute;top:40px;left: 50%;margin-left: -36px;} .col-culture .col-culture-cont table:nth-of-type(2) td:nth-child(3) p:nth-child(1)::before{content:'';width:72px;height:61px;background: url(../images/img3.jpg)no-repeat center center;position: absolute;top:40px;left: 50%;margin-left: -36px;} .col-culture .col-culture-cont table:nth-of-type(2) td:nth-child(4) p:nth-child(1)::before{content:'';width:72px;height:61px;background: url(../images/img4.jpg)no-repeat center center;position: absolute;top:40px;left: 50%;margin-left: -36px;} .col-culture .col-culture-cont table:nth-of-type(2) td:nth-child(5) p:nth-child(1)::before{content:'';width:72px;height:61px;background: url(../images/img6.jpg)no-repeat center center;position: absolute;top:40px;left: 50%;margin-left: -36px;} .col-culture .col-culture-cont table:nth-of-type(2) td:nth-child(6) p:nth-child(1)::before{content:'';width:72px;height:61px;background: url(../images/img5.jpg)no-repeat center center;position: absolute;top:40px;left: 50%;margin-left: -36px;} .col-culture .col-culture-cont table:nth-of-type(3){width: 100%;margin-top:10px;} .col-culture .col-culture-cont table:nth-of-type(3) td{color:#666;line-height: 1.8;vertical-align: middle} .col-culture .col-culture-cont table:nth-of-type(3) td:first-child{width:24%;color:#000;} .col-culture .col-culture-cont table:nth-of-type(3) td:first-child em{font-style: normal;display: block;text-align: center;} .col-culture .col-culture-cont table:nth-of-type(3) td:first-child span{font-size: 48px !important;} .col-culture .col-culture-cont table:nth-of-type(3) td:last-child {padding: 10px} .col-culture .col-culture-cont table:nth-of-type(3) td:last-child img{width:32%;margin-right: 2%;margin-bottom: 20px;} .col-culture .col-culture-cont table:nth-of-type(3) td:last-child a:nth-child(3n) img{margin-right: 0;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(1)::before{transition: 0.3s;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(1):hover{color: #fff; background: #0055a2;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(1):hover::before{transform: translateY(2px); } .col-honor{padding-bottom: 5%} .col-honor .col-honor-title{text-align: center;color:#fff;height:400px;line-height: 400px;font-size: 48px;margin-bottom: 45px;} .col-honor .col-honor-list{border-top:1px solid #000;} .col-honor .col-honor-list>div{padding:25px 0;border-bottom: 1px solid rgba(0,0,0,.2);} .col-honor .col-honor-list>div h3{float: left;color:#000;font-size: 24px;} .col-honor .col-honor-list>div ul{float:right;width:85%} .col-honor .col-honor-list>div ul li{float: left;width:24%;margin-right: 1.3333%;height:164px;background:#eeeeee;margin-bottom: 20px;line-height: 164px;text-align: center;overflow: hidden;} .col-honor .col-honor-list>div ul li:nth-child(4n){margin-right: 0;} .col-honor .col-honor-list>div ul li img{height: 100%;} .col-concern{padding: 5% 0;background: url(../images/concern_bg.png)no-repeat center center rgba(238,238,238,0.6);} .col-concern h2{text-align: center;font-size: 30px;margin-bottom: 35px;color:#000;} .col-concern .swiper-slide img{width: 100%} .col-concern .swiper-slide h3{font-size: 18px;color:#000;margin-top:25px;line-height: 1.5} .col-concern .container>a{width:185px;height:50px;border:1px solid #dcdcdc;line-height: 46px;padding-left: 25px;position: relative;display: block;margin:50px auto 0;color:#000;} .col-concern .container>a::after{content:'';width:10px;height:2px;background: #000;position: absolute;right:25px;top:50%;margin-left: -5px;} .col-concern .container>a:hover{color:#fff;border:none;background: #0055a2;} .col-concern .container>a:hover::after{background: #fff;} .col-music{height: 255px;padding-top:80px;} /* .col-music #video{position: relative;top: -45px;} */ .col-music .container{position: relative;} .col-music .container #lightgallery>a{color:rgba(255,255,255,0.65);position: absolute;right: 0;z-index: 10;} .col-music .col-music-title{color:#fff;float: left;margin-left:30px;} .col-music .col-music-title h2{font-size: 24px;color:#fff;} .col-music .play{float: left;} .col-music .play a{width:50px;height:50px;border-radius: 100%;border:2px solid rgba(255,255,255,0.65);display: block;text-align: center;line-height: 46px;color:#fff;font-size: 20px;} .progress {display: flex;justify-content: space-between;align-items: center;width: 100%;margin: 10px auto;background: none;box-shadow: none;color:#fff;} .progress-bar {position: relative;width: 100%;height: 2px;background-color: rgba(255,255,255,0.5);vertical-align: 2px;border-radius: 3px;cursor: pointer;} .now {position: absolute;left: 0;bottom: 0px;display: inline-block;height: 4px;width: 0%;background: #f19149;} .now::after {content: '';position: absolute;left: 100%;bottom: -2px;width: 7px;height: 7px;border-radius: 100%;background-color: #fff;} .col-video{padding: 5% 0;} .col-video video{width: 100%} /* .audiojs {background: none;box-shadow: none;width: 100%;height:auto; } .audiojs .scrubber{width: calc(100% - 100px);background: none;border-top: none;} .audiojs .loaded{width: 100% !important;top:8px;height: 2px;background: rgba(255,255,255,0.5);vertical-align: 2px;border-radius: 3px;cursor: pointer;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;} .audiojs .progresss{background: #f19149;height: 4px;top: 7px;} .audiojs .progresss::after{content: '';position: absolute;left: 100%;bottom: -2px;width: 7px;height: 7px;border-radius: 100%;background-color: #fff;} .audiojs .play-pause{border-right: none;float: none;padding: 0;width: 50px;height: 50px;text-align: center;line-height: 46px;color: #fff;font-size: 20px;} .audiojs .time{border-left: none;float: right;} .audiojs p{width: 50px;height: 50px;border: 2px solid rgba(255,255,255,0.65);border-radius: 50%;background: none !important;} */ /* enterprise */ .col-page-enterprise{padding: 5% 0 6%} .col-page-list{float: left;width:350px;} .col-page-list ul{border-bottom: 1px solid #434343;border-top: 1px solid #434343;} .col-page-list ul li{height: 60px;line-height: 60px;position: relative;border-bottom: 1px solid #eeeeee;transition: 0.3s all ease} .col-page-list ul li:hover::after,.col-page-list ul li.active::after{content:'>';color:#fff;font-size: 14px;right:15px;position: absolute;top: 0;font-family: '瀹嬩綋';} .col-page-list ul li a{display: block;padding-left: 10px;font-size: 18px;transition: 0.3s all ease;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;padding-right: 20px;} .col-page-list ul li.active,.col-page-list ul li:hover{box-shadow:5px 7px 0 0 rgba(0,0,0,.09);background: #0055a2} .col-page-list ul li.active a,.col-page-list ul li:hover a{color:#fff;} .col-enterprise-cont{float: right;width:62.5%} .col-enterprise-cont .col-box{display: none;line-height: 1.8;color:#666} .col-enterprise-cont .col-box p:first-child{margin-bottom: 35px;} .col-enterprise-cont .col-box.active{display: block;-webkit-animation: fadeInRight 1s both 0.2s; animation: fadeInRight 1s both 0.2s;} .col-page-enterprise .col-page-list h2{margin-bottom: 20px;font-size: 24px;} .col-page-enterprise .col-page-list ul{margin-bottom: 50px;} /* 浜у搧 */ .col-paper-list{padding: 6% 0;} .col-paper-list ul li{float: left;width:50%;margin-bottom: 6%;} .col-paper-list ul li .col-paper-img{float: left;} .col-paper-list ul li .col-paper-img a{display:block;width: 340px;height:340px;border-radius: 100%;overflow: hidden;} .col-paper-list ul li .col-paper-img a img{transition: all 0.5s ease;} .col-paper-list ul li .col-paper-img a:hover img{transform: scale(1.1)} .col-paper-list ul li .col-paper-cont{float: right;width:245px;padding: 20px 0;padding-right: 20px} .col-paper-list ul li .col-paper-cont h2{font-size: 30px;color:#000;padding-bottom: 10px;margin-bottom: 30px;position: relative;} .col-paper-list ul li .col-paper-cont h2::before{content:'';width:35px;height:3px;background: #0055a2;position: absolute;left:0;bottom: 0;} .col-paper-list ul li .col-paper-cont div{line-height: 1.8;color:#666;} .col-living{height:630px;padding-top:245px;color:#fff;text-align: center;} .col-living h2{font-size: 36px;margin-bottom: 30px;} .col-living a{display: inline-block;padding: 12px 70px 12px 30px;position: relative;font-family: '榛戜綋';color:#fff;border:1px solid #dcdcdc;transition: all .3s ease;} .col-living a::after{content:'';width:11px;height:2px;background: #fff;position: absolute;right:25px;top:50%;margin-top:-1px;} .col-living a:hover{color:#333;background: #fff;} .col-living a:hover::after{background: #333;} .col-paper-detail h1{text-align: center;font-size: 36px;color:#000;margin-bottom: 35px;} .col-paper-detail .container2{position: relative;} .col-paper-detail .container2 .btn-left{width:50px;height:50px;border-radius: 100%;background: url(../images/left.png)no-repeat center center;position: absolute;top:0;left: 25%} .col-paper-detail .container2 .btn-right{width:50px;height:50px;border-radius: 100%;background: url(../images/right.png)no-repeat center center;position: absolute;top:0;right:25%} .col-paper-detail .col-detail-cont{margin:5% 0 7%;line-height: 2;font-size: 16px;color:#000;font-family: '瀹嬩綋';} .col-living-detail .col-page-list{width: 280px;} .col-living-detail .col-living-cont{float: left;margin-left: 55px;} .col-living-detail .col-living-cont .col-living-box{display: none} .col-living-detail .col-living-cont .col-living-box.active{display: block;-webkit-animation: fadeIn 1s both 0.2s; animation: fadeIn 1s both 0.2s;} /* strength */ .col-advanced{padding: 5% 0;} .col-advanced h2{text-align: center;font-size: 30px;color:#000;margin-bottom: 25px;} .col-advanced .col-advanced-cont{line-height: 1.8;color:#000;font-size: 16px;} .col-advanced .col-advanced-cont>p:first-of-type{width:73%;text-align: center;margin:0 auto 20px;} .col-advanced .col-advanced-cont table{color:#666666;width:100%;border-spacing:0 60px;border-collapse: separate; } .col-advanced .col-advanced-cont table td{width:50%;line-height: 2;vertical-align: middle;} .col-advanced .col-advanced-cont table tr:nth-child(2n-1) td:last-child{padding-left: 7%} .col-advanced .col-advanced-cont table tr:nth-child(2) td:first-child{padding-right: 7%} .col-admin{padding: 5% 0;background: #eee;} .col-admin h2{font-size: 30px;color:#000;margin-bottom: 25px;text-align: center;} .col-admin .col-admin-cont{font-size: 16px;line-height: 2;margin-bottom: 30px} .col-admin .admin-container{padding-bottom: 50px;} .col-admin .admin-container .swiper-pagination{bottom: 0;} .col-admin .admin-container .swiper-pagination span{width:10px;height:10px;border:2px solid #959595;-webkit-transform: none !important;-ms-transform: none !important;transform:none !important;background: none;opacity: 1;} .col-admin .admin-container .swiper-pagination span.swiper-pagination-bullet-active{border:none;background: #0055a2} .col-rd{padding: 5% 0;} .col-rd h2{text-align: center;font-size: 30px;color:#000;margin-bottom: 25px;} .col-rd .col-rd-cont{line-height: 2;color:#666666;font-size: 16px;} .col-rd .col-rd-cont>p:nth-of-type(1){width:90%;margin:0 auto;text-align: center;} .col-rd .col-rd-cont>table:nth-of-type(1){width:100%;margin-bottom: 5%;} .col-rd .col-rd-cont>table:nth-of-type(1) td{width:50%;vertical-align: middle;} .col-rd .col-rd-cont>table:nth-of-type(1) td:last-child{text-align: center;} .col-rd .col-rd-cont .col-box{box-shadow: 0 0 10px rgba(0,0,0,.06);padding: 50px 0;text-align: center;margin-bottom: 5%;} .col-rd .col-rd-cont .col-box>p:first-child{font-size: 24px;color:#000;margin-bottom: 5%;} .col-rd .col-rd-cont .col-box table{width:675px;margin:0 auto;border-spacing: 15px 0;border-collapse: separate;} .col-rd .col-rd-cont .col-box table td{width:25%;height:150px;border-radius: 100%;vertical-align: middle;text-align: center;line-height: normal;} .col-rd .col-rd-cont .col-box table td:nth-child(1){border:3px solid #7ecef4;} .col-rd .col-rd-cont .col-box table td:nth-child(2){border:3px solid #84ccc9;} .col-rd .col-rd-cont .col-box table td:nth-child(3){border:3px solid #cce198;} .col-rd .col-rd-cont .col-box table td:nth-child(4){border:3px solid #facd89;} .col-rd .col-rd-cont .col-box table td p:first-child{font-size: 14px;color:#666;} .col-rd .col-rd-cont .col-box table td p:last-child{font-size: 24px;font-weight: bold;color:#000;font-family: '瀹嬩綋'} /* news */ .col-page-news{padding: 5% 0 6%;} .col-page-news .container{position: relative;} .col-page-news h1{font-size: 30px;color:#000;margin-bottom: 30px;} .col-page-news .col-news-search{position: absolute;right:0;top:0;border:1px solid #dcdcdc;} .col-page-news .col-news-search input{vertical-align: top;border:none;background: none;height:45px;line-height: 45px;padding: 0;outline: none;} .col-page-news .col-news-search input.inpt3{padding: 0 15px;} .col-page-news .col-news-search input.inpt3::-webkit-input-placeholder { /* WebKit browsers */color: #dbdbdb;} .col-page-news .col-news-search input.inpt3::-moz-placeholder { /* Mozilla Firefox 19+ */color: #dbdbdb;} .col-page-news .col-news-search input.inpt3:-ms-input-placeholder { /* Internet Explorer 10+ */color: #dbdbdb;} .col-page-news .col-news-search input.inpt4{padding: 0 20px;color:#dbdbdb;background: #0055a2;} .col-page-news .container>ul li{float: left;width:32%;margin-right: 2%;height: 390px;transition: 0.3s all ease;margin-bottom: 5%;} .col-page-news .container>ul li:nth-child(3n){margin-right: 0;} .col-page-news .container>ul li .col-news-img{overflow: hidden;} .col-page-news .container>ul li .col-news-img img{transition: all 0.5s ease} .col-page-news .container>ul li:hover .col-news-img img{transform: scale(1.1)} .col-page-news .container>ul li h3{font-size: 18px;margin:20px 0 5px;line-height: 1.5;} .col-page-news .container>ul li h3 a{color:#000;} .col-page-news .container>ul li h3 a:hover{color:#0055a2;} .col-page-news .container>ul li .col-news-description{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 15px;} .col-page-news .container>ul li:hover{box-shadow: 7px 11px 17px rgba(0,0,0,.08);} .col-page-news .container>ul li>p{font-family: '瀹嬩綋';font-size: 14px;color:#868686;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #0055a2;} .pagination>li>a, .pagination>li>span{margin:0 4px;} .col-download li{height: auto !important;width:30% !important;margin-right: 5% !important;} .col-download li:nth-child(3n){margin-right: 0 !important;} .col-download li:hover .col-news-img img{transform: none !important;} .col-download li>h3{text-align: center ;} /* 鏂伴椈璇︽儏椤 */ .col-news { position: relative; margin: 0 auto; margin: 0 auto;padding-top: 0;} .col-news article {margin:40px 0;float: left;width: 100%;} .col-news .met_clear {clear: both;} .col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;} .col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;} .col-news .met_module2 .met_time { padding-right: 6px;} .col-news .met_module2 .met_source {padding-right: 6px;} .col-news .met_module2 .met_source a {color: #607fa6;} .col-news .met_module2 .met_editor { padding: 0 10px;color:#000;} .col-news .met_editor {line-height: 2;} .col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;} .col-news .met_tools .met_page {clear: both;position: absolute;right: 5px;top: 0;color: #818181;} .col-news .met_tools .met_page li {display: inline;list-style: none;margin-left: 30px;} .col-news .met_tools .met_page li span {padding-right: 5px;} .col-news .met_tools .met_page a {color: #607fa6;} .col-page-video ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 50px;} .col-page-video ul li:nth-child(2n){margin-right: 0;} .col-page-video ul li .col-video video{background: #000;} .col-page-video ul li h3{text-align: center;font-size: 18px;color:#000;margin-top:20px;} /* respon */ .col-envrionmental{padding: 8% 0 10%;background: url(../images/environment.jpg)no-repeat center bottom;} .col-envrionmental h1{text-align: center;font-size: 36px;color:#000;margin-bottom: 20px;} .col-envrionmental .col-envrionmental-cont>p:nth-of-type(1){margin-bottom: 20px} .col-envrionmental .col-envrionmental-cont table{width:100%;margin-bottom: 6%;} .col-envrionmental .col-envrionmental-cont table td{line-height: 2.5;color:#666666;vertical-align: middle;width: 50%;} .col-envrionmental .col-envrionmental-cont table tr:first-child{height: 400px} .col-envrionmental .col-envrionmental-cont table tr:last-child td:last-child{padding-left: 5%} .col-production{padding: 6% 0} .col-production h1{text-align: center;font-size: 36px;color:#000;margin-bottom: 20px;} .col-production .col-production-cont{line-height: 2} .col-production .col-production-cont>p:first-child{color:#666666;width:80%;margin:0 auto 7%;text-align: center;} .col-production .col-production-cont table{width:100%;} .col-production .col-production-cont table td{border-top:1px solid #e5e5e5;padding: 40px 0;} .col-production .col-production-cont table td:first-child{font-size: 24px;color:#000;width: 30%;padding-right: 10%;line-height: 1.5} .col-production .col-production-cont table td:last-child{color:#666;line-height: 2.2} .col-production ul{float: left;width:32%;margin-right: 2%} .col-production ul:nth-of-type(3n){margin-right: 0;} .col-production ul li{font-size: 14px;position: relative;vertical-align: top;margin-bottom: 15px;} .col-production ul li .col-production-title{position: absolute;top:0;left: 0;right: 0;bottom:0;background: rgba(0,85,162,0.8);color:#fff;line-height: 1.8;opacity: 0;transition: all 0.5s ease} .col-production ul li .col-production-title i{position: absolute;width: 100%;text-align: center;top:50%;transform: translateY(-50%);display: block;font-size: 16px;} .col-production ul li:hover .col-production-title{opacity: 1;} /* party */ .col-red{padding: 5% 0 6%} .col-red .col-page-list{width: 280px;} .col-red .col-page-list ul li.active,.col-red .col-page-list ul li:hover,.col-party td:hover,.col-party td.active{background: #ff0000 !important;} .col-red .col-party-box{float: right;width:68%;} .col-red .col-party-box .col-box-content{line-height: 1.8;color:#666;} .col-red .col-party-box .col-box>ul li{float: left;width:32%;margin-right: 2%;margin-bottom: 25px;} .col-red .col-party-box .col-box>ul li:nth-child(3n){margin-right: 0;} .col-red .col-party-box .col-box>ul li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#666;margin-top:10px;height:40px;} .col-red .col-party-box .col-box>ul li .col-party-img{height: 173px;overflow: hidden;} .col-red .pagination>.active>a,.col-red .pagination>.active>a:focus,.col-red .pagination>.active>a:hover,.col-red .pagination>.active>span,.col-red .pagination>.active>span:focus,.col-red .pagination>.active>span:hover{background: #ff0000} .col-build{padding: 5% 0 6%} .col-build .col-box-content{color:#666;line-height: 1.8;margin-bottom:5%} .col-build .container>ul li{width:32%;margin-right: 2%;float: left;margin-bottom: 15px;position: relative;overflow: hidden;} .col-build .container>ul li:nth-child(3n){margin-right: 0;} .col-build .container>ul li img{width: 100%} .col-build .pagination>.active>a,.col-build .pagination>.active>a:focus,.col-build .pagination>.active>a:hover,.col-build .pagination>.active>span,.col-build .pagination>.active>span:focus,.col-build .pagination>.active>span:hover{background: #ff0000} .col-build .container>ul li p{position: absolute;height: 50px;line-height: 50px;background: #ff0000;text-align: center;color:#fff;bottom:-50px;width:100%;transition: all 0.5s ease} .col-build .container>ul li:hover p{bottom: 0;} /* recruit */ .col-page-recruit{padding: 5% 0;} .col-mind{margin-bottom: 5%} .col-mind h2{text-align: center;font-size: 36px;color:#000;margin-bottom: 30px;} .col-mind .col-mind-cont{color:#666;line-height: 2} .col-mind .col-mind-cont>p:nth-of-type(1){margin-bottom: 150px;} .col-mind .col-mind-cont table{position: relative;width: 100%;margin-bottom:50px;} .col-mind .col-mind-cont table tr:first-child td{text-align: center;color:#0055a2;font-size: 18px;width: 660px;height: 660px;background: url(../images/mind_bg.png)no-repeat center center;padding: 0 36%;padding-top:240px} .col-mind .col-mind-cont table tr:last-child td{position: absolute;width:300px;} .col-mind .col-mind-cont table tr:last-child td>p:nth-child(1){font-size: 60px;font-weight: bold;color:#efefef;font-style: italic;line-height: 30px} .col-mind .col-mind-cont table tr:last-child td:nth-child(1){top:-50px;left: 50%;margin-left: -530px;} .col-mind .col-mind-cont table tr:last-child td:nth-child(2){top:270px;left: 0 } .col-mind .col-mind-cont table tr:last-child td:nth-child(3){right: 0;top:435px } .col-mind .col-mind-cont table tr:last-child td:nth-child(4){right: 0;top:0} .col-mind .col-mind-cont>p:last-child{padding: 40px 0 60px;border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .col-mind .col-mind-cont table tr:last-child td>p:nth-child(1) span{font-style: normal;display: inline-block;margin-left: 0 !important;} .col-recruitment{} .col-recruitment h2{font-size: 24px;margin-bottom: 30px;} .col-recruitment ul li{float: left;width:33.33%;background: #f3f3f3;padding: 25px 30px;border:1px solid #e5e5e5;margin-top:-1px;margin-left: -1px;} .col-recruitment ul li h3{font-family: '榛戜綋';margin-bottom: 20px;font-size: 24px;color:#000;} .col-recruitment ul li div{color:#666;line-height: 2;font-size: 14px;overflow:hidden;height: 110px;margin-bottom: 20px;} .col-recruitment ul li a>p{color:#666;} .col-recruitment ul li a>p i{color:#0055a2;font-size: 14px;margin-right: 5px;display: inline-block;} #showjob{color:#1f1f1f;padding: 4% 0} #showjob h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px;font-weight: bold;} #showjob .paralist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden; margin-top: 30px; visibility: hidden;} #showjob .paralist li {list-style: none;padding: 8px 5px 8px 90px;min-height: 20px;position: relative;border-bottom: 1px solid #ddd;} #showjob .paralist li span {position: absolute;left: 0;top: 0;width: 80px;padding: 8px 5px;overflow: hidden;word-wrap: break-word;} #showjob .info_cv {margin-top: 30px;margin-left: 10px;} #showjob .info_cv a {display: inline-block;background: #23b7e5;height: 35px;line-height: 35px;padding: 0 35px;color: #fff;border-radius: 2px;} #showjob .paralist li:last-child {border-bottom: 0;} #showjob div h3{margin: 30px 0px 10px;padding: 0px 10px;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;border-bottom: 1px solid rgb(221, 221, 221);color: rgb(51, 51, 51);font-weight: bold;} .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;} .message{padding: 5% 0} .message p {text-align: center;} .message .messagecon {width: 100%;border: 1px solid #e6e6e6;margin: 0 auto;padding: 20px 5% 7% 5%;} .message .messagecon ul {width: 43.02%;float: left;margin-right: 6%;} .message .messagecon ul li span {display: block;color: #333;line-height: 40px;} .message .messagecon ul li input {width: 100%;line-height: 35px;border: 1px solid #e6e6e6;} .message .messagecon ul li input[type="radio"],.message .messagecon ul li input[type="checkbox"]{width: auto;} .message .messagecon ul li select{width: 100%;height: 35px;border: 1px solid #e6e6e6;} .message .messagecon ul li input:focus {border: 1px solid #0055a2;} .message .messagecon ul li textarea {width: 100%;border: 1px solid #e6e6e6;height: 395px;float: left;} .message .messagecon ul li textarea:focus {border: 1px solid #0055a2;} .message .messagecon ul li.li4 {margin-top: 35px;} .message .messagecon ul li.li4 input {width: 38%;float: left;padding-left: 5px;color: #333;} .message .messagecon ul li.li4 img {float: left;cursor: pointer;margin: 0 5px;} .message .messagecon ul li.li4 a {float: left;line-height: 35px;} .message .messagecon ul.phonemessage {width: 95%;display: none;} .message .messagecon ul.phonemessage textarea {margin-bottom: 35px;} .sub { margin-top:70px;} .sub input{width:15%;min-width: 130px;line-height: 50px;color:#575757;box-shadow: none;border:1px solid #dcdcdc;background: #fff;margin-right: 15px;margin-bottom: 20px;transition: 0.3s;} .sub input:hover{ background: #0055a2;color:#fff;} /* contact */ .col-page-contact{padding: 5% 0 6%} .col-way{font-family: '瀹嬩綋';} .col-way table {width:100%;border-spacing: 20px 0;border-collapse: separate;margin-top:30px;} .col-way table td{border:1px solid #e5e5e5;padding: 20px 30px;} .col-map{padding:50px 0;border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin:40px 0;} .col-page-contact #allmap{width:100%;height:500px;} .col-page-contact #allmap img { max-width: 1070px; max-height: 500px;} .col-page-contact #allmap label {max-width: 1070px;} .col-message h2{font-size: 30px;color:#000;} .col-message p{background:#eeeeee;line-height: 58px;height: 58px;color:#000;padding: 0 15px;font-size: 16px;margin:20px 0;} .col-message ul:nth-of-type(1) li{width:65%;margin-bottom: 15px;} .col-message ul:nth-of-type(1) li input,.col-message ul:nth-of-type(1) li select{line-height: 45px;border:1px solid #c9c9c9;padding: 0 20px;width:100%;height:45px;outline: none;} .col-message ul:nth-of-type(1) li {width:32.5%;margin-right: 2%;float: left;} .col-message ul:nth-of-type(1) li:nth-child(2n){margin-right: 0;} .col-message ul:nth-of-type(2) li{width:100%;margin-bottom: 15px;} .col-message ul:nth-of-type(2) li:nth-child(1) input{line-height: 45px;border:1px solid #c9c9c9;padding: 0 20px;width:100%;height: 45px;} .col-message ul:nth-of-type(2) li:nth-child(2) textarea{width: 100%;border:1px solid #c9c9c9;padding:10px 20px;min-height: 150px;outline: none;} .col-message ul:nth-of-type(2) li:nth-child(3) input{background: #f8f8f8;border:1px solid #c9c9c9;line-height: 45px;height: 45px;padding: 0 20px;} .col-message ul:nth-of-type(2) li:nth-child(3) div{float: left;} .col-message ul:nth-of-type(2){padding-bottom: 4%;border-bottom: 1px solid rgba(27,27,27,0.1);margin-bottom: 4%} .col-message .col-sub input {height: 45px;width: 14%;border: 0;margin-top: 20px;color: #666666;margin-left: 10px;transition: 0.3s;border:1px solid #aaaaaa;background: #fff} .col-message .col-sub input:hover {background: #0055a2;color:#fff;} .col-message .contact{display: flex;flex-wrap: wrap;} .col-message .contact p{width: 50%;} .col-page-report{padding: 8vh 0;} .col-page-report ul:nth-of-type(2) {padding-bottom: 0;margin-bottom: 0;border: none;} .col-page-report ul:nth-of-type(2) li textarea{width: 100%;border:1px solid #c9c9c9;padding:10px 20px;min-height: 150px} .col-page-report input[name="verify"]{background: #f8f8f8; border: 1px solid #c9c9c9; line-height: 45px; height: 45px; padding: 0 20px;} .col-page-report ul:nth-of-type(2) li:nth-child(1) textarea::placeholder{color:red} /* search */ .goomay-keywords-light{background: #dc3545 !important;color:#ffffff !important;} #search{margin: 50px auto ;overflow:hidden} .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;} .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;} .s_head h2{line-height: 50px;} .s_body ul{margin-top: 10px;margin-left: 20px; } .s_body ul span{display: block;color: #333;line-height: 40px;} .s_body ul input,.s_body ul select{height: 35px;width: 80%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;} .s_body .sub input{height: 35px;line-height: 35px;background: #575757;border: 0;font-weight: bold;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;} .search_right{padding-left: 40px;} .search_right .no-result{text-align: center;font-size: 30px;color:#d80808;margin-top:50px;} .search-result-title{font-size: 20px;font-weight: 600;color: #333;line-height: 30px;height: 30px;overflow: hidden;} .entry-image {float: left;width: 120px;margin: 0 20px 0 0;} .entry-c{position: relative;overflow: hidden;} .search-result-info{padding:5px 0;} .search-result-info li{display: inline-block;} .search_right em{color: #004cff;} .search_right .search-result{margin-left:25px;} .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;} .search_right li{overflow: hidden;} .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5} .search-result-info li:first-child:before { display: none; } .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;} .product_img{float: left;} .product_img img{border-radius: 50%;} .product_img img:hover{width: 90px;height: 90px;} .product_body{float: left;margin-left: 20px;margin-top: 10px;} .se_news{float: right;width: 79%;} .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;} .search_right .news .date em{color: #fff;} .col-wrap{}/*鍐呴〉妯″潡閫氱敤澶栧眰瀹瑰櫒鏍峰紡*/ .col-about, .col-img-wrap, .col-product-wrap{}/*鍐呴〉妯″潡澶栧眰瀹瑰櫒鏍峰紡*/ .col-about .title-head{}/*鏍囬澶?/ .col-about .content{}/*鍐呭*/ .col-about .content .s-title{}/*缁堟瀬鏍囬*/ .col-about .content .s-content{}/*缁堟瀬鍐呭*/ /* 搴曢儴 */ #gotoTop{width:70px;height:70px;background: url(../images/top.png)no-repeat center center #eee;;border-radius: 100%;position: absolute;top: -35px;left: 0;right: 0;z-index: 10;box-shadow: 20px 10px 50px rgba(0,0,0,0.15);margin:0 auto;transition: 0.3s;border:4px solid #fff;} #gotoTop a{display: block;width: 100%;height: 100%} #gotoTop:hover{background: url(../images/top.png)no-repeat center center #0055a2} .footer{background: #f8f8f8;text-align: center;padding: 80px 0 10px;position: relative;} .footer h1{margin-bottom: 10px} .footer h2{font-size: 20px;color:#4c4c4c;margin-bottom: 50px;} .footer p{line-height: 2;color:#4c4c4c;} .footer .container>ul{text-align: center;font-size: 0;margin-top:60px;} .footer .container>ul li{display: inline-block;font-size: 12px;color:#a9a9a9;margin:0 10px;} .footer .container>ul li span{display: block;margin:10px 0 0;} .footer .container>div>i{padding-top:2px;display: inline-block} .footer .container>div>ul{display: inline-block;vertical-align: top;background: #f8f8f8;position: absolute;} .footer .container>div>ul li:not(:first-child){display: none;width: 100%;margin-top: -1px;text-align: left} .footer .container>div>ul li{padding: 2px 10px;border:1px solid #dcdcdc} .footer .container>div>ul li:first-child i{width: 18px;} /* 鍓鑸 */ .vicenav{position: relative;margin-top:-71px;height:71px;line-height: 70px;z-index: 1;} .vicenav .container{transition: 0.5s all ease;} .vicenav table{width:100%;table-layout: fixed;border-bottom: 1px solid #eeeeee;} .vicenav td{background: #fff;text-align: center;transition: all .3s ease;} .vicenav td a{display: block;transition: all .3s ease;border-right:1px solid #eeeeee;} .vicenav td:last-child a{border-right:none;} .vicenav td a:hover,.vicenav td a.active,.vicenav td.active a{color:#fff;} .vicenav td:hover,.vicenav td.active{background: #0055a2;} .vicenav.active{position: fixed;top:0;width:100%;z-index: 201;margin-top:80px;} .vicenav.active .container{width:100%;padding: 0;} .col-mbx{margin-top:100px;color:#000;margin-bottom: 20px;} .col-mbx a{color:#868686;} .col-mbx i{display: inline-block;margin:0 10px;font-family: '瀹嬩綋';font-size: 10px;} /* media */ @media (min-width: 1200px) { .container{width: 1200px} } @media (max-width: 1600px) { } @media (max-width: 1500px) { .header .nav ul li{margin-right: 20px;} } @media (max-width: 1400px) { .col-culture .col-culture-cont table:nth-of-type(2){width:100%} .col-culture .col-culture-cont table:nth-of-type(2) td{padding: 65px 5px 0;} } @media (max-width: 1300px) { #col-index-banner .swiper-button{top:150px;} #col-index-banner .ban_cont{padding-top:200px;} .header .nav ul li{margin-right: 10px;font-size: 12px;} } @media (max-width: 1200px) { #col-banner .ban_cont{padding-top:10%} .col-envrionmental{background-position: center top !important;} .col-living-detail .col-living-cont{width:65%;} .col-paper-list ul li .col-paper-cont{width:100%;float: none;} .col-paper-list ul li .col-paper-img{float: none;margin:0 auto;text-align: center;} .col-paper-list ul li .col-paper-img a{margin:0 auto;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(1)::before{width:50px !important;background-size: 100% !important;margin-left: -25px !important;top:20px !important;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(1){width:150px;height:150px;line-height: 150px;margin:0 auto;} .col-index-link h2{font-size: 60px;letter-spacing: 15px} .col-index-product .swiper-button{left: auto;right: 30%;margin-left: 0 !important} .col-index-product .swiper-button-next{margin-right: -80px !important;} .col-index-product .swiper-slide .col-box{width:320px;padding: 60px 0 0 40px} .col-index-product .swiper-slide .col-box>p.number::after{width:360px} #col-index-banner .swiper-slide>i{left: -20%;} #col-index-banner .ban_cont p:nth-child(1), #col-index-banner .ban_cont{line-height: normal} #col-index-banner .ban_cont p:nth-child(1), #col-index-banner .ban_cont p:nth-child(2){letter-spacing: 0} .header .language a{margin:0 ;} .container{width: 100%;padding: 0 10px;} } @media (max-width: 1100px) { .logo div{display: none;} } @media (max-width: 992px) { .col-culture .col-culture-cont table:nth-of-type(3) td:last-child img{width:49%;} .col-culture .col-culture-cont table:nth-of-type(3) td:last-child a:nth-child(3n) img{margin-right: 2%} .col-culture .col-culture-cont table:nth-of-type(3) td:last-child a:nth-child(2n) img{margin-right: 0} #col-banner .ban_cont img{width:80px;} .vicenav.active{margin-top:55px;} .col-way>div>p{text-align: center;} .col-profile{background-size: 100% !important;} #col-banner .swiper-slide{padding-top:55px;} .col-mind .col-mind-cont>p:nth-of-type(1){margin-bottom: 10px;} .col-mind .col-mind-cont table tr:first-child td{width: 100%;padding: 0 10px;height: auto;background: none;} .col-mind .col-mind-cont table tr:last-child td{position: relative;width: 50%;top: auto !important;left: auto !important;right:auto !important;margin-left:0 !important;margin-right: 0 !important;display:inline-block} .col-envrionmental .col-envrionmental-cont table td{display: block;width:100% !important} .col-envrionmental .col-envrionmental-cont table tr:first-child{height: auto;} .col-page-news .container>ul li{width:49%;height: 420px;} .col-page-news .container>ul li:nth-child(3n){margin-right: 2%} .col-page-news .container>ul li:nth-child(2n){margin-right: 0;} .col-advanced .col-advanced-cont>p:first-of-type{width:100%;} .col-living-detail .col-living-cont{width:100%;margin:10px 0;} .col-enterprise-cont{width:100%;margin-top:20px;} .col-honor .col-honor-list>div ul li{width:32%;margin-right: 2%;} .col-honor .col-honor-list>div ul li:nth-child(4n){margin-right: 2%} .col-honor .col-honor-list>div ul li:nth-child(3n){margin-right: 0} .col-develop{margin-top:0;} .col-develop ul{margin-top:30px;} .col-develop .container2{height: 200px;padding-top:50px;transform: none;} .col-culture .col-culture-cont table:nth-of-type(2) td{display: block;width:33.33%;float: left;} .col-profile .container>div>p:first-child,.col-red .col-party-box{width:100%;} .col-index-link ul li{width:180px;height: 180px;margin-bottom: 10px;} .col-index-link ul li a .col-link-img{margin-bottom: 5px;} .col-index-link ul li a{padding-top:10px;} .col-index-link{height: auto;padding-bottom: 50px;} .col-index-link h2{padding-top:120px;margin-bottom: 20px;} .col-index-link .col-link-cont{width:80%} .col-index-product h2{font-size: 36px} .col-index-product .swiper-slide .col-img{right:-80px} #col-index-banner .ban_cont{padding-top:100px;} #col-index-banner .swiper-button{display: none;} .logo a{line-height: 55px;} .nav,.header .col-search,.header .language{display: none;} } @media (max-width: 768px) { .col-culture .col-culture-cont table:nth-of-type(3) td:first-child em{display: inline} .col-culture .col-culture-cont table:nth-of-type(3) td:first-child span{font-size: 24px !important;} .header{padding-left: 10px;} .col-news .met_tools{height: auto;line-height: 1.8;} .col-news .met_tools .met_page{position: relative;line-height: normal;} .col-news .met_tools .met_page li{margin-left: 0;} .col-culture .col-culture-cont table:nth-of-type(2) td p:nth-child(2){text-align: center;} #col-index-banner .swiper-slide video{width: auto;} .col-culture .col-culture-cont table:nth-of-type(3) td:first-child{text-align: center;} .col-banner .swiper-slide{padding-top:55px;} /* .col-mind .col-mind-cont table tr:first-child td{width: 100%;background-size: 100%;} */ .col-living{background-attachment:scroll !important;background-size: cover !important;} .col-envrionmental .col-envrionmental-cont{background-size: 100% !important;} .col-message .col-sub input{width: 100px;} .col-message ul:nth-of-type(1) li{width: 100% !important} .col-page-contact #allmap{height: 250px;} .col-way table{border-spacing: 5px} .col-way table td{padding: 15px 20px } .message .messagecon ul{width: 100%} .message .messagecon ul li textarea{height:150px;} .col-recruitment ul li{width:50%} .col-mind .col-mind-cont table{margin-bottom: 20px;} .col-red .col-party-box .col-box>ul li,.col-build .container>ul li{width:49%;margin-right: 2%;} .col-red .col-party-box .col-box>ul li img,.col-build .container>ul li img{width: 100%} .col-red .col-party-box .col-box>ul li:nth-child(3n),.col-build .container>ul li:nth-child(3n){margin-right: 2%;} .col-red .col-party-box .col-box>ul li:nth-child(2n),.col-build .container>ul li:nth-child(2n){margin-right: 0} .col-production .col-production-cont table td{padding: 10px 0 !important;} .col-page-news .container>ul li{height: 380px;} .col-rd .col-rd-cont{margin-bottom: 40px;} .col-rd .col-rd-cont .col-box table td{width:150px;display: inline-block;padding-top:50px;} .col-rd .col-rd-cont .col-box table{width: 100%;border-spacing: 0;} .col-admin .col-admin-cont,.col-rd .col-rd-cont,.col-advanced .col-advanced-cont table{font-size: 14px;} .col-advanced .col-advanced-cont table td{padding: 0 !important;} .col-paper-detail .col-detail-cont{font-size: 14px;} .col-paper-detail .container2 .btn-left{left: 30px;} .col-paper-detail .container2 .btn-right{right:30px;} .col-living{height:400px;padding-top:150px;} .col-paper-list ul li .col-paper-cont{padding: 0;} .col-paper-list ul li .col-paper-img a{width:250px;height:250px;} .col-paper-list ul li{width:100%;float: none;margin:0 auto 10px;} .col-honor .col-honor-list>div h3{float: none;text-align: center;margin-bottom: 20px;} .col-honor .col-honor-list>div ul,.col-production .col-production-cont>p:first-child{width: 100%;float: none;} .col-culture .col-culture-logo img{width:80%} .col-leader table td,.col-culture .col-culture-cont table:nth-of-type(3) td,.col-advanced .col-advanced-cont table td,.col-rd .col-rd-cont>table:nth-of-type(1) td{display: block;width: 100% !important;} .col-leader table td:nth-child(2){text-align: center !important;} .col-develop .col-develop-box .pull-left,.col-develop .col-develop-box .pull-right,.col-production .col-production-cont table td{width:100% !important;display: block;} .col-develop .col-develop-box.active .pull-left{text-align: center;} .col-culture .col-culture-cont table:nth-of-type(2) td{width: 50%} .col-profile table:nth-of-type(1){margin-bottom: 50px;} .col-profile table:nth-of-type(1) td{width:100%;display: block;padding: 0 !important;} .vicenav{z-index: 10;} .vicenav tr.active td{display: block !important;width:100%} .vicenav .container{padding: 0;} .vicenav{margin-top: 0;height: 40px;line-height: 40px;} .vicenav table{width:150px;} .vicenav td:not(:first-child){display: none;} #col-banner .ban_cont {padding-top:100px} #col-banner .ban_cont h1{font-size: 32px;letter-spacing: 10px;} .footer{padding: 35px 0 20px;} .footer h2{margin-bottom: 20px;} .col-index-news .col-news-box{transform: translateY(20px);} .col-index-news .box{width:100%;padding: 20px 25px 25px;} .col-index-product .swiper-slide .col-box{margin-bottom: 30px;} .col-index-product{height: auto;} .col-index-product .swiper-slide .col-product-slide{height: auto;} .col-index-product h2{font-size: 18px;letter-spacing: 2px;top:30px;} .col-index-product .swiper-slide .col-product-slide{padding-top:80px;} .col-index-product .swiper-slide .col-img{display: none;} .col-index-about .col-index-content p span{font-size: 16px !important} .col-index-about .col-index-content{margin-bottom: 30PX;} #col-index-banner .swiper-slide>i{background: url(../images/banner_bg2.png)no-repeat right center;} #col-index-banner .swiper-slide>img{width: 100%;} #col-index-banner .ban_cont{padding-top:40%;} #col-index-banner .ban_cont p span{font-size: 24px !important;} #col-index-banner .swiper-slide .container2{padding-left: 10px;} } @media (max-width: 640px) { .col-music .container #lightgallery>a{top:25px;} #col-banner .ban_cont h1{letter-spacing: 0;} #col-banner .ban_cont img{width:60px;} /* .col-mind .col-mind-cont table tr:first-child td{height:590px;padding-top:250px} */ .col-mind .col-mind-cont table tr:last-child td{width: 100%} .col-page-news .col-news-search input.inpt3{width:130px;} .col-page-news h1{font-size: 24px;} .col-page-news .container>ul li{height: auto;width:100%;margin-right: 0 !important;padding-bottom: 20px;} .col-paper-detail .container2 .btn-left{left: 10px;} .col-paper-detail .container2 .btn-right{right:10px;} .col-paper-detail h1{font-size: 24px;} .col-living{height:300px;padding-top:100px;} .col-living h2{font-size: 24px;} .col-music .col-music-title{margin-left: 5px;} .col-honor .col-honor-list>div ul li{width:49%;} .col-honor .col-honor-list>div ul li:nth-child(3n){margin-right: 2%} .col-honor .col-honor-list>div ul li:nth-child(2n){margin-right: 0} .col-culture .col-culture-cont table:nth-of-type(1) td{display:block;width: 100% !important; text-align: center;} .col-culture .col-culture-logo,.col-honor .col-honor-title{height: 200px;line-height: 200px;} .col-develop .col-develop-box .pull-right table td:nth-child(3){padding-left: 0;font-size: 14px;} .col-profile .container>div>p:first-child span{font-size: 18px !important;} .col-profile table:nth-of-type(1) td p{font-size: 14px !important;} .col-culture .col-culture-cont table:nth-of-type(2) td{width:100%;padding: 20px 0 0;} #col-banner .ban_cont h1{font-size: 32px;letter-spacing: 10px;} #col-banner .swiper-slide>img{height:200px;max-width: none;} .footer p{display: none;} .col-index-link ul li a .col-link-img img{width:40px;} .col-index-link ul li a .col-link-img{height: auto;line-height: 45px;} .col-index-link ul li{width:130px;height:130px} .col-index-link ul li a span{bottom: 15px} .col-index-link h2{font-size: 32px;letter-spacing: 5px;padding-top:30px} .col-index-link .col-link-cont{width:100%} .col-index-product .swiper-slide .col-box>p#txt1{width:100%} .col-index-product .swiper-slide .col-box>h3{font-size: 20px} .col-index-product .swiper-slide .col-box{height: auto;padding: 60px 20px } } @media (max-width: 530px) { #gotoTop{width: 50px;height:50px;top: -25px;} .col-envrionmental .col-envrionmental-cont>p:last-child{text-align: left;} .col-envrionmental .col-envrionmental-cont>p:last-child span{font-size: 14px !important;} .col-index-link ul li a p{font-size: 14px;} .col-mind .col-mind-cont table tr:first-child td{height:470px;padding-top: 180px;} .col-index-product .swiper-button{bottom: 10px;right: 0;} .col-index-product .swiper-button-prev{margin-right: 60px;} .col-index-product .swiper-button-next{margin-right: 0 !important;} .col-recruitment ul li{width:100%} .col-red .col-party-box .col-box>ul li,.col-build .container>ul li{width: 100%;margin-right: 0 !important;} .col-red .col-party-box .col-box>ul li .col-party-img{height: auto;} .col-production ul{width:100%;} .col-production ul li img{width: 100%} .col-music .container>a{top:30px;} .col-index-product .swiper-slide .col-box{width: 280px;background: rgba(0,85,162,0.6)} .col-index-about ul li{float: none;width: 60%;margin:0 auto 10px!important;} #col-index-banner .ban_cont {padding-top:60%;} } @media (max-width: 420px) { .footer .container>ul li{margin:0 8px;} .col-mind h2{font-size: 24px;} #col-index-banner .ban_cont p span{font-size: 18px !important} .col-profile table:nth-of-type(1) td:first-child p:nth-child(3){margin-top:190px;} .col-mind .col-mind-cont table tr:first-child td{font-size: 16px} .col-way table td{display: block;width: 100%;margin-bottom: 10px;} .col-page-list ul li{height:40px;line-height: 40px;} .col-page-list{width:100%;} .col-page-list ul li a{font-size: 12px;} .col-honor .col-honor-list>div ul li{width:100%;margin-right: 0 !important;} .col-index-about ul li{width:80%} } @media (max-width:678px) { #video-background { display: none; } } #video-cover { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } #video_controls { position: absolute; left: 50%; transform: translate(-50%, 0); } #play img { width: 100px; } #pause img { width: 90px; } #pause { display: none; } @media (min-width: 768px) { #video_controls { display: none; } } .n-video { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; cursor: pointer; } .n-video:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; z-index: -1 } .n-video .n_video_box { position: absolute; text-align: center; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } .n-video .n_video_box video { width: 600px; height: 400px; background: #000 } .n-video .n_video_box .video-play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 3.5rem; color: #FFF; background: rgba(0, 0, 0, 0.6) } .n-video .n_video_box .video-play i { width: 65px; height: 65px; border-radius: 100%; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); line-height: 65px; } @media(max-width:767px) { .n-video .n_video_box video { width: 100%; height: 320px; } .n-video .n_video_box { width: 100%; } } /*鎵嬫満鐗堣彍鍗?/ .mm-slideout{z-index: auto!important;} @media screen and (max-width: 992px) { #header a.mm_btn {background: center center no-repeat #0067b7;display: block;width: 55px;height: 55px;position: absolute;top: 0px;right: 0; padding: 12.5px; } #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);} #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;} #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);} #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;} #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);} #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;} #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);} #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);} #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;} /*鑿滃崟寮瑰嚭鏂瑰悜*/ .mm-menu_offcanvas{left: auto!important;} .mm-menu{right: 0!important;} .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;} .mm-slideout{z-index: 10!important;} .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*寮瑰嚭鑿滃崟杈归槾褰?/ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/} .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;} /**/ #menu{ color:rgba(0,0,0,.8);} #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);} #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);} #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;} #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);} #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); } #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);} #menu .mm-listitem a{font-size: 16px;} } @media (min-width: 550px){ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;} }