@charset "utf-8"; /* css document public*/ *{padding: 0;margin:0;box-sizing:border-box;vertical-align:top;word-break: break-word !important;} body{word-break: break-word !important;padding:0;margin:0;font-family: "arial, helvetica, sans-serif", "microsoft yahei", "pingfang sc", "hiragino sans gb", "pinghei", "stheiti";-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 ios html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1;overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;} a{text-decoration:none;bblr:expression(this.onfocus=this.blur());/*ie使用*/outline-style:none;/*ff使用*/; outline:none;} a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onfocus=this.blur());/*ie使用*/ outline-style:none;/*ff使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;list-style: none;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} video{ object-fit:cover} .fl{ float:left} .fr{ float:right} .clear{zoom: 1;} .clear:after {clear:both;content:'';display:block;width:0;height:0;visibility:hidden; } .w10{width:100%;margin: 0 auto;} .wrap{max-width: 1400px;width: 100%;margin: 0 auto;} @media (max-width:1920px) { html {font-size: 16px;} } @media (min-width:1400px) and (max-width:1600px) { html {font-size: 16px;} } @media (min-width:640px) and (max-width:1399px) { html {font-size: 16px;} } @media (min-width:471px) and (max-width:639px) { html {font-size: 15px;} } @media (min-width:360px) and (max-width:414px) { html {font-size: 15px;} } @media (min-width:320px) and (max-width:359px) { html {font-size: 13px;} } /*低版本跳转样式*/ .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;filter:alpha(opacity=90);z-index:99998;} .ie9tips{width:600px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -300px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);max-width: 100%;} .ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;} /*==========================================公共 开始=============================================*/ .container{background: #fff;position: relative;z-index: 3;} .header {top: 0;left: 0;width: 100%;text-align: center;position: fixed;z-index: 9;height: 5rem;background: #fff;} .header .headercon{position: relative;z-index: 5;} .header .box{position: relative;z-index: 9;} .header .logo {padding: 1.875rem 0; width: 31.875%;background-image: -moz-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -ms-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);} .header .logo a {display: block;} .header .logo img {width: 89.86%; display: block;margin: 0 auto;} .header2 .box{background: #06368b;} .header .center{width: calc(68.125% - 90px);float: right;margin-right: 90px;background: #fff;} /* .right_icon {width: 100%;} .right_icon ul {background: no-repeat left center;padding-left: 1.25rem;} .right_icon ul li {display: inline-block;} .right_icon ul li li::before{content: "|";display: inline-block;font-size: 1rem;color: white;line-height: 32px;margin-right: 9px;margin-left: 3px;} .right_icon ul li a{display: inline-block;color: white;font-size: 0.9375rem;line-height: 32px;text-align: left;padding-top: 0.15rem;} .right_icon ul li a span{color: #e1af00;font-weight: bold;font-size: 0.9375rem;} .right_icon ul li a:hover{color:#e1af00;} .right_icon .search{padding: 3px 0 3px 15px;margin-top: 4px;} */ .animenu__toggle {display: none;cursor: pointer;background-image: -moz-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -ms-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);border: 0;padding: 0.3rem;height: 2.5rem;width: 2.5rem;} .animenu__toggle.animenu__toggle--active {background-color: #edb800;} .animenu__toggle.animenu__toggle--active .animenu__toggle__bar {background: #fff} .animenu__toggle__bar {display: block;width: 1.875rem;height: 2px;background-color: #e0e0e0;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);} .animenu__toggle__bar .animenu__toggle__bar {margin-top: 0.45rem;} .animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;} .animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;} .animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .navsearch{} .center .search{width: 80px;height: 80px;line-height: 80px;background: #ebebeb;box-sizing: border-box;text-align: center;} .center .search img{vertical-align: middle;} .animenu {display: inline-block;height: 5rem;width: 90.58%;padding-right: 1.25rem;border-right: 1px solid #e9e9e9;} .animenu ul {padding: 0;list-style: none;text-align: right;} .animenu li,.animenu a {display: inline-block;font-size: 1.125rem;} .animenu a {color: #fff;text-decoration: none;} .animenu__nav {} .animenu__nav>li {position: relative;height: 5rem;text-align: center;/*width: 8%;*/padding: 0 5px;} .animenu__nav>li>a{font-size: 1rem;line-height: 5rem;color: #323232;font-weight: 500;} .animenu__nav>li>a:first-child:nth-last-child(2):before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentcolor;top: 50%;margin-top: -2px;right: 10px;display: none;} .animenu__nav>li:hover>ul {opacity: 1;visibility: visible;} .animenu__nav>li:hover>a {color: #b50700;} .animenu__nav__child {border-top: 2px solid #b50700; min-width: 100%;position: absolute;top: 100%;left: 50%;width: 130px;z-index: 1;opacity: 0;visibility: hidden;background-color: rgba(255, 255, 255, 0.8);transition: margin .15s, opacity .15s;margin-left: -65px;} /* .animenu__nav li:nth-child(1) .animenu__nav__child{left: -3rem;} */ .animenu__nav__child>li {width: 100%;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .animenu__nav__child>li:last-child {border: 0;} .animenu__nav__child a {padding: 10px;width: 100%;border-color: #b50700;font-size: 0.875rem;color: #323232;} .animenu__nav__child a:hover {background-color: #b50700;border-color: #b50700;color: #fff;} .animenu__nav--open {display: block !important;} .animenu__nav--open .animenu__nav__child {} @media(max-width: 1500px) { .animenu__nav>li>a{font-size: 0.875rem;} } @media(max-width: 1400px) { .header .logo{width: 27.875%;} .header .center{width: calc(72.125% - 90px);} .animenu{width: 89.58%;} } @media(max-width: 1280px) { } @media(max-width: 1198px) { /* .header{height: auto;} */ .header .logo {width: 38%} /* .header .box{padding: 4px 0;} */ .right_icon ul{margin-top: 0;} } @media(max-width: 960px) { } @media(max-width: 900px) { } @media screen and (max-width: 1000px) { .header .logo {width: 40%} .animenu__nav__child>li {border-bottom: #e5e5e5 1px solid;} } @media(max-width: 1280px) { .banners .hd{bottom: 0;} .toplink{margin-right: 3.75rem;} .right_icon{float: left;position: absolute;width:100%;top: 0;left: 0;padding-right: 15px;border-bottom: 1px solid rgba(255,255,255,0.3);} .right_icon ul li{} .right_icon ul li{width: auto;} .navsearch .search img{width: 24px;} .navsearch .search{position: absolute;right: 0;top: 3px;padding: 0 0 0 0;right: 25px;} .animenu {display: inline-block;height: 0;width: 60%;top:80px;position: absolute;right: -25px;} .header .logo {width: 50%;} .header .center{width: 50%;margin-right: 0;} .animenu__nav>li{padding: 0;} .animenu__toggle {display: inline-block;position: absolute;right: 25px;top: 20px;} .scrool,.mouseico {transform: scale(0.75)} .animenu__nav,.animenu__nav__child {display: none;} .animenu__nav__child a{color: #323232;} .animenu__nav>li {width: 100%;border-right: 0;border-bottom: 1px solid #515357;height: auto;} .animenu__nav>li .jt{ content:""; position:absolute; right:0; top:0; width:4rem; height:4rem; background:url(/uploads/image/2images/jiantou.png) center no-repeat; background-size:6px auto; z-index:1000;} .animenu__nav>li:last-child {border: 0;} .animenu__nav>li:first-child>a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;display: none;} .animenu__nav>li>a {width: 100%;color: #fff; padding: 0 0 0 2rem !important;border-color: #111;background:rgba(27,28,31,0.9);position: relative;height: 4rem;line-height: 4rem;text-align: left;} .animenu__nav>li:hover>a{color: #fff;} .animenu__nav a:hover {background-color: #06368b;border-color: #06368b;color: #fff;height: 4rem;line-height: 4rem;} .animenu__nav__child {position: static;background-color: #f8f8f8;margin: 0;transition: none;visibility: visible;opacity: 1;} .animenu__nav__child>li:first-child>a:after {content: none;} } @media(max-width: 768px) { } @media(max-width: 580px) { .header .logo img{width: 95%;} .header .logo {width: 65%;} .header .center{width: 35%;} } @media(max-width: 414px) { .center .search{width: 50px;height: 50px;line-height: 50px;} .header{height: 3.125rem;} .animenu__toggle{top: 6px;} } @media(max-width: 320px) { } /* 搜索 */ .tc2 form {border-radius: 4px;overflow: hidden;background: #fff;height: 50px;width: 100%;} .tc2 input[type="text"] {border: none;width: 94%;display: block;height: 50px;text-align: left;color: #434343;font-size: 14px;background: none;line-height: 50px;padding: 0 20px;} .tc2 input[type="text"]:focus {text-align: left;} .tc2 input[type="submit"] {position: absolute;right: 0;top: 50%;padding: 0;z-index: 2;background: url(/uploads/image/2images/search1.png) center no-repeat;height: 50px;width: 70px;cursor: pointer;border: none;background-size: 20px 20px;margin-top: -25px;} .tc2 input[type="submit"]:hover {background: url(/uploads/image/2images/search2.png) center no-repeat;background-size: 20px 20px;} .tc2 .tc {transition: all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;display: none} .tc2 .tc {pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transform: scale(1.1);} .tc2 .tc.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform: scale(1);} .tc2 .close:hover {transform: rotate(180deg);} .tc2 .close,.tc {transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;-webkit-transition: all ease 400ms;} .tc2 .tc-box {position: absolute;border-radius: 4px;overflow: hidden;top: 50%;z-index: 9999;background: #fff;height: 50px;width: 30%;left: 60%;margin-left: -25%;margin-top: -40px;} .tc2 .tc.act {display: block;} .tc2 .close {position: absolute;cursor: pointer;font-size: 20px;right: 30px;top: 30px;} .tc2 .tc-bg {height: 100%;background: rgba(0, 0, 0, .6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} @media(max-width: 1280px) { .tc2 .tc-box {width: 80%;left: 30%;margin-left: -20%;margin-top: -40px;} } @media(max-width: 768px) { .tc2 .tc-box {width: 90%;left: 20%;margin-left: -15%;margin-top: -40px;} } /* 双导航 */ .nava {position: fixed;z-index: 9999;left: auto;right: 0.875rem;top: 1.25rem;bottom: auto;background: center no-repeat;background-size: 100% 100%;width: 3.125rem;height: 2.5rem; } .nava:after {content: "";display: block;position: absolute;left: .1rem;top: 0;right: 0;bottom: 0;background: center no-repeat;background-size: 1.6875rem; } .nav2-logo{margin: 6.25rem 0;} .nav2-logo img{display: block;margin: 0 auto;} .g-nav2 {position: fixed; z-index: 99;left: 0;top: 0;right: 0;bottom: 0;background: center no-repeat;background-size: cover;opacity: 0;visibility: hidden; } .g-nav2 .scroll {position: absolute;z-index: 1;left: 5%;right: 5%;top: 0.8rem;bottom: 0;overflow-y: auto; width: 90%;} .g-nav2 .scroll ul {margin: 0 auto; } .g-nav2 .scroll ul li{float: left;width: 9%;} .g-nav2 .scroll ul li>a{display: block; font-size: 1.25rem;color: #fff;margin-bottom: 1.875rem;} .g-nav2 .scroll ul dd{margin-bottom: 1.25rem;} .g-nav2 .scroll ul dd a{font-size: 0.875rem;color: #b1aeb5;transition: 0.6s all;} .g-nav2 .scroll ul dd a:hover{color: #fff;transition: 0.6s all;} body.navshow {overflow: hidden; } body.navshow .g-nav2 {opacity: 1;visibility: visible; } body.navshow .nava:after{background-image: url(/uploads/image/2images/img31.png);} @media(max-width: 1280px) { .nava{display: none;} } /*==========================================公共 结束=============================================*/ .header2{background-image: -moz-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -ms-linear-gradient( -180deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);} .header2 .center{background: transparent;width: calc(70% - 90px);} .header2 .logo{background: transparent;padding: 0.5rem 0;width: 30%;} .header2 .logo img{width: 76%;} .header2 .animenu__nav>li>a{color: #fff;} .header2 .search{float: right;background: transparent;width: 30px;height: 80px;line-height: 80px;box-sizing: border-box;text-align: center;} .header2 .search img{vertical-align: middle;} .header2 .animenu{float: left;border-right: none;} .navb{background: transparent;} /* banner */ .banner-big{margin-top: 5rem;} .banner-big .swiper-slide{overflow: hidden;height: auto !important;} .banner-big .swiper-slide img{display: block;width: 100%;} .banner-small{margin-top: -3%;} .banner-small .gallery-thumbs{width: 53.14% !important;border:10px solid #fff;background: #fff;} .banner-small .swiper-slide{background: #341d37;} .banner-small .swiper-slide img{width: 100%;opacity: 0.5;} .banner-small .swiper-slide-active img{opacity: 1;} @media(max-width: 1366px) { } @media(max-width: 1200px) { } @media screen and (max-width: 1024px) { } @media(max-width: 768px) { .banner-small .gallery-thumbs{width: 70% !important;} } @media(max-width: 414px) { .banner-big{margin-top: 3.125rem;} } /* part1 */ .part1{padding: 7.5rem 0;} .title h5{font-size: 2.5rem;color: #000000;text-align: center;display: table;margin: 0 auto;font-weight: bold;padding: 0 4.375rem;position: relative;} .title h5::after{content: "";width: 50px;height: 1px;background: #a0a0a0;position: absolute;left: 0;top: 50%;} .title h5::before{content: "";width: 50px;height: 1px;background: #a0a0a0;position: absolute;right: 0;top: 50%;} .title p{margin: 0.9375rem 0;font-size: 0.875rem;color: #666666;text-align: center;line-height: 1.375rem;} .title a{display: table;margin: 0 auto;font-size: 0.875rem;color: #b00100;padding: 0 0.3125rem 0.625rem 0.3125rem;border-bottom: 1px solid #b00100;transition: 0.6s all;} .title a:hover{padding: 0 0 0.625rem 0;transition: 0.6s all;color: #3c6869;border-bottom: 1px solid #3c6869;} .title{margin-bottom: 2.5rem;} .part1-l{width: 54.285%;position: relative;} .part1-l::after{content: "";width: 73.68%;height: 100%;position: absolute;top: 3.125rem;right: 0; display: block;border-top-right-radius: 5rem; background-image: -moz-linear-gradient( 0deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -ms-linear-gradient( 0deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);} .part1-l .swiper-slide{overflow: hidden;padding-bottom: 9.6875rem;} .part1-l .swiper-slide .pic{width: 64.47%;overflow: hidden;} .part1-l .swiper-slide .pic img{display: block;width: 100%;height: 340px;object-fit: cover;transition: 0.6s all;border: 1px solid #d6d0d0;} .part1-l .swiper-slide .text{width: 31.57%;padding: 5.625rem 2.5rem 0 0;} .part1-l .swiper-slide .text h5{font-size: 1.125rem;line-height: 1.75rem;height: 7.75rem;overflow: hidden;margin-bottom: 1.375rem;padding-top: 2.5rem;background: url(/uploads/image/2images/part1-03.png) no-repeat left top;} .part1-l .swiper-slide .text h5 a{color: #ffffff;transition: 0.6s all;} .part1-l .swiper-slide .text b{background: #f9e0d9;font-size: 0.875rem;color: #1b1b1b;font-weight: normal;padding: 0 0.625rem;display: table;line-height: 1.5rem;margin-bottom: 1.5rem;} .part1-l .swiper-slide .text p{font-size: 0.875rem;color: #edbdb8;line-height: 1.5rem;height: 12rem;margin-bottom: 1.875rem;overflow: hidden;} .part1-l .swiper-slide .text i{font-style: normal;color: #fff;font-size: 0.75rem;} .part1-icon{position: absolute;z-index: 3;left: 26.32%;bottom: 0;} .part1-l .swiper-pagination{top: 22.5rem;width: auto !important;left: 58.47% !important;} .part1-l .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;border-radius: 50%;background: #fff;opacity: 1;} .part1-l .swiper-pagination .swiper-pagination-bullet-active{background: #f07c16;} .part1-l .swiper-button-prev{width: 50px;height: 50px;top: 362px;left: calc(26.32% - 50px);background: url(/uploads/image/2images/part1-04.png) no-repeat center;} .part1-l .swiper-button-next{width: 50px;height: 50px;top: 362px;left: 26.32%;background: url(/uploads/image/2images/part1-05.png) no-repeat center;} .part1-l .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .part1-l .swiper-slide:hover .text h5 a{color: #eebeb8;transition: 0.6s all;} .part1-r{width: 45%;} .part1-r li{float: left;width: calc(50% - 30px);margin-left: 1.875rem;margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #e6e6e6;} .part1-r li li li{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .part1-r li a{display: block;} .part1-r li .pic{overflow: hidden;position: relative;margin-bottom: 1.125rem;} .part1-r li .pic .img{overflow: hidden;} .part1-r li .pic .img img{display: block;width: 100%;object-fit: cover;transition: 0.6s all;height: 190px;border: 1px solid #d6d0d0;} .part1-r li .pic i{position: absolute;left: 0;bottom: 0;padding: 0.375rem 0.625rem;background: rgba(178,4,0,0.85);font-style: normal;font-size: 0.75rem;color: #fff;} .part1-r li .text h5{font-size: 1rem;color: #323232;line-height: 1.5rem;height: 3rem;overflow: hidden;font-weight: normal;margin-bottom: 0.9375rem;} .part1-r li .text p{font-size: 0.75rem;color: #808080;line-height: 0.875rem;height: 0.875rem;overflow: hidden;margin-bottom: 0.75rem;} .part1-r li .text i{font-style: normal;font-size: 0.75rem;color: #b20400;padding-right: 28px;background: url(/uploads/image/2images/part1-07.png) no-repeat right center;} .part1-r li:hover .pic .img img{transform: scale(1.1);transition: 0.6s all;} .part1-r li:hover .text h5{color: #b20400;transition: 0.6s all;} .part1-r dd{float: left;width: calc(50% - 30px);margin-left: 1.875rem;margin-bottom: 1.625rem;background: #f5f5f5;} .part1-r dd a{display: block;padding:1.125rem 1.25rem;} .part1-r dd b{display: table;font-weight: normal; padding: 0.375rem 0.625rem;background: rgba(178,4,0);font-style: normal;font-size: 0.75rem;color: #fff;} .part1-r dd .text h5{font-size: 1rem;color: #323232;line-height: 1.5rem;height: 3rem;overflow: hidden;font-weight: normal;margin:0.625rem 0 0.9375rem 0;transition: 0.6s all;} .part1-r dd .text i{font-style: normal;font-size: 0.75rem;color: #b20400;padding-right: 28px;background: url(/uploads/image/2images/part1-07.png) no-repeat right center;} .part1-r dd:hover h5{color: #b20400;transition: 0.6s all;} @media(max-width: 1366px) { .wrap{width: calc(100% - 50px);} .part1-l .swiper-slide .pic img{height: 319px;} .part1-l .swiper-button-prev,.part1-l .swiper-button-next{top: 341px;} .part1-l .swiper-pagination{top: 21.1875rem;} .part1-r li .pic .img img{height: 177px;} } @media(max-width: 1200px) { .part1{padding: 3.125rem 0;} .part1-l .swiper-slide .pic img{height: 279px;} .part1-l .swiper-button-prev,.part1-l .swiper-button-next{top: 301px;} .part1-l .swiper-pagination{top: 18.6875rem;} .part1-r li .pic .img img{height: 153px;} } @media screen and (max-width: 1024px) { .part1-l{width: 100%;margin-bottom: 1.875rem;} .part1-r{width: 100%;} .part1-l .swiper-slide .pic img{height: 436px;} .part1-l .swiper-slide{padding-bottom: 13.125rem;} .part1-l .swiper-button-prev, .part1-l .swiper-button-next{top: 458px;} .part1-l .swiper-pagination{top: 28.5rem;} .part1-r li .pic .img img{height: 318px;} .part1-r li{width: 49%;margin-left: 2%;} .part1-r li:nth-child(odd){margin-left: 0;} .part1-r dd{width: 49%;margin-left: 2%;} .part1-r dd:nth-child(odd){margin-left: 0;} } @media(max-width: 768px) { .part1-l .swiper-slide .pic{width: 100%;} .part1-l .swiper-slide .text{width: 100%;} .part1-l::after{width: 100%;top: 0;} .part1-l .swiper-slide .text{padding: 1.875rem;} .part1-l .swiper-slide .pic img{height: 498px;} .part1-l .swiper-button-prev, .part1-l .swiper-button-next{display: none;} .part1-l .swiper-pagination{top: auto;} .part1-l .swiper-slide .text h5{height: auto;} .part1-l .swiper-slide .text p{height: auto;} .part1-icon{display: none;} .part1-l .swiper-slide{padding-bottom: 0;} .part1-r li .pic .img img{height: 235px;} .part1-l .swiper-pagination{left: auto !important;width: 100% !important;} } @media(max-width: 414px) { .part1-l .swiper-slide .pic img{height: 253px;} .part1-r li .pic .img img{height: 119px;} } @media(max-width: 375px) { .part1-l .swiper-slide .pic img{height: 226px;} .part1-r li .pic .img img{height: 106px;} } /* part2 */ .part2-bg{position: fixed;top: 0;z-index: 1;display: block;width: 100vw;height: 100vh;background: url(/uploads/image/2images/part2-bg.jpg) no-repeat center;background-size: cover;} .part2{position: relative;padding-top: 6.25rem;z-index: 2;} .part2::after{content: "";width: 100%;height: 30%;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;} .part2 .title{margin-bottom: 3.75rem;} .part2 .title h5{color: #fff;} .part2 .title h5::after,.part2 .title h5::before{color: #f3f0f5;} .part2 .title p{color: #ded9e5;} .part2 .title a{color: #ded9e5;border-bottom: 1px solid #ded9e5;} .part2 ul{background: #fff;border: 1px solid #eeeeee;border-top: 6px solid #c11700;padding: 2.5rem 2.5rem 0.625rem 2.5rem;position: relative;overflow: hidden;z-index: 2;} .part2 ul::after{content: "";width: calc(100% - 80px);height: 17px;position: absolute;bottom: -17px;left: 40px; background: url(/uploads/image/2images/part2-02.png) no-repeat bottom center;} .part2 li{float: left;width: 47.72%;margin-right: 4.56%;margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #dcdcdc;} .part2 li:nth-child(even){margin-right: 0;} .part2 li h5{font-weight: normal;font-size: 0.75rem;color: #333333;margin-bottom: 0.625rem;} .part2 li h5 i{font-style: normal;margin-left: 0.8125rem;padding-left: 1.625rem;font-size: 0.75rem;color: #333333;position: relative;} .part2 li h5 i::after{content: "";display: block;width: 10px;height: 1px;background: #b20400;left: 0;top: 50%;position: absolute;} .part2 li p{font-size: 1rem;line-height: 1.25rem;height: 1.25rem;overflow: hidden;} .part2 li p a{color: #000000;transition: 0.6s all;} .part2 li:hover p a{color: #b60900;transition: 0.6s all;} @media(max-width: 1366px) { } @media(max-width: 1200px) { .part2 li{width: 100%;margin-right: 0;} .part2 li p{height: auto;} .part2{padding-top: 3.125rem;} .part2 .title{margin-bottom: 2.5rem;} } @media screen and (max-width: 1024px) { } @media(max-width: 768px) { } @media(max-width: 414px) { } @media(max-width: 375px) { } /* part3 */ .part3{position: relative;padding: 7.5rem 0;} .part3::after{content: ""; width: 100%;height: 40px;background: #f5f5f5;top: 50%;margin-top: -20px; position: absolute;} .part3{position: relative;} .part3 ul{width: calc(100% - 120px); margin: 0 60px;} .part3 li{width:25%;padding: 0 40px;float: left;} .part3 li li li li li .text .icon{margin: 16% auto 0 auto;} .part3 li li li li li li .text .icon{margin: 20% auto 0 auto;} .part3 li a{display: block;position: relative;} .part3 li .pic{overflow: hidden;} .part3 li .pic img{display: block;width: 100%;transition: 0.6s all;} .part3 li .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0.625rem;} .part3 li .text .icon{height: 40%;width: 100%;max-width: 60%;text-align: center;margin: 10% auto 0 auto;} .part3 li .text .icon img{display: block;height: 100%;margin: 0 auto;} .part3 li .text p{font-size: 1.35rem;color: #fff;line-height: 1.625rem;margin-top: 1.25rem;text-align: center;transition: 0.6s all;} .part3 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);} .part3 li:hover .text p{opacity: 0.8;transition: 0.6s all;} .part3 li:hover .text .icon img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} @-webkit-keyframes circleprogressload_right{ 0%{ -webkit-transform: rotate(45deg); } 50%{ -webkit-transform: rotate(225deg); } 100%{ -webkit-transform: rotate(225deg); } } @-webkit-keyframes circleprogressload_left{ 0%{ -webkit-transform: rotate(45deg); } 50%{ -webkit-transform: rotate(45deg); } 100%{ -webkit-transform: rotate(225deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewx(-12.5deg) skewy(-12.5deg); -moz-transform: skewx(-12.5deg) skewy(-12.5deg); transform: skewx(-12.5deg) skewy(-12.5deg) } 33.3% { -webkit-transform: skewx(6.25deg) skewy(6.25deg); -moz-transform: skewx(6.25deg) skewy(6.25deg); transform: skewx(6.25deg) skewy(6.25deg) } 44.4% { -webkit-transform: skewx(-3.125deg) skewy(-3.125deg); -moz-transform: skewx(-3.125deg) skewy(-3.125deg); transform: skewx(-3.125deg) skewy(-3.125deg) } 55.5% { -webkit-transform: skewx(1.5625deg) skewy(1.5625deg); -moz-transform: skewx(1.5625deg) skewy(1.5625deg); transform: skewx(1.5625deg) skewy(1.5625deg) } 66.6% { -webkit-transform: skewx(-.78125deg) skewy(-.78125deg); -moz-transform: skewx(-.78125deg) skewy(-.78125deg); transform: skewx(-.78125deg) skewy(-.78125deg) } 77.7% { -webkit-transform: skewx(0.390625deg) skewy(0.390625deg); -moz-transform: skewx(0.390625deg) skewy(0.390625deg); transform: skewx(0.390625deg) skewy(0.390625deg) } 88.8% { -webkit-transform: skewx(-.1953125deg) skewy(-.1953125deg); -moz-transform: skewx(-.1953125deg) skewy(-.1953125deg); transform: skewx(-.1953125deg) skewy(-.1953125deg) } } @media(max-width: 1366px) { } @media(max-width: 1200px) { .part3{padding: 3.125rem 0;} .part3 li .text .icon{margin: 0 auto;} } @media screen and (max-width: 1024px) { .part3 li{width: 50%;} .part3 li{padding-bottom: 60px;} .part3 li .text .icon{height: 35%;} .part3 li .text .icon img{height: 100%;margin: 25% auto 0 auto;} .part3 li .text{padding: 0;} .part3 li .text p{font-size: 1rem;margin-top: 0.625rem;} } @media(max-width: 768px) { .part3 ul{width: 100%;margin: 0 auto;} .part3 li{padding: 0 0.625rem;margin-bottom: 1.25rem;} .part3 li .text .icon{height: 40%;} .part3 li .text p{margin-top: 1.25rem;} } @media(max-width: 414px) { } @media(max-width: 375px) { } /* part4 */ .part4 ul{position: relative;} .part4 li{float: left;width: 26.428%;background: #0459b8;padding: 2.5rem 3.75rem 3.75rem 1.875rem;height: 384px;} .part4 li h5{font-size: 1.625rem;color: #fff;font-weight: normal;padding-bottom: 1rem;position: relative;margin-bottom: 1.875rem;} .part4 li h5::after{content: "";width: 24px;height: 3px;background: #fff;position: absolute;bottom: 0;left: 0;} .part4 dl{margin-bottom: 1.875rem;} .part4 li dl:last-child{margin-bottom: 0;} .part4 dt{margin-bottom: 0.9375rem;overflow: hidden;} .part4 dt a{display: block;width: 50%;font-size: 1rem;color: #fff;font-weight: bold;float: left;} .part4 dd{width: 25%;font-size: 0.75rem;float: left;margin-bottom: 0.75rem;} .part4 dd a{color: #b8c7e4;transition: 0.6s all;} .part4 dd a:hover{color: #fff;transition: 0.6s all;} .part4 li li{position: absolute;top: 4.375rem;left: 24.5%;background: #fff;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);} .part4 li li li{background: #b50700;top: 0;left: 49%;} .part4 li li li li{top: 4.375rem;left: auto;right: 0; background: #fff;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);} .part4 li li h5{color: #333333;} .part4 li li h5::after{content: "";width: 24px;height: 3px;background: #b50700;position: absolute;bottom: 0;left: 0;} .part4 li li dt a{color: #323232;} .part4 li li dd a{color: #9a9a9a;transition: 0.6s all;} .part4 li li dd a:hover{color: #b50700;transition: 0.6s all;} .part4 li li li h5{color: #fff;} .part4 li li li h5::after{content: "";width: 24px;height: 3px;background: #fff;position: absolute;bottom: 0;left: 0;} .part4 li li li dt a{color: #fff;} .part4 li li li dd a{color: #e3b9b8;transition: 0.6s all;} .part4 li li li dd a:hover{color: #fff;transition: 0.6s all;} .part4 li li li li h5{color: #333333;} .part4 li li li li h5::after{content: "";width: 24px;height: 3px;background: #3c6869;position: absolute;bottom: 0;left: 0;} .part4 li li li li dt a{color: #333333;} .part4 li li li li dd{width: 50%;} .part4 li li li li dd a{color: #9a9a9a;transition: 0.6s all;} .part4 li li li li dd a:hover{color: #b50700;transition: 0.6s all;} @media(max-width: 1366px) { } @media(max-width: 1200px) { .part4 li{width: 52%;} .part4 li li{left: 48%;top: 1.875rem;z-index: 5;} .part4 li li li{position: relative;left: 0;z-index: 3;} .part4 li li li li{position: absolute;left: 48%;top: 400px;z-index: 4;} } @media screen and (max-width: 1024px) { } @media(max-width: 768px) { .part4 li{width: 100%;position: relative;height: auto;padding: 1.25rem;} .part4 li li{left: auto;top: 0;position: relative;} .part4 li li li{left: auto;position: relative;} .part4 li li li li{position: relative;left: auto;top: 0;} } @media(max-width: 414px) { } @media(max-width: 375px) { } /* part5 */ .part5{background: #f7f7f7;padding: 10rem 0 6.25rem 0;} .part5-l{width: 54%;} .part5-l li{float: left;width: 44.31%;margin-right: 5.69%;} .part5-l li a{display: block;} .part5-l li .pic{overflow: hidden;margin-bottom: 1.25rem;} .part5-l li .pic img{display: block;width: 100%;transition: 0.6s all;} .part5-l li p{font-size: 1.125rem;color: #000000;text-align: center;line-height: 1.625rem;transition: 0.6s all;} .part5-l li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .part5-l li:hover p{color: #b50700;transition: 0.6s all;} .part5-r{width: 45.42%;} .part5-r h5{margin-bottom: 1.625rem;padding-bottom: 0.625rem;font-size: 1.625rem;color: #000000;font-weight: normal; border-bottom: 2px solid #b50700;overflow: hidden;} .part5-r h5 a{color: #b00100;float: right;font-size: 0.875rem;line-height: 1.75rem;border-bottom: 1px solid #b00100;padding: 0 0.375rem;transition: 0.6s all;} .part5-r h5 a:hover{padding: 0;transition: 0.6s all;} .part5-r li{margin-bottom: 1.875rem;} .part5-r li:last-child{margin-bottom: 0;} .part5-r li a{display: block;} .part5-r li i{font-size: 0.75rem;color: #333333;font-style: normal;padding-right: 1.25rem;position: relative;} .part5-r li i::after{content: "";width: 0.625rem;height: 1px;background: #b20400;position: absolute;right: 0;top: 50%;} .part5-r li p{font-size: 1rem;color: #000000;line-height: 1.5rem;height: 1.5rem;overflow: hidden;margin-top: 0.25rem;} .part5-r li b{float: right;font-size: 0.75rem;color: #333333;font-weight: normal;} .part5-r li:hover p{color: #b00100;transition: 0.6s all;} @media(max-width: 1366px) { } @media(max-width: 1200px) { .part5{padding: 4.375rem 0 3.125rem 0;} .part5-l{width: 100%;margin-bottom: 1.875rem;} .part5-l li{width: 48%;margin-right: 4%;} .part5-l li:last-child{margin-right: 0;} .part5-r{width: 100%;} } @media screen and (max-width: 1024px) { .part5-r li p{height: auto;} .part5-r li b{float: none;display: block;} } @media(max-width: 768px) { } @media(max-width: 414px) { } @media(max-width: 375px) { } /* part6 */ .part6{margin-top: 6.875rem;} .part6 .title{margin-bottom: 0;} .part6 ul{padding: 6.25rem 6.25% 8.125rem 6.25%;background: url(/uploads/image/2images/part5-01.png) no-repeat right center;} .part6 li{float: left;width: 21.42%;margin-right: 4.76%;position: relative;} .part6 li:last-child{margin-right: 0;} .part6 li a{display: block;display: block;position: relative; z-index: 3;} .part6 li .pic{overflow: hidden;} .part6 li .pic img{display: block;width: 100%;transition: 0.6s all;} .part6 li:nth-child(even){margin-top: 7.5rem;} .part6 li .text{margin-top: 1.25rem;} .part6 li .text h5{font-size: 1.25rem;color: #b50700;margin-bottom: 1.25rem;transition: 0.6s all;} .part6 li .text p{font-size: 0.875rem;line-height: 1.5rem;color: #000000;height: 4.5rem;overflow: hidden;} .part6 li li li::after{content: ""; position: absolute;width: calc(100% 20px);height: calc(100% 20px); left: 0;top: 0;background: #fff;z-index: 1;} .part6 li li li li::after{content: "";display: none;} .part6 li li li li .text h5{color: #fff;} .part6 li li li li .text p{color: #fff;} .part6 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .part6 li:hover .text h5{color: #323232;transition: 0.6s all;} .part6 li li li li:hover .text h5{color: #e2a8a3;transition: 0.6s all;} @media(max-width: 1366px) { .part6{margin-top: 3.125rem;} .part6 ul{padding: 3.125rem 1.5625rem;background-size: 30% 100%;} } @media(max-width: 1200px) { } @media screen and (max-width: 1024px) { } @media(max-width: 768px) { .part6 li{width: 48%;margin-right: 4%;} .part6 li:nth-child(even){margin-right: 0;margin-top: 2.5rem;} .part6 li:nth-child(even)::after{content: ""; position: absolute;width: calc(100% 10px);height: calc(100% 20px); left: 0;top: 0;background: #fff;z-index: 1;} .part6 li li li li::after{content: "";display: block;} .part6 li li li li .text h5{color: #b50700;} .part6 li li li li .text p{color: #000000;} } @media(max-width: 414px) { } @media(max-width: 375px) { } /* part7 */ .part7{background: #f7f7f7 no-repeat left bottom;padding: 5rem 0;} .part7 .wrap{position: relative;} .part7-title{position: absolute;top: 50%;margin-top: -75px;} .part7-title::after{content: "";width: 70px;height: 340px;background: #fff;position: absolute;right: -1.875rem;top: 50%;margin-top: -170px;} .part7-title a{display: block;position: relative;z-index: 2; font-size: 2.5rem;color: #fff;font-weight: bold; width: 270px;height: 150px;line-height: 150px;text-align: center; background-image: -moz-linear-gradient( 0deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);background-image: -ms-linear-gradient( 0deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%);} /* 本例子css */ .part7-r{width: 75.92%;} .part7-r .sidemenu{} .part7-r .sidemenu h3{position: relative; float: left;width: 9.09%; cursor:pointer;background: #fff;height: 450px;margin-left: 2.7%;padding: 1.875rem 0;font-family: "楷体";font-size: 1.625rem;font-weight: normal;transition: 0.6s all;} .part7-r .sidemenu h3::after{content: "";width: 1px;height: 90px;border-left: 1px dashed #c1c1c1;position: absolute;bottom: 0;right: 13px;} .part7-r .sidemenu h3 i{display: block; font-style: normal;font-size: 1.625rem;width: 1.875rem;margin: 0 auto;} .part7-r .sidemenu .pic{float: left;width: 52.84%;height: 450px;line-height: 405px;text-align: center; padding-left: 1.875rem;} .part7-r .sidemenu .pic a{display: block;overflow: hidden;} .part7-r .sidemenu .pic img{width: 100%;vertical-align: middle;transition: 0.6s all;} .part7-r .sidemenu .part7-r02,.part7-r .sidemenu .part7-r04{margin-top: 5rem;} .part7-r .sidemenu h3.on{background: #ebe3d4;} .part7-r .sidemenu h3.on::after{content: "";display: none;} .part7-r .sidemenu h3:hover{background: #ebe3d4;transition: 0.6s all;} .part7-r .sidemenu .pic:hover img{transform: scale(1.1);transition: 0.6s all;} @media(max-width: 1366px) { .part7{padding: 3.125rem 0;} .part7-title{position: relative;top: auto;margin-top: 0;width: 100%;margin-bottom: 1.875rem;} .part7-title::after{content: "";display: none;} .part7-title a{width: auto;height: auto;line-height: 3.75rem; background-image:none; font-size: 2.5rem;color: #000000;text-align: center;display: table;margin: 0 auto;font-weight: bold;padding: 0 4.375rem;position: relative;} .part7-title a::after{content: "";width: 50px;height: 1px;background: #a0a0a0;position: absolute;left: 0;top: 50%;} .part7-title a::before{content: "";width: 50px;height: 1px;background: #a0a0a0;position: absolute;right: 0;top: 50%;} .part7-r{width: 100%;} } @media(max-width: 1200px) { } @media screen and (max-width: 1024px) { .part7{background-size: contain;} } @media(max-width: 768px) { .part7-r .sidemenu h3{float: none;width: 100%;height: auto;margin-left: 0;padding: 1.875rem 0.9375rem;margin-bottom: 0.9375rem;} .part7-r .sidemenu h3 i{width: 100%;} .part7-r .sidemenu .pic{float: none;width: 100%;height: auto;line-height: 0;padding-left: 0;margin-bottom: 0.9375rem;} .part7-r .sidemenu .part7-r02, .part7-r .sidemenu .part7-r04{margin-top: 0;} .part7-r .sidemenu h3::after{content: "";display: none;} } @media(max-width: 414px) { } @media(max-width: 375px) { } /* footer */ .footer{background: url(/uploads/image/2images/footer-bg.jpg) no-repeat center;background-size: cover;} .footer-l{width: 48%;padding-right: 1.875rem;border-right: 1px solid #d15e51;} .footer h5{font-size: 1.625rem;font-family: "times new roman";color: #fff;display: table;padding-right: 110px;position: relative;margin-bottom: 2.5rem;} .footer h5::after{content: "";width: 100px;height: 1px;background: #d36b66;position: absolute;top: 50%;right: 0;} .footer-t{padding: 6.25rem 0 4.375rem 0;} .footer-l ul{margin-bottom: -1.875rem;overflow: hidden;} .footer-l li{width: 33%;padding-right: 0.625rem;margin-bottom: 1.875rem;float: left;} .footer-l li a{font-size: 0.875rem;color: #f8efef;transition: 0.6s all;} .footer-l li a:hover{color: #dca6a5;transition: 0.6s all;} .footer-c{width: 28.57%;padding: 0 4.375rem;border-right: 1px solid #d15e51;} .footer-c ul{margin-bottom: -1.875rem;} .footer-c li{margin-bottom: 1.875rem;font-size: 0.875rem;color: #f8efef;} .footer-r{width: 18%;} .footer-r li{width: 48.5%;margin-right: 3%;float: left;} .footer-r li:last-child{margin-right: 0;} .footer-r li .pic{overflow: hidden;margin-bottom: 0.625rem;} .footer-r li .pic img{display: block;width: 100%;} .footer-r li p{font-size: 0.875rem;color: #fff;text-align: center;} .copyright{padding: 2.25rem 0;border-top: 1px solid #d15957;} .copyright p{overflow: hidden;font-size: 0.875rem;color: #e6b2b2;} .copyright p b{font-weight: normal;float: left;} .copyright p i{font-style: normal;float: right;} .copyright p a{color: #e6b2b2;margin: 0 0.3125rem;transition: 0.6s all;} .copyright p a:hover{color: #fff;transition: 0.6s all;} @media(max-width: 1366px) { .footer-l{padding-right: 0;width: 40%;} .footer-c{padding: 0 1.25rem;width: 27.57%;} } @media(max-width: 1200px) { } @media screen and (max-width: 1024px) { .footer-l{width: 100%;border-right: 0;border-bottom: 1px solid #d15e51;padding-bottom: 1.875rem;} .footer-c{width: 100%;padding: 1.875rem 0;border-right: 0;border-bottom: 1px solid #d15e51;} .footer-r{width: 100%;padding-top: 1.875rem;} .footer-r ul{width: 40%;} .copyright p{line-height: 1.5rem;} .copyright p i{float: none;margin-left: 1.25rem;} } @media(max-width: 768px) { .footer-r ul{width: 60%;} .footer-l li{width: 50%;} } @media(max-width: 414px) { .footer-l li{width: 100%;margin-right: 0;} .footer-r ul{width: 100%;} } @media(max-width: 375px) { } /* nybanner开始 */ .bannerny {position: relative;overflow: hidden;width: 100%;max-width: 1920px;z-index: 0;margin: 5rem auto 0 auto;} .bannerny .ejbanner{height: auto;} .bannerny .ejbanner img{height: 100%;width: 100%;} @media(max-width: 1024px) { } /* 新闻列表页 */ /* list01 */ .list-box{padding: 3.75rem 0 5rem 0;position: relative;} .position{overflow: hidden;margin-bottom: 2.5rem;position: relative;line-height: 3.125rem;height: 3.125rem;padding: 0 1.25rem; background-image: -moz-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); background-image: -webkit-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); background-image: -ms-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); } .position h5{float: left;width: 16%;font-size: 1rem;color: #fff;display: none;} .position p{padding-left: 1.875rem;font-size: 0.875rem;color: #fff;background: url(/uploads/image/2images/position.png) no-repeat left center;} .position p a{color: #fff;transition: 0.6s all;position: relative;} .position p a:first-child{margin-right: 0.3125rem;padding-right: 0;} .position p a:last-child{margin-bottom: 0;padding-right: 0;} .position p a:first-child::after,.position p a:last-child::after{content: "";display: none;} .position p a:hover{color: #d9a3a3;transition: 0.6s all;} .list-nav-icon{position: absolute;right: 0;top: 3.75rem;display: none;} /*内页样式*/ .ny_left{float:left; width: 20.714%;} .ny_left_top{padding: 1.625rem 0; background-image: -moz-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); background-image: -webkit-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); background-image: -ms-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); } .ny_left_top h5{line-height: 2.125rem;font-size: 1.625rem;color: #fff;padding-left: 1.25rem;position: relative;font-weight: normal;} .sidenav{ overflow:hidden; display:block;padding: 0.9375rem 1.25rem;} .accordion {border-left: 1px solid #af0000;padding-left: 1.25rem;} .accordion .nav-link { font-size: 1.125rem;padding: 1.25rem 0; color: #000;display: block;position: relative;} .accordion .nav-link a{ display: block;color: #000;} .accordion .nav-link:hover{color: #af0000;} .accordion .nav-link a{color: #323232;} .accordion .nav-link.hover{} .currentnav{ background:#f7f8fa !important; color: #fff !important; } .nav-link1{ cursor: pointer; position:absolute;width: 14px;height: 56px; position: absolute;top:0; right: 0;} .nav-link1 i { display:block;width:14px; height:56px; background:url(/uploads/image/2images/xia.png) center no-repeat;} .accordion li{ position: relative;overflow:hidden; } .accordion li.open .nav-link {} .accordion li.open .nav-link a{color: #af0000;} .accordion li.open i.fa-chevron-down {background: url(/uploads/image/2images/xia-on.png) no-repeat center;} .sidemenus {display: none;padding: 1.25rem;background: #f1f1f1;} .sidemenus li {font-size:0.875rem;border-bottom:none;margin-bottom: 1.5625rem;} .sidemenus li:last-child{margin-bottom: 0;} .sidemenus a { display: block;padding-left: 1.125rem;background: no-repeat left center; font-size: 0.875rem;color: #000000;text-decoration: none;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; } .sidemenus a.on{color: #af0000;background: no-repeat left center;} .sidemenus a:hover{color: #af0000;transition: 0.6s all;} .accordion li.open .sidemenus{display: block;} .list-r{float: right;width: 75.714%;} /* list01 */ .list01{} .list01 li{margin-bottom: 1.875rem;padding-bottom: 1.875rem;border-bottom: 1px solid #e0e0e0;} .list01 li:last-child{margin-bottom: 0;} .list01 li a{display: block;position: relative;overflow: hidden;} .list01 li .pic{overflow: hidden;position: relative;float: left;margin-right: 1.875rem;} .list01 li .pic img{display: block;width: 270px;height: 190px;transition: 0.6s all;object-fit: cover;} .list01 li .list01-r{height: 190px;overflow: hidden;position: relative;padding:0 5rem 0 5rem;position: relative;} .list01 li .list01-r::after{content: "";width: 30px;height: 30px;background: #eeeeee url(/uploads/image/2images/list02.png) no-repeat center;position: absolute;right: 0;top: 50%;margin-top: -15px;} .list01 li .list01-r .time{position: absolute;left: 0;top: 50%;margin-top: -27px; width: 55px;height: 55px;} .list01 li .list01-r .day{font-size: 2.5rem;color: #b50700;font-weight: bold;font-family: arial;font-weight: bold;text-align: center;} .list01 li .list01-r .year{font-size: 0.875rem;color: #b50700;text-align: center;font-family: arial;} .list01 li .list01-r .text{padding-left: 1.875rem;border-left: 1px solid #cccccc;height: 100%;padding-top: 1.5rem;} .list01 li .list01-r .text h5{font-size: 1.125rem;color: #000000;line-height: 1.5rem;max-height: 3rem;overflow: hidden;margin-bottom: 1.875rem;transition: 0.6s all;} .list01 li .list01-r .text p{font-size: 0.875rem;color: #686868;line-height: 1.625rem;height: 4.875rem;overflow: hidden;} .list01 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .list01 li:hover .list01-r .text h5{color: #b50700;transition: 0.6s all;} .fanye{margin-top: 2.8125rem;} .fanye img{display: block;max-width: 100%;margin: 0 auto;} @media(max-width: 1360px) { } @media(max-width: 1200px) { .ny_left_top{padding: 0;} .list-nav-icon{display: block;width: 30px;right: 15px;top: 14px;} .list-nav-icon img{display: block;width: 100%;} .position{border-bottom: none;} .position h5{width: 100%;text-align: left;display: block;line-height: 3.125rem;height: 3.125rem;} .position p{display: none;} .list-nav{position: absolute;top: 6.875rem;width: 100%;z-index: 9;background: #f9f9f9;display: none;} .list-nav h5{display: none;} .list-r{float: none;width: 100%;padding-left: 0;border-left: none;} } @media screen and (max-width: 1000px) { } @media(max-width: 768px) { .list01 li .pic img{height: auto;width: 100%;} .list01 li .pic{width: 100%;float: none;margin-bottom: 1.25rem;} .list01 li .list01-r{height: 141px;} .list01 li .list01-r .text{padding-top: 0;} .list01 li .list01-r{padding: 0 0 0 5rem;} .list01 li .list01-r::after{content: "";display: none;} .list01 li .list01-r .text h5{margin-bottom: 1.25rem;} .list01 li .list01-r .time{} } @media(max-width: 414px) { } @media(max-width: 375px) { } @media(max-width: 360px) { } @media(max-width: 320px) { } /* part2 */ .list02{} .list02 li{margin-bottom: 3.125rem;float: left;width: 48.11%;margin-right: 3.78%;} .list02 li:nth-child(even){margin-right: 0;} .list02 li a{display: block;position: relative;overflow: hidden;} .list02 li .pic{overflow: hidden;width: 100%;} .list02 li .pic img{display: block;width: 100%;height: 315px;transition: 0.6s all;object-fit: cover;} .list02 li .list01-r{height: 190px;overflow: hidden;position: relative;} .list02 li .list01-r .time{position: relative;float: left; width: 55px;height: 55px;} .list02 li .list01-r .day{font-size: 2.5rem;color: #b50700;font-weight: bold;font-family: arial;font-weight: bold;text-align: center;margin-top: 1.5rem;} .list02 li .list01-r .year{font-size: 0.875rem;color: #b50700;text-align: center;font-family: arial;} .list02 li .list01-r .text{margin-left: 4.375rem; padding-left: 1.25rem;border-left: 1px solid #cccccc;height: 100%;padding-top: 1.5rem;} .list02 li .list01-r .text h5{font-size: 1.125rem;color: #000000;line-height: 1.5rem;max-height: 3rem;overflow: hidden;margin-bottom: 1.25rem;transition: 0.6s all;} .list02 li .list01-r .text p{font-size: 0.875rem;color: #686868;line-height: 1.625rem;height: 4.875rem;overflow: hidden;} .list02 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .list02 li:hover .list01-r .text h5{color: #b50700;transition: 0.6s all;} @media(max-width: 1360px) { } @media(max-width: 1200px) { .list02 li .pic img{height: 342px;} } @media screen and (max-width: 1024px) { .list02 li .pic img{height: 289px;} } @media(max-width: 768px) { .list02 li{width: 100%;margin-right: 0;} .list02 li .pic img{height: auto;} } @media(max-width: 414px) { } @media(max-width: 375px) { } @media(max-width: 360px) { } @media(max-width: 320px) { } /* list03 */ .list03 li{float: left;width: 49%;padding-right: 2%;margin-bottom: 2.8125rem;padding-bottom: 2.8125rem; border-bottom: 1px solid #e0e0e0;} .list03 li:nth-child(even){margin-right: 0;} .list03 li:last-child{margin-bottom: 0;} .list03 li a{transition: 0.6s all;display: block;position: relative;overflow: hidden;} .list03 li .time{width: 55px;float: left;position: relative;} .list03 li .time .day{font-size: 2.5rem;color: #b50700;text-align: center;font-weight: bold;margin-bottom: 0.75rem;} .list03 li .time .year{font-size: 0.75rem;color: #b50700;text-align: center;} .list03 li .text{margin-left: 5.3125rem;height: 9.25rem;} .list03 li .text h5{transition: 0.6s all;font-size: 1.125rem;color: #000000;line-height: 1.75rem;max-height: 3.5rem;overflow: hidden;margin-bottom: 1.25rem;} .list03 li .text p{font-size: 0.75rem;color: #808080;line-height: 1.5rem;height: 4.5rem;overflow: hidden;} .list03 li:hover h5{color: #b50700;transition: 0.6s all;} @media(max-width: 1360px) { } @media(max-width: 1200px) { } @media screen and (max-width: 1000px) { .list03 li{width: 100%;margin-right: 0;} .list03 li .text h5{height: auto;} .list03 li .text p{height: auto;} .list03 li .text{height: auto;} } @media(max-width: 768px) { } @media(max-width: 414px) { } /* list04 */ .list04 li a{display: block;padding-bottom: 1.875rem;margin-bottom: 1.5rem;border-bottom: 1px solid #e0e0e0;overflow: hidden;} .list04 li p{transition: 0.6s all;width: calc(100% - 100px);float: left;padding-left: 25px;position: relative;font-size: 1.125rem;color: #000000;line-height: 1.375rem;height: 1.375rem;overflow: hidden;} .list04 li p::after{content: "";width: 12px;height: 2px;background: url(/uploads/image/2images/list04.png) no-repeat left center;position: absolute;left: 0;top: 50%;margin-top: -1px;} .list04 li i{font-style: normal;float: right;font-size: 0.875rem;color: #666666;} .list04 li:hover p{padding-left: 20px;color: #af0000;transition: 0.6s all;} @media screen and (max-width: 1000px) { .list04 li p{width: 100%;height: auto;margin-bottom: 0.625rem;line-height: 1.625rem;} .list04 li i{float: none;display: block;padding-left: 25px;} } /* show */ .show01{margin-bottom: 2.5rem;} .show01 h5{font-size: 2.125rem;line-height: 3.125rem;color: #000000;text-align: center;margin-bottom: 1.875rem;} .show01 p{text-align: center;font-size: 0.875rem;color: #666666;background: #f4f4f4;line-height: 2.875rem;} .show01 i{font-style: normal;margin: 0 8px;} .show02{padding-bottom: 3.125rem;border-bottom: 1px solid #d9d9d9;margin-bottom: 3.125rem;} .show02 p{text-indent: 2em;font-size: 1.125rem !important;color: #333333;line-height: 2.125rem !important;margin-bottom: 0.875rem;} .show02 img{max-width: 100%; border: none !important; height: auto !important;} .show03 p{font-size: 1rem;color: #333333;margin-bottom: 0.9375rem;line-height:2.125rem;} .show03 p a{color: #333333;transition: 0.6s all;} .show03 p a:hover{color: #af0000;transition: 0.6s all;} /* .list05 */ .list05 h5{font-size: 1.5rem;color: #000000;line-height: 2.25rem;text-align: center;margin-bottom: 1.875rem;} .list05 table {width: 100%;} .list05 .table {border-collapse: collapse;border-spacing: 0;empty-cells: show;} .list05 .table th{color: #000;} .list05 .table td,.list05 .table th {border-left: 1px solid #dcdcdc;border-width: 0 0 0 1px;font-size: 1rem;line-height: 1.75rem; margin: 0;overflow: visible;padding: 1.25rem;text-align:left;} .list05 .table td{padding:2.5rem;} .list05 .table thead{background-color: #dad7d7;color: #fff;vertical-align: bottom;} .list05 .table tbody tr{background: #fff;border-top: 1px solid #dcdcdc;} .list05 .table tbody tr:nth-child(odd){background: #f7f7f7;} .list05 .table tbody tr td:first-child{width: 210px;} .list05 .table tbody tr td i{font-style: normal;display: block;width: 170px;} .list05 table.bt thead,.list05 table.bt tbody th {display: none;} .list05 table.bt tfoot th, .list05 table.bt tfoot td, .list05 table.bt tbody td {border: none;display: block;vertical-align: top;} .list05 table.bt tfoot th:before, .list05 table.bt tfoot td:before, .list05 table.bt tbody td:before {content: attr(data-th) ": ";font-weight: bold;width: 6.5em;display: inline-block;} .list05 table.bt td{padding: 0.625rem 1.25rem;text-align: left;} .list05 table.bt tfoot th.bt-hide, .list05 table.bt tfoot td.bt-hide, .list05 table.bt tbody td.bt-hide {display: none;} .list05 table.bt tfoot th .bt-content, .list05 table.bt tfoot td .bt-content, .list05 table.bt tbody td .bt-content {vertical-align: top;} .list05 .bt-wrapper.active {max-height: 310px;overflow: auto;-webkit-overflow-scrolling: touch;} @media screen and (max-width: 768px) { .list05 .table tbody tr td:first-child{width: auto;} .list05 .table tbody tr td i{width: auto;} } /* list06 */ .list-container{width: 100%;} .list-container .position h5{display: block;float: left;} .list-container .position p{float: right;} .list06 li{float: left;width: 29.399%;margin-right: 3.935%;margin-bottom: 3.75rem;} .list06 ul{margin-right: -3.935%;margin-bottom: -3.75rem;} .list06 li a{display: block;} .list06 li .pic{overflow: hidden;position: relative;margin-bottom: 1.25rem;} .list06 li .img{overflow: hidden;} .list06 li .img img{display: block;width: 100%;transition: 0.6s all;object-fit: cover;height: 264px;} .list06 li .pic i{position: absolute;bottom: 0.625rem;left: 0;width: 118px;height: 1.875rem;line-height: 1.875rem; background-image: -moz-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); background-image: -webkit-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); background-image: -ms-linear-gradient( -15deg, rgb(175,0,0) 0%, rgb(227,64,0) 100%); font-size: 0.875rem;color: #fff;font-style: normal;font-weight: bold;text-align: center; } .list06 li .text h5{font-size: 1.125rem;color: #000000;line-height: 1.75rem;height: 3.5rem;overflow: hidden;margin-bottom: 1.25rem;transition: 0.6s all;} .list06 li .text p{font-size: 0.75rem;color: #686868;line-height: 1.5rem;height: 4.5rem;overflow: hidden;} .list06 li:hover .pic .img img{transform: scale(1.1);transition: 0.6s all;} .list06 li:hover .text h5{color: #af0000;transition: 0.6s all;} @media(max-width: 1360px) { .list06 li .img img{height: 247px;} } @media(max-width: 1200px) { .list06 li{width: 48%;margin-right: 4%;} .list06 li:nth-child(even){margin-right: 0;} .list06 ul{margin-right: 0;} .list06 li .img img{height: 340px;} } @media screen and (max-width: 1000px) { .list06 li .img img{height: 281px;} } @media(max-width: 768px) { .list06 li{width: 100%;margin-right: 0;} .list06 li .img img{height: auto;} } @media(max-width: 414px) { } /*返回顶部*/ .backtop { position: fixed; right: 30px; bottom: 30px; cursor: pointer; display: none; width: 50px; height: 50px; }