body{ overflow-x: hidden; background:none !important; } #bsPanelHolder{ display: none} .bsPromo{ width: 100% !important; text-align: center !important} .bshare-custom{ width: 100% !important; text-align: center !important} .bshare-custom #bshare-shareto{ color: #fff !important} .bsTop, #bsMorePanel{width: 100% !important;} #bsMorePanel{ height: 370px !important;} .bFind-wrapper-top{ display: none !important} #bsLogoList li{ width:20% !important} .bsFrameDiv{ width: 100% !important; height: auto !important; } .bsFrameDiv>div{ background: #fff; width: 100% !important ; height: 208px !important } .bsFrameDiv>div img{ width:82% !important ; height: auto !important} .bsBox{ overflow: hidden;} @media(max-width:1024px){ #bsBox{ width: 90% !important; margin: 0 auto !important; top: 10% !important; left: 5% !important;min-width:auto; min-height: auto;} #bsLogoList li{ width: 33.3334% !important} } a{ transition: 0.3s } a:hover{ color: #000 } .auto_1400{ max-width:1400px;} @media(max-width:1400px){.auto_1400{ padding:0 2%;}} .auto_1500{ max-width:1500px;} @media(max-width:1366px){.auto_1500{ max-width: 1300px;}} @media(max-width:1024px){.auto_1500{padding:0 2%;}} @font-face { font-family: Oswald; src:url(../Fonts/Oswald-Light.ttf); } #fp-nav{width: 100px; right: 0 !important} #fp-nav li {margin: 10px auto !important;border-radius: 50%;width: 28px !important; height: 28px !important;} #fp-nav li span{ background: none !important; left: 0; top: 0;width: 28px !important; height: 28px !important; left: 0; top: 0;border: 1px solid rgba(255,255,255,0);} #fp-nav li span{ left: 0 !important; top: 0 !important; margin: 0 !important;} #fp-nav li span:after{ position: absolute; left: 0; top: 0; width:28px !important; height:28px; background-size: contain; text-align: center; line-height:28px; transition: 0.3s; color: rgba(255,255,255,0.5) ; text-align: center; display: block ; font-family:'Oswald'; padding-right: 2px; } #fp-nav li:nth-child(1) span:after{ content: "1"; } #fp-nav li:nth-child(2) span:after{ content: "2"; } #fp-nav li:nth-child(3) span:after{ content: "3"; } #fp-nav li:nth-child(4) span:after{ content: "4"; } #fp-nav li:nth-child(5) span:after{ content: "5"; } #fp-nav li .active span:after{display: block !important;color: rgba(255,255,255,0.8) } #fp-nav li .active span {border: 1px solid rgba(255,255,255,0.3);} .fp-nav_on li span:after{ color: #aaa !important } .fp-nav_on li .active span:after {color: #666 !important} .fp-nav_on li .active span {border: 1px solid #bbb !important} /*Top002070 */ .Top002070{ width:100%; z-index:100; position: fixed;left: 0; top: 0; z-index: 500; background: none} /*.Top002070:hover{ background:url(../images/bg-pattern.png)}*/ .Top002070 .header{ position: relative} .Top002070 .header-left{position:absolute; top:30px; left:3%; } .Top002070 .header-left img{ height:40px; } .Top002070 .header-left img.logo2{ display: none } .Top002070 .header-right{ position:absolute; top:50%;right:25px;margin-top:-15px;} .Top002070 .header-right dd{position:relative; float:left;} .Top002070 .header-right dd >a{ display:block;height:32px; line-height:32px;} @media(min-width:1025px){ .Top002070 .header-mid{ float: right; margin-right: 100px; border-right: 1px solid rgba(255,255,255,0); padding-right: 20px;} } .Top002070 .top-language a{ position:relative; ;border-radius: 50%;width: 32px; text-align: center; background: #106ab2; color: #fff} .Top002070 .open-search{ position:relative; display:block; width: 32px; border-radius: 50%; background:url(../images/Top002070-search_btn.png) no-repeat center center #eee; margin-right: 10px; } .Top002070 .open-search::before, .Top002070 .open-search::after{ position:absolute; content:''; height:2px; width:80%; left:0; transform:rotate(45deg); top:50%; margin-top:-1.5px; right: 0} .Top002070 .open-search::after{ transform:rotate(-45deg);} .Top002070 .open-search-show{ background:none;} .Top002070 .open-search-show::before, .Top002070 .open-search-show::after{ background:#fff;} .Top002070 .top-search{ z-index:100; display:none; position:absolute; right: 0; top:120%; border:1px solid #e5e5e5; background:#fff; } .Top002070 .top-search .text{ width:100%; height:36px; width: 200px; line-height:36px; padding:0 36px 0 10px; border:none ; color: #666} .Top002070 .top-search .btn{ position:absolute; right:0; top:0; height:36px; width:36px; background:url(../images/Top002070-search_btn.png) no-repeat center center} .Top002070 .header-menu li{ width: auto !important; padding: 0 25px;} .Top002070 .header-menu li em a{ line-height: 100px; ; font-size: 16px; position: relative; color: #fff} .Top002070 .header-menu li.aon em a, .Top002070 .header-menu li em a:hover{ color: #fff; } .Top002070 .header-menu li.aon em a:after, .Top002070 .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; top: 0px; width: 100%; height:2px; background: #fff} .Top002070 .header-menu li .sub{ background:none;} .Top002070 .header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);} .Top002070 .header-menu li .sub dt a{ text-align:center; color:#fff;} .Top002070 .header-menu li .sub dt a:hover{ background:#e60023 ;} .Top002070_on{ background: #fff; border-bottom: 1px solid #e5e5e5} .Top002070_on .header-left img.logo1{ display: none } .Top002070_on .header-left img.logo2{ display:block} .Top002070_on .header-menu li em a{ color: #666} .Top002070_on .header-menu li.aon em a, .Top002070_on .header-menu li em a:hover{ color: #666 } .Top002070_on .header-menu li.aon em a:after, .Top002070_on .header-menu li em a:hover:after{ background: #e60023 !important } .Top002070_on .header-menu li.aon em a:after, .Top002070_on .header-menu li em a:hover:after, .Top002070_on .open-search-show::before, .Top002070_on .open-search-show::after{ background:#666} .Top002070_on .header-mid{ border-right: 1px solid #e5e5e5;} @media(max-width:1024px){ .Top002070 .header{ margin:0 2%; height:80px;} .Top002070 .header-left img{ height:30px; } .Top002070 .header-right{ z-index:101; right:2%;} .Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:10px; border-radius:0; background:#eee; height:30px; border:none; border-radius: 3px; margin-top:2px;} .Top002070 #open_menu i::before, .Top002070 #open_menu i::after{ background:#948f8f !important;} .Top002070 #open_menu i{background:#948f8f; height:2px; margin-top:-1.5px; } .Top002070 #header-menu ul{ padding:100px 0 0; background: url(../images/bg-pattern.png)} .Top002070 #header-menu li{text-align:center;} .Top002070 #header-menu li em a{ padding:5%; font-weight:normal; line-height:normal;} .Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);} } /*Banner002058 */ .Banner002058{ position:relative; z-index:1;overflow: hidden; padding-top: 100px; padding-right: 100px;} .Banner002058 .con{ overflow: hidden} .Banner002058:after{ position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height:100%; z-index: -100 } .Banner002058 .bx-viewport{ z-index:1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .Banner002058, .Banner002058 .con, .Banner002058 .con .slides, .Banner002058 .con .slides .slick-list, .Banner002058 .con .slides .slick-list>ul, .Banner002058 .con .slides .slick-list .slick-slide, .Banner002058 .con .slides .slick-list .slick-slide a, .Banner002058 .con .slides .slick-list .slick-slide a .pic{ height:100%} .Banner002058 .slides{ } .Banner002058 .item .pic, .Banner002058 .item a, .Banner002058 .item { overflow: hidden} .Banner002058 .item { background-position: center top; background-repeat:no-repeat; } .Banner002058 .item .pic{ transition:4s linear; transform:scale(1); -webkit-transform:scale(1); background-position: center center; background-size: cover} .Banner002058 .slick-active .pic{ transform:scale(1.1); -webkit-transform:scale(1.1); } .Banner002058 .item a{ position:relative; display:block; } .Banner002058 .item img{ display:none;} .Banner002058 .slick-dots{display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center; position: absolute; left: 0; bottom: 8%;z-index: 50} .Banner002058 .slick-dots li{position: relative; display: inline-block;width: 12px; height: 12px; margin: 0 4px;padding: 0; border: 1px solid rgba(255,255,255,0.3); cursor: pointer; border-radius: 50%;} .Banner002058 .slick-dots li button{ display: none } .Banner002058 .slick-dots .slick-active{ background:rgba(255,255,255,0.7); border: none } @media(max-width:1024px){ .Banner002058{ padding-top:0px; padding-right: 0px;} .Banner002058 .item a, .Banner002058 .item { height:auto;} .Banner002058 .item { background:none !important;} .Banner002058 .item img{ display:block; width:100%;} } .home_title {position: relative} .home_title span{font-size:24px; color: #444; text-transform: uppercase; font-family:'Oswald'; } .home_title h1{ margin: 0 ; display: block; font-weight: normal; font-size: 42px;color: #444; font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; margin-top: -5px;} .home_title pre{ font-size: 14px; line-height:28px; color: #999} @media(max-width:1366px){ .home_title span{font-size:20px;} .home_title h1{ font-size:36px;} } @media(max-width:1024px){ .home_title {width: 100% !important; text-align: center} .home_title span{font-size:20px;} .home_title h1{font-size: 32px;} } .home_more{ border-radius: 50px; width: 240px; height: 50px; text-align:left; line-height: 50px; color: #999; padding: 0 30px; display: block; border: 1px solid #d2d3d5; margin-top: 70px; overflow: hidden; position: relative; z-index: 60} .home_more a{ background: url(../images/more1.png) no-repeat 95% center ; display: block; color: #999;} .home_more:after{ content: "" ; display: block; position: absolute; left: 0; top: 0; width:0; height:100%; background: #e50014; z-index: -1 ; transition: 0.4s} .home_more:hover a{ background: url(../images/more2.png) no-repeat 95% center ;} .home_more:hover a{ color: #fff} .home_more:hover:after{ width: 100%; border: 1px solid #e50014 } .Floor0001{position: relative;position: relative; padding:6% 0 0; overflow: hidden} .Floor0001 .auto{ position: relative} .Floor0001 .top{ height: auto; padding:0 0 30px 0;position: relative;z-index: 100} .Floor0001 .home_title{ width:40%; margin-bottom: 0px; float: left} .Floor0001 .tab{ width:65%; position: absolute; right: 0; bottom:10px } .Floor0001 .tab .layui-form-item{ width: 20.5%; margin-right: 6%; float: left; display: block; clear: none; margin-bottom: 0 } .Floor0001 .tab .layui-form-item:nth-child(4n){ margin-right: 0 } .Floor0001 .tab .layui-input-block{ margin-left: 0px; } .Floor0001 .tab .layui-input,.Floor0001 .tab .layui-select{ color: #222; height: 40px; line-height: 40px; font-size: 16px; border: none;border-bottom: 1px solid #e1e1e1;background: none; padding: 0} .Floor0001 .layui-form-select dl{padding: 0;top: 38px} .Floor0001 .layui-form-select dl dd, .Floor0001 .layui-form-select dl dt{height: 40px; line-height: 40px; font-size: 16px;} .Floor0001 .layui-form-select dl dd.layui-this{ background-color: #e60023 } .Floor0001 .layui-form-select .layui-edge{ right: 0; border-top-color: #bbb} .Floor0001 .layui-form-select dl dd:nth-child(2n){ background: #f3f3f3} .Floor0001 .list{ position: relative; padding: 0 4%} .Floor0001 .owl-carousel{ text-align: center} .Floor0001 .pic{ padding-bottom: 60%; position: relative;transition: transform .5s ease-in-out} .Floor0001 .item{ overflow: hidden; position: relative; float:left; width:25%; padding:6px} .Floor0001 .item a{ display: block; position: relative} .Floor0001 .item .hover{ transform: scale(0);transition: all ease-in-out 0.8s;z-index: 50; background: rgba(50,50,50,0.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%} .Floor0001 .text{ background:url(../images/text_bg.png) no-repeat center top;background-size: cover; position: absolute; left: 0; bottom: 0;z-index: 60; width: 100%; padding: 5% 20px; transition: -3s} .Floor0001 .text h1{ font-size: 16px; margin: 0; color: #fff; display: inline-block; padding: 0 ; color: #fff; font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; } .Floor0001 .hover { padding:14% } .Floor0001 .hover h1{ font-size: 20px; color: #fff} .Floor0001 .hover p{ color: rgba(255,255,255,0.5); margin-top: 10px; font-size: 14px; line-height: 24px; height: 50px;} .Floor0001 .hover .more{ width:30px; height: 30px; display: block; margin: 20px auto 0; background: url(../images/more3.png) no-repeat center center; opacity: 0.3; } .Floor0001 .item:hover .text{ display: none} /*.Floor0001 .item:hover .pic{ transform: scale(1.05);}*/ .Floor0001 .item:hover .hover{ transform: scale(1); } .Floor0001 .nav{ position: absolute; left: 0;bottom: 0; z-index: 100; width: 100%;} .Floor0001 .nav .auto{ height: 60px; } .Floor0001 .prev, .Floor0001 .next{ font-size:0; width:30px !important; height:30px !important; border:none; background: none; display: inline-block; cursor:pointer; padding:0; z-index: 50; position: relative; display: inline-block; vertical-align: middle} .Floor0001 .next::before, .Floor0001 .prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:1px solid #888; border-right:1px solid #888; top:35%; left:28%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor0001 .prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left: 40%} .Floor0001 .next:hover::before, .Floor0001 .prev:hover::before{ border-color: #222} .Floor0001 .owl-dots{display:inline-block;padding: 0;margin:30px auto 0;list-style: none;text-align: center;} .Floor0001 .owl-dots .owl-dot{position: relative; display: inline-block;width: 12px; height: 12px; margin: 0 4px;padding: 0; cursor: pointer; border:1px solid #888; background: none; border-radius: 50%; vertical-align: middle} .Floor0001 .owl-dots .owl-dot span{ display: none } .Floor0001 .owl-dots .active { border-color: #e60023} @media(max-width:1366px){ .Floor0001 .list{ padding: 0; max-width:1200px; margin: 0 auto} .Floor0001 .text h1{ font-size: 14px; } .Floor0001 .hover { padding:40px} .Floor0001 .hover h1{ font-size: 18px; color: #fff} .Floor0001 .hover .more{ width:20px; height: 20px;margin: 10px auto 0 } } @media(max-width:1024px){ .Floor0001 { padding: 30px 0} .Floor0001 .tab{ width:100%; float: left; position: relative; margin-top:0px;right: auto;bottom: auto;} .Floor0001 .tab .layui-form-item{ width:100%; margin-right: 0;} } @media(max-width:768px){ .Floor0001 .item{ width: 50%} } /* .Floor0002 为demo编号 */ .Floor0002{ position:relative;;background: #f3f3f3; padding: 5% 0 0} .Floor0002 .top { position: absolute; left:0px; top:100px;z-index: 100; width:280px} .Floor0002 .tab { margin-top: 20px; width: 100%} .Floor0002 .tab .layui-form-item{ width: 100%; margin-right: 2%; float: left; display: block; clear: none; margin-bottom: 0 } .Floor0002 .tab .layui-form-item:nth-child(3n){ margin-right: 0 } .Floor0002 .tab .layui-input-block{ margin-left: 0px; } .Floor0002 .tab .layui-input, .Floor0002 .tab .layui-select{ height: 40px; line-height: 40px; font-size: 16px; border: none;padding: 0; border-bottom: 1px solid #e3e3e3; color: #222} .Floor0002 .layui-form-select dl{padding: 0} .Floor0002 .layui-form-select dl dd, .Floor0002 .layui-form-select dl dt{height: 40px; line-height: 40px; font-size: 16px;} .Floor0002 .layui-form-select dl dd:nth-child(2n){ background: #f3f3f3} .Floor0002 .layui-form-select dl dd.layui-this{ background-color: #e60023 } .Floor0002 .layui-form-select .layui-edge{ right: 0; border-top-color: #bbb} .Floor0002 .layui-form-select dl{padding: 0;top: 38px} .Floor0002 .layui-nav{padding: 0; background: #fff} .Floor0002 .layui-nav .layui-nav-more{ border-color: #bbb transparent transparent;} .Floor0002 .layui-nav .layui-nav-mored{ border-color: transparent transparent #bbb !important;} .Floor0002 .layui-nav .layui-nav-item{border-bottom: 1px solid #e1e1e1; width: 100%; line-height: 40px;} .Floor0002 .layui-nav .layui-nav-item a{color: #666; font-size: 16px; padding: 0} .Floor0002 .layui-nav .layui-nav-item a:hover, .Floor0002 .layui-nav .layui-this a{color: #666;} .Floor0002 .layui-nav .layui-nav-child{padding: 0; top:42px;} .Floor0002 .layui-nav .layui-nav-child dd { line-height: 40px; height: 40px;} .Floor0002 .layui-nav .layui-nav-child dd a{padding:0 10px;} .Floor0002 .layui-nav .layui-nav-child dd:nth-child(2n){background: #f3f3f3;} .Floor0002 .layui-nav .layui-this:after, .Floor0002 .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background: #e60023;} .Floor0002 .auto{ position: relative;z-index: 20; } .Floor0002 .auto::before{ position:absolute; content:'';left:-100%; top:0; width:100%; height:100%; background: #fff;z-index: -5} .Floor0002 .left{float: left; width:82%;padding: 90px 90px 90px 0; background: #fff } .Floor0002 .right{ position: absolute; right: 0; top: 0; height: 100%; width:18%;padding:0 0 0 80px} .Floor0002 .right{ z-index:2;} .Floor0002 .slick-list{ padding: 0 !important; margin:5px 0} .Floor0002 .list{ position:relative; overflow:hidden;} .Floor0002 .scroll{ height:100%;overflow: auto;} .Floor0002 .list ul{ overflow:hidden;} .Floor0002 .list li{ width:100%; float:left;margin: 5px 0; position: relative; cursor: pointer} .Floor0002 .list li:nth-child(2n){ margin-right: 0; } .Floor0002 .list li{ display:block; position: relative} .Floor0002 .list li .pic{padding-bottom: 62%; position: relative} .Floor0002 .list li .pic:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(60,60,60,0.7)} .Floor0002 .list li.slick-current .pic:after{ display: none} .Floor0002 .list li:hover a:after{ display: none} .Floor0002 .product{ height: auto; overflow: hidden} .Floor0002 .product ul{height: 520px;} .Floor0002 .product li{ height: auto; overflow: hidden; position: relative; float: left} .Floor0002 .product li a{ height: auto; overflow: hidden; position: relative;display: block} .Floor0002 .product .pic{ overflow: hidden;width:68%; float: right;} .Floor0002 .product .pic .pic_con{height: 520px;;transition: transform .8s ease-in-out } .Floor0002 .product .pic_con:hover{ transform: scale(1.1);} .Floor0002 .product .text{ width:280px; position: absolute;left: 0;top: 0; height: 100%; padding-top: 250px; } .Floor0002 .product .text h1{ font-size:38px; color: #444; line-height: 36px; display: block; margin-bottom: 20px} .Floor0002 .product .text p{ overflow:hidden; color:#666;font-size: 16px;line-height:32px; text-align:left; height: 120px; text-align: justify;} .Floor0002 .product .more{ width: 80px; height:25px; background: url(../images/more1.png) no-repeat right center; transition: 0.5s; opacity: 0.3; display: block;position: absolute; left: 0; bottom: 0} .Floor0002 .product .more:hover{ width:120px; } .Floor0002 .slick-arrow{ font-size:0; width:100% !important; height:30px !important; border:none; cursor:pointer; padding:0; opacity: 0.2;transition: 0.5s} .Floor0002 .slick-arrow:hover{ opacity:0.6} .Floor0002 .slick-prev {background: url(../images/nav1.png) no-repeat center center; background-size: contain} .Floor0002 .slick-next {background: url(../images/nav2.png) no-repeat center center; background-size: contain} @media(max-width:1366px){ .Floor0002 { padding:6% 0 0;} .Floor0002 .left{width: 85%} .Floor0002 .product ul{height: 400px;} .Floor0002 .auto {padding: 0} .Floor0002 .auto .left{ background: #fff; padding: 50px 2% 30px; } .Floor0002 .product .pic .pic_con{ height: 380px } .Floor0002 .top{width:350px; top: 50px } .Floor0002 .product .text{ padding-top:180px; width: 350px } .Floor0002 .product .text h1{ font-size: 28px; } .Floor0002 .product .text p{ line-height: 28px;height: 90px;-webkit-line-clamp: 3;} .Floor0002 .list li .pic{padding-bottom: 56%; position: relative} } @media(max-width:1024px){ .Floor0002 { padding: 30px 0;} .Floor0002 .scroll{ padding: 0 10px; position: relative; } .Floor0002 .slick-arrow{ width:14px !important; height: 25px; top: 50%; margin-top: -15px; position: absolute; z-index: 20; opacity: 1; } .Floor0002 .slick-prev{ left: 20px; background: url(../images/PicList002149-prev.png) no-repeat center center; } .Floor0002 .slick-next{ right: 20px; background: url(../images/PicList002149-next.png) no-repeat center center; } .Floor0002 .auto::before{ display: none} .Floor0002 .list{} .Floor0002 .top { position: relative; top:0; width:100%; margin-bottom: 20px} .Floor0002 .left{float: left; width:100%;padding: 0px;background: none; margin-bottom:10px } .Floor0002 .right{ position: relative; height: auto;width: 100%; float: left; padding: 0} .Floor0002 .right li{ padding: 0 5px} .Floor0002 .tab { margin-top: 0px;} .Floor0002 .tab .layui-input, .Floor0002 .tab .layui-select{background: none } .Floor0002 .product ul{height: auto} .Floor0002 .product{width: 100%} .Floor0002 .product .pic{ width:100%; float: left; margin-bottom: 30px} .Floor0002 .product .pic .pic_con{height:250px;} .Floor0002 .product .text{ width:100%; position: relative; padding-top:0px; float: left } .Floor0002 .product .more{ position: relative; margin-top: 10px; width: 60px; } .Floor0002 .product .text p{ height:60px;-webkit-line-clamp: 2; } } @media(max-width:480px){ .Floor0002 .product .pic{ margin-bottom: 15px; } .Floor0002 .auto .left{ padding: 30px 2% 20px; } } /*Bottom002743 */ .Bottom002743{ background:url(../images/bg-pattern.png); padding-top: 5%;color: #999} .Bottom002743 .copyright{ line-height: 24px;color: #999; margin-top:25px; } .Bottom002743 .copyright .auto{ border-top: 1px solid rgba(255,255,255,0.08); padding: 1% 0 3%;} .Bottom002743 .copyright a{color: #999; font-size: 14px} .Bottom002743 .copyright a:hover{color: #777} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 10px; background: #999; vertical-align: middle; margin: 0 8px;} .Bottom002743 .contact{max-width: 470px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;padding-bottom: 8px;} .Bottom002743 .contact li{ padding-bottom: 5px; line-height: 24px; font-size: 16px; color: #999} .Bottom002743 .contact li aside{ padding-left: 25px;background-position: left 3px; background-repeat: no-repeat; background-size: 16px;} .Bottom002743 .contact li:nth-child(1){padding-bottom: 20px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li:nth-child(4) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(5) aside{background-image: url(../images/Bottom002743_icon_qq.png);} .Bottom002743 .contact li b{font-size: 36px;line-height: 42px; color: #fff; font-family:'Oswald' ; margin-top: 10px; display: block} .Bottom002743 nav dl dt{ margin-bottom: 10px;} .Bottom002743 nav dl:last-child dt {text-align: center; border: none} .Bottom002743 nav{float: right; width:50%; } .Bottom002743 nav dl{float: left; } .Bottom002743 nav dd{line-height: 24px;color: #fff } .Bottom002743 nav dt{color: #fff} .Bottom002743 nav dt a{color: #fff} .Bottom002743 nav dd>a{color: #999; font-size: 16px;} .Bottom002743 nav dd>a:hover{color: #777} .Bottom002743 nav .code{text-align: center; } .Bottom002743 nav .code img{max-width: 110px;} .Bottom002743 nav .code p{color: #999; margin: 10px 0; font-size: 16px} .Bottom002743 nav .bshare-custom a{float: left;border: solid 1px rgba(255,255,255,0.3); width: 32px !important; height: 32px !important; border-radius: 50%;background: url(../images/Bottom002743_share.png) no-repeat left center ;padding: 0; margin: 0 3px; opacity: 0.5} .Bottom002743 nav .bshare-custom a:hover{background-color: #888; border-color: #888} .Bottom002743 nav .bshare-custom a.bshare-qqim{ background-position: center center} .Bottom002743 nav .bshare-custom a.bshare-sinaminiblog{ background-position: right center} @media(min-width:1025px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:1024px){ .Bottom002743 .copyright .auto{ border-top: none;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: none;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center; border: none; margin: 0} } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167>div{ height:450px; background-position:center top; background-repeat:no-repeat;} .Banner002167 img{ display:none;} .Banner002167 .text{ position:absolute;left:11%;top:15%; width:39%; font-size:14px; padding:0 2%; color:#ccc; height: auto; padding: 50px 60px; background: rgba(0,0,0,0.4)} .Banner002167 .text h1{ font-size: 28px; font-weight: normal; color: #fff } .Banner002167 .text p{ line-height:24px;} .Banner002167 .text p a{ color: #fff} @media(max-width:1000px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } /*Menu002044 */ .Menu002044{ border-bottom:1px solid #e8e8e8;} .Menu002044 em{ font-style:normal; float:right;color:#999;line-height:70px; font-size: 14px;} .Menu002044 em a{ color:#999;} .Menu002044 em span{color:#999} .Menu002044 li{ float:left; margin-right:40px;} .Menu002044 li a{ display:block; line-height:70px; font-size:16px; color:#444;} .Menu002044 li a:after{ display:block; content:''; height:3px; } .Menu002044 .nav-top{ display: none} @media(min-width:1024px){ .Menu002044 li.aon a, .Menu002044 li:hover a{border-bottom: 2px solid #e50014; color: #e50014 } } @media(max-width:1024px){ .Menu002044{padding:30px 0 0; text-align: left; border:none;} .Menu002044 em{ display: none} .Menu002044 li{width:auto;margin: 0; float:none; text-align: left;padding: 5px 0; margin-right: 20px;} .Menu002044 .nav-top{display: block;width: 100%;height: 40px;line-height: 40px;color: #666;font-size: 16px;text-align: center;border: 1px solid #eee;background: url(../images/icon_r.png)no-repeat right 20px center;} .Menu002044 .nav-list {display: none;background: #fff;;border-top: none;} .Menu002044 .nav-list li{padding: 0; border-bottom: 1px solid #e5e5e5;color: #666666;font-size: 16px;text-align: center;margin: 0;display: block;width: 100%;text-align: center;} .Menu002044 .nav-list li:last-child{ border-bottom: none;} .Menu002044 .nav-list li a{ line-height: 30px; font-size: 14px; background:#f5f5f5 } } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:4% 0 5%;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; background: #fff; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#e50014; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center #fff; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background:url(../images/Page002046-a_next.gif) no-repeat center center #fff;} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } .Singlepage{ padding: 4% 0; line-height: 28px; font-size: 16px; color: #666} .Singlepage .con_title{ background: url(../images/box2.png) no-repeat ; background-size: contain; margin-bottom: 10px;text-indent: 0} .Singlepage .con_title h1{ font-size:40px; font-weight: normal; margin: 0; padding:20px 0 10px 0;font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; } .Singlepage .con_title h1:after{ content: ""; display: block; width: 50px; height:3px; background-color:#e50014; border-right: 25px solid #666; margin-top: 20px} .Singlepage .about{ width:100%; position: relative;} .Singlepage .about .box{ width:100%;height: auto; overflow: hidden; position: relative} .Singlepage .about .text{ width:55%; background: #fff; text-align: justify } .Singlepage .about .pic{ width:40%; position: absolute; right: 0; top: 0; height: 100%; overflow: hidden } .Singlepage .about .pic img{ width: 100%} .Singlepage .about .text .con{ padding:50px } .Singlepage .about .text .con2{ background: #f3f3f3} .Singlepage .about .box2 {position: relative;z-index: 50} .Singlepage .about .box2 .pic{ width:43%; right:auto; left: 0} .Singlepage .about .box2 .text{ float: right; width:53%; } .Singlepage .about .box2 .text .con1{ width:100%;float: right; background: url(../images/bg-pattern.png); color: rgba(255,255,255,0.5)} .Singlepage .about .box2 .text .con2{ width:100%; background: #f3f3f3; float: right;z-index: 50; position: relative} @media(max-width:1366px){ .Singlepage{ line-height: 26px; font-size: 14px; } .Singlepage .about .text .con{ padding:40px } .Singlepage .about .text{ width:55% !important } .Singlepage .about .pic{ width:45% !important; } .Singlepage .about .box2 .pic{ width:55% !important; } .Singlepage .about .box2 .text{ width:45% !important; } } @media(max-width:1024px){ .Singlepage .about .pic{ width:48% !important; margin-right: 5%; float: left ; position: relative;} .Singlepage .about .text, .Singlepage .about .box2 .text{ width: inherit !important; float: inherit !important; } .Singlepage .about .box2 .pic{ float: right; margin-left: 5%; margin-right: 0; } .Singlepage .about .text .con{ padding: 0; background:none !important; color: #666 !important } .Singlepage .about .box2{ margin-top: 20px; } .Singlepage .about .box2 .text .con1, .Singlepage .about .box2 .text .con2{ float: inherit; } } @media(max-width:640px){ .Singlepage .about .box2 .pic, .Singlepage .about .text, .Singlepage .about .pic{ width:inherit !important; margin-right:0; float: inherit !important; margin: 0; } } /* .PicList002274 为demo编号 */ .PicList002274{ padding:4% 0 0;} .PicList002274 ul li{margin-bottom: 2%; background: #f4f7fa;;padding:0;position: relative; width: 49%; margin-right: 2%; float: left } .PicList002274 ul li:nth-child(2n){margin-right: 0} .PicList002274 ul li .right_btn{width: 46px;height:46px;background: url(../images/more3.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -30px; background-size: 80% 80%} .PicList002274 .left a{display: block;width: 100%; padding-bottom: 50%;background-size:cover;background-position: center center; background-color: #666} .PicList002274 .right{padding: 30px 50px; position: relative} .PicList002274 .right .time{font-size: 14px;color: #999;font-family: Arial, Helvetica, sans-serif;padding: 2px 5px;margin-top: 8px;display: inline-block;background: url(../images/time.png) no-repeat left;padding-left: 15px;} .PicList002274 .right h1{color: #222;font-size: 18px;font-weight: normal;margin: 15px 0;} .PicList002274 .right p{color: #aaa; font-size: 14px;line-height: 24px;height: 44px;overflow: hidden; } .PicList002274 ul li .star{ position: absolute; left: 0px; top: -30px; z-index: 50; background:url(../images/star.png) no-repeat 15px center #005bac; background-size: 12px; font-size: 12px; padding: 0 20px 0 32px; line-height: 30px; text-align: center; color: #fff; } @media(max-width:1024px){.PicList002273 ul li .right_btn{display: none} .PicList002274{padding: 30px 0 0} .PicList002274 ul li{padding: 0; width: 100%} .PicList002274 .left a{position: relative;height: 220px;width: 100%} .PicList002274 .right{padding: 0 15px 15px 15px}} .PicList002433{ padding: 4% 0 0} .PicList002433 .list ul{ height: auto; overflow: hidden; padding: 0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; width: 25%; float: left} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 70%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:30px; font-size: 16px;} @media(max-width:1024px){ .PicList002433 .list ul{ padding: 0 50px;} .PicList002433 .list li{ width:50%; } .PicList002433 .list li .ytable{ height:150px;} } /*Timeline002789 */ .Timeline002789{padding:3% 0 4% 0 } .Timeline002789 .time_bg{ width: 100%; height:200px; position: relative; } .Timeline002789 .time_bg .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left bottom} .Timeline002789 .time_bg .bg1{ width: 0%; z-index: 50;transition: 0.5s;background-position: left bottom} .Timeline002789 .slider-for .con{ max-height: 320px; overflow: auto;padding: 1px; padding-right: 10px; } .Timeline002789 .slider-for .con::-webkit-scrollbar{width:4px; } .Timeline002789 .slider-for .con::-webkit-scrollbar-track{width: 4px;border: 1px solid #e2e2e2} .Timeline002789 .slider-for .con::-webkit-scrollbar-thumb{background-color:#ccc; background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;} .Timeline002789 .slider-for .con::-webkit-scrollbar-thumb:hover{background-color:#fff;} .Timeline002789 .slider-for li dl:nth-child(2n){background: #f5f5f5} .Timeline002789 .slider-for li dl {height: auto; overflow: hidden; border: 1px solid #e9e9e9; margin-top: -1px; display: table; width: 100% } .Timeline002789 dd{ display: table-cell;line-height:26px; padding: 10px 20px; margin-top: -1px; margin-left: -1px;border-right: 1px solid #e9e9e9; width: 20% } .Timeline002789 dd:last-child{ border-right: none } .Timeline002789 .slider-for{ } .Timeline002789 .slider-nav{ border-top: 1px solid #ddd; ; padding: 0 ; margin-bottom: 30px;} .Timeline002789 .slider-nav .inner{ font-size: 22px; padding-top: 50px;} .Timeline002789 .slider-nav .slick-current { color: #e50014} .Timeline002789 .slider-nav time{ position: relative; cursor: pointer; font-family: 'Oswald';} .Timeline002789 .slider-nav time:after{ content: ""; display: block; position: absolute; left:0; bottom:40px; width: 1px; height:40px; background: #e3e3e3} .Timeline002789 .slick-arrow{ font-size:0; width:50px !important; height:50px !important; border:none; position:absolute;top: -30px;; background:#f3f3f3;cursor:pointer; padding:0; border-radius: 50%; transition: 0.5s;z-index: 50} .Timeline002789 .slick-prev{ left:-25px;} .Timeline002789 .slick-next{ right:-25px;} .Timeline002789 .slick-next::before, .Timeline002789 .slick-prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:1px solid #bbb; border-right:1px solid #bbb; top:35%; left:28%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Timeline002789 .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);left:40%} .Timeline002789 .slick-prev:hover, .Timeline002789 .slick-next:hover{ background: #e50014} .Timeline002789 .slick-next:hover::before, .Timeline002789 .slick-prev:hover::before{ border-color:#fff} @media(max-width:1024px){ .Timeline002789 .time_bg{ height:150px; } .Timeline002789 .slick-prev{ left:0px;} .Timeline002789 .slick-next{ right:0px;} .Timeline002789 .slider-nav .inner{ font-size: 16px; padding-top: 50px;} .Timeline002789 dd{ width: 50% } } /*PicList002854 */ .PicList002854{padding:4% 0 0 0;} .PicList002854 li{float: left;margin-bottom:2%;} .PicList002854 li a{display: block;border: solid 2px #f5f5f5;position: relative;padding: 15%; transition: 0.3s;} .PicList002854 li aside{font-size: 16px; line-height: 26px;text-align: center; margin-bottom: 20px;color: #444;} .PicList002854 li .Ispic{background-size: contain;padding-bottom:130%;} .PicList002854 li a:after{position: absolute; content: '';width: 40px;height:40px;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 15px;transition: 0.3s;} .PicList002854 li a:hover{border-color: #e50014;} .PicList002854 li a:hover:after{background-color: #e50014; background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:1025px){ .PicList002854 li{width: 18.4%; } .PicList002854 li:not(:nth-child(5n)){margin-right:2%;} } @media(max-width:1024px){ .PicList002854 {padding:30px 0; } .PicList002854 li{width: 48%; margin-bottom: 20px } .PicList002854 li:not(:nth-child(2n)){margin-right: 4%;} .PicList002854 li aside{font-size: 16px;} .PicList002854 li a:after{width: 7vw;height: 7vw;background-size: auto 50%;} } /* .RighInfo002275 为demo编号 */ .RighInfo002275{padding: 4% 0;} .RighInfo002275 .con_title{ margin-bottom: 10px; text-align: center } .RighInfo002275 .con_title h1{ font-size:32px; font-weight: normal; margin: 0; padding:0px 0 10px 0 } .RighInfo002275 .con_title h1:after{ content: ""; display: block; width: 50px; height: 3px; background-color:#e60012; border-right: 25px solid #666; margin: 20px auto 30px} .RighInfo002275 .text{padding: 20px 100px; } .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} .RighInfo002275 .auto{ } .RighInfo002275 .map{float: left;width:60%;height:400px;} .RighInfo002275 .text{float: right;width:40%; padding:7%; height:437px; background:#f5f5f5 } .RighInfo002275 .text .title{ color: #ddd; margin-bottom: 20px;} .RighInfo002275 .text .title h1{margin: 0;font-size: 24px; color: #444; font-weight: normal;} .RighInfo002275 .text dd{line-height:36px; font-size: 16px; color: #666; padding-left: 25px;} .RighInfo002275 .text dd:nth-child(1){ background: url(../images/contact_add.png) no-repeat left 3px; background-size: 20px} .RighInfo002275 .text dd:nth-child(2){ background: url(../images/contact_email.png) no-repeat left 3px; background-size: 20px} .RighInfo002275 .text dd:nth-child(3){ background: url(../images/contact_qq.png) no-repeat left 3px; background-size: 20px} .RighInfo002275 .text dd:nth-child(4){ background: url(../images/contact_phone.png) no-repeat left 3px; background-size: 20px} @media(max-width:1024px){ .RighInfo002275 {padding:30px 0} .RighInfo002275 .auto{background: none} .RighInfo002275 .map{height: 300px;} .RighInfo002275 .map, .RighInfo002275 .text{float: left;width: 100%; } .RighInfo002275 .text{ padding:50px 20px; height: auto} .RighInfo002275 .text .title h1{ margin: 0 0 10px 0; font-size:22px} .RighInfo002275 .text .p{line-height: 26px;} .RighInfo002275 .con_title h1:after{ margin: 10px auto 10px} .RighInfo002275 .text dd{line-height:30px; font-size: 16px; margin-bottom: 10px} } /* .PicList002797 */ .PicList002797 {padding:4% 0 0;} .PicList002797 li{ float:left; width:18.4%;margin-bottom: 3%; border: 1px solid #eaeaea ; overflow: hidden;} .PicList002797 li:not(:nth-child(5n)){margin-right:2%;} .PicList002797 li a{ display:block; position:relative; } .PicList002797 li figure{padding-bottom: 150%;transition: transform .5s ease-in-out} .PicList002797 li:hover figure{ transform: scale(1.1);} .PicList002797 li h1{ font-size: 16px; text-align: center; font-weight: normal; background: #f5f5f5; line-height: 50px; margin: 0; position: relative;z-index: 40} @media(max-width:1024px){ .PicList002797 { padding:30px 0;} .PicList002797 li{ width:49%; margin-right:2%;} .PicList002797 li:nth-child(2n){ margin-right:0;} } /*Spec001883*/ .Spec001883{ padding: 3% 0} .Spec001883 dl{ border-bottom:1px dashed #ddd; line-height:40px; display:table; width:100%; font-size: 16px;} .Spec001883 dl:nth-child(1){ border-top:1px dashed #ddd; ;} .Spec001883 dl.more{ border-bottom:0;} .Spec001883 dt, .Spec001883 dd{ display:table-cell; vertical-align:middle; padding-top:10px; padding-bottom:10px;} .Spec001883 dt{width:143px;text-align: center; color:#1d1d1d; background-color:#f1f1f1; font-weight:normal; font-size: 16px; color: #000} .Spec001883 dd{position:relative; padding-left: 40px;} .Spec001883 dd ol{padding-left:80px;overflow:hidden; position:relative;} .Spec001883 .input{ float:left;} .Spec001883 .input input{ max-width:100px; vertical-align:middle;} .Spec001883 .input .text{ border:1px solid #e5e5e5; border-radius:3px; height:32px; line-height:32px; width:25%; text-align:center;} .Spec001883 .input .btn{ border:none; cursor:pointer; background:#e50014;height:32px; color:#fff; font-size:12px; border-radius:3px; margin-left:10px; width:30%;} .Spec001883 ol a{color:#444; margin-right:40px; display:inline-block;} .Spec001883 a.on, .Spec001883 a:hover{ color:#e50014; } .Spec001883 ol span, .Spec001883 ol a.all{ position:absolute; top:0;text-align:center; width:48px; height:32px; line-height: 32px; margin-top: 4px; border: 1px solid #e50014} .Spec001883 ol a.all{ left:0;} .Spec001883 ol span{right:10px;color:#fff; border-radius:3px; padding:0 5px;background:#e50014; cursor:pointer; display:none;} .Spec001883 .money ol, .Spec001883 .more ol{ float:left;} .Spec001883 figure{ float:left; position:relative; width:90px;} .Spec001883 figure em{ display:block; cursor:pointer;border:1px solid #e5e5e5; border-radius:3px; padding:8px 0; height:32px;} .Spec001883 figure em i{ font-style:normal; display:inline-block; width:60px; line-height:15px; text-align:center;border-right:1px solid #e5e5e5; color:#000; float:left;} .Spec001883 figure em:after{ content:''; display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-10px; width:0; height:0; border:6px solid transparent; border-top-color:#e50014} .Spec001883 figure figcaption{ position:absolute; left:0; top:100%; width:100%;border:1px solid #e5e5e5; background-color:#fff; border-radius:3px; display:none;} .Spec001883 figure figcaption a{ display:block; text-align:center;} .Spec001883 figure:hover figcaption{ display:block;} @media(max-width:1000px){ .Spec001883 .input{ float:none;padding-bottom:10px; padding-left:10px;} .Spec001883 .money ol, .Spec001883 .more ol, .Spec001883 figure{ float:none;} .Spec001883 figure{ margin-left:10px;} } @media(max-width:768px){ .Spec001883 dd ol{ padding-right:65px;} .Spec001883 dt{width:80px;} } @media(max-width:480px){ .Spec001883 dd{ padding-left: 30px;} } @media(max-width:375px){ .Spec001883 *{ font-size: 14px !important; } .Spec001883 dt{ width: 65px; } .Spec001883 dd{ padding-left: 20px;} } @media(max-width:320px){ .Spec001883 dt{ width: 55px; } .Spec001883 dd ol{ padding-left: 65px; } .Spec001883 dd{ padding-left: 15px;} .Spec001883 ol a{ margin-right: 20px;} } /* .PicList003333 */ .PicList003333 {padding:0 0;} .PicList003333 li{ float:left; width:32%;margin-bottom: 2%; border: 1px solid #eaeaea ; overflow: hidden;} .PicList003333 li:not(:nth-child(3n)){margin-right:2%;} .PicList003333 li a{ display:block; position:relative; } .PicList003333 li figure{padding-bottom:60%;transition: transform .5s ease-in-out} .PicList003333 li:hover figure{ transform: scale(1.1);} .PicList003333 li h1{ font-size: 16px; text-align: center; font-weight: normal; background: #f5f5f5; line-height: 50px; margin: 0; position: relative;z-index: 50} @media(max-width:1024px){ .PicList003333 {padding:30px 0;} .PicList003333 li{ width:49%; margin-bottom:2% } .PicList003333 li:not(:nth-child(3n)){margin-right:inherit;} .PicList003333 li:not(:nth-child(2n)){margin-right:2%;} .PicList003333 li h3, .PicList003333 li .hover h5{ font-size:14px;} .PicList003333 li .hover h5{ line-height:20px; max-height:40px;} } /* .PicList003334 */ .PicList003334 {padding:3% 0 0;} .PicList003334 li{ float:left; width:23.5%;margin-bottom: 2%; border: 1px solid #eaeaea ; overflow: hidden;} .PicList003334 li:not(:nth-child(4n)){margin-right:2%;} .PicList003334 li a{ display:block; position:relative; } .PicList003334 li figure{padding-bottom:60%;transition: transform .5s ease-in-out} .PicList003334 li:hover figure{ transform: scale(1.1);} .PicList003334 li h1{ font-size: 16px; text-align: center; font-weight: normal;line-height: 50px; margin:0; position: relative;z-index: 50; background: #fff} @media(max-width:1024px){ .PicList003334 {padding:30px 0 0;} .PicList003334 li{ width:49%; margin-bottom:2%} .PicList003334 li:not(:nth-child(4n)){margin-right:0;} .PicList003334 li:not(:nth-child(2n)){margin-right:2%;} .PicList003334 li h3, .PicList003334 li .hover h5{ font-size:14px;} .PicList003334 li .hover h5{ line-height:20px; max-height:40px;} } /* .PicList003335 */ .PicList003335 {padding:3% 0 0;} .PicList003335 .title{margin: 0 0 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;} .PicList003335 .title h1{margin: 0; font-weight:normal; } .PicList003335 .slick-list{margin: 0 -10px; } .PicList003335 li{ border: 1px solid #eaeaea ; margin: 0 10px; overflow: hidden;} .PicList003335 li a{ display:block; position:relative; } .PicList003335 li figure{padding-bottom:65%;transition: transform .5s ease-in-out} .PicList003335 li:hover figure{transform: scale(1.1);} .PicList003335 li h1{ font-size: 16px; text-align: center; font-weight: normal;line-height: 50px; margin: 0; position: relative;z-index: 50; background: #fff} .PicList003335 .slick-arrow{ font-size:0; width:50px !important; height:50px !important; border:none; position:absolute; top:50%; margin-top:-25px; background:none !important; cursor:pointer; padding:0;} .PicList003335 .slick-prev{ left:-50px;} .PicList003335 .slick-next{ right:-50px;} .PicList003335 .slick-next::before, .PicList003335 .slick-prev::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #e5e5e5; border-right:3px solid #e5e5e5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .PicList003335 .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .PicList003335 .slick-next:hover::before, .PicList003335 .slick-prev:hover::before{ border-color:#aaa;} @media(max-width:1000px){ .PicList003335 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList003335 li .hover img{ width:50px; height:50px;} } @media(max-width:480px){ .PicList003335 li{ float:none; width:auto;} .PicList003335 li h3, .PicList003335 li .hover h5{ font-size:14px;} .PicList003335 li .hover h5{ line-height:20px; max-height:40px;} } /* .PicList000593 为demo编号 */ .PicList000593{ padding-top:4%;} .PicList000593 li{ float:left; width:32%; position:relative; margin-bottom:2%; overflow: hidden;} .PicList000593 li:not(:nth-child(3n)){margin-right:2%;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;transition: transform .5s ease-in-out} .PicList000593 li:hover figure em{ transform: scale(1.1)} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/play.png) no-repeat center center rgba(40,40,40,0.4); background-size: 50px; z-index: 100 } .PicList000593 li p{ font-size: 16px; text-align: center; font-weight: normal; border: 1px solid #eaeaea; line-height: 50px; margin: 0; background: #fff; position: relative; z-index: 50 } @media(max-width:1024px){ .PicList000593{padding: 30px 0 0} .PicList000593 li{width:49%; margin-right:2%;} .PicList000593 li:nth-child(3n){ margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:768px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:640px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:3% 0;background: #f5f5f5} .RichInfo005 .auto_1500{ background: #fff;padding: 5%} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px; border-bottom:1px dashed #d2d2d2; margin-bottom: 30px} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px; font-weight:normal; color:#444} .RichInfo005 .news_info .title p{ margin:0; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;font-family:Arial, Helvetica, sans-serif} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .center { text-align:center } .RichInfo005 .info { font-size: 16px; line-height:28px; color: #666;} .RichInfo005 .info p{ text-indent: 2em } .RichInfo005 .info img{ width:70%; display: block; margin: 3% auto} .RichInfo005 .info video{ width: 70%; display: block; margin: 3% auto} .RichInfo005 .info .tou{ width:100px; height:100px; overflow: hidden; margin:20px auto 50px;; border-radius: 50%; } .RichInfo005 .info .tou img{ height: 100%; width: auto; margin: 0 } .RichInfo005 .bot{ position: relative ; margin-top: 50px;} .RichInfo005 .info_back{ text-align:center; clear:both; padding:20px 0; position: absolute; right: 0; top: 0px } .RichInfo005 .info_back a{ color:#fff; font-size:14px; background:#e50014; display: block; padding: 10px 30px; border-radius: 50px; text-align: center} .RichInfo005 .info_back a:hover{ background: #cb0010} .RichInfo005 .info_pn span{ display:block; font-size: 14px; margin: 15px 0} .RichInfo005 .info_pn span a{ color:#666;} @media(max-width:1024px){ .RichInfo005{ padding:30px 0;background: #fff} .RichInfo005 .info_back{ position: relative } .RichInfo005 .bot{ position: relative ; margin-top:15px;} } @media(min-width:1025px){ .RichInfo005 .info_pn span{ width: 80%} } /* .RighInfo002254 为demo编号 */ .RighInfo002254{ padding:3% 0;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:cover; border:1px solid #dcdcdc} .RighInfo002254 .list li.on figure{ border:1px solid #e50014;} .RighInfo002254 .right_info{ float:right; width:38%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;} .RighInfo002254 .right_info h1{ padding:0; color:#222; font-size:32px; line-height: 46px; margin-bottom: 10px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;margin-bottom: 30px; color: #000000} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info .icon1{ height: auto; overflow: hidden; margin-bottom: 20px; } .RighInfo002254 .right_info .icon1 dl{ width: 100%; padding: 1px;} .RighInfo002254 .right_info .icon1 dd{ width: 16.6%; float: left;border: 1px solid #e5e5e5; margin-left: -1px; margin-top: -1px; padding: 10px;} .RighInfo002254 .right_info .icon2 .tit{ font-size: 16px; color: #888; line-height: 40px; border-bottom: 1px solid #e5e5e5 } .RighInfo002254 .right_info .icon2 dd{width: 20%; float: left; padding: 10px; text-align: center; color: #999} .RighInfo002254 .right_info .icon2 dd span{ color: #999; height: 40px;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#3c89d9; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#3c89d9; color:#fff;} .RighInfo002254 .tab{ padding:3% 0 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#e50014; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .tab .info table {width: 100%;} .RighInfo002254 .tab .info table td{ border: 1px solid #e5e5e5; padding: 2px 40px;} .RighInfo002254 .tab .info table tr td:nth-child(1){ background: #f5f5f5; width: 10%} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo002254 {padding: 30px 0} .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} .RighInfo002254 .list li{ height:48px !important; } .RighInfo002254 .list li figure{ top:3px; bottom:3px; } .RighInfo002254 .list_img{ margin-bottom: 20px} .RighInfo002254 .big_img li figure{ background-size:cover;} .RighInfo002254 .right_info h1{margin: 0} .RighInfo002254 .right_info .icon1 dd{ width:33.3334%; } .RighInfo002254 .right_info .icon2 dd{width:25%;padding: 0 5px} .RighInfo002254 .right_info .icon2 dd span{ font-size: 14px;} .RighInfo002254 .tab .h1_tab { margin-bottom:10px;} .RighInfo002254 .tab .h1_tab span{ padding:0 20px;} .RighInfo002254 .tab .info table tr td:nth-child(1){ width:30%} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} } .TextList001398{ padding:3% 0 2%;} .TextList001398 ul{height: auto; overflow: hidden} .TextList001398 li{width: 49%; margin-right: 2%; float: left; height:55px; padding: 0 0px; border-bottom: 1px solid #e3e3e3; line-height: 55px; position:relative;} .TextList001398 li:nth-child(2n){margin-right: 0} .TextList001398 li a{display:block; padding: 0 75px 0 5px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;} .TextList001398 li a:hover{color: #D61919;} .TextList001398 li .btn{ transition: 0.5s; height: 32px; line-height: 32px; color: #666; font-size: 16px; width: 80px; padding: 0 20px; position: absolute; top: 12px; right: 0px; padding-right: 70px; border: 1px solid #e5e5e5;background: url(../images/TextList001398_btn.png) right 15px center no-repeat #fff;} .TextList001398 li .btn:hover { color:#fff; background: url(../images/TextList001398_btn2.png) right 15px center no-repeat #D61919; border-color: #D61919} /* .Linklist002317 为demo编号 */ .Linklist002317{ padding:3% 0 0; } .Linklist002317 .auto{overflow: hidden;} .Linklist002317 ul{ margin: 0;} .Linklist002317 ul li{ float: left; width: 15%;margin-right: 2%; margin-bottom:2%; text-align: center;} .Linklist002317 ul li .pic_con{border: 1px solid #eee; overflow: hidden;} .Linklist002317 ul li .pic{display: block; position: relative;padding-bottom: 50%; background-size: contain; background-color: #fff;transition: transform .5s ease-in-out} .Linklist002317 ul li:hover .pic{ transform: scale(1.15);} .Linklist002317 ul li h1{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin:10px 0 0; font-weight: normal; font-size: 14px;} @media(min-width:1025px){ .Linklist002317 ul li:nth-child(6n){ margin-right:0} } @media(max-width:1024px){ .Linklist002317 ul li{ float: left; width: 49%;margin-right: 2%; } .Linklist002317 ul li:nth-child(2n){ margin-right:0} } .search_list .main_title { margin-bottom: 30px;} .search_list .main_title h1{ margin: 0 ; display: block; font-weight: normal; font-size: 35px; color: #444; } .search_list{ padding:3% 0 0;} .search_list{ margin: 0 0 3% 0 ;} .search_list li{ padding: 10px 0; border-bottom: 1px dashed #dedede;} .search_list time{ float: right; background: url(../images/time22.png) no-repeat left 2px; padding-left: 18px;} @media(max-width:1000px){ .search_list{ padding:30px 0 0;} .search_list .main_title { margin-bottom: 10px;} .search_list .main_title h1{ font-size:24px; } } /* .Timeline000618 */ .Timeline000618{ margin-top: 3%;padding-bottom: 5%;} .Timeline000618 .licheng{ position: relative;} .Timeline000618 .auto{overflow: hidden;max-width: 1560px;padding: 0 3%;} .Timeline000618 .licheng > img{display: block;width: 100%;} .Timeline000618 .licheng .con, .Timeline000618 .licheng .con img{position: absolute; left: 0; top: 0; height: 100%;} .Timeline000618 .licheng .con img{max-width: inherit;} .Timeline000618 .licheng .con{width:0; overflow: hidden;transition: width 0.5s cubic-bezier(0, 0.31, 0.22, 0.43);} .Timeline000618 .swiper-container {position: relative;/* overflow: hidden; */z-index: 1;padding-top:20px;} .Timeline000618 .swiper-wrapper {position: relative;width: 100%;height: 80px;z-index: 1; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .Timeline000618 .swiper-wrapper li {width: 100%;position: relative;padding-top: 30px;line-height: 50px;text-align: center;cursor:pointer;background: url(../images/Timeline000618-yearbg.png) no-repeat center top;background-size:contain;font-size: 22px;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;font-family: 'Oswald';} .Timeline000618 .swiper-wrapper li.on{color: #e50014;} .Timeline000618 .swiper-wrapper li:after{ position: absolute;left: 50%;top: -10px;width: 11px;height: 11px;content: '';background: #fff;border: 3px solid #d6d6d6;border-radius: 50%;z-index: 3;margin-left: -6px;} .Timeline000618 .swiper-wrapper li.on:after{ border-color:#da251c;} .Timeline000618 .next, .Timeline000618 .prev{position:absolute;top: 0;width: 50px;height: 50px;cursor:pointer;border-radius:3px;z-index:10;margin-top: -30px;} .Timeline000618 .prev{left: -30px;background: url(../images/nn1.png);} .Timeline000618 .next{right: -30px;background: url(../images/nn2.png);} .Timeline000618 .next:hover{background: url(../images/nn2a.png)} .Timeline000618 .prev:hover{background: url(../images/nn1a.png)} .Timeline000618 .list{position:relative;padding-top: 30px;} .Timeline000618 .list:before{ background:url(../images/Timeline000618-bg.png) no-repeat right bottom; width:30%; height:100%; position:absolute; content:''; right:0; bottom:0; background-size:contain;} .Timeline000618 .box{ display:none;} .Timeline000618 .box dl{} .Timeline000618 .box dl:nth-child(2n){background: #f5f5f5} .Timeline000618 .box dl {height: auto; overflow: hidden; border: 1px solid #e9e9e9; margin-top: -1px; display: table; width: 100% } .Timeline000618 .box dl dd{ display: table-cell;line-height:26px; padding: 10px 20px; margin-top: -1px; margin-left: -1px;border-right: 1px solid #e9e9e9; width: 20% } .Timeline000618 .box dl dd:last-child{ border-right: none } @media(max-width:640px){ .Timeline000618 .swiper-wrapper li {font-size:20px;} }