table {width: 100%;border-collapse: collapse;} table td {border: 1px solid #e6e7ea;padding: 10px;line-height: 1.4;} .clearfix::after {clear: both;content: "";position: static;display: block;overflow: hidden;} .clearfix {*zoom: 1;} a[block] {display: block;} a {color: inherit;text-decoration: none;cursor: pointer;outline: none;-moz-outline-style: none;} li{list-style: none;} * {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} img {vertical-align: middle;-webkit-transform: scale(1.00001);-moz-transform: scale(1.00001);-ms-transform: scale(1.00001);transform: scale(1.00001);} .l{ float:left;} .r{ float:right;} body {overflow-x: hidden;height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} html,body {font-size: 16px;color: #333;margin: 0 auto; } ul li {list-style: none;} .wrap {width: 80%;margin: 0 auto;} @media (max-width: 1440px) {.wrap {width: 80%;}} @media (max-width: 1280px) {.wrap {width: 100%;}} .clear{ clear:both} .menu_button,.menu_box{display: none;} header {width: 100%;position: relative;z-index: 99999; background: #fff;} header .hwrap {padding: 0 50px;} header .logobox {width: 390px;float: left;padding: 7px 0 7px 0;display: block;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; } header .logobox img {-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; width: 100%;} header .logobox .imgbox {position: relative;} header .logobox .imgbox .act {position: absolute;left: 0;top: 0;opacity: 0;} header .logobox .imgbox .nor {opacity: 1;} header .navbox {float: right; margin-top: 15px;} header .navbox .navli {float: left;position: relative;} header .navbox .navli:hover .subox{ display:block} header.hover-act {background: #fff;} header.hover-act .navbox .navli .navTl span {color: #000;} header.hover-act .navbox .other-box a .nor1, header.hover-act .navbox .other-box .sun-box .nor1 {display: none;} header.hover-act .navbox .other-box a .nor2, header.hover-act .navbox .other-box .sun-box .nor2 {display: block;} header .navbox .navli .navTl {display: block;-webkit-perspective-origin: 500px;-moz-perspective-origin: 500px;perspective-origin: 500px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 30px;position: relative;color: #333;} header .navbox .navli .navTl span {-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;font-size: 17px;position: relative;display: block;line-height: 50px;} header .navbox .navli .navTl span::after {content: "";width: 100%;height: 5px;background-color: #00479d;left: 0;bottom: -1px;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} header .navbox .navli .subox {display: none;position: absolute;width: auto;min-width: 100%;left: 50%;top: 100%;padding: 0 10px;background: rgba(181, 33, 33, 0.95);line-height: 55px;text-align: center;color: #fff;font-size: 14px;transform: translateX(-50%);} header .navbox .navli .subox a {-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;display: block;white-space: nowrap; color: #ebe7b9;} header .navbox .navli .subox a:hover {text-decoration: underline;} header .navbox .current .navTl span, header .navbox .navli:hover .navTl span {color: #b62021;} header .navbox .current .navTl span::after, header .navbox .navli:hover .navTl span::after {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);} header .navbox .navli:last-child {margin-right: 0;} header .navbox .navli.proli {position: static;} header .navbox .navli.proli .pro-subox {position: absolute;left: 0;width: 100%;top: 80%;background: rgba(181, 33, 33, 0.9);/* display: none; */visibility: hidden;opacity: 0;padding: 20px 0 0px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;} header .navbox .navli.proli:hover .pro-subox {visibility: visible;opacity: 1;top: 100%;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;} header .navbox .navli.proli .pro-subox .wrap {display: flex;flex-wrap: wrap; width: 95%; } header .navbox .navli.proli .pro-subox .wrap .li-box{width: 11%;margin-right: 0.3%;margin-bottom: 20px;} header .navbox .navli.proli .pro-subox .wrap .li-box:nth-child(7n),header .navbox .navli.proli .pro-subox .wrap .li-box:nth-child(8n){width:auto;} header .navbox .navli.proli .pro-subox .wrap .li-box .title,header .navbox .navli.proli .pro-subox .wrap .li-box .title a {font-size: 20px;line-height: 45px;color: #fff3d9;border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2); background: none} header .navbox .navli.proli .pro-subox .wrap .li-box .title a{border-bottom:none} header .navbox .navli.proli .pro-subox .wrap .li-box a { margin-top:20px;font-size:14px;line-height:20px;color: #fff3d9;transition: all .3s;display: block; padding-left: 15px; background: url("../images/prodot01.png") no-repeat left top 8px;} header .navbox .navli.proli .pro-subox .wrap .li-box a:hover {text-decoration: underline;} header .navbox .other-box {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;float: left;height: 50px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 0 0 55px;} header .navbox .other-box .search-input-box {margin-right: 26px;width: 30px;height: 30px;position: relative;} .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .form-control1 { padding-left: 10px; width: 240px; height: 30px; line-height: 30px; font-size: 14px; background:#e6e5e5;border-radius: 30px; position:absolute;} .espcms_search_icon{ width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background:url(../images/search_icon.png) no-repeat center center;; color: #fff; cursor: pointer; border-radius: 30px; position:absolute; left:-15px; border:none;} .main_search .search input { border: none; float: left;} header .navbox .other-box .search-input-box input{position: absolute;right: 0;top: 0;height: 100%;width: 30px;color: #fff;transition: all .3s;border-radius: 15px;font-size: 14px;border: none;opacity: 0;} header .navbox .other-box .search-input-box a{position: absolute;right: 0;top: 0;} header .navbox .other-box .search-input-box:hover input{width: 200px;background: #e7e4e4;color: #004d62;opacity: 1;padding: 0 36px 0 15px;} header .navbox .other-box .search-input-box:hover a .nor1, header .navbox .other-box .search-input-box:hover a .nor2 {opacity: 0;} header .navbox .other-box .search-input-box:hover a .act{opacity: 1;} header .navbox .other-box a {margin-right: 26px;} header .navbox .other-box .sun-box {position: relative;margin-right: 26px;} header .navbox .other-box .sun-box:last-child{margin-right: 0;} header .navbox .other-box .sun-box .in-box {position: absolute;left: 50%;top: 100%;transform: translateX(-50%);padding: 20px;pointer-events: none;opacity: 0;transition: all .3s; width: 340px; } header .navbox .other-box .sun-box:hover .in-box {opacity: 1;pointer-events: auto;} header .navbox .other-box .sun-box .in-box .a-box {background: #fff;} header .navbox .other-box .sun-box .in-box .a-box a{ display: block;margin: 0;line-height: 40px;color: #333;transition: all .3s;font-size: 14px;white-space: nowrap; width:90px; float: left; margin-right: 10px;} header .navbox .other-box .sun-box .in-box .a-box a em{ display: block; line-height:30px; text-align: center; font-style: normal; background: #fff; width: 110%;} header .navbox .other-box .sun-box .in-box .a-box a:hover{color: #bc0002;} header .navbox .other-box .sun-box .in-box .a-box a img{ width:100px;} header .navbox .other-box a .nor2, header .navbox .other-box .sun-box .nor2 {display: none;} header .navbox .other-box a:last-child {margin-right: 0;} header.act {border-bottom: 2px solid #004d62;background: #fff;} header.act .logobox {padding: 10px 0;} header.act .logobox img {height: 40px;} header.act .navbox .navli .navTl span {color: #000;line-height: 60px;} header.act .navbox .other-box {height: 60px;} header.act .navbox .other-box a .nor1 , header.act .navbox .other-box .sun-box .nor1{display: none;} header.act .navbox .other-box a .nor2, header.act .navbox .other-box .sun-box .nor2{display: block;} header .navbox .other-box .sun-box .in-box .b-box {background: #fff;} header .navbox .other-box .sun-box .in-box .b-box a{ display: block;padding: 0 15px;margin: 0;line-height: 40px;color: #333;transition: all .3s;font-size: 14px;white-space: nowrap;} header .navbox .other-box .sun-box .in-box .b-box a:hover{color: #004d62;} @media (max-width: 1600px) { header .navbox .navli .navTl {padding: 0 28px;} } @media (max-width: 1440px) { .menu_button,.menu_box{display: none;} header .hwrap {padding: 0 40px;} header .logobox {width: 20%;} header .logobox img { margin-top: 15px;} header .navbox {float: right; width: 75%} header .navbox .navli .navTl {padding: 0 19px;} header .navbox .navli .navTl span {font-size: 16px;} header .navbox .navli.proli .pro-subox .wrap .li-box a { margin-top:13px;font-size:14px;line-height:18px;} header .navbox .navli.proli .pro-subox .wrap .li-box .title,header .navbox .navli.proli .pro-subox .wrap .li-box .title a {font-size: 17px;} header .navbox .navli.proli .pro-subox .wrap .li-box{width: 16%;} } @media (max-width: 1350px) { .menu_button,.menu_box{display: none;} header .hwrap {padding: 0 15px;} header .logobox {width: 20%;} header .logobox img { margin-top: 0px;} header .navbox {float: right; width: 75%;margin-top: 0} header .navbox .navli .navTl {padding: 0 17px; } header .navbox .navli .navTl span {font-size: 15px;line-height: 60px;} header .navbox .other-box .search-input-box {margin-right: 10px;} header .navbox .other-box .sun-box {position: relative;margin-right: 10px;} header .navbox .navli.proli .pro-subox .wrap .li-box .title,header .navbox .navli.proli .pro-subox .wrap .li-box .title a {font-size: 16px;} header .navbox .navli.proli .pro-subox .wrap .li-box{width: 16%;} header .navbox .other-box {padding: 0 0 0 10px;height: 60px;} } @media (max-width: 1280px) { .menu_button,.menu_box{display: none;} header .hwrap {padding: 0 15px;} header .logobox {width: 20%;} header .logobox img { margin-top: 0px;} header .navbox {float: right; width: 75%;margin-top: 0} header .navbox .navli .navTl {padding: 0 17px; } header .navbox .navli .navTl span {font-size: 15px;line-height: 60px;} header .navbox .other-box .search-input-box {margin-right: 10px;} header .navbox .other-box .sun-box {position: relative;margin-right: 10px;} header .navbox .navli.proli .pro-subox .wrap .li-box .title,header .navbox .navli.proli .pro-subox .wrap .li-box .title a {font-size: 16px;} header .navbox .navli.proli .pro-subox .wrap .li-box{width: 16%;} header .navbox .other-box {padding: 0 0 0 10px;height: 60px;} } @media (max-width: 770px) { header .hwrap {padding: 0 15px;} header .logobox {padding: 10px 0 10px 0;} header .logobox {width: 40%;} header .logobox img { margin-top: 0px;} header .navbox { display: none;} .menu_button{cursor:pointer;width:37px;height:37px;position:fixed;z-index:999999;background-color: #000; right: 0px;top:0px; display: block;} .menu_button .nav_button{position: absolute;right:10px;top:20px;vertical-align: middle;border-radius:20px;width:26px;height:3px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .menu_button .nav_button::after, .menu_button .nav_button::before{content:'';width:20px;height:3px;border-radius:20px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .menu_button .nav_button::after{top:10px;} .menu_button .nav_button::before{top:-10px;} .menu_button.on .nav_button::before, .menu_button.on .nav_button::after{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);} .menu_box{position: fixed;width:100%;height:100%;right:0;top:-120%;z-index:888;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; display: block;} .menu_box .item{float: left;width:100%;overflow:auto;height:auto} .menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} .menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;} .menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#db000b;} .menu_box .item .pad{padding:10px 0 0 5px;} .menu_box .item .pad a{color:#fbdcdc; font-size: 14px; margin-right: 5px;} .menu_box .item h4{font-size:18px;color:#fbdcdc;} .menu_box .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;} .menu_box .item span{font-size:14px;color:#fbdcdc;} .menu_box .item ul{padding-top:0px;width:auto;margin:0 auto 15px auto;} .menu_box .item ul li{width:32%;text-align: left; float:left} .menu_box .item ul li a{font-size:14px;height:28px;line-height:25px; color:#fff;} .menu_box .item ul li a:hover{ padding-left:15px} .menu_box .item:last-child{padding-bottom:40px;} } /* ------------------------ */ #banner{position:relative;overflow:hidden;width:100%;} #banner ul{position:relative;overflow:hidden;width:400%;margin: 0;} #banner ul li{width:25%;float:left} #banner ul li img{width:100%;display:block;} #banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto} #banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;} #banner:hover aside span{opacity:1;} #banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)} #banner aside span.prev{float:left;} #banner aside span.next{float:right;} #banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)} #banner #bannerBtnS{width:115px;position:absolute;right:0;left:0;bottom:3%;margin:auto} #banner #bannerBtnS em{display:block;float:left;width:13px;height:13px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} #banner #bannerBtnS em.act{background:#b62222} .sl{width: 100%;} .sl,.st,.st div,.sl div{overflow:hidden;} .nextinfo{width:100%;overflow:hidden;} .nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;} .nextinfo span a{color: #000} /*公告信息*/ .gonggao{width: 100%;height: auto;background-color: #f6f6f6;overFlow-x: hidden;} .gonggao .top_box {width: 1400px;margin: auto;height: 90px;display: flex;justify-content: flex-start;align-items: center;} .gonggao .top_div01 {width: 149px;height: 46px;background-color: #b52121;cursor: pointer;} .gonggao .top_div01 a {display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .gonggao .top_div01 a img {width: 16px;display: block;margin-top: 3px;} .gonggao .top_div01 a span {font-size: 16px;color: #FFFFFF;margin-left: 8px;} .gonggao .top_div02 {width: 1440px;padding-left: 40px;padding-right:40px;height: 46px;background-color: #FFFFFF;overflow: hidden;} .gonggao .top_div02 li{} .gonggao .top_div02 li a{ float: left; font-size: 16px; display: inline-block; padding: 0 23px;} .gonggao .top_div02 .text_p {padding-left: 5%;font-size: 15px;line-height: 46px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow-wrap: break-word;position: relative;} .gonggao .top_div02 .text_p:after {content: "";width: 6px;height: 6px;border-radius: 6px;background-color: #b52121;position: absolute;top: 50%;left: 0%;margin-top: -3px;} @media (max-width: 1280px) { .gonggao .top_div02 .text_p {font-size: 14px;} } @media (max-width: 770px) { .gonggao .top_box {height: 46px;} .gonggao .top_div01 a span {font-size: 15px;} } /*公司简介*/ .about{ width: 100%; background: url("../images/ym-3.jpg") repeat center top; padding:4% 0;height: 800px; position: relative;} .about .about_tit{width: 80%; margin: 0 auto; display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .about .about_tit_l{width: 30%;} .about .about_tit_l h2{font-weight: 500;} .about .about_tit_l h2 a{ color: #b42222;;} .about .about_tit_l h2 em{ font-family: "宋体"; font-style: normal;} .about .about_tit_l h2 em:after{content: ""; background: url('../images/xian.png') center no-repeat; width: 214px; height: 5px; display: block; margin: 10px 0;} .about .about_tit_r{width:40%; margin-top: 50px;} .about .about_tit_r ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%;} .about .about_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 25%; text-align: center;} .about .about_tit_r li:nth-child(5){border-right:none} .about .about_tit_r li a:hover{ color: #b62022;} .about .wrap{ position:relative; margin:0 auto; padding-top:50px; } .about .about_l{ width:620px; position:absolute; left:0; height:490px;overflow:hidden;} .about .about_l div{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:1;transition: all 0.3s;} .about .about_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .about .about_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .about .about_l i{ font-size:50px; position:absolute; display:block; left:55%; top:42%; width:60px; margin:0 0 0 -30px; height:60px; z-index:5; color:rgba(255, 255, 255, 1); font-style:normal;} .about .about_r{ width:50%; position:absolute; right:0; top:10%;} .about .about_r p{ font-size:16px; color:#333;line-height:31px;margin-top:40px;} .about .about_r a{ background: #b62022; width: 184px; height: 60px; display: block; text-align: center; line-height: 60px; color: #fff; margin-top: 50px;} .about .about_r a:hover{ background: #e4b089;} .video-box {position: relative;padding-top: 39%;overflow: hidden;} .video-box video {position: absolute;left: 50%;margin-left:-40%;top: 50%;margin-top:-20%;width: 80%;height: 80%;-o-object-fit: cover;object-fit: cover;} .icon-play {} .index-video {position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none;} .index-video .x-btn {top: 5%;right: 5%;} .index-video-wrap {z-index: 30;} .search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;} .search-close:hover { color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); } .x-btn {position: absolute;width: 75px;height: 75px;line-height: 75px;text-align: center;color: #fff;background-color: ;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s; transition: 0.3s;font-size: 24px;z-index: 50;transition:.4s all;} .x-btn:hover {transform: rotate(360deg); -webkit-transform: rotate(360deg);color: #fff;} @media (max-width: 1440px) { .about{ height: 735px;} .about .about_l{ width:540px; height:405px;} .about .about_r{ width:48%;} .about .about_r p{ font-size:15px; line-height:27px;} .about .about_r a{ width: 184px; height: 60px; display: block; text-align: center; line-height: 60px; color: #fff; margin-top:30px;} } @media (max-width: 1280px) { .about{padding: 50px ;} .about .about_l{ width:450px; height:338px;} .about .about_l img{width:100%;} .about .about_r{ width:46%;} .about .about_r p{ font-size:14px; line-height:24px;} .about .about_r a{ display: none;} } @media (max-width: 770px) { .about{padding: 0; height: 600px; overflow: hidden;} .about .about_tit{width: 95%; display: block; padding-top: 15px;} .about .about_tit_l{width: 100%;} .about .about_tit_l h2 em{display: none;} .about .about_tit_r{width:95%; margin-top: 30px;} .about .about_tit_r ul{ -webkit-justify-content:center;; justify-content: center; flex-wrap: wrap;} .about .about_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 29%; text-align: center; background: #b52022; margin: 0 1% 1% 0;} .about .about_tit_r li a{color: #fff;} .about .about_l{ display: none;} .about .about_r{ width:95%; left: 50%; margin-left: -47.5%;} .about .about_r p{ font-size:15px; line-height:30px;margin-top:20px;} .about .about_r a{ display: none;} } /*pro*/ .pro{width:100%; padding:65px 0 0px 0;} .pro .pro_tit{width: 80%; margin: 0 auto; display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .pro .pro_tit_l{width: 30%;} .pro .pro_tit_l h2{font-weight: 500;} .pro .pro_tit_l h2 a{ color: #b42222;;} .pro .pro_tit_l h2 em{ font-family: "宋体"; font-style: normal;} .pro .pro_tit_l h2 em:after{content: ""; background: url('../images/xian.png') center no-repeat; width: 214px; height: 5px; display: block; margin: 10px 0;} .pro .pro_tit_r{width: 45%; margin-top: 50px;} .pro .pro_tit_r ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%;} .pro .pro_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 25%; text-align: center;} .pro .pro_tit_r li:nth-child(6){border-right:none} .pro .pro_tit_r li a:hover{ color: #b62022;} .pro .prd_box {width: 80%;height: auto;margin: 2% auto;display: flex;justify-content: space-between;align-items: center;align-items: flex-start;flex-wrap: wrap;} .pro .prd_box .prd_ul {width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .pro .prd_box .prd_ul .prd_li { float: left; width: 33%;padding: 15px 12px;background-color: #FFFFFF;cursor: pointer;box-shadow: 1px 0px 16px 0px rgba(121, 121, 121, 0.2);text-align: center; margin: 1% 0;} .pro .prd_box .prd_ul .prd_li .prd_img {width: 100%;overflow: hidden;} .pro .prd_box .prd_ul .prd_li .prd_img img {width: 100%;display: block;transition: 0.5s;} .pro .prd_box .prd_ul .prd_li:hover img {transform: scale(1.05);} @media (max-width: 770px) { .pro{ padding:14px 0 0px 0;} .pro .pro_tit{width: 95%; display: block; padding-top: 15px;} .pro .pro_tit_l{width: 100%;} .pro .pro_tit_l h2 em{display: none;} .pro .pro_tit_r{width:95%; margin-top: 30px;} .pro .pro_tit_r ul{ -webkit-justify-content:center;; justify-content: center; flex-wrap: wrap;} .pro .pro_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 29%; text-align: center; background: #b52022; margin: 0 1% 1% 0;} .pro .pro_tit_r li a{color: #fff;} .pro .prd_box .prd_ul .prd_li { width: 48%; } .pro .prd_box {width: 95%;} } /*news*/ .xinwen{background: url('../images/newsbg.jpg') repeat; width: 100%; padding-bottom: 5%;} .xinwen .xinwen_tit{width: 80%; margin: 0 auto; padding:4% 0 0 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .xinwen .xinwen_tit_l{width: 30%;} .xinwen .xinwen_tit_l h2{font-weight: 500;} .xinwen .xinwen_tit_l h2 a{ color: #b42222;;} .xinwen .xinwen_tit_l h2 em{ font-family: "宋体"; font-style: normal;} .xinwen .xinwen_tit_l h2 em:after{content: ""; background: url('../images/xian.png') center no-repeat; width: 214px; height: 5px; display: block; margin: 10px 0;} .xinwen .xinwen_tit_r{width: 40%; margin-top: 50px;} .xinwen .xinwen_tit_r ul{display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content: space-between; width: 100%;} .xinwen .xinwen_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 25%; text-align: center;} .xinwen .xinwen_tit_r li:nth-child(5){border-right:none} .xinwen .xinwen_tit_r li a:hover{ color: #b62022;} .news_cont{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; -ms-flex-wrap: wrap;flex-wrap: wrap;width: 80%;overflow: hidden; margin: 0 auto;} .news_cont .newList{flex-basis: 32%;margin-right: 2%;margin-top: 80px; border: 1px solid #f7f7f7;} .newList{ overflow:hidden; padding:0rem; height:auto; width:100%; } .news_cont .newList:nth-child(3n){ margin-right:0px; } .news_cont .newPicBox{ position:relative; width:100%; height:0px; padding-bottom:50%; overflow:hidden; border-radius:0px; margin:0 auto; } .news_cont .newPic{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; transition:all .5s ease; } .news_cont .picLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; } .news_cont .contentBoxB{ padding:3%; background: #f2f2f2; } .news_cont .newTitle{ font-size:20px; margin-bottom:0; min-height:48px; line-height:1.2; font-weight:normal; color:#373c41; transition:all .5s ease; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; } .news_cont .lineBox{ position:relative; width:100%; height:1px; background:#ededed; margin-bottom:26px; } .news_cont .lineBox::before{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background:#afafaf; transition:all .5s ease; } .news_cont .TimeBox{ font-size:14px; line-height:1.5; letter-spacing:.25px; color:#777; margin-bottom:20px; } .news_cont .newMs{ position:relative; width:100%; line-height:1.4; clear:both; font-size:14px; color:#777; min-height:22px; letter-spacing:0; margin:20px 0px 30px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight: 100;} .news_cont .image_con{ width: 100%; } .news_cont .image_con img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .news_cont .look{ display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px; color:#777; overflow:hidden; } .news_cont .look .look_name{ margin-right:10px; position:relative; } .news_cont .newList:hover .newPic{ transform:translate(-50%,-50%) scale(1.1); } .news_cont .newList:hover .newTitle{ color:#222; } .news_cont .newList:hover .lineBox::before{ width:100%; } @media only screen and (max-width: 770px){ .xinwen .xinwen_tit{width: 95%; margin: 0 auto; padding:4% 0 0 0;display:block;} .xinwen .xinwen_tit_l{width: 100%;} .xinwen .xinwen_tit_l h2 em{display: none;} .xinwen .xinwen_tit_r{width: 100%; margin-top: 30px;} .news_cont .newList{margin-top: 25px; } } @media only screen and (max-width: 1024px) and (min-width: 701px){ .news_cont .newList { flex-basis: 100%; width:100%; margin-right: 0; margin-top: 50px; } .news_cont .newList a{ display:flex; justify-content: space-between; flex-direction: row-reverse; } .news_cont .contentBoxB{ width: 48%; } .news_cont .image_con{ width: 48%; } .news_cont .image_con img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .news_cont .image_con .bottom_btn{ display:none; } .news_cont .contentBoxB .bottom_btn{ display:block; } .news_cont .newPicBox{ padding-bottom:72%; } } @media only screen and (max-width: 770px){ .news_cont{display:block;width: 95%;} .news_cont .lineBox{margin-bottom:8px; } .news_cont .newTitle{ font-size:20px; margin-bottom:0; min-height:12px; } .news_cont .newMs{margin:20px 0px 0px;} .xinwen .xinwen_tit_r ul{ -webkit-justify-content:center;; justify-content: center; flex-wrap: wrap;} .xinwen .xinwen_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 29%; text-align: center; background: #b52022; margin: 0 1% 1% 0;} .xinwen .xinwen_tit_r li a{color: #fff;} } /*内页news*/ .ny_xinwen{width: 100%; background: #efefef; overflow: hidden; padding: 5rem 0 3rem 0;} .news_title{overflow: hidden; line-height: 44px; margin-bottom: 40px;} .news_title h2{float: left; color: #000;font-weight: 500;} .news_title .news_more{float: right} .news_title .news_more img{vertical-align: middle; margin-left: 10px; margin-top: -2px;} .news_title .news_more a:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; color: #646464 !important;} .news_compay{overflow: hidden;} .news_compay .left{width: 45%; position: relative; float: left; overflow: hidden;} .news_compay .left img{width: 100%;} .news_compay .right{width: 50%; float: right;} .news_compay .nwes_time{position: absolute; top:34px; left: 34px; width: 90px; height: 90px; padding: 6px; background: #941300; color: #fff; font-family: "Arial"; text-align: center;} .news_compay .nwes_time em{border-bottom: 1px solid #c81a20; display: block; line-height: 36px; padding-bottom:4px; margin-bottom: 5px; margin-top: 2px;font-style: normal;} .news_compay .nwes_time i{font-style: normal;} .news_compay_p{position: absolute; left: 0; bottom:0; width: 100%; height: 78px; line-height: 78px; background:url(../images/blank_60.png) repeat;} .news_compay_p p{padding: 0 32px; color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news_compay .index_new li{width: 100%;} .news_compay .index_new ul{margin: 0;} .news_compay .index_new li{margin-bottom: 45px;} .news_compay .index_new li .news_inbox{margin: 0;} .news_compay .index_new li .news_inbox h3{ line-height: 35px; font-weight:500;} .news_compay .index_new .index_new_p{max-height: 3em; height: auto;} .news_compay .index_new li:last-child{margin-bottom: 0} .index_new{color: #646464;} .index_new ul{overflow: hidden;margin: 0 -65px;} .index_new li{width: 33.33%; float: left;*margin-left: -1px;} .index_new li .news_inbox{margin: 0 65px;} .index_new li .news_inbox h4{ margin-bottom:20px;} .index_new .new_time{ font-family: "Arial"; margin-bottom: 10px;} .index_new h3{font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom: 1px solid #d8d0d0;padding-bottom: 6px;margin-bottom: 10px;} .index_new .index_new_p {line-height: 1.5em; height: 4.5em; overflow: hidden;} .newblock03{padding: 85px 0 80px 0;overflow: hidden;} .newblock04{padding: 90px 0; background: #efefef;overflow: hidden;} .newblock04 .index_new li{width: 50%; margin-bottom: 25px;} .newblock04 .index_new h3{margin-bottom: 0} .newblock04 .index_new ul{margin: 0 -35px;} .newblock04 .index_new li .news_inbox{margin: 0 35px;} .news_special{overflow: hidden;} .news_special .left{float: left; width: 70%;} .news_special .left li img{width: 100%; height: 541px;} .news_special .left li{display: none;} .news_special .left li.on{display: block;} .news_special .right{float: right; width: 25%;} .news_special .right li{position: relative; margin-bottom: 8px; overflow: hidden;} .news_special .right li img{width: 100%; height: 175px;} .news_special .right li:last-child{margin-bottom: 0} .news_special .right li .news_special_p{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #b22f2f; color: #fff;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);} .news_special .right li .news_special_p p{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:10%; top:50%;text-align: center; width: 80%; margin: auto; line-height: 1.5em; max-height: 3em; overflow: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .news_special .right li:hover .news_special_p{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .news_special .right li:hover .news_special_p p{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .index_new{color: #646464;} .index_new ul{overflow: hidden;margin: 0 -65px;} .index_new li{width: 33.33%; float: left;*margin-left: -1px;} .index_new li .news_inbox{margin: 0 65px;} .index_new li .news_inbox h4{ margin-bottom:20px;} .index_new .new_time{ font-family: "Arial"; margin-bottom: 10px;} .index_new h3{font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 1px solid #d8d0d0; padding-bottom: 6px; margin-bottom: 10px;} .index_new .index_new_p {line-height: 1.5em; height: 4.5em; overflow: hidden;} .fnt_16 { font-size: 16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size: 20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_28 { font-size:28px;} .fnt_32 { font-size:32px; line-height:34px; } .fnt_34 { font-size:34px;} .fnt_36 { font-size:36px;} .fnt_40 { font-size:40px;} .fnt_48 { font-size: 48px;} .fnt_66 {font-size: 66px;} .fnt_72 {font-size: 72px;} .fnt_120 { font-size: 120px;} .newblock02{padding: 85px 0 130px 0;overflow: hidden; background:url(../images/news_bg_02.jpg) no-repeat center top/cover fixed; } .newblock02 .news_title h2{color: #fff9d1;} .newblock02 .news_title .news_more a{color: #fff9d1;} .newblock02 .news_title .news_more a:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; color: #fff9d1 !important;} .news_industry ul{overflow: hidden; margin: 0 -18px;} .news_industry li{float: left; width: 33.33%;margin-left: -1px;overflow: hidden;} .news_industry li dl{margin: 0 18px;} .news_industry li dt img{height: 227px;} .news_industry li dd{padding: 30px 35px 60px 35px; background: #fff;} .news_industry li .new_time{margin-bottom: 15px;} .news_industry li h3{font-weight: bold; line-height: 1.2em; height: 2.4em; overflow: hidden; margin-bottom: 25px;} .news_industry li .index_new_p{line-height: 1.5em; height: 3em; overflow: hidden;} .ratio-img{width: 100%;max-height: 100%;overflow: hidden; } .ratio-img img {width: 100%;max-height: 100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; overflow: hidden; } .ratio-img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} @media (max-width: 770px) { .news_compay .left,.news_special .left{float: none; display: none;} .news_compay .right{width: 95%; float: none; margin: 0 auto;} .news_industry li{float: none; width: 100%;margin-left:0 ;overflow: hidden;} .newblock04 .index_new li{width: 95%; margin:0 auto 25px auto;} } /*快速链接*/ .kuaisu{ width: 100%; padding: 80px 0;align-items: center; background: #f2f2f2;} .kuaisu ul{ width: 80%;display: flex;justify-content:center;flex: 5; margin: 0 auto; } .kuaisu li{ flex: 1;width: 325px;height: 350px;background-color: #FFFFFF;box-shadow: 1px 0px 16px 0px rgba(121, 121, 121, 0.2);text-align: center;position: relative; margin-right:4%;} .kuaisu li:nth-child(3){ margin-right: 0;} .pro_a,.pro_b,.pro_c{ width: 100%; height: 350px; position: relative; overflow: hidden;} .pro_a .pro_a_div,.pro_b .pro_b_div,.pro_c .pro_c_div{ width:100%; height:100%; position:absolute; overflow: hidden;} .pro_img_div {position: relative;} .pro_img {position: absolute;top: 0;left: 0;opacity: 0;z-index: 0;transition: opacity 0.5s;-moz-transition: opacity 2s;/* Firefox 4 */-webkit-transition: opacity 2s;/* Safari 和 Chrome */-o-transition: opacity 2s;/* Opera */} .pro_a .pro_list2,.pro_b .pro_list2,.pro_c .pro_list2{ position: absolute;z-index: 500;left:10%; top:15%; width: 100%;} .pro_a .pro_list2 h2,.pro_b .pro_list2 h2,.pro_c .pro_list2 h2{ font-size:27px; color:#fff; line-height:48px; position:absolute; z-index:99999; z-index:3; font-weight: normal;} .pro_a .pro_a_div .pro_a_cont,.pro_b .pro_b_div .pro_b_cont,.pro_c .pro_c_div .pro_c_cont{ margin-top: 50% } .pro_a .pro_a_div .pro_a_cont a,.pro_b .pro_b_div .pro_b_cont a,.pro_c .pro_c_div .pro_c_cont a{ margin:0 3% 0 auto; line-height:35px; text-align:center;color:#fff; display:block; font-size:15px;transition: .5s; float: left;} .pro_a .pro_a_div .pro_a_cont a:after,.pro_b .pro_b_div .pro_b_cont a:after,.pro_c .pro_c_div .pro_c_cont a:after{ content: "";width: 100%;height: 2px;background-color: #FFFFFF; display: block;} .pro_a .pro_a_div .pro_a_cont a:hover,.pro_b .pro_b_div .pro_b_cont a:hover,.pro_c .pro_c_div .pro_c_cont a:hover{ font-weight:bold; font-size:16px; color:#f4dd63} @media (max-width: 1440px) { .kuaisu{ width: 90%; margin: 50px auto;align-items: center;} } @media (max-width: 1280px) { .kuaisu{ width: 95%; margin: 50px auto;align-items: center;} .kuaisu li{ flex: 1;width: 325px;height: 300px;background-color: #FFFFFF;box-shadow: 1px 0px 16px 0px rgba(121, 121, 121, 0.2);text-align: center;position: relative; margin-right:4%;} .pro_a,.pro_b,.pro_c{ width: 100%; height: 300px; position: relative; overflow: hidden;} .pro_a .pro_list2 h2,.pro_b .pro_list2 h2,.pro_c .pro_list2 h2{ font-size:22px; } .pro_a .pro_list2,.pro_b .pro_list2,.pro_c .pro_list2{ position: absolute;z-index: 500;left:10%; top:15%; width: 80%;} .pro_a .pro_a_div .pro_a_cont a,.pro_b .pro_b_div .pro_b_cont a,.pro_c .pro_c_div .pro_c_cont a{ margin:0 5% 0 auto; line-height:30px; } .pro_a .pro_a_div .pro_a_cont a:after,.pro_b .pro_b_div .pro_b_cont a:after,.pro_c .pro_c_div .pro_c_cont a:after{ height: 1px;} .pro_a .pro_a_div .pro_a_cont a:hover,.pro_b .pro_b_div .pro_b_cont a:hover,.pro_c .pro_c_div .pro_c_cont a:hover{ font-size:14px;} } @media (max-width: 770px) { .kuaisu{ padding: 0px 0;} .kuaisu ul{ width: 100%;display:block;} .kuaisu li{ flex: 1;width: 100%;height: 305px;background-color: #FFFFFF;box-shadow: 1px 0px 16px 0px rgba(121, 121, 121, 0.2);text-align: center;position: relative; margin-right:4%;} .kuaisu li:nth-child(3){ margin-right: 0;} } /*footer*/ .tel_footer{display:none} .footer{ background:url(../images/end.jpg)repeat center top;color: #fff3d9; font-size:15px; line-height:29px; padding:2rem 0 1rem 0;} .footer .s_width{ width:80%; margin: 0 auto;} .footer .end_l{width:70%;} .footer .end_l ul{ overflow:hidden;} .footer .end_l li{width: calc(100%/5); float: left;} .footer .end_l h2{ font-weight: normal; color: #fff3d9; font-size: 18px; margin-bottom:1rem;} .footer .end_l h2:before{content:""; width: 6px; height: 6px; border: 1px solid #fdd7d9; display: inline-block; margin-right:5px; margin-bottom: 2px;} .footer .end_l ul{ width: 85%;} .footer .end_l li{ line-height:32px;} .footer .end_l li a{color:#fdd7d9; display: block;} .footer .end_l li a:hover{font-weight:bold;} .footer .end_r{width:23%;} .footer .end_r h3 img{ border-bottom: 1px solid #a8171a; padding-bottom: 21px;} .footer .end_r p{width:76%; margin: 30px 0 0 0;color:#fdd7d9;} .footer .end_r p span{width:50px; height: 50px; float: left;} .footer .end_r p span img{width:100%;} .footer .end_r p em{float:right; font-size: 14px;font-style: normal;} .footer .end_r p em i{display:block;font-family: impact; font-size: 35px; font-style: normal;} .footer .end_r ul{width: 100%;} .footer .end_r li{width:30%; float: left; margin-right: 2%;} .footer .end_r li img{width: 100%} .footer .end_r li i{display: block; text-align: center; font-style: normal;} .end_shop{ width:80%; margin:1rem auto 0 auto;} .end_shop ul{ overflow:hidden;} .end_shop li{width:10%; float: left;} .end_shop li img{ margin:0 10px 8px 0;} @media (max-width: 1600px) { .footer .end_r p span{width:30px; height: 30px; float: left;} .footer .end_r p span img{margin-top: 20px;} .footer .end_r li{width: 46%;} .footer .end_r p{ margin: 12px auto 0 auto;} } @media (max-width: 1440px) { .tel_footer{display:none} .footer .s_width{ width:90%;} .footer .end_r{width:30%;} .footer .end_r p{width:66%; margin: 30px auto 0 auto} .footer .end_r ul{width: 100%;} .footer .end_r li{width: 30%;} .footer .end_l li{ line-height:34px;} } @media (max-width: 1280px) { .tel_footer{display:none} .footer{font-size:14px; line-height:29px;} .footer .end_l h2{font-size: 16px;} .footer .end_r{width:30%;} .footer .end_l li{ line-height:34px;} .footer .end_r p em i{display:block;font-family: impact; font-size: 30px; font-style: normal;} .end_shop li{width:15%; float: left;} } @media (max-width: 770px) { .footer{ display: none} .tel_footer{display:block;background:url(../images/end.jpg)repeat center top;color: #fff3d9; font-size:15px; line-height:29px; margin-top:50px; padding:2rem 0 1rem 0;} .tel_footer .tel_footer_nav{width:96%; margin: 0 auto;} .tel_footer .tel_footer_nav li{ padding: 0 2%; float: left;} .tel_footer .tel_footer_logo{width:96%; margin: 1rem auto;} .tel_footer .tel_footer_logo img{width:50%; display: block; margin: 10px auto;} .tel_footer_code{width: 100%;padding: 0px 2% 20px 1%;height: auto; margin: 1rem auto; border-bottom: 1px solid #2e2e2e;} .tel_footer_code .code_ul {align-items: flex-start;width: -webkit-max-content;margin-top: 0.394736rem;} .tel_footer_code .code_li{width:8.8%;float: left;} .tel_footer_code .code_li .code_img{width:80%; margin: 0 auto;} .tel_footer_code .code_li .code_img img{width: 100%;} .tel_footer_code .code_li p{ line-height:28px; text-align: center; font-size: 12px;} .tel_footer_bottom{width:90%; margin: 0 auto; font-size: 14px;} .tel_footer_bottom p{ line-height: 24px;} .tel_footer_bottom img{ margin:1rem auto; display: block; width: 30%;} } /*底部版权*/ #copybox {width: 100%;height: 65px;line-height: 65px;background:url(../images/end.jpg)repeat center top;color: #646262;font-size: 16px;border-top: 1px solid #a8171a;} #copybox .s_width{ width:100%; margin: 0 auto;color: #fdd7d9;} #copybox a {color: #fdd7d9;} #copybox span {float: right;} #copybox img {vertical-align: middle;margin-top:0;} @media (max-width: 1280px) { #copybox {font-size: 13px;} #copybox .s_width{ width:95%; margin: 0 auto;} } @media (max-width: 770px) { #copybox{ display: none} } /*网站内页*/ @keyframes breathe{ from { transform:scale(1.2); } to {transform:scale(1.0);} } .ny_banner{width: 100%;height:500px;position: absolute;top: 0;left: 0;z-index: 1;animation: breathe 2s; overflow:hidden;} .header{ width:100%; position:relative; height:500px;} .ny_prolist{ width:100%; position:absolute; z-index:10; top:32%; height:300px;} .ny_prolist p{ color:#fff!important;} .main{ width:80%; margin:0% auto 4% auto;} .main h2{ text-align:center; width:100%; height:130px; position:relative; margin:0 auto 50px auto;} .main h2 i{ position:absolute; z-index:1;font-family: impact; font-size:110px; color:#f5f7f9; font-style:normal; text-transform: uppercase; top:-31px; left:0; right:0} .main h2 em{ position:absolute; z-index:2; font-size:60px; color:#2894d3;left:0; right:0; top:10px;} .main h2 em:before{ content:""; width:30px; height:5px; background:#2894d3; display:inline-block; margin:0 20px 20px 0;} .main h2 em:after{ content:""; width:30px; height:5px; background:#2894d3; display:inline-block; margin:0 0 20px 20px;} .main h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#666;} .main_cont{ font-size:16px; line-height:31px; color:#333;} .main_cont p{ padding-bottom:15px!important;text-indent:2em;} .main_read h3{ text-align:center; font-size:25px; font-weight:normal; padding:50px 0 10px 0; } .main_read .main_date{ text-align:center; font-size:15px; color:#666; line-height:35px;border-bottom: 1px solid #E0E0E0; margin-bottom:50px; } .main_read img{ width:100%; max-width:650px; margin:0 auto 15px auto; display:block;} .main_read .main_read_cont{font-size:16px; line-height:31px; color:#333; width:100%; margin:0 auto;} .main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;} .main_read .main_news_read{font-size:16px; line-height:31px; color:#333; width:60%; margin:0 auto; border: 1px solid #f2f2f2; padding: 10%; background: #f6f6f6;} .main_read .main_news_read p{ padding-bottom:15px!important;text-indent:2em;} @media (max-width: 1280px) { .main_read .main_read_cont{font-size:15px; line-height:28px; color:#333; width:100%; margin:0 auto;} .main{ width:90%; margin:3% auto;} } @media (max-width: 770px) { .main_read h3{ text-align:center; font-size:23px; font-weight:normal; padding:10% 0 10px 0; } .main_read .main_date{ text-align:center; font-size:14px; color:#666; line-height:25px; width: 90%; margin: 0 auto 40px auto;} .main_read img{ width:100%; max-width:650px; margin:0 auto 15px auto; display:block;} .main_read .main_read_cont{font-size:15px; line-height:28px; color:#333; width:95%; margin:0 auto;} .main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;} .main_read .main_news_read{font-size:15px; line-height:28px; color:#333; width:95%; margin:0 auto;} .main_read .main_news_read p{ padding-bottom:15px!important;text-indent:0;} .main_read .main_news_read p iframe{width: 95%; margin: 0 auto;;} } .espcms_page_botton{text-align: center;padding:50px 0px 15px 0;} .btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;} .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} .btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;} .btn-default {color: #333;background-color: #f2f2f2;outline:0px; margin-right:1px;} .btn-default:focus,.btn-default.focus {color: #333;background-color: #b52121;border-color: #8c8c8c;outline:0px} .btn-default:hover {color: #333;background-color: #b52121;border-color: #adadad;outline:0px} .btn-default:active,.btn-default.active {color: #fff;background-color: #b52121;outline:0px} .btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus, .btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #b52121;} .btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;} .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus, .btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active, fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;} .btn-default .badge {color: #fff;background-color: #333;} .espcms_info_pager{ width:80%; margin:3rem auto 105px auto;} .espcms_info_pager li{ width:46%; float:left; text-align:left;border-bottom: 1px solid #e9e9e9;line-height:50px; margin-right:5%} .espcms_info_pager li:nth-child(2n){ margin-right:0px;} .espcms_info_pager li a{color: #333;} @media (max-width: 770px) { .espcms_info_pager{ width:100%; margin:0 auto 105px auto;} .espcms_info_pager li{ width:100%; float:left; text-align:left;border-bottom: 1px solid #e9e9e9;line-height:30px; margin-right:5%; font-size: 14px;} .espcms_info_pager li:nth-child(2n){ margin-right:0px;} } /*内页公司简介*/ .about_banner{width:100%;position: relative;overflow: hidden;} .about_banner .s_width{z-index: 8; position: absolute;top:26%; left: 0; right: 0; text-align: center} .about_banner .s_width ul{width:500px; margin:20px auto 0 auto;display: flex;justify-content: space-between} .about_banner .s_width ul li{ width:45%;border:2px solid #fff;line-height: 45px; transition: 0.5s} .about_banner .s_width ul li a{ color: #fff;font-size: 16px;} .about_banner .s_width ul li:hover {border:2px solid #0d68af; background: #0d68af} .about_banner .s_width ul li.cu_active {border:2px solid #0d68af; background: #0d68af} .about_banner b{ display: block;font-size: 26px;color:#fff;text-transform: uppercase; font-weight: normal;} .about_banner .aboutus_line{height:57px;width:1px;background:#fff;margin:28px auto} .about_banner span{ display: block;font-size: 48px;color:#fff;font-weight:bold;} .about_banner p{font-size: 20px;color:#fff;line-height: 40px} .about_banner_img{width: 100%;height:100%;position: absolute;top: 37%;left: 0;z-index: 2; overflow: hidden;} .about_banner_bg{width:100%;height:100%; position: absolute;left:0;top:0; z-index: 5; background: rgba(0,0,0,0.2) url(../images/banner_bg.png)} .tel_se_about{display: none;} .se_abhoutbg{width:100%; background:url(../images/neiyebeijing.jpg)repeat center;} .se_about{ width:100%; position: relative; overflow: hidden; height: 460px; top:50px;} .se_about video{opacity:1; position:absolute; z-index:2;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 100%!important;width: 100%!important;} .se_about .se_aboutbg{ background: #000; position: absolute; z-index: 3; width: 100%;opacity:0.2; height: 100%; } .se_jianjie{ width:100%; position: relative; overflow: hidden; height: 830px;} .box_one{width: 230px;height: auto;} .box_one h2{width: 100%;height: 112px; line-height: 112px; background:#b52121 url(../images/xy.png)repeat center;font-size: 24px;color: #fff; display: block; text-align: center; font-weight: normal;} .box_one ul{ width: 100%; overflow:hidden; background: #f1f1f1; border: 1px solid #e6e0e0;margin-top: 10px;} .box_one li{ line-height: 70px; font-size: 18px; text-align: left; border-bottom: 1px solid #e6e0e0; } .box_one li a{color:#333;position: relative;z-index:1;font-size:17px; display:block; padding-left: 24%;} .box_one li a:before{content:""; width: 6px; height: 6px; background-color: #c9c9c9; border-radius: 4px; display:inline-block; margin-right: 15px;} .box_one li i{position: absolute;width:100%;height:0;background-color:#b52121;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .box_one li a:hover i, .box_one li a.active i{height:100%;} .box_one li a:hover, .box_one li a.active{color:#fff;} .box_one .active{ background-color: #b52121;} .box_one .active a{ color: #fff;} .nav_menu{width: 80%; margin: 0 auto;} .nav_menu a{display: block;text-align: center; line-height: 45px; background: #e6e0e0; margin: 5px 0; color: #333;transition: .5s; font-size: 15px; } .nav_menu a:hover{ background:#b32121; color: #fff;} .se_about_l{width: 230px; margin-top:1.5rem;} .se_about_r{width: 78%; overflow: hidden; background: #f8f7f7; margin-top: 1.5rem; padding:3% 5%;} .se_about_cont{ margin-top:50px; font-size: 16px;} .se_about_cont p{ line-height: 31px; margin-bottom: 20px;} .se_about_cont img{max-width: 100%;} .mbx{ width:100%; height:60px; border-bottom:1px solid #eaefed; background: url(../images/location.png) no-repeat center top; } .mbx .espcms_path{ width:100%; margin:0 auto; line-height:60px; font-family: "宋体"; font-weight: 800;} .mbx .espcms_path li{display: inline-block;} .mbx .espcms_path > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";} .mbx .espcms_path li a{color: #333;} .list2-banner {overflow: hidden; width: 80%; margin: 0 auto; } .swiper-slide2 {border-right: 1px solid #e0e0e0;padding:3%;color: #000;line-height: 36px; } .swiper-slide2:hover .img100 { transform: scale(1.1); } .swiper-slide2:hover .list2-h4 { color: #d50a1d; } .img100 {transition-duration: .8s; } .img-wrap {position: relative;overflow: hidden; } .txt-wrap {padding-top: 30px; } .list2-h4 {font-size: 20px;margin-bottom: 10px;transition-duration: .8s; } .img100 {display: block;width: 100%; } div, ul, li, span, a {box-sizing: border-box; } /*网站单位设置*/ @media (max-width: 767px) { html { font-size: 26px !important; } } @media (max-width: 479px) { html { font-size: 24px !important; } } @media (max-width: 320px) { html { font-size: 20px !important; } } @media (min-width: 768px) { html { font-size: 28px !important; } } @media (min-width: 1200px) { html { font-size: 30px !important; } } @media (min-width: 1440px) { html { font-size: 34px !important; } } @media (min-width: 1680px) { html { font-size: 40px !important; } } .swiper-wrapper2 a{ width:33.32%; float: left;} @media (max-width: 1280px) { .box_one{width: 200px;height: auto;} .box_one h2{width: 100%;height: 100px; line-height: 100px; font-size: 24px;color: #fff; display: block; text-align: center; font-weight: normal;} .box_one li a{font-size:16px; } .se_about_r{width: 68%; overflow: hidden; margin-right: 50px;} .se_about_cont{ margin-top:30px; font-size: 15px;} .se_about_cont p{ line-height: 28px;text-indent:2em; margin-bottom: 20px;} .mbx{ margin-top:15px;} } @media (max-width: 770px) { .se_jianjie{ height: auto;} .se_jianjie img{width: 100%;} .se_about_l{float: none;width: 100%; margin-top: 0;} .box_one{width: 100%;} .box_one h2{display: none;} .box_one ul{display: flex; display:-webkit-flex;-webkit-justify-content: center; justify-content: center; flex-wrap: wrap; padding: 3% 0;} .box_one li{ line-height: 40px; font-size: 16px; text-align: center; background: #b5211f; margin: 0 1% 1% 0; width: 30%; padding-left: 0;} .box_one li a{ padding-left: 0; color: #fff;} .box_one li a::before{content: none;} .box_one li i{display: none;} .box_one .active a{ font-weight: bolder;} .nav_menu{display: none;} .mbx{display: none;} .se_about_r{width: 95%; overflow: hidden; background:none; margin:0 auto; padding:0; float: none;} .se_about_cont p{text-indent:0!important;} .list2-banner{width: 95%;} .swiper-wrapper2 a{ width:100%; float: left;} .se_about_cont{ margin-top:50px;} .se_about{ height: auto; padding-top: 45px;} .se_about img{width: 100%;} } /*社会责任*/ .se_about_cont ul{ width:100%;height: auto;padding: 34px 0px;} .news_li {width: 100%;height: 150px;padding: 14px 0px;margin-bottom: 0px;border-bottom: 1px solid #e5e5e5;transition: 0.5s;} .news_li a {width: 100%;height: 100%;display: block;display: flex;justify-content: space-between;align-items: center;} .news_li a .li_time span:first-child {font-size: 37px;color: #999;line-height: 30px;} .news_li a .li_time span:last-child {font-size: 14px;color: #999;line-height: 30px;} .news_li a .li_time {width: 13%;height: 100%;background-color: #ececec;display: flex;justify-content: center;align-items: center;} .news_li a .li_cont {width: 85%;height: 100%;transition: 0.5s;} .news_li a .li_cont em{ font-style:normal;} .news_li a .li_cont .li_title {font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .news_li a .li_cont .li_text {font-size: 14px;color: #999;margin-top: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; line-height: 28px;} .news_li a .li_cont .li_btn {width: 90px;height: 30px;background-color: #e7e7e7;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #999;margin-top: 14px;transition: 0.5s;} .news_li:hover {box-shadow: 0px 0px 16px 0px rgba(32, 32, 32, 0.1);padding: 14px 12px;border-bottom: 1px solid #fff；} .news_li:hover .li_cont {width: 83%;} .news_li:hover .li_cont .li_btn {color: #FFFFFF;background-color: #b52121;} .news_cont .news_box .news_div .right_ul .right_li:first-child {display: block;} @media (max-width: 770px) { .news_li {width: 100%;height: 150px;padding: 14px 0px;margin-bottom: 0px;border-bottom: 1px solid #e5e5e5;transition: 0.5s;} .news_li a {width: 100%;height: 100%;display: block;display: flex;justify-content: space-between;align-items: center;} espcms_admin.news_li a .li_time span:first-child {font-size: 14px;color: #999;line-height: 30px;} .news_li a .li_time span:last-child {font-size: 14px;color: #999;line-height: 30px;} .news_li a .li_time {width: 30%;height: 100%;background-color: #ececec;display: flex;justify-content: center;align-items: center;} .news_li a .li_cont {width: 66%;height: 100%;transition: 0.5s; margin-top: 8px;} .news_li a .li_cont em{ font-style:normal;} .news_li a .li_cont .li_title {font-size: 16px;line-height: 28px;} .news_li a .li_cont .li_text {font-size: 12px;margin-top: 0px;} .news_li a .li_cont .li_btn {width: 90px;height: 30px;background-color: #e7e7e7;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #999;margin-top: 14px;transition: 0.5s;} .news_li:hover {box-shadow: 0px 0px 16px 0px rgba(32, 32, 32, 0.1);padding: 14px 12px;border-bottom: 1px solid #fff；} .news_li:hover .li_cont {width: 83%;} .news_li:hover .li_cont .li_btn {color: #FFFFFF;background-color: #b52121;} .news_cont .news_box .news_div .right_ul .right_li:first-child {display: block;} } /*加入我们*/ .zhaopin{width:100%; margin-top: 50px;} .zhaopin .zhaopin_tit{width:100%; overflow: hidden;background-color: #ededed;display: flex; justify-content: space-between; align-items: center; height: 65px;} .zhaopin .zhaopin_tit li{height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #333;font-weight: 600; width: 100%} .zhaopin .zhaopin_cont{width:100%;cursor: pointer;background-image: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 50%, transparent 50%);background-size: 8px 1px;background-repeat: repeat-x;background-position: bottom;transition: 0.5s; } .zhaopin .zhaopin_cont ul{width: 100%; height: auto;} .zhaopin .zhaopin_cont li{ width: 100%; height: 86px;cursor: pointer;background-image: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 50%, transparent 50%);background-size: 8px 1px;background-repeat: repeat-x; justify-content: space-between; align-items: center; background-position: bottom;transition: 0.5s;} .zhaopin .zhaopin_cont a {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;transition: .5s; } .zhaopin .zhaopin_cont a:hover{ background-color: #F6F6F6; color: #b52121;} .zhaopin .zhaopin_cont .head_zw {width: 30%; text-align: center; } .head_xl,.head_rs,.head_sj {width: 30%; text-align: center; } @media (max-width: 770px) { .zhaopin .zhaopin_tit{width:100%; overflow: hidden;background-color: #ededed;display: flex; justify-content: space-between; align-items: center; height: 65px;} .zhaopin .zhaopin_tit li{font-size: 15px;font-weight: 600; } .zhaopin .zhaopin_cont li{ font-size: 14px;height: 60px;} .zhaopin .zhaopin_cont a {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;transition: .5s; } .zhaopin .zhaopin_cont a:hover{ background-color: #F6F6F6; color: #b52121;} .zhaopin .zhaopin_cont .head_zw {width: 30%; text-align: center; } .head_xl,.head_rs,.head_sj {width: 30%; text-align: center; } } /*se-contact*/ .inbanner3 {width: 100%;height: 1000px;position: relative;overflow: hidden;background-color: #000;} .inbanner3 > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;z-index: 0;} .inbanner3.actived > img {-webkit-transform: scale(1.05); transform: scale(1.05);-webkit-transition: 8000ms;transition: 8000ms;} .inbanner3 .cer {position: relative;height: 100%;} .inbanner3 .e_video{ opacity: 0.5;} .cer {max-width: 1200px;margin: 0 auto;padding: 0 20px;} .ibcatein2 {position: absolute;width: 100%;left: 0;bottom: 50%;z-index: 1;color: #fff;text-align: center;overflow: hidden;margin-bottom: 5.4%;} .ibcatein2 .cn {font-size: 24px;line-height: 40px;height: 40px;margin-top: 30px;background: url('../images/line2.png') center no-repeat;} .ibcatein2 .cn span {padding-left: 8px;letter-spacing: 8px;} .ibcatein2 .en {font-size: 0;} .ibcatein2 img {max-width: 90%;} .mouse2 {width: 360px;height: 38px;padding-top: 40px;margin-bottom: -1.1%;position: absolute;left: 50%;margin-left: -180px;bottom: 50%;z-index: 2;font-size: 18px;line-height: 38px;color: #fff;text-align: center; background: url('../images/addr.png') center 0 no-repeat;} .bantel {width: 100%;position: absolute;left: 0;top: 50%;z-index: 1;margin-top: 8.5%;height: 42px;line-height: 42px;text-align: center;} .bantel a {display: inline-block;font-size: 24px;color: #fff;font-family: 'helvetica';margin: 0 30px;padding-left: 32px;} .bantel a.tel1 {background: url('../images/tel1.png') 0 no-repeat;} .bantel a.tel2 {background: url('../images/tel2.png') 0 no-repeat;} .fullline {width: 100%;position: absolute;left: 0;top: 50%;z-index: 1;overflow: hidden;margin-top: 3.8%;height: 1px;background-color: rgba(255, 255, 255, 0.2);} .fullline:before {content: '';position: absolute;left: -100%;bottom: 0;z-index: 2;width: 100%;height: 2px;background-color: #fff;-webkit-animation: widthgrow 20s linear infinite;animation: widthgrow 20s linear infinite;} @-webkit-keyframes widthgrow { from { left: -100%; } to { left: 100%; } } @keyframes widthgrow { from { left: -100%; } to { left: 100%; } } .lxbtnout {height: 68px;font-size: 0;text-align: center;position: absolute;left: 0;top: 50%;margin-top: 13.8%;z-index: 1;width: 100%;} .lxbtnout a {display: inline-block;width: 66px;height: 66px;margin: 0 30px;border-radius: 34px;border: 1px solid #fff;text-align: center;line-height: 66px;} .lxbtnout a > img {max-width: 90%;-webkit-transition: 1s;transition: 1s;margin-top: 20px;;} .lxbtnout a:hover > img {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .footwx {position: relative;} .footwx .bigewm {position: absolute;width: 140px;height: 140px;bottom: 110%;left: 50%;margin-left: -70px;z-index: 1;display: none;line-height: 140px;background-color: #fff;} .footwx .bigewm img {width:100%} @media screen and (max-width: 1400px) { .ibcatein2 {margin-bottom: 85px;} .mouse2 {margin-bottom: -6px;} .lxbtnout {margin-top: 184px;} } @media screen and (max-width: 920px) { .bantel a {font-size: 20px;margin: 0 20px;} } @media screen and (max-width: 550px) { .bantel a {display: block;width: 220px;margin: 0 auto;text-align: left;} .lxbtnout a {margin: 0 15px;} } @media (max-width: 770px) { .inbanner3 {height: 600px;} .fullline,.lxout{display: none;} } .lxout {width: 100%;background-color: #323844;} .lx {padding-left: 336px;height: 650px;position: relative;} .door {width: 336px;height: 100%;background-color: #e6462e;position: absolute;left: 0;top: 0;z-index: 1;} .door .fig1 {position: absolute;left: 0;top: 89px;z-index: 1;width: 100%;height: 50px;background: url('../images/shu.png') center no-repeat;} .door .fig2 {position: absolute;left: 0;top: 50%;z-index: 1;width: 100%;height: 75px;background: url('../images/logo3.png') center no-repeat;margin-top: -59px;} .door .hx {width: 68px;height: 1px;background-color: #fff;margin-left: -34px;position: absolute;left: 50%;top: 50%;z-index: 1;margin-top: 142px;} .door .txt {position: absolute;left: 0;bottom: 32px;z-index: 1;width: 100%;opacity: 0.5;font-size: 16px;color: #fff;line-height: 2em;height: 2em;text-align: center;} .door .txt span {letter-spacing: 14px;padding-left: 14px;} .lxform {padding-top: 152px;} .lxform .title {height: 48px;font-size: 0;line-height: 48px;text-align: center;overflow: hidden;position: relative;} .lxform .title i {width: 166px;height: 100%;position: absolute;left: 52px;top: 0;z-index: 0;} .lxform .title i.i2 {left: auto;right: 52px;} .lxform .title i:before {content: '';position: absolute;left: 0;top: 50%;z-index: 0;width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.12);} .lxform .title span {display: inline-block;vertical-align: top;height: 100%;font-size: 24px;color: #fff;font-family: 'Source Han Serif CN';} .lxform .title span em {font-weight: normal;color: #e6462e;} .control-label{display: none;} .col-sm-9{float: left;width: 45%;height: 50px;line-height: 50px;margin: 0 12px 30px 12px;} .liuyan2 {margin: 44px 0 0;padding: 0 40px;font-size: 0;} .liuyan2 p {height: 100%;margin: 0 12px;} .liuyan2 input[type=text] {width: 100%;height: 50px;border: 0 none;background-color: transparent;line-height: 50px;text-indent: 22px;font-size: 18px;color: #fff;outline: 1px solid rgba(255, 255, 255, 0.2);-webkit-transition: 0.3s;transition: 0.3s;} .liuyan2 input[type=text]:focus, .liuyan2 select:focus {outline: 1px solid #e6462e;} .liuyan2 i.v {display: inline-block;width: 100%;height: 100%;vertical-align: top;} .liuyan2 select {width: 100%;height: 50px;border: 0 none;background-color: transparent;line-height: 50px;text-indent: 20px;font-size: 18px;color: #fff;outline: 1px solid rgba(255, 255, 255, 0.2);-webkit-transition: 0.3s;transition: 0.3s; } .liuyan2 select option {color: #666;} .liuyan2 input.btn {background-color: #e6462e;height: 50px;font-size: 18px;color: #fff;line-height: 39px; width: 30%; border: none;} .liuyan2 input.btn:hover {opacity: 0.8;} @media screen and (max-width: 1080px) { .lx {padding: 50px 0;height: auto;} .door {position: relative;width: 100%;height: 250px;} .door .svg {display: none;} .door .fig1 {top: 30px;} .door .fig2 {margin-top: -30px;} .door .hx {display: none;} .lxform {padding-top: 50px;} .liuyan2 {padding: 0;} } @media screen and (max-width: 750px) { .liuyan2 .hang {float: none;width: 100%;} .liuyan2 .btnarea {float: none;} } @media screen and (max-width: 750px) { .lxform .title i {display: none;} .lxform .title span {margin: 0 auto;} } @media (max-width: 1280px) { .ny_contact_cont ul{ margin:60px auto 70px auto; width:100%;} .ny_contact_cont li{ float:left; width:27%; margin-right:30px; margin-bottom: 20px;} .ny_contact_cont li:nth-child(3n){ margin-right:0px;} .ny_contact_cont > li {display: inline-block;padding-left: 5px;padding-right: 5px;} .c-info a {margin:0 auto 10px auto;} .liuyan h3{font-size: 16px;} } @media (max-width: 770px) { .ny_contact_cont{ width:90%; margin:60px auto;} .ny_contact_cont ul{ margin:60px auto 70px auto; width:100%;} .ny_contact_cont li{ float:left; width:43%; margin-right:30px; margin-bottom: 20px;} .ny_contact_cont li:nth-child(3n){ margin-right:30px;} .ny_contact_cont li:nth-child(2n){ margin-right:0px;} .ny_contact_cont > li {display: inline-block;padding-left: 5px;padding-right: 5px;} .c-info a {margin:0 auto 10px auto;} .liuyan{width:90%; margin: 0 auto;} .liuyan h3{font-size: 16px;} } /*云门之旅*/ .se_zhilv{width:100%; height: 350px;} /*企业荣誉*/ .tel_se_honor{display: none;} .se_honor{overflow:hidden; width: 80%; margin: 0 auto;} .se_honor ul{ width:100%; margin-top:50px;} .se_honor li{float:left; padding:0; width:22.7%; margin:0 3% 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;} .se_honor li .p-img{ width:100%; text-align:center; position:relative; overflow:hidden } .se_honor li .p-name{ line-height:28px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee; padding: 15px 10px; height: 80px;} .se_honor li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_honor li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_honor li:nth-child(4n){ margin:0 0 25px 0;} @media (max-width: 1280px) { .se_honor li{width:31%;} .se_honor li:nth-child(4n){ margin:0 3% 25px 0;} .se_honor li:nth-child(3n){ margin:0 0 25px 0;} .se_honor li .p-name{ line-height:28px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:14px; border-top:1px solid #eee; padding: 15px 10px; height: 80px;} } @media (max-width: 770px) { .se_honor,.showpic{display: none;} .tel_se_honor{display: block;overflow:hidden; width:95%; margin: 0 auto;} .tel_se_honor ul{ width:100%; margin-top:50px;} .tel_se_honor li{float:left; padding:0; width:49%; margin:0 2% 2% 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;} .tel_se_honor li .p-img{ width:100%; text-align:center; position:relative; overflow:hidden } .tel_se_honor li .p-name{ line-height:28px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee; padding: 15px 10px; height: 80px;} .tel_se_honor li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .tel_se_honor li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .tel_se_honor li:nth-child(2n){ margin:0 0 2% 0;} } /*大师风采*/ .tel_main{display:none;} .tel_erji_nav{display:none;} .dashi_list{width:40%; margin:3rem auto 0 auto;} .dashi_list ul{ margin:0 auto;} .dashi_list li{ padding:0 6%; float: left; line-height: 40px; border: 1px solid #f2f2f2; text-align: center; margin: 0 2% 2% 0;} .dashi_list li:nth-child(2){margin-right:0} .se_dashi{overflow:hidden;} .se_dashi ul{ width:100%; margin-top:50px;} .se_dashi li{float:left; padding:0; width:22.7%; margin:0 3% 25px 0; position:relative; overflow:hidden; } .se_dashi li .p-img{ width:100%; text-align:center; position:relative; overflow:hidden } .se_dashi li .p-name{ line-height:60px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:19px; color: #333} .se_dashi li .p-name em{display:none; font-style: normal; font-size: 15px; line-height: 28px; } .se_dashi li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_dashi li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_dashi li:nth-child(4n){ margin:0 0 25px 0;} /*名家赞誉*/ .se_tuandui{overflow:hidden;} .se_tuandui ul{ width:100%; margin-top:50px;} .se_tuandui li{float:left; padding:0; width:22.7%; margin:0 3% 25px 0; position:relative; overflow:hidden; } .se_tuandui li .p-img{ width:100%; text-align:center; position:relative; overflow:hidden } .se_tuandui li .p-name{ line-height:57px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; height: 57px; background:#b22124; color: #fff; padding:0 5px;} .se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_tuandui li:nth-child(4n){ margin:0 0 25px 0;} /*新闻综合页面*/ .er_nav{width:80%; margin: 0 auto;} .se_newsbg{ width:100%; position: relative; overflow: hidden; height: 118px; background: #b4201e ;} .er_nav_add2{ width:100%; position:absolute; top:121px; z-index:3; background:rgba(255,255,255,0.85)} .er_nav_add2 .espcms_page_location{ width:80%; margin:0 auto 30px auto;line-height:90px; font-size:16px; border-bottom:0 solid #eee} .er_nav_add2 .espcms_page_location li{ padding:0 0 0 30px; font-size:16px; color:#666; float:left} .er_nav_add2 .espcms_page_location li a{color:#666} /*news_nav*/ .news_nav{ width:80%; margin:0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .news_nav li{ text-align:center;} .news_nav li a{ font-size:22px; color:rgba(0, 0, 0, 0.6); line-height:100px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; position:relative; height:100px;} .news_nav li a:hover{ color:#c30f0e;} .news_nav li a span{ display: block;background-repeat:no-repeat; float:left; margin-right:20px;} .news_nav li a span i{display: block; width: 60px; height: 60px; background-repeat: no-repeat;} .news_nav li a:hover span{ background-position: left bottom;} .news_nav li.honor_li a span{ background-position: left bottom;} .news_nav li a:hover p{color: #014099;} .news_nav li a:before{position: absolute;bottom: 0;content: "";display: block;width: 0;height: 2px; background: #c30f0e;transition-duration:.3s; left:50%; } .news_nav li a:hover:before{ width: 450px; left:50%; margin-left:-225px; } .news_nav li.on a:before{ width: 450px; left:50%; margin-left:-225px; } .news_nav li.on a{ color:#c30f0e; } @media (max-width: 1280px) { .news_nav li a,.zhilv_nav li a,.bowuguan_nav li a,.pro_nav li a{ font-size:16px; } } @media (max-width: 770px) { .tel_main{display:block} .er_nav_add2 .espcms_page_location li{ padding:0 0 0 0px; font-size:15px; color:#666; float:left} .se_newsbg{ width:100%; position: relative; overflow: hidden; height: 80px; background: #b5211f ;} .er_nav_add2{ width:100%; position:absolute; top:100px; z-index:3; background:rgba(255,255,255,0.85); padding: 1rem 0;} .er_nav_add2 .espcms_page_location{ width:95%; margin:0 auto 0 auto;line-height:30px; font-size:14px; border-bottom:0 solid #eee} .er_nav_add2 .espcms_page_location li{font-size:14px; } /*news_nav*/ .er_nav{width:100%; } .news_nav{ width:95%; margin:0 auto;flex-wrap: wrap;} .news_nav ul{display: flex; display:-webkit-flex;-webkit-justify-content: center; justify-content: center; flex-wrap: wrap; padding: 3% 0} .news_nav li{ line-height: 40px; font-size: 16px; text-align: center; background: #b5211f; margin: 0 1% 1% 0; width: 30%; padding-left: 0;} .news_nav li a,.zhilv_nav li a,.bowuguan_nav li a,.pro_nav li a{ font-size:15px;line-height:40px;height:40px; color: #fff;} .news_nav li a:hover,.zhilv_nav li a:hover,.bowuguan_nav li a:hover,.pro_nav li a:hover{ color:#c30f0e;} .news_nav li a span,.zhilv_nav li a span,.bowuguan_nav li a span,.pro_nav li a span{ display: block;background-repeat:no-repeat; float:left; margin-right:20px;} .news_nav li a span i,.zhilv_nav li a span i,.bowuguan_nav li a span i,.pro_nav li a span i{display: block; width: 60px; height: 60px; background-repeat: no-repeat;} .news_nav li a:hover span,.zhilv_nav li a:hover span,.bowuguan_nav li a:hover span,.pro_nav li a:hover span{ background-position: left bottom;} .news_nav li.honor_li a span,.zhilv_nav li a span,.bowuguan_nav li a span,.pro_nav li a span{ background-position: left bottom;} .news_nav li a:hover p,.zhilv_nav li a:hover p,.bowuguan_nav li a:hover p,.pro_nav li a:hover p{color: #014099;} .news_nav li a:hover:before,.zhilv_nav li a:hover:before,.bowuguan_nav li a:hover:before,.pro_nav li a:hover:before{ width: 450px; left:50%; margin-left:-225px; } .news_nav li.on a:before,.zhilv_nav li.on a:before,.bowuguan_nav li.on a:before,.pro_nav li.on a:before { width: 450px; left:50%; margin-left:-225px; } .news_nav li.on a,.zhilv_nav li.on a,.bowuguan_nav li.on a,.pro_nav li.on a{ color:#c30f0e; } } .news_abg{ width: 100%; background: #fff; height: 630px} .newsnei{ width: 100%;} .newsnei h2{ margin:0 auto; font-weight:normal; margin-bottom:35px; padding:0 0 0 20px; text-align:center; } .newsnei h2 span{ color:#333; font-size:44px; display:block; line-height:79px;} .newsnei h2 p{ color:#777; font-size:15px; line-height:25px;} .newsnei .s_width{ overflow:hidden; width:80%; margin:0 auto; height: 445px;} .news_a li{float:left; padding:0; width:32%; height:418px; position:relative; overflow:hidden; margin:0 2% 2% 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;} .news_a li:nth-child(3n){margin-right:0} .news_a li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .news_a li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .news_a_l{ width:100%; height:315px; position:absolute; overflow:hidden; left:0; top:0} .news_a_l img{width:100%;} .news_a_l a{ width:412px; height:250px; z-index:3; display:block} .news_a_l a span{ display:block; color:#ffffff; line-height:40px; width:390px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;} .news_a_l a:hover span{ color:#ffd800} .news_a_r{ width:100%; position:absolute; bottom:0;left:0; height:120px; background:#eee; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; } .news_a_r i{ font-style:normal; color:#555; display:block; line-height:65px; background:url(../images_nei/jiantou.png) no-repeat right center; z-index:2; position:relative; font-size:18px; color:#333; margin:0 25px;} .news_a_r p{ margin:0 25px; line-height:24px; font-size:14px; color:#555; height:0; overflow:hidden;} .news_a_r .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#777} .news_a li:hover .news_a_r{ height:170px;} .er_bg{height:115px;} @media (max-width: 1440px) { .news_abg{ height: 520px} .news_a_l{ height:203px;} .news_a li{ height:323px;} .news_a_r i{ line-height:31px; margin-top: 20px;} .newsnei .s_width{ height: 334px;} } @media (max-width: 1280px) { .news_abg{ height: 475px} .news_a_l{ height:173px;} .news_a li{ height:293px;} .news_a_r i{ line-height:26px; margin-top: 10px; font-size: 16px;} .newsnei .s_width{ height: 295px; width: 90%;} .er_bg{height:240px;} } @media (max-width: 770px) { .er_bg{height:140px; } .news_abg{height:550px;} .newsnei h2{padding:0 0 0 0px; } .newsnei h2 span{ font-size:25px;line-height:50px;} .newsnei .s_width{ width:95%; height: 429px;} .news_a li{width:48%; height:208px; margin:0 2% 2% 0;} .news_a li:nth-child(3n){margin-right:2} .news_a li:nth-child(2n){margin-right:0} .news_a_l{ width:100%; height:315px; } .news_a_l a span{ display:block; color:#ffffff; line-height:40px; width:390px; font-size:15px; } .news_a_r{ height:93px; } .news_a_r i{ line-height:21px; font-size:14px; margin:12px 7px 0 7px;} .news_a_r p{ margin:0 25px; line-height:24px; font-size:14px; color:#555; height:0; overflow:hidden;} .news_a_r .newsnei_con_date{ margin:0 7px; line-height:30px; font-size:14px; color:#777} .news_a li:hover .news_a_r{ height:170px;} } /*se_news_bg*/ .se_news_bg{ background:#f8f8f8; padding:100px 0 90px 0;} .se_xinwen{ width:1280px; margin:0 auto} .se_xinwen_l{ width:990px; background:#fff; padding:30px 28px; box-sizing:border-box} .se_xinwen_r{ width:240px; background:#fff; padding:30px 15px; box-sizing:border-box} .se_fenxiang{ margin:0 0 35px 0} .se_fenxiang h2{ color:#444; font-weight:normal; font-size:14px;} .join_back{ background:#d42828; line-height:45px; text-align:center; border-radius:5px;} .join_back a{ color:#fff; font-size:17px;} .join_back a:hover{ color:#fff;} .se_date{ font-size:15px; color:#888; line-height:85px;} .se_date a{ color:#888;} /*se_hangye*/ .se_news_con{ padding:40px 0 0 0; width:100%; margin:0 auto;} .se_news_con ul{ } .se_news_con li{ margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee; } .se_news_con li:hover { background:#f2f2f2; top:20px;} .se_news_con .se_news_da{ width:100%; margin:0 auto;} .se_news_l{ width:25%; position:relative; overflow:hidden; height:200px; transition: .5s;} .se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); margin-left: 2%} .se_news_r{ width: 70%; position: relative; z-index: 2; padding:0px 20px 0 0} .se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;} .se_news_r h2{ font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;} .se_news_r h2 a{ font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;} .se_news_r h2 a:hover{ color:#0f58ce; } .se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;} .se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_news_r .se_news_more a{ color:#b32121; font-size:14px;} .se_news_r .se_news_more a:hover{ color:#333; } .se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; } .se_news_con li:hover .se_news_more a{ color:#ca2c2c; } .se_news_con li:hover .se_news_r h2 a{ color:#333; } .se_news_con li:hover .se_news_r h2{ color:#666; } .se_news_con li:hover .se_news_r p{ color:#666; } @media (max-width: 1280px) { .se_news_con{ width:90%; margin:0 auto;} .se_news_l{height:110px;} .se_news_r h2 a{ font-size:20px;line-height:40px;} .se_news_r p{ line-height:23px; color:#777; padding:0px 0 10px 0; font-size:14px;} .se_news_con .se_news_more{display:none;} } @media (max-width: 770px) { .se_news_con{ width:90%; margin:0 auto;padding:0px 0 0 0;} .se_news_l{height:80px;} .se_news_r h2 a{ font-size:16px;line-height:30px;} .se_news_r h3{font-size: 16px; line-height: 31px;} .se_news_r p{display:none;} .se_news_con .se_news_more{display:none;} } /*企业新闻*/ .newsnei_con{padding:40px 0 0 0; width:100%; margin:0 auto;} .newsnei_con li{float:left; padding:0; width:32.3%; height:330px; position:relative; overflow:hidden; background:#fff; margin:0 1% 2% 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .newsnei_con li:nth-child(3n){ margin-right:0;} .newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .newsnei_con_l{ width:398px; height:330px; position:absolute; overflow:hidden; left:0; top:0} .newsnei_con_l a{ width:398px; height:330px; z-index:3; display:block} .newsnei_con_l a span{ display:block; color:#ffffff; line-height:40px; width:398px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;} .newsnei_con_l a:hover span{ color:#ffd800} .newsnei_con_b{ width:100%; position:absolute; bottom:0;left:0; height:114px; background:rgba(0,0,0,0.5); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .newsnei_con_b i{ font-style:normal; color:#555; display:block; line-height:31px; z-index:2; position:relative; font-size:18px; color:#fff; margin:0 25px; font-weight:bold} .newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; color:#fff; height:0; overflow:hidden;} .newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#fff} .newsnei_con li:hover .newsnei_con_b{ height:170px;} @media (max-width: 1280px) { .newsnei_con li{ width:49%; height:270px; margin:0 2% 2% 0;} .newsnei_con li:nth-child(3n){ margin-right:2%;} .newsnei_con li:nth-child(2n){ margin-right:0;} .newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .newsnei_con_l{ width:100%; height:100%; position:absolute; overflow:hidden; left:0; top:0} .newsnei_con_l a{ width:100%; height:100%; z-index:3; display:block} .newsnei_con_l a span{ display:block; color:#ffffff; line-height:40px; width:398px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;} .newsnei_con_l a:hover span{ color:#ffd800} .newsnei_con_b{ width:100%; } .newsnei_con_b i{line-height:30px; font-size:17px; margin:0 13px; padding-top:20px; } .newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; color:#fff; height:0; overflow:hidden;} .newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#fff} .newsnei_con li:hover .newsnei_con_b{ height:170px;} } @media (max-width: 770px) { .newsnei_con_b i{font-size:16px;} } /*内页博物馆*/ .tel_guihuaout{display: none;} .guihuaout {padding: 3rem 0 3rem 0; width: 80%; margin: 0 auto;} .guihlist {margin: 0 -13px;height: 730px;overflow: hidden;} .guihlist li {float: left;width: 33.3%;height: 100%;} .guihlist li .lin {padding: 0 13px;height: 100%;} .guihlist li a {display: block;width: 100%;position: relative;height: 100%;overflow: hidden;} .guihlist .bg {width: 100%;height: 100%;overflow: hidden;position: relative;} .guihlist .bg img {position: absolute;left: 50%;top: 0;z-index: 0;width: 100%;height: 100%;margin-left: -50%;} .guihlist li .wrap {background-color: rgba(241, 154, 27, 0);width: 100%;text-align: center;-webkit-transition: .4s;transition: .4s;position: absolute;left: 0;bottom: 0;z-index: 3;} .guihlist li h3 {font-size: 20px;color: #fff;line-height: 40px;font-weight: bold;height: 40px;overflow: hidden;margin-top: -28px;} .guihlist li .txt {font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 31px;width: 90%;height: 0;overflow: hidden;margin: 0 auto;} .guihlist li .hx {display: block;margin: 0 auto;width: 66px;height: 0;background-color: #fff;} .guihlist li .fig {display: block;width: 146px;height: 146px;margin: 0 auto;border-radius: 50%;border: 1px solid transparent;line-height: 146px;} .guihlist li .fig img{ margin-top: 40px;} .guihlist li .sx1 {width: 1px;height: 0;margin: 0 auto;background-color: rgba(255, 255, 255, 0.2);} .guihlist li .sx2 {width: 1px;height: 26px;margin: 0 auto;background-color: rgba(255, 255, 255, 0.2);} .guihlist li:hover .wrap {background-color: #b62123;} .guihlist li:hover h3 {margin-top: 30px;} .guihlist li:hover .txt {height: 60%;} .guihlist li:hover .hx {margin-top: 36px;margin-bottom: 37px;height: 3px;} .guihlist li:hover .fig {border-color: #fff;} .guihlist li:hover .sx1 {height: 200px;} .guihlist li:hover .sx2 {height: 200px;} .guihlist h3,.guihlist .txt,.guihlist .hx,.guihlist .fig {-webkit-transition: .4s;transition: .4s;} .guihlist .wrap,.guihlist .sx1,.guihlist .sx2 {-webkit-transition: 1s;transition: 1s;} @media screen and (max-width: 1600px) { .guihlist {margin: 0;height: 600px;} } @media screen and (max-width: 1500px) { .guihlist {margin: 0;height: 550px;} .guihlist li .lin {padding: 0;} } @media screen and (max-width: 1100px) { .guihlist li .txt {width: 220px;font-size: 14px;} } @media screen and (max-width: 1024px) { .guihlist li {width: 50%;height: 50%;} .guihlist .bg img {width: 512px;height: auto;margin-left: -256px;} .guihlist li:hover .sx1 {height: 40px;} .guihlist li:hover .sx2 {height: 40px;} } @media (max-width: 770px) { .guihuaout { display: none;} .tel_guihuaout{display: block;width: 100%;;} .tel_guihuaout ul{display: flex; display:-webkit-flex;-webkit-justify-content: center; justify-content: center; flex-wrap: wrap; padding: 3% 0;} .tel_guihuaout li{line-height: 40px; text-align: center; background: #b5211f; margin: 0 auto 1% auto; width: 95%; color: #fff; padding: 2%;} .tel_guihuaout li h3{font-weight: 800; margin-bottom: 2%; font-size: 20px; text-align: center;} .tel_guihuaout .txt{ line-height: 28px;} } .mingjia{ width:100%; background:#f2f2f2; margin:0 auto; padding-bottom: 1rem;} .mingjia .mingjia_tit{ width:80%; height:180px; position:relative; margin:0 auto; } .mingjia .mingjia_tit h2{ position:absolute; left:0; top:2rem; } .mingjia .mingjia_tit h2 em{ font-size:40px; color:#2d2d30; display:block; font-family: georgia,serif;text-transform: uppercase; line-height: 31px;} .mingjia .mingjia_tit h2 i{ font-style:normal; font-size:40px; font-weight:normal;} .mingjia .mingjia_tit h2 i:after{ content:""; width:260px; height:1px; background:#c6c6c6; display:inline-block; margin-left:10px;} .tx_index_pro{ overflow:hidden; width:100%; padding:20px 0; clear:both; position:relative;} .inbg{height: auto;} .rtCont{position:relative;width:80%;margin: 0 auto;overflow: hidden;} .rtCont ul{margin:0 auto;width:100%;overflow:hidden;} .rtCont li{float:left;text-align:center;width:23%; margin: 0 2% 2% 0;} .rtCont li:nth-child(4n){margin-right: 0;} .rtCont li a{display:block;position: relative;transition:all .2s ease;padding-top: 20px;} .rtCont li a img{display:block;font-size:0px;width:100%;transition:all .2s ease;border:6px solid #e6e0e0;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.1); box-shadow: 0 0px 15px rgba(0,0,0,0.1);margin: 0 auto;} .rtCont li a p{margin-top: 15px;font-size:20px;color: #333;margin-bottom: 0; font-weight:bold;} .rtCont li a:hover img{-webkit-box-shadow: 0 0px 15px rgba(92,181,26,1);box-shadow: 0 0px 15px rgba(255,255,255,1);border-color: #ebe8e7;} .rtCont li a:hover p{color: #000} .rtCont>a{transition: .5s;} .rtCont>a:hover{background: #fff;color: #999;box-shadow: 0 0px 10px rgba(0,0,0,0.3);} .rtCont li ol{ line-height:55px; font-size:24px; color:#333} /*内页产品展示*/ .pro_nav{ width:80%; margin:0 auto} .pro_nav li{ width:calc(100%/6); float:left; text-align:center} .ny_product{ width:100%; height:1710px;position:relative; background: url("../images/neiyebeijing.jpg") repeat;} .in_pro_list{ width:72%; position:absolute; z-index:2; left:50%; margin-left:-36%; top:70px;} .in_pro_list li{ float:left; width:650px; margin:0 50px 35px 0 ; height:530px; position:relative; overflow:hidden; transition: all 0.3s; cursor:pointer;} .in_pro_list li:nth-child(2n){ margin:0 0 35px 0 ;} .in_pro_list li img{ display:block; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .in_pro_list li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .in_pro_list li h3{ position: absolute; width:100%;text-align:center; z-index:2; left:0; bottom:0px; transition: all 0.3s; box-sizing:border-box;} .in_pro_list li:hover h3{ bottom:0} .in_pro_list li h3 strong{ color:#333; font-size:25px; display:block; line-height:80px;font-weight:normal;} .in_pro_list li h3 p{ display:none; transition: all 0.3s; padding:0 20px; color:#333;} .in_pro_list li h3 a{ color:#333; font-size:15px; font-weight:normal; display:inline-block; width:31%; line-height:35px;} .in_pro_list li:hover h3 p{ display:block; font-size:15px; } @media (max-width: 1440px) { .ny_product{ height:1580px;} .in_pro_list{ width:90%;margin-left:-45%;} .in_pro_list li{ float:left; width:575px; height:460px;} } @media (max-width: 1280px){ .ny_product{ height:1200px;} .in_pro_list{ width:90%;margin-left:-45%;} .in_pro_list li{ float:left; width:418px; height:340px;} } @media (max-width: 770px){ .rtCont{width:95%;} .rtCont li{float:left;text-align:center; width: 49%; margin: 0 2% 2% 0;} .rtCont li:nth-child(2n){margin-right: 0;} .rtCont li a img{width:100%;height:auto;} .tx_index_pro{ padding:0px 0;} .pro_nav{ width:95%; margin:0 auto} .pro_nav li{ width:24%;} .ny_product{ width:100%; height:2175px;} .in_pro_list{ width:100%; position:absolute; z-index:2; left:50%; margin-left:-50%; top:35px;} .in_pro_list li{ float:left; width:100%; margin:0 50px 35px 0 ; height:330px; } .in_pro_list li:nth-child(2n){ margin:0 0 35px 0 ;} .in_pro_list li img{ display:block; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .in_pro_list li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .in_pro_list li h3{ position: absolute; width:100%; background:rgba(181,33,33,1); text-align:center; z-index:2; left:0; bottom:0px; transition: all 0.3s; box-sizing:border-box; font-weight:normal;border-radius: 30px;} .in_pro_list li:hover h3{ bottom:0} .in_pro_list li h3 strong{ color:#fff; font-size:20px; display:block; line-height:45px;} .in_pro_list li h3 p{ display:none; transition: all 0.3s; padding:0 20px; color:#fff;} .in_pro_list li h3 a{ color:#fff; font-size:15px; font-weight:normal; display:inline-block; width:31%; line-height:35px;} .in_pro_list li:hover h3 p{ display:block; font-size:15px; } } .erji_nav{width:100%; margin:0 auto;} .erji_nav ul{ margin:0 auto;} .erji_nav li{ padding:0 4.5%; float: left; line-height: 40px; border: 1px solid #f2f2f2; text-align: center; margin: 0 2% 2% 0;} .erji_nav li:nth-child(6){margin-right:0} .se_proms{width:100%;overflow:hidden; margin-top: 50px;} .se_proms p{ line-height: 31px;;} .se_pro{overflow:hidden;} .se_pro p{line-height: 43px; margin-top: 5%;} .se_pro ul{ width:90%; margin:50px auto 0 auto;} .se_pro li{float:left; padding:0; width:31.3%; margin:0 3% 0 0; position:relative; overflow:hidden; } .se_pro li .p-img{ width:100%; text-align:center; position:relative; overflow:hidden;border:4px solid #f6f6f6 } .se_pro li .p-name{ line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:17px; height: 70px; color: #333} .se_pro li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_pro li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pro li:nth-child(3n){ margin:0 0 0 0;} @media (max-width: 1280px) { .erji_nav li{ padding:0 3.5%; float: left; line-height: 40px; border: 1px solid #f2f2f2; text-align: center; margin: 0 2% 2% 0;} .se_pro li{float:left; padding:0; width:31%; margin:0 3% 0 0; position:relative; overflow:hidden; } .se_pro li:nth-child(4n){ margin:0 3% 0 0;} .se_pro li:nth-child(3n){ margin:0 0 0 0;} } .pro_read{ width:100%; margin:2rem auto 50px auto; height: 500px;} .espcms_pro_photo{} .espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0; margin-top:0px} .espcms_pro_photo li img{width:76px;height:76px; } .espcms_pro_photo li a{ padding-left:20px;} .pro_read .pro_read_r{ float:right; width:45%; margin:16px 0 0 0;} .pro_read .pro_read_r h2{ font-size:29px; color:#0a0809;} .pro_read .pro_read_r h2:after{ content:""; width:150px; margin:10px 0 30px 0; display:block; height:5px; background:#b52121;} .pro_read .pro_read_r .proread_date{ font-size:15px; color:#666; line-height:28px;} .pro_read .pro_read_r .proread_date a{ color:#666;} .pro_read .pro_read_r .proread_tel{ width:100%; margin:1rem auto 45px auto;} .pro_read .pro_read_r .proread_tel li{ width:60%;float:left; margin-right:5%; margin-bottom:0.5rem;} .pro_read .pro_read_r .proread_tel li:nth-child(3){ margin-right:0;} .pro_read .pro_read_r .proread_tel li img{width: 100%;border-radius:30px; } .pro_read_cont{ width:100%; margin:0 auto; border:1px solid #e3e2e2; padding:40px;} .pro_read_cont h3{ background:#f2f2f2; height:60px; line-height:60px; padding-left:20px; color:#333; font-size:25px; font-weight:normal; margin-bottom:30px;} .pro_read_cont p{ font-size:16px; line-height:31px; color:#666;} .pro_read_cont p span{ font-size:22px; padding:5px 0; display:block; color:#333a8f; padding-left:20px; margin:15px 0;background:url(../img/kuang.jpg) no-repeat left center;} .pro_read .pro_read_r p{ font-size:16px; line-height:28px; margin-bottom:0px;} .modal-dialog{width: 520px; margin:0px 0 0 20px; height:405px;} .modal-content{height: 100% !important;} #showbigpic{width: 520px;margin: 0 auto;/*max-width:642px;*/} .piclist{width:89%;overflow: hidden; margin:0 auto; padding-top:20px;} .absolute{position:absolute} .arrow-left{top:40px;left:0;color:white;cursor: pointer;width:20px;height:100px; background:url(/templates/netskin/images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-right{top:40px;right:0;color:white;cursor: pointer;width:20px;height:100px; background:url(/templates/netskin/images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-left:hover{ background:url(/templates/netskin/images/left_h2.png) no-repeat center top;} .arrow-right:hover{ background:url(/templates/netskin/images/right_h2.png) no-repeat center top;} #mycarousel{ transition: all .4s;} @media (max-width: 1440px) { .pro_read{ width:90%;margin:5rem auto 0px auto;height: auto; } .modal-dialog{margin:0px 0 0 20px; height:auto;} #showbigpic{width: 650px;} .pro_read .pro_read_r{ float:right; width:42%; margin:30px 0 0 0;} .pro_read_cont{ width:90%; padding:20px;} .pro_read_cont h3{ height:50px; line-height:50px; font-size:20px;} } @media (max-width: 1280px) { .pro_read .pro_read_r h2{ font-size:30px; } .pro_read{ width:90%;margin:5rem auto 0px auto; } .modal-dialog{margin:0px 0 0 20px; height:340px;} #showbigpic{width: 450px;} .pro_read .pro_read_r{ float:right; width:42%; margin:30px 0 0 0;} } @media (max-width: 770px) { .se_pro p{line-height:31px; } .se_pro ul{ width:100%; margin:50px auto 0 auto;} .se_pro li{float:left; padding:0; width:49%; margin:0 2% 2% 0; position:relative; overflow:hidden; } .se_pro li:nth-child(n){ margin: 0;} .se_pro li .p-name{ line-height:50px; font-size:16px; height: 50px;} .pro_read_cont{ width:90%; padding:10px;} .pro_read .pro_read_r h2{ font-size:20px; } .pro_read{ width:95%;margin:0rem auto 0px auto;height: 830px; overflow: hidden; } .modal-dialog{margin:0px 0 0 20px; height:340px;} #showbigpic{width: 450px;} .pro_read .pro_read_r{ float:right; width:100%; margin:115px 0 0 0;} .pro_read_cont h3{ height:40px; line-height:40px; font-size:18px;} .espcms_pro_photo li img{width:76px;height:45px; } .arrow-left{top:24px;width:20px;height:60px; } .arrow-right{top:24px;width:20px;height:60px; } } .f_80{font-size: 80px;} .f_72{font-size: 72px;} .f_62{font-size: 62px;} .f_48{font-size: 48px;} .f_40{font-size: 40px;} .f_35{font-size: 35px;} .f_30{font-size: 30px;} .f_24{font-size: 23px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_15{font-size: 15px;} .f_14{font-size: 14px;} /*===================== 响应式代码 START =====================*/ @media( max-width:1600px ){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 40px;} .f_48{font-size: 38px;} .f_40{font-size: 30px;} .f_35{font-size: 30px;} .f_30{font-size: 24px;} .f_24{font-size: 20px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_15{font-size: 15px;} .f_14{font-size: 14px;} } @media( max-width:1210px ){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 30px;} .f_48{font-size: 28px;} .f_40{font-size: 26px;} .f_35{font-size: 24px;} .f_30{font-size: 24px;} .f_24{font-size: 16px;} .f_20{font-size: 18px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .f_15{font-size: 14px;} .f_14{font-size: 14px;} } @media (max-width:750px){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 30px;} .f_48{font-size: 22px;} .f_40{font-size: 22px;} .f_35{font-size: 24px;} .f_30{font-size: 24px;} .f_24{font-size: 14px;} .f_20{font-size: 14px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .f_14{font-size: 14px;} }