/*Top002266 */ .Top002266 .header{ position:relative; z-index:100;} .Top002266 .header-left{ float:left; display:table; height:84px; max-width:172px; width:40%;} .Top002266 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002266 .header-right dd{position:relative;} .Top002266 .header-right dd > a{ display:block;} .Top002266 .top-search .text{ width:100%; height:32px; line-height:32px; border:1px solid #d5d2d2; padding:0 30px 0 10px;} .Top002266 .top-search .btn{ position:absolute; right:0; top:0; height:100%; width:30px; background:url(../images/Top002266-search.png) no-repeat center center;} .Top002266 .header-menu li{ width:auto !important; padding:0 22px; line-height:82px; z-index:18;} .Top002266 .header-menu li em a{ color:#333; border-bottom:2px solid transparent;font-size: 16px;font-weight: bold;} .Top002266 .header-menu li.aon em a, .Top002266 .header-menu li em a:hover{ border-bottom-color:#e60012; color:#e60012;} .Top002266 .header-menu li .sub{ width:130%;} .Top002266 .header-menu li .sub-menu dt a{ transition:0.3s; font-size:14px;font-weight: bold;} .Top002266 .header-menu li .sub-menu dt a:hover{ background:#e60012;} @media(min-width:1025px){ .Top002266 .header-mid{ float:right;} .Top002266 .header-right{ float:right; padding-top:24px;} .Top002266 .header-right dd{ float:left; z-index:20; margin-left:18px; line-height:36px;} .Top002266 .header-right dd.top-buy a{background: url(../images/Top002266-ticket.png) no-repeat left center;padding-left: 23px;color: #e60012; font-weight:bold;} .Top002266 .open-search{ width:30px; height:36px; background:url(../images/Top002266-search.png) no-repeat center center;} .Top002266 .top-search{ position:absolute; right:0; width:0; transition:0.3s 0.5s; top:2px; overflow:hidden;} .Top002266 .top-search-show{width:205px;} } @media(max-width:1024px){ .Top002266 .header-mid{position:absolute; top:100%; right:0; background:#fc433e; width:60%; max-width:200px; display:none;} .Top002266 .header-right dd.top-buy a{ line-height:45px;color:#fff; text-align:center; font-size:16px;} .Top002266 #header-menu li em{ border-bottom:0;} .Top002266 #header-menu li a{ font-weight:normal; border-bottom:1px solid #fc433e; text-align:center;} .Top002266 #header-menu li .sub-menu dt a{ border-bottom-color:rgba(255,255,255,0.2); background:rgba(0,0,0,0.25);} .Top002266 #open_menu{ position:absolute; right:2%; top:50%; margin-top:-15px; width:30px; height:30px;} .Top002266 #open_menu i, .Top002266 #open_menu i::before, .Top002266 #open_menu i::after{ background:#000;} .Top002266 #open_menu i{ height:2px; width:100%; top:50%; margin-top:-1px;} .Top002266 #open_menu i::before{ top:12px;} .Top002266 #open_menu i::after{ top:-12px;} .Top002266 #open_menu::before{ position:absolute; left:7px; width:5px; height:100%; background:#fff; top:0; content:''; z-index:2;} .Top002266 #open_menu.open_menu_on::before{ opacity:0;} } /*Banner002115 */ .Banner002115{ overflow:hidden; position:relative; z-index:1;max-width: 1760px;display: block;text-align: center;margin: 0 auto;} .Banner002115 .bx-viewport{ z-index:1;} .Banner002115 .bx-viewport, .Banner002115 .bx-viewport li, .Banner002115 .bx-viewport li a{ height:550px;} .Banner002115 .bx-viewport li a{ display:block;} .Banner002115 .bx-viewport li{ background-position:center top; background-repeat:no-repeat;} .Banner002115 .bx-viewport li img{ display:none;} .Banner002115 .bx-controls-direction a{ position:absolute; width:89px; height:89px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;} .Banner002115 .bx-controls-direction a.bx-prev{ left:2%;} .Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:2%;} .Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;} .Banner002115 .bx-pager *{ width:12px; height:12px;} .Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;} .Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;} .Banner002115 .bx-pager a.active{ background:#fff;} @media(max-width:1100px){ .Banner002115 .bx-viewport li, .Banner002115 .bx-viewport li a{ height:auto;} .Banner002115 .bx-viewport li{ background:none !important;} .Banner002115 .bx-viewport li img{ display:block; width:100%;} .Banner002115 .bx-controls-direction{ display:none;} } /* .Floor002268 为demo编号 */ .Floor002268{ margin-bottom: 25px;} .Floor002268 .p,.Floor002268 .h3{ margin: 0; padding: 0;} .Floor002268 .left .title>ul>li{float: left;color: #656565;font-size: 12px;margin-right: 10px;padding-top: 20px;cursor: pointer;border-top: 2px solid transparent;font-weight: 700;} .Floor002268 .left .title>ul>li.onchoose, .Floor002268 .left .title>ul>li:hover{color: #fc433e;border-top: 2px solid #fc433e;} .Floor002268 .left .title ul{float: left;} .Floor002268 .left .title .btn{display: none;} .Floor002268 .left .title .more{float: right;font-size: 12px;color: #c8c8c8;padding-top: 29px;} .Floor002268 .left .title .more:hover{color:#fc433e ;} .Floor002268 .left .items .item ul li{margin-top: 20px} .Floor002268 .left .items .item ul li .left{float: left;width: 18%;border-right: 1px solid #e7e7e7;box-sizing: border-box;} .Floor002268 .left .items .item ul li .right{float: left;width: 82%;box-sizing: border-box;padding-left: 4%;} .Floor002268 .left .items .item ul li .left .date{font-size: 30px;color: #999;} .Floor002268 .left .items .item ul li .left .year{font-size: 12px;color: #999;} .Floor002268 .left .items .item ul li .right .title{font-size: 14px;color: #424956;} .Floor002268 .left .items .item ul li .right .del{font-size: 14px;color: #999;} .Floor002268>.auto>.right{margin-top: 30px;} .Floor002268 .right .title{font-size: 18px;color: #424956;font-weight: 700;} .Floor002268 .right .stock{font-size: 16px;color: #fc433e;font-weight: 700;margin-bottom: 10px;} .Floor002268 .right .stock i{width: 15px;height: 12px;display: inline-block;background: url(../images/icon_arrow_up.png) no-repeat center;vertical-align: middle;margin-left: 10px;} .Floor002268 .right .del{font-size: 14px;color: #999;} .Floor002268 .left .items .item{display: none;} .Floor002268 .left .items .item ul li .right .title a{color: #333;} .Floor002268 .left .items .item ul li .right .title a:hover{color: #fc433e;} .Floor002268 dl.code{padding-left:0;} .Floor002268 dd{ line-height:30px;} .Floor002268 dl.code li{ float:left; width:50%;padding-right:5%;} .Floor002268 dl.code li img{ width:85px;margin: 0 auto 10px;} .Floor002268 dl.code li aside{ text-align:center; max-width:100px;} @media screen and (min-width: 768px) { .Floor002268>.auto>.right{float: right;width: 20%;margin-top: 20px;} .Floor002268>.auto>.left{float: left;width: 76%;margin-right: 4%;} .Floor002268 .left .items .item ul li .right{margin-top: 10px;} } @media screen and (min-width: 1200px) { .Floor002268 .left .items .item ul li{float: left;width: 50%;margin-top: 27px;} .Floor002268 .left .items .item ul li .right{margin-top: 0;} .Floor002268 .left .title>ul>li{font-size: 18px;margin-right: 28px;padding-top: 30px;} .Floor002268>.auto>.right{float: right;width: 25%;margin-top: 29px;box-sizing: border-box;padding-left: 28px;} .Floor002268>.auto>.left{float: left;width: 75%;margin-right: 0;box-sizing: border-box;padding-right: 35px;border-right: 1px solid #e9e9e9;} .Floor002268 .left .title .more{font-size: 14px;} .Floor002268 .left .items .item ul li .left{float: left;width: 67px;border-right: 1px solid #ccc;box-sizing: border-box;text-align: center;padding-right: 10px;} .Floor002268 .left .items .item ul li .right{float: left;width: 343px;box-sizing: border-box;padding-left: 14px;} .Floor002268 .left .items .item ul li .right .del{line-height: 28px} .Floor002268 .left .items .item ul li .left .date{line-height: 30px;margin-bottom: 6px;} .Floor002268 .left .items .item ul li .left .year{line-height: 14px;} .Floor002268 .left .items .item ul li .right .title a{font-size: 15px;} .Floor002268 .left .items .item ul li .right .title{margin-bottom: 5px;} .Floor002268 .right .title{margin-bottom: 10px;} .Floor002268 .left .title .btn{display: block;float: right;margin-top: 29px;margin-right: 30px;} .Floor002268 .left .title .btn span{width: 6px;height: 12px;display: inline-block;cursor: pointer;} .Floor002268 .left .title .btn span.btn1{background: url(../images/Floor002268-btns.png) no-repeat left top;margin-right: 15px;} .Floor002268 .left .title .btn span.btn1:hover{background: url(../images/Floor002268-btns.png) no-repeat left bottom;} .Floor002268 .left .title .btn span.btn2{background: url(../images/Floor002268-btns.png) no-repeat right top;} .Floor002268 .left .title .btn span.btn2:hover{background: url(../images/Floor002268-btns.png) no-repeat right bottom;} } @media(max-width:1024px){ .Floor002268 dl{ display:none;} .Floor002268 dl.code{ display:table; margin:0 auto; width:auto; float:none;} } /*Floor002269*/ .Floor002269{background: #e0e2e4;} .Floor002269 li{position:relative; } .Floor002269 li a{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; padding-left:2%;} .Floor002269 li .table{ width:132px; display:table; height:100%;font-size:18px;} .Floor002269 li .table-cell{ display:table-cell; vertical-align:middle;background: url(../images/cy1.png) no-repeat left center;background-size: 40px;padding-left: 50px;} .Floor002269 li:nth-child(2) .table-cell{background: url(../images/cy2.png) no-repeat left center;background-size: 40px;padding-left: 50px;} .Floor002269 li:nth-child(3) .table-cell{background: url(../images/cy3.png) no-repeat left center;background-size: 40px;padding-left: 50px;} .Floor002269 li:nth-child(4) .table-cell{background: url(../images/cy4.png) no-repeat left center;background-size: 40px;padding-left: 50px;} .Floor002269 li b{ font-size:16px; display:block; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;} .Floor002269 li:nth-child(3) a{ color:#fff;} .Floor002269 li:last-child a{color: #f29700;} @media(min-width:641px){ .Floor002269 li{ float:left; width:17%; background-position:left center; height:180px; transition:0.3s;} .Floor002269 li.active{ width:49%;} .Floor002269 li img{ display:none;} } @media(max-width:640px){ .Floor002269 li img{ display:block; width:100%;} } @media(max-width:375px){ .Floor002269 li .table{ font-size:16px;} .Floor002269 li b{ font-size:14px;} } /* .Bottom002270 为demo编号 */ .Bottom002270 em{ font-style: normal;} .Bottom002270{padding: 5% 0 0;} /* .Bottom002270 .auto_1280{background: #eef0f1!important;} */ .Bottom002270 .links ul li{float: left;width: 50%;box-sizing: border-box;line-height: 36px;margin-bottom: 10px;padding-left: 8%;} .Bottom002270 .links ul li a i{margin-right: 9px;vertical-align: middle;} .Bottom002270 .links ul li a i img{vertical-align: middle;} .Bottom002270 .links ul li a{position: relative;} .Bottom002270 .links ul li a .ewm{position: absolute;left: 50%;top: -80px;transform: translateX(-50%);display: none;} .Bottom002270 .links ul li a:hover .ewm{display: block;} .Bottom002270 .links ul li a .ewm1{position: absolute;left: 50%;top: -80px;transform: translateX(-50%);display: none;} .Bottom002270 .links ul li a:hover .ewm1{display: block;} .Bottom002270 .copyright{padding: 4% 0;text-align: center;} .Bottom002270 .copyright .top{margin-bottom: 15px;} .Bottom002270 .copyright .top a{padding: 0 9px;font-size: 12px;line-height: 32px;} .Bottom002270 .copyright .bottom{color: #999;font-size: 12px;line-height: 12px;} .Bottom002270 .top .fl{width: 40%;} .Bottom002270 .top .fr{width: 60%; float: left;} .Bottom002270 .links1{max-width: 170px; text-align: center;} .Bottom002270 .links1 .code{padding: 11px 0 16px 0;} .Bottom002270 .links1 ol, .Bottom002270 .links1 ul{text-align: left;} .Bottom002270 .links1 ol{line-height: 32px; background-color: #e0e2e4;color: #666; padding-left: 13px;position: relative; cursor: pointer;} .Bottom002270 .links1 ol:after{position: absolute; content: '';right: 10px; width: 10px; height: 10px; top: 50%; border-bottom: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); margin-top: -8px;} .Bottom002270 .links1 .select{position: relative;z-index: 20;} .Bottom002270 .links1 ul{padding: 13px; position: absolute; left: 0; width: 100%; bottom: 100%;background: #fff;display: none;} .Bottom002270 .links1 li{line-height: 30px;} .Bottom002270 .links1 li:not(:last-child){border-bottom: 1px solid #eee;} @media(min-width:1025px){ .Bottom002270 .links1{width: 23%;} } @media(max-width:1024px){ .Bottom002270 .links1{ margin: 0 auto;} } @media screen and (min-width: 768px) { .Bottom002270 .links ul li{width: 25%;padding-left: 6%;} } @media screen and (min-width: 1200px) { .Bottom002270{padding: 0;} .Bottom002270 .links{float: left;width: 50%;padding-left: 2%;} .Bottom002270 .copyright{float: right;width: 50%;text-align: left;padding: 0;padding-left: 30px;box-sizing: border-box;} .Bottom002270 .links ul li{width: auto;margin-bottom: 0;padding-left: 0;padding-right: 39px;} .Bottom002270 .links ul li a{display: inline-block;line-height: 90px;font-weight: 700;} .Bottom002270 .copyright .top{margin: 22px 0 20px;} .Bottom002270 .copyright .bottom{margin: 18px 0 20px;} .Bottom002270 .copyright .top a:first-child{padding-left: 0;} } /* 栏目页开始 */ /* .Banner002271 为demo编号 */ .Banner002271 { overflow: hidden; max-width: 1720px; margin: 0 auto;} .Banner002271 span{ display: none;} .Banner002271 img{ width: 220%; max-width: none; position: relative; left: -65%;} @media (min-width:768px) { .Banner002271 img{ width: 166%;left: -33%;} } @media (min-width:1024px) { .Banner002271 span{ margin: 0; background-repeat: no-repeat; background-position: top center; height: 250px; display: block;} .Banner002271 img{ display: none;} } /* .Menu002272 为demo编号 */ .Menu002272{} .Menu002272 .nav-menu{border-bottom: 1px solid #e4e4e4;} .Menu002272 .nav-menu ul{display: none;} .Menu002272 .current{padding-left: 25px;background: url(../images/Menu002272-icon.png) no-repeat left center;} .Menu002272 .current a{font-size: 14px;color: #717171;padding: 0 13px 0 10px; position: relative; line-height: 45px;} .Menu002272 .current a:after{ content: "·"; position: absolute; top: 0; right: 0; line-height: 20px; height: 20px; color: #ddd;} .Menu002272 .current a:first-child{padding-left: 0;} .Menu002272 .current a:hover{color: #e60012;} .Menu002272 .current span{padding-left: 10px} @media screen and (min-width:768px ) { .Menu002272 .nav-menu ul{display: block;float: left;} .Menu002272 .nav-menu ul li{float: left;line-height: 60px;margin: 0 2px;padding: 0 3px;font-size: 16px;} .Menu002272 .nav-menu ul li:first-child{margin-left: 0;} .Menu002272 .nav-menu ul li:hover, .Menu002272 .nav-menu ul li.on{background: #e60012;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a{color: #fff;font-size: 16px;} .Menu002272 .nav-menu .location{float: right;} .Menu002272 .current a{line-height: 60px;font-size: 16px;} } @media screen and (min-width:1024px ) { .Menu002272 .nav-menu ul li{padding: 0 20px;margin: 0 6px;} } @media screen and (min-width:1200px ) { .Menu002272 .nav-menu ul li{line-height: 73px;font-weight: 700;} .Menu002272 .current a{line-height: 73px;} .Menu002272 .current span{font-size: 16px;} } .line{height:1px;max-width: 1280px;margin: 0 auto;border-bottom: 1px solid #e4e4e4;} /*Menu003070 */ .Menu003070{padding-top: 3%;} .Menu003070 .auto{max-width: 1400px;} .Menu003070 li{float: left; padding: 0 15px;} .Menu003070 li a{display: block;line-height: 2.778em;font-size: 16px;color: #3d3d3d; padding: 0 30px;background: #f5f5f5;} .Menu003070 li.aon a, .Menu003070 li a:hover{color: #fff;background-color: #e60012;} @media(min-width:641px){ .Menu003070 .auto ul{display: table; margin: 0 auto;} } @media(max-width:1440px){ .Menu003070 li{padding: 0 1vw;} .Menu003070 li a{padding: 0 2vw;} } @media(max-width:640px){ .Menu003070 li a{font-size: 3.5vw;} .Menu003070 li{margin-bottom: 1vw; width: 32%;} .Menu003070 li:not(:nth-child(3n)){margin-right: 2%;} } /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{} .PicList002433 .main{ padding:4% 0 2% 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:57px; height:57px; margin-top:-30px; border:1px solid #e60012; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:rgb(230,0,18); } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:2px solid #e60012; border-right:2px solid #e60012; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .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: 80%;} .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:40px; color:#333;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /* .PicList002273 为demo编号 */ .PicList002273{padding-top: 3%;} .PicList002273 .left img{width: 100%;} .PicList002273 .right .time{font-size: 12px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;} .PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .p{color: #999;font-size: 14px;} .PicList002273 ul li{margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;border: 1px solid #eef0f1;} @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{background:#eef0f1;} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li:hover{border: 1px solid #ee322d;box-shadow: 0px 0px 30px #ccc;} .PicList002273 ul li{background:#eef0f1;position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} } @media screen and (min-width:1200px ) { .PicList002273 .left{float: left;margin-right: 50px;} .PicList002273 .right{float: left;width: 65%;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } /*Page002623 */ .Page002623{padding: 2vw 0 4vw 0; text-align: center;font-family: Arial;font-size: 18px;} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 3vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: 50px; width: 50px; margin: 0 1px;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: #e60012;} .Page002623 .Pages .p_page > a{font-size: 0;height: 50px;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;} .Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } /*RighInfo002973 */ .RighInfo002973{font-size: 16px; padding: 3% 0;} .RighInfo002973 .news-details .title{text-align: center;} .RighInfo002973 .news-details .title h1{font-size:26px; margin: 0 0 20px 0; color: #e60012;} .RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;} .RighInfo002973 .news-details .title .bshare-custom{display: inline-block;} .RighInfo002973 .bshare-custom a{background-position: center center; margin: 0 0 0 14px;} .RighInfo002973 .bshare-custom a.bshare-weixin{background-image: url("../images/RighInfo002973_share_wx.png");} .RighInfo002973 .bshare-custom a.bshare-sinaminiblog{background-image: url("../images/RighInfo002973_share_sina.png");} .RighInfo002973 .bshare-custom a.bshare-qzone{background-image: url("../images/RighInfo002973_share_qz.png");} .RighInfo002973 .news-details .edit-info{line-height: 1.875em;border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin-bottom: 2%; text-indent: 2em; font-size: 15px; color: #666;} .RighInfo002973 .pn-page aside{padding: 10px 0;} .RighInfo002973 .pn-page aside a{color: #666;} .RighInfo002973 .pn-page aside a b{color: #333;} .RighInfo002973 .operating a:hover, .RighInfo002973 .pn-page aside a:hover{color: #e60012;} .RighInfo002973 .operating{overflow: hidden;line-height: 24px;} .RighInfo002973 .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;} .RighInfo002973 .operating a:not(:last-child){margin-right: 45px;} .RighInfo002973 .operating a.a-print{background-image: url("../images/RighInfo002973_print.png");} .RighInfo002973 .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");} @media(min-width:1025px){ .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .RighInfo002973 .operating a{float: left;} } @media(max-width:1024px){ .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;} .RighInfo002973 .operating a{display: inline-block;} } @media(max-width:640px){ .RighInfo002973 .news-details .title h1{font-size:6vw;} .RighInfo002973{ font-size: 14px;} } /*TextList002855 */ .TextList002855{padding: 3% 0 2% 0;} .TextList002855 li{ line-height: 60px; border-bottom: 1px dotted #dcdcdc;} .TextList002855 li time{float: right;color: #c8c8c8; margin-left: 15px;} .TextList002855 li a{padding-left: 30px; background: url("../images/TextList002855_icon.png") no-repeat left center;font-size: 15px;color: #666;} @media(min-width:481px){ .TextList002855 li{font-size: 16px;} } /* .TextList001652 为demo编号 */ .TextList001652{padding-top: 3% ;} .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:20%; text-align:center;font-size: 15px; } .TextList001652 .job_ol li{ background-color:#e60012; color:#fff; line-height:4em; font-size: 16px; font-weight: bold;} .TextList001652 .list{ border-bottom:1px solid #ebebeb;} .TextList001652 .job_info{ display:none;} .TextList001652 .job_info p{font-size: 15px; color: #666;} .TextList001652 .job_info strong{font-size: 15px; color: #e60012;} .TextList001652 .list_ul{ cursor:pointer;font-size:12px;} .TextList001652 .list_ul li{ padding:1em 0;} .TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;} .TextList001652 .list_ul li:nth-child(5) a:hover{ background-color:#e60012;color:#fff;} .TextList001652 .job_info{padding:0 5% 2%;line-height: 30px;} @media(max-width:640px){ .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:25%;} .TextList001652 .job_ol li:nth-child(4), .TextList001652 .list_ul li:nth-child(4){ display:none;} } /* .Form001518 为demo编号 */ .Form001518{ padding:3% 0;} .Form001518 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:5%; background:url(../images/Form001518_tit.png) no-repeat left center/contain; } .Form001518 .title:before{ position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434; } .Form001518 dl dt{ padding:3% 0; color:#e60012; font-size:16px; } .Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:5px; position:relative;} .Form001518 dd li:nth-child(3n){ margin-right:0;} .Form001518 dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;} .Form001518 dd li label{ position:absolute; left:5px; top:0; line-height:46px; } .Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;} .Form001518 dd textarea.text{height:220px;} .Form001518 .btn{ margin: 2% 0; cursor: pointer;border-radius: 5px;background: #e60012;color: #fff; height: 37px;border: none; font-size:18px; width:40%; max-width:200px;} @media(max-width:768px){ .Form001518 dd li{ float:none; width:auto; margin-right:0 !important;} } @media(max-width:480px){ .Form001518 .title{ font-size:24px;} } /*RighInfo002857 */ .lxwm{padding: 3% 0;} .RighInfo002857{float: left;width: 50%;} .RighInfo002857 .title{padding-bottom: 4.11vw;color: #333;font-size: 100px;} .RighInfo002857 .title .cn{font-size: 0.34em;} .RighInfo002857 .title .en{font-size: 0.42em;font-family: "DINBold"; text-transform: uppercase;} @media(max-width:640px){ .RighInfo002857 .title{font-size: 80px;} } @media(max-width:480px){ .RighInfo002857 .title{font-size: 60px;} } .RighInfo002857 .edit-css .tit{font-size: 24px;color: #e60012;padding-bottom:4vw;} .RighInfo002857 .edit-css li{margin-bottom: 4%;color: #999;} .RighInfo002857 .edit-css li .icon{margin-bottom: 5px;} .RighInfo002857 .edit-css li aside{font-size: 16px;margin-top: 10px;color: #333;} @media(min-width:641px){ .RighInfo002857 .edit-css li{float: left;width:100%; padding-left: 22px; border-left:5px solid #f8f8f8;} /* .RighInfo002857 .edit-css li:not(:nth-child(2n)){margin-right: 2%;} .RighInfo002857 .edit-css li:nth-child(2n+1){clear: left;} */ } @media(max-width:640px){ .RighInfo002857 .edit-css .tit{font-size: 20px;} } @media(max-width:480px){ .RighInfo002857 .edit-css .tit{font-size:18px;} .RighInfo002857 .edit-css li{ padding: 22px; border-bottom:5px solid #f8f8f8;} } /*Map002858 */ .Map002858{width: 50%;float: right;} .Map002858 #allmap{height: 23.96vw;} .Map002858 #allmap, .Map002858 #allmap *{box-sizing: content-box;} .Map002858 #allmap img{max-width: inherit;} .Map002858 .BMap_bubble_content b{font-size: 18px;display: block;padding-bottom: 5px;} @media(max-width:1024px){ .Map002858 #allmap{height: 40vw;} .Map002858,.RighInfo002857{width: 100%;} } @media(max-width:480px){ .Map002858 #allmap{height: 70vw;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:1280px;} .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:#e60012; 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:16px; line-height:30px; 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:12px 0;} .RighInfo002228 .single-header h3:after{ background-color:#eaeaea; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:26px;} } /*RighInfo000623 */ @font-face { font-family: 'bebas-neue'; src: url("https://work.gzwhir.com:51932/Build/Content/Resoures/whirfonts/bebas-neue.woff") format("woff"); font-display: swap; } @font-face { font-family: 'DIN-Medium'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/DIN/Medium.woff") format("woff"); font-display: swap; } .RighInfo000623{padding: 3.125vw 0;} .RighInfo000623 .auto{max-width: 1280px;} .RighInfo000623 .title{margin-bottom: 2vw;} .RighInfo000623 .title:after{display: block; content: ''; width: 20px; height: 2px; background: #a52d33; margin-top: 1vw;} .RighInfo000623 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .RighInfo000623 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .RighInfo000623 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .RighInfo000623 .title .cn{font-size: 6vw;} } .RighInfo000623 .ytable-cell{padding: 3.5vw 0;} .RighInfo000623 .pic .inner{ position: relative;} .RighInfo000623 .pic time{bottom: 0; text-align: right;position: absolute;right: 0; background: rgba(165,45,51,0.64);color: #fff; padding: 26px 50px 26px 26px;} .RighInfo000623 .pic time span{display: block;margin-bottom: 5px;font-family: 'DIN-Medium';font-size: 72px; line-height: 0.8em;} .RighInfo000623 .pic time span:before{display: inline-block; height: 2px; background: #fff; content: ''; width: 16px; vertical-align:bottom; margin-right: 5px;} .RighInfo000623 .info{background:#f6f6f6; background-size: contain;} .RighInfo000623 .p-info{font-size: 16px;line-height: 32px;color: #666;} .RighInfo000623 .p-info p{margin-top:0;text-indent: 2em;text-align: justify;} @media(min-width:1025px){ .RighInfo000623 .pic{width: 16%;float:left;} .RighInfo000623 .info{width:84%;float:left;} .RighInfo000623 .pic .inner{width: 208.696%;} .RighInfo000623 .info .inner{padding-left: 28.7%;padding-right: 8.548%;} } @media(max-width:1024px){ .RighInfo000623 .ytable, .RighInfo000623 .ytable-cell{display: block;} .RighInfo000623 .info{padding: 6vw;} } @media(max-width:640px){ .RighInfo000623 .pic time span{font-size: 12vw;} .RighInfo000623 .p-info{font-size: 3.5vw;} } /* .RighInfo002799 */ .RighInfo002799 { padding: 4% 0 3%;} .RighInfo002799 dl{float:left;width:57%;} .RighInfo002799 dl dd{width:50%;float:left;margin-bottom:5%;} .RighInfo002799 dl dd:last-child{width: 100%;} .RighInfo002799 .pic{width:43%; float: right; } .RighInfo002799 .tit .en{ font-family: 'Times New Roman'; font-size: 48px; color: #fff0e5; font-weight: bold; letter-spacing: 5px; text-transform: uppercase; } .RighInfo002799 .tit .cn{ margin-top: -35px; font-size: 48px; color: #ff6900; letter-spacing: 5px;} .RighInfo002799 .subtit{font-size: 24px;color:#2c92ff; margin-top: 3%;position: relative;margin-bottom: 1%; } .RighInfo002799 .subtit:before{display: inline-block;content: '';width: 10px;height: 10px;background:none;position: relative;top:-4px;margin-right: 8px;border-radius: 50%;border:2px solid #e60012;} .RighInfo002799 .subtit span{position: absolute;left:0;bottom:0;font-size: 48px;text-transform: uppercase;font-family: 'Times New Roman';opacity: .05;letter-spacing: 5px;} .RighInfo002799 .subtit span i{font-size: 68px;font-style: normal;} .RighInfo002799 p{ font-size: 22px; color: #666; line-height: 36px; text-align: justify;margin:0; } .RighInfo002799 .p1{padding-left:17px;position: relative;line-height: 29px;} .RighInfo002799 .p1:before{display: inline-block;content: '';width: 10px;height: 1px ;background:#999;margin-right: 8px;position: absolute;left:0; top:19px;} @media (max-width: 768px) { .RighInfo002799 .auto{ padding: 0 3%; } .RighInfo002799 .pic{ float: none; width: 100%; margin-bottom: 5%; margin-left: 0; } .RighInfo002799 .tit .en{ font-size: 38px; } .RighInfo002799 .tit .cn{ margin-top: -25px; font-size: 38px; } } /*Timeline002790 */ .Timeline002790 { padding:6% 0 3%} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; border-radius: 10px;margin-top: -60px; } .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2 } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #999; border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px; content:''; background:#fff;} .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; } .Timeline002790 li .con{width: 45%; background: #f5f5f5; border-radius: 10px; padding:45px; float: right; position: relative; overflow: hidden;border: 1px solid #fff } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;background-position: center center;background-size: contain;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{width: 60%; } .Timeline002790 li .con .txt2{width:100%;padding-left:0 !important;padding-right:0 !important;} .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{float: right; padding-left: 6%} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li .txt{ position:relative;font-size:16px; line-height:28px; padding-right: 50px} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 32px;color: #666;padding-bottom: 7px; font-family:Arial, Helvetica, sans-serif;} .Timeline002790 li .txt .red{color: #e60012;} .Timeline002790 li.hover .con{ border: 1px solid #e60012} .Timeline002790 li.hover:after{ border-color: #e60012} .Timeline002790 li.hover:before{ border-color: #e60012} @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #e60012; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} /*公司动态*/ ul,ol{list-style: none;} .ComBox{padding: 3% 0;} .Newul li{width:31%;float:left;margin-right:3.5%;margin-bottom:18px;} .Newul li a{cursor:default;} .Newul li:nth-child(3n){margin-right:0px;} .Newul li .nimg{width:100%;overflow:hidden;position:relative;} .Newul li .nimg img{width:100%;transition:all .3s linear;max-height: 260px;} .Newul1 li .nimg img{background: url(../images/PicList002433_kuang.png) no-repeat center center;background-size:100% 100%;padding: 7px;} .Newul li .time{position:absolute;bottom:0px;left:30px;width:72px;padding:0 10px;height:90px;box-sizing:border-box;background:rgba(232,52,34,.85);display:flex;flex-direction:column;justify-content: flex-end;align-items:center;} .Newul li .time .t1{font-size:36px;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:2px;} .Newul li .time .t2{font-size:12px;color:#fff;text-align:center;line-height:8px;} .Newul li .Ncon{padding:0 30px;box-sizing:border-box;position:relative;margin: 40px 0;} .Newul li .Ncon::after{content:"";display:block;width:0%;height:2px;background:#e83422;position:absolute;bottom:-20px;left:0px;transition:all .3s linear;} .Newul li .Ncon .Nt1{font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;line-height: 25px;height: 50px;} /* .Newul li .Ncon .Nt1{font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } */ .Newul li .Ncon .Nt1::after{content:"";display:block;width:30px;height:1px;margin:20px 0;} .Newul li .Ncon .Nt2{font-size:14px;line-height:24px;color:#666;height:48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .Newul li .Ncon .Njt{text-align:right;margin-top:30px;transition:all .3s linear;display: none;} .Newul li:hover{box-shadow:0 0 50px rgba(199,0,10,.2);} .Newul li:hover .nimg img{transform:scale(1.1);} .Newul li:hover .Ncon::after{width:100%;} .Newul li:hover .Ncon .Njt{transform:translateX(-5px);} @media ( max-width:1199px){ .Newul{margin-bottom:40px;} .Newul li .Ncon{padding:25px 15px;} .Newul li .Ncon .Nt1{font-size:18px;} .Newul li .Ncon .Nt1::after{margin:15px 0;} .Newul li .time .t1{font-size:30px;} .Newul li .time{height:80px;} } @media ( max-width:997px){ .Newul li .time .t1{font-size:20px;padding-bottom:2px;margin-bottom:2px;} .Newul li .time{height:55px;} .Newul li .Ncon{padding:15px 10px;} .Newul li .Ncon .Nt1{font-size:16px;} .Newul li .Ncon .Nt1::after{margin:10px 0;} .Newul li .Ncon .Njt{margin-top:15px;} .Newul{margin-bottom:10px;} } @media ( max-width:480px){ .Newul li{width:100%;float:none;} } i,em{font-style: normal;} .RighInfo002807 .txt{padding-bottom: 2%;} .RighInfo002807 .txt .info{position:relative; z-index: 10;background: #fff; padding: 3% 3% 0 3%;} .RighInfo002807 .txt .info aside.t-1{font-size:30px;color: #333437;} .RighInfo002807 .txt .info aside.t-2{ font-family: "DINCond-Bold";color: #e60012;font-size: 20px;} .RighInfo002807 .txt .info p{line-height: 30px;font-size: 16px;margin-top: 4%;text-align: justify;} .RighInfo002807 .txt .table td{border-bottom: 5px solid #fff;padding: 20px;line-height: 24px; background: #f7f7f7; font-size: 16px;} .RighInfo002807 .txt .table .f-name{width: 29.5%;border-right: 5px solid #fff;} .RighInfo002807 .txt .table tr:nth-child(2n) td:nth-child(2), .RighInfo002807 .txt .table tr:nth-child(2n-1) .f-name{background: #f0f0f0;} .RighInfo002807 .txt .table tr:last-child td{border-bottom: 0;} @media(min-width:1025px){ .RighInfo002807{padding-top: 3%;background: #f5f5f5;} .RighInfo002807 .txt .auto{position: relative; z-index: 1;padding-top: 6%;} .RighInfo002807 .txt .Ispic{position: absolute; right: 0; top: 0; height: 100%; width: 100%;} .RighInfo002807 .txt .info{float: right;width: 53.125%;} .RighInfo002807 .txt .table{margin-top: 20%;} } @media(max-width:1024px){ .RighInfo002807 .txt .info{padding: 5% 0;} .RighInfo002807 .txt .Ispic{padding-bottom: 61%;} } @media(max-width:640px){ .RighInfo002807 .txt .info aside.t-1{font-size: 32px;} .RighInfo002807 .txt .info aside.t-2{ font-size: 24px;} .RighInfo002807 .txt .table td{padding: 10px;} } @media(max-width:480px){ .RighInfo002807 .txt .table td{font-size: 14px;} } .RighInfo002807 .mid{background-repeat: no-repeat;padding-top: 4%;background-size: 47.083% auto;} .RighInfo002807 .num{position: relative;} .RighInfo002807 .num:before, .RighInfo002807 .num:after{position: absolute; content: ''; border: 5px solid #e60012; width: 30px; height: 30px;} .RighInfo002807 .num:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .RighInfo002807 .num:after{right: 0; bottom: 0; border-top: 0;border-left: 0;} .RighInfo002807 .num li{float:left; width:25%; padding: 30px 0;} .RighInfo002807 .num li .inner{color: #e60012;font-family: "DINCond-Bold";font-size: 100px;display: table; margin: 0 auto;} .RighInfo002807 .num li aside{overflow: hidden; height: 0.6em;} .RighInfo002807 .num li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .RighInfo002807 .num li sup{font-size:20px;line-height:20px;vertical-align:top;} .RighInfo002807 .num li span{font-size: 50px;line-height: 50px;vertical-align: text-top;} .RighInfo002807 .num li p{font-size: 0.2em;} .RighInfo002807 .num li aside *{display: inline-block;} @media(max-width:1280px){ .RighInfo002807 .num li .inner{font-size: 80px;} } @media(max-width:1024px){ .RighInfo002807 .num li .inner{font-size: 70px;} } @media(max-width:768px){ .RighInfo002807 .num li{width: 50%;} .RighInfo002807 .num li:nth-child(2n+1){clear: left;} } @media(max-width:480px){ .RighInfo002807 .num li .inner{font-size: 50px;} } /* .Menu002795 */ .Menu002795{padding-top: 2%;} .Menu002795 dl{ font-size: 0; text-align: center;} .Menu002795 dd{ display: inline-block; padding:0 40px;position:relative;} .Menu002795 dd::after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .Menu002795 dd:last::after{ display:none;} .Menu002795 dd a{ display:block; position:relative; overflow:hidden; height:60px; font-size:16px; line-height:60px; text-transform: uppercase; } .Menu002795 dd a:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .Menu002795 dd.aon a, .Menu002795 dd:hover a{ color:#e60012;} .Menu002795 dd.aon a:after, .Menu002795 dd:hover a:after{ background:#e60012;} @media(max-width:768px){ .Menu002795 dl{ text-align: justify; } .Menu002795 dd{ width:49%; text-align:center; padding:0;} .Menu002795 dd:nth-child(2n)::after{ display:none;} .Menu002795 dd a{ font-size: 16px; } } .listtitle{text-align:center;font-size:34px;color: #e60012;padding-bottom:3%; letter-spacing: 4px; } .listtitle span{ color: #e60012;} .listtitle::after{ display:block; content:''; background:#e60012;margin:20px auto 0; height:4px; width:52px;} @media(max-width:480px){ .listtitle{ font-size:14px;} } .name-industry{ position:relative; padding:4.5% 3% 10% 0;} .name-industry .h2{font-size:34px;margin: 0; color: #333; letter-spacing: 4px; font-weight: normal;} .name-industry .h2 span{ color: #e60012;} .edit-industry .box{ padding:0 12%; position:relative; margin-top:-2px; background-repeat:no-repeat; background-size:contain;} .edit-industry .txt{ padding:9% 0;} .edit-industry .txt .h4{ font-size:18px; padding-top:3%; color:#e60012; margin: 0;} .edit-industry .txt .icon{ z-index:5; left:15%; top:-5%; position:absolute; background-color:#e60012; border-radius:30px;} .edit-industry .txt .icon img{ width:60px; height:60px;} .edit-industry .txt .num{ font-size:30px; display:block; color:#dcdcdc; font-weight:normal;} .edit-industry .con dl{ float:left; padding:0 3%; border-left:solid 4px #e7e7e7; margin:10px 0; } .edit-industry .con dl b{font-size:40px; display:block;} .edit-industry .con dl i{ font-style:normal; color:#999999;} .edit-industry .intro{ padding:24px 0;} .edit-industry .intro p{margin: 0; line-height: 30px; font-size: 15px;} .edit-industry .intro p+p{margin-top:14px;} .edit-industry #item1{background-position: right top} .edit-industry #item1 .con dl{ width:50%;} .edit-industry #item1 .con em{ font-style:normal; border:solid 1px #d4d4d4; display:inline-block; padding:5px 17px; margin-top: 20px;} .edit-industry #item2{background-position: left top;} .edit-industry #item2 .txt .icon{ left:auto; right:15%} .edit-industry #item2 .txt .num, .edit-industry #item2 .h4{ text-align:right;} .edit-industry #item2 .intro{ padding-left:60%} .edit-industry #item2 .con{ text-align:right;} .edit-industry #item3{background-position: right top} .edit-industry #item3 .con dl{ width:33.3%;} .edit-industry #item3 .txt{padding-right:40%;} .edit-industry #item3 .con em{ font-style:normal; border:solid 1px #d4d4d4; display:inline-block; padding:5px 17px;} .edit-industry #item4{background-position: left top} .edit-industry #item4 .txt .num, .edit-industry #item4 .h4{ text-align:right;} .edit-industry #item4 .txt .icon{ left:auto; right:15%} .edit-industry #item4 .intro, .edit-industry #item4 .con{ padding-left:24%;} .edit-industry #item4 .con dl{ width:25%} .edit-industry #item5{background-position: center top} .edit-industry #item5 .intro{ padding-right:55%} .edit-industry #item5 .con{ padding-right:10%} .edit-industry #item5 .con dl{ width:25%} .edit-industry #item6 .txt .h4{ padding-left:55%} .edit-industry #item6 .txt .num{ position:absolute; right:10%;} .edit-industry #item6 .txt .icon{ right:10%; top:0; left:auto;} .edit-industry #item6 .intro{ padding-left:55%} .edit-industry #item6 .con{ padding-left:55%} .edit-industry #item6 .con dl{ width:50%;} .edit-industry #item6:after{ border-bottom:none;border-radius: 0 50% 0 0;} @media(min-width:768px){ .name-industry:before{content:'';display:block;position:absolute;top: 28.5%;right: -12px;width: 26px;height: 26px;border-radius: 0 8px;background-color:#e60012;transform: rotate(45deg);} .name-industry:after{ content:''; right:0; bottom:0; position:absolute; width:26%; height:100%; border-right:solid 2px #e60012; border-bottom:solid 2px #e60012;border-radius:0 0 64% 0;} .name-industry .h2{ text-align:right;} .edit-industry .txt .h4{ font-size:30px;} .edit-industry .txt .num{ font-size:80px; line-height:100%;} .edit-industry #item1:before, .edit-industry #item2:before, .edit-industry #item3:before, .edit-industry #item4:before, .edit-industry #item5:before, .edit-industry #item6:before{ content:''; width:67%; display:block; margin:auto;border-top:solid 2px #e60012;} .edit-industry .box:after{ position:absolute; content:''; top:0; height:100%; width:38%;} .edit-industry .box:nth-child(odd):after{ left:0; border:solid 2px #e60012; border-right:none;border-radius:100% 0 0 100%;} .edit-industry .box:nth-child(even):after{ right:0; border:solid 2px #e60012; border-left:none;border-radius:0 100% 100% 0;} .edit-industry .box.active .intro{} .edit-industry .box .txt .icon{/*animation: spinAround 3s linear infinite;*/} @keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); } } } @media(max-width:768px){ .edit-industry .box{ padding:0; border-top:solid 3px #e60012;} .edit-industry #item2 .intro, .edit-industry #item4 .intro, .edit-industry #item6 .txt, .edit-industry #item7 .intro, .edit-industry #item4 .con, .edit-industry #item7 .con{ padding-left:0} .edit-industry #item3 .intro, .edit-industry #item5 .intro, .edit-industry #item6b .intro, .edit-industry #item5 .con{ padding-right:0} .edit-industry .con dl b{ font-size:22px; padding-bottom:5px;} .edit-industry .box .con dl{ width:100%!important; margin-bottom:5px;} .edit-industry #item2 .con{ text-align:left} .edit-industry #item1 .con em{ margin-bottom:2px;} .edit-industry #item3 .txt .icon{ left:15%} .edit-industry #item7 .txt .icon{ right:15%; top: -5%;} .edit-industry #item7 .txt .num{ position:relative; text-align:right; right:0} .edit-industry #item7 .txt .h4{ padding-left:0; text-align:right;} } /*RighInfo002814 */ .PicList001646{padding:3% 0 4%;} .PicList001646 p{color: #666;font-size:15px;line-height:30px; margin: 0; text-align: justify; } .PicList001646 p+p{margin-top: 18px;} .PicList001646 .ul, .PicList001646 .pic{margin:3% auto ;} .PicList001646 .pic1{float: right; width: 49%; margin-left:5%; padding-bottom: 10px;} .PicList001646 .pic2{float:left; width: 46%; margin-right:5%; padding-bottom: 10px;} .PicList001646 li{float: left; width:32%; margin-right: 2%;} .PicList001646 li:last-child{margin-right:0;} /* .RighInfo001749 */ .RighInfo001749{padding:3% 0 4%;} .RighInfo001749 .pic{float: left;margin:0px 42px 22px 0px;} .RighInfo001749 .p{font-size: 15px;color:#666;line-height:30px; margin: 0;} .RighInfo001749 .p b{font-size: 17px;color:#e60012;} .RighInfo001749 .p+.p{margin-top: 18px;} .RighInfo001749 ul{margin: 2% 0;} .RighInfo001749 li{float: left; width:23.5%; margin-right: 2%;} .RighInfo001749 li:last-child{margin-right:0;} /* .Menu002252 为demo编号 */ .Menu002252{padding:60px 0 40px; text-align:center; overflow:hidden; border-top: 1px solid #eaeaea;} .Menu002252 .listtitle{padding-bottom:2%;} .Menu002252 a{font-size:15px; display: block;background:#f5f5f5; padding: 10px; margin-bottom: 1px; color:#3d3d3d;} .Menu002252 a.aon, .Menu002252 a:hover{ color:#fff; background-color:#e60012;} @media(min-width:768px){ .Menu002252 a{ display:inline-block; line-height:44px; padding:0 15px; min-width:115px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252 a{padding:0 30px; min-width:160px; } } /* .PicList002146 */ .PicList002146{padding-bottom: 3%;} .PicList002146 li{float:left; width: 32%; margin-right: 2%; margin-bottom: 2%; margin-top: 2%;} .PicList002146 li:nth-child(3n){margin-right: 0;} .PicList002146 .item {width: 100%!important; margin: 1.5% 0px!important;} .PicList002146 li a{ display:block; position:relative; box-shadow:0 0 8px rgba(0, 0, 0, 0.2); cursor: pointer;} .PicList002146 li h3{ margin:0; font-size:17px;} .PicList002146 li figure{padding-bottom:65.4%;position: relative;} .PicList002146 li .txt{ padding:3% 8%;text-align: center;} .PicList002146 li h3{ line-height:40px;} .PicList002146 li:hover h3{color: #e60012;} .PicList002146 li .videoed{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 3;display: none;} .PicList002146 li.video:hover figure:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.3);} .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%;transform: translate(-50%,-50%); z-index:100; width:800px;z-index: 10000000;} .videos video{width: 100%;height: 500px;object-fit: cover;background:#000;display: block;} .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .PicList002146 .owl-nav{display: block !important;} .PicList002146 .owl-carousel .owl-nav .owl-next,.PicList002146 .owl-carousel .owl-nav .owl-prev{width: 55px;height: 55px;border-radius: 100px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;} .PicList002146 .owl-carousel .owl-nav .owl-next{background-size: cover;background-image: url(../images/b_right.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc;} .PicList002146 .owl-carousel .owl-nav .owl-prev{background-image: url(../images/b_left.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc} .PicList002146 .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .PicList002146 .owl-carousel .owl-nav .owl-prev{left: -6%;} .PicList002146 .owl-carousel .owl-nav .owl-next{right:-6%;} .PicList002146 .owl-carousel .owl-nav .owl-prev:hover{background-color: #e60012;} .PicList002146 .owl-carousel .owl-nav .owl-next:hover{background-color: #e60012;} @media(max-width:1366px){ .PicList002146 .owl-carousel .owl-nav .owl-prev{left: 0%;} .PicList002146 .owl-carousel .owl-nav .owl-next{right:0%;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} .videos{width: 90%;} .videos video{height: auto;} } @media(max-width:480px){ .PicList002146 li h3{ font-size:14px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } /* .Floor001318 */ .Floor001318{padding:4% 0; border-top: 1px solid #eaeaea;} .Floor001318 .map{ overflow:hidden; position:relative; clear:both; } .Floor001318 .list{ float:none; width:100%; position:relative; padding:33px 0; } .Floor001318 #all_map_1318{ position:absolute !important; left:0; top:0; width:65%; height:100%;display: none;} .Floor001318 #all_map_1318 *{ box-sizing:content-box; } .Floor001318 #all_map_1318 img{max-width:none;} .Floor001318 #all_map_1318 .BMap_bubble_content{ line-height:20px;} .Floor001318 .list ul{display: flex;flex-wrap: wrap;} .Floor001318 .list li{ line-height:22px; border-bottom:1px dashed #eaeaea; padding:24px; cursor:pointer;width:33% !important;} .Floor001318 .list li:nth-child(2n){ background: #f8f8f8;} .Floor001318 .list li > *{ margin:0;} .Floor001318 .list li h5{ font-size:17px; color:#444; margin-bottom:12px;} .Floor001318 .list li .p{ position:relative; padding-left:45px; font-size: 14px; color: #333;} .Floor001318 .list li .p+.p{margin-top:6px;} .Floor001318 .list li p span{ position:absolute; left:0; top:0; width:45px; opacity: 0.8;} .Floor001318 .list li.on h5{ color: #e60012;} .Floor001318 .list .bx-controls-direction a{ position:absolute; width:100%; left:0; height:34px; cursor:pointer; background:#e60012; overflow:hidden; text-indent:-999em; border: 1px solid #eaeaea;} .Floor001318 .list .bx-controls-direction a::before{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color: #fff; left:50%; margin-left:-6px; margin-top:-3px; top:50%;} .Floor001318 .list .bx-controls-direction a.bx-prev{ top:0;} .Floor001318 .list .bx-controls-direction a.bx-prev::before{ border-top-color:transparent;border-bottom-color: #fff; margin-top:-8px;} .Floor001318 .list .bx-controls-direction a.bx-next{ bottom:0;} .Floor001318 .list .bx-controls-direction a.bx-prev.disabled::before{ border-bottom-color:#fff;} .Floor001318 .list .bx-controls-direction a.bx-next.disabled::before{ border-top-color:#fff;} .Floor001318 h2{ font-size: 18px; margin: 0;} @media(max-width:768px){ .Floor001318 .list{ float:none; width:auto; margin-top:3%;} .Floor001318 #all_map_1318{ position:relative !important; width:100%; height:300px !important;} } @media(max-width:375px){ .Floor001318 #all_map_1318{ height:250px !important;} } /* .RighInfo002450 为demo编号 */ .RighInfo002450{ padding:3% 0;} .RighInfo002450 .auto{ position: relative;} .RighInfo002450 .wrap-container .tit{ color: #1a1002; font-size: 24px; margin: 0 0 4%; font-weight: normal;} @media only screen and (min-width:1201px ) { .RighInfo002450 .wrap-container .tit{ font-size: 30px;} } @media only screen and (max-width:767px ) { .RighInfo002450 .wrap-container .tit{ text-align: center; font-size: 20px;} } .RighInfo002450 .wrap-container .img{ margin: 0 auto; display: block;} .RighInfo002450 .wrap-container .word{ color: #1a1002; font-size: 16px; line-height: 30px; margin-top: 3%;} @media only screen and (min-width:767px ) { .RighInfo002450 .wrap-container .img{ float: right; margin: 0 0 0 12%;} .RighInfo002450 .wrap-container .word{ margin-top: 0;} } ul,ol{list-style: none;} /* 2021-08-23修改 */ .PaperList{ margin:3% 0;} .PaperList li{ width:25%; float:left; font-size:16px;} .PaperList li .box{ margin:0px 0px 27px 27px; border:1px solid #eeeeee; background:#f8f8f8;} .PaperList li .box .tit{ text-align:center; color:#212121; padding:13px 0px;} .PaperList li .box .img{margin:0 10%; text-align:center;} .PaperList li .box .img span{ display:inline-block; margin:0px auto; border:1px solid #d7d7d7;} .PaperList li .box .img img{ max-width:100%; height:171px; display:block; margin:0px auto;} .PaperList li .box .other{ padding:8px 10% 10px; font-size:14px;text-align: center;} .PaperList li .box .other a.down{ float:left; padding-left:17px; background:url(../images/down.gif) 0px center no-repeat;display: none;} .PaperList li .box .other a.look{ padding-left:22px; background:url(../images/look.gif) 0px center no-repeat;} .PaperList li:hover .box .img span{ border:1px solid #da190e;} .Floor003083{position: relative;padding-bottom: 5%;} .Floor003083 li{margin-bottom: 20px;list-style: none; border: 1px solid #f6f5f5;padding: 20px; height: 100px;display: flex;align-items: center;overflow: hidden;} .Floor003083 .owl-carousel .owl-dots{text-align: center;position: absolute;left: 50%;transform: translateX(-50%);bottom:-20px;} .Floor003083 .owl-carousel .owl-dots .owl-dot{width: 10px;height: 10px;background:#ccc;margin-left: 10px;display: inline-block;} .Floor003083 .owl-carousel .owl-dots .owl-dot:first-child{margin-left: 0;} .Floor003083 .owl-carousel .owl-dots .active{background: #da190e;width: 10px;}