.quanbu{ max-width: 1660px; position: relative; z-index:9; margin: 0 auto;} .quanbu .auto_1600{max-width: 1600px; position: relative; background: #fff;} .top_menu{ background: #222; line-height: 40px; height: 40px;} .top_menu .auto_1200{ position: relative;} .top_menu dl{ float:right;} .top_menu dd{ float:left;color:#808080; position:relative; font-size: 14px;} .top_menu dd a{ color: #808080; margin-left: 20px;} .top_menu .a_link{ float: left;color:#808080; background:url(../images/Top000920-link.png) no-repeat left center; padding-left:23px;} .top_menu dd.tel{ background:url(../images/Top000920-ico_tel.png) no-repeat left center; padding-left:18px;} .top_menu dd.tel a{margin-left: 0} .top_menu dd.lang{ padding:0 20px;} .top_menu .search{ margin-left:20px; width:200px;} .top_menu .search input{border:none; height:100%;padding:0;} .top_menu .search .text{ width:100%; height:28px;background:#fff; line-height:28px; border-radius:3px; padding:0 10px;} .top_menu .search .text:focus { border-radius: 24px; -webkit-transition: all .4s linear; transition: all .4s linear; } .top_menu .search .text:not(:focus){ -webkit-transition: all .3s linear; transition: all .3s linear; } .top_menu .search .btn{ position:absolute; right:0; top:0; width:40px; background:url(../images/Top000920-ico_search.png) no-repeat center center; cursor:pointer;} .top_menu .lang span{ display:block; background:url(../images/Top000920-ico_lang.png) no-repeat right center; padding-right:20px; cursor:pointer;} .top_menu .lang figure{ position:absolute; left:0; z-index:10; width:100%; background-color:#fff; display:none;} .top_menu .lang figure a{ display:block; line-height:25px; font-weight:bold; padding-left:10px; color:#666;} .top_menu .lang figure a:hover{ color:#000;} .top_menu .lang:hover figure{ display:block;} .top_menu .mobile_search{ display:none;} /*Menu002387*/ .Menu002387 .side-title{ margin-top:10%;background:url(../images/Menu002387_tit.png) no-repeat right #222222; background-size:auto 100%;color:#fff; font-size:18px; padding:22px 0 22px 30px; border-radius: 25px 0 0 0; font-size:24px;} .Menu002387 .side-title span{ display:block;text-transform: uppercase; font-size: 16px; color: #666;} .Menu002387 .side-menu li{ border-bottom:1px solid #fff; line-height:55px; font-size: 16px; background: #f6f6f6;} .Menu002387 .side-menu li:last-child{ border-bottom: none;} .Menu002387 .side-menu li a{ display:block; padding-left:30px; padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Menu002387 .side-menu li a::before, .Menu002387 .side-menu li a::after{ position:absolute; content:''; top:50%;} .Menu002387 .side-menu li a::before{ width:15px; height:15px; border-radius:50%; background:#ececec; right:10px; margin-top:-7.5px;} .Menu002387 .side-menu li a::after{ margin-top:-3px;border:5px solid transparent; border-top-width:4px; border-bottom-width:4px; border-left-color:#fff; right:9px;} .Menu002387 .side-menu li a:hover, .Menu002387 .side-menu li.aon a{ color:#da251d;} .Menu002387 .side-menu li:hover a::before, .Menu002387 .side-menu li.aon a::before{ background:#da251d;} .Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;} @media(max-width:1024px){ .Menu002387 .side-title{ margin-top:2%;} .Menu002387 .side-menu{ display:none;} .Menu002387 #side-menu{ background:#222; border-top:1px solid #fff; padding:0 20px; position:relative;} .Menu002387 #side-menu li a{ color: #666; float: left; line-height: 30px; padding: 0 30px;} .Menu002387 #side-menu li{float: left;width: 50% !important;} .Menu002387 #side-menu li.aon a{ background:#fff; color:#000;} .Menu002387 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;} .Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002387 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002387 #side-menu .disabled{ display:none;} } @media(max-width:640px){ .top_menu .search{display: none} .Menu002387 .side-title{padding:10px 0 10px 20px;font-size:20px;} .Menu002387 .side-title span{ font-size:12px;} } /*Top002262*/ .Top002262 { background: #fff; position: relative; z-index: 100;} .Top002262 .header-left{ float: left; width: 26%; display:table; height:105px;max-width: 280px;} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .header-mid{ width: 70%;} .Top002262 .header-mid, .Top002262 .header-right{ float:right;} .Top002262 .header-menu li{ width:auto !important; position: relative;} .Top002262 .header-menu li em{ padding:0 16px;position:relative;} .Top002262 .header-menu li em::after{position:absolute; content:''; right:0;top:50%; transform:translateY(-50%); width:7px; height:4px; background:url(../images/Top002262-icon.png) no-repeat;} .Top002262 .header-menu li em:hover::after, .Top002262 .header-menu li.aon em::after{ background-image:url(../images/Top002262-icon_up.png);} .Top002262 .header-menu li em a{ line-height:105px; position:relative; font-size:14px; color:#333; font-weight: bold; } .Top002262 .header-menu li em a:hover::before, .Top002262 .header-menu li.aon em a::before{width:100%;} .Top002262 .header-menu li:hover em a, .Top002262 .header-menu li.aon em a{ color:#3d12aa;} .Top002262 .header-menu li:hover em a::after, .Top002262 .header-menu li.aon em a::after{ width:100%;} .Top002262 .header-menu li:hover em a::before, .Top002262 .header-menu li.aon em a::before{ opacity:1;} .Top002262 .sub-menu-layer{ background:rgba(52, 8, 164, 0.59) !important;} .Top002262 .header-menu li .sub-menu dt a{ color:#333;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:none; color:#3d12aa;} .header-menu li .sub dt{line-height: 40px !important} .header-left .logo img{max-width: 280px} .header-menu li .sub .dt_box{ float: left; width: 35%;} .header-menu li .sub .dd_box{ float: right; width: 60%; padding-top: 15px;} .header-menu li .sub .dd_box img{ max-width: 210px;} .header-menu li#m3 .sub dt{line-height: 42px !important} .header-menu li#m4 .sub dt{line-height: 42px !important} /*.header-menu li#m3 .sub .sub-menu dl{ padding: 30px 0;}*/ /*.header-menu li#m4 .sub .sub-menu dl{ padding: 30px 0;}*/ .sub-slideDown li .sub{ background: rgba(255, 255, 255, 0.9); width: 410px; padding: 0 20px; top:105px; display: none; border-top: solid 2px #3d12aa} .sub-slideDown li .sub dl{ padding: 15px 0;} /*.header-menu li .sub dt{ float: none; width: 100%;}*/ /*.sub-slideDown li#m3 .sub{width: 430px; left: -140px;}*/ /*.header-menu li#m3 .sub dt{ float: left; width: 49%; margin-right: 2%}*/ /*.header-menu li#m3 .sub dt:nth-child(2n){ margin-right: 0;}*/ .sub-slideDown li#m4 .sub{width: 680px; left: -200px;} .header-menu li#m4 .sub .dt_box{ width: 60%;} .header-menu li#m4 .sub .dd_box{ width: 38%;} .header-menu li#m4 .sub dt{ float: left; width: 49%; margin-right: 2%} .header-menu li#m4 .sub dt:nth-child(2n){ margin-right: 0;} .sub-slideDown li#m5 .sub{width: 680px; right: -265px;} .header-menu li#m5 .sub .dt_box{ width: 60%;} .header-menu li#m5 .sub .dd_box{ width: 38%;} .header-menu li#m5 .sub dt{ float: left; width: 49%; margin-right: 2%} .header-menu li#m5 .sub dt:nth-child(2n){ margin-right: 0;} .sub-slideDown li#m6 .sub{left: -150px;} .sub-slideDown li#m7 .sub{left: -235px;} .sub-slideDown li#m8 .sub{right: 0;} /*.Top002262 .header-menu li.aon:before{*/ /*content: "";*/ /*position: absolute;*/ /*z-index: 100;*/ /*top: 10px;*/ /*left: 7px;*/ /*right: auto;*/ /*width: 0;*/ /*height: 0;*/ /*border-style: solid;*/ /*border-width: 30px 40px 0 40px;*/ /*border-color: #ffffff transparent transparent transparent;*/ /*}*/ /*.Top002262 .header-menu li.aon:hover:before{*/ /*top: 85px;*/ /*}*/ @media(max-width:1024px){ .header-left .logo img{max-width:100%} .Top002262 #header-menu{ position:fixed; right:-100%; top:0; background:#000; z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s; overflow-y: auto;} .sub-slideDown li .sub{ width: 100%;} .Top002262 #header-menu.header-menu-show{ right:0;} .Top002262 #header-menu li em, .Top002262 #header-menu li em a{ border-bottom:0;} .Top002262 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002262 #header-menu li em a{ font-weight:normal;} .Top002262 #header-menu li.has-sub em a{ background:url(../images/Top002262-icon.png) no-repeat 95% center;} .Top002262 #header-menu li.clickon em a{ background-image:url(../images/Top002262-icon_up.png);} /*.Top002262 #header-menu li .sub-menu{ padding:5%;}*/ .Top002262 #open_menu{ width:40px; height:30px;background:#e60012; margin-left:10px; position:relative; z-index:101; transition:background 0.3s;} .Top002262 #open_menu i, .Top002262 #open_menu i::before, .Top002262 #open_menu i::after{ background:#fff; border-radius:3px;} .Top002262 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002262 #open_menu.open_menu_on{ background:#000; position:fixed; right:2%;} .Top002262 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} .Top002262 .header-right{ padding-top: 20px;} .sub-slideDown li .sub{ background: #1a1a1a;} .sub-slideDown li .sub .dd_box{ display: none;} .sub-slideDown li#m4 .sub{ width: 100%;} .sub-slideDown li#m5 .sub{ width: 100%;} } @media(max-width: 768px){ .Top002262 .header-right{margin-top: 15px} .Top002262 .header-left{width: 75%;} } /* .Banner002345 为demo编号 */ .Banner002345{} .Banner002345{ position: relative; overflow: hidden;} .Banner002345 .bx-wrapper{ position:relative; z-index:1;} .Banner002345 .bx-viewport{ z-index:1;} .Banner002345 li a{ display:block; } .Banner002345 li img{ display:block; width:140%; position: relative; left: -20%; max-width: none; } .Banner002345 .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002345 .bx-pager div{ display:inline-block; width: 20px; height: 20px; padding: 6px; overflow: hidden; margin: 0 5px;} .Banner002345 .bx-pager div a{ display:block; width:8px; height:8px; position: relative; background-color:#FFFFFF; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); border-radius:100%; text-indent: 9999px; transition: all .5s ease-in-out;} .Banner002345 .bx-pager div a:after{ content:""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; display: block; opacity: 0;transition: all .3s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;} .Banner002345 .bx-pager div a.active{position: relative;} .Banner002345 .bx-pager div a.active:after{ opacity: 1;left: -5px; top: -5px; width: 18px; height: 18px;border: 1px solid #fff;} .Banner002345 .bx-controls-direction{ display: none;} @media(min-width:768px){ .Banner002345 li img{width:100%; left: 0; max-width: 100%;} .Banner002345 .bx-pager{ bottom:40px;} .Banner002345 .bx-controls-direction{ display: block;} .Banner002345 .bx-controls-direction a {position:absolute; top:50%; z-index: 6; text-indent: 99999px; overflow: hidden; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms; background: #fff;} .Banner002345 .bx-controls-direction .bx-prev {left:-50px;background:url(../images/Banner002345-prev.png) no-repeat 0 0;} .Banner002345 .bx-controls-direction .bx-next {right:-50px;background:url(../images/Banner002345-next.png) no-repeat 0 0;} .Banner002345 .bx-controls-direction.on .bx-prev {left:120px;} .Banner002345 .bx-controls-direction.on .bx-next {right:120px;} } /* .PicList002323 为demo编号 */ .PicList002323{ padding: 35px 0; max-width: 1200px; margin: 0 auto;} .PicList002323 .list{ overflow: hidden;} .PicList002323 .auto{overflow: hidden;} .PicList002323 ul li{ float: left; width: 48%;} .PicList002323 ul li:nth-child(3n){ margin-right: 0;} .PicList002323 ul li div{ padding-bottom: 67%; position: relative; overflow: hidden;} .PicList002323 ul li figure{ position:absolute; left:0; top:0; right:0; bottom:0; transition:0.3s;} .PicList002323 ul li h3{ color: #333; margin: 25px 0; font-size: 20px;text-align: left;} .PicList002323 ul li p{border-left: 1px solid #ccc; padding: 0 0 0 15px; color: #000; height: 80px; overflow: hidden; line-height: 20px; margin-top: 15px; font-size: 14px;} .PicList002323 ul li a:hover figure{transform: scale(1.3);} .PicList002323 ul li a:hover h3{ color: #0075b8;} @media screen and (min-width:768px ){ .PicList002323 ul li{width:23%; } .PicList002323{ padding: 30px 0;} } @media screen and (min-width:1024px ){ .PicList002323 ul li{width:31.5%; margin-right: 2.75%; margin-bottom: 2%;} } @media(max-width: 768px){ .PicList002323 ul li{width: 100%;} .PicList002323 ul li p{border: 0} .PicList002323 ul li h3{text-align: center} .PicList002323{padding: 35px 2%;} } /*RighInfo966996 */ .RighInfo966996 .box2{ background: #f7f7f7; padding:1% 0;} .RighInfo966996 .box2 .list{ } .RighInfo966996 .box2 li{float:left;width: 33.333%;text-align: center; position:relative;} .RighInfo966996 .box2 li:before{ position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:100%;} .RighInfo966996 .box2 li:first-child, .RighInfo966996 .box2 li:last-child:before{ border:0;} .RighInfo966996 .box2 li a{display: block; margin:0 auto; width:50%; max-width:206px;} .RighInfo966996 .box2 li figure img{ width:100%; max-width:82px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .RighInfo966996 .box2 li:hover figure img{ top: -10px;} .RighInfo966996 .box2 li h3{font-size: 16px; font-weight: normal; color: #333; margin:25px 0 15px; margin-bottom: 0;} .RighInfo966996 .box2 li p{line-height: 24px; height:96px; text-align:left; overflow:hidden;font-size: 14px;color: #a8a8a8; margin-top:20px;} @media(max-width:767px){ .RighInfo966996 .box2 li a{width: 100%} .RighInfo966996 .box2{ padding:20px 0;} .RighInfo966996 .box2 li{ width:33%; margin-bottom:2%;} .RighInfo966996 .box2 li{ border-left:1px solid #f4f4f4;} .RighInfo966996 .box2 li:nth-child(2n){ border-left:1px solid #fff;} .RighInfo966996 .box2 li h3{font-size: 13px;padding: 0 5%;} } /*Bottom002085 */ .Bottom002085{ background-color:#303030; color:#808080;padding-top:3%;} .Bottom002085 a{color:rgba(255,255,255,0.45); font-size: 12px;} .Bottom002085 a:hover{ color:#fff !important;} .Bottom002085 nav dl{ float:left; padding-right: 2.5%; border-left: 1px solid #404040;padding-left: 20px; height: 200px;} .Bottom002085 nav dl:last-child{ padding: 0; border: none} .Bottom002085 nav dl.contact{ float:right; width:18%;} .Bottom002085 nav dt{ font-size:14px; height:32px; color:#fff; position: relative; } .Bottom002085 nav dt:after{ content: ""; display: block; position: absolute; left: -20px; top: 5px; width: 2px; height: 15px; background: #da251d} .Bottom002085 nav dl.contact dt{ background:none; margin-bottom:0;} .Bottom002085 nav dd{ line-height:22px; font-size:14px;} .Bottom002085 nav dl.case { width: 20% } .Bottom002085 nav dl.case dd{ float: left; margin-right: 10%;} .Bottom002085 nav dl.contact dd{ float:right; width:50%; text-align:center; margin-bottom: 20px;} .Bottom002085 nav dl.contact dd img{ width: 150px; margin-bottom: 10px;} .Bottom002085 nav dl.contact p{ background:url(../images/Bottom002085-icon_tel.png) no-repeat left 0px; padding-left:30px; min-height:28px; float: left; margin: 0px;} .Bottom002085 nav dl.contact p span{ display:block; color:#fff; font-size:16px;} .Bottom002085 nav dl.contact p.mail{ background:url(../images/Bottom002085-icon_mail.png) no-repeat left 0px} .Bottom002085 .footer{padding:2% 0;} .Bottom002085 .footer dt{ float:left;} .Bottom002085 .footer dt span{ float:left; line-height:32px; margin:6px 10px 6px 0; font-size: 12px;} .Bottom002085 .footer dt a{ width:32px; height:32px; background:url(../images/Bottom002085-share.png) no-repeat left top; padding-left:0; float:left; margin:6px 6px 6px 0;} .Bottom002085 .footer dt a.bds_weixin{ background-position:-43px 0;} .Bottom002085 .footer dt a.bds_sqq{ background-position:-86px 0;} .Bottom002085 .footer dt a:hover{background:url(../images/Bottom002085-share1.png) no-repeat left top;} .Bottom002085 .footer dt a:hover.bds_weixin{ background-position:-43px 0;} .Bottom002085 .footer dt a:hover.bds_sqq{ background-position:-86px 0;} .Bottom002085 .footer dd{ float:right; text-align:right;} .Bottom002085 .footer dd a{ color:#808080; display:inline-block;} .Bottom002085 .footer dd i{ margin:0 10px;} .Bottom002085 .footer dd i::before{ display:inline-block; content:''; width:2px; border-right:1px solid #3d3d3d; height:10px; background-color:#4a4a4a;} .Bottom002085 .footer dd p{ margin:0; font-size: 12px;} #bdshare_weixin_qrcode_dialog{ box-sizing:content-box;} @media(max-width:1024px){ .Bottom002085 nav dl{ display:none;} .Bottom002085 nav dl.contact{ display:none; float:none; max-width:200px; margin:0 auto;} .Bottom002085 .logo{ text-align:center;} .Bottom002085 .footer dt, .Bottom002085 .footer dd{ float:none;} .Bottom002085 .footer dd{ text-align:left; clear:both; width:100%;} } @media(max-width:480px){ .Bottom002085 .footer dd{ font-size:12px;} .Bottom002085 .footer dd p{ padding:10px 0;} } .search-slogan{background:#1d1e20; padding: 44px 0 45px;} .search-slogan .auto_1000{ position: relative; } .search-slogan .slogan{color:#aaadb0;font-size:16px;margin-bottom:12px} .search-slogan input{ padding-left: 20px; color: #999; background: #fff; border: none; border-radius: 3px;} @media only screen and (min-width:768px) {.search-slogan .slogan strong{font-size:28px}} .search-slogan .search-block-form:after{top:20px;right:20px;font-size:22px} .search-slogan input{width:100% !important;height:48px; position: relative; padding-left: 20px; } .search-slogan input:not(:focus){width: 100%;border-radius: 4px;-webkit-transition: all .3s linear;transition: all .3s linear;} .search-slogan input:focus{width: 100%;border-radius: 24px;-webkit-transition: all .4s linear;transition: all .4s linear; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .search-slogan .keywords{display:-webkit-box;display:-ms-flexbox;display:flex;margin:12px 0 0} .search-slogan .keywords li{padding:0 4px} .search-slogan .keywords li a{color:#aaadb0} .search-slogan .keywords li a:hover{color:#ff582b} .bu-search .search-block-form:after{top:22px;right:20px;font-size:22px} .search-block-form .form-actions input{border:0;background:none;opacity:0;z-index:99;position:relative} .control-label{ position: absolute; background: url(../images/search-slogan-btn.png) no-repeat; width: 62px; cursor: pointer; display: block; line-height: 1000px; overflow: hidden; height: 48px; right: 0; z-index: 9;} .link_logo{ padding: 30px 0; background: #f7f7f7;} .link_logo ul li{ text-decoration: none; list-style: none; float: left; width: 22%; margin-right: 4%;} .link_logo ul li:nth-child(4n){ margin-right: 0%;} .link_logo ul li a img{ display: block; margin: 0 auto; max-height: 100px; margin-bottom: 20px; border-radius: 10px;} .store{ padding: 30px 0; background: #f7f7f7;} .store ul li{ text-decoration: none; list-style: none; width: 16%; margin: 0 45px; float: left;} .store ul li a img{ display: block; margin: 0 auto; max-height: 100px;} /* .Floor001743 为demo编号 */ .Floor001743{padding: 2% 0; background: #f7f7f7;} .Floor001743 h3{font-size: 24px;color:#000;text-align: center; margin:0 0 3% 0;} .Floor001743 .bx-wrapper{position: relative; z-index:1; padding:0 30px;} .Floor001743 .bx-controls-direction a{ position:absolute;width: 20px;height: 100%;top: 0;} .Floor001743 .bx-controls-direction a.bx-prev{ left:0; background:url("../images/jiantourightleft.png") no-repeat center center;} .Floor001743 .bx-controls-direction a.bx-next{ right:0; background:url("../images/jiantouright.png") no-repeat center center;} .Floor001743 .bx-controls-direction a span{ position:absolute; left:50%; top:50%; margin-top:-9px; margin-left:-9px;font-size:18px; color:#c9c9c9;} .Floor001743 .bx-controls-direction a:hover span{ color:#ff0000;} .Floor001743 .list li a{display: block; max-width:75%; margin:0 auto;} .Floor001743 .list li img{ display:block; width:100%; } .Floor001743 .list li a:hover{ filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;} .Floor001743 .list li a:hover img{ } @media(max-width:640px){ .Floor001743 .list li a{max-width:90%;} .Floor001743 h3{font-size: 18px;} } /* .Menu002188 为demo编号 */ .Menu002188{ padding:20px 0 0; background: #f6f6f6;} .Menu002188 .Menu{ float:left;} .Menu002188 .Menu li{ float:left; padding:0 20px 20px;} .Menu002188 .Menu li a{ font-size:14px; color:#333; padding-bottom:19px;transition: .3s ease-out;} .Menu002188 .Menu li.cur a,.Menu002188 .Menu li a:hover{ color:#ff0000;border-bottom:2px solid #ff0000;font-weight:bold;} .Menu002188 .Currents{ text-align:right; color:#666; line-height:25px; float:right;} .Menu002188 .Currents em{ font-style:normal;background:url(../images/Menu002188-current_icon.png) no-repeat left center; background-size:auto 100%; padding-left:30px; display:inline-block;} .Menu002188 .Currents a{color:#666;transition: .3s ease-out;} .Menu002188 .Currents a::after{content: ''; display: inline-block; width: 8px; height: 8px; border-top: 1px solid #656565; border-right: 1px solid #656565; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .Menu002188 .Currents a:hover{color:#ff0000;} .Menu002188 .Currents em a::after{border:none;width: 0} .Menu002188 .Currents a:nth-child(2)::after{border:none;width: 0} @media (max-width: 1000px){ .Menu002188 .Currents{ display:none;} } /* .PicList001814 为demo编号 */ .PicList001814 { padding: 3% 0} .PicList001814 li{ float:left; margin-right:1.5%; padding:1% 0; width:23.875%;} .PicList001814 li:nth-child(4n){ margin-right:0;} .PicList001814 li a{ display:block; border:1px solid #eee; padding:4%;} .PicList001814 li figure{ padding-bottom:64%;} .PicList001814 li figure img{ display:none;} .PicList001814 li h2{ margin:0; font-size:14px; font-weight:normal; line-height:50px;} .PicList001814 li p{ margin:0; font-size:12px; line-height:24px; overflow:hidden; border-bottom:1px solid #eaeaea; height:96px;} .PicList001814 li span{ display:inline-block; line-height:40px; background:url(../images/PicList001814-more.png) no-repeat right center; padding-right:15px; font-size:14px;} .PicList001814 li a:hover *{ color:#ff0000;} .PicList001814 li a:hover h2{ font-weight:bold;} @media(max-width:768px){ .PicList001814 li{ width:48%; margin-right:4%;} .PicList001814 li:nth-child(2n){ margin-right:0;} .PicList001814 li p{ height:72px;} } @media(max-width:480px){ .PicList001814 li{ width:100%; float:none; margin-right:0;} .PicList001814 li p{ height:48px;} } /* .Page002193 为demo编号 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #e50014; background:#e50014;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#e50014; border-color:#e50014;} .Page002193 .p_page b{ font-weight:normal;} /*PicList002171 */ .PicList002171{ padding-top:3%;} .PicList002171 li{ float:left; width:18%; margin-right:2.5%; margin-bottom:3%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;width: 100%; padding: 1px; padding-bottom: 40%;} .PicList002171 li img{ position:relative; display: block; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,0,0,0.85); opacity:0; transition:0.3s; z-index: 9} .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(5n){ 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){ .Page002193 .p_page em{display: none} .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /* .Floor 为demo编号 */ .RighInfo002502{ background-color: #f6f6f6; width: 100%; } .RighInfo002502 .wrap-container{ margin: 0 auto; max-width: 1000px; } @media (max-width: 1230px) { .RighInfo002502 .wrap-container{ padding: 0 15px; max-width: 1230px;} } .RighInfo002502 ul li{ margin-bottom: 20px; } .RighInfo002502 ul li .liBox{border-radius: 30px 0 0 0; border: 2px solid #e7e7e7; padding: 20px;border-right: 3px solid #ff0000; background-size: 45px 29px;} .RighInfo002502 ul li .liBox .h3{margin: 0;font-size: 16px;font-weight: normal; color: #333;} .RighInfo002502 ul li .liBox .txt{ font-size: 18px;} @media screen and (min-width:768px ){ .RighInfo002502 ul li{float: left; width: 29%;margin-right: 4%; margin-bottom: 2%;} .RighInfo002502 ul li .liBox{ background-size: 77px 50px;} .RighInfo002502 ul li .liBox .txt{font-size: 14px; height: 70px; line-height: 30px;} } .Timeline001915 .list{ background:url(../images/Timeline001915-logo.png) no-repeat center top; padding-top:64px;} .Timeline001915 .list ul{ background:url(../images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001915 li div p{ line-height:24px} .Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;} .Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;} .Timeline001915 li time{ display:block; color:#da251d; font-size:18px;} .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#da251d; width:20px; height:5px;} .Timeline001915 ul li:nth-child(2n) time:before{ float:right;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#da251d; color:#fff; font-size:14px; border-radius:5px;} @media(max-width:1000px){ .Timeline001915 .columnName{ font-size:45px;} .Timeline001915 .columnName span{ font-size:24px;} } @media(max-width:640px){ .Timeline001915 .columnName{ font-size:30px;} .Timeline001915 .columnName span{ font-size:20px;} } @media(max-width:480px){ .Timeline001915 .list{ background-position: left top; padding-left:20px;} .Timeline001915 .list ul{ background-position: 8px top;} .Timeline001915 li{ padding:0 !important; background-position: left top;} .Timeline001915 li div{ padding:10px 10px 10px 36px !important;} .Timeline001915 ul li:nth-child(2n){ text-align:left;} .Timeline001915 ul li:nth-child(2n) time:before{ float:none;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding-top:55px; background: #f6f6f6} .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 55px; text-align: center; } .PicList002239 li .li1{ float: left;padding: 15.5px 0; font-size: 14px; color: #666666;} .PicList002239 li .text{ padding: 0 20px} .PicList002239 li .span2{ float: right; font-size: 12px; color: #999; padding:17px 0; padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center} .PicList002239 .open_info{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .PicList002239 .info_area{ position:absolute; width:90%; max-width:1200px; left:50%; transform:translate(-50%,-50%); top:50%; background:#fff; padding:5%;} .PicList002239 .info_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;} .PicList002239 .info_area .close::before, .PicList002239 .info_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;} .PicList002239 .info_area .close::before{ transform:rotate(45deg);} .PicList002239 .info_area .close::after{ transform:rotate(-45deg);} .PicList002239 .info_area .pic{width:100%; height:auto; overflow:hidden; top:0; left:0; text-align:center;} .PicList002239 .info_area .txt{ overflow:auto; padding-top:15px; text-align:center;} @media (min-width: 640px) { .PicList002239 li{ float: left; width: 33.3%; margin: 0 1% 55px;} } @media (min-width: 1250px) { .PicList002239 li{ width: 312px;} } /* .RighInfo002363 为demo编号 */ .RighInfo002363 .auto{ max-width: 1200px;} .RighInfo002363 .con-head em{position:relative; margin:2% 0; font-style:normal; display: inline-block; color:#333; font-size:36px; padding-bottom:20px; } .RighInfo002363 .con-head em span{ color:#333;} .RighInfo002363 .con-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:1px; content:""; background:#3d12aa; } .RighInfo002363 .box1{ padding:5% 0 2% 0; background: #f6f6f6;} .RighInfo002363 .box1 .tit{ text-align:center; font-size:24px; font-family:'微软雅黑'; font-weight:normal; color:#333; 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: #333; padding: 15px 0; line-height: 30px} .RighInfo002363 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;} @media only screen and (min-width:768px ) { .RighInfo002363 .con-head em{ font-size: 22px;} .RighInfo002363 .tit{ font-size:28px;} } @media only screen and (min-width:1024px ) { .RighInfo002363 .con-head em{ font-size: 36px;} .RighInfo002363 .tit{ font-size:32px;} } .RighInfo002363 .box2{ background: #fff; padding:40px 0;} .RighInfo002363 .box2 .text{ position:relative; color: #333; line-height: 30px; padding-bottom: 30px;} /* .Banner002388 为demo编号 */ .Banner002388{ overflow: hidden;} .Banner002388 img{ position: relative;width: 100%;} @media only screen and (max-width:1024px ) { .Banner002388 img{ width: 130%; left: -15%; max-width: none;} } @media only screen and (max-width:768px ) { .Banner002388 img{ width: 150%; left: -25%;} } @media only screen and (max-width:480px ) { .Banner002388 img{ width: 190%; left: -45%;} } /* .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;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /*RighInfo002218*/ .RighInfo002218{ text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%; background: #f6f6f6} .RighInfo002218 .box1{padding:50px 0 15px 0;color: #f6f6f6;font-size:14px;line-height:30px;background: #f6f6f6;} .RighInfo002218 .con-head em{position:relative; margin:2% 0; font-style:normal; display: inline-block; color:#333; font-size:36px; padding-bottom:20px; } .RighInfo002218 .con-head em span{ color:#333;} .RighInfo002218 .con-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:1px; content:""; background:#3d12aa; } .RighInfo002218 .box1 .pic{float:right;margin-left:5%;} .RighInfo002218 .box1 .h3{font-size:18px;color:#008cd6;margin:0 0 20px 0; font-weight:normal;} .RighInfo002218 .box1 figure{ padding:3.5% 0; color:#728391;} .RighInfo002218 .list{ padding-top:5%;} .RighInfo002218 .list li{ display:block; float:left; width:42%;} .RighInfo002218 .list li+li{ padding-left:2%;} .RighInfo002218 .list li:first-child,.RighInfo002218 .list li:last-child{ width:29%;} .RighInfo002218 .list img{ float:left; margin-right:3%; max-width:98px;} .RighInfo002218 .list figure{ padding-top:7%;} .RighInfo002218 .list h2{ font-weight:normal; color:#008cd6; font-size:18px; margin:0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .RighInfo002218 .list p{ margin:10px 0 0; color:#728391;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media(max-width:1000px){ .RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;} .RighInfo002218 .list figure{ padding:3% 0;} .RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;} } /*RighInfo002218 End*/ /* .RighInfo002309 为demo编号 */ .RighInfo002309 .CenTitle{ padding:10px 0; position:relative; z-index:1;} .RighInfo002309 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;} .RighInfo002309 .CenTitle .line{ width:10px; height:1px; background:#f68121; overflow:hidden; margin:0 auto;} .RighInfo002309 .txtbox{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;} .RighInfo002309 .aboutTxt01{ line-height:30px; font-size:14px; color:#555;} .RighInfo002309 .aboutTxt01 .wap_pic{ display: block; text-align: center;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: none;} @media only screen and (min-width:768px ) { .RighInfo002309 .aboutTxt01 .wap_pic{ display: none;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: block;} .RighInfo002309 .aboutTxt01 .pic{ display: block;float:right; margin-left:80px;} } /* .PicList002501 为demo编号 */ .PicList002501{ width: 100%; position: relative; z-index:9; background: #f6f6f6; padding-top: 3%} .PicList002501 ul li{margin-bottom: 30px;} .PicList002501 ul li.last{margin-bottom: 0;} .PicList002501 .right{margin-bottom: 20px;} .PicList002501 .rightBox .img{ overflow: hidden;} .PicList002501 .rightBox .img img{width: 100%;} .PicList002501 .leftBox .h3{font-size: 18px; color: #20979b; font-weight: normal; margin: 0;} .PicList002501 .leftBox .txt{padding-top: 10px; font-size: 16px; line-height: 1.8;} @media screen and (min-width:768px){ .PicList002501 .right{float: right; width: 50%;} .PicList002501 .left{float: left; width: 48%;} .PicList002501 .odd .right{float: left;} .PicList002501 .odd .left{float: right;} .PicList002501 .leftBox{width: 90%;margin: 0 auto;} } @media screen and (min-width:1000px){ .PicList002501 .auto_1600{ padding-top: 30px;} .PicList002501 .leftBox .h3{font-size: 24px;} } /* .RighInfo002452 为demo编号 */ .RighInfo002452{ position: relative; padding: 3% 0;} .RighInfo002452 .bigimg{width: 50%; position: absolute; left: 0; top: 0; padding: 50px 0 0 55px; height: 100%; overflow: hidden;} .RighInfo002452 .bigimg span{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center;} .RighInfo002452 .bigimg span img{ visibility: hidden;} @media only screen and (max-width:1000px ) { .RighInfo002452 .bigimg{ width: 100%; position: static; padding-top: 6%;} } .RighInfo002452 .right-content{ float: right; width: 25%; padding:0 25px; color: #333; line-height: 28px;} @media only screen and (max-width:1366px ) { .RighInfo002452 .right-content{ padding: 0 25px;} } @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content{ float: none; width: 100%;} } .RighInfo002452 .right-content .inner{} @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content .inner{ max-width:none;} } @media(max-width: 680px ){ .RighInfo002452 .bigimg img{width: 100%;padding: 0;} .RighInfo002452 .bigimg{padding: 0} } .RighInfo002452 .right-content .tit{ font-weight: normal; font-size: 30px; margin: 0;} .RighInfo002452 .right-content dl{ padding: 12% 0 5%;} .RighInfo002452 .right-content .tits{ color: #666;} .RighInfo002452 .smalllist{ padding: 15% 0;} .RighInfo002452 .smalllist li{ float: left; width: 64px; height: 48px; margin-right: 2px; position: relative;} .RighInfo002452 .smalllist li.on:before{ position: absolute; top: 0; content: ""; left: 0; width: 100%; height: 100%;background:rgba(255, 0, 0, 0.7) none repeat scroll 0 0 !important;filter:Alpha(opacity=70); background: #ff0000;} .RighInfo002452 .smalllist li a{ cursor: pointer;} @media only screen and (max-width:1000px ) { .RighInfo002452 .smalllist{ padding: 6% 0;} } .RighInfo002452 .gopage{ margin-top: 30px;} .RighInfo002452 .gopage a{ display: inline-block; max-width: 180px; padding: 2% 2%; border: 2px solid #ff0000; text-align: center; width: 45%; color: #ff0000; transition:all .3s ease-in-out; } .RighInfo002452 .gopage a:hover{ color: #fff; background-color: #ff0000;} /*PicList001958*/ .PicList001958{padding: 3% 0; background: #f6f6f6; } .PicList001958 li{ overflow:hidden; padding:20px 0; border-bottom:1px solid #ebecec;} .PicList001958 li:last-child{ border-bottom:0;} .PicList001958 li div{ position:relative; padding-left:29%;} .PicList001958 li .Ispic{ position:absolute; left:0; top:0; height:100%; width:26%;} .PicList001958 li .Ispic img{ display:none;} .PicList001958 li h1{ margin:0; font-size:18px; padding:15px 0;} .PicList001958 li time{ color:#999;} .PicList001958 li p{color:#666; margin:10px 0 0 0; line-height:30px; height:90px; overflow:hidden;} @media(max-width:768px){ .PicList001958 li div{ padding-left:45%;} .PicList001958 li .Ispic{width:42%;} } @media(max-width:480px){ .PicList001958 li div{ padding-left:0;} .PicList001958 li .Ispic{ position:relative; display:block; width:auto; padding-bottom:50%;} .PicList001958 li p{line-height:20px; height:60px; font-size:12px;} .PicList001958 li h1{font-size:16px;} } /* .PicList001213 为demo编号 */ .PicList001213 dl{margin:2% 0 1% 0;} @media(min-width:481px){ .PicList001213 dl{ display:table; width:50%;padding: 0 1%;float: left} .PicList001213 dl dt, .PicList001213 dl dt{ width:100%;} .PicList001213 dl dt img{ width:100%;} .PicList001213 dl:nth-child(2n) dt{ text-align:right; } } .PicList001213 dl h2{ font-size:16px; margin:0;} .PicList001213 dl p{ max-height:210px;padding-right:3%; line-height: 15px;} .PicList001213 dl h3{margin: 10px 0} .PicList001213 dl p b{font-size: 14px;color: #555555;font-weight: normal} @media(max-width:480px){ .PicList001213 dl dd{ padding:3%;} } .PicList001213 .auto_1000{max-width: 1200px} /*Map002134 */ .Map002134{ padding-bottom:3%;} .Map002134 .column{ text-align:center; font-size:18px; color:#c02a05; padding:2% 0; line-height:20px;} .Map002134 .column:after{ display:block; content:''; width:100%; height:1px; background:#c02a05; margin-top:-10px;} .Map002134 .column span{ display:inline-block; padding-left:30px; background:url(../images/Map002134-title_l.png) no-repeat left center #fff;} .Map002134 .column span b{ display:inline-block; padding-right:30px; background:url(../images/Map002134-title_r.png) no-repeat right center;} .Map002134 .tips{ text-align:center; padding-bottom:2%;} .Map002134 .map_box{ float:left; width:62%; text-align:center;} .BMap_Marker>div img{ max-width:none;} .BMap_Marker>div img{ max-width:none;} .Map002134 #allmap_map *{ box-sizing:content-box; -webkit-box-sizing:content-box;} /*.Map002134 .map_box #container > div{ width: 100%!important;}*/ .Map002134 .map_box #container{height: 650px;width:100%;background:#fff;} .Map002134 .select_area{ float:right; width:33.4%; } .Map002134 .select_area dl{ position:relative; } .Map002134 .select_area dt{ line-height:37px; border:1px solid #dedede; padding:0 30px 0 15px; background:url(../images/Map002134-icon_sel.gif) no-repeat 96% center; cursor:pointer;} .Map002134 .select_area dd{ position:absolute; left:0; width:100%; background:#fff; top:100%; z-index:10;border-top:0; display:block; } .Map002134 .select_area dd a{ display:block; padding:0 10px; line-height:30px;} .Map002134 .select_area dd a:hover{ background-color:#ececec;color:#c02a05;} .Map002134 .select_area .text{ width:100%; line-height:37px;height:37px;border:1px solid #dedede;padding:0 15px; color:#999; margin-bottom:10%;} .Map002134 .select_area .btn{ cursor:pointer; border:none; background:#c02a05; color:#fff; width:100%; max-width:109px; height:39px;} .Map002134 .time{ background:#efefef; padding:10px; color:#333; margin-top:2%;} .Map002134 .table td{ border:1px solid #efefef; text-align:center; padding:2% 10px;} .Map002134 .table .tr_top td{ font-weight:bold;color:#333} .Map002134 .table td.td_0{ width:18%;} .Map002134 .table td.td_1{ width:40%;} .Map002134 .table td.td_2{ width:16%;} .Map002134 .table td.td_3{ width:16%;} .Map002134 .table td.td_4 a{ color:#c02a05;} .Map002134 .open_map{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .Map002134 .map_area{ position:fixed; width:80%; left:10%; top:25%; height:50%; background:#fff;} .Map002134 .map_area #allmap{ position:absolute; left:15px; top:15px; right:15px; bottom:15px;} .Map002134 .map_area #allmap *{ box-sizing:content-box;} .Map002134 .map_area #allmap img{ max-width:none;} .Map002134 .map_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;} .Map002134 .map_area .close::before, .Map002134 .map_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;} .Map002134 .map_area .close::before{ transform:rotate(45deg);} .Map002134 .map_area .close::after{ transform:rotate(-45deg);} @media(max-width:768px){ .Map002134 .map_box, .Map002134 .select_area{ float:none; width:auto;} .Map002134 .map{margin-left:0;} .Map002134 .select_area{padding:2% 0;} .Map002134 .select_area dl, .Map002134 .select_area .text{ margin-bottom:2%;} .Map002134 .map_box{ display: none;} } @media(max-width:640px){ .Map002134 .table .tr_top{ display:none;} .Map002134 .table td{ display:block; width:auto !important; text-align:left; background-color:#efefef;} .Map002134 .table tr:nth-child(2n) td{ background-color:#fff;} .Map002134 .table td.td_0{ font-weight:bold; color:#000;} } @media(max-width:375px){ .Map002134 .map_area{width:96%; left:2%;} .Map002134 .map_area #allmap{ left:5px; top:5px; right:5px; bottom:5px;} } /* .Timeline002310 为demo编号 */ .Timeline002310{} .Timeline002310 .CenTitle{ padding:15px 0 10px 0; position:relative; z-index:1; margin-top: 20px; border-top: 1px solid #e7f0f4;} .Timeline002310 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;} .Timeline002310 .CenTitle .line{ width:10px; height:1px; background:#f68121; overflow:hidden; margin:0 auto;} .Timeline002310 .txtbox{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;} .aboutTxt02{ font-size:14px; line-height:24px; color:#555;} .aboutTxt02 .year strong{ color:#f68121; font-size:24px;} .aboutTxt02 .txt{ padding-left:10px; position:relative;} .aboutTxt02 .txt strong{ display:block; position:absolute; left:0;} .aboutTxt02 .txt .strong{ display:inline-block; width:10px; position:static;} .aboutTxt02 li{} @media only screen and (max-width:1024px ) { .aboutTxt02 li{ position: relative; padding:35px 15px 35px 80px;} .aboutTxt02 li:before{ content: ""; width: 1px; height: 100%; display: block; background-color: #eed8cb; position: absolute; left: 20px; top: 0;} .aboutTxt02 li:after{content: ""; width: 50px; height: 1px;display: block; background-color: #eed8cb; position: absolute; left: 20px; top: 45px;} .aboutTxt02 li .year{ position: relative;} .aboutTxt02 li .year:before{content: ""; width: 20px; height: 20px; border-radius: 50%; display: block; background-color: #eed8cb; position: absolute; left: -70px; top: 0px;z-index: 2;} .aboutTxt02 li .year:after{content: ""; width: 10px; height: 10px; border-radius: 50%; display: block; background-color: #ddb298; position: absolute; left: -65px; top: 5px; z-index: 2;} .aboutTxt02 li:nth-child(2n):after,.aboutTxt02 li:nth-child(2n) .year:after{ background-color: #8bd0a5;} .aboutTxt02 li:nth-child(2n) .year:before{ background-color: #c5e7d2;} .aboutTxt02 li:nth-child(3n):after,.aboutTxt02 li:nth-child(3n) .year:after{ background-color: #87b2c7;} .aboutTxt02 li:nth-child(3n) .year:before{ background-color: #c3d8e3;} } @media only screen and (min-width:1025px ) { .aboutTxt02{ max-width:960px; height:590px;background:url(../images/Timeline002310-pic_memorabilia.png) center no-repeat; position:relative; margin: 0 auto; background-size: 100%;} .aboutTxt02 li{ position:absolute; padding: 10px; border: 2px solid transparent; transition: border-color .3s ease-out;} .aboutTxt02 .li1{left:81%; top: 11%; max-width:262px;} .aboutTxt02 .li2{ right:40%; top:17%; max-width:530px;} .aboutTxt02 .li3{ left:69% ; top:33%;} .aboutTxt02 .li4{ right:55%; top:32%;} .aboutTxt02 .li5{ left:55%; top:47.5%;} .aboutTxt02 .li6{ right:68%; top:44%; max-width:265px;} .aboutTxt02 .li7{ top:58.5%; left:42%;} .aboutTxt02 .li8{ right:81%; top:61%; } .aboutTxt02 .li9{ top:78%; left:22%;} .aboutTxt02 li:hover{border:2px solid #d1ecdb;} } @media only screen and (min-width:1430px ) { .aboutTxt02 .li1{right: -88px; top: 65px; max-width:262px;} .aboutTxt02 .li2{ right:400px; top:88px; max-width:530px;} .aboutTxt02 .li3{ right:-88px; top:197px; width:385px;} .aboutTxt02 .li4{ right:538px; top:175px; max-width:390px;} .aboutTxt02 .li5{ left:532px; top:285px; max-width:448px; } .aboutTxt02 .li5 .txt{ font-weight:bold;} .aboutTxt02 .li6{ right:665px; top:259px; max-width:265px;} .aboutTxt02 .li7{ top:366px; left:415px;} .aboutTxt02 .li8{ left:0; bottom:154px; width:165px;} .aboutTxt02 .li9{ bottom:40px; left:220px;} } @media(max-width: 768px){ .w22, .w75{clear: both} .quanbu .auto_1600{max-width:inherit;} .con{padding: 0 2%;} } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{padding-bottom: 17%; 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){ .Top002196 .header-right{width: 40%} .Top002196 .top-search{right:50px;margin-top: 16px} .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } .RighInfo002218 .wrap-container .tit{ color: #1a1002; font-size: 22px; margin:4% auto; font-weight: normal;text-align: center} .RighInfo002218 .wrap-container .word{ color: #1a1002; font-size: 14px; line-height: 24px; margin-top:0;} .jianjieinfobox{min-height: 150px} /* .TextList002322 为demo编号 */ .TextList002322{ padding: 30px 3%; border: 1px solid #f0f0f0;} .TextList002322 .tit{ height:31px; line-height:31px; padding-left:16px; color:#6e6e6e; font-size:20px; position: relative;} .TextList002322 .tit:before{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 19px;margin-top: -9px;} .TextList002322 .list{ padding-top: 20px;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #999;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:hover{ color: #6C92B9;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} .header-mid{width: 45%;background:rgb(34, 34, 34);} .Top002262 .header-menu li em a{line-height: 50px;color:#ffffff;} .Top002262 .header-menu li em::after{right: 45px} } @media (max-width: 1024px){ .header-menu { display: none; position: fixed; top: 0; width: 42%; right: 0; background: rgb(34, 34, 34); padding: 30% 0; height: 100%; } } .menustyle{position: fixed !important;right: 25px !important} /* .Map002364 为demo编号 */ .Map002364 dd{ border:10px solid #fff;margin-bottom:2%;position:relative;} .Map002364 dd:last-child{ margin-bottom:0;} .Map002364 dd figure{ padding:3%;} .Map002364 dd ul{ padding-bottom:3%; } .Map002364 dd li{line-height:24px; padding:30px 0; padding-left:50px; background:url(../images/Map002364-icon_name.gif) no-repeat center left; font-size:16px; color:#767676;} .Map002364 dd li:nth-child(2){background-image:url(../images/Map002364-icon_add.gif);} .Map002364 dd li:nth-child(3){background-image:url(../images/Map002364-icon_tel.gif);} .Map002364 dd li:nth-child(4){background-image:url(../images/Map002364-icon_fax.gif);} @media(max-width:640px){ .Map002364 dd{ padding:3%;} .Map002364 dd figure{ padding:0;} } @media(max-width:480px){ .Map002364 dd figure h1{ font-size:20px;} } .hezuobanner{width: 100%;padding:5.5% 0;background-position: center top;background-repeat: no-repeat;} .hezuobanner .hezuobanbox{max-width:1200px;margin: 0 auto;width: 100%;} .hezuobanner .hezuobanbox .hezuobox{width: 26.666%;float: left; background: rgba(255, 255, 255, 0.5);} .hezuobanner .hezuobanbox .hezuoban1{ margin-right: 10%; color: #f71616;} .hezuobanner .hezuobanbox .hezuoban2{ margin-right: 10%; color: #ffff00;} .hezuobanner .hezuobanbox .hezuoban3{ color: #03b0ef;} .hezuobanner .hezuobanbox .hezuobox h3{font-size: 18px;font-weight: normal;margin-top: 0; display: inline-block; vertical-align: top;} .hezuobanner .hezuobanbox .hezuobox .hezuobannumber span{font-size: 32px;} .hezuobanner .hezuobanbox .hezuobox .hezuobannumber{position:relative; width: 100%; padding:5% 2%; text-align: center;} .hezuobanner .hezuobanbox .hezuobox .hezuobannumber b{font-size: 32px;font-weight: normal;} .hezuobanner .hezuobanbox .hezuobox .hezuobannumber .hezuojia{font-size: 24px;color: #ff0303;display: block;position: absolute;top: 0;right: -20px;font-weight: bold} @media(max-width: 768px) { .hezuobanner .hezuobanbox .hezuobox .hezuobannumber b { font-size: 32px; } .hezuobanner .hezuobanbox .hezuobox .hezuobannumber .hezuojia { font-size: 12px; } .hezuobanner .hezuobanbox .hezuobox h3 { font-size: 12px } .hezuobanner .hezuobanbox{width: 80%} } /*Timeline001915*/ .Timeline001915{ padding-bottom:4%;} .Timeline001915 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00; text-transform:uppercase;} .Timeline001915 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .Timeline001915 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;} .Timeline001915 .list ul{ background:url(../images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001915 li div.timelineword{ padding-left:36px;position: relative} .Timeline001915 li div.timelineword p{ line-height:24px;} .Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;} .Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;} .Timeline001915 li time{ display:block; color:#b5121b; font-size:18px; } .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#b5121b; width:20px; height:5px; display: none;} .Timeline001915 ul li:nth-child(2n) time:before{ float:right;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#b5121b; color:#fff; font-size:14px; border-radius:5px;} .Timeline001915 li .timetanchu{position: absolute;top: -104px;left:-45px;display: none} .Timeline001915 li:hover .timetanchu{display: block} .Timeline001915 ul li:nth-child(2n) .timelineword .timetanchu{right: -81px;left: inherit} .Timeline001915 li .timetanchu .timetanleft{background: url("../images/juxingt.png") no-repeat left top;display: block;height: 113px;width: 182px;line-height: 77px;font-size: 31px;color: #ffffff;text-align: center} .Timeline001915 ul li:nth-child(2n) .timetanchu .timetanright{margin-left: 0;margin-right: 25px} .Timeline001915 ul li:nth-child(2n) .timelineword .timetanleft{float: right;background: url("../images/juxingtleft.png") no-repeat right top;} @media(max-width:1000px){ .Timeline001915 .columnName{ font-size:45px;} .Timeline001915 .columnName span{ font-size:24px;} } @media(max-width:640px){ .Timeline001915 .columnName{ font-size:30px;} .Timeline001915 .columnName span{ font-size:20px;} } @media(max-width:480px){ .Timeline001915 .list{ background-position: left top; padding-left:20px;} .Timeline001915 .list ul{ background-position: 8px top;} .Timeline001915 li{ padding:0 !important; background-position: left top;} .Timeline001915 li div{ padding:10px 10px 10px 36px !important;} .Timeline001915 ul li:nth-child(2n){ text-align:left;} .Timeline001915 ul li:nth-child(2n) time:before{ float:none;} } .Timeline001915 .timetanchu .timetanleft{float: left;} .Timeline001915 .timetanchu .timetanright{float:left;display: block;height: 82px;line-height: 82px;padding: 0 35px;background: #da251d;margin-left: 25px;font-size: 18px;color: #fff;font-weight: bold; } .tit_box{padding:1% 20px; margin-top: 1%;} .tit_box p{ font-size: 12px; color: #666; margin: 0;} .PicList002146{ padding: 2% 0;} .PicList002146 li{ float:left; width:23.5%; margin-right: 2%; margin-bottom: 2%;transition: all 0.3s ease-in-out;} .PicList002146 li:nth-child(4n){ margin-right: 0;} .PicList002146 li a{ display:block; position:relative; border: solid 1px #eee; background: #f6f6f6;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:16px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:77%;} .PicList002146 li h3{ padding:2%; line-height:40px; position:relative; display: none;} .PicList002146 li .hover{position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; transition: all 0.3s ease-in-out;} /*.PicList002146 li a:hover .hover{ opacity:1;}*/ .PicList002146 li aside{ position:absolute; left:3%;width:94%; bottom:20px; text-align: left;z-index: 99;} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden; font-weight: bold; color: #fff; text-align: left;} .PicList002146 li .hover i{ height:2px; background:#2a2a2a; width:30px; margin:10px auto; display: none;} .PicList002146 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden; display: none;} .PicList002146 li:hover{ transition: all 0.3s ease-in-out;} .PicList002146 li .hover:after{content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0;z-index: 9; transition: all 0.3s ease-in-out;opacity: 0} .PicList002146 li:hover .hover:after{ opacity: 1 } @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002146 li{ width:49%;margin-right:2%;} .PicList002146 li:nth-child(4n){ margin-right: 2%;} .PicList002146 li:nth-child(2n){ margin-right: 0;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:40px;} } @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;} } .PicList002172{ padding:0 0 3% 0;} .PicList002172 .owl-carousel{ padding:0 30px;} .PicList002172 .item{ padding:0 15px;} .PicList002172 .item figure{ border:1px solid #e8e8e8; padding:2%;} .PicList002172 .item img{ display:none;} .PicList002172 .item figure span{ display:block; padding-bottom:150%; background-size:contain;} .PicList002172 .owl-carousel .ON figure{ border-color:#006cba;} .PicList002172 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002172-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002172 .owl-nav .owl-prev{ left:0;} .PicList002172 .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002172 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002172 .owl-nav .owl-next.disabled{background-position: right top;} .PicList002172 .owl-nav div.disabled{ cursor:default;} .PicList002172 .hover{ padding-top:10%; position:relative; margin-bottom:5%; display: none;} .PicList002172 .hover dl{ display:none;} .PicList002172 .hover dl dt{ background:#2e3f50; color:#fff; padding:5% 65% 5% 5%;} .PicList002172 .hover dl dt p{ margin:0; text-align:center; font-size:24px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.txt:before{ display:block; content:''; height:20px; background:url(../images/PicList002172-icon.png) no-repeat left top;} .PicList002172 .hover dl dt p.year{ padding-bottom:3%;} .PicList002172 .hover dl dt p.txt:after{ background-position:right top;} .PicList002172 .hover dl dd{ position:absolute; right:0; height:100%; width:55%; top:0; background-size:contain; /*background-color:#fff;*/} .PicList002172 .hover dl dd img{ display:none;} @media(max-width:1000px){ .PicList002172 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002172 .hover{ padding-top:0;} .PicList002172 .hover dl dt{ padding-right:5%; margin-bottom:2%;} .PicList002172 .hover dl dd{ position:relative; height:auto; width:auto; padding-bottom:50%;} } @media(max-width:480px){ .PicList002172 .hover dl dt p{ font-size:18px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ height:12px; background-size:auto 100%;} } /**插件样式 有相同 留一个即可**/ .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**/ .Form002219{ padding-bottom:5%; padding-top: 5%;} .Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;} .Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:260px; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;} .Form002219 .submitbtn{ color:#fff; background-color:#e50014;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:220px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } .Timeline001265 .auto{ position: relative;} .Timeline001265{ position:relative; padding:3% 0;} .Timeline001265 .auto::before{ position:absolute; content:''; top:0; width:1px; height:100%; left:20px; background-color:#dcdcdc;} .Timeline001265 .list{height: 600px;overflow: hidden;position: relative;} .Timeline001265 ul{position: relative;} .Timeline001265 li{padding:15px 0 15px 40px;} .Timeline001265 li h1{ font-weight:normal; font-size:30px; margin:0; position:relative;} .Timeline001265 li h1 i{ display:block; width:12px; height:12px; position:absolute; left:-27px; top:50%; margin-top:-6px; border-radius:50%; background-color:#ef6d00;} .Timeline001265 li dt{ padding:5px 0;} .Timeline001265 .btn{ position:absolute; width:0; height:0; border:15px solid #ccc; border-left-color:transparent; border-right-color:transparent; left:6px; z-index:10; cursor:pointer;} .Timeline001265 .prev{ border-top:0; top:0;} .Timeline001265 .next{ border-bottom:0; bottom:0;} @media(max-width:768px){ .Timeline001265 li h1{ font-size:24px;} } @media(max-width:480px){ .Timeline001265 .list{height: 400px;} } .siderRight{position: fixed; right: 0;top:50%;z-index: 9999;} .siderRight li{position: relative; width: 60px; height: 60px; margin-bottom: 1px;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;} .siderRight li a{display: block;width: 100%;height: 100%;} .siderRight li:nth-child(1){background: #ff0000 url(../images/ico_1.png) no-repeat center;} .siderRight li:nth-child(2){background: #ff0000 url(../images/ico_2.png) no-repeat center;} .siderRight li:nth-child(3){background: #ff0000 url(../images/ico_3.png) no-repeat center;} .siderRight li:nth-child(4){background: #ff0000 url(../images/ico_4.png) no-repeat center;} .siderRight li:nth-child(1):hover{background: #af1111 url(../images/ico_1.png) no-repeat center;} .siderRight li:nth-child(2):hover{background: #af1111 url(../images/ico_2.png) no-repeat center;} .siderRight li:nth-child(3):hover{background: #af1111 url(../images/ico_3.png) no-repeat center;} .siderRight li:nth-child(4):hover{background: #af1111 url(../images/ico_4.png) no-repeat center;} .sidermaskBox{ display: none;} .sidermask {position: absolute;background: #af1111; left: -260px;height: 100%; color: #fff;top:0;width: 260px; padding: 10px; } .siderRight li:nth-child(2):hover .sidermaskBox{display: block;} .sidermaskBoxs{position: relative;display: none;} .sidermaskBoxs{position: absolute;background: #af1111; left: -135px;padding: 5px;color: #fff;top: 0;} .sidermaskBoxs img{width: 120px;} .siderRight li:nth-child(3):hover .sidermaskBoxs{display: block;} .scwjstyle{width: 100%} @media(max-width:480px){ .siderRight li{ width: 42px; height: 42px; background-size: 30px 30px!important;} .sidermask{ font-size: 12px; padding: 4px 10px;} } .Spec000661{ margin-top: 1%; background: #f7f7f7; padding: 20px;} .Spec000661 dt, .Spec000661 dd{ float:left; } .Spec000661 dd.clear{ float:none;} .Spec000661 dl{ margin-bottom:3px; width: 55%; float: left;} .Spec000661 dt{line-height:40px; width:11%; text-align:right;} .Spec000661 dd{position:relative; width: 28%; margin-left: 10px;} .Spec000661 .ss{ border:#3d12aa 1px solid; width: 45%; float: right; position: relative;} .Spec000661 dd .a_sel{line-height:42px; width:100%; height:42px; border:#3d12aa 1px solid; display:block; padding-left:10px;padding-right:29px;background:url(../images/Spec000661-a_sel.jpg) no-repeat right 4px #fff;} .Spec000661 dd .a_sel:hover{ color: inherit;} /*.Spec000661 dl:nth-last-of-type(1) .a_sel{ width:112px;}*/ .Spec000661 dd figure{ position:absolute; display: none; left:0; top:40px; z-index: 99; background-color:#fff; border:#3d12aa 1px solid; border-top:0; box-shadow:0 1px 2px #3d12aa inset; padding: 20px;} .Spec000661 .ss .text{background: #fff; height: 40px; line-height: 40px; border:none; width: 90%; text-indent: 2em; font-size: 14px; color: #999999} .Spec000661 .ss .btn{ background: #fff url(../images/Top000920-ico_search.png) no-repeat center; width: 10%; height: 40px; position: absolute;} .Spec000661 dd figure h3{ font-size: 16px; font-weight: normal; margin: 0; border-bottom: solid 1px #3d12aa; padding-bottom: 10px;} .Spec000661 dd figure .con_list{ margin-top: 15px;} .Spec000661 dd figure .con_list ul li{ width: 32%; margin-right: 2%; float: left; line-height: 30px;} .Spec000661 dd figure .con_list ul li:nth-child(3n){ margin-right: 0;} .Spec000661 dd figure a{ display:block; } .Spec000661 dd figure a:last-child{ border-bottom:0;} .Spec000661 dd figure a:hover{ color:#3d12aa;} .Spec000661 dd.dd1 figure{width: 1080px; } .Spec000661 dd.dd2 figure{width: 892px; } .Spec000661 dd.dd3 figure{width: 703px; } @media(max-width:640px){ /*.Spec000661 dl{ float:none;}*/ } @media(max-width:1024px){ .Spec000661 dl{ float: left; width: 50%;} .Spec000661 dt{ width: 100%; float: none; text-align: left;} .Spec000661 dd{ width: 100%; float: none; margin-left: 0; margin-bottom: 10px;} .Spec000661 dd figure .con_list ul li{ width: 100%; margin-right: 0; float: none;} .Spec000661 dd figure{ overflow-y: auto;} .Spec000661 dd.dd1 figure{ width: 100%;} .Spec000661 dd.dd2 figure{ width: 100%;} .Spec000661 dd.dd3 figure{ width: 100%;} .Spec000661 .ss{ margin-top: 40px;} } @media(max-width:480px){ .Spec000661 dl{ float: none; width: 100%;} .Spec000661 .ss{ float: none; width: 100%; margin-top: 0;} } .Spec000661_1{ background: #f7f7f7; padding: 20px;} .Spec000661_1 dt, .Spec000661_1 dd{ float:left; } .Spec000661_1 dd.clear{ float:none;} .Spec000661_1 dl{ margin-bottom:3px; width: 55%; float: left;} .Spec000661_1 dt{line-height:40px; width:10%; text-align: left;} .Spec000661_1 dd{position:relative; width: 85%; margin-left: 10px;} .Spec000661_1 .ss{ border:#3d12aa 1px solid; width: 45%; float: right; position: relative;} .Spec000661_1 dd .a_sel{line-height:42px; width:100%; height:42px; border:#3d12aa 1px solid; display:block; padding-left:10px;padding-right:29px;background:url(../images/Spec000661-a_sel.jpg) no-repeat right 4px #fff;} .Spec000661_1 dd .a_sel:hover{ color: inherit;} /*.Spec000661 dl:nth-last-of-type(1) .a_sel{ width:112px;}*/ .Spec000661_1 dd figure{ position:absolute; display: none; left:0; top:40px; z-index: 99; background-color:#fff; border:#3d12aa 1px solid; border-top:0; box-shadow:0 1px 2px #3d12aa inset; padding: 20px;} .Spec000661_1 .ss .text{background: #fff; height: 40px; line-height: 40px; border:none; width: 90%; text-indent: 2em; font-size: 14px; color: #999999} .Spec000661_1 .ss .btn{ background: #fff url(../images/Top000920-ico_search.png) no-repeat center; width: 10%; height: 40px; position: absolute;} .Spec000661_1 dd figure h3{ font-size: 16px; font-weight: normal; margin: 0; border-bottom: solid 1px #3d12aa; padding-bottom: 10px;} .Spec000661_1 dd figure .con_list{ margin-top: 15px;} .Spec000661_1 dd figure .con_list ul li{ width: 32%; margin-right: 2%; float: left; line-height: 30px;} .Spec000661_1 dd figure .con_list ul li:nth-child(3n){ margin-right: 0;} .Spec000661_1 dd figure a{ display:block; } .Spec000661_1 dd figure a:last-child{ border-bottom:0;} .Spec000661_1 dd figure a:hover{ color:#3d12aa;} .Spec000661_1 dd.dd1 figure{width: 1200px; } .Spec000661_1 dd.dd2 figure{width: 1000px; } .Spec000661_1 dd.dd3 figure{width: 800px; } @media(max-width:640px){ /*.Spec000661 dl{ float:none;}*/ } @media(max-width:1024px){ .Spec000661_1 dl{ float: left; width: 50%;} .Spec000661_1 dt{ width: 100%; float: none; text-align: left;} .Spec000661_1 dd{ width: 100%; float: none; margin-left: 0; margin-bottom: 10px;} .Spec000661_1 dd figure .con_list ul li{ width: 100%; margin-right: 0; float: none;} .Spec000661_1 dd figure{ overflow-y: auto;} .Spec000661_1 dd.dd1 figure{ width: 100%;} .Spec000661_1 dd.dd2 figure{ width: 100%;} .Spec000661_1 dd.dd3 figure{ width: 100%;} .Spec000661_1 .ss{ margin-top: 40px;} } @media(max-width:480px){ .Spec000661_1 dl{ float: none; width: 100%;} .Spec000661_1 .ss{ float: none; width: 100%; margin-top: 0;} } .Map000241{ background: url(../images/Map000241-bg.jpg) no-repeat center top; background-size: cover; padding:5% 0;} .Map000241 .map{ position:relative; margin:0 auto;} .Map000241 .map img{ width:100%;} .Map000241 .map dl{ position:absolute; animation: linear 0.5s 0s;} .Map000241 .map dl dt{ width:26px; height:26px; border-radius:50%; position:relative; background-color:#e5004f; text-indent:-999em;} .Map000241 .map dl.dl1{ right: 13%; top: 53%;} .Map000241 .map dl dt::before{position:absolute; content:'';background-color:#fff; width:16px; height:16px; left:50%; margin-left:-8px; margin-top:-8px; top:50%;border-radius:50%; } .Map000241 .map dl dt::after{ border-left:10px solid transparent;border-right:10px solid transparent; border-top:25px solid #e5004f; position:absolute; width:0; height:0; content:''; top:21px; left:3px;} .Map000241 .map dl dd{ position:absolute; right:78px; bottom:0; background-color:#00b5b6; padding:10px; width:255px; display: none; text-align: left;} .Map000241 .map dl dd::before{ border-top:20px solid transparent;border-bottom:10px solid transparent; border-left:35px solid #00b5b6; position:absolute; width:0; height:0; content:''; bottom:25px; right:-35px;} .Map000241 .map dl dd h1{ font-size:24px; color:#fff; margin:0; padding-bottom:10px;} .Map000241 .map dl dd p{ margin:0; font-size:16px; color: #fff;} .Map000241 .map dl dd p span{color:#fff;} .Map000241 .map dl:hover{ z-index:10;} .Map000241 .map dl:hover dt{ width:48px; height:48px; top:-40px; left:-4px;} .Map000241 .map dl:hover dt::before{ width:30px; height:30px;margin-left:-15px; margin-top:-15px;} .Map000241 .map dl:hover dt::after{border-left-width:18px;border-right-width:18px;border-top-width:45px; top:40px; left:6px;} .Map000241 .map dl:hover dd{ display:block;} @media (max-width: 1600px) { .Map000241{ padding:0;} .Map000241 .map{ -webkit-transform:scale(0.8);transform:scale(0.8);} } @keyframes map{ 0%{ opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px);} 100%{ opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);} } @-webkit-keyframes map{ 0%{ opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px);} 100%{ opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);} } @-moz-keyframes map{ 0%{ opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px);} 100%{ opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);} } .RighInfo001774{ padding:0 0 3% 0; float: left; width: 75%;} .RighInfo001774 .title{ color:#1e1f23; font-size:20px; border-bottom:1px solid #e5e5e5;padding:0 0 15px 0; margin-bottom:30px;} .RighInfo001774 .list_img{ width:100%;} .RighInfo001774 .big{ margin-bottom:20px;} .RighInfo001774 .big li figure{ padding-bottom:67.5%; background-size:cover;} .RighInfo001774 .scroll li img, .RighInfo001774 .big li img{ display:none;} .RighInfo001774 .scroll{ padding:0 30px; position:relative;} .RighInfo001774 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;} .RighInfo001774 .scroll a.prev{ left:0;background: url("../images/listlefticon.png") no-repeat center center} .RighInfo001774 .scroll a.next{ right:0;background: url("../images/listrighticon.png") no-repeat center center} .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop{ cursor:default;} .RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#ccc;} .RighInfo001774 .scroll li{ float: left;} .RighInfo001774 .scroll li figure{ margin:0 auto; padding-bottom:50%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;} .RighInfo001774 .scroll li.on figure{ border-color:#ff0000;} .RighInfo001774 .infobox .tab{ border-bottom:1px solid #e5e5e5; overflow:hidden; margin:30px 0 0;} .RighInfo001774 .infobox .tab span{ float:left;padding:0 20px; color:#000; font-size:16px; line-height:36px; cursor:pointer;} .RighInfo001774 .infobox .tab span.on{ background:#000; color:#fff;} .RighInfo001774 .single{ padding:20px 0 0; min-height:100px;} .RighInfo001774 .single .tableInfo{ border-bottom:1px dashed #c1c1c1; padding-bottom:20px; margin-bottom:20px;} .RighInfo001774 .tableInfo dd{ float:left; width:25%; padding:5px 10px 5px 0; line-height:24px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .RighInfo001774 .infobox article{ line-height:30px;} @media(max-width:1000px){ .RighInfo001774{ float: none; width: 100%;} } .Floor002461{ padding-bottom: 30px; padding: 3% 0;} .Floor002461 .box1{ float: left; width: 48%;} .Floor002461 .box2{ float: right; width: 48%; text-align: center;} .Floor002461 h3{ text-indent: 4%;font-size: 22px} .Floor002461 .box1 img{ width: 100%;} .Floor002461 .box2 img.img1{ width: 55%;} .Floor002461 .box2 img.img2{ width: 80%;} .Floor002461 .box3 ul li{ width: 31%; float: left; margin-right: 3.5%; margin-bottom: 2%;} .Floor002461 .box3 ul li:nth-child(3n){ margin-right: 0;} .Floor002461 .box3 ul{max-width: 1200px;margin: 0 auto} .rongyutit{text-align: center;font-weight: normal;font-size: 26px;} .Floor002461 .auto_1200{max-width: 1200px !important;} .PicList002172 .auto_1200{max-width: 1288px !important;} .PicList002172 h3{font-size: 22px;text-indent: 6%} @media(max-width: 640px){ .Floor002461 .box1{width: 100%} .Floor002461 .box1 img{width: 100%;} .Floor002461 .box2{width: 100%} .Floor002461 .box2 img{width: 100%;} .Floor002461 .box3 ul li{width: 100%;} .Floor002461 .box3 ul li img{width: 100%} .Floor002461 .box2 img.img1{width: 100%} .Floor002461 .box2 img.img2{width: 100%} } /* .Map002364 为demo编号 */ .Map002364{} .Map002364{padding-bottom:3%;padding-bottom:3%;} .Map002364 .auto{ padding: 4% 6% 0 6%;} .Map002364 .columnName{ font-size:32px; font-family:'微软雅黑'; color:#333; margin:0; padding-bottom:2%; text-align:center;} .Map002364 .columnName:after{ display:block; margin:0 auto; width:68px; height:1px; background-color:#bbb; margin-top:16px; content:'';} .Map002364 dd{ border:10px solid #fff;margin-bottom:2%; padding-left:0%; position:relative;} .Map002364 dd:last-child{ margin-bottom:0;} .Map002364 .map *{ max-width:none;} .Map002364 dd figure{ padding:0% 3% 0 3%;} .Map002364 dd ul{ padding-bottom:3%; } .Map002364 dd li{line-height:24px; padding:0px 0; padding-left:45px; background:url(../images/map1.png) no-repeat center left; font-size:16px; color:#767676;margin-bottom: 2%} .Map002364 dd li:nth-child(2){background-image:url(../images/phone.png);} .Map002364 dd li:nth-child(3){background-image:url(../images/fax.png);} .Map002364 dd li:nth-child(4){background-image:url(../images/Map002364-icon_fax.gif);} .RighInfo002452 .auto_1340{max-width: 1340px;} @media(max-width:1300px){ .RighInfo002452 .auto_1340{max-width: 100%;padding: 0 2%} } @media(min-width:641px){ .Map002364 .map{ position:absolute !important; width:65%; right:0; height:96%; top:0;} } @media(max-width:640px){ .Map002364 dd{ padding:3%;} .Map002364 .map{ height:300px; position:relative !important;} .Map002364 dd figure{ padding:0;width: 100%} } @media(max-width:480px){ .Map002364 dd figure h1{ font-size:20px;} } .lanmutit{margin-bottom: 4%;} .lanmutit h2{margin-bottom: 5px;font-size: 24px;margin-top: 0} .lanmutit h1{margin: 0;font-weight: normal;font-size: 18px;background:url("../images/linebg.png") no-repeat left bottom;padding-bottom: 8px;} .Map002364 dd li p{ margin: 5px 0;font-size: 14px;color: #999999;} .Map002364 dd li b{font-weight: normal;}