@charset "utf-8"; @charset "utf-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html,body{height:100%;} body{padding:135px 0 0 0; margin:0px auto; font-size:16px; line-height:30px; color:#333333; width:100%; min-width:1280px; zoom:1;font-family: Microsoft YaHei,arial, sans-serif; background:#fff;} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Microsoft YaHei,arial, sans-serif;} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/} button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/} textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ max-width:100%; border:none; border:0; vertical-align:top;} a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#295eb0;} /**:hover{transition: all ease 0.3s;}*/ .auto_1680{ max-width:1680px;} @media(max-width:1680px){.auto_1680{ padding:0 2%;}} /*input字体*/ :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #d9d9d9; text-indent:1em; /*很关键：将默认的select选择框样式清除*/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(../images/selectarr.png) no-repeat scroll 95% center transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display: none; } /*网页滚动条*/ ::-webkit-scrollbar{ width: 6px; height:6px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} ::-webkit-scrollbar-track{ background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #58504a;} ::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} /*公用样式*/ .fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center !important;} .hide{ display:none;} .block{ display:block;} .clear{ clear:both;} /* .clearfix{overflow:hidden;_zoom:1;} */ .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .clearfix{*zoom:1;}.relative{ position:relative;} .bodyon{ overflow:hidden;} .Contain{ z-index:1; position:relative; clear:both; max-width:1400px; margin:0px auto;} /*font*/ .f_gray{ color:#333333;} .iconfont{ font-size:24px; vertical-align:middle;} .tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;} .p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} @media ( max-width:1440px){ .Contain{max-width:90%;} } @media ( max-width:1024px){ .iconfont{ font-size:18px;} body{ font-size:14px; padding-top:45px; line-height:24px;min-width:300px;} .Contain{max-width:none; margin:0 15px;} select,input,textarea,button{ font-size:14px;} } /*Top002434*/ .Top002434 {position:relative; z-index: 100; background: #fff;box-shadow: 0 3px 52px rgba(0,0,0,.19);} .top_new1{position:absolute;width: 100%;left: 0;top: 0;} .Top002434 .header{ height:70px;} .Top002434 .header-left{ float:left; height:100%; position:relative; width:20%;} .Top002434 .logo{ position:absolute; left:0; top:50%; transform:translateY(-50%);max-width:190px;} .Top002434 .header-mid{ float:left; width:65%;} .Top002434 .header-menu li{width: 11% !important;} .Top002434 .header-menu li em a{ font-size:15px; display:block; line-height:70px; position:relative;font-weight: bold;color: #303e48;} .Top002434 .header-menu li:hover em a::before, .Top002434 .header-menu li.aon em a::before{ width:100%;} .Top002434 .header-menu li:hover em a, .Top002434 .header-menu li.aon em a{ color:#295eb0;} .Top002434 .header-menu li .sub{ width:205px; overflow:hidden;} .Top002434 .header-menu li .sub-menu{ padding:30px 0; background:rgba(228, 241, 255, 0.61);} .Top002434 .header-menu li .sub-menu dt{ padding:0 17px; position:relative;} .Top002434 .header-menu li .sub-menu dt::before{ position:absolute; content:''; width:0; height:14px; background:#295eb0; left:0; top:50%; margin-top:-7px; transition:0.3s;} .Top002434 .header-menu li .sub-menu dt:hover::before{ width:8px;} .Top002434 .header-menu li .sub-menu dt a{ border-bottom:1px solid #e7e7e7; line-height:40px; background:url(../images/Top002434-icon_a.png) no-repeat left center; color:#999;} .Top002434 .header-menu li .sub-menu dt:last-child a{ border-bottom:0;} .Top002434 .header-menu li .sub-menu dt a:hover{ color:#295eb0;} .Top002434 .header-menu li.has-sub:hover .sub{ height:auto;} .Top002434 .header-right{ float:right; padding-top:20px; } .Top002434 .header-right > *{ float:left; line-height:28px;position:relative; height:43px;} .Top002434 .search_box{ position:absolute; right:0; top:100%; display:none;} .Top002434 .search_box{ box-shadow:0 3px 9px 0 rgba(0,0,0,.15); border:1px solid #fff; border-top:0; width:254px; background:rgba(0,0,0,0.2);} .Top002434 .search_box .text{ width:100%; line-height:48px; height:48px; padding:0 48px 0 10px; background:none; border:none; color:#fff;} .Top002434 .search_box .btn{ position:absolute; right:0; line-height:48px; width:48px; text-align:center; color:#999; font-size:16px; top:0;} .Top002434 .search_box::after{ position:absolute; content:''; border:8px solid transparent; border-bottom-color:rgba(0,0,0,0.2); right:0; top:-16px;} .Top002434 .open-search{ display:block;background:url(../images/Top002652_icon_search2.png) no-repeat center center;border: 1px solid rgba(0,0,0,0.3);width: 35px;height: 35px;border-radius:100%;} .Top002434 .top-language dd{width: 35px;height: 35px;display: inline-block;border-radius: 100%;border: 1px solid rgba(0,0,0,0.3);text-align: center;line-height: 35px;margin-left: 10px;font-size: 16px;} .Top002434 .top-language dd a{color:#303e48} .Top002434 .top-language dd:hover{background: #295eb0;} .Top002667 .top-language{ margin-left:37px;} .Top002434 .top-language span{margin-left: 10px; display:block; background:url(../images/Top002434_icon_gobal.png) no-repeat center center;border: 1px solid rgba(0,0,0,0.3);width: 35px;height: 35px;border-radius:100%;} .Top002434 .top-language span::after{ display:inline-block; content:''; vertical-align:middle; width:9px; height:5px; background:url(../images/Top002434_icon_down) no-repeat; margin-left:10px;} .Top002434 .top-language figure{ display:none; position:absolute; left:-150%; width:380%; top:100%; background:#a9cf52;padding: 10px 0; } .Top002434 .top-language figure a{ display:block; line-height:30px; color:#fff; text-align: center;} @media(max-width:1366px){ .Top002434 .top-language figure{ right:0; left: auto;} } @media(max-width:1024px){ .top_new{display: none;} .Top002434 .open-search{ width:28px; height:28px; background-size: 50%; } .Top002434 .top-language span{width:28px; height:28px; background-size: 50%; } .Top002434 .header-left{ width:30%;} .Top002434 .header-right{ padding-right:50px;} .Top002434 #open_menu{ height:30px;border-radius:0; top:15px; border:none;} .Top002434 #open_menu i, .Top002434 #open_menu i::before, .Top002434 #open_menu i::after{ background:#295eb0;} .Top002434 #open_menu.open_menu_on{ top:10px;} .Top002434 #header-menu ul{ background:#295eb0; padding-left:0; padding-right:0;} .Top002434 #header-menu li{ padding:0 5%;} .Top002434 #header-menu li em, .Top002434 #header-menu li em a{ border-bottom:0;} .Top002434 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002434 #header-menu li em a{ font-weight:normal;} .Top002434 #header-menu li.clickon em a{ background:none;} .Top002434 #header-menu li.clickon{ padding-bottom:5%;} .Top002434 #header-menu li .sub-menu dt:last-child a{ border-bottom:0;} .Top002434 #header-menu li .sub-menu dl{ background:rgba(255,255,255,0.5); border-radius:5px;} } /*effict*/ .Scale-img {overflow: hidden;cursor: ; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;} .imgbox img{ width:auto !important; max-height:100%;} /* .Top001638 为demo编号 */ .Top001638{position:relative;z-index: 100; padding:30px 0;} .Top001638 .auto{ position:relative; z-index:10; max-width:1680px;} .Top001638 .header-right{ position:absolute; right:0;} .Top001638 nav{ max-width:1000px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .Top001638 .header-right{ right:0; top:50%; margin-top:-18px; color:#fff;} .Top001638 .header-right > *{ float:left; position:relative; line-height:36px;} .Top001638 .language a{ width: 35px; height: 35px; border: 1px solid rgba(0,0,0,0.1); color:#303e48; text-align:center; display: block; border-radius: 50%; float: left; margin-left: 10px;} .Top001638 .language a:hover{ background:#295eb0; color:#fff;} .Top001638 .open-search{ width:35px; height:35px; background:url(../images/Top002652_icon_search2.png) no-repeat center center; display:block; border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;} .Top001638 .search-box{ position:absolute; right:0; top:0; width:600%; opacity:0.5; border-bottom:1px solid rgba(0,0,0,0.1); display:none;color:#303e48;} .Top001638 .search-box .text{ background:none; border:none; width:100%; padding:0 36px 0 0; height:36px; line-height:36px; color:#303e48;} .Top001638 .search-box a{ position:absolute; right:0; top:0; height:100%; width:36px;} @media(max-width:1200px){ .Top001638 .header-right{ right:2%;} } @media(min-width:1025px){ .Top001638{position:fixed; left:0; width:100%;transition:0.3s;} .Top001638 .logo img{ transition:0.5s; height:65px;} .Top001638 .logo img.logo{ display:none;} .Top001638 .language a{ color:#fff; border: 1px solid rgba(255,255,255,0.3);} .Top001638 .open-search{ background-image:url(../images/Top002652_icon_search.png); border: 1px solid rgba(255,255,255,0.3);} .Top001638 .search-box{ border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;} .Top001638 .search-box .text{ color:#fff;} .Top001638 nav{ width:100%;transition:0.4s; display:none;} .Top001638 nav li{ float:left; text-align:center; width:11.11111%;} .Top001638 nav li a{ display:inline-block; font-size:15px; color:#303e48; font-weight:bold;} .Top001638 nav li dl, .Top001638 nav li span{ display:none;} .Top001638 nav li a:hover{ color:#295eb0;} .Top001638_fixed{ background:#fff;box-shadow: 0 3px 52px rgba(0,0,0,.19);} .Top001638_fixed nav{ display:block;} .Top001638_fixed .logo img.white{ display:none;} .Top001638_fixed .logo img.logo{ display:block;} .Top001638_fixed .language a{ color:#303e48; border: 1px solid rgba(0,0,0,0.1);} .Top001638_fixed .open-search{ background-image:url(../images/Top002652_icon_search2.png); border: 1px solid rgba(0,0,0,0.1);} .Top001638_fixed .search-box{ border-bottom:1px solid rgba(0,0,0,0.1);color:#303e48;} .Top001638_fixed .search-box .text{ color:#303e48;} } @media(max-width:1024px){ .Top001638 .moblie-menu{ width:48px; height:34px; position:absolute; right:2%; top:50%; margin-top:-17px;border:1px solid #ccc;border-radius:5px;} .Top001638 .moblie-menu span, .Top001638 .moblie-menu span::after, .Top001638 .moblie-menu span::before{ position:absolute;height:3px; background-color:#999; border-radius:3px;} .Top001638 .moblie-menu span{ width:70%; left:15%; top:50%; margin-top:-1.5px;} .Top001638 .moblie-menu span::after, .Top001638 .moblie-menu span::before{ content:'';width:100%; left:0;} .Top001638 .moblie-menu span::after{ top:-9px;} .Top001638 .moblie-menu span::before{ bottom:-9px;} .Top001638 .logo img{ height:52px;} .Top001638 nav{position:absolute; width:100%; left:0; background-color:#2078da; z-index:10; border-top:1px solid #ccc; top:100%; display:none;} .Top001638 nav li{border-bottom:1px solid #3A94F7; box-shadow:0 1px 1px #0053AF;} .Top001638 nav li span, .Top001638 nav li a{ line-height:3em; display:block; padding:0 2em; font-size:1.1em; color:#fff;} .Top001638 nav li#m02 > a, .Top001638 nav li#m04 > a, .Top001638 nav li#m07 > a{ display:none;} .Top001638 nav li span{display:block; position:relative;} .Top001638 nav li span::before{ position:absolute; content:''; right:1em; border-top:6px solid transparent;border-bottom:6px solid transparent; border-left:6px solid #fff; top:50%; margin-top:-3px;} .Top001638 nav li span.on::before{border-top:6px solid #fff;border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:0;} .Top001638 nav li dl{ display:none; background-color:#3589E7;} .Top001638 nav li dl dd{border-top: 1px solid #0050A9;border-bottom: 1px solid #5AA8FD;} .Top001638 .layer{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:none;} } .section1_top{ padding: 30px 0; width: 100%; position: absolute; top: 0; left: 0; z-index: 4;} .section1_top .logo{ float: left; width: 100% ;max-width: 190px;} .section1_top .auto_1680{ position: relative;} .section1_top .right{ position:absolute; right:0;} .section1_top nav{ max-width:1000px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .section1_top .right{ right:0; top:50%; color:#fff;} .section1_top .right > *{ float:left; position:relative; line-height:36px;} .section1_top .language a{ width: 35px; height: 35px; border: 1px solid rgba(0,0,0,0.1); color:#303e48; text-align:center; display: block; border-radius: 50%; float: left; margin-left: 10px;} .section1_top .language a:hover{ background:#295eb0; color:#fff;} .section1_top .open-search{ width:35px; height:35px; display:block; border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;} .section1_top .search-box{ position:absolute; right:0; top:0; width:600%;display:none;} .section1_top .search-box .text{ background:none; border:none; width:100%; padding:0 36px 0 0; height:36px; line-height:36px;} .section1_top .search-box a{ position:absolute; right:0; top:0; height:100%; width:36px;} .section1_top .language a{ color:#fff; border: 1px solid rgba(255,255,255,0.3);} .section1_top .open-search{ background:url(../images/Top002652_icon_search.png) no-repeat center center; border: 1px solid rgba(255,255,255,0.3);} .section1_top .search-box{ border-bottom:1px solid rgba(255,255,255,0.7);color:#fff;} .section1_top .search-box .text{ color:#fff;} .section1_top .logo .img2{ display: none;} .section1_top nav{ position: relative; display: none;} .wap-open{ display:none;} .h_pagemin .section1 .imgbg{ display: none!important;} media(max-width:1680px){ .section1_top .right{ right: 2%;} } @media(max-width:1440px){ .section1_top .logo{ max-width: 170px;} .section1_top nav li{ width: 10%;} .section1_top nav{ padding-left: 70px;} } @media(max-width:1440px){ .section1_top nav{ padding-left: 0; } } @media(max-width:1024px){ .section1_top nav{ padding-left: 0; } .section1_top{ background: #fff; box-shadow: 0 3px 52px rgba(0,0,0,.19); padding: 15px 0;} .section1_top .logo .img1{ display: none;} .section1_top .logo .img2{ display: block;} .section1_top .right{ color: #fff;} .section1_top .open-search{border: 1px solid rgba(0,0,0,0.3); background: url(../images/Top002652_icon_search2.png) no-repeat center center;} .section1_top .search-box{ border-bottom: 1px solid rgba(0,0,0,0.7); color: #333;} .section1_top .search-box .text{ color: #333;} .section1_top .language a{ color: #303e48;border: 1px solid rgba(0,0,0,0.3);} .section1_top .right{ right: 75px;} .section1_top nav li > a{ display: none!important;} .section1_top nav li#m1 > a{ display: block!important;} .wap-open{ width:48px; height:30px; margin-left:15px; display: block; position: absolute; right: 2%; top: 50%; margin-top: 2px;} .wap-open::before, .wap-open::after, .wap-open i{ position:absolute; left:auto; right: 0; top:50%; width:100%; height:4px; background:#295eb0; border-radius:4px;} .wap-open i{ margin-top:-1.5px;transition: 0.3s ease-in-out; width: 68%; right: 0; left: auto;} .wap-open::before, .wap-open::after{ content:''; transition:transform 0.3s ease-in-out; width: 68%; } .wap-open::before{ margin-top:-11px;} .wap-open::after{ margin-top:9px;left: auto; right: 0;} .wap-close i{ opacity:0;} .wap-close::before, .wap-close::after{ margin-top:-1.5px; transform:rotate(45deg);} .wap-close::after{ transform:rotate(-45deg);} .wap-open.wap-close::after{ margin-top: 0;} .wap-open.wap-close::before{ margin-top: 0;} .section1_top nav{ display:none; padding:0 2%; position:absolute; right:0; left: 0; width:100%; top:55px; background:#0996de;box-shadow:0 5px 5px rgba(0,0,0,0.1); border-radius:0 0 0 5px; float: none!important; overflow-y: auto;transform:initial;max-width:initial;} .section1_top nav li a:hover, .section1_top nav li.aon a{ color: #fff;} .section1_top nav li{ float: none; width: 100%; padding: 0;} .section1_top nav li a{ color: #fff; padding:10px 0; position: relative;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;display: block;} .section1_top li span{ position: relative; display: block;} .section1_top li span:before{ content: ''; width: 100%; height: 100%; position: absolute;left: 0; top: 0; z-index: 1;} .section1_top li:nth-child(7) span:before{ display: none;} .section1_top li:nth-child(7) span{ display: none;} .section1_top nav li:nth-child(7) a{ display: block!important;} .section1_top li dl{ position: static; background:#2cabec; padding: 0 2%; display: none;} .section1_top li dd a{ font-size: 12px;} .section1_top li dl{ margin-left: 0!important;} .section1_top nav li span{ color: #fff; padding:10px 0; position: relative;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;display: block;} .h_pagemin .section1 .cover{ letter-spacing: 2px;padding: 0 2%;} } @media(max-width:768px){ .h_pagemin .section1 .cover b{ max-width: 170px;} .h_pagemin .section1 .cover{ font-size: 16px;} .section1_top .logo{ max-width: 115px;} .section1_top .open-search{ width: 28px; height: 28px; background-size: 50%;} .section1_top .language a{ width: 28px; height: 28px; line-height: 28px; font-size: 12px;} .wap-open{ margin-top: -2px;} .section1_top .right{ right: 55px;} .section1_top nav{ top: 42px;} .h_pagemin .section1 .video_ban{ display: none;} .h_pagemin .section1 .imgbg{ display: block!important;;} } /*Top*/ .Header{ height:135px; position:fixed; width:100%; left:0; top:0 !important; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:100;} .Header .Logo{ float:left; padding-top:16px;} .Header .right{ text-align: right; float:right; padding-top:14px;} .Header .right .wxgzh { position: relative; margin-left: 34px; z-index: 180;} .Header .right .wxgzh .iconfont{color:#0b80b1; font-size: 36px;} .Header .right a .ewm{ opacity:0; visibility:hidden; max-width:none; border:1px solid #e6e6e6; background:#fff; padding:9px; z-index:100; position:absolute; left:-30px; top:60px;transition: all ease 0.3s;} .Header .right a .ewm img{ max-width:none; width:80px; height:80px;} .Header .right a .ewm:after{ content:""; position:absolute; left:50%; top:-11px; margin-left:-9px; width:18px; height:11px; background:url(../images/arrewm.png);} .Header .right .wxgzh.on .ewm{ opacity:1; visibility:visible;top:45px;} .Header .toper{ color: #007aad; line-height:41px;font-family: "BebasNeue"; font-size:30px;} .Header .toper .ico{ color:#fff; width:27px; height:27px; line-height:25px; background:#007aad; border-radius:50%; display: inline-block;text-align: center; margin:0 9px 0 37px; text-align:center;} .Header .toper .ico .iconfont{font-size: 18px;} .MainNav{ line-height:78px; height:78px;} .MainNav li{ float:left; margin-left: 90px; position:relative; z-index:100;} .MainNav span a{ position:relative; z-index:1;display:block; text-align:center; color:#000000; font-size:18px; transition: all ease 0.3s;} .MainNav span a em{ position:relative; z-index:1;} .MainNav .bg{ position:absolute; left:50%; width:0; bottom:0; height:3px; background:#007aad;transition: all ease 0.3s;} .MainNav .arr{ display:none;} .MainNav li:hover span a,.MainNav li.onnav span a{ color:#007aad; font-weight: bold;} .MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;} .NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:78px; left:0;width:150px;margin-left:-40px; line-height:33px; background:rgba(255,255,255,0.9); box-shadow:0 5px 15px rgba(0,0,0,0.2);} .NavPull.null{background:none; padding:0;} .NavPull dd{ position:relative;} .NavPull a{ color:#333; padding:0; display:block; font-size:15px; padding:4px 0;} .NavPull a:hover,.NavPull dd:hover a{ background:#007aad; color:#fff;} .openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:0; top:13px; z-index:999;} .closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);} .openbtn span{ display:block; height:3px; background:#0b80b1; border-radius:4px; margin:4px;transition: all ease 0.3s;} .openbtn.on .sp1 { -webkit-transform: translate(0, 7px) rotate(45deg) !important; -moz-transform: translate(0, 7px) rotate(45deg) !important; -ms-transform: translate(0, 7px) rotate(45deg) !important; -o-transform: translate(0, 7px) rotate(45deg) !important; transform: translate(0, 7px) rotate(45deg) !important;} .openbtn.on .sp2 { -webkit-transform: translate(0, 0) rotate(-45deg) !important; -moz-transform: translate(0, 0) rotate(-45deg) !important; -ms-transform: translate(0, 0) rotate(-45deg) !important; -o-transform: translate(0, 0) rotate(-45deg) !important; transform: translate(0, 0) rotate(-45deg) !important;} .openbtn.on .sp3 { display:none;} .Header.fix{margin-top:-135px;} @media ( max-width:1440px){ .MainNav li{ margin-left:70px;} } @media ( max-width:1366px){ .MainNav li{ margin-left:65px;} } @media ( max-width:1280px){ .Header .Contain{ width:1200px; max-width:none;} } @media ( max-width:1024px){ .Header{height:50px;top:0px !important;} .Header .Contain{ width:auto;} .Header .Logo{ padding-top:6px; width:auto;} .Header .Logo img{ height:38px;} .Header .toper{ position:absolute; right:36px;} .Header .toper .ico-bounce{ display:none;} .Header .right .wxgzh .iconfont{ font-size:24px;} .Header .right{ padding-top:7px;} .Header .right a{margin-right:8px; padding-left:15px;} .Header .openbtn{ display:block;} .Search{ padding:0 38px 0 0 !important;} .MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);} .MainNav ul{ padding-top:30px;} .MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;} .MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:28px !important; height:auto !important; height:auto; padding:8px 0 8px 5px; border:0; color:#999;} .MainNav span a:after{ display:none;} .MainNav .bg{ display:none} .MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#1a1a1a;} .MainNav .arr{ display:inline-block; position:absolute; z-index:10; width:100px; line-height:38px; height:38px; right:0px; top:-1px;} .MainNav .arr i{ position:absolute; height:auto; background:none; right:15px; top:5px;transition: all ease 0.3s;} .MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important; -ms-transform: translate(0, -3px) rotate(-180deg) !important; -o-transform: translate(0, -3px) rotate(-180deg) !important; transform: translate(0, -3px) rotate(-180deg) !important;} .MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;} .NavPull{ position:static; line-height:30px; padding:8px; width:auto; margin:0; text-align:left;} .NavPull dl{ padding:0 !important;} .NavPull dd{ position:relative; text-align:left; display:block;} .NavPull dd a{ padding:0;} .NavPull dd dl{ opacity:1; visibility:visible; position:static; margin-left:15px;} } .home_top_fixed{width: 100%; position: absolute; top: 0; left: 0; z-index: 4; background: #fff; box-shadow: 0 3px 52px rgba(0,0,0,.19);} .lm_top{background: #fff;position:relative;} .home_top_fixed .logo{ float: left; width: 100% ;max-width: 190px; margin-top:10px;} .home_top_fixed .auto_1680{ position: relative;} .home_top_fixed .right{ position:absolute; right:0;} .home_top_fixed nav{ max-width:1000px; margin: 0 auto;} .home_top_fixed .right{ right:0; top:50%; margin-top:-18px; color:#fff;} .home_top_fixed .right > *{ float:left; position:relative; line-height:36px;} .home_top_fixed .language a{ width: 35px; height: 35px; border: 1px solid rgba(0,0,0,0.1); color:#303e48; text-align:center; display: block; border-radius: 50%; float: left; margin-left: 10px;} .home_top_fixed .language a:hover{ background:#295eb0; color:#fff;} .home_top_fixed .open-search{ width:35px; height:35px; display:block; border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;} .home_top_fixed .search-box{ position:absolute; right:0; top:0; width:600%;display:none;} .home_top_fixed .search-box .text{ background:none; border:none; width:100%; padding:0 36px 0 0; height:36px; line-height:36px; background: #fff; position: relative; z-index: 1;} .home_top_fixed .search-box a{ position:absolute; right:0; top:0; height:100%; width:36px;} .home_top_fixed .language a{ color:#303e48; border: 1px solid rgba(0,0,0,0.3);} .home_top_fixed .open-search{ background:url(../images/Top002652_icon_search2.png) no-repeat center center; border: 1px solid rgba(0,0,0,0.3); position: relative; z-index: 2} .home_top_fixed .search-box{ border-bottom:1px solid rgba(0,0,0,0.3);color:#303e48;} .home_top_fixed .search-box .text{ color:#303e48;} .home_top_fixed nav li{ position: relative;} .home_top_fixed nav li dl{ display: none; position: absolute; width: 150px; background: rgba(255, 255, 255, 0.82); margin-left: -20px;} .home_top_fixed nav li > a{ padding:20px 0;} .home_top_fixed nav li dl dd{ height: 35px; line-height: 35px;transition: 0.3s;} .home_top_fixed nav li dl dd:hover{ background: #295eb0; } .home_top_fixed nav li dl dd:hover a{ color: #fff;} @media(min-width:1025px){ .home_top_fixed nav{ width:100%;transition:0.4s;} .home_top_fixed nav li{ float:left; text-align:center; width:11.11111%;} .home_top_fixed nav li > a{ display:inline-block; font-size:15px; color:#303e48; font-weight:bold;} .home_top_fixed nav li.aon > a{color:#295eb0;} .home_top_fixed nav li dl, .home_top_fixed nav li span{ display:none;} .home_top_fixed nav li a:hover{ color:#295eb0;} } @media(max-width:1680px){ .home_top_fixed .right{ right: 2%;} } @media(max-width:1440px){ .home_top_fixed .logo{ max-width: 170px;} .home_top_fixed nav li{ width: 10%;} .home_top_fixed nav{ padding-left: 70px;} } @media(max-width:1440px){ .home_top_fixed nav{ padding-left: 0; } } @media(max-width:1024px){ .h_pagemin .section2 .slides .txt-main{ margin-left: 0; left: 0; padding: 0 10%;} } @media(max-width:1024px){ .home_top_fixed{ display: none;} } /*Bottom*/ .Footer{ position:relative; background:#007aad; padding:62px 0 0; color:#fff;} .Footer .logob{ border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:28px; margin-bottom:57px;} .Footer .logob .logo{ width:30%; float:left;} .Footer .logob .key{ width:66%; float:right;} .Footer .contact{ line-height:36px; width:21.5%; float:left; color:#fff; font-size:18px; font-weight:bold;} .Footer .contact .tel{ margin-bottom:34px;font-family: "DIN"; font-size:36px; width:158px;} .Footer .sitemap{ width:75.5%; float:right;} .Footer .item{ float:left; color:#bcbec2; padding-bottom:34px; line-height:36px;} .Footer dt{font-weight:bold; display:inline-block; font-size:18px; color:#fff; position:relative; line-height:46px; margin-bottom:24px; text-align:left;} .Footer dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;} .Footer dt .arr i{ width:20px; height:100%; right:5px;top:0; font-size:16px; position:absolute;transition: all ease 0.3s;} .Footer dt:before{ content:""; width:14px; height:1px; background:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0;transition: all ease 0.3s;} .Footer .item.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important; -ms-transform: translate(0, -3px) rotate(-180deg) !important; -o-transform: translate(0, -3px) rotate(-180deg) !important; transform: translate(0, -3px) rotate(-180deg) !important;} .Footer .item dl{ text-align:left;} .Footer dt a{ color:#fff;}.Footer dt a:hover{ color:#fff;} .Footer .item p{ font-size:17px;} .Footer .item dd a{ color:rgba(255,255,255,0.7);transition: all ease 0.3s;}.Footer .item dd a:hover{ color:#fff; margin-left:5px;} .Footer .item.i1{ width:15%;} .Footer .item.i2,.Footer .item.i3,.Footer .item.i4{ width:20%;} .Footer .item.i5{ width:13%;} .Footer .item.i6{ width:11%; text-align:right; float:right;} .Footer .solgan{ clear:both; padding-bottom:25px;} .Copyright{ background:#006f9e; font-size:14px; padding:12px 0; line-height:36px;} .Copyright a{ color:#fff;}.Copyright a:hover{ color:#ffcc00;} .Copyright .share a{ display:inline-block; width:36px; height:36px; margin-left:26px; border-radius:50%; text-align:center; line-height:34px; border:1px solid rgba(255,255,255,0.3); color:#fff; position:relative; position:relative;} .Copyright .share a .iconfont{ font-size:20px;} .Copyright .share a .ewm{ opacity:0; visibility:hidden; max-width:none; border:1px solid #e6e6e6; background:#fff; padding:8px; z-index:100; position:absolute; left:-30px; bottom:60px;transition: all ease 0.3s;} .Copyright .share a .ewm img{ max-width:none; width:80px; height:80px;} .Copyright .share a .ewm:after{ content:""; position:absolute; left:50%; bottom:-6px; margin-left:-9px; width:12px; height:6px; background:url(../images/arrewm2.png);} .Copyright .share a.on { background:#fff; color:#007aad;} .Copyright .share a.on .ewm{ opacity:1; visibility:visible;bottom:48px;} .totop{text-align: center; position:fixed; bottom:60px; right:0; width:45px; height:45px; line-height:45px; color:#fff; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; background:#999; z-index:999;} .totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;} .totop:hover{ color:#fff; background:#0091df;} @media ( max-width:1024px){ .Footer{ padding-top:20px; line-height:24px;} .Footer .logob{ display:none;} .Footer .contact{ width:auto; float:none; font-size:15px; line-height:28px;} .Footer .contact .tel{ width:auto; font-size:24px; margin-bottom:10px;} .Footer .sitemap{ width:auto; float:none; margin-right:0;} .Footer .item{width:auto !important; float:none !important; padding:0; border-bottom:1px solid rgba(255,255,255,0.2); text-align:left !important;} .Footer .item .sub{ display:none; padding-top:8px; padding-bottom:8px;} .Footer .solgan{ padding:10px 0; width:150px;} .Footer dt{ display:block;line-height:35px; height:auto; font-size:15px; margin-bottom:-1px;} .Footer .item p{ font-size:14px;} .Footer .item dt .arr{ display:block;} .Footer .left{ width:auto; float:none; text-align:center;} .Footer .logo{ display:none;} .Footer .link{height:40px; font-size:14px; margin:12px auto;} .Copyright{ padding:10px 0; line-height:20px; font-size:12px; text-align:center;} .Copyright dd{ float:none !important;} .Copyright .share a{ margin:0 10px 5px;} .totop{width:30px; line-height:30px;} } /*Bottom*/ /*Bottom002705 */ .Bottom002705{ padding:4% 0 3% 0; background:#2d3947; color:#fff;} .Bottom002705 .auto{ max-width:1280px;} @media(max-width:1600px){ .Bottom002705 .auto{ padding:0 2%;} } .Bottom002705 .bottom-mid, .Bottom002705 .bottom-left{ float:left;} .Bottom002705 .bottom-left{ width:24.25%;} .Bottom002705 .bottom-right{ float:right; width:35%;} .Bottom002705 .bottom-mid{ width:40%; overflow:hidden;} .Bottom002705 .bottom-mid dl{ float:left; width:43%;} .Bottom002705 .logo img{ display:block; width:80%; max-width:212px;} .Bottom002705 .hotline{ margin-top:15%; color:#959aa3; padding-bottom:3%; font-size:16px;} .Bottom002705 .hotline b{ display:block; font-size:32px; letter-spacing:1px; color:#fff;font-family:Helvetica, Arial, sans-serif;} .Bottom002705 .bottom-mid dt{ color:#fff; font-size:16px;} .Bottom002705 .bottom-mid dt aside{ font-size:18px; padding-bottom:5px;} .Bottom002705 .bottom-mid dt::after{ display:block; content:''; width:60px; height:1px; background:#fff; opacity:0.2; margin:20px 0;} .Bottom002705 .link dd{ font-size:14px; line-height:28px;} .Bottom002705 .link dd a{ color:#fff; opacity:0.32;} .Bottom002705 .link dd a:hover{ opacity:1;} .Bottom002705 .bshare-custom{ overflow:hidden;} .Bottom002705 .bshare-custom a{ display:block; float:left; transform:scale(0.9); padding:0; width:40px; height:40px; border-radius:50%; border:1px solid #fff; background-position: 0 0; background-repeat:no-repeat; opacity:0.6;} .Bottom002705 .bshare-custom a:hover{ opacity:1;} .Bottom002705 .bshare-custom a:not(:last-child){ margin-right:5px;} .Bottom002705 .bshare-custom a.bshare-qqim{ background-image:url(../images/Bottom002705_share_qq.png);} .Bottom002705 .bshare-custom a.bshare-weixin{ background-image:url(../images/Bottom002705_share_wx.png);} .Bottom002705 .bshare-custom a.bshare-sinaminiblog{ background-image:url(../images/Bottom002705_share_sina.png);} .Bottom002705 .bshare-custom a.gettop{background-position: -2px 0; background-image:url(../images/Bottom002705_share_gtop.png); background-color:#295eb0; border-color:#295eb0; opacity:1;} .Bottom002705 .code{ padding-top:20px;} .Bottom002705 .code img{ display:block; max-width:120px; width:100%;} .Bottom002705 .bottom-right{ text-align:right;} .Bottom002705 .word{ overflow:hidden; text-align: left;} .Bottom002705 .word::before{ display:block; content:''; width:80%; max-width:180px; height:1px; background:#fff; opacity:0.2; float:right; margin-bottom:15px;} .Bottom002705 .word p.en{ clear:both; opacity:0.33; font-size:18px; margin-top:0; font-family:candara ,Verdana, Geneva, sans-serif;} .Bottom002705 .word p.cn{ margin-top:0; font-size:22px; letter-spacing:2px; font-weight:bold; max-width:500px; float:right;} .Bottom002705 .copyright{ padding-top:6%;} .Bottom002705 .copyright nav a{ color:#fff; opacity:0.3;} .Bottom002705 .copyright nav a:hover{ opacity:1;} .Bottom002705 .copyright nav a:not(:last-child)::after{ display:inline-block; content:''; vertical-align:middle; width:1px; height:8px; background:#fff; opacity:0.3; margin:0 8px;} .Bottom002705 .copyright p{ color:#bfbfbf;} .Bottom002705 .copyright p a{ color:#bfbfbf;} .Bottom002705 .designer{color:#959aa3;} .Bottom002705 .designer a{color:#959aa3; text-decoration:underline;} #bsWXBox{ box-sizing:content-box;} .bd_weixin_popup{ width: 280px!important; height: 340px!important;} @media(max-width:1024px){ .Bottom002705 .bottom-mid, .Bottom002705 .bottom-left, .Bottom002705 .bottom-right, .Bottom002705 .bottom-mid dl{ text-align:center; float:none; width:auto;} .Bottom002705 .code img, .Bottom002705 .logo img{ margin:0 auto;} .Bottom002705 .hotline{ margin-top:3%;} .Bottom002705 .bottom-mid dt::after{ margin:20px auto;} .Bottom002705 .bshare-custom{ display:inline-block;} .Bottom002705 .word{ padding-top:30px;} .Bottom002705 .word::before, .Bottom002705 .word p.cn{ float:none; width:auto; max-width:none;} .Bottom002705 .copyright{ padding:0;} .Bottom002705 .bottom-mid{ display: none;} } @media(max-width:768px){ .Bottom002705 .hotline b{ font-size: 28px;} .Bottom002705 .word{ padding-top: 0;} .Bottom002705 .word p.en{ font-size: 12px;} .Bottom002705 .word p.cn{ font-size: 14px;} } /*首页 s*/ .itemhover{transition: all ease 0.3s;} .activehover{-webkit-box-shadow: 0 15px 38px rgba(0,122,173,0.18); box-shadow: 0 15px 38px rgba(0,122,173,0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} /*第一屏 s*/ .HomeBan{position: relative; z-index: 1; overflow:hidden; width:100%; height:100%;} .HomeBan .slider{background:url(../images/loading.gif) center center no-repeat;} .HomeBan .item{ position:relative;height: 100vh;} .HomeBan .item .txt{ text-shadow:0 3px 3px rgba(0,37,71,0.2); color:#fff; line-height:35px; text-align:right; font-size:24px; position:absolute; left:-20%; width:80%; top:43%; z-index:10; opacity: 0; transform: translateX(200px); -webkit-transform: translateX(200px); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .HomeBan .item .txt0{left: 10%;top: 45%;} .HomeBan .item .txt1{left:4.5%;top:35%;} .HomeBan .item .txt2{left:10%;top: 30%;} .HomeBan .item .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;} .HomeBan .slick-dots{ bottom:40px; left:auto; right:10%; width:80%; text-align:right;} .HomeBan .slick-dots li{ margin:0 7px; position:relative; padding-top:7px; height:19px; vertical-align:bottom;} .HomeBan .slick-dots li button{width: 12px; height: 12px; border:1px solid #295eb0; border-radius:50%; background:#fff; cursor: pointer; transition:all 0.3s; padding: 0; font-size: 0;} .HomeBan .slick-dots li.slick-active button{ background:url(../images/bandot.png); margin-top:-7px; width:11px; height:19px; border-radius:0; border:0;} .HomeBan .slick-arrow{ border:0; background:#295eb0; color:#fff;} .HomeBan:hover .slick-prev{ left:6%;} .HomeBan:hover .slick-next{ right:6%;} .HomeBan .item.active .txt{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s;} .scrollnext{ position:absolute; left:50%; bottom:30px; width:54px; height:54px; line-height:54px; color:#fff; text-align:center; margin-left:-27px; background:#295eb0; z-index:50; border-radius:50%; cursor:pointer; animation: icon-shaking 2s linear 0.5s infinite alternate; webkit-animation: icon-shaking 2s linear 0.5s infinite alternate; } .scrollnext:hover{ background:#0aa0df;} .HomeBan .slick-slide.active .scaleBg1,.HomeBan .slick-slide.active .scaleBg3,.HomeBan .slick-slide.active .scaleBg5{ -webkit-animation:scale-bg 8s ease-in-out 0s 1 alternate forwards; animation:scale-bg 8s ease-in-out 0s 1 alternate forwards;} .HomeBan .slick-slide .scaleBg2,.HomeBan .slick-slide .scaleBg4,.HomeBan .slick-slide .scaleBg6{ -webkit-transform:scale(1.04); transform:scale(1.04);} .HomeBan .slick-slide.active .scaleBg2,.HomeBan .slick-slide.active .scaleBg4,.HomeBan .slick-slide.active .scaleBg6{ -webkit-animation:scale-bg2 8s ease-in-out 0s 1 alternate forwards; animation:scale-bg2 8s ease-in-out 0s 1 alternate forwards;} @media ( max-width:1024px){ .HomeBan{ height:auto;} .HomeBan .slider{ margin:0;} .HomeBan .slick-slide{ height:auto;} .HomeBan .slick-slide .imgbox{ position:relative; height:auto; padding-top:68%;} .HomeBan .item .txt{ width:50%; padding-top:20px; top:46%;left: 20%;} .HomeBan .slick-arrow{ display:none !important;} .scrollnext{ width:34px; height:34px; line-height:32px; margin-left:-20px;} } .HomeTit{ position:relative; text-align:center; padding-bottom:40px;} .HomeTit1{text-align: left;} .HomeTit h2{ font-size:36px; line-height:50px;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;} .HomeTit p{ text-transform:uppercase; font-size:24px; color:#295eb0;font-family: "BebasNeue"; line-height:29px;} .HomeTit .Mores2{ position:absolute; right:0; top:20px;display: none;} .sec-2{background: #fff url(../images/zszx_bg.jpg) no-repeat center center;background-size: cover;} .HomeAbout{padding:16% 0; overflow: hidden;} .HomeAbout .text{ width:37%; float:left; padding:4% 1% 0 0;transform:translateX(-280px);-webkit-transform:translateX(-280px);opacity:0;transition:all 1s;} .HomeAbout .text .p{ font-size:15px; color:#666; height:150px;-webkit-line-clamp: 5; margin-bottom:30px;} .HomeAbout .img{ width:33%; padding:1% 5% 0 8.5%; float:left; text-align:center;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s 0.8s;} .HomeAbout .num{ float:right; width:26%; padding-top:4%;transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 1s 0.3s;} .HomeAbout .num li{ height:145px; color:#212121; position:relative; padding-left:110px;} .HomeAbout .num li .ico{ position:absolute; left:0; top:0; width:100px;} .HomeAbout .num li .numti{ line-height:65px; color:#295eb0; margin-bottom:-18px;} .HomeAbout .num li .numti i{ font-size:50px;font-family: "DIN";} .HomeAbout .num li .p{ line-height:18px; max-width:135px;} .HomeAbout .num li .info{ color:#295eb0; font-size:20px; line-height:30px; font-weight:bold; padding-top:4px;} .sec-2.active .HomeAbout .text,.sec-2.active .HomeAbout .num{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .sec-2.active .HomeAbout .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);} .sec-6.active .HomeAbout .text,.sec-6.active .HomeAbout .num{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .sec-6.active .HomeAbout .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);} @media ( max-width:1440px){ .HomeAbout{padding: 23% 0;padding-bottom:0;} .HomeAbout .img{ width:29%;} .HomeAbout .num li{ height:110px;} .HomeAbout .text .p{ height:120px;line-height:24px;margin-bottom:15px;} .HomeAbout .num li .numti {line-height:56px;} .HomeAbout .num li .ico {width:92px;} } @media ( max-width:1366px){ .HomeAbout .num li {height:99px;} .HomeAbout .num li .ico {width:78px;} .HomeAbout .num li .numti i{font-size:40px;} .HomeAbout .num li .info{font-size:17px;line-height:25px;} .HomeAbout .text .p{ height:96px;-webkit-line-clamp: 4;} } @media ( max-width:1024px){ .sec-2 .HomeAbout .text,.sec-2 .HomeAbout .num{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .sec-2 .HomeAbout .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);} .HomeTit { padding-bottom:20px;} .HomeTit h2{ font-size:20px; line-height:30px;} .HomeTit p{ font-size:16px; line-height:22px;} .HomeTit .Mores2{top:10px;} .HomeAbout{ background-size:cover; padding:25px 0;} .HomeAbout .text { padding:0;} .HomeAbout .text .p{ height:auto;-webkit-line-clamp: 3; margin-bottom:15px;} .HomeAbout .text{ width:auto; float:none;} .HomeAbout .num,.HomeAbout .img{ display:none;} } .HomeHornor{ overflow:hidden; padding:1.5% 0 0;transform:translateY(-280px);-webkit-transform:translateY(-280px);opacity:0;transition:all 1.2s;} .HomeHornor .Nav{ width:18%; float:left; padding-top:4%;} .HomeHornor .Nav li{ margin-bottom:20px;} .HomeHornor .Nav li a{ border-radius:26px; display:block; text-align:center; width:150px; line-height:47px; border:2px solid #c8e3ee; color:#464646;} .HomeHornor .Nav li.on a{ font-weight:bold; border:2px solid #007aad; background:#007aad; color:#fff;} .HomeHornor .Box{ overflow:hidden; width:81%; float:right; position:relative;} .HomeHornor .Box .item{ position:relative; padding:0 5px;} .HomeHornor .Box .slides{ width:100%;} .HomeHornor .Box .item{ padding:18px 0;} .HomeHornor .Box .imgbox{padding-top:265px; overflow:visible;} .HomeHornor .Box .imgbox img{ box-shadow:0 9px 9px rgba(0,34,48,0.11);} .HomeHornor .slick-arrow{ width:60px; height:60px; line-height:60px; background:#d3e8f1; color:#017aad;} .HomeHornor .slick-arrow:hover{ background:#017aad; color:#fff;} .HomeHornor .Box:hover .slick-prev{ left:0;} .HomeHornor .Box:hover .slick-next{ right:0;} .HomeHornor .slick-prev:before,.HomeHornor .slick-next:before{ font-size:30px; font-weight:bold;} .sec-6.active .HomeHornor{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} @media ( max-width:1366px){ .HomeHornor{padding-top:1%;} .HomeHornor .Nav{padding-top:1.5%;} .HomeHornor .Box .imgbox{padding-top:200px;} .HomeHornor .slick-arrow{ width:45px; height:45px; line-height:45px;} } @media ( max-width:1024px){ .sec-6 .HomeHornor{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .HomeHornor{ padding:25px 0;} .HomeHornor .Nav {margin: 0 0 20px;text-align: center; width:auto; float:none; padding:0;} .HomeHornor .Nav li{margin: 0 5px; display:inline-block;} .HomeHornor .Nav li a{ width:100px; line-height:36px;} .HomeHornor .Box{ width:auto; float:none;} .HomeHornor .Box .item{ padding:0px 15px 0;} .HomeHornor .slick-arrow {width: 38px;height: 38px;line-height: 36px;} .HomeHornor .slick-prev { left:0;} .HomeHornor .slick-next { right:0;} .HomeHornor .slick-prev:before, .HomeHornor .slick-next:before { font-size:20px;} .HomeHornor .Box .imgbox{ padding-top:150px;} } /* .PicList001307 为demo编号 */ .HomeBusiness{padding: 16% 0;} .PicList001307{ padding-top:2%;} .PicList001307 li{ position:relative;} .PicList001307 li img{ display:block; width:100%;} .PicList001307 li dl{ position:absolute; left:0; bottom:0; width:100%; padding:3%; color:#fff; background-color:rgba(0,0,0,0.5);} .PicList001307 li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;text-align: center;} .PicList001307 li p{overflow:hidden; line-height:20px; height:40px; overflow:hidden; font-size:14px; margin:10px 0;} .PicList001307 li .more{ display:block; text-align:center; position:relative; line-height:43px; border-radius:5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); } .PicList001307 li .more::before{ position:absolute; content:''; width:26px; height:26px; background:url(../images/PicList001307-more.png) no-repeat center center/contain; right:5%; top:50%; margin-top:-13px;} .PicList001307 li figure{ height:0; overflow:hidden; transition:0.3s;} .PicList001307 li:hover figure{ height:103px;} .PicList001307 .owl-carousel .owl-nav .owl-next,.PicList001307 .owl-carousel .owl-nav .owl-prev{width: 55px;height: 55px;border-radius: 100px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;} .PicList001307 .owl-carousel .owl-nav .owl-next{background:url(../images/b_right.png) no-repeat center center;background-size: cover;} .PicList001307 .owl-carousel .owl-nav .owl-prev{background:url(../images/b_left.png) no-repeat center center;background-size: cover;} .PicList001307 .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .PicList001307 .owl-carousel .owl-nav .owl-prev{left: -2%;} .PicList001307 .owl-carousel .owl-nav .owl-next:hover{background:url(../images/lan_r.png) no-repeat center center;background-size: cover;} .PicList001307 .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/lan_l.png) no-repeat center center;background-size: cover;} .PicList001307 .owl-carousel .owl-nav .owl-next{right:-2%;} @media(max-width:1440px){ .HomeBusiness{padding: 22% 0;} } @media(max-width:768px){ .PicList001307 li h3{ font-size:16px;} .HomeBusiness{padding: 25px 0;} } @media(max-width:375px){ .PicList001307 li figure{ height:auto;} } @media(max-width:480px) and (min-width:376px){ .PicList001307 li .more{ line-height:33px;} .PicList001307 li:hover figure{ height:93px;} } .sec-3.active .HomeBusiness .HomeTit,.sec-3.active .HomeBusiness .slidenav,.sec-3.active .HomeBusiness .slidecon{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .sec-3{background: url(../images/3.jpg) no-repeat center center;background-size: cover;} @media ( max-width:1440px){ .HomeBusiness .slidecon .info{top:20%;margn-left:-300px;} .HomeBusiness .slidecon .slick-prev {left:3%;} .HomeBusiness .slidecon .slick-next {right:3%;} } @media ( max-width:1366px){ .HomeBusiness .slidecon .info{top:8%;margn-left:-500px;} .HomeBusiness .slidecon .slick-arrow{ width:45px; height:45px; line-height:45px;} .HomeBusiness .slidecon .imgbox{ padding-top:30%;} } @media ( max-width:1024px){ .sec-3 .HomeBusiness .HomeTit,.sec-3 .HomeBusiness .slidenav,.sec-3 .HomeBusiness .slidecon{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .HomeBusiness .slidenav .box{ font-size:12px; width:110px; height:110px;} .HomeBusiness .slidenav .ico{ width:40px; height:36px; margin-bottom:5px; padding:0;} .HomeBusiness .slidenav .ico .i1, .ico .i2{ width:40px; height:36px;} .HomeBusiness .slidenav em { max-width:85px;} .HomeBusiness .slidenav .slick-arrow{ width:38px; height:38px; line-height:36px;} .HomeBusiness .slidenav .slick-prev{ left:-20px;} .HomeBusiness .slidenav .slick-next{ right:-20px;} .HomeBusiness .slidecon .imgbox{ padding-top:68%;} .HomeBusiness .slidecon .info{ margin:0; left:0; padding:10px;top:auto; bottom:0; width:100%; height:auto;} .HomeBusiness .slidecon .info .tit{ line-height:30px; font-size:16px;} .HomeBusiness .slidecon .info .p{margin-bottom: 10px; -webkit-line-clamp: 1; height: 24px;} .HomeBusiness .slidecon .slick-arrow{ display:none !important;} } /* .Floor002141 */ .Floor002141_2{ padding:3% 0 4% 0;} .Floor002141 li{ float:left; width:25%;} .Floor002141 li a{ display:block; position:relative;} .Floor002141 li img{ display:block; width:100%;} .Floor002141 li span{ background:none; transition:0.3s; width: 100%; display: block;} .Floor002141 li span b{ font-weight:bold; text-align:center; line-height:60px; padding:0 5%; font-size:18px;} .Floor002141 li a:hover span{ background:#295eb0; color: #fff;} @media(max-width:768px){ .Floor002141 li{ width:50%;} } @media(max-width:480px) and (min-width:376px){ .Floor002141 li span b{ font-size:24px;} } @media(max-width:375px){ .Floor002141 li{ float:none; width:auto;} } .sec-5{background:#f5f5f5;} .HomeCase{ overflow:hidden; background:#f0f7fa; position:relative;} .HomeCase .Contain{padding-top:7.5%;} .HomeCase .Nav{ width:19%; float:left;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s 0.2s;} .HomeCase .Nav .item{ height:68px; overflow:hidden;} .HomeCase .Nav .item i{ width:0; height:0; transition:all 0.3s;} .HomeCase .Nav .item span{ display:block; width:145px;line-height:65px; border-bottom:1px dashed #e7e7e7; cursor:pointer;} .HomeCase .Nav .item.on { font-weight:bold; color:#295eb0;} .HomeCase .Nav .item.on i{ width:13px; height:24px; display:inline-block; vertical-align:middle; margin-right:8px; background:url(../images/ico/ys.png);} .HomeCase .Nav .item.on span{ width:auto;} .HomeCase .slidesbox{ width:81%; float:right; position: relative;transform:translateY(300px);-webkit-transform:translateY(300px);opacity:0;transition:all 1s 0.2s;} .HomeCase .slides{ width:100%;} .HomeCase .slides .CaseList { margin:0;} .HomeCase .slides .CaseList li{ width:auto; margin:0 0 0 25px;} .HomeCase .slick-arrow{ top:auto; margin:0; bottom:14px; width:50px; height:50px; border:1px solid #295eb0; background:none; color:#295eb0; font-weight:bold; line-height:48px;} .HomeCase .slick-arrow:hover{ background:#295eb0; color:#fff;} .HomeCase .slick-prev{ left:-265px;} .HomeCase .slick-next{ right:auto; left:-195px;} .HomeCase.active .Nav,.HomeCase.active .slidesbox{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} @media(max-width:1440px){ .HomeCase .Contain{padding-top: 11.5%;} } @media ( max-width:1366px){ .HomeCase .slick-prev {left:-230px;} .HomeCase .slick-next {left:-165px;} } @media ( max-width:1200px){ .HomeCase .Contain{padding: 25px 0;} } @media ( max-width:1024px){ .HomeCase .Nav,.HomeCase .slidesbox{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .HomeCase .Nav{ width:auto; float:none; padding-bottom:10px;} .HomeCase .Nav .item{ height:auto; padding:0 10px; display:inline-block;} .HomeCase .Nav .item span{ width:auto; line-height:30px;} .HomeCase .slidesbox{ width:100%; float:none;} .HomeCase .slider{ padding:0 20px;} .HomeCase .slides .CaseList li{ margin:0 7px;} .HomeCase .slick-arrow{ width:38px; height:38px; line-height:36px; margin-top:-18px;} .HomeCase .slick-prev{ left:-10px; bottom:auto; top:50%;} .HomeCase .slick-next{ left:auto; right:-10px; bottom:auto; top:50%;} } @media ( max-width:768px){ .HomeCase .CaseList li{ float:left;} } .HomeNews{ overflow:hidden;padding-top:11%;} .NewsFocus{ width:44%; float:left;} .NewsFocus .item{ position:relative;} .NewsFocus .imgbox{ padding-top:457px;} .NewsFocus .ti{ position:absolute; left:0; font-weight:bold; bottom:90px; z-index:2; padding:0 100px 0 22px; width:100%; line-height:60px; font-size:18px; color:#fff; background:rgba(0,0,0,0.5);} .NewsFocus .info{padding:15px;background: #f0f7fa;} .NewsFocus .p{height:60px;-webkit-line-clamp: 2; text-indent: 2em;color:#666;} .NewsFocus .slick-dots{ width:114px; right:0; left:auto; bottom:110px;} .NewsFocus .slick-dots li button{ background:none;width: 12px; height: 12px; border:1px solid #0b80b1; border-radius:50%; cursor: pointer; transition:all 0.3s; padding: 0; font-size: 0;} .NewsFocus .slick-dots li.slick-active button{ background:url(../images/bandot.png); margin-top:-7px; width:11px; height:19px; border-radius:0; border:0;} .NewsFocus .item:hover .ti{ color:#3eb7ea;} .NewsRight{ width:53.2%; float:right;} .NewsRight .li{ height:100px; background:#f0f7fa; padding:0 48px 0 170px; margin-top:15px; position:relative;} .NewsRight .date{ padding:0 0 0 21px; position:absolute; left:0; top:0; width:120px; height:100px; padding-top:24px; color:#fff; background:#badceb; color:#fff; border-radius:0 0 40px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;} .NewsRight .date span{ display:block; line-height:32px; font-size:36px;} .NewsRight .li .tit{ padding-top:24px; line-height:52px; font-size:18px; font-weight:bold;} .NewsRight .top{ position:relative; height:201px; padding:24px 48px 0 170px; background: #f0f7fa url(../images/newsbg.jpg) right top no-repeat;} .NewsRight .top .tit{line-height:70px; font-size:18px; font-weight:bold;} .NewsRight .top .p{ line-height:24px; font-size:14px; height:72px;-webkit-line-clamp: 3; color:#757575;} .NewsRight .top .date{ top:63px; background:#295eb0;} @media ( max-width:1440px){ .NewsFocus .imgbox{padding-top:400px;} .NewsRight .li {height:81px;} .NewsRight .date{height:81px; padding-top:10px;} .NewsRight .date span{ font-size:24px;} .HomeNews{padding-top: 12%;} } @media ( max-width:1366px){ .NewsFocus .info{display:none;} .NewsRight .li:nth-child(4) {display:none;} } @media ( max-width:1200px){ .HomeNews{ padding-bottom:5%;} } @media ( max-width:1024px){ .NewsFocus{ width:auto; float:none;} .NewsFocus .imgbox{ padding-top:60%;} .NewsFocus .ti{ line-height:45px; font-size:15px;} .NewsFocus .slick-dots{ bottom:10px;} .NewsRight{ width:auto; float:none;} .NewsRight .date{ width:72px; padding:5px 0 0 10px; font-size:12px; height:65px;} .NewsRight .date span{ font-size:28px;} .NewsRight .li{ height:65px; padding:0px 15px 0 88px;} .NewsRight .li .tit{ padding-top:6px; font-size:15px;} .NewsRight .top{ padding:10px 15px 0 88px; height:114px;} .NewsRight .top .p{ height:48px;-webkit-line-clamp: 2;} .NewsRight .top .tit{ line-height:45px; font-size:15px;} .NewsRight .top .date{ top:20px;} } .sec-6{background:url(../images/4.jpg) no-repeat center center;background-size: cover;} /* .Floor002278 为demo编号 */ /* .Floor002278{ padding:4% 0 2% 0;} */ .Floor002278 .wrap-tit{ position: absolute; top: 50%; margin-top: -87px; left: 6%;} .Floor002278 .wrap-tit a{-webkit-writing-mode:vertical-lr;writing-mode:tb-rl;writing-mode:vertical-lr; text-transform: uppercase; color: #888; font-size: 12px;} .Floor002278 .wrap-tit a i{ font-style: normal; margin-top: 8px; font-size: 14px; font-weight: bold;} .Floor002278 .wrap-tit h1{ margin: 0; font-weight: normal;text-transform: uppercase; color: #303e48; font-size: 14px; line-height: 1.15; margin-top:25px;} .Floor002278 .wrap-tit h1 span{ display: block; font-size: 24px; font-weight:bold; margin-bottom:5px;} .Floor002278 .wrap-container{ position: relative;} .Floor002278 .list .auto{ margin: 0 auto; max-width: 1280px;} .Floor002278 .list .item{ width: 100%; padding: 70px 25px;border-left: 1px solid #f3f9fd; margin: 0 auto;} .Floor002278 .list .owl-item:last-child .item{ border-right: 1px solid #f3f9fd;} .Floor002278 .list .item time{ display: block; color: #303e48; font-size: 14px; line-height: 1;} .Floor002278 .list .item time span{ font-size:36px; } .Floor002278 .list .item .tit{ font-size: 18px; margin:20px 0;} .Floor002278 .list .item a{ color:#303e48;} .Floor002278 .list .item .tit a:hover{ color: #295eb0;} .Floor002278 .list .item .pic{ overflow: hidden;} .Floor002278 .list .item figure{ color: #303e48; margin: 20px 0; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;} .Floor002278 .list .item .more{ display:block; margin-top:3%; width:150px; line-height:36px; text-align:center; color:#303e48; border:1px solid #f0f0f0; font-size:14px; transition:0.3s;} .Floor002278 .list .item .more::after{ display:inline-block; content:''; width:28px; height:6px; background:url(../images/more.png) no-repeat center center; background-size:contain; vertical-align:middle; margin: -4px 0 0 5px;} .Floor002278 .list .item:hover .more{ background:#295eb0; border-color:#295eb0; color:#fff;} .Floor002278 .list .item:hover .more::after{ background-image:url(../images/more2.png);} .Floor002278 .list .item:hover{box-shadow: 0 3px 60px rgba(0,0,0,.1);} @media only screen and (min-width:768px ) { .Floor002278 .list .item .tit a,.Floor002278 .list .item .more{ transition: color .3s ease-out;} .Floor002278 .list .item .pic img{ transition: transform .5s ease-in-out;} .Floor002278 .list .item:hover .pic a img{ transform: scale(1.1);} } @media only screen and (max-width:1674px ){ .Floor002278 .list .auto{ padding: 0 102px 0 120px; max-width: none;} .Floor002278 .wrap-tit { left: 0;} } @media only screen and (max-width:1366px ){ .Floor002278 .list .auto{ padding: 0 0 0 0;} } @media only screen and (max-width:1199px ){ .Floor002278 .list .auto{ max-width: 954px; margin: 0 auto;} } @media only screen and (max-width:767px ){ .Floor002278 .list .auto{ max-width: 537px;} .Floor002278 .list .item{ padding: 40px 25px;} } /*首页 end*/ #fp-nav{display: none !important;} /*! fancyBox 插件样式，如有一样的只留一份 */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/PicList002311-fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/PicList002311-fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; background: #002870; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/PicList002311-blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/PicList002311-fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-x: hidden; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/PicList002311-fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/PicList002311-fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*carousel 公共样式只留一份*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .PicList002311 为demo编号 */ .PicList002311{padding: 12% 0;} .PicList002311 .CenTitle{ padding:15px 0 10px 0; position:relative; z-index:1; margin-top: 20px; border-top: 1px solid #e7f0f4;} .PicList002311 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;} .PicList002311 .CenTitle .line{ width:10px; height:1px; background:#f68121; overflow:hidden; margin:0 auto;} .PicList002311 .honorList{ position:relative; padding:20px 40px;} .PicList002311 .honorList .btn{ display:block; width:55px; height:55px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;} .PicList002311 .honorList .prev{background-position:left top;background: url(../images/b_left.png) no-repeat center center;background-size: cover;left: 0;} .PicList002311 .honorList .prev:hover{ background: url(../images/lan_l.png) no-repeat center center;background-size: cover;} .PicList002311 .honorList .next{ background: url(../images/b_right.png) no-repeat center center;background-size: cover;right: 0;} .PicList002311 .honorList .next:hover{background: url(../images/lan_r.png) no-repeat center center;background-size: cover;} .PicList002311 .honorList .list{margin:0 auto; overflow:hidden;} .PicList002311 .honorList .list .ul li{ padding: 0 2%;} .PicList002311 .honorList .list .ul .dot{ display:block; text-align:center; padding-top:10px; line-height:20px; font-size:18px; color:#333;font-weight: bold;} .PicList002311 .honorList .list .ul .dot:hover{ color:#002870;} @media(max-width:1366px){ .PicList002311{padding:17% 0;} } @media(max-width:1024px){ .PicList002311{padding: 25px 0;} } @media only screen and (min-width:768px ) { .PicList002311 .honorList{ padding:20px 50px;} } /* 栏目页 */ /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:450px; background-position:center top; background-repeat:no-repeat;} .Banner002167 img{ display:none;} .Banner002167 aside{ position:absolute; left:50%; top:50%; line-height:46px;height:46px; width:100%; font-size:33px; padding:0 2%; max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} @media(max-width:1000px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:768px){ .Banner002167 aside{ font-size:24px;} /* .Banner002167{ padding-top: 55px;} */ } /* Location000830 为demo编号 */ .Location000830 { padding-top: 3%;} .Location000830 em{ font-style: normal; float:right;padding-left:20px; background:url(../images/Location000830_home.png) no-repeat left top; font-size:14px; color:#303e48; } .Location000830 em a { color: #303e48; } .Location000830 em a:hover{ text-decoration:underline;} .Location000830 em span{ color:#00a2e9;} @media(max-width:768px){ .Location000830{ display: none;} } /*Menu002147 */ .Menu002147{ background:#f8f8f8;} .Menu002147 ul{ display:table; margin:0 auto;max-width: 90%;} .Menu002147 li{ float:left; padding:0 40px;position:relative;} .Menu002147 li:after{ position:absolute; content:''; width:1px; right:0; top:50%; height:22px; margin-top:-10px; background:#dfdfdf;} .Menu002147 li.end:after{ display:none;} .Menu002147 li a{ display:block;font-size:16px; position:relative; overflow:hidden; line-height:68px;height:68px; color:#303e48;} .Menu002147 li a:after{ position:absolute; left:0; bottom:0;content:''; height:3px; width:100%;} .Menu002147 li.aon a, .Menu002147 li:hover a{ color:#295eb0;} .Menu002147 li.aon a:after, .Menu002147 li:hover a:after{ background:#295eb0;} @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;} .Menu002147 li a{ font-size: 15px;} } @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;} } /*RighInfo000623 */ .RighInfo000623{padding: 3.125vw 0;background: #f5f5f5;} .RighInfo000623 .title{margin-bottom: 15px;} .RighInfo000623 .title:after{display: block; content: ''; width: 20px; height: 2px; background: #295eb0; margin-top: 1vw;} .RighInfo000623 .title .cn{font-size: 30px;color: #295eb0;font-weight: bold;} .RighInfo000623 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .RighInfo000623 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .RighInfo000623 .title .cn{font-size: 6vw;} } .RighInfo000623 .ytable-cell{padding: 4.167vw 0;} .RighInfo000623 .pic .inner{ position: relative;} .RighInfo000623 .pic time{bottom: 0; text-align: right;position: absolute;right: 0; background: rgba(41,94,176,0.64);color: #fff; padding: 26px 50px 26px 26px;} .RighInfo000623 .pic time span{display: block;margin-bottom: 5px;font-family: 'DIN-Medium';font-size: 72px; line-height: 0.8em;} .RighInfo000623 .pic time span:before{display: inline-block; height: 2px; background: #fff; content: ''; width: 16px; vertical-align:bottom; margin-right: 5px;} .RighInfo000623 .info{background: url("../images/RighInfo000623_bg.jpg") no-repeat right top #fff; background-size: contain;} .RighInfo000623 .p-info{font-size: 15px;line-height:30px;color: #666;} .RighInfo000623 .p-info p{} @media(min-width:1025px){ .RighInfo000623 .pic{width: 16.429%;} .RighInfo000623 .pic .inner{width: 208.696%;} .RighInfo000623 .info .inner{padding-left: 31.624%;padding-right: 8.548%;} } @media(max-width:1024px){ .RighInfo000623 .ytable, .RighInfo000623 .ytable-cell{display: block;} .RighInfo000623 .info{padding: 6vw;} } @media(max-width:640px){ .RighInfo000623 .pic time span{font-size: 12vw;} .RighInfo000623 .p-info{font-size: 3.5vw;} } .zzjg{padding: 3% 0;} .zzjg img{width: 100%;} /* .RighInfo002226 为demo编号 */ .RighInfo002226{ padding:3% 0;} .RighInfo002226 .dl{color:#617182;} .RighInfo002226 .dl .h4{ font-size:18px; margin:0;} .RighInfo002226 .dl .h4 span{display:inline-block; border-bottom: 2px #295eb0 solid; padding-bottom:10px;} .RighInfo002226 .dl .con{ font-size:14px; padding:15px 0 30px; line-height:2.25;} .RighInfo002226 .word{ float:left;} .RighInfo002226 .pic{ float:right;} /* .Page001527 为demo编号 */ .Page001527 .Pages{ padding: 20px 0; text-align: center; line-height: 23px; zoom: 1; overflow: hidden; } .Page001527 .Pages a{ display: inline-block; height: 40px; margin: 0 5px; font-size: 16px; line-height: 40px; } .Page001527 .p_cur, .Page001527 .p_count, .Page001527 .p_total, .Page001527 .p_jump{ display: none; } .Page001527 .p_page{ padding: 0px 5px; display: inline-block; } .Page001527 .p_page a{color:#5f5c4d; border:solid 1px #ececec; display:inline-block; padding:0 12px; overflow:hidden; position:relative; background-color:#fff;} .Page001527 .p_page .a_prev, .Page001527 .p_page .a_next{ width:80px; } .Page001527 .p_page .num a{ width:44px; } /*hover*/ .Page001527 .p_page .a_first:hover, .Page001527 .p_page .a_end:hover, .Page001527 .p_page .a_prev:hover, .Page001527 .p_page .a_next:hover, .Page001527 .p_page .num a:hover, .Page001527 .p_page .num .a_cur{ background:#295eb0; color:#fff; } .Page001527 em{ font-style:normal;} @media (max-width:768px){ .Page001527 .a_first, .Page001527 .a_end, .Page001527 .p_page .num a{ display:none !important;} } /*RighInfo002581 */ .RighInfo002581{ padding:4% 0;} .RighInfo002581 .auto{ background:url(../uploadfiles/RighInfo002581_img.jpg) no-repeat right top;} .RighInfo002581 .tit{ font-size:24px; color:#303e48;margin-bottom: 20px; } .RighInfo002581 .fz{font-size:60px; color:#00a2e9; font-family:Arial, Helvetica, sans-serif;} .RighInfo002581 p{ color:#303e48; font-size:18px; font-weight:bold; margin:0;} .RighInfo002581 .info{ line-height:28px; color:#303e48; } @media(max-width:1024px){ .RighInfo002581 .fz{ font-size:60px !important;} .RighInfo002581{ background-size:40% auto;} } @media(max-width:768px){ .RighInfo002581 .tit{ text-align: center; margin-top: 20px; } .RighInfo002581 .fz{ font-size:32px !important;} .RighInfo002581 p{ font-size: 16px;} .RighInfo002581 .table td{ display:block; text-align: center;} } /* .RighInfo002227 为demo编号 */ .RighInfo002227{ background-color:#f6f6f6; padding:4% 0;font-size:14px;color:#666;} .RighInfo002227 p{ line-height:28px; color:#303e48;text-indent: 2em; } .RighInfo002227 .pic{ text-align:center; padding-bottom:30px;} .RighInfo002227 h3{margin:0;font-size:24px;color:#303e48;} .RighInfo002227 span{ display:block; text-align:right;color:#303e48;} .RighInfo002227 span em{ font-style:normal; margin-left:2%;} @media screen and (min-width: 480px){ } @media screen and (min-width: 768px){ .RighInfo002227 .title{font-size:22px;margin-bottom: 60px;} .RighInfo002227 .title img{ width:55px; height:40px;} .RighInfo002227 p{ padding-top:15px;} .RighInfo002227 .pic{ padding-top:40px; padding-bottom:0; float:left; width:34%;} .RighInfo002227 .word{ float:right; width:64%;} } /* 新闻中心 */ /*PicList000687 */ .PicList000687{padding: 3% 0;overflow: hidden;} .PicList000687 .title{margin-bottom: 2.5vw; text-align: center;} .PicList000687 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .PicList000687 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .PicList000687 .title{margin-bottom: 5vw;} } @media(max-width:640px){ .PicList000687 .title .cn{font-size: 6vw;} } .PicList000687 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: #295eb0;display: block;} .PicList000687 .more:hover{background: #295eb0;} .PicList000687 .more:after{display: inline-block; content: '';background: url("../images/PicList000687_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} } .PicList000687 .tit{font-size: 20px;color: #000;} .PicList000687 time{font-family: 'DIN-Medium';} .PicList000687 p{line-height: 1.715em;color: #7d7d7d;height: 3.43em; margin-bottom: 2.03vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top .info{border-top: 1px solid #eee;border-bottom: 1px solid #eee;} .PicList000687 .news-top time{border-left:1px solid #c6c6c6; padding-left: 1.62vw;display: block; margin-bottom: 2.61vw;color: #295eb0;font-size: 18px;} .PicList000687 .news-top time span{display: block;font-size: 2em;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#295eb0;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 520px;} .PicList000687 .news-top .info .main{padding-left: 5.21vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{padding: 4.12vw 0 2vw 0;} .PicList000687 .news-list li{background: #f5f5f5; margin-bottom: 1.41vw;} .PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList000687 .news-list .main{border-left: 2px solid #295eb0; padding-left: 4.17vw; padding-right: 4.06vw;} .PicList000687 .news-list .tit{margin-bottom: 5px;} .PicList000687 .news-list time{color: #ccc;} .PicList000687 .news-list .more{line-height: normal;color: #295eb0;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image: url("../images/PicList000687_more.png");} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 320px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw;border: 2px solid #295eb0; border-bottom: 0;} } /*TextList002855 */ .TextList002855{padding: 2% 0 3%;} .TextList002855 li{line-height: 4.5625em; border-bottom: 1px dotted #a8a8a8;} .TextList002855 li time{float: right;color: #c8c8c8; margin-left: 15px;} .TextList002855 li a{padding-left: 30px; background: url("../images/TextList002855_icon.png") no-repeat left center;} @media(min-width:481px){ .TextList002855 li{font-size: 16px;} } /* .Timeline000768 为demo编号 */ .Timeline000768{ padding:4% 0; position:relative;} .Timeline000768::before{ position:absolute; content:''; z-index:0; width:100%; height:1px; background-color:#f0f0f0; top:60%; left:0;} .Timeline000768 .title{ position:relative; z-index:3; padding:3%; text-align:center;} .Timeline000768 .title h3{ margin:0; font-size:30px; color:#b0b8c1; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif;} .Timeline000768 .title h3::after{ display:block; content:''; width:35px; height:2px; background:#da251c; margin:0 auto 10px;} .Timeline000768 .title h4{margin:0; color:#303e48; font-size:30px; font-weight:normal;} @media(max-width:768px){ .Timeline000768 .title h3{ font-size:24px;} .Timeline000768 .title h4{ font-size:20px;} } .Timeline000768 .swiper-container {position: relative;overflow: hidden;z-index: 1;width: 100%;height: 460px;margin: 0 auto;} .Timeline000768 ul{position: relative;width: 100%;margin: 0 auto;height: 100%;z-index: 1;display: flex;transition-property: transform; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; } .Timeline000768 ul li { width: 100%; height: 100%;position: relative; z-index:4;float: left;text-align: center;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Timeline000768 li::before, .Timeline000768 li::after{ position:absolute; content:''; top:50%; z-index:4;} .Timeline000768 li::before{ background-color:#00a2e9; width:15px; height:15px; border-radius:50%; margin-top:-7px;} .Timeline000768 li::after{ width:1px; height:28px; background-color:#00a2e9; margin-top:-35px;} .Timeline000768 li:nth-child(2n)::after{ margin-top:7px;} .Timeline000768 li figure, .Timeline000768 li .txt{position:absolute; width:90%; height:45%;left:5%; } .Timeline000768 li figure{top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .Timeline000768 li:nth-child(2n) figure{ bottom:0; top:auto;} .Timeline000768 li .txt{ bottom:0; padding:0 3%;} .Timeline000768 li:nth-child(2n) .txt{ top:0; bottom:auto;} .Timeline000768 li .txt h1{ margin:0; color:#00a2e9; font-size:30px; font-family:Arial; padding-top:3%;} .Timeline000768 li .txt p{ margin:0; line-height:28px; height:168px; color:#303e48; overflow:hidden;} /*Floor002709 */ .Floor002709{ padding:2% 0 6% 0;} .Floor002709 .title{ position:relative; z-index:3; padding:3%; text-align:center;} .Floor002709 .title h3{ margin:0; font-size:30px; color:#b0b8c1; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif;} .Floor002709 .title h3::after{ display:block; content:''; width:35px; height:2px; background:#da251c; margin:0 auto 10px;} .Floor002709 .title h4{margin:0; color:#303e48; font-size:30px; font-weight:normal;} @media(max-width:768px){ .Floor002709 .title h3{ font-size:24px;} .Floor002709 .title h4{ font-size:20px;} } .Floor002709 li{float:left;width: 50%;text-align: center; position:relative;} .Floor002709 li:before{ position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:100%;} .Floor002709 li:first-child{ border-left:1px solid #f4f4f4;} .Floor002709 li a{display: block; margin:0 auto; width:60%; text-align:center;} .Floor002709 li figure img{ width:100%; max-width:82px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .Floor002709 li:hover figure img{ top: -10px;} .Floor002709 li h3{font-size: 18px; color: #303e48; margin:25px 0 15px;} .Floor002709 li p{line-height: 28px; height:80px; overflow:hidden;font-size: 14px;color: #303e48; margin-top:20px;} @media(max-width:767px){ .Floor002709{ padding:20px 0;} .Floor002709 li{ border-left:1px solid #f4f4f4;} .Floor002709 li:nth-child(2n){ border-left:1px solid #fff;} } /*Bottom002705 */ .Bottom002705{ padding:4% 0 3% 0; background:#2d3947; color:#fff;} .Bottom002705 .auto{ max-width:1280px;} @media(max-width:1600px){ .Bottom002705 .auto{ padding:0 2%;} } .Bottom002705 .bottom-mid, .Bottom002705 .bottom-left{ float:left;} .Bottom002705 .bottom-left{ width:24.25%;} .Bottom002705 .bottom-right{ float:right; width:35%;} .Bottom002705 .bottom-mid{ width:40%; overflow:hidden;} .Bottom002705 .bottom-mid dl{ float:left; width:43%;} .Bottom002705 .logo img{ display:block; width:80%; max-width:212px;} .Bottom002705 .hotline{ margin-top:15%; color:#959aa3; padding-bottom:3%; font-size:16px;} .Bottom002705 .hotline b{ display:block; font-size:32px; letter-spacing:1px; color:#fff;font-family:Helvetica, Arial, sans-serif;} .Bottom002705 .bottom-mid dt{ color:#fff; font-size:16px;} .Bottom002705 .bottom-mid dt aside{ font-size:18px; padding-bottom:5px;} .Bottom002705 .bottom-mid dt::after{ display:block; content:''; width:60px; height:1px; background:#fff; opacity:0.2; margin:20px 0;} .Bottom002705 .link dd{ font-size:14px; line-height:28px;} .Bottom002705 .link dd a{ color:#fff; opacity:0.32;} .Bottom002705 .link dd a:hover{ opacity:1;} .Bottom002705 .bshare-custom{ overflow:hidden;} .Bottom002705 .bshare-custom a{ display:block; float:left; transform:scale(0.9); padding:0; width:40px; height:40px; border-radius:50%; border:1px solid #fff; background-position: 0 0; background-repeat:no-repeat; opacity:0.6;} .Bottom002705 .bshare-custom a:hover{ opacity:1;} .Bottom002705 .bshare-custom a:not(:last-child){ margin-right:5px;} .Bottom002705 .bshare-custom a.bshare-qqim{ background-image:url(../images/Bottom002705_share_qq.png);} .Bottom002705 .bshare-custom a.bshare-weixin{ background-image:url(../images/Bottom002705_share_wx.png);} .Bottom002705 .bshare-custom a.bshare-sinaminiblog{ background-image:url(../images/Bottom002705_share_sina.png);} .Bottom002705 .bshare-custom a.gettop{background-position: -2px 0; background-image:url(../images/Bottom002705_share_gtop.png); background-color:#295eb0; border-color:#295eb0; opacity:1;} .Bottom002705 .code{ padding-top:20px;} .Bottom002705 .code img{ display:block; max-width:120px; width:100%;} .Bottom002705 .bottom-right{ text-align:right;} .Bottom002705 .word{ overflow:hidden; text-align: left;} .Bottom002705 .word::before{ display:block; content:''; width:80%; max-width:180px; height:1px; background:#fff; opacity:0.2; float:right; margin-bottom:15px;} .Bottom002705 .word p.en{ clear:both; opacity:0.33; font-size:18px; margin-top:0; font-family:candara ,Verdana, Geneva, sans-serif;} .Bottom002705 .word p.cn{ margin-top:0; font-size:22px; letter-spacing:2px; font-weight:bold; max-width:500px; float:right;} .Bottom002705 .copyright{ padding-top:6%;} .Bottom002705 .copyright nav a{ color:#fff; opacity:0.3;} .Bottom002705 .copyright nav a:hover{ opacity:1;} .Bottom002705 .copyright nav a:not(:last-child)::after{ display:inline-block; content:''; vertical-align:middle; width:1px; height:8px; background:#fff; opacity:0.3; margin:0 8px;} .Bottom002705 .copyright p{ color:#bfbfbf;} .Bottom002705 .copyright p a{ color:#bfbfbf;} .Bottom002705 .designer{color:#959aa3;} .Bottom002705 .designer a{color:#959aa3; text-decoration:underline;} #bsWXBox{box-sizing:content-box;} .bd_weixin_popup{ width: 280px!important; height: 340px!important;} @media(max-width:1024px){ .Bottom002705 .bottom-mid, .Bottom002705 .bottom-left, .Bottom002705 .bottom-right, .Bottom002705 .bottom-mid dl{ text-align:center; float:none; width:auto;} .Bottom002705 .code img, .Bottom002705 .logo img{ margin:0 auto;} .Bottom002705 .hotline{ margin-top:3%;} .Bottom002705 .bottom-mid dt::after{ margin:20px auto;} .Bottom002705 .bshare-custom{ display:inline-block;} .Bottom002705 .word{ padding-top:30px;} .Bottom002705 .word::before, .Bottom002705 .word p.cn{ float:none; width:auto; max-width:none;} .Bottom002705 .copyright{ padding:0;} .Bottom002705 .bottom-mid{ display: none;} } @media(max-width:768px){ .Bottom002705 .hotline b{ font-size: 28px;} .Bottom002705 .word{ padding-top: 0;} .Bottom002705 .word p.en{ font-size: 12px;} .Bottom002705 .word p.cn{ font-size: 14px;} } /* * .Floor001025 为demo编号 */ .Floor001025{ padding: 3% 0;} .Floor001025 .slick-slider{ position: relative; display: block; margin-bottom: 30px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .Floor001025 .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .Floor001025 .slick-list:focus { outline: none;} .Floor001025 .slick-list.dragging { cursor: pointer; cursor: hand;} .Floor001025 .slick-slider .slick-track, .Floor001025 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Floor001025 .slick-track { position: relative; left: 0; top: 0; display: block;} .Floor001025 .slick-track:before, .Floor001025 .slick-track:after { content: ""; display: table;} .Floor001025 .slick-track:after { clear: both;} .Floor001025 .slick-slide { float: left; /*height: 100%;*/ min-height: 1px; display: none;} [dir="rtl"] .slick-slide { float: right;} .Floor001025 .slick-slide img { display: block; width: 570px; height: 380px;} .Floor001025 .slick-slide.slick-loading img { display: none;} .Floor001025 .slick-slide.dragging img { pointer-events: none;} .Floor001025 .slick-initialized .slick-slide{ display: block;} .Floor001025 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor001025 .slick-arrow.slick-hidden { display: none;} .Floor001025 .slick-loading .slick-slide {visibility: hidden;} .Floor001025 .slick-loading .slick-track { visibility: hidden;} .Floor001025 .slick-loading .slick-list { background: #fff url("../images/Floor001025-loader.gif") center center no-repeat;} .Floor001025 .carousel-center-mode .slick-slide { outline: none; padding: 0 15px;} .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail { transition: 450ms;} .Floor001025 .carousel-center-mode .slick-slide.slick-center a{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 100;} @media (min-width: 1200px) { .Floor001025 .carousel-center-mode .slick-track{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Floor001025 .carousel-center-mode .slick-slide{ position: relative; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; } .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail{ min-width: 450px; -webkit-transform: scale(0.85); transform: scale(0.85); } .Floor001025 .carousel-center-mode .slick-slide h5{ font-size: 16px; transition: 0s;} .Floor001025 .carousel-center-mode .slick-slide p{ font-size: 12px; transition: 0s;} .Floor001025 .carousel-center-mode .slick-slide.slick-active{ cursor: pointer;} .Floor001025 .carousel-center-mode .slick-slide.slick-center{ z-index: 10; cursor: default;} .Floor001025 .carousel-center-mode .slick-slide.slick-center .image-thumbnail{ min-width: 570px; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.3); } .Floor001025 .carousel-center-mode .slick-slide.slick-center h5{ font-size: 18px; margin-bottom: 0;} .Floor001025 .carousel-center-mode .slick-slide.slick-center p{ font-size: 14px; margin-top: 10px;} } .Floor001025 .image-thumbnail { max-width: 570px; margin-left: auto; margin-right: auto; position: relative; border-radius: 10px; overflow: hidden;} .Floor001025 .image-thumbnail img { border-radius: 10px;} .Floor001025 .image-thumbnail .Ispic{border-radius: 10px; padding-bottom: 68%;} .Floor001025 .image-thumbnail .caption { padding: 20px;} @media (min-width: 768px) { .Floor001025 .image-thumbnail .caption{ opacity: 0; transition: .3s;} .Floor001025 .image-thumbnail * { color: #fff;} .Floor001025 .image-thumbnail:before { transition: .3s; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; display: inline-block; background-image: -webkit-linear-gradient(top, transparent 30%, #000 110%); background-image: -o-linear-gradient(top, transparent 30%, #000 110%); background-image: linear-gradient(to bottom, transparent 30%, #000 110%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0); } .Floor001025 .image-thumbnail .caption { position: absolute; left: 0; right: 0; bottom: 0; text-align: left;} .Floor001025 .image-thumbnail .caption p { line-height: 21px;} .Floor001025 .image-thumbnail .caption h5 + p { margin-top: 12px;} } @media (min-width: 1200px) { .Floor001025 .image-thumbnail .caption { padding: 20px 35px;} } .Floor001025 .carousel-center-mode .slick-slide.slick-center:hover .image-thumbnail .caption, .Floor001025 .carousel-center-mode .slick-slide.slick-center:hover .image-thumbnail:before{ opacity: 1;} /* Icons */ /* Arrows */ .Floor001025 .slick-prev, .Floor001025 .slick-next { position: absolute; display: block; height: 60px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; background: #eee; color: transparent; top: 28%; padding: 0; border: none; outline: none; z-index: 3; transition: 350ms; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .Floor001025 .slick-prev:hover, .Floor001025 .slick-prev:focus, .Floor001025 .slick-next:hover, .Floor001025 .slick-next:focus { outline: none; background-color: #00a2e9;} .Floor001025 .slick-prev:hover:before, .Floor001025 .slick-prev:focus:before, .Floor001025 .slick-next:hover:before, .Floor001025 .slick-next:focus:before { color: #fff;} .Floor001025 .slick-prev.slick-disabled:before, .Floor001025 .slick-next.slick-disabled:before { opacity: 0.5;} @media (min-width: 768px) { .Floor001025 .slick-prev, .Floor001025 .slick-next { top: 50%;} } .Floor001025 .slick-prev:before, .Floor001025 .slick-next:before { font-size: 24px; line-height: 1; color: #888; opacity: 0.75;font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-prev { border-radius: 0 50% 50% 0; left: 0;} [dir="rtl"] .slick-prev { left: auto; right: 0;} .Floor001025 .slick-prev:before { content: "\e257";} [dir="rtl"] .slick-prev:before { content: "\e257";} .Floor001025 .slick-next { border-radius: 50% 0 0 50%; right: 0;} [dir="rtl"] .slick-next { left: 0; right: auto;} .Floor001025 .slick-next:before { content: "\e258";} [dir="rtl"] .slick-next:before { content: "\e258";} /* Dots */ .Floor001025 .slick-dots{ position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;} .Floor001025 .slick-dots li{ position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .Floor001025 .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .Floor001025 .slick-dots li button:hover, .Floor001025 .slick-dots li button:focus { outline: none;} .Floor001025 .slick-dots li button:hover:before, .Floor001025 .slick-dots li button:focus:before { opacity: 1;} .Floor001025 .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-dots li.slick-active button:before { color: black; opacity: 0.75;} .Floor001025 .carousel-center-mode .slick-track { min-height: 460px; padding: 40px 0;} .Floor001025 .carousel-center-mode .slick-list { margin-left: auto; margin-right: auto;} @media (min-width: 768px) { .Floor001025 .carousel-center-mode .slick-list { width: 750px;} } @media (min-width: 992px) { .Floor001025 .carousel-center-mode .slick-list { width: 970px;} } @media (min-width: 1300px) { .Floor001025 .carousel-center-mode .slick-list { width: 1280px;} } @media (max-width: 420px) { .Floor001025 .image-thumbnail .caption h5{ margin: 0; padding: 0; margin-top: 15px;} .Floor001025 .image-thumbnail .caption{ padding: 0;} .Floor001025 .slick-prev, .Floor001025 .slick-next{ top: 38%;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding:3% 0;} .PicList002239 li{ margin-bottom: 3%; float:left;box-shadow: 0 3px 60px rgba(0,0,0,.1); padding:2%; } @media(min-width:769px){ .PicList002239 li{margin-right:2%; width:23.5%; } .PicList002239 li:nth-child(4n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px; margin-top:20px; text-align:center;} .PicList002239 li dt{font-size: 15px; color: #303e48;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } /*PicList002663 */ .PicList002663{ padding:3% 0 1% 0;} .PicList002663 li{ background:#fff; transition:0.3s;} .PicList002663 .news-top .bx-wrapper{ position:relative; z-index:1;} .PicList002663 .news-top .bx-viewport{ z-index:1} .PicList002663 li time{ display: block; color: #303e48; font-size: 14px; line-height: 1;} .PicList002663 li time span{ font-size:36px; } .PicList002663 li h3{font-size:16px; margin:20px 0;} .PicList002663 li h3 a{ color:#303e48;} .PicList002663 li h3 a:hover{ color:#00a2e9;} .PicList002663 li p{ line-height:24px; font-size:14px; overflow:hidden; height:72px; margin:20px 0; color:#303e48;} .PicList002663 li .more{ display:block; margin-top:3%; width:150px; line-height:36px; text-align:center; color:#303e48; border:1px solid #f0f0f0; font-size:14px; transition:0.3s;} .PicList002663 li .more::after{ display:inline-block; content:''; width:28px; height:6px; background:url(../images/more.png) no-repeat center center; background-size:contain; vertical-align:middle; margin: -4px 0 0 5px;} .PicList002663 li:hover .more{ background:#00a2e9; border-color:#00a2e9; color:#fff;} .PicList002663 li:hover .more::after{ background-image:url(../images/more2.png);} .PicList002663 li:hover{box-shadow: 0 3px 60px rgba(0,0,0,.1);} .PicList002663 .news-top{ border: 1px solid #f3f9fd; position: relative;} .PicList002663 .news-top li h3{ font-size:22px;} .PicList002663 .news-top li p{ font-size:15px; line-height:28px; height:84px;} .PicList002663 .news-top li .more{ background:#00a2e9; border-color:#00a2e9; color:#fff;} .PicList002663 .news-top li .more::after{ background-image:url(../images/more2.png);} .PicList002663 .news-list li{ float:left; padding:70px 25px; background:#fff;} .PicList002663 .owl-dots{ text-align:center; background:#fff; padding:20px 30px;display:inline-block; position: absolute; bottom: 0; right: 40%;} .PicList002663 .owl-dots div{ display:inline-block;padding:0 5px;} .PicList002663 .owl-dots div span{ position:relative; display:block; width:14px; height:14px; border-radius:50%; border:1px solid transparent; overflow:hidden; line-height:1000px;} .PicList002663 .owl-dots div span::before{ position:absolute; content:''; left:2px; top:2px; right:2px; bottom:2px; background:#c4c4c4; border-radius:50%; } .PicList002663 .owl-dots div.active span{ background:#fff; border-color:#00a2e9;} .PicList002663 .owl-dots div.active span::before{ background:#00a2e9;} .PicList002663 .news-top .pic{ position: relative;} .PicList002663 .news-top .pic .Ispic{ display: block;padding-bottom: 56%;} .PicList002663 li .Ispic{ display: block;padding-bottom: 62%;} @media(min-width:769px){ .PicList002663 .news-top .pic{ width:60%;} .PicList002663 .news-top .txt{ width:40%;padding:0 6%;} .PicList002663 .news-list li{width:25%; border-left: 1px solid #f3f9fd; border-bottom: 1px solid #f3f9fd;} .PicList002663 .news-list{ border-right: 1px solid #f3f9fd;} .PicList002663 .bx-controls{ position:absolute; left:0;width:64%; bottom:0; z-index:10;} .PicList002663 .bx-pager{ float:right;} .PicList002663 .bx-pager div{ float:left;} } @media(max-width:1024px){ .PicList002663 li time, .PicList002663 li h3{font-size:24px;} } @media(min-width:481px) and (max-width:1024px){ .PicList002663 li p{ line-height:20px; font-size:14px;height:80px;} } @media(max-width:768px){ .PicList002663 .news-top .ycenter{ display:block;} .PicList002663 .news-top .txt{ padding:3%;} .PicList002663 .news-top li h3{ height:auto;} .PicList002663 .news-top li p{ margin: 0; height:82px;} .PicList002663 .news-list li{width:49%; padding: 20px 0;} .PicList002663 .news-list li:nth-child(2n){ margin-right:0;} .PicList002663 li time span{ font-size: 24px;} .PicList002663 li time{ font-size: 16px;} .PicList002663 li h3 a{ font-size: 18px;} .PicList002663 .owl-dots{ width: 100%; position: static;} } @media(max-width:480px){ .PicList002663 .news-list li{ float:none; width:auto; margin-right:0;} .PicList002663 .news-list li p, .PicList002663 .news-list li h3{ height:auto;} } /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:3% 0; text-align:center;} .RichInfo005 .news_info{ padding:3%; box-shadow: 0 3px 60px rgba(0,0,0,.1);} .RichInfo005 .news_info .title{ padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin-bottom:10px;font-size:26px; font-weight:normal;color: #303e48;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px solid #f7f4f8; padding-bottom:20px;} .RichInfo005 .news_info .title p span{ color:#999;} .RichInfo005 .news_info .pic{ text-align:center; color:#777; padding-bottom:2%; line-height:60px;} .RichInfo005 .news_info .pic2{float:right; margin-left:5%; width:40%;} .RichInfo005 .news_info img{ display:block; margin:0 auto;} .RichInfo005 .news_info .info{ line-height:36px; font-size:15px; color:#303e48;} .RichInfo005 .news_info .h2{font-size:18px; color:#00a2e9; text-align: left;} .RichInfo005 .news_info .h1{font-size:24px; color:#00a2e9; text-align: left;} .RichInfo005 .news_info .p2{ line-height:36px; font-size:15px; color:#303e48; text-align: left;} .RichInfo005 .news_info .info strong{ font-size:20px;} .RichInfo005 .info_pn{ margin-top:3%; text-align:left;} .RichInfo005 .info_pn span{ display:block; background:#f8f8f8; padding:1% 20px; margin:10px 0;line-height:36px; font-size:16px; color:#303e48;} .RichInfo005 .info_pn span a{ color:#303e48; line-height:36px; font-size:16px; display: block;} .RichInfo005 .info_pn span:hover a{ color:#fff;} .RichInfo005 .info_pn span:hover{ color:#fff;} .RichInfo005 .info_pn span:hover{ background:#00a2e9;} .RichInfo005 .box{margin-bottom: 14px;} .RichInfo005 .left{ float: left;width:48%;} .RichInfo005 .right{ float:right;width:48%;} .RichInfo005 .left p, .RichInfo005 .right p{text-align: left;} .RichInfo005 .left img, .RichInfo005 .right img{width: 100%;} @media(max-width:768px){ .RichInfo005 .left, .RichInfo005 .right{ float: none;width:100%;} .RichInfo005 .news_info .pic2{float:none; margin-left:0; width:100%;} } @media(max-width:480px){ .RichInfo005 .news_info .title h1{font-size:24px;} .RichInfo005 .news_info .info{ line-height: 26px; font-size: 14px;} .RichInfo005 .news_info .info strong{ font-size: 18px;} } .RichInfo005 .box1 .intro{line-height: 36px; font-size: 15px; color: #303e48;} .RichInfo005 .box1 .ul_img{ overflow:hidden;} .RichInfo005 .box1 .ul_img li{ width:32%; margin-right:2%; float:left;} .RichInfo005 .box1 .ul_img li img{ width:100%;} .RichInfo005 .box1 .ul_img li:last-child{ margin-right:0;} .RichInfo005 .box1 .more{ text-align:center; padding-top:3%;} .RichInfo005 .box1 .more a{ display:inline-block; font-size:16px; border:1px solid #008ae2; border-radius:3px; padding:10px 28px; color:#008ae2; transition:padding ease-in-out 0.3s;} .RichInfo005 .box1 .more a:hover{color:#fff; border-color:#008ae2; background-color:#008ae2;padding:10px 38px;} .RichInfo005 .box2{line-height: 36px; font-size: 15px; color: #303e48;} @media(min-width:769px){ .RichInfo005 .box2 li{text-align:center;} .RichInfo005 .box2 li .txt, .RichInfo005 .box2 li .Ispic{ width:50% ; float: left;} .RichInfo005 .box2 li:nth-child(2) .txt{ float:right;} .RichInfo005 .box2 li .Ispic img{ width:100% ; display: block;} .RichInfo005 .box2 li .txt{padding: 0 6%; padding-top:8%; } } .RichInfo005 .box2 .tips{text-align:center;} .RichInfo005 .box2 .tips p{ padding:4% 0 ;line-height: 36px; font-size: 15px; color: #303e48; margin: 0;} @media(max-width:1000px){ .RichInfo005 .box2 .title h1{font-size: 24px;} .RichInfo005 .box2 li .txt p{ margin:0;} } @media(max-width:768px){ .RichInfo005 .box2 li{ position:relative; text-align:center; margin-bottom:3%;} .RichInfo005 .box2 li .txt p{ margin-bottom:3%;} .RichInfo005 .box2 .tips{ padding:3%;} .RichInfo005 .box1 .title h1{ font-size: 20px;} } @media(max-width:640px){ .RichInfo005 .box1 .ul_img li{ width:100%; margin-right:0; float:none;} } @media(max-width:480px){ .RichInfo005 .box2 li .txt p{ font-size:12px;} } .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; border: 1px solid #f3f9fd; transition: 0.3s;} .PicList002149 li:hover{box-shadow: 0 0 10px rgba(41, 94, 176,0.5);} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002146-more.gif) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} .PicList002149 li h3:hover a{ color: #295eb0;} /*PicList002149 */ .PicList002149{ padding-top:3%; color: #303e48;} .PicList002149 h3{ font-size:18px;} .PicList002149 h3 a{ color: #303e48;} .PicList002149 p{ line-height:24px; overflow:hidden; color:#303e48; height:48px; margin:2% 0 0 0;} .PicList002149 ol{ margin-bottom:2%; position:relative; padding-left:40%; border: 1px solid #f3f9fd;} .PicList002149 ol .Ispic{ width:36%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ font-size: 22px;} .PicList002149 ol time{ display: block; color: #303e48; font-size: 14px; line-height: 1;} .PicList002149 ol time span{ font-size:36px;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px; color:#303e48; font-size:15px; line-height: 28px;} .PicList002149 ol .more{ display:block; margin-top:3%; width:150px; line-height:36px; text-align:center; color:#fff; background: #295eb0; font-size:14px; transition:0.3s;} .PicList002149 ol .more::after{ display:inline-block; content:''; width:28px; height:6px; background:url(../images/more2.png) no-repeat center center; background-size:contain; vertical-align:middle; margin: -4px 0 0 5px;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:768px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3% 0;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li time{ font-size: 16px;} .PicList002149 ol time span{ font-size: 24px;} .PicList002149 ol h3 a{ font-size: 18px;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /*PicList002146 */ .PicList002146{ padding:3% 0;} .PicList002146 li{ float:left; width:30%; margin-right:5%; margin-bottom:3%;box-shadow: 0 3px 60px rgba(0,0,0,.1);} .PicList002146 li:nth-child(3n){ margin-right:0;} .PicList002146 li a{ display:block; position:relative; color:#303e48;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:16px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:68%;} .PicList002146 li h3{ padding:2% 15% 2% 2%; line-height:50px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/PicList002146-more.gif) no-repeat center center;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(41, 94, 176,0.5); z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ font-size:18px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:14px; line-height:24px; margin:0; height: 72px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-right: 4%;} .PicList002146 li:nth-child(3n){margin-right: 4%;} .PicList002146 li:nth-child(2n){margin-right: 0;} } @media(max-width:640px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:70px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } /* .RighInfo002363 为demo编号 */ .RighInfo002363{ padding-bottom:1%;} .RighInfo002363 .title{ padding:3% 0 20px 0;border-bottom: 1px solid #f7f4f8; text-align:center;} .RighInfo002363 .title h1{ margin-bottom:10px;font-size:26px; font-weight:normal;color: #303e48;} .RighInfo002363 .con-head em{position:relative; margin:2% 0; font-style:normal; display: inline-block; color:#303e48; font-size:18px; padding-bottom:20px; } .RighInfo002363 .con-head em span{ color:#00a2e9;} .RighInfo002363 .con-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:3px; content:""; background:#f8b62b; } .RighInfo002363 .box1{ padding:3% 0;} .RighInfo002363 .box1 .tit{ text-align:center; font-size:24px; font-weight:normal; color:#303e48; margin:0; padding-bottom:25px; position:relative; } .RighInfo002363 .box1 .tit:after{ display:block; margin:0 auto; width:68px; height:1px; background-color:#bbb; margin-top:16px; content:''; } .RighInfo002363 .box1 .text{ position:relative; color: #303e48; padding: 15px 0; line-height:36px; font-size:15px;} .RighInfo002363 .box1 .text img{ margin:2% 0;} .RighInfo002363 .box1 .text img.img{ float:right; margin-left:5%; max-width:380px;} .RighInfo002363 .box1 ol{ padding-left:20px;} .RighInfo002363 .box1 img{ margin-bottom:2%;} .RighInfo002363 .ul_rundown{ padding-bottom:2%;} .RighInfo002363 .ul_rundown li{ position:relative;} .RighInfo002363 .ul_rundown li p{ font-size:16px; color:#303e48; margin-bottom:0;} @media(min-width:769px){ .RighInfo002363 .ul_rundown{ display:table; width:100%; margin-bottom:80px;} .RighInfo002363 .ul_rundown li{ display:table-cell; vertical-align:bottom; max-width:218px; padding-right:3%;} .RighInfo002363 .ul_rundown li .num{ top:50px; font-size:50px; border-top:1px solid rgba(3, 110, 184, 0.3); padding-top:20px; width:100%;} .RighInfo002363 .ul_rundown li:last-child .num{ border-top-color:transparent;} .RighInfo002363 .ul_rundown li .num::before{ position:absolute; content:''; width:12px; height:12px; border-radius:50%; background:#00a2e9; left:0; top:-6px;} } .RighInfo002363 .ul_rundown li .num{ position:absolute; left:0; color:rgba(0, 162, 233, 0.19); font-family:Arial, Helvetica, sans-serif;} @media(max-width:1024px){ .RighInfo002363 .ul_rundown{ margin-bottom:130px;} .RighInfo002363 .ul_rundown li p{ font-size:16px;} .RighInfo002363 .ul_rundown li .num{ font-size:40px; top:150px; } } @media(max-width:768px){ .RighInfo002363 .ul_rundown li{ padding-left:60px; min-height:50px;} .RighInfo002363 .ul_rundown li:nth-child(2n){ background:#f5f5f5;} .RighInfo002363 .ul_rundown li .num{ top:8px; left:5px;} .RighInfo002363 .ul_rundown li .txt{ position:relative; padding-left:60px;} .RighInfo002363 .ul_rundown li .txt img{ position:absolute; left:0; top:0; width:45px; height:45px;} .RighInfo002363 .ul_rundown li .txt p{ margin:0; padding:20px 0;} .RighInfo002363 .box1 .text img.img{ margin-left: 0; float: none; max-width: initial; width: 100%;} } @media only screen and (min-width:768px ) { .RighInfo002363 .con-head em{ font-size: 22px;} } @media only screen and (min-width:1024px ) { .RighInfo002363 .con-head em{ font-size: 24px;} } .RighInfo002363 .box2{ background: #f6f6f6; padding:40px 0;} .RighInfo002363 .box2 .list{ padding-top: 25px;} .RighInfo002363 .box2 dl{ float:left; width:100%; display:table; border:1px solid #ededed; margin-bottom:2%; background:#fff;} .RighInfo002363 .box2 dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002363 .box2 dt{ width:95px;} .RighInfo002363 .box2 dt b{ display:block;width:45px; height:45px; border-radius:50%; background:#303e48; color:#fff; font-size:24px; position:relative; overflow:hidden; line-height:45px; text-align:center; margin:25px auto;} .RighInfo002363 .box2 dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#00a2e9; bottom:0; right:0;} .RighInfo002363 .box2 dd p{ padding:3% 5% 3% 0; color:#333; margin:0;} @media(min-width:769px){ .RighInfo002363 .box2 dl{width:32%;margin-right:2%;} .RighInfo002363 .box2 dl:nth-child(3n){ margin-right:0;} .RighInfo002363 .box2 dl:nth-child(3n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002363 .box2 dl{ width:48%;} .RighInfo002363 .box2 dl:nth-child(2n){ float:right;} .RighInfo002363 .box2 dl:nth-child(2n+1){ clear:left;} } @media(max-width:767px){ .RighInfo002363 .box2{ padding:20px 0;} .RighInfo002363 .box2 li{ width:50%; margin-bottom:2%;} .RighInfo002363 .box2 li{ border-left:1px solid #f4f4f4;} .RighInfo002363 .box2 li:nth-child(2n){ border-left:1px solid #fff;} } .RighInfo002363 embed{ width:100%; height: 500px; } .Menu002449{ position: relative;} .Menu002449 .menu .side-menu{ display: none;} .Menu002449 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002449 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002449 #side-menu .owl-stage{position:relative;touch-action: manipulation;} .Menu002449 .side-menu{ display:none;} .Menu002449 #side-menu{ border-top:1px solid #fff; position:relative;} .Menu002449 #side-menu li a{background:#f3f3f3;color: #303e48;font-size: 16px;display: inline-block;position: relative;padding: 20px 10px;width: 100%;line-height: 22px; text-align: center;} .Menu002449 #side-menu li a p{ margin: 0; padding: 0;} .Menu002449 #side-menu li.aon a{ background:#006cba; color:#fff;} .Menu002449 #side-menu li a span{ display: block; font-size: 12px; opacity: 0.7;} .Menu002449 #side-menu li.on a,.Menu002449 #side-menu li a:hover{ color: #fff; background: #00a2e9;} .Menu002449 #side-menu .owl-nav div{ position:absolute; top:50%; margin-top:-27px;width:30px; height:54px; overflow:hidden; line-height:1000px; z-index:10; cursor: pointer;} .Menu002449 #side-menu .owl-nav div::before{ position:absolute; content:''; width:14px; height:14px; border-right:2px solid #ccc; border-top:2px solid #ccc; left:50%; top:50%; margin:-7px 0 0 -8px; transform:rotate(45deg);} .Menu002449 #side-menu .owl-nav div:hover::before{ border-color:#00a2e9;} .Menu002449 #side-menu .owl-nav div.owl-prev{ left:-4%;} .Menu002449 #side-menu .owl-nav div.owl-prev::before{transform:rotate(-135deg); margin-left:-3px;} .Menu002449 #side-menu .owl-nav div.owl-next{ right:-4%;} .Menu002449 #side-menu .owl-nav div.disabled{ cursor: auto;} @media(max-width:1366px){ .Menu002449 #side-menu .owl-nav div.owl-prev{ left:-2%;} .Menu002449 #side-menu .owl-nav div.owl-next{ right:-2%;} } @media(max-width:1280px){ .Menu002449 #side-menu .owl-nav div.owl-prev{ left:0;} .Menu002449 #side-menu .owl-nav div.owl-next{ right:0;} } .PicList001727 .list li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;background-color:#fff; box-shadow: 0 3px 60px rgba(0,0,0,.1);} .PicList001727 .list li:nth-child(4n){ margin-right:0;} .PicList001727 .list li a{ display:block; transition:background 0.3s;} .PicList001727 .list li a:hover{ background-color:#00a2e9; color:#fff;} .PicList001727 .list li h1{ position:relative; margin:0; font-weight:normal; font-size:16px; padding:30px;} .PicList001727 .list li h1 i{position:absolute; left:30px; top:20px;background-color:#00a2e9;height:2px; width:25px;} .PicList001727 .list li a:hover h1 i{ background-color:#fff;} @media(max-width:768px) and (min-width:481px){ .PicList001727 .list li{ width:32%;} .PicList001727 .list li:nth-child(4n){ margin-right:2%;} .PicList001727 .list li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList001727 .list li{ width:49%;} .PicList001727 .list li:nth-child(2n){ margin-right:0;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding:2% 0;} .PicList000762 li{ float:left; width:49%; margin-right:2%; margin-bottom:3%; } .PicList000762 li:nth-child(2n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#303e48; text-align:center; padding:3% 2% 0 2%;} .PicList000762 li p{ margin:0; text-align:center; padding:0 2% 3% 2%; opacity:.6; color:#303e48;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:52%;} .PicList000762 li a:hover{ background-color:#00a2e9; } .PicList000762 li a:hover *{color:#fff;} @media(max-width:640px){ .PicList000762 li{width:100%; margin-right:0; float:none;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /* .PicList002451 为demo编号 */ .PicList002451{ padding: 2% 0 0; padding-top: 4%;} .PicList002451 li{ float: left; width: 23.5%; margin-right: 2%; margin-bottom: 3%; box-shadow: 0 3px 60px rgba(0,0,0,.1);} .PicList002451 li:nth-child(4n){ margin: 0;} .PicList002451 li .inner{ position: relative;} .PicList002451 li .abshref{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; z-index: 5;} .PicList002451 li .pic{ overflow: hidden;} .PicList002451 li .pic img{ visibility: hidden;} .PicList002451 li .pic a{ display: block; background-position: center; background-size: cover; background-repeat: no-repeat; transition: transform .5s ease-in-out; } .PicList002451 li .word{ padding: 2%; background: #fff;transition: background-color .5s ease-in-out;} .PicList002451 li .word h2{ line-height: 50px; margin: 0; text-align: center;font-weight: normal; font-size: 16px; color: #303e48; } .PicList002451 li:hover .pic a{ transform: scale(1.05);} .PicList002451 li:hover .word{ background: #00a2e9;} .PicList002451 li:hover .word h2{ color:#fff;} @media(max-width:640px){ .PicList002451 li{ width: 48%; margin-right: 4%; } .PicList002451 li:nth-child(2n){ margin: 0;} } /* .RighInfo002223 为demo编号 */ .RighInfo002223{background-color: #fff; padding:3% 0 0;} .RighInfo002223 .img{margin-top: 20px;} .RighInfo002223 .h3{color:#00a2e9;line-height:1.6;margin:0; font-size: 20px;} .RighInfo002223 .h4{font-size:16px;color:#00a2e9;margin:30px 0px 0 0;} .RighInfo002223 .h3:after,.RighInfo002223 .h4:after{color:#8fb8e1;width:50px;height:2px;background:#00a2e9;border:none;margin:15px 0px; content: ""; display: block;} .RighInfo002223 .ul{margin: 0; clear: both;} .RighInfo002223 .ul li{font-size:14px;line-height:2.245;} .RighInfo002223 .ul li span{font-family:Arial;font-size:16px;color:#00a2e9;font-weight:bold;} .RighInfo002223 p{line-height:2.245;font-size:14px;color:#303e48;margin:0px 0px 25px;clear:both;} .RighInfo002223 .pic{ background:#fafafa; padding:3% 0; margin-top:3%;} .RighInfo002223 .pic img{ display:block; margin:0 auto;} @media screen and (min-width: 1024px){ .RighInfo002223 .h3{font-size: 24px;} .RighInfo002223 .img{width:20%;} .RighInfo002223 .con{width:80%;} } @media screen and (min-width: 768px){ .RighInfo002223 .h3:after,.RighInfo002223 .h3:after{ margin: 25px 0;} .RighInfo002223 .h4{font-size:18px; margin-top: 55px;} .RighInfo002223 .img{float:right;width:26%; text-align:right;} .RighInfo002223 .con{float:left;width:66%;} } @media screen and (max-width: 768px){ .RighInfo002223 .img img{ width: 100%;} } /*RighInfo002939 */ .RighInfo002939{padding:3% 0;} .RighInfo002939 .name{border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: 37px;} .RighInfo002939 .name h1{margin: 0 0 30px 0;font-size: 20px;color: #333;} .RighInfo002939 .time{color: #c8c8c8;padding-bottom: 1.72vw;line-height: 16px;} .RighInfo002939 .share{margin-left: 10px;} .RighInfo002939 .time time, .RighInfo002939 .share, .RighInfo002939 .share > *{display: inline-block; vertical-align: middle;} .RighInfo002939 .share em{font-style: normal;} .bshare-custom{display: inline-block;margin-left: 10px;} #bsPanel, #bsPanel *, .bsBox, .bsBox *{box-sizing: content-box;} .RighInfo002939 .edit-info{line-height: 2.5625em;color: #1e1e1e; text-align: justify; padding-bottom: 4vw;} .RighInfo002939 .info-page{border: solid 1px #eee;} .RighInfo002939 .info-page dd{line-height: 36px;} .RighInfo002939 .info-page dd a{padding: 0 20px;} .RighInfo002939 .info-page dd a:hover{color: #d43e45;} @media(min-width:641px){ .RighInfo002939 .info-page dd{float: left; width: 50%;} .RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;} .RighInfo002939 .time, .RighInfo002939 .info-page dd a, .RighInfo002939 .edit-info{font-size: 16px;} } @media(max-width:640px){ .RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;} .RighInfo002939 .share{display: block; padding-top: 10px;} } /*RighInfo002851 */ .RighInfo002851{padding:3% 0;} .RighInfo002851 .singlePage{line-height: 30px;color: #666;font-size: 15px;} .RighInfo002851 .title{font-size:24px;color: #333;text-align: center;font-weight: bold;} .RighInfo002851 img{margin: 10px auto;display: block;} /* .RighInfo002296 为demo编号 */ .RighInfo002296{ padding: 3% 0 0; z-index: 2; position: relative;} .RighInfo002296 .auto{ padding:3%; box-shadow: 0 3px 60px rgba(0,0,0,.1); background: #fff; line-height:28px; color:#303e48;} .RighInfo002296 .home_title{ line-height: 36px;text-align: center;color:#333;padding-bottom: 20px;} .RighInfo002296 .h5,.RighInfo002296 .h3,.RighInfo002296 .p{ margin: 0; padding: 0; color: #303e48;} .RighInfo002296 .wrap-container{ position: relative; z-index: 2; padding: 10px 0 0; color: #666666; line-height: 24px; text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; } .RighInfo002296 dl{ text-align:center; font-size:16px; padding-bottom:4%;} .RighInfo002296 ul{ text-align:center;} .RighInfo002296 ul li{ font-size:16px;} .RighInfo002296 ul li img{ max-width: 60px;} .RighInfo002296 ul li h5{ font-size:18px; font-weight:bold; color:#333333; line-height:50px;} .RighInfo002296 ul li h5 i{ display:block; width:20px; height:3px; background-color:#295eb0; margin:auto; margin-bottom: 3%;} @media only screen and (min-width: 768px) { .RighInfo002296 .column-name{font-size:28px;} .RighInfo002296 ul li{ float: left; width: 25%;} .RighInfo002296 ul li h5{ font-size: 20px;} } /*Map002515 */ .Map002515{ background:#fff; padding:0 0 5% 0;} .Map002515 .list .name{ font-size:20px; font-weight:bold; color: #295eb0;padding-bottom:2%;border-bottom: dashed 1px #ccc;} .Map002515 .list li { line-height: 36px; float: left; width: 49%; margin-right: 2%; background-repeat: no-repeat; background-position: 0 0; border-bottom: 1px #ddd dashed; padding: 12px 0; color: #666;} .Map002515 .list li:nth-child(2n){ margin-right:0;} .Map002515 .list li span { color: #333; font-weight: bolder; } .Map002515 .list li img{ max-width:35px; margin-right:5px;} .Map002515 .list li a { color: #00a2e9; } .Map002515 .list li:hover a { text-decoration: underline; } .Map002515 .list .map{ height:420px;} .Map002515 .list .map *{ box-sizing:content-box;} .Map002515 .list .map img{ max-width:none;} /* .TextList001652 为demo编号 */ .TextList001652{padding:3% 0;} .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:20%; text-align:center;} .TextList001652 .list_ul li:first-child{ text-align: left; padding-left: 5%;} .TextList001652 .job_ol{ background-color:#295eb0; color:#fff; line-height:3em; padding: 0 3%; font-size: 16px;} .TextList001652 .job_ol li:first-child{ text-align: left; padding-left: 5%;} .TextList001652 .list{ border: 1px solid #dfdfdf; padding: 0 3%; margin-top: 15px;} .TextList001652 .job_info{ display:none;} .TextList001652 .list_ul{ cursor:pointer;font-size:16px;} .TextList001652 .list_ul li{ padding:1em 0; line-height: 25px; position: relative;} .TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;} .TextList001652 .list_ul li:nth-child(5) a:hover{ background-color:#295eb0;color:#fff;} .TextList001652 .list_ul i{ position:absolute; width:22px; height:22px; background:#295eb0; border-radius:50%; right:0; top:50%; margin-top:-11px;} .TextList001652 .list_ul i::before, .TextList001652 .list_ul i::after{ position:absolute; content:''; background:#fff;} .TextList001652 .list_ul i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;} .TextList001652 .list_ul i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;} .TextList001652 .list_ul.select i::after{ display:none;} .TextList001652 .list_ul.select li:first-child{ color: #295eb0;} .TextList001652 .job_info{padding:2% 5% 2%; border-top: 1px solid #e5e5e5;} .TextList001652 strong{color: #295eb0;} .TextList001652 p{line-height: 30px;} @media(max-width:640px){ .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:25%;} .TextList001652 .job_ol li:nth-child(4), .TextList001652 .list_ul li:nth-child(4){ display:none;} } /* .Form002324 为demo编号 */ .Form002324{ position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:99; display: none;} .Form002324 .wrap-container{ position:fixed; top:50%;margin-top: -243.5px; width:600px; height:470px; margin-left:-300px; left:50%; background:#fff; z-index:100; border-radius: 10px;} .Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form002324 .Title{ font-size:24px; color:#333; text-align:center; line-height:100px;} /*Banner003069 */ .Banner003069{position: relative; z-index: 1;} .Banner003069 .auto{max-width: 1280px;} .Banner003069 .Ispic{height:450px;} .Banner003069 .txt{position: absolute; left: 0; top:50%; width: 100%; z-index: 10;color: #fff; font-size: 36px; text-align: left;transform: translateY(-50%);} .Banner003069 .txt .en{font-size: 0.5em;font-family: 'SourceHanSansCN-Normal';} .Banner003069 .txt .cn{font-family: 'SourceHanSansCN-Bold';} @media(max-width:640px){ .Banner003069 .Ispic{height: 28vw;} .Banner003069 .txt{font-size: 6vw;text-align: center;} } /* .Form001725 为demo编号 */ .Form001725{ padding:2% 4%;} .Form001725 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .Form001725 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .Form001725 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;} .Form001725 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#f29200;} .Form001725 .bomme{ text-align: center;} .Form001725 .form td{font-size:14px; } .Form001725 .form td.w1{ width:47%;} .Form001725 .form td.w2{ width:6%;} .Form001725 .form .text{ width:100%; border-radius:3px; border-top:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; } .Form001725 .form select{ width:100%; border-radius:3px; border-top:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; } .Form001725 .form p{ margin:0 0 10px 0;color:#295eb0; background:url(../images/Form001725-icon.jpg) no-repeat left center; padding-left:15px;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#295eb0; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin-top:20px;} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border-top:1px solid #cfcfcf;line-height:36px;height:36px; } .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} @media(max-width:768px){ .Form002324 .wrap-container{ position:fixed; top:50%;margin-top: -243.5px; width:98%; height:470px; margin-left:0; left:1%; background:#fff; z-index:100;} .Form001725 .form td em{ display: block; margin-top: 5px;} .Form001725 .form .btn{ width: 60%;max-width: 120px;height: 45px; font-size: 14px;} .Form002324 .Title{ line-height: 75px; font-size: 18px;} } /* .PicList001727 为demo编号 */ .PicList001727{ padding:3% 0;} .PicList001727 .tit{ color:#303e48; font-size:34px; padding:5% 0; background:url(../images/PicList001520_tit.png) no-repeat left center/80% auto; font-weight:normal; margin:0; } .PicList001727 .tit span{ position:relative; font-size:16px; color:#303e48; padding-left:10px; } .PicList001727 .tit span:before{ position:absolute; left:10px; top:-8px; width:31px; height:2px; content:""; background:#303e48; } .PicList001727 .categoryIntro{ margin: 3% 0; padding:3%; box-shadow: 0 3px 60px rgba(0,0,0,.1); line-height:28px; color:#303e48; display: none;} .PicList001727 .list{margin: 3% 0 0;} .PicList001727 .con-head em{position:relative; margin:2% 0; font-style:normal; display: inline-block; color:#303e48; font-size:18px; padding-bottom:20px; } .PicList001727 .con-head em span{ color:#00a2e9;} .PicList001727 .con-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:3px; content:""; background:#f8b62b; } @media only screen and (min-width:768px ) { .PicList001727 .con-head em{ font-size: 22px;} } @media only screen and (min-width:1024px ) { .PicList001727 .con-head em{ font-size: 24px;} } .ul_sitemap li{padding-bottom: 0; line-height: 40px;} .ul_sitemap{padding-bottom: 10%;} .ul_sitemap li{border-bottom: dotted 1px #00a2e9; padding: 5px 0px; color: #00a2e9; padding-bottom: 0;} .ul_sitemap li strong{width: 145px; display: inline-block; color: #00a2e9;} .ul_sitemap a:hover{color: #00a2e9;} .ul_sitemap li a{color: #333;} .search_min{width: 100%; margin: 0 auto; font-size: 14px; padding-top: 2%;} .search_min h1{margin: 0; font-weight: normal; padding-bottom: 2%; font-size: 24px; color: #00a2e9;} .search_min li{margin-bottom: 10px; line-height: 25px; border: 1px solid #e3e7e6; padding: 0 10px 0 15px; position: relative; transition: 0.3s;} .search_min li::before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #00a2e9; left: 5px; top: 50%; margin-top: -2px;} .search_min li a{display: block; padding: 15px 0;} .search_min li span{padding-right: 10px; color: #333;transition: 0.3s;} .search_min li:hover{border: 1px solid #00a2e9;} .search_min li:hover span{ color: #00a2e9;} .linkle_box1{ padding-top:3%; margin: 0 auto; padding-bottom: 3%;} .linkle_box1 li{ float:left; width:22.75%; margin-right:3%; margin-bottom:3%;} .linkle_box1 li a{ border:1px solid #e8e8e8; position:relative; display:block;width: 100%; padding-top: 45%;} .linkle_box1 li img{ display: block; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;} .linkle_box1 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; transition:0.3s; z-index: 9;} .linkle_box1 li a:hover figure{ opacity:1;} .linkle_box1 li dl{ display:table; width:100%; height:100%;} .linkle_box1 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .linkle_box1 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .linkle_box1 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .linkle_box1 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .linkle_box1 li{ width:49%;} .linkle_box1 li:nth-child(2n){ margin-right:0;} .linkle_box1 li dt{ font-size:15px;} } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ .auto_640{ max-width:640px;} @media(max-width:640px){.auto_640{ padding:0 2%;}} /* .PicList001240 为demo编号 */ .PicList001240{ padding: 3% 0;} .PicList001240 .list li .auto{border-bottom: solid 1px #dfdfdf; position: relative;} .PicList001240 .list li .pic{ width: 33.333%; padding: 0 15px; overflow: hidden; float: left;} .PicList001240 .list li .pic img{max-width: 100%; width: 300px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;} .PicList001240 .list li .txt{ position:absolute;width: 66.667%; padding: 0 15px; right: 0; top: 50%; transform: translateY(-50%);} .PicList001240 .list li figure{ width: 100%; font-size: 14px;} .PicList001240 .list li time{ font-size:14px; color: #303e48;} .PicList001240 .list li time b{ font-size:30px; font-weight:normal;margin-right:20px;} .PicList001240 .list li h3{ font-size:24px; font-weight:normal; margin-bottom:0; position: relative;} .PicList001240 .list li h3:after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 0; height: 1px;background-color: #0f0f0f;} .PicList001240 .list li h3 a{color: #303e48;} .PicList001240 .list li, .PicList001240 .list li time, .PicList001240 .list li h3, .PicList001240 .list li h3:after, .PicList001240 .list li .pic{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } @media screen and (min-width: 1024px){ .PicList001240 .list li:hover{ background-color: #f8f8f8;} .PicList001240 .list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);} .PicList001240 .list li:hover time, .PicList001240 .list li:hover h3{ padding-left: 50px;} .PicList001240 .list li:hover h3:after{ width: 30px;} } @media(max-width:1024px){ .PicList001240 .list li .auto{ width: 85%; padding: 0;} .PicList001240 .list li .pic{ padding: 0;} .PicList001240 .list li time b{ font-size:20px; margin-right:10px;} .PicList001240 .list li h3{ font-size:20px;} } @media(max-width:768px){ .PicList001240 .list li .auto{ width: 100%; padding: 0 2%;} .PicList001240 .list li time b{ font-size:16px;;} .PicList001240 .list li h3{ font-size:15px; margin-top: 5px;} } /*Other002638 */ .Other002638{ position: relative; margin-top: -80px; z-index: 1;} .Other002638 img{ width: 100%;} .Other002638 img.pc{ display: block;} .Other002638 img.wap{ display: none;} .Other002638 .open_map{ width: 215px; height: 55px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .Other002638 .open_map a{ display: block; height: 55px; background-color: #00a2e9;border-radius: 3px; color: #fff; font-size: 16px; text-align: center; line-height: 55px; margin-top: 45px; } @media(max-width:1200px){ .Other002638{ margin-top: 0px;} } @media(max-width:768px){ .Other002638 img.pc{ display: none;} .Other002638 img.wap{ display: block;} } .pop-up{ display:none; position:fixed; z-index:150; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);} .pop-up .ycenter{ height:100%;} .pop-up .main{ position:relative; width:100%; height: 100%; margin:0 auto;} .pop-up .close{ position:absolute; z-index: 99; width:50px; height:50px; right:20px; top:120px; border-radius:3px; background:#00a2e9; cursor:pointer;} .pop-up .close::before, .pop-up .close::after{ position:absolute; content:''; left:20%; top:50%; width:60%; height:3px; background:#fff; margin-top:-1px;transform:rotate(-45deg);} .pop-up .close::before{ transform:rotate(45deg);} .pop-up#form td{ padding-top:4%; vertical-align:top;} .pop-up#form td.f-name{ text-align:right; width:90px; line-height:32px;} .pop-up#form td .text{ width:100%; line-height:32px; height:32px; border:1px solid #eee; border-radius:3px; padding:0 5px;} .pop-up#form td .btn{ width:40%; margin-right:3%; height:40px; cursor:pointer; border:none; border-radius:3px;color:#fff; background:#00a2e9; max-width:120px;} .pop-up#form td .btn_reset{ background:#999;} .pop-up#form td textarea.text{ height:90px;} .pop-up#form p{ margin:0; text-align:center; color:#00a2e9;} .pop-up .map{ height:100%;} @media(max-width:1024px){ .pop-up .close{ top:20px; } } /*PicList002220*/ .PicList002220{ padding:3% 0;} .PicList002220 .ListAll ul{ position:relative;} .PicList002220 .ListAll li{ float:left; width:23.5%; margin:5px 2% 3% 0; background:#f8f8f8;transition:all 0.5s ease-out 0s; box-shadow: 0 3px 60px rgba(0,0,0,.1);} .PicList002220 .ListAll li:nth-child(4n){ margin: 0;} .PicList002220 .ListAll .pic{ display:block; overflow:hidden; text-align: center; background: #fff;} .PicList002220 .ListAll .pic img{transition:all 0.5s ease-out 0s;width: 100%;} .PicList002220 .ListAll h4{ margin:0; text-align:center; font-weight:normal; padding: 20px 0; font-size:16px; border-top: 1px solid #f8f8f8; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .PicList002220 .ListAll h4 em{ display: block; font-style: normal; font-size: 12px; opacity: 0.5;} .PicList002220 .ListAll h4 a{ color: #303e48;} .PicList002220 .ListAll li:hover .pic img{transform: scale3d(1.05,1.05,1.05);} .PicList002220 .ListAll li:hover{ background:#295eb0; box-shadow:0 3px 40px rgba(0,0,0,.2);} .PicList002220 .ListAll li:hover h4{ border-top-color: #fff;} .PicList002220 .ListAll li:hover h4 a{ color: #fff;} @media(max-width:767px){ .PicList002220 .ListAll li{ width:31.33334%} } @media(max-width:480px){ .PicList002220 .ListAll li{ width:48%} } /*PicList002220 End*/ /* .PicList000593 为demo编号 */ .PicList000593{ padding:3% 0 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;} @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;} } .BMap_Marker div{width: 36px !important; height: 25px !important;} /*RighInfo002522 */ .RighInfo002522{ padding:3% 0;} .RighInfo002522 .title{ margin-bottom:3%; font-size:30px; color:#333;position: relative;padding: 15px 0;} .RighInfo002522 .title::before{ position:absolute; content:''; width:30px; height:2px; background-color:#333; left:0; bottom:0;} .RighInfo002522 .title span{ display:block; font-size:14px; color:#999; text-transform:uppercase;} .RighInfo002522 .list dl{ float:left; width:100%; display:table; border:1px solid #ededed; margin-bottom:3.5%;} .RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002522 .list dt{ width:95px;} .RighInfo002522 .list dt b{ display:block;width:45px; height:45px; border-radius:50%; background:#295eb0; color:#fff; font-size:24px; position:relative; overflow:hidden; line-height:45px; text-align:center; margin:25px auto;} .RighInfo002522 .list dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#dd1115; bottom:0; right:0;} .RighInfo002522 .list dd p{ padding:3% 5% 3% 0; color:#333; margin:0;} @media(max-width:1024px){ .RighInfo002522 .title{ font-size:24px;} } @media(min-width:769px){ .RighInfo002522 .list dl{width:23.5%;margin-right:2%;} .RighInfo002522 .list dl:nth-child(4n){ margin-right:0;} .RighInfo002522 .list dl:nth-child(4n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002522 .list dl{ width:48%;} .RighInfo002522 .list dl:nth-child(2n){ float:right;} .RighInfo002522 .list dl:nth-child(2n+1){ clear:left;} } /* .Floor001135 为demo编号 */ .Floor001135{ background-color:#f8fafc; position:relative; } .Floor001135::before{ position:absolute; content:''; right:0; top:0; width:50%; height:100%; background: rgb(41,94,176); background: -moz-linear-gradient(-45deg, rgba(41,94,176,1) 0%, rgba(62,149,231,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(41,94,176,1) 0%,rgba(62,149,231,1) 100%); background: linear-gradient(135deg, rgba(41,94,176,1) 0%,rgba(62,149,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7eb8', endColorstr='#4a94b8',GradientType=1 ); } .Floor001135 .right, .Floor001135 .left{ float:left; width:50%;} .Floor001135 .left{ padding:5% 0;} .Floor001135 .left h1{ position:relative; margin:0; text-align:left; color:#4a7eb8; font-size:30px; font-weight:normal; padding:15px 0;color: #333;} .Floor001135 .left h1::before{ position:absolute; content:''; width:30px; height:2px; background-color:#333; left:0; bottom:0;} .Floor001135 .list{ padding-right:35%; position:relative; padding-top:5%;} .Floor001135 .list li h3{ margin:0; font-size:24px; font-weight:normal; padding-bottom:20px; position:relative;} .Floor001135 .list li h3::before{ position:absolute; content:''; width:70px; height:2px; background-color:#4a7eb8; left:0; bottom:0;} .Floor001135 .list li p{ color:#888; line-height:24px; margin-bottom:10%;} .Floor001135 .list li .more{padding-left: 28px;padding-right: 55px;line-height: 40px;display: inline-block;color: #fff;background: url(../images/Floor001135-more.png) no-repeat 85% center #295eb0;font-size: 16px;border-radius: 3px;} .Floor001135 .list li .more:hover{background-color:#ffc600;} .Floor001135 .list .bx-pager{ position:absolute; left:0; top:10%;} .Floor001135 .list .bx-pager div{ float:left;} .Floor001135 .list .bx-pager div a{ display:none; cursor:default; color:#ced9e9; font-size:60px; font-family:Arial, Helvetica, sans-serif;position:relative;} .Floor001135 .list .bx-pager div a::before, .Floor001135 .list .bx-pager div a::after{ position:absolute; content:''; width:100%; height:1px; transform:rotate(-45deg); background-color:#ced9e9;} .Floor001135 .list .bx-pager div a::before{ right:-100%; top:0;} .Floor001135 .list .bx-pager div a::after{ left:-100%; bottom:0;} .Floor001135 .list .bx-pager div a.active{ display:block; } .Floor001135 .list .bx-controls-direction{ padding-top:20%; overflow:hidden;} .Floor001135 .list .bx-controls-direction a{ width:30px; height:30px; display:block; border-radius:50%; background-color:#4a7eb8; float:left; overflow:hidden; line-height:100px; position:relative;} .Floor001135 .list .bx-controls-direction a:hover{ background-color:#ffc600;} .Floor001135 .list .bx-controls-direction a::before{ position:absolute; width:0; height:0; content:''; border:6px solid #fff; left:50%; top:50%; margin-left:-4px; margin-top:-6px; border-top-color:transparent; border-bottom-color:transparent;} .Floor001135 .list .bx-controls-direction a.bx-prev::before{ border-left:0;} .Floor001135 .list .bx-controls-direction a.bx-next{ margin-left:10px;} .Floor001135 .list .bx-controls-direction a.bx-next::before{ border-right:0; margin-left:-1px;} .Floor001135 .right{ position:relative; float:right;} .Floor001135 .right dd::before{ position:absolute; content:''; transform:scale(0); opacity:0; width:100%; height:100%; background-color:rgba(255,255,255,0.5); } .Floor001135 .right dd:hover::before{animation:quan linear 1s;} .Floor001135 .right dd:nth-child(1){ background-color:#73bbd4;} .Floor001135 .right dd:nth-child(2){ background-color:#72aed7;} .Floor001135 .right dd:nth-child(3){ background-color:#6cafdf;} .Floor001135 .right dd:nth-child(4){ background-color:#79b4dd;} .Floor001135 .right dd:nth-child(5){ background-color:#6ea0c6;} .Floor001135 .right dd:nth-child(6){ background-color:#3e92d0;} .Floor001135 .right dd:nth-child(7){ background-color:#4abce3;} .Floor001135 .right dd:nth-child(8){ background-color:#7eb3e5;} .Floor001135 .right dd:nth-child(9){ background-color:#4a93b8;} .Floor001135 .right dd:nth-child(10){ background-color:#76d7e5;} .Floor001135 .right dd:nth-child(11){ background-color:#67aed5;} @media(min-width:769px){ .Floor001135 .right dl{ position:absolute; left:0; top:0; width:100%; height:100%;} .Floor001135 .right dd{ position:absolute; width:25%; height:18.75%; bottom:0; overflow:hidden;} .Floor001135 .right dd:nth-child(1), .Floor001135 .right dd:nth-child(2){ bottom:56.25%;} .Floor001135 .right dd:nth-child(3), .Floor001135 .right dd:nth-child(4), .Floor001135 .right dd:nth-child(5){ bottom:37.5%;} .Floor001135 .right dd:nth-child(6), .Floor001135 .right dd:nth-child(7){ bottom:18.75%;} .Floor001135 .right dd.pic img{ width:100%; height:100%;} .Floor001135 .right dd.pic1, .Floor001135 .right dd.pic2{bottom:37.5%;} .Floor001135 .right dd.pic3{ bottom:18.75%;} .Floor001135 .right dd.nothings{ bottom:18.75%; left:-25%; background-color:#cde8f3;} .Floor001135 .right dd.pic1, .Floor001135 .right dd:nth-child(1), .Floor001135 .right dd:nth-child(6), .Floor001135 .right dd:nth-child(9){ left:0;} .Floor001135 .right dd.pic3, .Floor001135 .right dd.pic5, .Floor001135 .right dd:nth-child(4){ left:25%;} .Floor001135 .right dd.pic2, .Floor001135 .right dd:nth-child(2), .Floor001135 .right dd:nth-child(7), .Floor001135 .right dd:nth-child(10){ left:50%;} .Floor001135 .right dd:nth-child(5), .Floor001135 .right dd:nth-child(11){ left:75%;} .Floor001135 .right dd.pic4, .Floor001135 .right dd:nth-child(3){ left:-25%;} .Floor001135 .right dd:nth-child(8){ left:-50%;} .Floor001135 .right dd a{ display:table; position:relative; z-index:1; width:100%; height:100%; text-align:center; } .Floor001135 .right dd a b{ display:table-cell; vertical-align:middle;} .Floor001135 .right dd a b img{ display:block; margin:0 auto; width:40px;} .Floor001135 .right dd.pic img{ width:100%; height:100%;} } .Floor001135 .right dd a{ color:#fff;} @media(max-width:768px){ .Floor001135 .auto{ padding:0;} .Floor001135 .right, .Floor001135 .left{ float:none; width:auto;} .Floor001135::before{ display:none;} .Floor001135 .left{ padding:4%;} .Floor001135 .right dl{ overflow:hidden;} .Floor001135 .right dd{ position:relative; width:50%; height:60px;overflow:hidden; float:left;} .Floor001135 .right dd:nth-child(11){ width:100%; } .Floor001135 .right dd a{ display:block; line-height:40px; padding:10px;} .Floor001135 .right dd img{ margin-right:10px; width:40px; height:40px;} .Floor001135 .right dd.nothings, .Floor001135 .right dd.pic{ display:none;} .Floor001135 .list{ padding-right:0; padding-top:20px;} .Floor001135 .list .bx-pager{ top:0;} .Floor001135 .list .bx-controls-direction{ padding-top:5%;} .Floor001135 .list li p{ margin-bottom:5%;} } @keyframes quan{ 0%{ transform:scale(0); opacity:0; } 0%{ transform:scale(0.5); opacity:0.2;} 100%{ transform:scale(2); opacity:1; } } @-moz-keyframes quan{ 0%{ transform:scale(0); opacity:0; } 0%{ transform:scale(0.5); opacity:0.2; } 100%{ transform:scale(2); opacity:1; } } @-ms-keyframes quan{ 0%{ transform:scale(0); opacity:0; } 0%{ transform:scale(0.5); opacity:0.2; } 100%{ transform:scale(2); opacity:1; } } @-webkit-keyframes quan{ 0%{ transform:scale(0); opacity:0; } 0%{ transform:scale(0.5); opacity:0.2; } 100%{ transform:scale(2); opacity:1; } } /* .RighInfo001108 为demo编号 */ .RighInfo001108{padding-top: 3%;} .RighInfo001108 .pic{ float:left; width:35%;} .RighInfo001108 .pic img{ width:100%;} .RighInfo001108 .txt{ float:right; width:62%; padding-right:2%; color:#333;} .RighInfo001108 .txt h1{ font-size:18px; font-weight:normal;position: relative;padding-bottom: 10px;margin-bottom: 10px;} .RighInfo001108 .txt h1::after{content: '';position: absolute;bottom: 0;left: 0;width:100%;height: 1px;background: #dcdcdc;} .RighInfo001108 .txt dl{ border-top:1px solid #d9d9d9; padding:3% 0; border-bottom:1px solid #d9d9d9;} .RighInfo001108 .txt dd{ line-height:26px; padding:5px 0;} .RighInfo001108 .txt p{ line-height:36px;font-size: 15px;color: #666;} .RighInfo001108 .txt .contact{ padding:3% 0;} .RighInfo001108 .txt .contact a{ color:#295eb0; width:120px; text-align:center; border:1px solid #295eb0; border-radius:30px; line-height:34px; display:inline-block;} .RighInfo001108 .txt .contact a:hover{ background-color:#295eb0; color:#fff;} @media(max-width:480px){ .RighInfo001108 .pic, .RighInfo001108 .txt{ float:none; width:auto;} } /* .RighInfo001728 为demo编号 */ .RighInfo001728{ padding:2% 0;} .RighInfo001728 .img{ float:left; width:33%;} .RighInfo001728 .img figure img{ display:block; width:100%;} .RighInfo001728 .img li{ float:left; cursor:pointer; width:32%; margin-top:2%; margin-right:2%; position:relative;} .RighInfo001728 .img li:last-child{ margin-right:0;} .RighInfo001728 .img li img{ width:100%; display:block;} .RighInfo001728 .img li.on::before{ position:absolute; content:''; left:0; top:0; right:0; bottom:0; border:3px solid #f29200;} .RighInfo001728 .intro{ width:64%; float:right;} .RighInfo001728 .intro h1{ font-size:18px;} .RighInfo001728 .intro p{ color:#666; font-size:14px;} .RighInfo001728 .intro dd{ font-size:16px; line-height:30px;} .RighInfo001728 .infoCon .title{ font-size:18px; margin:0; border-bottom:1px solid #b2b2b2; padding:15px 0;} .RighInfo001728 .infoCon .info{ padding:20px 0; font-size:14px; line-height:24px;} .RighInfo001728 .infoCon .info table,tr,td{border: 1px solid #ccc;text-align: center;} .RighInfo001728 .infoCon .info td{padding: 5px 10px;} .RighInfo001728 .infoCon .info1{width: 100%;overflow-x:scroll;} .RighInfo001728 .infoCon .info table{width: 100%;max-width: 80%;white-space: nowrap} @media(max-width:768px){ .RighInfo001728 .nav dd{margin-right:2%; line-height:normal; } .RighInfo001728 .nav dd a{padding:6% 0;font-size:16px;} } @media(max-width:768px) and (min-width:481px){ .RighInfo001728 .nav dd{ width:23.5%;} .RighInfo001728 .nav dd:nth-child(4n){ margin-right:0;} } @media(max-width:640px){ .RighInfo001728 .img, .RighInfo001728 .intro{ float:none; width:auto;} } @media(max-width:480px){ .RighInfo001728 .nav dd{ width:32%;} .RighInfo001728 .nav dd:nth-child(3n){ margin-right:0;} .RighInfo001728 .nav dd a{font-size:14px;} }