/* 棣栭〉妯″潡鍛藉悕瑙勮寖锛歝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:14px/1.6 'Arial','Microsoft YaHei',Tahoma,Verdana,'Simsun';min-width: 320px;color: #333;overflow: hidden;font-size: 14px;} @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: rgb(0,0,0,1)!important; font-style:normal; font-weight: normal; text-decoration: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase; transition: .5s all; } .icon-goomay a:before { content: "\e602"; } .goomay a:hover{color: rgb(0,0,0,.5)!important;} .icon-g:before { content: "\e603"; } .iconfont {font-family: 'iconfont';} *{word-break:normal !important;touch-action: pan-y !important;} li {list-style: none;} i {font-style: normal;} a {color: #333;} a:focus{text-decoration: none} a:hover { color: #e9280c;text-decoration: none;} p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {margin: 0;padding: 0;} img {border: 0; max-width: 100%;} .relative {position: relative;} .container {width: 1200px; padding: 0;} .container2 {max-width: 1100px; width:100%; margin: 0 auto; padding: 0 10px;} .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: .3s all;} #BMapLib_transBox0 table td{box-sizing: content-box !important;} .target-fix {position: relative;top:0px;display: block;height: 0;overflow: hidden;} .table{display: table;height: 100%;width: 100%;margin:0;} .table .table-cell{display: table-cell;vertical-align: middle} img[src=""],img:not([src]){opacity:0 !important;} .flag {position: relative;top: -70px;} /* header */ header{position: fixed;top: 0;left: 0;right: 0;z-index: 999;background: #fff;border-bottom: 1px solid #e0e0e0;} header .table{height: 70px;} header .inline{display: inline-block;vertical-align: middle;} header .logo{width: 130px;} header .main{text-align: right;white-space: nowrap;} header .bar{margin: 0 3%;} header nav{position: relative;} header nav .border{position: absolute;bottom: 0;left: 0;border-bottom: 3px solid #2e88f7;width: 100px;} header nav .border{display: none;} header nav ul{list-style: none;padding: 0;height: 70px;display: table;} header nav ul li{display: table-cell;vertical-align: middle;word-break: break-all;width: 100px;text-align: center;border-right: 10px solid transparent;position: relative;box-sizing: content-box;} header nav ul a{display: block;} header nav ul a:hover{color: #2e88f7;} header nav li{display: inline-block;} header nav li>a{display: inline-block;font-size: 15px;color: #3c3c3c;} header nav li dl{position: absolute;top: 70px;margin-left: -75%;min-width: 250%;display: none;text-align: left;} header nav li dl .head-sort3{display: none;border-bottom: 1px solid #e1e2e3;} header nav li dl dd{background: url('../images/head_a_bg.png');padding-bottom: 30px;border: 1px solid #e0e0e0;} header nav li dl dd a{display: block;border-top: 1px solid #dcdcdc;line-height: 23px;padding: 15px 12%;background: url('../images/head_arrow.png') 85% center no-repeat;color: #787878;font-size: 16px;} header nav li dl dd a,header nav li dl dd:hover a.on{background-image: none;} header nav li dl dd a.on,header nav li dl dd:hover a:hover{background-image: url('../images/head_arrow.png');} header nav li dl dd a:first-child{border-top: 0 none;} header nav .border{position: absolute;} header .lang{background: url('../images/lang-bg.png');padding: 3px 3px 3px 4px;text-transform: uppercase;font-size: 0;width: 79px;} header .lang dl{width: 68px;height: 29px;line-height: 30px;margin-left: 4px;overflow: hidden;} header .lang dl dd{white-space: nowrap;position: relative;-webkit-transition: all .3s;transition: all .3s;left: 0;line-height: 30px;} header .lang .a{display: inline-block;vertical-align: middle;width: 28px;text-align: center;font-size: 12px;color: #8c8c8c;} header .lang .btns{display: inline-block;background: url('../images/lang_btn.png');width: 34px;height: 23px;vertical-align: middle;margin-top: -2.5px;margin-left: 4px;} header .search_icon{display: none;} header .search_icon i{display: inline-block;width: 21px;height: 21px;background: url(../images/search.png)no-repeat center center;} header .pc_search{background: url(../images/search_bg.png) no-repeat;width: 200px;padding: 7px 8px 7px 13px;white-space: nowrap;font-size: 0;} header .pc_search input{border: 0 none;outline: none;vertical-align: top;} header .pc_search .inpt3{background: transparent;width: 155px;height: 21px;line-height: 21px;font-size: 12px;color: #b4b4b4;font-family: inherit;} header .pc_search .inpt4{width: 21px;height: 21px;background: url(../images/search.png)no-repeat center center;} header .menu{height: 35px;line-height: 35px;width: 35px;text-align: center;color: #787878;font-size: 16px;display: none;} .fp {position: fixed;left: 3%;top: 50%;background: url('../images/border.png') 28px 0 repeat-y;font-size: 0;padding: 45px 0;z-index: 998;transform: translateY(-45%);} .fp li{position: relative;margin: 2px 0;} .fp .img-wrapper{width: 57px;height: 57px;background: url('../images/dot.png') no-repeat center;text-align: center;} .fp .img-wrapper .middle{display: table-cell;vertical-align: middle;} .fp .name{position: absolute;left: 100%;white-space: nowrap;color: #2e88f7;font-size: 15px;line-height: 22px;margin-top: -11px;padding: 0 7px;top: 50%;display: none;} /* fullpage */ .table .pb, table .pb {position: relative;} .table .pb>span, table .pb>span {position: absolute;left: 0;right: 0;text-overflow: ellipsis;overflow: hidden;display: block;} .table>.middle{vertical-align: middle;display: table-cell;} .table>.top{vertical-align: top;display: table-cell;} .met_none{display:none} .met_hidden{visibility:hidden} .met_editor {line-height: 2;} .tem_inner, .met_section {position: relative;margin: 0 auto;margin: 0 auto;width: 1100px;max-width: 90%;} .met_module1 {padding: 30px 10px;} .met_fl{float:left} .met_fr{float:right} .met_editor table{width:100%;margin-bottom:1.6rem;border-spacing:0;border-collapse:collapse;padding:0;border:0} .met_editor table td{border:1px solid #ddd} .met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd} .met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd} #fullpage .section,#fullpage .section .slide{background: center;background-size: cover;position: relative;} #fullpage .right-bar{position: absolute;right: 0;top: 0;height: 100%;width: 26%;font-size: 15px;z-index: 10;} #fullpage .right-bar table{height: 100%;width: 100%;border-collapse: collapse;} #fullpage .right-bar .top{background: url('../images/top_bg.png');background: rgba(46,136,247,0.9);height: 44%;} #fullpage .right-bar .bottom{background: url('../images/bottom_bg.png');background: rgba(255, 255, 255, 0.9);height: 56%;} #fullpage .right-bar td{vertical-align: middle;padding: 0 9%;} #fullpage .right-bar .top td{padding-top: 80px;padding-bottom: 10px;} #fullpage .right-bar .bottom td{vertical-align: top;padding-top: 6%;} #fullpage .right-bar .content h4{padding: 5% 0;border-bottom: 1px solid #6badf9;color: #fffe00;font-size: 21px;line-height: 1;font-weight: bold;} #fullpage .right-bar .content .desc{line-height: 28px;color: #fff;padding: 5% 0;font-weight: lighter;} #fullpage .right-bar .bottom .content h4{color: #2e88f7;border-bottom: 1px solid #c9c7c6;} #fullpage .right-bar .bottom .content .desc{color: #787878;} #fullpage .right-bar .bottom .content .desc .nano{height: 100%!important;} #fullpage .right-bar .flag-img{position: absolute;top: 44%;right: 100%;width: 76%;} #fullpage .right-bar .flag-img img{max-width: 100%;height: auto;} #fullpage .right-bar .desc table td{border: 0 none;padding: 0;height: 32px;vertical-align: middle;} #fullpage .right-bar .desc table td:first-child{width: 1px;} #fullpage .right-bar .desc table td img{vertical-align: middle;margin-right: 20px;} #fullpage .left-bar{margin: 0 26% 0 16%;border-right: 380px solid transparent;padding: 0 2%;height: 80%;height: 80vh;} #fullpage .left-bar .nano{width: 100%;height: 100%;border: 0 none;overflow: hidden;} #fullpage .sort2{text-align: left;font-size: 0;} #fullpage .sort2 li{display: inline-block;width: 50%;} #fullpage .sort2 li a,#fullpage .section.culture .more{display: block;margin: 4px;border: 1px solid #c8c8c8;text-align: center;color: #787878;background: transparent;font-size: 15px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s} #fullpage .sort2 li a .icon{width: 76px;height: 74px;background: no-repeat;margin: 0 auto 10px;} #fullpage .sort2 li a .icon{background-position: 0 0;background-size: cover;} #fullpage .sort2 li a:hover .icon,#fullpage .sort2 li a.flex-active .icon{background-position: 0 -74px;} #fullpage .sort2 li a.flex-active,#fullpage .sort2 li a:hover,#fullpage .section.culture .more:hover{border: 1px solid #dcdbdc;background: #2e88f7;color: #fff;} #fullpage .sort2 li a>.table{height: 49px;line-height: 23px;} #fullpage .sort2 li a>.table>.middle{padding: 0 10px;} #fullpage .sort2 li a>.table.has_icon>.middle{padding: 30px 10px;} #fullpage .section.home{text-align: center;background-repeat:repeat-x;background-position:0 0 ;} #fullpage .section.home .logo{margin-top: -70px;} .col-banner {transition: 0.5s all ease;position: relative;} .col-banner .swiper-slide{background-position: center !important;background-size: cover !important;position: relative;} /* 棣栭〉about */ #fullpage .section.about .right-bar{background: rgba(0, 0, 0, .65);color: #fff;} #fullpage .section.about .right-bar .fname{font-size: 30px;font-weight: lighter;margin-bottom: 15px;} #fullpage .section.about .right-bar .fdesc{font-size: 15px;color: #fff;font-weight: lighter;margin-top: 10px;line-height: 20px;} #fullpage .section.about .right-bar h4{border-bottom: 1px solid #787c7d;} #fullpage .section.about .right-bar tr{background: transparent;} #fullpage .section.product .more,#fullpage .section.about .more{text-transform: uppercase;padding: 10px 50px;border: 1px solid;color: inherit;-webkit-transition: all .5s;color: #fff;transition: all .5s;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.82);} #fullpage .section.about .more{margin:0;} #fullpage .section.product .more:hover,#fullpage .section.about .more:hover{background: url('../images/00035.png');background: rgba(0, 0, 0, .35);} /* 棣栭〉product */ .col-index-product{} /* 棣栭〉culture */ #fullpage .section.culture .more{display: inline-block;padding: 10px 35px;} /* 棣栭〉industry */ #fullpage .section.industry .left-bar-wrapper{position: absolute;left: 0;right: 0;bottom: 0;top: 0;} #fullpage .section.industry .slider{height: 100%;} #fullpage .section.industry .bottom::after{content:'';display:block;clear:both;} #fullpage .section.industry .sort2 {/* width: 50%; *//* float: left; */} #fullpage .section.industry .more{text-transform: uppercase;padding: 1px 15px;border: 1px solid ;color: inherit;-webkit-transition: all .5s;transition: all .5s;border-radius: 0;line-height: 2;display: block;margin-top: 28px;width: 88px;} #fullpage .section.industry .more:hover{text-decoration: none;background: url('../00035.png');background: rgba(0, 0, 0, .35);} #fullpage .section.industry .sort2 li{width: 50%;} #fullpage .section.industry .sort2 li .bar{display: none;padding: 1px 5px;} #fullpage .section.industry .slider>.slides{height: 100%;} #fullpage .section.industry .slider>.slides li{height: 100%;} #fullpage .section.industry .tabs {border-bottom: 1px solid rgb(208, 210, 212);font-size:0;} #fullpage .section.industry .tabs span,#fullpage .section.industry .tabs:hover span.flex-active{display: inline-block;padding: 7px 12px;border-bottom: 3px solid transparent;position: relative;bottom: -2px;font-size: 16px;cursor: pointer;margin-right: 5px;} #fullpage .section.industry .tabs:hover span:hover,#fullpage .section.industry .tabs span.flex-active{border-color:#2e88f7} #fullpage .section.industry .slider3{} /* 棣栭〉news */ #fullpage .section.news .left-bar{height: 62.5%;margin-top: 3%;} #fullpage .section.news .news_list{line-height: 20px;border: 1px solid #ffffff;padding: 6% 6em;} #fullpage .section.news .news_list .more{color: #2e88f7;display: inline-block;padding: 5px 35px;line-height: 30px;min-width: 160px;text-align: center;border: 1px solid #fff;margin:60px 0 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} #fullpage .section.news .news_list .more:hover{background: rgba(255,255,255,0.3);} #fullpage .section.news .news_list li a{padding: 1.2em 0;position: relative;} #fullpage .section.news .news_list li a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:0;border-bottom: 1px solid #f5f5f5;-webkit-transition:all .3s;transition:all .3s;} #fullpage .section.news .news_list li a:hover::after{width:70%;} #fullpage .section.news .news_list a{color: #505050;font-size: 14.5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} #fullpage .section.news .news_list a .date{padding-right: 2em;} #fullpage .section.contact #baidu_map{height: 100%;} #fullpage .section.contact .more{ font-weight: normal; font-size: 14px; text-transform: uppercase; color: #fff;padding: 3px 12px;border: 1px solid ;display: inline-block;margin-top: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #fullpage .section.contact .more:hover{ background: rgba(0, 0, 0, 0.3); } #fullpage .section.contact .right-bar .bottom td{padding-top: 7%;} #fullpage .section.contact .contact-msg {} #fullpage .section.contact .contact-msg .input{} #fullpage .section.contact .contact-msg .table>.top{width: 50%;} #fullpage .section.contact .contact-msg .item{border: 1px solid #c8c8c8;margin:0 0 9px 0;position: relative;line-height: 40px;} #fullpage .section.contact .contact-msg .input .item:nth-child(1) .icon{background-image:url(../images/person.png);} #fullpage .section.contact .contact-msg .input .item:nth-child(2) .icon{background-image:url(../images/call.png);} #fullpage .section.contact .contact-msg .input .item:nth-child(3) .icon{background-image:url(../images/mail.png);} #fullpage .section.contact .contact-msg .text .item .icon{background-image:url(../images/msg.png);} #fullpage .section.contact .contact-msg .item .bar{position: relative;margin: 0 5px 0 50px} #fullpage .section.contact .contact-msg .item .name{position: absolute;left: 0;top: 0;color: #787878;} #fullpage .section.contact .contact-msg .item .icon{position: absolute;left: 0;top: 0;width: 45px;height: 100%;background: center no-repeat;border-right: 1px solid #c8c8c8;} #fullpage .section.contact .contact-msg .item input,#fullpage .section.contact .contact-msg .item textarea{height: 100%;width: 100%;font-family: inherit;border: 0 none;outline: none;line-height: 40px;height: 39px;background: transparent;font-size: 14px;color: inherit;position: relative;} #fullpage .section.contact .contact-msg .post input{width: 100%;height: 42px;line-height: 42px;background: #4292f6;color:#fff;font-size: 16px;border: 0 none;font-family: inherit;cursor: pointer;outline: none;} #fullpage .section.contact .contact-msg .text .item{height: 100%;height: 161px;} #fullpage .section.contact .contact-msg .text textarea{height: 150px;line-height: 23px;margin-top: 5px;} #fullpage .section.contact .contact-msg>.title{color: #2e88f7;font-size: 21px;margin-bottom: 20px;} #fullpage .section.contact #baidu_map img { max-width: 1070px; max-height: 500px;} #fullpage .section.contact #baidu_map {margin-right: 26%;} #fullpage .section.contact #baidumap{height:100%;} #fullpage .section.contact #allmap{height:100%;} .BMap_Marker>div{width:39px!important;} .BMap_Marker label{max-width:300px!important} /* page */ .page {text-align: center;} .page ul li a{background: url(../images/page_normal.png) no-repeat;width: 28px;height: 27px;line-height: 27px;padding: 1px 2px 1px;display: inline-block;vertical-align: text-bottom;color: #717171;margin: 0 1px;font-size: 12px;border:none !important;border-radius: 0 !important;} .page ul li.disabled a{display: none;} .page ul li.active a,.page ul li a:hover{background: url(../images/page_active.png);color: #f2f2f2;} .pagination>li:last-child>a{color:#787878;border-radius: 6px;} .pagination>li:last-child>span{color: #fff;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: url(../images/page_active.png);color: #f2f2f2;} /* 鍐呴〉 */ .col-page{position: relative;background: #fff;z-index: 2;}/*鍐呴〉閫氱敤椤甸潰澶栧眰瀹瑰櫒鏍峰紡*/ /* 鍏充簬鎴戜滑 */ .col-banner{margin-top: 71px;} .col-banner .flash {background: center 50%;background-size: cover;-webkit-animation: 30s 1s infinite banner_flash linear;animation: 30s 1s infinite banner_flash linear;} .col-banner .slides .flash{-webkit-animation: 10s infinite banner_flash linear;animation: 10s infinite banner_flash linear;} @-webkit-keyframes banner_flash{ 0%{ background-position: center 50%; } 25%{ background-position: center 100%; } 50%{ background-position: center 50%; } 75%{ background-position: center 0%; } 100%{ background-position: center 50%; } } @keyframes banner_flash{ 0%{ background-position: center 50%; } 25%{ background-position: center 100%; } 50%{ background-position: center 50%; } 75%{ background-position: center 0%; } 100%{ background-position: center 50%; } } .tem_banner a{color:#fff;} .about-index{} .about-index .about-item{padding: 35px 0 45px;color: #787878;font-size: 16px;} .about-index .about-item .title{text-align: center;text-transform: uppercase;line-height: 35px;font-weight: lighter;margin-bottom: 25px;} .about-index .about-item .namemark{font-size: 30px;color: #c8c8c8;} .about-index .about-item .name{font-size: 25px;color: #505050;} .about-index table span{vertical-align: sub;margin: 0 3px;} .about-index .show.even{background: #f8f8f8;} .honor_list{font-size: 0;text-align: center;} .honor_list ul{} .honor_list ul li{display: inline-block;width: 33.33%;} .honor_list ul li a{display: block;margin: 5px 20px;} .honor_list ul li img{width: 100%;height: auto;} .honor_list .pages{text-align: center;padding-top:45px;} .honor_list .pages a{background: url(../images/page_normal.png) no-repeat;width: 28px;height: 27px;line-height: 24px;padding: 1px 2px 1px;display: inline-block;vertical-align: text-bottom;color: #717171;margin: 0 1px;font-size: 12px;} .honor_list .pages a.active,.honor_list .pages a:hover{background-image: url(../images/page_active.png);color: #f2f2f2;} /* culture */ .culture-list{} .culture-list ul{display:flex;} .culture-list ul li{margin:auto; position:relative;} .culture-list ul li img{border-radius:10px;} .culture-list ul li .content{position:absolute; left:0; bottom:25px; width:100%; color:#fff; font-weight:bold; line-height:1.8; font-size:18px; text-align:center;} .culture-list ul li .content h3{font-size:20px; margin-bottom:10px; font-weight:bold;} .met_section {position: relative;padding: 20px 0 60px;} .met_section_2 {margin: 60px auto;} .met_article_head{text-align: center;text-transform: uppercase;line-height: 1;margin-bottom: 25px;} .met_article_head .namemark{color:#c8c8c8;font-size: 30px;margin-bottom: 12px;} .met_article_head .name{color: #505050;font-size: 25px;font-weight: lighter;} .met_article_head .border{display: block;height: 0;border-bottom: 1px solid #e1e2e3;position: relative;margin-top: 20px;} .met_article_head .border .after{background: #2e88f7;height: 3px;width: 62px;position: absolute;bottom: -2px;left: 50%;margin-left: -31px;} .met_section_sehed{padding-top:0;} .met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'瀹嬩綋';line-height:50px;} .met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';} .met_section_head a:hover{color:#e9280c;} /* industry */ .met_module1{padding:30px 10px} .met_module1.industry{padding-bottom: 0;} .met_module1.industry a{color:#2e88f7;} .about-index.industry{border-top: 1px solid #e1e2e3} .met_module1.industry h4{font-size: 18px;font-weight: normal;} .about-index.industry .honor_list ul{text-align:left;} .about-index.industry .honor_list ul li{width:25%;margin: 5px 0;} .about-index.industry .pages{padding-top:20px;} .industry-product {margin: 20px 0 40px;} .industry-product ul{list-style:none;padding:0;white-space: nowrap;overflow:hidden;} .industry-product .owl-item{text-align:center;} .industry-product ul li{display:inline-block;max-width:270px;} .industry-product a{display:block;margin:0 2px;background:#fbfbfb;} .industry-product a img{max-width:100%;-webkit-transition:all .3s;transition:all .3s;} .industry-product a .img{overflow:hidden;margin: auto;} .industry-product a:hover{text-decoration:none;} .industry-product a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);} .industry-product a h2{padding: 10px 20px;font-size: 15px;color: #3c3c3c;text-align: center;font-weight: normal;} .industry-product a h2 div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .industry-product .owl-pagination{margin:25px 0 0;text-align:center;} .industry-product .owl-page{display:inline-block;width: 10px;height: 10px;background:#e1e2e3;margin:0 5px;border-radius:50%;} .industry-product .owl-page.active{background:#2e88f7;} /* 浜у搧 */ .col-page-product{} .met_module3_list ul.list_1{list-style:none;} .met_module3_list ul.list_1 li{float:left;text-align:center;overflow:hidden;width: 25%;/* margin: 1px 0; */} .met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 2px;background:#fbfbfb;font-size:0} .met_module3_list ul.list_1 li .title{height: 62px;overflow: hidden;} .met_module3_list ul.list_1 li h2{font-weight: normal} .met_module3_list ul.list_1 li h2 .middle{padding: 10px 20px;font-size: 15px;color: #3c3c3c;line-height: 1.6;overflow: hidden;} .met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;max-width:100%;height:auto;} .met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5} .met_module3_list ul.list_2{list-style:none;visibility:hidden} .met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd} .met_module3_list ul.list_2 dt{float:left;position:relative} .met_module3_list ul.list_2 dd{float:left;width:100%} .met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal} .met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181} /* 浜у搧璇︽儏椤 */ #showproduct {/* margin: 20px 0 0 0; */} #showproduct dl.pshow{display: table;width: 100%;} #showproduct dl.pshow dt{position:relative;font-size:0;text-align:center;border-right:1px solid #ddd;display: table-cell;vertical-align: top;padding: 0 20px 20px;} #showproduct dl.pshow dt .met_box{margin:0 auto;max-width: 100%;} #showproduct dl.pshow dt .met_box figcaption{display:none} #showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0;width: 100%;} #showproduct dl.pshow dt .my-simple-gallery figure img{max-width:100%;height:auto;width: 100%;} #showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer} #showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9} #showproduct dl.pshow dt li.flex-active{border:2px solid #000;width: 68px;height: 44px;position:relative;overflow:hidden;} #showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px} #showproduct dl.pshow dd{display: table-cell;width:100%;vertical-align: top;} #showproduct dl.pshow dd .met_box{padding:0 20px;margin-left: 0!important;} #showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd;font-weight: bold;} #showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding: 8px 5px;border-bottom:1px solid #ddd;position:relative;} #showproduct dl.pshow dd .met_box ul li .span{padding:8px 5px;padding: 0px 5px;word-wrap:break-word;width: 70px;white-space: nowrap;} #showproduct dl.pshow dd .met_box ul li .para {white-space: pre;width: auto;} #showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666} #showproduct .met_nav{height:45px;line-height:43px;margin:30px 0;border:1px solid #ddd;padding: 0;} #showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer} #showproduct .met_nav li a{display:block;padding:0 40px} #showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background:#f7f8fa} #showproduct .met_related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333} #showproduct .met_related_list{list-style:none;visibility:hidden} #showproduct .met_related_list li{float:left;text-align:center;margin-top:30px;overflow:hidden} #showproduct .met_related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0} #showproduct .met_related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd} #showproduct .met_related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s} #showproduct .met_related_list li a:hover h2{color:#333} #showproduct .met_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5} #showproduct .met_nav_contbox{padding:0 10px} .met_tools{ border-top:1px solid #ddd;margin-top:30px;position:relative; } .met_tools .met_page{ color:#818181;} .met_tools .met_page li{ list-style:none; margin: 10px 0; } .met_tools .met_page li.met_page_preinfo{ float: left; } .met_tools .met_page li.met_page_next{ float: right; } .met_tools .met_page li span{ padding-right:5px;} .met_tools .met_page li a{color:#607fa6;} /* news */ .met_module2_list{padding:10px 10px} .met_module2_list ul{list-style: none;padding: 0;} .met_module2_list li{padding: 45px 0 44px;border-bottom: 1px solid #e7e7e7;} .met_module2_list li .img{padding-right: 30px;width: 250px;} .met_module2_list li .wrapper{padding: 0 5px;line-height: 1;} .met_module2_list li .wrapper>*{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 820px;} .met_module2_list li .more{display: inline-block;color: #2e88f7;border: 1px solid #e5e5e5;width: 90px;padding: 0 15px;line-height: 30px;text-align: center;-webkit-transition: all .3s;transition: all .3s;} .met_module2_list li a:hover .more{background: #2e88f7;border-color: #2e88f7;color: #fff;} .met_module2_list li .date{font-size:12px;color: #505050;margin-bottom: 25px;display: inline-block;} .met_module2_list li .desc{font-size: 14px;color: #787878;margin-bottom: 27px;height: 14px;} .met_module2_list li h2{font-size: 20px;color: #505050;font-weight: normal;margin-bottom: 27px;height: 20px;} /* 鏂伴椈璇︽儏椤 */ .col-news { position: relative; margin: 0 auto; margin: 0 auto;} .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;} .col-news .met_tools .met_page {clear: both;color: #818181;} .col-news .met_tools .met_page li {display: inline-block;list-style: none;margin-right: 30px;} .col-news .met_tools .met_page li:last-child{margin-right: 0} .col-news .met_tools .met_page li span {padding-right: 5px;} .col-news .met_tools .met_page a {color: #607fa6;} /* newspaper */ #showimg .newspaper{list-style:none;font-size:0;margin: 0px 0 60px;} #showimg .newspaper li{width:25%;display:inline-block;} #showimg .newspaper li a{margin: 0 10px;display: block;} #showimg .newspaper li a img{max-width:100%;height:auto;} #showimg .newspaper li a h6{font-size:14px;text-align:center;font-weight:normal;color:#000;} #showimg h1.met_title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px;font-weight: bold;} #showimg .met_slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative} #showimg .met_slide_list ul{display:none;} #showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px} #showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left} #showimg ul.exposureThumbs li img{cursor:pointer} #showimg ul.exposureThumbs li.last{margin:0} #showimg .exposureWrapper{position:absolute;top:0;left:0} #showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0} #showimg .exposureLoaded{background-image:none} #showimg ul.exposureThumbs li{width:150px;height:79px} #showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline} #showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444} #showimg .met_slide_box .left,.met_slide_box .right{position:absolute;width:50%;cursor:pointer} #showimg .met_slide_box .left a,.met_slide_box .right a{display:block;width:100%;height:100%} #showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden} #showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd} #showimg .imgparalist li:last-child{border-bottom:0} #showimg .imgparalist li a{color:#fff} #showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word} /* activity */ .active_bar{padding:0 70px;} .active_list .w{position:relative;} .active_list .swiper-button{position:absolute;background:url('../images/arrow.png');width:74px;height:74px;margin:-37px -105px;top:50%;cursor:pointer;outline: none;} .active_list .swiper-button-prev{left:0px;background-position:0 0;} .active_list .swiper-button-prev:hover{left:0px;background-position:0 -74px;} .active_list .swiper-button-next{right:0px;background-position:-74px 0;} .active_list .swiper-button-next:hover{right:0px;background-position:-74px -74px;} .active_list .main{margin:12px 0;} .active_list .main .swiper-slide{position:relative;background: #f7f7f7 url('../images/loading.gif') no-repeat center center;} .active_list .main h2{position:absolute;left:0;right:0;bottom:0;background:rgba(46, 136, 247, 0.77);font-size:17px;text-align:center;color:#fff;font-weight:normal;padding:15px 20px;} .active_list .control{margin:12px 0;} .active_list .control{white-space:nowrap;overflow:hidden;} .active_list .control .swiper-slide{display:inline-block;cursor:pointer;background: #d9d9d9;position:relative;} .active_list .control .swiper-slide .before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);transition:all .3s;-webkit-transition:all .3s;z-index: 2;} .active_list .control .swiper-slide.swiper-slide-thumb-active .before,.active_list .control .swiper-slide:hover .before{background: transparent;} /* contact */ .flash #allmap {width:100%;height:100%;box-shadow: 0px 6px 12px 0px rgba(10, 2, 4, 0.12);} .flash #allmap img { max-width: 1070px; max-height: 500px;} .flash #allmap label {max-width: 1070px;background: #fff !important;border:none !important;box-shadow: 0 2px 3px rgba(0,0,0,.1);padding: 10px !important;top: auto !important;bottom: 10px;left: 50% !important;transform: translateX(-45%)} .flash #allmap label::before{content: "";width: 0px;height: 0px;border-top: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -10px;left: 50%;margin-left: -10px;} .flash #allmap .BMapLib_SearchInfoWindow .BMapLib_bubble_content{overflow-y: auto !important;} .contact-index{} .contact-index table.contact-way{border-spacing: 15px;border-collapse: separate;margin-bottom: 0;} .contact-index table.contact-way td{padding: 4% 6%;padding: 4vmin 6vmin;height: 120px;line-height: 2;background: #fff;visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .contact-index table.contact-way td h4{font-size:18px;margin-bottom: 12px;font-weight: bold;} .contact-index table.contact-way td:hover{box-shadow: 1px 2px 2px 0px rgba(162, 162, 162, 0.56);} .contact-index .contact-msg {} .contact-index .contact-msg .input{} .contact-index .contact-msg .table>.top{width: 50%;} .contact-index .contact-msg .item{border: 1px solid #c8c8c8;margin:0 0 9px 0;position: relative;line-height: 40px;} .contact-index .contact-msg .input{display:table;width:100%;border-spacing: 10px;} .contact-index .contact-msg .input .item{display:table-cell;} .contact-index .contact-msg .item .bar{position: relative;margin: 0 5px 0 50px} .contact-index .contact-msg .item .name{position: absolute;left: 0;top: 0;color: #787878;font-size: 16px;} .contact-index .contact-msg .item .icon{position: absolute;left: 0;top: 0;width: 45px;height: 100%;background: center no-repeat;border-right: 1px solid #c8c8c8;} .contact-index .contact-msg .item input,.contact-index .contact-msg .item textarea{height: 100%;width: 100%;font-family: inherit;border: 0 none;outline: none;line-height: 40px;height: 39px;background: transparent;font-size: 14px;color: inherit;position: relative;} .contact-index .contact-msg .post {text-align:center;margin-top: 10px;} .contact-index .contact-msg .post input{height: 42px;line-height: 42px;background: #4292f6;color:#fff;font-size: 16px;border: 0 none;font-family: inherit;cursor: pointer;outline: none;width: 320px;border-radius: 3px;} .contact-index .contact-msg .text .item{height: 100%;height: 161px;margin: 0 10px;} .contact-index .contact-msg .text textarea{height: 150px;line-height: 23px;margin-top: 5px;} .contact-index .contact-msg>.title{color: #2e88f7;font-size: 21px;margin-bottom: 20px;} .contact-index .contact-msg .input .item:nth-child(1) .icon{background-image:url(../images/person.png);} .contact-index .contact-msg .input .item:nth-child(2) .icon{background-image:url(../images/call.png);} .contact-index .contact-msg .input .item:nth-child(3) .icon{background-image:url(../images/mail.png);} .contact-index .contact-msg .text .item .icon{background-image:url(../images/msg.png);} /* 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{width: 100%} .search_right .no-result{text-align: center;font-size: 30px;color:#d80808;margin-top:50px;} .search-result-title{overflow: hidden;padding: 2px 0;} .search-result-title a{font-size: 16px;color: #12C;text-decoration: underline;} .search-result-title a:hover{text-decoration: none;} .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 a{display: block;margin-top: 5px;color: green;} .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;} /* 搴曢儴 */ body .backtop{line-height: 35px;width: 40px;height: 40px;text-align: center;margin-right: -40px;position: fixed;bottom: 10%;z-index: 99;background: rgb(46, 136, 247);color: #fff;font-size: 20px;transition: all 0s;} body .backtop i.border {border-top: 0 solid;border-bottom: 8px solid;border-left: 6px solid transparent;border-right: 6px solid transparent;display: inline-block;vertical-align: middle;height: 0;width: 0;} .tem_index_footer{padding:40px 0 50px;background: #fafafa;color: #828282;border-top: 1px solid #e6e6e6;} .tem_index_footer dl{display: table-cell;position: relative;vertical-align: top;width: 145px;text-align: center;} .tem_index_footer dl .bar {display: inline-block;text-align: left;} .tem_index_footer dl .bar>* {padding: 0 20px;} .tem_index_footer dl dt::before {content: "";position: absolute;left: 5px;width: 0px;height: 0px;top: 50%;margin: -2px 0;line-height: 0;border: 2px solid #505050;border-radius: 50%;} .tem_index_footer dl:first-child::before {display: none;} .tem_index_footer .nav {display: table;max-width: 100%;} .tem_index_footer .nav_bar {margin-right: 170px;} .tem_index_footer .contact_info {color: #828282;font-size: 15px;margin-top: 9px;text-align: right;margin-bottom: 15px;} .tem_index_footer .contact_info .call{font-size: 16px;color: #646464;line-height: 22px;} .tem_index_footer .contact_info .call img{margin-right: 3px;} .tem_index_footer .contact_info .call .middle{vertical-align: middle;} .tem_index_footer .contact_info .number{font-size: 24px;padding: 10px 0;color: #646464;border-bottom: 1px solid #d6d6d2;line-height: 1;margin-bottom: 14px;font-weight: lighter;} .tem_index_footer dl a {color: #828282;} .tem_index_footer dl dt{font-size: 15px;position: relative;margin-bottom: 10px;font-weight: bold;} .tem_index_footer dl dt span{display:inline-block;position: relative;color: #505050;font-size: 15px;} .tem_index_footer dl dt span::before {content: "";} .tem_index_footer dl dd li{line-height: 18px;font-size: 14px;padding: 5px 0;white-space: nowrap;} .tem_index_footer dl dd a{color: #787878;} .tem_index_footer dl dd a:hover{text-decoration: underline;} .tem_index_footer dl dd ul {list-style: none;} .tem_index_footer_contact{width:35%;} .tem_index_footer_contact li{position:relative;margin-top:25px;padding-top:5px;padding-left:48px;min-height:35px;color:#646363;list-style:none;} .tem_index_footer_contact li i{position:absolute;top:0;left:0;width:35px;height:35px;border:1px solid #424244;border-radius:5px;color:#7c7c7c;text-align:center;font-size:22px;line-height:35px;} .tem_index_footer_link{width:35%;} .tem_index_footer_link dd{padding:20px 0;} .tem_index_footer_link a{display:inline-block;margin:0 12px 10px 0;color:#646363;white-space:nowrap;} .tem_index_footer_link a:hover{color:#ababab;} .tem_index_footer_link a img{height:45px;} .tem_index_footer_attention{width:30%;} .tem_index_footer_attention dd{padding:20px 0;color:#646363;} .tem_index_footer_attention li{display:inline-block;margin:8px;list-style:none;} .tem_index_footer_attention li a{display:block;overflow:hidden;width:44px;height:44px;background:url(../pnt.png) no-repeat left top;color:#646363;font-size:0;} .tem_index_footer_attention li.tenxun a{background-position:-83px top!important;} .tem_index_footer_attention li.weixin a{background-position:-247px top!important;} .tem_index_footer_attention li.qq a{background-position:-165px top!important;} .tem_index_footer_attention li:hover a{background:url(../pnthover.png) no-repeat;} .tem_index_footer_attention img{margin-top:8px;width:100px;} .tem_index_footer_attention p{margin-top:5px;} .tem_footer{position:relative;padding: 39px 0;background:#ebebeb;color:#989ba3;font-size:13px;border-top: 1px solid #e0e0e0;} .tem_footer a{color:#4a4a4a;} .share{font-size: 0;} .share>i{display: inline-block;width: 34px;height: 34px;background: url('../images/share-icon.png');cursor: pointer;margin-left: 8px;} .share>i.qq{background-position: 0 0;} .share>i.qq:hover{background-position: 0 -34px;} .share>i.weixin{background-position: -34px 0} .share>i.weixin:hover{background-position: -34px -34px;} .share>i.weibo{background-position: -68px 0} .share>i.weibo:hover{background-position: -68px -34px;} .share>i a{display: block;height: 100%;margin: 0;padding: 0;width: 100%;background: transparent;} .share>i a:hover{text-decoration: none;} .weixin{position: relative;cursor: pointer;} .weixin .img{position: absolute;top: 100%;left: 50%;width: 140px;padding: 7px;background: #fff;margin: 20px -77px;} .weixin .img .triangle{border: 6px solid transparent;border-top-width: 0px;border-bottom: 9px solid #fff;width: 0;height: 0;} /* 鍓鑸 */ .aside>.met_section{padding: 0;} .aside{text-align: center;background: #2e88f7;font-size: 0;} .met_section aside .met_aside{display: inline-block;max-width: 100%;} .met_section aside .met_aside_list{display: table;width: 100%;height: 75px;} .met_section aside .met_aside_list form{ display: table-cell;vertical-align: middle;} .met_section aside .met_aside_list dl{display: table-cell;vertical-align: middle;padding: 0 15px 0 25px;background: url('../images/aside_border.png') no-repeat left center;/* width: 135px; */position: relative;} .met_section aside .met_aside_list dl:first-child{background: transparent;} .met_section aside .met_aside_list dl dt{font-size: 16px;line-height: 1.5;} .met_section aside .met_aside_list dl dt a{display:block;color:#fff;font-weight: lighter;} .met_section aside .met_aside_list dl dt.on a,.met_section aside .met_aside_list dl dt a:hover{font-weight: normal;} .aside{position: relative;} .aside .shade{position: absolute;top: 100%;left: 0;right: 0;height: 60px;background: #4796f8;z-index: 2;} .aside .shade{display: none;} .aside.has-nav-3.class3 .shade{display: none;} .aside.has-nav-3{margin-bottom: 60px;} .met_section aside .met_aside dl dd{position: absolute;top: 75px;color: #fff;z-index: 9;left: 0;white-space: nowrap;padding: 15px 10px;margin-left: 20px;} .met_section aside .met_aside dl dd{display: none;} /*.met_section aside .met_aside dl.on dd{display: block;}*/ .met_section aside .met_aside dl dd h4{font-weight:normal;display: inline-block;background: url('../images/aside_border.png') no-repeat left center;line-height: 30px;margin-left: 15px;} .met_section aside .met_aside dl dd h4:first-child{background:transparent;margin-left: 0;} .met_section aside .met_aside dl dd h4:first-child a{/* margin-left:0; */} .met_section aside .met_aside dl dd a{font-size: 14px;color: #fff;margin-left: 20px;display: block;font-weight: lighter;} .met_section aside .met_aside dl dd a:hover{text-decoration:underline;} .met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{} .met_section aside .met_related{margin-top:20px;} .met_section aside .met_related ul{padding:20px;} .met_section aside .met_related li{margin-bottom:8px;list-style:none;} .aside-small{border-bottom: 1px solid #ddd;margin-bottom: 20px;font-size: 16px;background: #1a5aa9;background: rgb(46, 136, 247);color: #fff;} .aside-small a{color:inherit;} .aside-small .table{height: 50px;} .aside-small .aside-menu-btn{width: 30px;} .aside-small .aside-menu-btn .fa{text-align: center;width: 30px;line-height: 30px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);color: #787878;cursor: pointer;} @media screen and (min-width:771px){ .aside-small{ display: none; } } /* media */ @media (min-width: 1200px) { .container{max-width: 1200px;padding: 0 10px;width: 100%} } @media (max-width: 1600px) { } @media (max-width: 1460px) { #fullpage .left-bar{border-right:19vw solid transparent} #fullpage .right-bar .flag-img {width: 19vw;} header .bar{margin:0 10px} } @media (max-width: 1200px) { header .index_search .search_icon {font-size: 0;display: block;width: 35px;height: 35px;line-height: 32px;text-align: center;cursor: pointer;padding-top:6px;} header .index_search .pc_search {position: absolute;right: 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} header .index_search:hover .pc_search {visibility: visible;opacity: 1;} .container{width: 100%;padding-left: 10px !important;padding-right: 10px !important;} } @media (max-width: 1024px) { #fullpage .section.contact #baidu_map {margin-right: 35%;} #fullpage .right-bar{width: 35%;} #fullpage .left-bar{border-right: 10vw solid transparent;padding: 0 1%;margin: 0 28% 0 10%} #fullpage .right-bar .flag-img {visibility: hidden;} } @media (max-width: 992px) { } @media (max-width: 768px) { .contact-index .contact-msg .input .item ,.contact-index .contact-msg .input{display: block;} .contact-index .contact-msg .text .item{margin: 0;} .contact-index .contact-msg .post input {width: 150px;} .contact-index table.contact-way, .contact-index table.contact-way tbody, .contact-index table.contact-way tr, .contact-index table.contact-way td {display: block;} .contact-index table.contact-way td {height: auto;margin-bottom: 8px;} #showimg .newspaper li{width: 50%;} .active_list .main h2 {font-size: 14px;padding: 7px 8px;} .active_list .swiper-button{display: none;} .active_bar{padding: 0;} .met_module2_list li .wrapper {padding: 0 5px;} .tem_index_footer .nav_bar {display: none;} .tem_index_footer .contact_info {float: none;text-align: left;} .tem_index_footer {padding: 10px;} .tem_footer {padding: 10px 0;} #showproduct dl.pshow dt, #showproduct dl.pshow dd {display: block;} #showproduct dl.pshow dt {border-right: 0 none;border-bottom: 1px solid #ddd;padding: 0 0 15px;} #showproduct dl.pshow dt .met_box {min-width: 0!important;} #showproduct dl.pshow dd .met_box {padding-left: 0;padding-right: 0;} #showproduct dl.pshow dd .met_box h1 {font-size: 18px;padding: 10px 5px;} .met_module3_list ul.list_1 li{width: 33.33%;} .culture-table, .culture-table tr, .culture-table td {display: block!important;} .culture-table {border-spacing: 0!important;margin: 0 25px;} .met_section {padding: 20px 0;} .met_section_2 {padding: 5px 0;margin: 20px auto;} .met_article_head .name {font-size: 20px;} .culture-table td {width: 48%!important;margin: 0 1% 12px;float: left;} .about-index .about-item {font-size: 14px;} #fullpage .right-bar{width: 100%;position: absolute;height: auto;} #fullpage .right-bar>table{height: 100vh;} #fullpage .right-bar .flag-img{visibility: hidden;} #fullpage .right-bar .top>td{padding-top: 60px;padding-bottom: 10px;} #fullpage .right-bar .bottom>td{padding-top: 10px;padding-bottom: 30px;} .aside {position:fixed;left:0;top:0;bottom:0;right: 0;z-index: 999;margin-bottom: 0!important;background: rgba(37, 57, 82, 0.15);transition: all 0.7s,background 0.5s 0.7s;} body.open{overflow: hidden;} .aside {opacity: 0.6;transform: translate(-100%);background:rgba(37, 57, 82, 0);transition: all 0.7s 0.1s,background 0.1s;} body.open .aside {opacity: 1;transform: translate(0);} .aside .met_section{width: 80%;height: 100%;background: #2e88f7;margin: 0;text-align: left;overflow-y: auto;overflow-x: hidden;} .aside .met_section aside .met_aside{display:block;padding: 10px 0;} .aside .shade{display:none;} .aside .met_section aside .met_aside_list{height:auto;width: auto;display: block;} .aside .met_section aside .met_aside_list dl{display:block;background-image: none;padding: 0;} .aside .met_section aside .met_aside_list dl dt{border-bottom: 1px solid rgba(255, 255, 255, 0.43);} .aside .met_section aside .met_aside_list dl dt a{padding: 10px 15px;} .aside .met_section aside .met_aside_list dl dd{display:block;position: static;margin: 0;white-space: normal;padding: 15px 10px;} .aside .met_section aside .met_aside_list dl dd::after{display:block;content:'';clear:both;} .aside .met_section aside .met_aside dl dd a{margin-left:0;padding: 3px 15px;/* background: #1a5aa9; */margin: 5px;border-radius: 2px;border: 1px solid rgba(255, 255, 255, 0.63);} .aside .met_section aside .met_aside dl dd h4.on a,.aside .met_section aside .met_aside dl dd h4 a:hover{border: 1px solid rgba(23, 92, 177, 0.98);background: rgb(46, 136, 247);} .aside .met_section aside .met_aside_list dl dd h4 {display: inline-block;background-image: none;float: left;margin: 0;} #fullpage #baidu_map,.fp{display: none;} #fullpage .left-bar{border-right: 10vw solid transparent;padding: 0 1%;margin: 0 28% 0 10%;visibility: hidden;/* position: absolute; */} header .table {height: 50px;} header nav.inline {position: absolute;left: 0;right: 0;top: 100%;background: #fbfbfb;display: none;max-height: 90vh;overflow-y: scroll;} header nav ul {display: block;height: auto;} header nav ul li{display: block;width: auto;border: 0 none;text-align: left;} header nav li dl{position: static;margin: 0;} header nav li>a,header nav li dl dd a{padding: 0;display: block;padding: 12px 15px;} header nav li dl,header nav li>a{border-bottom: 1px solid #dcdcdc;} header nav li dl{min-width: 0;padding: 1px 0;} header nav li dl dd{margin: 15px 20px;border: 1px solid #dcdcdc;padding: 5px 0;} header nav li.has_sort2>a::after{content: ">";float: right;font-family:simsun;font-weight: bold;} header nav .border{display: none!important;} header nav li dl dd:hover a:hover, header nav li dl dd a.on{background-image: none;} header .menu {float: right;display: block;} } @media (max-width: 530px) { .met_module2_list li h2 {font-size: 16px;margin-bottom: 5px;} .met_module2_list li {padding: 20px 0;} .met_module2_list li .desc, .met_module2_list li .date {margin-bottom: 20px;} .met_module2_list li .table p.pb>span {white-space: normal;position: static;line-height: 1.5;} .met_module2_list li .table p.pb {height: auto;max-height: 80px;} .met_module2_list li .img {display: none;} .met_module2_list li .wrapper {padding: 0;} .met_module3_list ul.list_1 li{width: 50%;} .met_article_head {display: none;} .culture-table td {width: 100% !important;margin: 0 0 12px;display: block;} .about-index .about-item .title {margin-bottom: 10px;} .honor_list ul li{width: 50% !important;} .about-index .about-item {padding: 20px 0;} .about-index .about-item .namemark {font-size: 24px;} .about-index .about-item .name {font-size: 18px;font-weight: normal;} } /*鎵嬫満鐗堣彍鍗?/ .mm-slideout{z-index: auto!important;} @media screen and (max-width: 992px) { #header a.mm_btn {background: center center no-repeat #000;display: block;width: 60px;height:60px;position: absolute;top: 0;right:0; padding: 15px;z-index: 1; } #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;} }