/*Top002727 */ /*Top002703*/ .Top002703{transition:all .3s linear;} .Top002703.fixedhead{position:fixed;width:100%;top:0px;left:0px;background:#fff;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.4);} .Top002703 .auto{ max-width:1600px;} @media(max-width:1600px){ .Top002703 .auto{ padding:0 2%;} } .Top002703 .top-mid{display:none;} .Top002703 .top-left{ float:left; display:table; height:100px;} .Top002703 .top-left a{ display:table-cell; vertical-align:middle;} .Top002703 .top-left img{display:block;height:70px;} .Top002703 .top-right{ width:26%;} .Top002703 .top-mid{ padding-top:38px; width:47.5%;} .Top002703 .top-mid, .Top002703 .top-right{ float:right;} .Top002703 .top-right { position:relative; text-align:right; padding-top:11px;} .Top002703 .top-right > *{ display:inline-block; vertical-align:bottom;} .Top002703 .hotline span{ display:inline-block; background:url(../images/Top002703_call.png) no-repeat left center; font-size:16px; padding-left:21px; color:#555;} .Top002703 .hotline aside{ color:#da251c; font-size:26px;} .Top002703 .top-right dd{margin: 0 15px;} .Top002703 .top-right dt{ position:relative;} .Top002703 .top-right dl > *{ float:left;} .Top002703 .top-right dl > * > a{ height:36px; display:block; width:36px;background: url(../images/Top002703_search.png) no-repeat center center;margin-right:10px;/*display:none;*/} /*.Top002703 .top-right dl > * > a:hover{ background-color:#da251c; color:#fff; border-color:#da251c;} .Top002703 .open-search:hover{ background-image:url(../images/Top002703_search_hover.png);}*/ /*.Top002703 .open-search-show:hover, .Top002703 .open-search-show{ position:relative; background-color:#da251c;background-image:none;} .Top002703 .open-search-show::after, .Top002703 .open-search-show::before{ position:absolute; content:''; width:60%; left:20%; height:2px; top:50%; margin-top:-1px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Top002703 .open-search-show::before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} */ .Top002703 .top-search{ position:absolute; overflow:hidden; border-radius:5px;/* display:none; */right:14px; top:0; width:200px; box-shadow:0 0 1px #000;} .Top002703 .top-search .text{ color:#999; width:100%; line-height:36px; height:36px; padding:0 36px 0 10px; border:none;} .Top002703 .top-search .text.focus{ color:#333;} .Top002703 .top-search .btn{ position:absolute; top:0; right:0; height:100%; width:36px; background:url(../images/Top002703_search.png) no-repeat center center;} .Top002703 .header-menu li em a{ font-size:16px;} .Top002703 .header-menu li em a figure{ position:relative; margin:12px auto; width:30px; height:30px;} .Top002703 .header-menu li em a img{ position:absolute; left:0; top:0; width:100%; height:100%; transition:0.7s;} .Top002703 .header-menu li em a img.hover{ opacity:0; transform:scale(0) rotateY(180deg); -webkit-transform:scale(0) rotateY(180deg);} .Top002703 .header-menu li em a:hover img.show{ opacity:0; transform:scale(0) rotateY(180deg); -webkit-transform:scale(0) rotateY(180deg);} .Top002703 .header-menu li em a:hover img.hover{ opacity:1; transform:scale(1) rotateY(0deg); -webkit-transform:scale(1) rotateY(0deg);} .Top002703 .header-menu li em a span{ display:block; } .Top002703 .header-menu li.aon em a span, .Top002703 .header-menu li em a:hover span{ border-top-color:#027bd6;} .Top002703 .header-menu li.aon em a, .Top002703 .header-menu li em a:hover{ color:#027bd6;} .Top002703 .TaoA a{display:inline-block;margin-right:10px;} .Top002703 .TaoA1{display:none;} @media(max-width:1440px){ .Top002703 .top-right{ width: 27%;} .Top002703 .top-mid{width: 42%;} .Top002703 .top-search{width:150px;} } @media(max-width:1280px){ .Top002703 .top-right .hotline{ display:block; padding-top:10px;} .Top002703 .top-right{ padding-top:30px;} .Top002703 .header-menu li{padding: 0px 2%;} .Top002703 .top-right .hotline{display: none;} } @media(max-width:1100px){ .Top002703 .header-menu li em a{ font-size:14px;} .Top002703 .top-left img{height:40px;} .Top002703 .TaoA2{display:none;} .Top002703 .TaoA1{display:inline-block;} .Top002703 .TaoA1 img{width:25px;} .Top002703 .TaoA a{margin-right:5px;height:30px;} } @media(max-width:1024px){ .Top002703 .top-mid{ padding:0; width:0;} .Top002703 .top-right{ width:auto;} .Top002703 #open_menu{ width:36px; height:36px; position:relative; z-index:200;border-radius:50%; border:1px solid #c1c1c1; } .Top002703 #open_menu i{ height:3px; margin-top:-1.5px; width:60%; left:20%;} .Top002703 #open_menu i, .Top002703 #open_menu i::before, .Top002703 #open_menu i::after{ background:#ccc;} .Top002703 #header-menu{ opacity:0; left:-100%; transform:scale(0); display:table; position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100; transition:0.3s;} .Top002703 #header-menu.header-menu-show{ opacity:1; left:0; transform:scale(1);} .Top002703 #header-menu ul{ display:table-cell; vertical-align:middle; padding-left:10%; padding-right:10%;} .Top002703 #header-menu li{ text-align:center; padding:2% 0; width:33.33333%; float:left;} .Top002703 #header-menu li em, .Top002703 #header-menu li em a{ border-bottom:0;} .Top002703 #header-menu li em a{ font-weight:normal; font-size:20px;} .Top002703 #header-menu li figure{ margin:0 auto;position:relative; width:40px; height:40px; } .Top002703 #header-menu li figure img{ position:absolute; left:0; top:0; width:100%; height:100%;} .Top002703 #header-menu li figure img.show{ left:1px; top:1px;} .Top002703 #header-menu li em a span,.Top002703 .top-right dl > * > a{ display:block;} } @media(max-width:640px){ .Top002703 #header-menu ul{ padding:0;} .Top002703 .hotline span{ font-size:14px;} .Top002703 .hotline aside{ font-size:24px;} .Top002703 .top-left{ width:40%;} } @media(max-width:480px){ .Top002703{ position:relative; z-index:100; padding-top:32px;} .Top002703 .top-right dt, .Top002703 .top-right{ position:inherit;} .Top002703 .top-right .hotline{ position:absolute; padding-top:0; right:0; padding:0 2%; top:0; width:100%;border-bottom:1px solid #eee; line-height:31px;} .Top002703 .top-right .hotline aside{ display:inline-block; vertical-align:bottom;} .Top002703 .hotline span{ font-size:12px;} .Top002703 .hotline aside{ font-size:20px;} .Top002703 #header-menu li em a{ font-weight:normal; font-size:16px;} .Top002703 .top-left{ height:76px;} .Top002703 .top-search{ top:100%; right:2%; width:96%;display: none ;} } /*Banner002729 */ .Banner002729 .slider li.slick-slide{ height: auto;position: relative;} .Banner002729 .ytable{height: 100%;} .Banner002729 .txt-main{position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 3;font-size: 50px;} .Banner002729 .txt-main a.more{ display: block; color: #fff; border-radius:50px ; width: 11.0625em; line-height: 2.875em; border: 2px solid #fff; text-align: center; letter-spacing: 0.625em; font-weight: bold; font-size: 0.32em;transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0; transition:transform 0.5s 1.5s,opacity 0.5s 1.5s;} .Banner002729 .txt-main a.more:hover{background: #fff; color: #027bd6;} .Banner002729 .txt-main aside{color: #fff; transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0;} .Banner002729 .txt-main aside.tit{font-size: 1em; line-height: 1em; max-height: 2em; margin-bottom: 20px; transition: 0.5s;} .Banner002729 .txt-main aside.pre{font-size: 0.44em; line-height: 1.2em; max-height: 2.4em; margin-bottom: 4%;transition: 0.5s 0.5s;} .Banner002729 .an-show .txt-main a.more, .Banner002729 .an-show .txt-main aside{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;-webkit-opacity: 1;} .Banner002729 .slider li img{display: block; width: 100%;} .Banner002729 .slick-dots{text-align: center;position: absolute; left: 0; z-index: 10; bottom: 30px; width: 100%;} .Banner002729 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Banner002729 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;background: #fff; opacity: 0.8;-webkit-opacity: 0.8;} .Banner002729 .slick-dots li.slick-active button{opacity: 1;-webkit-opacity: 1;width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff;} .Banner002729 .slick-dots li.slick-active{border-color: #fff;} @media(min-width:1201px){ .Banner002729 .slider li img.wap{display: none;} } @media(max-width:1200px){ .Banner002729 .slider li img.pc{display: none;} } @media(max-width:1024px){ .Banner002729 .txt-main{font-size: 40px;} } @media(max-width:640px){ .Banner002729 .txt-main{font-size:28px;} } @media(max-width:480px){ .Banner002729 .txt-main{font-size:20px;} } /* .Floor001114 为demo编号 */ .Floor001114{padding:2% 0 3% 0;} .Floor001114 .column-name{ text-align: center; padding: 35px 0; font-size: 30px; font-weight: bold;} .Floor001114 .column-name .cn{color: #027bd6; letter-spacing: 1px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .Floor001114 .column-name span{position: relative;display: inline-block;} .Floor001114 .column-name span::after{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;left: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor001114 .column-name span::before{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;right: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor001114 .column-name .en{text-transform: uppercase; color: #e7ecf1; margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold"; } @media(max-width:480px){ .Floor001114 .column-name{ font-size: 24px;} .Floor001114 .column-name .cn{line-height: 40px;} } .Floor001114 li{ float:left; width:23.5%; margin-right:2%; background-color:#f5f6f9; /*border-bottom:3px solid #b0b0b0;*/ position:relative; text-align:center;margin-bottom: 2%;} /*.Floor001114 li:hover{ border-bottom-color:#e52613;}*/ .Floor001114 li:last-child{ margin-right:0;} .Floor001114 li:nth-child(4n){margin-right: 0px;} .Floor001114 li a, .Floor001114 li .txt{position:absolute; left:0; top:0;right:0px; width:100%; height:0%;opacity:0;-webkit-opacity: 0;transition:0.3s ease-in-out; text-align: center;background:#184d9c;} .Floor001114 li .txt{color:#fff; padding:0 10%; text-align:left; z-index:1; transition:all ease-in-out 0.3s;text-align: center;} .Floor001114 li a{ z-index:5;position:absolute; left:0; top:0; width:100%; height:100%;} .Floor001114 li .Ispic{ display:block; padding-bottom:91%;text-align: center;} .Floor001114 li h2{ font-size:16px; color:#333; margin:0; padding-top:20px; padding-bottom: 20px;} .Floor001114 li p{ color:#888; font-size:14px; margin:0; padding-top:10px;} .Floor001114 li .txt article{ font-size:14px; line-height:24px; overflow:hidden; max-height:120px;} .Floor001114 li .txt h3{ margin:0; font-size:18px;padding-bottom: 10px;} .Floor001114 li .table{ display:table; width:100%; height:100%;} .Floor001114 li .table_cell{ display:table-cell; vertical-align:middle;} .Floor001114 li:hover .txt{height: 100%;opacity:1;-webkit-opacity: 1;} @media(max-width:768px){ .Floor001114 li{ width:49%; margin-top:2%;} .Floor001114 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .Floor001114 .title h1{ font-size:30px; } .Floor001114 .title span{ font-size:20px; margin-top:-15px;} } /*Floor002732 */ .Floor002732{padding:2.5% 0 3.5% 0;background-repeat:no-repeat;background-position:center center;background-size: cover; overflow: hidden;} .Floor002732 .auto{padding: 0!important; width: 96%; } .Floor002732 .column-name{ text-align: center; padding: 35px 0; font-size: 30px; font-weight: bold;} .Floor002732 .column-name .cn{color: #027bd6; letter-spacing: 1px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .Floor002732 .column-name span{position: relative;} .Floor002732 .column-name span::after{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;left: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor002732 .column-name span::before{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;right: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor002732 .column-name .en{text-transform: uppercase; color: #e7ecf1; margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold"; } .Floor002732 .slider li.slick-slide{position: relative;width:20%; float: left; display: block;} @media(max-width:480px){ .Floor002732 .column-name{ font-size: 24px;} .Floor002732 .column-name .cn{line-height: 40px;} } .Floor002732 .slick-dots{padding-top: 20px; text-align: center;} .Floor002732 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor002732 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;} .Floor002732 .slick-dots li.slick-active{border-color: #027bd6;} .Floor002732 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #027bd6;} .Floor002732 .main{position: relative; } ..Floor002732 .main .slider{margin-left: -19.5px; margin-right: -19.5px; } .Floor002732 .main .slick-list{padding: 0 19.5px;} .Floor002732 .slider{position: relative; z-index: 10;} .Floor002732 .slider li.slick-slide{position: relative; height: auto;width:25%; float: left;} .Floor002732 .slider li:before{position: absolute; content: ''; left:0px;top: 0; height: 0; background: #184d9c; right:0px;opacity: 0; -webkit-opacity: 0; transition: 0.3s ease-in-out;} .Floor002732 .slick-dots li:before{background:none;} .Floor002732 .slider li:hover:before{ opacity: 1; -webkit-opacity: 1; height: 100%;} .Floor002732 .slider li a{ position: relative; z-index: 10; text-align: center; height:260px;} .Floor002732 .slider li p{height: 0; opacity: 0; -webkit-opacity: 0; color: #fff;} .Floor002732 .slider li .icon img{width: 75px; height: 75px;} .Floor002732 .slider li .icon .off{display: none;} .Floor002732 .slider li .title{max-width: 90%; margin: 0 auto; font-size: 16px; color: #555;} .Floor002732 .slider li h2{ margin-bottom: 10px; font-size: 20px; color: #027bd6;} .Floor002732 .slider li a:hover .title h2, .Floor002732 .slider li a:hover .title{color: #fff;} .Floor002732 .slider li a:hover .icon .on{display: none;} .Floor002732 .slider li a:hover .icon .off{display:inline-block;} .Floor002732 .slider li a:hover p{height:78px;opacity: 1; -webkit-opacity: 1; line-height: 26px;transition: 0.3s ease-in-out;} .Floor002732 .slick-dots{position: absolute; left: 0; bottom: -40px; width: 100%; z-index: 10;} @media(max-width:1100px){ .Floor002732 .main{margin-bottom: 50px;} } /*Floor002140 */ .Floor002140{ padding:2% 0 3.5% 0; } .Floor002140 .column-name{ text-align: center; padding: 35px 0; font-size: 30px; font-weight: bold;} .Floor002140 .column-name .cn{color: #027bd6; letter-spacing: 1px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .Floor002140 .column-name span{position: relative;} .Floor002140 .column-name span::after{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;left: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor002140 .column-name span::before{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;right: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor002140 .column-name .en{text-transform: uppercase; color: #e7ecf1; margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold"; } @media(max-width:480px){ .Floor002140 .column-name{ font-size: 24px;} .Floor002140 .column-name .cn{line-height: 40px;} } .Floor002140 .tab{ text-align:center; padding-bottom:3%; line-height:36px;} .Floor002140 .tab span{ display:inline-block; color:#999; width:30%; max-width:124px;position:relative; font-size:16px; cursor:pointer;border-radius:2px;} .Floor002140 .tab span:after{ position:absolute; content:''; right:0; width:1px; height:13px; top:50%; margin-top:-6px; background:#dfdfdf; z-index:-1;} .Floor002140 .tab span.active{ background:#e52613; color:#fff; } .Floor002140 .tab span.active:after, .Floor002140 .tab span.end:after{ display:none;} .Floor002140 .tab_list dt{ float:left; width:47%;} .Floor002140 .tab_list dd{ float:right; width:48%; padding-bottom:2.78%;} .Floor002140 .tab_list p{ line-height:20px; font-size:14px; color:#999; overflow:hidden;height: 40px; } .Floor002140 .tab_list h2{ font-size:16px;} .Floor002140 .tab_list dd time{color:#999; font-size:12px;} .Floor002140 .tab_list dt:after, .Floor002140 .tab_list dd:after{ display:block; content:''; width:100%; height:1px; background:#dfdfdf;} .Floor002140 .tab_list dt .Ispic{ padding-bottom:56.75%; display:block; position:relative;} .Floor002140 .tab_list dt .Ispic img{ display:none;} .Floor002140 .tab_list dt h2{ margin:5% 0;} .Floor002140 .tab_list dt p{ margin-top:0;} .Floor002140 .more{ padding-left:55.2%;} .Floor002140 .more a{ width:50%; max-width:230px; background:url(../images/Floor002140-more.png) no-repeat center center #e9e9e9; height:40px; display:block; transition:0.3s; border-radius:2px; margin-top:-40px;} .Floor002140 .more a:hover{ background-color:#e52613; background-image:url(../images/Floor002140-more_hover.png);} @media(max-width:1000px){ .Floor002140 .more{ padding-left:0; padding-top:3%;} .Floor002140 .more a{ margin:0 auto;} .Floor002140 .tab_list p{ height:40px;} } @media(max-width:640px){ .Floor002140 .tab_list dt, .Floor002140 .tab_list dd{ float:none; width:auto;} } @media(max-width:480px){ .Floor002140 .tab_list dt time span{ font-size:30px;line-height:30px;} } /*Bottom002743 */ .Bottom002743{ background: #027bd6; padding-top:3.5%;color: rgba(255,255,255,0.6);} .Bottom002743 a{color: rgba(255,255,255,0.6);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{background: #fff; line-height: 24px; padding: 15px 0;color: #888;} .Bottom002743 .copyright a{color: #888;} .Bottom002743 .copyright a:hover{color: #e52613;} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: #c0c0c0; vertical-align: middle; margin: 0 7px;} .Bottom002743 .links{margin: 20px 0; border-top: 1px solid rgba(255,255,255,0.07);border-bottom: 1px solid rgba(255,255,255,0.07);position: relative; line-height: 24px; padding: 11px 0 11px 70px;} .Bottom002743 .links a{display: inline-block;} .Bottom002743 .links span{position: absolute; left: 0; top: 11px; color: rgba(255,255,255,0.6);} .Bottom002743 .links a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.07);vertical-align: middle; margin: 0 14px;} .Bottom002743 .contact{max-width:250px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: #fff; padding-bottom: 25px;} .Bottom002743 .contact li{ padding-bottom: 5px;} .Bottom002743 .contact li aside{ padding-left: 25px;background-position: left center; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){/*padding-bottom: 32px;*/} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size: 22px;color: #fff;} .Bottom002743 .ewm{float: right;width: 24%;} .Bottom002743 .ewm dl{width: 45%;float: left;margin-left: 15px;} .Bottom002743 .ewm dl img{width: 100%;} .Bottom002743 .ewm dl p{margin: 0;font-size: 18px;color: #fff;padding-bottom: 25px;} .Bottom002743 nav dl dt a{color: #fff;} .Bottom002743 nav{float: left; width:50%;margin-left:80px;} .Bottom002743 nav dl{float: left; max-width: 180px;margin-right: 44px !important;} .Bottom002743 nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 121px;} @media (max-width:1024px) { /* .Bottom002743 nav{width: 70%;} */ .Bottom002743 nav dl{float: left; max-width: 180px;margin-right: 10px !important;} .Bottom002743 .ewm{float: right;width: 20%;} .Bottom002743 .ewm dl{width: 74%;float: left;margin-right: 25px;} } @media(min-width:769px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:768px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .links{margin: 20px 0; } .Bottom002743 .ewm{float:none;width:100%;} .Bottom002743 .ewm dl{width: 40%;float: left;margin-right: 25px;margin-left: 0;} /* .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} */ /* .Bottom002743 .contact li:nth-child(1){padding-bottom:10px;} .Bottom002743 nav{width:100%;text-align:center;float:none;} .Bottom002743 nav dd{display:none;} .Bottom002743 nav dl{margin:0 10px!important;max-width:auto;display:inline-block;float:none;} .Bottom002743 .contact .name{padding-bottom:10px;} .Bottom002743 nav dl dt{padding-bottom:10px;font-size:16px;} */ } /*Other002539 */ .Other002539{ position:fixed; z-index:200; right:0;} .Other002539 ul li{ position:relative;} .Other002539 ul li figure{ position:absolute; top:0; right:48px;background:#027bd6; color:#fff; display:none;} .Other002539 .li_wx figure{ width:150px; padding:10px;} .Other002539 .li_wx figure img{ display:block; width:100%;} .Other002539 .li_tel figure{ padding:0 20px; font-size:18px;line-height:48px;white-space:nowrap;} .Other002539 .li_tel figure a{ color:#fff;} .Other002539 .icon{ display:block; width:48px; height:48px; background:url(../images/Other002539-icon.png) no-repeat left top #027bd6; border-bottom:1px solid #162b79;} .Other002539 .li_sina .icon{ background-position:0 -50px;} .Other002539 .li_tel .icon{ background-position:0 -100px;} .Other002539 .li_feedback .icon{ background-position:0 -147px;} .Other002539 .icon.gettop{ background-position:0 100%;} .Other002539 .icon.open{ background-image:none; position:relative; } .Other002539 .open span{ color:#fff; font-size:24px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} @media(min-width:1025px){ .Other002539{ top:50%; transform:translateY(-50%);} .Other002539 ul{ display:block !important;} .Other002539 .icon.open{display:none;} .Other002539 .li_tel figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;} } @media(max-width:1024px){ .Other002539{ bottom:5%;} .Other002539 ul{ display:none;} .Other002539 .icon.open{display:block;} .Other002539 #open_2539{ background-color:#483f3e;} } /*栏目页开始*/ /* .Banner002388 为demo编号 */ .Banner002388{ overflow: hidden;} .Banner002388 img{ position: relative;width: 100%;} @media only screen and (max-width:1024px ) { .Banner002388 img{ width: 130%; left: -15%; max-width: none;} } @media only screen and (max-width:768px ) { .Banner002388 img{ width: 150%; left: -25%;} } @media only screen and (max-width:480px ) { .Banner002388 img{ width: 190%; left: -45%;} } /*Menu002147 */ .Menu002147{ background:#f8f8f8;} .Menu002147 ul{ display:table; margin:0 auto;} .Menu002147 li{ float:left; padding:0 40px;position:relative;} .Menu002147 li:after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .Menu002147 li.end:after{ display:none;} .Menu002147 li a{ display:block;font-size:16px; position:relative; overflow:hidden; line-height:82px;height:82px;} .Menu002147 li a:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .Menu002147 li.aon a, .Menu002147 li:hover a{ color:#027bd6;} .Menu002147 li:hover a:after{ background:#027bd6;} @media(max-width:1024px){ .Menu002147 li{ padding:0 20px;} .Menu002147 li a{ line-height:50px;height:50px;} } @media(max-width:768px){ .Menu002147 ul{ display:block;} .Menu002147 li{ float:left; width:25%; text-align:center; padding:0;} } @media(max-width:768px) and (min-width:481px){ .Menu002147 li:nth-child(4n):after{ display:none;} } @media(max-width:480px){ .Menu002147 li{ width:33.33333333333%} .Menu002147 li:nth-child(3n):after{ display:none;} } @media(max-width:375px){ .Menu002147 li a{ font-size:14px;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding-top:4%;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#027bd6; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0; font-size: 16px; color: #888;line-height: 28px;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /*RighInfo002552 */ .RighInfo002552{ padding-bottom:3%;} .RighInfo002552 .info_1{ position:relative; z-index:1;} .RighInfo002552 .info_1 .auto{ position:relative; z-index:2;} .RighInfo002552 .title{ text-align:center; font-size:30px; color:#333; padding:4% 0 2% 0;} .RighInfo002552 .title::after{ width:45px; height:2px; background:#dedede; display:block; margin:17px auto; content:'';} .RighInfo002552 .info_1 .title{ color:#333; padding-bottom:0;} .RighInfo002552 .info_1 .title::after{ background:#333;} .RighInfo002552 .info_1 .ul_icon{ padding:6% 0 3% 0;} .RighInfo002552 .info_1 .ul_icon li{ float:left; width:25%; text-align:center;} .RighInfo002552 .info_1 .ul_icon li a{ color:#333;} .RighInfo002552 .info_1 .ul_icon li aside{ display:block; border:1px solid rgba(70,91,169,0.5); max-width:132px; padding:6.25%; border-radius:50%; width:60%; margin:0 auto; } .RighInfo002552 .info_1 .ul_icon li img{ display:block; width:100%;transition:0.3s;} .RighInfo002552 .info_1 .ul_icon li a:hover aside img{ transform:rotateY(180deg);} .RighInfo002552 .info_1 .ul_icon li h5{ font-size:22px; margin:7% 0 4% 0;} .RighInfo002552 .info_1 .ul_icon li p{ margin:0 30px; line-height: 22px; color: #888;} .RighInfo002552 .list_img dd{ float:left;margin-right:0.8%; margin-bottom:0.8%;} .RighInfo002552 .list_img dd:nth-child(3n){ margin-right:0;} .RighInfo002552 .list_img dd img{ display:block; width:100%;} .RighInfo002552 .info_2 .list_img dd{ width:28.275%;} .RighInfo002552 .info_2 .list_img dd:nth-child(2), .RighInfo002552 .info_2 .list_img dd:nth-child(6){ width:41.85%;} .RighInfo002552 .info_4 .list_img dd{ width:32.8%; } .RighInfo002552 .info_3 .list_img{ position:relative;} .RighInfo002552 .info_3 .list_img dd{ width:32.58%; float:none;margin-bottom:0; margin-right:0; } .RighInfo002552 .info_3 .list_img dd:nth-child(4), .RighInfo002552 .info_3 .list_img dd:nth-child(5){ position:absolute; right:0; height:48.9%; overflow:hidden;} .RighInfo002552 .info_3 .list_img dd:nth-child(4){ top:0;} .RighInfo002552 .info_3 .list_img dd:nth-child(5){ bottom:0; } .RighInfo002552 .info_3 .list_img dd:nth-child(1){ margin-bottom:1.17%;} .RighInfo002552 .info_3 .list_img dd:nth-child(3){ position:absolute; left:33.75%; top:0; height:100%; width:32.5%;} .RighInfo002552 .info_3 .list_img dd:nth-child(3) img{ height:100%;} @media(max-width:1024px){ .RighInfo002552 .info_1{ margin-top:0;} } @media(max-width:480px){ .RighInfo002552 .title{font-size:20px;} .RighInfo002552 .info_1 .ul_icon li{ float:none; width:auto; padding-bottom:5%;} .RighInfo002552 .info_1 .ul_icon li aside{ max-width:100px; padding:4%;} } /* .Floor001201 为demo编号 */ .Floor001201{ background:url(../images/Floor001201-bg.jpg) no-repeat center top; background-size:cover; padding:4% 0;} .Floor001201 li{ width:22.75%; margin-right:3%; background-color:rgba(255,255,255,0.67); position:relative; float:left; padding:4% 3% 6%; transition:all ease 0.5s;} .Floor001201 li:last-child{ margin-right:0;} .Floor001201 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Floor001201 li h3{ text-align:center; margin:0; font-weight:normal; font-size:20px; color:#333; padding:5% 0; position:relative;} .Floor001201 li h3::before{ position:absolute; content:''; width:20%; height:3px; background-color:#0089d1; left:40%; bottom:0;} .Floor001201 li figure{ padding-bottom:40%; background:url(../images/Floor001201-icon1.png) no-repeat center top/contain;} .Floor001201 li:nth-child(2) figure{ background-image:url(../images/Floor001201-icon2.png);} .Floor001201 li:nth-child(3) figure{ background-image:url(../images/Floor001201-icon3.png);} .Floor001201 li:nth-child(4) figure{ background-image:url(../images/Floor001201-icon4.png);} .Floor001201 li p{ font-size:12px; line-height:20px; height:80px; overflow:hidden; color:#666; opacity:0.75; margin-top:10%;} .Floor001201 li span{ position:absolute; width:70px; height:23px; line-height:23px; text-align:center; background-color:#0089d1; color:#fff; left:50%; margin-left:-35px; bottom:0;} .Floor001201 li:hover{ background-color:rgba(0,118,225,0.67); } .Floor001201 li:hover h3, .Floor001201 li:hover p{ color:#fff;} .Floor001201 li:hover h3::before{background-color:#fff;} .Floor001201 li:hover span{background-color:#fff;color:#0089d1;} .Floor001201 li:hover figure{ background-image:url(../images/Floor001201-icon1_hover.png);animation:ease 0.8s hover001201;} .Floor001201 li:nth-child(2):hover figure{ background-image:url(../images/Floor001201-icon2_hover.png);} .Floor001201 li:nth-child(3):hover figure{ background-image:url(../images/Floor001201-icon3_hover.png);} .Floor001201 li:nth-child(4):hover figure{ background-image:url(../images/Floor001201-icon4_hover.png);} @media(max-width:640px){ .Floor001201 li h3{ font-size:16px;} .Floor001201 li p{ display:none;} } @media(max-width:480px){ .Floor001201 li{ padding:3% 0;} .Floor001201 li span{ display:none;} .Floor001201 li figure{ padding-bottom:60%;} .Floor001201 li h3{ font-size:14px;} } @keyframes hover001201{ 0%{ background-position:left top; opacity:0;} 50%{ background-position:right top;opacity:0.5;} 100%{ background-position:center top; opacity:1;} } @-moz-keyframes hover001201{ 0%{ background-position:left top; opacity:0;} 50%{ background-position:right top;opacity:0.5;} 100%{ background-position:center top; opacity:1;} } @-webkit-keyframes hover001201{ 0%{ background-position:left top; opacity:0;} 50%{ background-position:right top;opacity:0.5;} 100%{ background-position:center top; opacity:1;} } /* .PicList002273 为demo编号 */ .PicList002273{padding:4% 0;} .PicList002273 .left img{width: 100%;height: 173px;} .PicList002273 .right .time{font-size: 12px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;} .PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .p{color: #999;font-size: 14px;} .PicList002273 ul li{margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;} @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;overflow: hidden;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{background:#eef0f1;} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li:hover{border: 1px solid #027bd6;box-shadow: 0px 0px 30px #ccc;} .PicList002273 ul li{background:#eef0f1;position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} } @media screen and (min-width:1200px ) { .PicList002273 .left{float: left;margin-right: 50px;} .PicList002273 .right{float: left;width:63%;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#027bd6; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /* .PicList001200 为demo编号 */ .PicList001200{padding: 4% 0;} .PicList001200 li{ padding:10px; border:1px solid #ebebeb; margin-bottom:2%;} .PicList001200 li a{ display:block; position:relative; padding-left:27%;padding-right:10%;} .PicList001200 li a::after{ position:absolute; content:''; width:33px; height:33px; background:url(../images/PicList001200-more.png) no-repeat left top; right:3%; top:50%; margin-top:-16px;} .PicList001200 li figure{ position:absolute; left:0; top:0; height:100%; width:23.9%;} .PicList001200 li div{ position:relative; padding-right:5%; padding-bottom:2%;} .PicList001200 li div::before, .PicList001200 li div::after{ position:absolute; content:''; } .PicList001200 li div::before{width:1px; height:70%; top:15%; background-color:#ebebeb; right:0;} .PicList001200 li div::after{ width:7%; height:1px; background-color:#027bd6; bottom:10%; left:-9%; z-index:2;} .PicList001200 li h3{ margin:0; font-size:18px; padding:3% 0 0 0; font-weight:normal; color:#333;} .PicList001200 li p{ margin:3% 0 0 0; color:#969696; line-height:28px; height:135px; overflow:hidden; font-size:14px;} .PicList001200 li time{ position:absolute; left:0; bottom:5%; color:#969696;} .PicList001200 li:hover{ border-color:#027bd6; box-shadow:0 5px 5px #eee;} .PicList001200 li:hover a::after{ background-position:left bottom;} @media(max-width:640px){ .PicList001200 li p{line-height:22px; height:44px; } .PicList001200 li time{ font-size:12px;} } @media(max-width:480px){ .PicList001200 li div::before, .PicList001200 li a::after{ display:none;} .PicList001200 li div, .PicList001200 li a{padding-right:0;} .PicList001200 li a{ padding-left:40%;} .PicList001200 li figure{ width:37%;} } /* .RighInfo001277 为demo编号 */ .RighInfo001277{ padding:4% 0;} .RighInfo001277 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo001277 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo001277 .big_img li, .RighInfo001277 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo001277 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo001277 .list{ padding:42px 0 42px 82.9%;} .RighInfo001277 .list .bd{ position:relative;} .RighInfo001277 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo001277 .list a.prev{ top:0;} .RighInfo001277 .list a.next{ bottom:0; background-image:url(../images/RighInfo001277-btn_next.png);} .RighInfo001277 .list a.prevStop, .RighInfo001277 .list a.nextStop{ cursor:default;} .RighInfo001277 .list li{ height:130px; position:relative;} .RighInfo001277 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo001277 .list li.on figure{ border:2px solid #027bd6;} .RighInfo001277 .right_info{ float:right; width:39.2%;} .RighInfo001277 .right_info h1, .RighInfo001277 .right_info h3, .RighInfo001277 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo001277 .right_info h1{ padding:7% 0; color:#027bd6; font-size:26px; } .RighInfo001277 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo001277 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo001277 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#027bd6; transition:0.4s;} .RighInfo001277 .right_info a:hover{ background-color:#027bd6; color:#fff;} .RighInfo001277 .tab{ padding:3% 0;} .RighInfo001277 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo001277 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo001277 .tab .h1_tab span.on{ background-color:#027bd6; color:#fff;} .RighInfo001277 .tab .info{ padding-top:3%;} .RighInfo001277 .tab .info h3{font-size: 22px; color: #444;} .RighInfo001277 .tab .info .p{font-size: 16px; color: #888; line-height: 30px;} .RighInfo001277 .tab .info img{text-align: center;padding: 2% 0;} .RighInfo001277 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo001277-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo001277 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo001277-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo001277 .list_img, .RighInfo001277 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo001277 .list li{ height:100px;} .RighInfo001277 .right_info h1{font-size:20px; } .RighInfo001277 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo001277 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo001277 .list a{ height:28px;} .RighInfo001277 .list li{ height:80px;} .RighInfo001277 .tab .h1_tab{ font-size:14px;} .RighInfo001277 .tab .h1_tab span{ padding:0 3%;} } /* .TextList001230 为demo编号 */ .TextList001230{ padding:4% 0;font-size:12px;} .TextList001230 li{border-bottom: 1px dotted #ddd;padding: 20px 60px 20px 0; overflow:hidden; position:relative;} .TextList001230 li time{ text-align:center; float:left;line-height: 24px; width:68px; margin-right:15px; border-radius:5px; background-color:#0755a7; color:#fff;} .TextList001230 li time span{line-height: 44px;display: block;font-size: 30px;color: #0755a7; background-color:#e2e2e2;border-radius:5px 5px 0 0;} .TextList001230 li a{ position:absolute; right:0; padding-top:25px; height:24px; top:50%; margin-top:-25px; background:url(../images/TextList001230-icon.png) no-repeat center top;} .TextList001230 li p{ margin:0; font-size:16px; line-height:24px; color:#888; margin-bottom: 10px;} .TextList001230 li p span{ color:#bbb; font-size: 14px;margin-top: ;} .TextList001230 li p span i{ font-style:normal; color:#027bd6;} /* .Form001518 为demo编号 */ .Form001518{ padding:4% 0;} .Form001518 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:5%; background:url(../images/Form001518_tit.png) no-repeat left center/contain; } .Form001518 .title:before{ position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434; } .Form001518 dl dt{ padding:3% 0; color:#027bd6; font-size:16px; } .Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:5px; position:relative;} .Form001518 dd li:nth-child(3n+1){ margin-right:0;} .Form001518 dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;} .Form001518 dd select{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;text-indent:3em;} .Form001518 dd li label{ position:absolute; left:5px; top:0; line-height:46px; } .Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;} .Form001518 dd textarea.text{height:220px;} .Form001518 .btn{ margin: 2% 0; cursor: pointer;border-radius: 5px;background: #027bd6;color: #fff; height: 37px;border: none; font-size:18px; width:40%; max-width:200px;} @media(max-width:768px){ .Form001518 dd li{ float:none; width:auto; margin-right:0 !important;} } @media(max-width:480px){ .Form001518 .title{ font-size:24px;} } /* .Floor000905 为demo编号 */ .Floor000905{ padding: 4% 0 1% 0;} .Floor000905 .auto{ position:relative; padding-top:4%; padding-bottom:4%; overflow:hidden;background-color:#f9f9f9;} .Floor000905 .title{ font-size:34px; line-height:62px; background:url(../images/Floor000905-titbg.png) no-repeat left center; background-size:contain; color:#343434; padding-bottom:3%; position:relative; margin-left: 2%;} .Floor000905 .title::before{ position:absolute; content:''; width:32px; height:3px; background-color:#343434; left:0; bottom:0;} .Floor000905 figure{ padding-right:58%; font-size:16px; margin-left: 2%;} .Floor000905 figure .tips{ padding:10% 0;} .Floor000905 figure li{ line-height:25px; margin-bottom:20px; padding-left:30px; background:url(../images/Floor000905-icon1.png) no-repeat left 3px; margin-left: 2%;} .Floor000905 figure li:nth-child(2){ background-image:url(../images/Floor000905-icon2.png);} .Floor000905 figure li:nth-child(3){ background-image:url(../images/Floor000905-icon3.png);} .Floor000905 figure li:nth-child(4){ background-image:url(../images/Floor000905-icon4.png);} .Floor000905 .job{background:url(../images/Floor000905-bg.jpg) no-repeat center center; background-size:cover;} .Floor000905 .job a:hover{ background-color:rgba(40,63,148,0.8); color:#fff;} .Floor000905 .job h2{ font-size:22px; margin:0;} .Floor000905 .job p{ margin: 20px 0; line-height:25px;} .Floor000905 .job span{ background:url(../images/Floor000905-a_more.png) no-repeat; width:38px; height:9px; display:inline-block;} @media(max-width:768px){ .Floor000905 figure{font-size:14px;} /*.Floor000905 figure .tips,*/ .Floor000905 .job p{ font-size:12px;} } @media(min-width:640px){ .Floor000905 .job{ position:absolute; right:0; top:0; width:44.5%; height:100%;} .Floor000905 .job a{ position:absolute; height:100%; width:50%; left:0; top:0; padding-left:5%; padding-top:50%;} } @media(max-width:640px){ .Floor000905 figure{ padding-right:0;} .Floor000905 figure .tips{ padding:20px 0;} .Floor000905 .job a{ padding:5% 0 5% 5%; display:block;} } @media(max-width:480px){ .Floor000905 .title{ font-size:24px;} } /* .TextList001824 为demo编号 */ .TextList001824{padding: 4% 0;} .TextList001824 .auto{ background-color:#fff;} .TextList001824 .list{ padding-bottom:2px;} .TextList001824 .list .dot{ font-weight:normal; margin:0; color:#fff; padding:15px 45px 15px 15px; background:url(../images/TextList001824-icon_close.gif) no-repeat 98% center #6b93be; font-size:18px; cursor:pointer;} .TextList001824 .list .dot#on{ background-image:url(../images/TextList001824-icon_open.gif); background-color:#027bd6;} .TextList001824 .list .con{ display:none; padding:20px 0; } .TextList001824 .list .info{font-size:12px;} .TextList001824 .list .date{ line-height:40px; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px;} .TextList001824 .list .date dt{ color:#999;} .TextList001824 .list .date dd{ color:#000;} .TextList001824 .list .date dd span{ color:#027bd6;} .TextList001824 .apply{border-bottom:1px solid #e5e5e5; padding:50px 0;} .TextList001824 .apply a{ display:inline-block; width:40%; max-width:150px; height:40px; line-height:40px; background-color:#027bd6; border-radius:4px; font-size:18px; color:#fff; text-align:center;} @media(max-width:1000px){ .TextList001824 .content{ padding:2% 0;} } @media(max-width:480px){ .TextList001824 .list .dot{font-size:16px; padding:10px 30px 10px 10px;} .TextList001824 .apply a{font-size:16px;} } /*新闻详情*/ .SubPage{padding:3% 0 5% 0;} .Titleinfo{ color:#666; padding:0px 0px 24px 0px; line-height:20px; margin-bottom:25px; text-align:center; border-bottom:1px dashed #e6e6e6;} .Titleinfo .tit{ font-size:28px; color:#333; padding-bottom:18px;} .Titleinfo .date{font-size:14px;color:#999;} .Titleinfo .date i{ margin:0px 12px; display:inline-block;font-style: normal;} .Shares1,.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:top;} .SinglePage{word-wrap:break-word;font-size:15px;line-height:28px;color:#6e6e6e;} .SinglePage p{margin-top:30px; text-indent: 2em;} .SinglePages p{margin-bottom:30px;margin-top:0px;} .PrevNextBox {margin:50px 0 0 0;position:relative; color:#666;border-top:1px solid #eee;padding-top:50px;} .PrevNextBox dl{ width:49%;background:#fff;float:left;height:60px;line-height:60px;font-size:16px;color:#666;text-align:center;overflow:hidden;border:1px solid #eee;} .PrevNextBox dl:nth-child(2n){float:right;} .PrevNextBox dl span{color:#000} .PrevNextBox dl:hover{background:#027bd6;} .PrevNextBox dl:hover a,.PrevNextBox dl:hover span{color:#fff;} .PrevNextBox dl div{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;padding:0 20px;box-sizing:border-box;color:#6e6e6e; font-size: 15px;} @media (max-width: 998px){ .SinglePage{font-size:14px;line-height:26px;} .SubPage{padding:30px 0;} .videoinfo{width:100%;} } @media ( max-width:640px){ .Titleinfo{ padding-bottom:15px; margin-bottom:15px;} .Titleinfo .tit{ font-size:18px; padding-bottom:10px;line-height:24px;} .PrevNextBox dl{ width:auto; line-height:35px; height:35px;font-size:14px; text-align:left;margin-bottom:10px;} .PrevNextBox dl div{max-width:100%; margin:0px auto;} .PrevNextBox dl.fl{ float:none;} .PrevNextBox dl.fr{ float:none;} .Shares1{margin-top:10px;} .PrevNextBox{margin-top:20px;padding-top:20px;} .SinglePage p{margin-top:10px;} .SinglePages p{margin-bottom:10px;margin-top:0px;} } /*Map002134 */ .Map002134{ padding-bottom:3%;} .Map002134 .column{ text-align:center; font-size:18px; color:#027bd6; padding:2% 0; line-height:20px;} .Map002134 .column:after{ display:block; content:''; width:100%; height:1px; background:#027bd6; margin-top:-10px;} .Map002134 .column span{ display:inline-block; padding-left:30px; background:url(../images/Map002134-title_l.png) no-repeat left center #fff;} .Map002134 .column span b{ display:inline-block; padding-right:30px; background:url(../images/Map002134-title_r.png) no-repeat right center; font-size: 26px;} .Map002134 .tips{ text-align:center; padding-bottom:2%;} .Map002134 .map{ float:left; width:65%; margin-left:3%; text-align:center;} .Map002134 .select_area{ float:left; width:20.4%; padding-top:5%;} .Map002134 .select_area dl{ position:relative; margin-bottom:10%;} .Map002134 .select_area dt{ line-height:37px; border:1px solid #dedede; padding:0 30px 0 15px; background:url(../images/Map002134-icon_sel.gif) no-repeat 96% center; cursor:pointer;} .Map002134 .select_area dd{ position:absolute; left:0; width:100%; background:#fff; top:100%; z-index:10;border:1px solid #dedede; border-top:0; display:none; } .Map002134 .select_area dd a{ display:block; padding:0 10px; line-height:30px;} .Map002134 .select_area dd a:hover{ background-color:#ececec;color:#027bd6;} .Map002134 .select_area .text{ width:100%; line-height:37px;height:37px;border:1px solid #dedede;padding:0 15px; color:#999; margin-bottom:10%;} .Map002134 .select_area .btn{ cursor:pointer; border:none; background:#027bd6; color:#fff; width:100%; max-width:109px; height:39px;} .Map002134 .time{ background:#efefef; padding:20px; color:#333; margin-top:2%;} .Map002134 .table td{ border:1px solid #efefef; text-align:center; padding:1.5% 10px; font-size: 16px;} .Map002134 .table .tr_top td{ font-weight:bold;color:#333; font-size: 16px;} .Map002134 .table td.td_0{ width:18%;} .Map002134 .table td.td_1{ width:15%;} .Map002134 .table td.td_2{ width:16%;} .Map002134 .table td.td_3{ width:26%;} .Map002134 .table td.td_4 a{ color:#027bd6;} .Map002134 .open_map{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .Map002134 .map_area{ position:fixed; width:80%; left:10%; top:25%; height:50%; background:#fff;} .Map002134 .map_area #allmap{ position:absolute; left:15px; top:15px; right:15px; bottom:15px;} .Map002134 .map_area #allmap *{ box-sizing:content-box;} .Map002134 .map_area #allmap img{ max-width:none;} .Map002134 .map_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;} .Map002134 .map_area .close::before, .Map002134 .map_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;} .Map002134 .map_area .close::before{ transform:rotate(45deg);} .Map002134 .map_area .close::after{ transform:rotate(-45deg);} @media(max-width:768px){ .Map002134 .map, .Map002134 .select_area{ float:none; width:auto;} .Map002134 .map{margin-left:0;} .Map002134 .select_area{padding:2% 0;} .Map002134 .select_area dl, .Map002134 .select_area .text{ margin-bottom:2%;} } @media(max-width:640px){ .Map002134 .table .tr_top{ display:none;} .Map002134 .table td{ display:block; width:auto !important; text-align:left; background-color:#efefef;} .Map002134 .table tr:nth-child(2n) td{ background-color:#fff;} .Map002134 .table td.td_0{ font-weight:bold; color:#000;} } @media(max-width:375px){ .Map002134 .map_area{width:96%; left:2%;} .Map002134 .map_area #allmap{ left:5px; top:5px; right:5px; bottom:5px;} } /* .Tab001 为demo编号 */ .Tab001{ padding:4% 0;} .Tab001 .tab_li{ padding-bottom:20px; overflow:hidden; clear:both;} .Tab001 .tab_li span{ float:left; padding:10px 20px; line-height:32px; background-color:#d8d8d8; color:#000; font-weight:bold; margin-left:4px; cursor:pointer;font-size: 18px;} .Tab001 .tab_li span.active{ background-color:#027bd6; color:#fff;} .Tab001 .tab_info .info p{line-height: 28px; color: #888;font-size: 16px;} /* .TextList000962 为demo编号 */ .TextList000962{ padding:2% 0;} .TextList000962 li{ float:left; width:49%; margin-right:2%; border:1px solid #e7e7e7; line-height:44px; margin-bottom:2%; position:relative;} .TextList000962 li::before{ position:absolute; content:''; width:1px; height:60%; background-color:#e7e7e7; top:20%; right:110px;} .TextList000962 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .TextList000962 li:nth-child(2n){ margin-right:0;} .TextList000962 li p{ margin:0; border-left:4px solid #f5f5f5; padding:16px 10px;font-size: 16px; color: #888;} .TextList000962 li span{ float:right; margin-top:16px; color:#9f9f9f;} .TextList000962 li span.name{ width:85px; color:#343434; background:url(../images/TextList000962-a.png) no-repeat left center; padding-left:30px; margin-left:50px;} .TextList000962 li:hover{ border:1px dashed #027bd6;} .TextList000962 li:hover p{ color:#027bd6;} .TextList000962 li:hover span.name{ background-image:url(../images/TextList000962-aon.png); color:#027bd6;} @media(max-width:768px){ .TextList000962 li{ float:none; width:auto; margin-right:0;} .TextList000962 li span.name{ width:70px;margin-left:30px;} .TextList000962 li::before{right:85px;} .TextList000962 li p{padding:10px;} .TextList000962 li span{margin-top:10px;} } /* .PicList000593 为demo编号 */ .PicList000593{ padding:4% 0 2% 0;} .PicList000593 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList000593 li:nth-child(3n){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -3px;margin-top: -12px;} .PicList000593 li p{text-align:center;font-size: 16px; color: #888;} @media(max-width:768px){ .PicList000593 li{width:49%; margin-right:2%;} .PicList000593 li:nth-child(3n){ margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding:3% 0;} .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:5%; width:30%; } .PicList002239 li:nth-child(3n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px; padding-right:114px; line-height:50px;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 li dt{font-size: 16px; color: #027bd6;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } /* add2020-8-4 */ .Top002703 .header-menu li {position: relative;} .Top002703 .header-menu li .sub{ width:150%; left:-22%; overflow:hidden;z-index:999;background:rgba(255,255,255,0.8); } .Top002703 .header-menu li .sub-menu{ padding:10px; text-align:center;} .Top002703 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;} .Top002703 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002703 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002703 .header-menu li .sub-menu dt a:hover{ background:none; color:#027bd6; } .Menu002147_1 .auto{width:1600px;} @media(max-width:1600px){ .Menu002147_1 .auto{width:96%;} } .Menu002147_1 li{padding:0;float:none;text-align: center;} .Menu002147_1 li::after{display: none;} .Menu002147_1 li a:after{width:60%;left:50%;margin-left:-30%;} .Menu002147_1 .owl-dots{display: none;} .Menu002147_1 .owl-nav button{position: absolute;top:50%;width:40px;height:40px;border-radius: 50%;background:#ccc !important;text-align: center;line-height: 37px !important;margin-top:-20px;} .Menu002147_1 .owl-nav button span{font-size: 30px;font-weight: lighter;} .Menu002147_1 .owl-nav button.owl-prev{left:-20px;} .Menu002147_1 .owl-nav button.owl-next{right:-20px;} .Menu002147_1 .owl-nav button:hover{background:#027bd6 !important;} .Menu002147_1 .owl-nav button:hover span{color:#fff;} @media(max-width:1024px){ .Top002703 #header-menu li{width:100%;box-sizing: border-box;} .Top002703 #header-menu.header-menu-show{ right:0;} .Top002703 #header-menu li em, .Top002703 #header-menu li em a{ border-bottom:0;} .Top002703 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002703 #header-menu li em a{ font-weight:normal;} .Top002703 #header-menu li.has-sub em a{ background:url(../images/Top002262-icon.png) no-repeat 95% center;} .Top002703 #header-menu li.clickon em a{ background-image:url(../images/Top002262-icon_up.png);} .Top002703 #header-menu li .sub-menu{ padding:5%;} .Menu002147_1 ul{padding:0 30px;} .Menu002147_1 .owl-nav button.owl-prev{left:-5px;} .Menu002147_1 .owl-nav button.owl-next{right:-5px;} } @media(max-width:992px){ /*.Bottom002743 nav{display: none;}*/ .Menu002147_1 li{width:100%;} .Menu002147_1 .owl-nav button{width:30px;height:30px;margin-top:-15px;line-height: 27px !important;} } @media(max-width:768px){ .RighInfo001277 .tab .h1_tab{margin-left:-2%;} .RighInfo001277 .tab .h1_tab span{width:48%;margin-right:0;margin-left:2%;box-sizing: border-box;text-align: center;margin-bottom:5px;} .PicList002273 .left img{width:auto;max-width:none;} .Menu002147_1 li{width:100%;} .Bottom002743 .contact{max-width:100%;margin-top:30px;float:none;width:100%;} .Floor002140 .tab_list dt{width:100%;} .Floor002140 .tab_list dd{width:100%;} .PicList001200 li figure.Ispic{background-size: 100%;} } @media(max-width:640px){ .Top002703 .top-left{width:40%;} .PicList002273 .left img{width:100%;height:auto;} .Menu002147_1 li{width:100%;} .Tab001 .tab_li span{padding:10px;line-height: 30px;font-size: 16px;font-weight: normal;} } @media (max-width: 480px){ .Top002703 {padding-top:0;} .Top002703 .top-right{padding-top:17px;} .Menu002147_1 li{width:100%;} .PicList002239 li dd{display: none;} .PicList002239 li dl{padding-right:0;} .Other002539 .icon{width:40px;height:40px;background:url(../images/Other002539-icon.png) no-repeat left -4px top -4px #027bd6;} .Other002539 .li_sina .icon{background-position: -4px -50px;} .Other002539 .icon.gettop{background-position: -4px 100%;} .Other002539 .li_tel .icon{ background-position:-4px -100px;} .Other002539 .li_feedback .icon{ background-position:-4px -147px;} .Other002539 ul li figure{right:40px;} .Other002539 .li_wx figure{width:90px;} .Other002539 .li_tel figure{line-height: 40px;padding:0 10px;font-size: 14px;} .Floor002732 .slider li .icon img{width:50px;height:50px;} .Floor002732 .slider li h2{font-size: 15px;height:38px;font-weight: normal;} .Floor002732 .slider li a{height:auto;} } /*新导航*/ .top-2{float: right; padding-top: 0px; width: 44%;margin-right:4%;} #nav-new{height: 45px; margin-top: 26px; float: left;} #nav-new ul{float: left; /*margin-left: 50px;*/} #nav-new ul li{/*position: relative;*/ float: left; list-style:none;} #nav-new ul li a{display: inline-block; padding: 0 13px; height: 100px; color: #333; line-height: 45px; font-size: 16px; /*border-top: 3px solid transparent; */box-sizing: border-box; /*border-radius: 2px 2px 0 0;*/} #nav-new ul li.on a,#nav-new ul li a:hover{color: #027bd6;font-weight:bold; } /* 每个li下面的内容 */ #nav-new .nav-content{width: 100%; position: absolute;top:100px;left: 0; z-index: 99; display: none; background-color: #f4f4f5;} #nav-new .nav-content ul{text-align:center; width: 900px; display: block; position: relative; background-color: #f4f4f5;} #nav-new .nav-content table{padding-top:40px; clear: both; font-size: 14px; position: relative; width: 900px; border-collapse: collapse; background-color: #f4f4f5;} #nav-new .products{padding:40px 0;} #nav-new .nav-content table tr td{text-align:left; height: 50px; line-height: 50px; font-size: 12px;/* border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/} #nav-new .nav-content table tr td a{font-size: 14px;height:45px;transition:all .5s linear;} #nav-new .nav-content table tr td a:hover{border: none; background: none;font-weight:bold;} #nav-new .nav-content table tr td:first-child{/*border: 1px solid #cccccc;*/ padding: 0 20px;} #nav-new .nav-content table tr td:last-child{/*border-right: 1px solid #cccccc;*/} #nav-new .nav-content ul li{float:left; padding: 30px 0; margin-left: 0;text-align:center;} #nav-new .nav-content ul li a{display: inline-block; border: none;} #nav-new .nav-content ul li a > i{display: block; width: 100%; text-align: center; font-size: 50px;} #nav-new .nav-content ul li a > span{display: block; width: 100%; text-align: center; font-size: 14px;} #nav-new .nav-content ul li a:hover{background-color: inherit; color: #027bd6;font-weight:bold;} /*#nav-new ul li:last-child ul li{float:right;}*/ #nav-new .nav-content ul li img{transition:all .5s linear;} #nav-new .nav-content ul li:hover img{transform:translateY(-10px);} /*#nav-new ul li#m5 ul,#nav-new ul li#m7 ul{left:740px!important} #nav-new ul li#m6 ul{left:840px!important}*/ #nav-new ul li#m2 li:first-child{margin-left:-100px;} #nav-new ul li#m3 li:first-child{margin-left:100px;} #nav-new ul li#m4 li:first-child{margin-left:-85px;} #nav-new ul li#m5 li:first-child{margin-left:250px;} #nav-new ul li#m6 li:first-child{margin-left:320px;} #nav-new ul li#m7 li:first-child{margin-left:520px;} @media (max-width: 1440px){ #nav-new ul li a{padding:0 5px;} .top-2{margin-right:3%;} #nav-new ul li#m7 li:first-child{margin-left:420px;} } /* 底部固定导航 */ .bottom-fixed{position: fixed;width:100%;line-height: 50px;background:#027bd6;bottom:0;left:0;display:none;z-index:999;} .bottom-fixed ul::after{content:'';display: block;clear: both;} .bottom-fixed ul li{float:left;width:50%;text-align: center;border-left:1px solid rgba(255,255,255,0.3);box-sizing: border-box;list-style:none;} .bottom-fixed ul li a{color:#fff;} .bottom-fixed ul li img{vertical-align: middle;} @media (max-width: 1024px){ .Top002703 .top-mid,.bottom-fixed{display:block;} .top-2{display:none;} body{padding-bottom:52px;} } /* 产品中心 */ .video{float: left;width:62%;height: 450px;} /* .Floor001115{padding-bottom: 3%;} */ .video video{width: 100%;height:100%;} .cp_right{width:33%;float: right;height: 450px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:9;overflow: hidden;} .cp_right h2{background: #027bd6;color: #fff;font-size: 18px;height: 45px;line-height: 45px;padding: 0 10px;margin: 0;border-radius: 5px;font-weight: normal;} .cp_right h2 a{float: right;color: #fff;font-size: 12px;} .Floor001115 .column-name span{position: relative;} .Floor001115 .column-name span::after{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;left: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor001115 .column-name span::before{width: 50px;height: 2px;background: #027bd6;display: block;position: absolute;right: -50%;content: "";top:50%;transform: translateY(-50%);} .Floor001115{padding:2.5% 0 3.5% 0;background-repeat:no-repeat;background-position:center center;background-size: cover; overflow: hidden;} .Floor001115 .auto{padding: 0!important; width: 96%; } .Floor001115 .column-name{ text-align: center; padding: 35px 0; font-size: 30px; font-weight: bold;} .Floor001115 .column-name .cn{color: #027bd6; letter-spacing: 1px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .cp_right li{list-style: none;font-size: 14px;color: #333;line-height: 40px;background: url(../images/caret1.png) no-repeat left center; padding-left: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cp_right ul{margin-top: 20px;} @media (max-width:1024px) { .video{width: 50%;height: auto;} .cp_right{width: 45%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;height: auto;} .cp_right li{line-height: 30px;} } @media (max-width:640px) { .video{width: 100%;} .cp_right{width: 100%;} }