.title{ text-align:center; position:relative; color:#d0d0d0;font-size: 32px;text-transform: uppercase;} .title h1{ margin:0; font-size:30px; font-weight:normal; color:#000;margin-top: -1%;} .title h1 span{ color:#eb6100;} @media (max-width:480px){ .title{font-size:30px;} .title h1{font-size: 20px;} } /*Top002138 */ .Top002138{ background:#fff;position:relative;z-index:99;box-shadow: 0 0 12px rgba(0,0,0,0.2);} .Top002138 .header{ z-index:100;} .Top002138 .header-left{ float:left; width: 28%;} .Top002138 .header-left .logo{ display:table; height:80px;width: 66%;} .Top002138 .header-left .logo li{ display:table-cell; vertical-align:middle;} .Top002138 .header-left .logo img{ max-height:100%;} .Top002138 .header-left .logo_txt{ position:relative; padding-left:15px;} .Top002138 .header-left .logo_txt::before{ position:absolute; content:''; left:7px; top:50%; margin-top:-19px;width: 1px;height: 38px;background: #d6d5d1;} .Top002138 .header-right{ float:right;width:12%} .Top002138 .header-mid{ float:right;width:60%} .Top002138 .header-right{ padding-top:22px;} .Top002138 .header-right dd{float: right;line-height:36px;margin-left:20px;} .Top002138 .open-search{ width:36px; height:36px; background:url(../images/Top002138-searchbg.png) no-repeat center center; cursor:pointer;} .Top002138 .open-search-on{ position:relative;} .Top002138 .open-search-on::before, .Top002138 .open-search-on::after{ position:absolute; content:''; width:60%; left:20%; top:50%; transform:rotate(45deg); height:3px; background:#02004b;display:none;} .Top002138 .open-search-on::after{transform:rotate(-45deg);} .Top002138 .top-language span{ padding-right:15px; background:url(../images/Top002138-a_lang.png) no-repeat right center;} .Top002138 .top-language .top-sub{ position:absolute; left:0; width: 100%; } .Top002138 .top-language .top-sub a{ color:#fff;line-height:30px;} .Top002138 .top-search{ display:none; position:absolute; right:0; top:70%; background:#fff;border:15px solid #fff;width:100%;z-index: 100; } .Top002138 .top-search .text{ border:1px solid #02004b; height:38px; line-height:38px; padding:0 50px 0 10px; width:100%; color:#999;} .Top002138 .top-search .btn{ position:absolute; right:0; width:40px; height:100%; top:0; background:url(../images/Top002138-searchbg_red.png) no-repeat center center; border-left:1px solid #02004b;} .Top002138 .header-menu li{ width:auto !important;} .Top002138 .header-menu li.li02{position: static !important;} .Top002138 .header-menu li.li02 .sub{width:100%!important;background: #fff;position:absolute;left: 0 !important;top:100% !important;padding:2% 0;} .Top002138 .header-menu li.li02 .sub dl a{color: #333;font-size: 18px;font-weight: bold;} .Top002138 .header-menu li.li02 .sub dl ul li {float: none!important;} .Top002138 .header-menu li.li02 .sub dl ul li a{font-size: 14px;color: #333;} .Top002138 .header-menu li.li02 .sub dl ul li a:hover{text-decoration: underline;color: #02004b;} .Top002138 .header-menu li.li02 .sub dl{float: none!important;} .Top002138 .header-menu li.li02 .sub dl dt{width:16.5% !important;padding-right:2%;} .Top002138 .sub-menu-layer2{display: none !important;} .Top002138 .header-menu li em{ padding:25px 5px;} .Top002138 .header-menu li em a{ padding:0 10px; border-radius:3px; line-height:30px;font-size: 18px;} .Top002138 .header-menu li.aon em a, .Top002138 .header-menu li em a:hover{ background:#02004b; color:#fff;} .Top002138 .header-menu li .sub-menu dt{ padding:12px 0;} .Top002138 .header-menu li .sub-menu dt a{ padding:0; color:#333;} .Top002138 .header-menu li .sub-menu dt a::after{display: inline-block;content: '';width: 1px;height: 9px;margin: 0 10px;background:rgba(255,255,255,0.5);} .Top002138 .header-menu li .sub-menu dt:last-child a::after{ display:none;} .Top002138 .header-menu li .sub-menu dt a:hover{ background:none; color:#02004b;} .Top002138 .sub-menu-layer{ background:rgba(255,255,255,1);} @media(max-width:1280px){ .Top002138 .header-left .logo li.logo_txt{ display:none;} } @media(max-width:1200px){ .Top002138 .header-menu li em a{ padding:0 10px;} } @media(min-width:1025px){ .Top002138 .header-menu li .sub{visibility: hidden} .Top002138 .header-menu li.aon .sub{visibility: visible} .Top002138 .top-language{ position:relative;} .Top002138 .top-language .top-sub{display:none;background:#02004b; text-align:center; top:100%;} .Top002138 .top-language .top-sub a{display:block; border-bottom:1px solid #fff; } .Top002138 .top-search{max-width:400px; } } @media(max-width:1024px){ .Top002138{position:relative;z-index:100;/* padding-top:37px; */} .Top002138 .top-language span{ display:none;} .Top002138 .top-language .top-sub{/* display:block !important; */height:37px !important;top:0;text-align:right;padding:0 2%;} .Top002138 .top-language .top-sub a{/* display: inline-block; */border: 1px solid #02004b;color: #02004b;padding: 0 0px;margin-left: -4px;/* line-height: 25px; */padding: 0 2px;margin-left: 0px;} .Top002138 .header-left{ width:40%;} .Top002138 .header-right dd.open-search, .Top002138 #open_menu{ border: 1px solid #848585;border-radius: 50%;} .Top002138 .header-right dd.top-language{margin-left: 25px;width: 30%;} .Top002138 #open_menu{ width:36px; height:36px; position:relative;} .Top002138 #open_menu i, .Top002138 #open_menu i::before, .Top002138 #open_menu i::after{ background:#848585;} .Top002138 #open_menu i{ width:60%; left:20%; top:50%; height:1px;} .Top002138 #open_menu.open_menu_on{ background:#02004b; border:none;} .Top002138 #open_menu.open_menu_on i{background:#fff !important;} .Top002138 #open_menu.open_menu_on i::before, .Top002138 #open_menu.open_menu_on i::after{ transform:rotate(0deg); background:#fff;} .Top002138 #open_menu.open_menu_on i::before{ top:-6px !important;} .Top002138 #open_menu.open_menu_on i::after{ top:6px !important;} .Top002138 .header{ position:initial;} .Top002138 #header-menu{ position:absolute; top:100%; left:0; width:100%; background:#fff; display:none;} .Top002138 #header-menu li{ border-bottom:1px solid #eee;} .Top002138 #header-menu li a{ line-height:49px;} .Top002138 #header-menu li em a, .Top002138 #header-menu li em{ border-bottom:0;} .Top002138 #header-menu li em a{color:#666; font-weight:normal;} .Top002138 #header-menu li .sub{ background:#02004b;} .Top002138 #header-menu li .sub dt{ border-bottom:1px dashed rgba(255,255,255,0.4);} .Top002138 #header-menu li.has-sub em a{ background:url(../images/Top002138-a_lang.png) no-repeat 95% center;} .Top002138 .header-right {float: right;width: 60%;} .Top002138 .header-left .logo{width: 90%;} } /*Banner002579 */ .Banner002579 img{ display:block; width:100%;} /*Menu002044 */ .Menu002044{ border-bottom:1px solid #e8e8e8;} .Menu002044 .name{margin-top:-86px;position:relative;z-index:1;display: none;} .Menu002044 .name span{ display:block; padding:15px 3% 0 3%; max-width:300px; color:#fff; background-color:#0079c3; font-size:30px;height:86px; } .Menu002044 .name span b{ font-size:18px; display:block;} .Menu002044 em{font-style:normal; width: 100%; text-align: right;float:right;color:#999;line-height:56px;font-size: 12px;} .Menu002044 em a{ color:#999;} .Menu002044 em span{color: #02004b;} /*.Menu002044 .auto { overflow: hidden;} .Menu002044 ul{ float:left; width: 80%;}*/ .Menu002044 li{ float:left; padding-right:3%;position: relative} .Menu002044 li:last-child{ padding-right:0;} .Menu002044 li a{ display:block; line-height:56px; font-size:16px; color:#000; text-transform: capitalize;} .Menu002044 li dl{position: absolute;background: #fff;width:100%;left: 0;top:100%; z-index: 1;padding:0 5px;display: none} .Menu002044 li dl a:after{display: none;} .Menu002044 li dl a{border-bottom:1px solid #cecece;font-size: 14px;} .Menu002044 li a:after{ display:block; content:''; height:2px; } .Menu002044 li.aon a:after, .Menu002044 li:hover a:after{background-color: #eb6100;} @media(min-width:769px){ .Menu002044 li:hover dl{display: block;} } @media(max-width:768px){ .Menu002044 em{ float:none; display:block; line-height:normal; padding:3% 0 0 0;} } @media(max-width:640px){ .Menu002044{ padding-top:2%;} .Menu002044 .name{ margin-top:0; } .Menu002044 .name span{max-width:none;font-size:24px; height:auto; padding:3%;} .Menu002044 .name span b{ font-size:16px;} .Menu002044 li:last-child{ padding-right:0;} } /*Floor002557 */ .Floor002557{ margin-top: 3%;} .Floor002557 .column-title{ padding:3% 0; color:#222; font-size:25px;} .Floor002557 .txt{ background:url(../images/Floor002557_bg.png) repeat-x right bottom;padding-bottom:72px;} .Floor002557 .pic img{ width:100%; display:block;} .Floor002557 .txt h2{ margin:0 0 23px 0; font-size:24px;color:#2b2b2b; } .Floor002557 .txt h2 span{ margin-left:10px; color:#c8c8c8; font-size:10px; font-weight:normal; text-transform:uppercase;display: block;} .Floor002557 .txt pre{ line-height:25px; color:#737373; font-size:12px; height:230px; overflow:hidden; margin-bottom:12px;} .Floor002557 .txt .more{ line-height:32px; color:#fff; background:#007bc6; border-radius:32px; padding:0 20px; display:inline-block; border:1px solid transparent; transition:0.3s;display: none;} .Floor002557 .txt .more::after{ display:inline-block; content:'>'; font-family:宋体; margin-left:10px; font-weight:bold;} .Floor002557 .txt .more:hover{ border-color:#007bc6; background:#fff; color:#007bc6;} .Floor002557 .txt .more:hover:after{color:#007bc6;} @media(min-width:769px){ .Floor002557 .txt{position:relative; padding-left:60.15625%; } .Floor002557 .pic{ position:absolute; left:0; top:0; width:56.875%;} } @media(max-width:768px){ .Floor002557 .pic{ padding-bottom:23px; margin-top:-10%;} } @media(max-width:480px){ .Floor002557 .txt h2 span{ display:block;} } /* .Floor002248 为demo编号 */ .Floor002248 .auto_1260{ max-width: 1260px;} @media only screen and (max-width:1260px) { .Floor002248 .auto_1260{ padding: 0 2%;} } .Floor002248{background: #f2f2f2; padding: 50px 0;} .Floor002248 .word{ width: 100%; } .Floor002248 .word h3{ margin: 0; font-size: 20px; line-height: 1.2; color: #3c89d9; padding-bottom: 15px; font-weight: normal;display: none} .Floor002248 .word h3:after{ content: "";display: block;width: 65px; height:2px; background-color: #3c89d9; margin-top: 20px;} .Floor002248 .word figure{margin: 0; padding: 15px 0; line-height: 2.25; font-size: 14px;text-align:justify;} .Floor002248 .word ul{ padding-top: 15px; } .Floor002248 .word ul li{ float: left; text-align: center; padding: 0 15px; width: 25%; max-width: 102px;} .Floor002248 .word ul li a{ display: block; max-width: 72px;border: 1px solid #bed4eb;border-radius: 50%; transition: all .3s ease-in-out;} .Floor002248 .word ul li a:hover{ background-color: #3c89d9;} .Floor002248 .word ul li .img_hover,.Floor002248 .word ul li a:hover .img{ display: none;} .Floor002248 .word ul li a:hover .img_hover{ display: block;} .Floor002248 .right-img{ position: relative;} .Floor002248 .right-img .right-img_tit{ width: 160px; text-align: center; padding: 20px 0;display: none; background:rgba(60, 137, 217, 0.9) none repeat scroll 0 0 !important;filter:Alpha(opacity=90); background:#fff; position: absolute; bottom:20px;left: -8%;} .Floor002248 .right-img .right-img_tit span{ position: relative; z-index: 1; color: #fff; font-size: 16px;} @media only screen and (max-width: 767px) { .Floor002248 .word h3{ text-align: center;} .Floor002248 .word h3:after{ margin: 20px auto 0; width: 35px;} .Floor002248 .right-img{ margin: 0 auto; max-width: 580px; padding-left: 5%;} .Floor002248 .right-img .right-img_tit{ left:0;} .Floor002248 .word ul{ margin: 0 auto 30px;max-width: 408px;} } @media only screen and (max-width: 365px) { .Floor002248 .word ul li{ padding: 0 10px;} } @media only screen and (min-width: 768px) { .Floor002248 .word h3{ font-size: 24px;} .Floor002248 .word{ width: 48%; float: left;} .Floor002248 .right-img{ float: right; width: 48%;} } @media only screen and (min-width: 1024px) { .Floor002248 .word h3{ font-size: 30px; padding-bottom: 30px;} .Floor002248 .word h3:after{ height: 3px;} .Floor002248 .right-img .right-img_tit{ padding: 25px 0;} } @media only screen and (min-width: 1260px) { .Floor002248 .right-img .right-img_tit{ width: 160px; padding: 35px 0;} } @media (max-width:480px){ .Floor002248{padding:20px 0;} } /* .Bottom001790 为demo编号 */ .Bottom001790{background:#02004b; } .Bottom001790 .bottom{ padding-top:10px; padding-bottom:10px;line-height:35px;color:#fff; } .Bottom001790 .bottom ul{ float:left;} .Bottom001790 .bottom dl{ float:right;} .Bottom001790 .bottom dt, .Bottom001790 .bottom dd{ float:left; margin-left:10px;} .Bottom001790 .bottom dd a{ display:block; width:35px; height:35px; background:url(../images/Bottom001790-icon.png) no-repeat right center; } .Bottom001790 .bottom dd.wx{position:relative;} .Bottom001790 .bottom dd.wx a{ background-position:left center; } .Bottom001790 .bottom dd.wx figure{ display:none;position:absolute; left:50%; bottom:100%; margin-left:-42px; width:84px; height:84px;} .Bottom001790 .bottom dd.wx img{ width:84px; height:84px; display:block; } .Bottom001790 .bottom dd.wx:hover figure{ display:block; z-index: 1} .Bottom001790 .bottom dd.sina{position:relative;} .Bottom001790 .bottom dd.sina figure{ display:none;position:absolute; left:50%; bottom:100%; margin-left:-42px; width:84px; height:84px;} .Bottom001790 .bottom dd.sina img{ width:84px; height:84px; display:block; } .Bottom001790 .bottom dd.sina:hover figure{ display:block; z-index: 1} .Bottom001790 .bottom li{ text-transform:uppercase;float:left;margin-right:10px; position:relative;} .Bottom001790 .bottom li a{ display:block;color:#fff;padding-right:42px;text-align:right;} .Bottom001790 .bottom li > a{width:120px;background:url(../images/Bottom001790-lan.png) no-repeat 0 center; } .Bottom001790 .bottom li div{ display:none; position:absolute; left:0; top:100%;z-index:10; width:100%;background:#02004b;} .Bottom001790 .bottom li div a{border-bottom:1px #fff dashed;} .Bottom001790 .bottom li:hover div{ display:block; } .Bottom001790 footer{background: #333333;} .Bottom001790 footer .auto{ padding-top:3%;background:url(../images/Bottom001790-bg.png) no-repeat right top; } .Bottom001790 footer dl{ float:left; padding-right:20px;/*width:12.75%;*/} .Bottom001790 footer dt{height:34px;overflow:hidden;margin-bottom:18px;color: #fff;font-size:15px;background:url(../images/Bottom001790-dt_bg.jpg) no-repeat left bottom;} .Bottom001790 footer dd{margin-bottom:18px; height:18px;} .Bottom001790 footer dd a{color: #ababab;} .Bottom001790 footer .contact{width:12.58%;float:right;font-size:22px;color: #fff;} .Bottom001790 footer .contact h3{ font-size:19px; color:#fff; margin:0; padding:10px 0 28px; } .Bottom001790 footer .contact p{color:#888; line-height:30px;margin:0; font-size:14px;} .Bottom001790 .copyright{color:#969696; padding:1% 0 1% 0; } .Bottom001790 .copyright span{ color:#b1b0b0;} .Bottom001790 .copyright span a{ color:#b1b0b0; } .Bottom001790 .copyright p{ float:right; font-size:12px; margin:0;} .Bottom001790 .copyright p a{ color:#888; } .Bottom001790 .copyright p i{ margin:0 10px; font-style:normal; color:#888; } .Bottom001790 footer ol li{ float:right; color:#969696; position:relative; width:216px;} .Bottom001790 footer li a{display:block;height:30px; line-height:32px; padding:0 10px;} .Bottom001790 footer li > a{ color:#969696; background:url(../images/Bottom001790-linkl.png) no-repeat; } .Bottom001790 footer li figure{ display:none; position:absolute; left:0; bottom:100%; z-index:10; width:100%; background:#02004b;} .Bottom001790 footer li figure a{ color: #fff; border-bottom:1px #fff dashed;} .Bottom001790 footer li:hover figure{ display:block; } @media(max-width:1100px){ .Bottom001790 footer dl{ display:none;} .Bottom001790 footer .contact{ float:none; width:auto;} .Bottom001790 .copyright p{ float:none; padding-bottom:10px;} } @media(max-width:480px){ .Bottom001790 footer ol{ padding:3% 0;} .Bottom001790 .bottom dl{ display:none;} } /*Banner002766 */ .Banner002766{} /*slick Basic*/ .Banner002766 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Banner002766 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Banner002766 .slick-list:focus {outline: none} .Banner002766 .slick-list.dragging {cursor: pointer;cursor: hand;} .Banner002766 .slick-slider .slick-track, .Banner002766 .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)} .Banner002766 .slick-track {position: relative; top: 0; left: 0; display: block;} .Banner002766 .slick-track:before, .Banner002766 .slick-track:after{display: table; content: '';} .Banner002766 .slick-track:after{ clear: both;} .Banner002766 .slick-loading .slick-track { visibility: hidden;} .Banner002766 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Banner002766 .slick-slide .slick-loading img { display: none;} .Banner002766 .slick-slide .dragging img { pointer-events: none;} .Banner002766 .slick-initialized .slick-slide { display: block;} .Banner002766 .slick-loading .slick-slide { visibility: hidden;} .Banner002766 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Banner002766 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Banner002766 .slick-list li{position: relative;} .Banner002766 .slick-list li a{display: block;} .Banner002766 .slick-list li img{display: block; width: 100%;} .Banner002766 .slick-list li .txt-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;} .Banner002766 .slick-list li .txt-main .auto{max-width: 1720px; height: 100%;position: relative;} .Banner002766 .slick-list li .txt-main .auto img{height: 100%; transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);opacity: 0;-webkit-opacity: 0; transition:0.5s 0.5s;} .Banner002766 .slick-list li .url{position: absolute;width: 40%;max-width: 308px; font-size: 20px; z-index: 20;color: #fff; transition: 0.3s 0.5s;text-align: center;line-height: 65px;transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);opacity: 0;-webkit-opacity: 0; transition:0.5s 0.8s;} .Banner002766 .slick-list li.ani-show .txt-main .auto img, .Banner002766 .slick-list li.ani-show .url{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;-webkit-opacity: 1;} .Banner002766 .slick-list li .url:before, .Banner002766 .slick-list li .url:after{position: absolute; content: ''; height: 1px;width: 100%;background: rgba(255,255,255,0.2); transition: 0.5s;} .Banner002766 .slick-list li .url:before{left: 0; top: 0;} .Banner002766 .slick-list li .url:after{right: 0; bottom: 0;} .Banner002766 .slick-list li .url:hover:before, .Banner002766 .slick-list li .url:hover:after{width: 0;} .Banner002766 .slick-list li .url:hover{background:#000; } .Banner002766 .slick-list li .url span{display: inline-block;background: url(../images/Banner002766_more.png) no-repeat right center; padding-right: 40px; transition: 0.3s;} .Banner002766 .slick-list li .url:hover span{background: none; padding: 0;} .Banner002766 .slick-dots{position: absolute; left: 0; z-index: 10; width: 100%; bottom: 5%; text-align: center;} .Banner002766 .slick-dots li button{display: none;} .Banner002766 .slick-dots li{display: inline-block; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; margin: 0 5px; cursor: pointer; width: 20px; height: 20px;position: relative;} .Banner002766 .slick-dots li.slick-active:after{content: ''; position: absolute; background: #fff;border-radius: 50%; width: 8px; height: 8px; left: 50%; top: 50%; margin: -4px 0 0 -4px;} .Banner002766 .slick-arrow{position: absolute; z-index: 10; top: 50%;background: none;border: 0;font-size: 0; height: 44px; width: 44px; margin-top: -22px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; cursor: pointer;} .Banner002766 .slick-prev{left: 3%;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Banner002766 .slick-next{right: 3%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} @media(max-width:1024px){ .Banner002766 .slick-arrow{height:30px; width: 30px; margin-top: -15px;} .Banner002766 .slick-list li .url{line-height: 40px; max-width:200px;font-size: 16px;} } @media(max-width:640px){ .Banner002766 .slick-dots li{width: 10px; height: 10px; margin: 0 2px;} .Banner002766 .slick-dots li.slick-active:after{width: 4px; height: 4px;margin: -2px 0 0 -2px;} .Banner002766 .slick-arrow{display: none!important;} } @media(max-width:480px){ .Banner002766 .slick-list li .url{line-height: 28px; max-width:120px;font-size: 12px;} .Banner002766 .slick-list li .url span{padding-right: 30px;} } /* .Floor001126 为demo编号 */ .Floor001126{ background-size:100% auto; padding:3% 0;position: relative;} .Floor001126 canvas{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;} .Floor001126 .txt{ padding:3% 0; text-align:center; line-height:2;font-size: 15px;} .Floor001126 nav{ overflow:hidden; clear:both;} .Floor001126 nav li{ float:left; width:32%; margin-right:2%; overflow:hidden;} .Floor001126 nav li:last-child{ margin-right:0;} .Floor001126 nav li a{ display:block; position:relative;} .Floor001126 nav li img{ width:100%;} .Floor001126 nav li figure{ position:absolute; width:216px; right:0; height:44px; top:50%; margin-top:-18px; z-index:2;border:4px solid #fff; border-right:0;} .Floor001126 nav li figure span{ display:block; padding-left:10%;line-height:36px; font-size:16px;background: url(../images/Floor001126-a.png) no-repeat 90% center rgba(255,255,255,0.8); } .Floor001126 nav li:hover figure span{ background-color:#04024c; background-image:url(../images/Floor001126-ahover.png); color:#fff;} .Floor001126 nav li:hover figure{ border-color:rgba(2, 0, 75, 0.5);} @media(max-width:640px){ .Floor001126 nav li{ float:none; width:auto; margin-right:0; margin-bottom:3%; padding:0 10%;} } /* .Floor002468 为demo编号 */ .Floor002468{ padding: 3% 0;background: #eaf0ff;} .Floor002468 .list{ overflow: hidden;margin-top: 2%;} .Floor002468 .list .list-wrap{ margin:0 -0.8%;} .Floor002468 .list .ul{ float: left; width: 65%; padding: 0 0.8% 1.5%;} .Floor002468 .list .ul.ul1{width:35%;} @media only screen and (max-width:767px ) { .Floor002468 .list .ul{ width: 100%; float: none; padding-left: 0; padding-right: 0; padding-bottom: 3%;} } .Floor002468 .list .item{} .Floor002468 .list .item-inner{ position: relative;} .Floor002468 .list .item .linkhref{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block;} .Floor002468 .list .item .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; } .Floor002468 .list .item .pic:after{position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; display: block;background-color:#000; -moz-opacity:0.2; opacity: 0.2; filter:alpha(opacity=20); transition: all .3s;} .Floor002468 .list .item .item-inner:hover .pic:after{-moz-opacity:0.1; opacity: 0.1; filter:alpha(opacity=10); } .Floor002468 .list .ul0 .item .pic{padding-bottom: 58%;} .Floor002468 .list .ul1 .item+.item{ padding-top: 3%;} .Floor002468 .list .ul1 .item .pic{ padding-bottom: 53.625%;} .Floor002468 .list .item .word{position: absolute; color: #fff; bottom: 15px; left: 15px;} .Floor002468 .list .item .word h2{font-size:18px;font-weight: normal;margin: 0;padding-left: 28px;position: relative;} .Floor002468 .list .item .word h2 i{font-style: normal;position: absolute;left: 0;top: 0;width: 20px;} .Floor002468 .list .item .word figure{ font-size: 14px; padding: 0 15px 0 40px; opacity: 0;transition: all .3s; line-height: 24px; height: 0; overflow: hidden;} .Floor002468 .list .item .item-inner:hover .word figure{ margin: 15px 0 0; opacity: 1; height: 48px;} @media only screen and (min-width: 768px) { .Floor002468 .list .item .word h2{ font-size: 20px;} .Floor002468 .list .item .word figure{ font-size: 14px;} .Floor002468 .list .item .item-inner:hover .word figure{ height: 76px;} } @media only screen and (min-width: 1024px) { .Floor002468 .list .item .word h2{ font-size: 20px;} .Floor002468 .list .item .word{bottom: 38px; left: 20px;} } @media only screen and (min-width: 1200px) { .Floor002468 .list .item .word h2{ font-size: 18px;} .Floor002468 .list .item .word{ bottom: 0px;left: 0px;padding-left: 3%;background: rgba(2, 0, 75,0.5);padding: 2%;} } @media (max-width:480px){ .Floor002468 .list .ul.ul1{width:100%;float: none;} .Floor002468 .list .ul.ul1 .item{width:48%;float: left;margin-right: 2%;padding-top:0;} .Floor002468 .list .ul.ul1 .item:nth-child(2n){margin-right: 0;} } /*Floor002083 */ .Floor002083{ padding:3% 0;} .Floor002083 .tab{/* border:1px solid #eaeaea; */margin-top:2%;} .Floor002083 .tab ul{/* border-bottom:1px solid #eaeaea; */} .Floor002083 .tab li{float:left;width:13.4%;;cursor:pointer;/* border-right:1px dashed #eaeaea; */text-align:center;font-size:14px;color:#000;line-height:49px;position:relative;border:1px solid #cecece;margin-right: 1%;background: #fff;} .Floor002083 .tab li:last-child{margin-right: 0;} .Floor002083 .tab li.active{color: #fff;background-color:#eb6100 ;border-right-color: #eb6100;border-right-style:solid;} .Floor002083 .tab li.active:after{position:absolute;content:'';width:0;height:0;border:15px solid transparent;border-top-color: #eb6100;left:50%;bottom:-30px;margin-left:-15px;} .Floor002083 .tab dl{display:none;overflow:hidden;/* padding:15px 1%; */margin-top: 2%;} .Floor002083 .tab dd{float:left;width: 20%;} .Floor002083 .tab dd .Ispic{ display:block; margin:3%; border:1px solid #ededed; background-color:#fcfcfc; padding-bottom:35%; background-size:contain;} .Floor002083 .tab dd .Ispic img{ display:none;} .Floor002083 .tab dd p{ height: 20px;text-align: center;} .Floor002083 .ad{ margin-top:2%;} .Floor002083 .ad img{ display:block; width:100%;} @media(max-width:640px){ .Floor002083 .tab li{ font-size:16px;line-height:35px;} .Floor002083 .tab li.active:after{border-width:10px; bottom:-20px; margin-left:-10px;} .Floor002083 .tab dl{padding:10px 1%;} } @media(max-width:480px){ .Floor002083 .tab li{ font-size:14px;} .Floor002083 .tab dd{ float:left; width:50%;} } /* PicList000864 为demo编号 */ .PicList000864{ padding-top:3%;} .PicList000864 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;padding:10px;border:1px solid #cecece;} .PicList000864 li:hover{border:1px solid #02004b;cursor: pointer;} .PicList000864 li:hover h5 a{color:#eb6100 } .PicList000864 li:nth-child(3n){ margin-right:0;} .PicList000864 li .Ispic{ padding-bottom:60%; position:relative; display:block;} .PicList000864 li h5{font-size: 16px;font-weight: normal;margin:15px 0 0;padding: 0;} .PicList000864 li h5 a:hover{color: #02004b;} .PicList000864 li p{ margin:10px 0; line-height:20px; height:40px; overflow:hidden;} .PicList000864 ul li span{float: right;font-size: 12px;color: #999;} .PicList000864 li .more{float: left;width:42px;height: 11px;display: block;background:url(../images/PicList000864_icon.jpg) no-repeat center;} @media(max-width:768px){ .PicList000864 li{width:49%;} .PicList000864 li h5{line-height:30px;} .PicList000864 li:nth-child(3n){ margin-right:2%;} .PicList000864 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000864 li{ width:100%;} .PicList000864 li h5{ margin-top:2px;} .PicList000864 li p{ margin:2px 0 10px 0;} } /*Floor000204*/ .Floor000204{ background:#fff; padding:3% 0; } .Floor000204 .tit{ text-align:center; color:#333;padding: 2% 0;} .Floor000204 .tit h1{ font-size: 32px; font-weight: 200; } .Floor000204 .tit h4{ font-size: 16px; color: #adaaaa; font-weight: 200;} .Floor000204 li{width:49%; float:left;margin-bottom:4%;} .Floor000204 li:not(:nth-child(2n)){ margin-right:2%;} .Floor000204 li a{background: #f2f2f2;min-height:240px; transition:0.3s;} .Floor000204 li .ytable-cell{ width:50%;} .Floor000204 li .more{display: inline-block;float: left;text-decoration: underline;} .Floor000204 li .pic{ position:relative; overflow:hidden;} .Floor000204 li .pic .Ispic{ position:absolute; left:0; top:0; width:100%; padding-bottom:81.7%;transition:0.3s;} .Floor000204 li .infos{text-align: center; padding:0 2%;} .Floor000204 li .infos h5{font-size: 18px;margin:0;margin: 20px 0 10px;text-align: left;} .Floor000204 li .infos p{font-size: 14px;color: #666;margin: 0;margin-bottom:14px;text-align: left;letter-spacing: -1px;line-height: 1.8;} .Floor000204 li .infos img { width:70%; max-width:160px; max-height:105px; padding:5px 0; transition:all ease 0.3s;} .Floor000204 li a:hover{ box-shadow:1px 2px 10px rgba(0,0,0,0.5); } .Floor000204 li a:hover .infos img{ margin-left:-20px; } .Floor000204 li a:hover h5{ color:#eb6100; } @media(min-width:769px) and (max-width:1024px){ .Floor000204 li a{min-height:inherit;} } @media(max-width:768px){ .Floor000204 .tit h1{ font-size: 24px;} .Floor000204 .tit h4{ font-size: 14px; } .Floor000204 li .ytable, .Floor000204 li .ytable-cell{ display:block; width:auto;} .Floor000204 li a{min-height:inherit;} .Floor000204 li .infos{ padding-bottom:2%;} .Floor000204 li .pic{ padding-bottom:84%;} .Floor000204 li .infos h5{ font-size: 14px;} .Floor000204 li .infos p {font-size: 12px;color: #666;margin: 0;margin-bottom: 14px;text-align: left;height: 34px;overflow: hidden;} .Floor000204 li .more{display: none;} } /* .Timeline002237 为demo编号 */ .Timeline002237{ padding:55px 0;} .Timeline002237 ul{ list-style: none;} .Timeline002237 .history-wrap { position:relative; overflow:hidden; } .Timeline002237 .history-years { width:159px; position:absolute; left:0; top:0; position:fixed; z-index:220; opacity:0;} .Timeline002237 .history-years_wrap { width:159px; } .Timeline002237 .history-years_wrap ul { width:24px; float:right; position:relative; margin-top:-2px; } .Timeline002237 .history-years_wrap li { width:18px; height:150px; line-height:42px; text-align:center; background:url(../images/Timeline002237-dev_br.jpg) no-repeat right center; background-size:auto 100%; margin-top:-1px; margin-right:5px;} .Timeline002237 .history-years_wrap li span { position:relative; padding-right:30px; color:#5e5e5e; font-family:Arial; float:right; right:-4px; margin-top:-1px; cursor:pointer; font-size: 18px; font-weight: 100; background:url(../images/Timeline002237-lc_06.png) no-repeat right center;} .Timeline002237 .history-years_wrap li.active span{ font-size:38px; color:#02004b; font-weight:bold; background:url(../images/Timeline002237-lc_03.png) no-repeat right center; background-size:24px 24px;} .Timeline002237 .history-years_box { height:580px;overflow:hidden; width:159px; position:relative; margin-bottom:15px;} .Timeline002237 .history-years_top { display:block; width:16px; height:10px; background:url(../images/Timeline002237-dev_top.jpg) no-repeat; margin-bottom:15px; position:relative; float:right; right:-2px; display: none;} .Timeline002237 .history-years_bottom { display:block; width:20px; height:12px; background:url(../images/Timeline002237-lc_09.png) no-repeat; margin-bottom:15px; position:relative; float:right; right:3px; top: -13px } .Timeline002237 .history-list { width:920px; float:right;} .Timeline002237 .history-list .history-list_part > h4 { color:#d2d2d2; border-top:5px solid #d2d2d2;} .Timeline002237 .history-list ul { position:relative; margin-bottom:30px;} .Timeline002237 .history-list li { width:49.6%; margin-bottom:22px;} .Timeline002237 .history-list li.liall{width:100%;} .Timeline002237 .history-list li .year_wrap { width:95%; border:1px solid #dddddd;} .Timeline002237 .history-list li.liall .year_wrap {width:100%;} .Timeline002237 .history-list li.odd .year_wrap { float:right;} .Timeline002237 .history-list li .year_wrap img { width:100%;} .Timeline002237 .year_box { padding:20px; position:relative; z-index:20; background:#fff;} .Timeline002237 .year_box h4 { color:#2b2b2b; margin-bottom:6px;} .Timeline002237 .year_box p { color:#616161; font-size:14px; line-height:1.7em;} .Timeline002237 .news_index_l .public_list_img { margin-bottom:10px; } @media only screen and (min-width: 1200px){ .Timeline002237 .history-list_year { font-size: 60px; margin: 0} .Timeline002237 .history-years_wrap li.active span { font-size:43px !important; } } .Timeline002237 .history-list .year_box h4{display: inline-block;line-height: 40px;text-align: center;position: relative; margin:10px 0 0} .Timeline002237 .history-list .year_box span{width: 40px;height: 40px;display: inline-block;margin-left: 23px;} .Timeline002237 .history-list .year_box h4:hover em{opacity: 1;} .Timeline002237 .history-list .year_box em{opacity: 0;height: 35px;line-height: 35px;display: inline-block;margin-left: 14px;background: #d2d2d2;width: 91px;color: #fff;font-size: 14px;position: absolute;top: 50%;transform: translateY(-50%);transition: all .3s;} .Timeline002237 .history-list .year_box em:before{content: "";display: block;position: absolute;width: 8px;height: 12px;top: 50%;transform:translateY(-50%);background: url(../images/Timeline002237-add_icon_10.png);left: -5px;} .Timeline002237 #swiper-container2 { display: none;} @media only screen and (max-width: 1300px){ .Timeline002237 .history-list { width: 726px;} } @media only screen and (max-width: 1140px){ .Timeline002237 .history-list_year { font-size: 70px; margin: 15px 0 10px;} } @media only screen and (max-width: 1023px){ .Timeline002237 .history-years { width: 20%; display: none;} .Timeline002237 #swiper-container2 .swiper-slide { text-align:center; line-height:30px; height:30px; } .Timeline002237 #swiper-container2 .swiper-slide.active-nav { color:#005bac; font-size:18px; } .Timeline002237 .history-list { padding-left: 0; width: 100%; float: none; padding-left: 0;} } @media (max-width:480px){ .Timeline002237 .history-list .year_box span{display: none;} .Timeline002237 .history-list .year_article{ min-height: 150px; overflow: hidden;} } /* .RighInfo001108 为demo编号 */ .RighInfo001108{margin-bottom: 3%;} .RighInfo001108 .pictxt{padding:3% 0;background:#f2f2f2 } .RighInfo001108 .pic{ float:left; width:35%;border:1px solid #cecece;} .RighInfo001108 .pic img{ width:100%;} .RighInfo001108 .txt{ float:right; width:62%; color:#333;margin-top: 3%; margin-top: 5%;} .RighInfo001108 .txt h1{ font-size:22px; font-weight:bold;color: #02004b} .RighInfo001108 .txt dl{ border-top:1px solid #d9d9d9; padding:1% 0; border-bottom:1px solid #d9d9d9;} .RighInfo001108 .txt dd{ line-height:26px; padding:5px 0;} .RighInfo001108 .txt p{ line-height:36px;} .RighInfo001108 .txt .contact{ padding:3% 0;} .RighInfo001108 .txt .contact a{ color:#02004b; width:120px; text-align:center; border:1px solid #02004b; border-radius:30px; line-height:34px; display:inline-block;} .RighInfo001108 .txt .contact a:hover{ background-color:#02004b; color:#fff;} .RighInfo001108 .tab{ margin-top:3%; background-color:#e8e8e8; overflow:hidden; font-weight:bold;} .RighInfo001108 .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:40px;} .RighInfo001108 .tab span.on{ background-color:#02004b; color:#fff;} .RighInfo001108 .tab_info{ padding:2%;} .RighInfo001108 .tab_info h2{margin: 0;font-size: 17px;color: #333} .RighInfo001108 .tab_info p{font-size: 14px;line-height: 2;color: #333} @media(max-width:480px){ .RighInfo001108 .pic, .RighInfo001108 .txt{ float:none; width:auto;} } /* .Other001470 为demo编号 */ .Other001470{ width:84px; height:auto; position:fixed; top:300px; right:0; z-index:10; border-radius: 20px 0 0 20px; /* overflow: hidden;*/} .Other001470 > a{ display:block; width:84px; padding-top:50px; padding-bottom:10px; background-image:url(../images/Other001470-icon.png); background-repeat:no-repeat; background-color:#2b2b2b; font-size:14px; color:#999; text-align:center; margin-bottom:1px; position:relative;} .Other001470 > a:first-child{border-radius: 20px 0 0 0;background: #eb6100;color: #fff} .Other001470 > a:last-child{border-radius: 0 0 0 20px;} .Other001470 .icon1{background-position:center top;} .Other001470 .icon2{ background-position: center -85px; display:block; width:84px; padding-top:50px; padding-bottom:10px; background-image:url(../images/Other001470-icon.png); background-repeat:no-repeat; background-color:#2b2b2b; font-size:14px; color:#999; text-align:center; margin-bottom:1px; position:relative;} .Other001470 .icon3{ background-position: center -170px;} .Other001470 .icon4{ background-position: center -254px;} .Other001470 .top{ background-position: center -340px; padding-top:15px;} .Other001470 .icon1 span{ position:absolute; top:0; right:100%; display:none; width: 100px;} .Other001470 span{height:100%;width:180px;color: #fff; font-size: 18px;position:absolute; top:0; right:100%; background: #fff; line-height: 80px;font-weight: bold;background: #02004b;border-radius: 10px 0 0 10px;display: none;} .Other001470 span img{ width:100px; height:100px; border:1px solid #000;} .Other001470 .icon2 span img{width:50px;border: 0;height:50px} .Other001470 > a:hover{ background-image:url(../images/Other001470-icon2.png); background-color:#02004b; color:#fff;} .Other001470 .top:hover{ background-image:none;} .Other001470 > a:hover span{ display:block;} .Other001470 .icon2:hover{ background-image:url(../images/Other001470-icon2.png); background-color:#02004b; color:#fff;} .Other001470 .icon2:hover span{ display:block;} @media (max-width:480px){ .Other001470{display: none;} } .kc02{ border: 1px #ddd solid; margin-top: 2%; } .kc02 tr:first-child .td{ color: #1572ba;font-size: 14px;} .kc02 tr:first-child td{/*border-right:1px solid #fff;*/} .kc02 tr:first-child td:last-child{border-right:none;} .kc02 tr:first-child td:first-child{border-right:1px solid #fff;} .kc02 tr td:first-child{ /* background-color: #dadada; */ border-bottom: 1px solid #dadada; font-size: 14px; color: #666; border-right: 1px solid #dadada; } .kc02 tr td:last-child{ font-size: 13px; padding: 10px; /* border: 1px solid #dadada; */ position: relative; width:50%; font-size: 12px; color:#666; line-height: 2.5; } .kc02 tr { border-bottom: 1px #ddd solid; line-height: 40px; } .kc02 tr:first-child{background: #dbdbdb} .kc02 tr:last-child{border-bottom: 0;} .kc02 tr:last-child td:first-child{border-bottom: 0;} .kc02 tr td { width: 33.333%; line-height: 20px; font-size: 12px; padding: 10px 0 10px 10px; /*border-left: 1px #eee solid; */ padding-left: 2%; } /*Timeline002790 */ .Timeline002790 { padding:6% 0 3%} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; border-radius: 10px;margin-top: -60px; } .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2 } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #999; border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px; content:''; background:#fff;} .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; } .Timeline002790 li .con{width: 45%; background: #f5f5f5; border-radius: 10px; padding:60px; float: right; position: relative; overflow: hidden;border: 1px solid #fff } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{width: 60%; } .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{float: right; padding-left: 6%} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li .txt{ position:relative;font-size:16px; line-height:24px; padding-right: 50px} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size:20px;color: #02004b;padding-bottom: 7px; font-weight: normal;font-family:Arial, Helvetica, sans-serif;font-weight: bold;} .Timeline002790 li.hover .con{ border: 1px solid #02004b} .Timeline002790 li.hover:after{ border-color: #02004b} .Timeline002790 li.hover:before{ border-color: #02004b} @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #02004b; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} /*Floor002617 */ .Floor002617{ position:relative; z-index:1; overflow:hidden;} .Floor002617 img{ width:100%; display:block;} .Floor002617 .ycenter{ position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center;color:#fff; overflow:hidden;} .Floor002617 .ycenter_click{ z-index:20; width:auto; height:auto; right:5%; top:5%; left:auto;} .Floor002617 .ycenter_click .title{ display:none;} .Floor002617 .video{ width:100%;} .Floor002617 video{ z-index:10; background:#000; position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002617 .title{ font-size:36px; font-family:'华文中宋';} .Floor002617 .title b{ display:block; opacity:0.2; text-transform:uppercase; font-size:53px; font-family:"Times New Roman", Times, serif;} .Floor002617 .title::after{ display:block; content:''; margin:1% auto 3%; width:1px; height:32px; background:#cca74f;} .Floor002617 .play_btn{ cursor:pointer; display:inline-block;} .Floor002617 .play_btn i{ display:block; margin:0 auto 15px; width:49px; height:49px; border:2px solid #cca74f; border-radius:50%; background:url(../images/Floor002617_play.png) no-repeat center center;} .Floor002617 .close_btn i{ position:relative; background:none;} .Floor002617 .close_btn i::before, .Floor002617 .close_btn i::after{ position:absolute; content:''; width:3px; border-radius:3px; height:50%; top:25%; background:#cca74f; left:16px;} .Floor002617 .close_btn i::after{ left:26px;} @media(max-width:1024px){ .Floor002617 .title{ font-size:24px;} .Floor002617 .title b{ font-size:56px;} } @media(max-width:640px){ .Floor002617 .title{ font-size:20px;} .Floor002617 .title b{ font-size:40px;} } @media(max-width:480px){ .Floor002617 .title::after{ display:none;} .Floor002617 .title b{ font-size:30px;} .Floor002617 .title{ font-size:18px;} .Floor002617 .play_btn i{ margin:5px auto; background-size:12px;width: 36px;height: 36px;} .Floor002617 .close_btn i::before{ left:10px;} .Floor002617 .close_btn i::after{ left:20px;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding-top:3%;} .PicList002239 li{margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:5%; width:30%; } .PicList002239 li:nth-child(3n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px; line-height:50px;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center; display: none;} .PicList002239 li dt{font-size: 16px; color: #666; text-align: center;} .PicList002239 li:hover dt{ color: #c00519;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList002239 li dd{display: none;} .PicList002239 li dl{padding-right: 0;} } /*PicList002171 */ .PicList002171{ padding:2% 0;} .PicList002171 li{ float:left; width:23.4%; margin-right:2%; margin-bottom:2%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.54); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } .ul_sitemap{ list-style:none;} /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:960px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;text-align: center;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; line-height: 2;padding:5px 0;font-size: 12px;display: inline-block;color: #999;margin-right: 4%;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ /*text-indent:2em; */ margin:0;padding:5px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:32%;margin-right: 2%;} .RighInfo002228 .fr{ float:right;margin-right: 0} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding: 5px 0;font-size: 15px;line-height: 2.2;} .RighInfo002228 .single-content h3{font-size: 17px;color: #333;margin-bottom: 0;} } @media screen and (min-width:1024px){ .RighInfo002228{ min-height:440px;} .RighInfo002228 .single-header h1{ font-size:30px;} } /* .from 为demo编号 */ .from{ padding:2% 0;} .from table{ width: 60%;} .from td{ padding-bottom:3%; border:0; padding:0;} .from td div{ position:relative;} /*.from td.f_name{ padding-right:5%; width:45%;}*/ .from label{ position:absolute; left:15px; top:0;line-height:44px; color:#666;} .from .text{ width:100%; height:44px; line-height:44px; text-indent:10px; border:none; background:#f5f5f5;} .from div span{width: 120px; display: inline-block;} .from textarea.text{ height:132px;} .from .btn{ text-align:center;} .from .btn input{ font-weight:bold; cursor:pointer; padding:0; border:none; border-radius:40px; width:15%; height:36px; color:#fff; background:#bd1724;} @media(max-width:768px){ .from table{ width: 100%;} .from div span{width: 100px;} .from .btn input{width: 50%;} } /* .TextList001202 为demo编号 */ .TextList001202{ padding:2% 0;} .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:53px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#eb6100; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:50px; line-height:50px;} .TextList001202 dl.A dd{ padding:2%; line-height:22px; font-size:12px;} .TextList001202 dl.Q dd{ padding:0 2%;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#eb6100;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#eb6100;} .TextList001202 dl.Q_on dd{background-color:#f7fbfc;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:66px; overflow:hidden;} } /* .TextList001652 为demo编号 */ .TextList001652{ padding:2% 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:25%; text-align:center;} .TextList001652 .job_ol li{ background-color:#eb6100; color:#fff; line-height:3em;} .TextList001652 .list{ border-bottom:1px solid #ebebeb;} .TextList001652 .job_info{ display:none;} .TextList001652 .list_ul{ cursor:pointer;font-size:14px;} .TextList001652 .list_ul li{ padding:1em 0;} .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:#2078da;color:#fff;} .TextList001652 .job_info{padding:0 5% 2% 5%; 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;} } /* .TextList000591 */ .TextList000591{ padding:2% 0 4%;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0; overflow: hidden;} .TextList000591 li a { display: block; float: left; width: 80%;} .TextList000591 li span { display: block; float: right; } .TextList000591 li a:hover { color: #eb6100;} /*Map002681 */ .Map002681{padding:3% 0;} .Map002681 .inner{max-width:1200px;margin: 0 auto; position: relative;} .Map002681 .map{ overflow:hidden; position:relative; padding-bottom:45%;} .Map002681 #echartsMap{ position:absolute; left:-10%; width:120%;height:140%; top:-20%;} .Map002681 .map-list ul{ padding:5%; display:none;color: #333;} .Map002681 .map-list ul.on{ display:block;} .Map002681 .map-list ol{font-size: 24px;margin-bottom: 20px;} .Map002681 .map-list li pre{color: #333; line-height: 30px;text-align:left;} @media(min-width:1201px){ .Map002681 .map{ width:60%; margin:0 auto 0 13%;} .Map002681 .map-list{ /*float:right; width:40%; */position: absolute; width: 30%;top:6%;right:0;} } @media(max-width:1200px){ .Map002681 .map-list{ padding-top:0 !important;} .Map002681 .map{ padding-bottom:80%;} } @media(max-width:640px){ .Map002681 .map-list ol{font-size:18px; margin-bottom:10px;} .Map002681 .map-list li pre{color: #333; line-height:20px;} }