html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
margin: 0;
padding: 0;
}
/*杩欓噷涓嶈鐢ㄩ€氶厤绗?{margin:0;padding:0;}鍥犱负浼氶亶鍙婃墍鏈夊厓绱?/
html {
font-size: 100px;
}
/*璁剧疆html鏍规爣绛剧殑瀛楀彿澶у皬涓?00px锛涗负浜嗕娇鐢╮em锛涘彲浠ョ瓑姣斾緥鏀惧ぇ缂╁皬鏁翠綋姣斾緥*/
body {
font-family: "寰蒋闆呴粦";
font-size: 16px;
overflow-x: hidden;
}
/*html{font-size: 100px;},姝ゆ椂涓嶇粰body鍔犲瓧鍙峰ぇ灏忥紝鍦ㄧ粰inline-block浣跨敤瀛椾綋鐨勬椂鍊欐帓鐗堜細涔?/
b {
font-weight: normal;
}
i, em {
font-style: normal;
}
ul, ol, li {
list-style: none;
}
a, u {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 16px;
font-weight: normal;
}
img {
border: 0;
display: block
}
input, fieldset {
outline: none;
border: 0;
}
.clear_fix::after {
content: " ";
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
/*涓囪兘娓呮诞鍔?/
.clear_fix {
zoom: 1;
}
/*ihpne6,7,8*/
@media all and (max-width: 992px) {
html, body {
font-size: 16px;
}
html .warp, body .warp {
padding-top: 46px;
}
html .warp header .logo, body .warp header .logo {
width: 50%;
}
html .warp header nav, body .warp header nav {
display: none !important;
}
html .warp header .ss_link, body .warp header .ss_link {
display: none !important;
}
html .warp header #open, body .warp header #open {
display: block !important;
}
}
.warp header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: rgba(0, 0, 0, 0.6);
}
.warp header .header_content {
max-width: 1400px;
height: 100%;
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.warp header .header_content .logo {
flex: 1;
padding: 1% 0;
display: flex;
display: -webkit-flex;
}
.warp header .header_content .logo img {
max-height: 100%;
max-width: 100%;
}
.warp header .header_content nav {
display: block;
width: 64.93%;
margin-left: 3.42%;
margin-right: 3%;
padding: 1% 0;
}
.warp header .header_content nav ul {
width: 100%;
height: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.warp header .header_content nav ul li {
flex: 1;
height: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
position: relative;
}
.warp header .header_content nav ul li:nth-of-type(1) {
margin-right: -2%;
}
.warp header .header_content nav ul li a {
position: relative;
box-sizing: border-box;
padding: 12% 0;
text-align: center;
font-size: 16px;
font-family: "Source Han Sans CN Regular";
color: #FFF;
}
.warp header .header_content nav ul li .down_line::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background-color: #F37222;
transition: all 0.5s ease 0s;
}
.warp header .header_content nav ul li .dropdown_menu {
display: none;
position: absolute;
top: 100%;
left: -5%;
width: 105%;
background: #FFFFFF;
box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
}
.warp header .header_content nav ul li:nth-of-type(4) .dropdown_menu {
left: -9%;
width: 120%;
}
.warp header .header_content nav ul li .dropdown_menu a {
display: block;
box-sizing: border-box;
padding: 12% 0;
text-align: center;
font-size: 14px;
color: #333333 !important;
}
.warp header .header_content nav ul .active {
border-bottom: 3px solid #F37222;
color: #f37222;
}
.warp header .header_content nav ul li:hover a {
color: #f37222;
}
.warp header .header_content nav ul li:hover .down_line::after {
width: 100%;
}
.warp header .header_content nav ul li:hover .dropdown_menu a::after {
display: none;
}
.warp header .header_content nav ul li:hover .dropdown_menu a:hover {
color: #FFFFFF !important;
background: #F37222;
}
.warp header .header_content .ss_link {
flex: 1;
display: flex;
display: -webkit-flex;
justify-content: center;
background-color: #efefef;
}
.warp header .header_content .ss_link .ss {
width: 40%;
position: relative;
}
.warp header .header_content .ss_link .ss a {
position: absolute;
top: 34%;
left: 44%;
}
.warp header .header_content .ss_link .ss a img {
max-width: 100%;
max-height: 100%;
margin: auto;
}
.warp header .header_content .ss_link .ss .search {
position: absolute;
top: 100%;
left: 0%;
width: 268%;
display: flex;
}
.warp header .header_content .ss_link .ss .search input {
width: 73%;
height: 40px;
outline: none;
border: 1px solid #f47b31;
box-sizing: border-box;
padding-left: 10px;
}
.warp header .header_content .ss_link .ss .search button {
width: 20%;
height: 40px;
background-color: #f47b31;
color: white;
border-style: none;
outline: none;
}
.warp header .header_content .ss_link .link {
flex: 1;
display: flex;
cursor: pointer;
display: -webkit-flex;
justify-content: center;
align-items: center;
}
.warp header .header_content .ss_link .link i {
font-size: 13px;
margin-right: 6%;
color: #858585;
}
.warp header .header_content .ss_link .link span {
position: relative;
}
.warp header .header_content .ss_link .link span img {
max-width: 100%;
max-height: 100%;
margin: auto;
}
.warp header .header_content .ss_link .link span .link_go {
display: none;
position: absolute;
left: -162px;
top: 50px;
width: 198px;
background-color: #FFFFFF;
}
.warp header .header_content .ss_link .link span .link_go a {
display: block;
width: 100%;
padding: 2% 0;
flex: 1;
text-align: center;
color: #333333;
font-size: 13px;
}
.warp header .header_content .ss_link .link span .link_go a:hover {
background-color: #F37222;
color: #FFFFFF;
}
.warp header .header_content #open {
display: none;
width: 50%;
height: 48px;
margin: auto;
background: url(../images/lm.png) no-repeat;
background-size: 20% 50%;
background-position-y: center;
background-position-x: right;
}
/* 绉诲姩绔 */
.m_nav {
position: fixed;
top: 0px;
box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
width: 100%;
height: 100%;
background: #fff;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
z-index: 1000;
opacity: 1;
visibility: visible;
margin-top: 0;
overflow-y: auto;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
top: 0;
transform: translateX(100%);
}
.m_nav.open {
transform: translateX(0);
}
.m_nav .top {
height: 60px;
padding: 20px;
box-sizing: border-box;
}
.m_nav .top .closed {
width: 30px;
height: 30px;
vertical-align: middle;
float: right;
cursor: pointer;
}
.m_nav .logo {
width: 100%;
margin: 0 auto;
}
.m_nav .logo img {
height: 50px;
display: block;
margin: 30px auto;
}
.m_nav .ul {
margin-top: 30px;
}
.m_nav .ul li {
padding: 0 20px;
border-bottom: 1px solid #f5f5f5;
transform: translateY(0);
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
opacity: 0;
}
.m_nav.open .ul li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a {
display: block;
text-decoration: none;
color: #333;
font-size: 16px;
height: 50px;
line-height: 50px;
width: 100%;
}
.m_nav .ul li .dropdown_menu {
display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu {
display: block;
}
.m_nav .ul li .dropdown_menu a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 40px;
box-sizing: border-box;
border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child {
border: none;
}
@media all and (max-width: 1366px) {
.business_section .business_content .business_tab p span {
width: 67.54% !important;
line-height: 20px;
font-size: 16px !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.business_section .business_content .business_tab p a {
margin-left: 5% !important;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details {
width: 98.9% !important;
}
}
@media all and (max-width: 768px) {
.warp footer .footer_content {
width: 95% !important;
}
.warp footer .footer_content .footer_nav .nav {
display: none !important;
}
.warp footer .footer_content .footer_details {
flex-wrap: wrap;
}
.warp footer .footer_content .footer_details .footer_details_left {
width: 100% !important;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details {
width: 100% !important;
flex-wrap: wrap;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details li {
width: 100% !important;
margin-bottom: 2%;
justify-content: flex-start !important;
}
.warp footer .footer_bottom .footer_bottom_content {
width: 95% !important;
flex-wrap: wrap;
}
.warp footer .footer_bottom .footer_bottom_content a {
width: 100%;
}
}
.warp {
width: 100%;
/*padding-top: 4.2%;*/
}
.warp footer {
width: 100%;
background-color: #fd873f;
}
.warp footer .footer_content {
max-width: 1400px;
margin: 0 auto;
}
.warp footer .footer_content .footer_nav {
width: 100%;
padding: 0.6% 0;
border-bottom: 1px solid #ff9757;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.warp footer .footer_content .footer_nav .nav {
width: 81.64%;
padding: 1.22% 0 0.61%;
}
.warp footer .footer_content .footer_nav .nav ul {
width: 62.02%;
height: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.warp footer .footer_content .footer_nav .nav ul li {
height: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
}
.warp footer .footer_content .footer_nav .nav ul li a {
color: #FFFFFF;
font-size: 14px;
}
.warp footer .footer_content .footer_nav .nav ul li a:hover {
color: #ffd46d;
}
.warp footer .footer_content .footer_nav .nav ul li span {
color: #FFFFFF;
font-size: 14px;
}
.warp footer .footer_content .footer_nav .go_link {
position: relative;
flex: 1;
box-sizing: border-box;
border: 1px solid #ffb689;
border-radius: 4px;
}
.warp footer .footer_content .footer_nav .go_link p {
width: 100%;
box-sizing: border-box;
padding: 4.03% 8.04%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.warp footer .footer_content .footer_nav .go_link p span {
font-size: 13px;
color: #ffffff;
}
.warp footer .footer_content .footer_nav .go_link p i {
width: 8.34%;
}
.warp footer .footer_content .footer_nav .go_link p i img {
width: 100%;
max-width: 100%;
margin: auto
}
.warp footer .footer_content .footer_nav .go_link .down_link {
position: absolute;
width: 100%;
box-sizing: border-box;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}
.warp footer .footer_content .footer_nav .go_link .down_link a {
display: block;
width: 100%;
box-sizing: border-box;
font-size: 12px;
color: #888;
border-bottom: 1px solid #cdcdcd;
background-color: #efefef;
box-sizing: border-box;
padding: 4.03% 8.04%;
}
.warp footer .footer_content .footer_nav .go_link .down_link a:hover {
color: #F37222;
border-bottom: 1px solid #825437;
}
warp footer .footer_content .footer_nav .go_link .select::-ms-expand {
display: none;
}
.warp footer .footer_content .footer_details {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.warp footer .footer_content .footer_details .footer_details_left {
width: 93.28%;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details {
width: 84.9%;
height: 100%;
margin-bottom: 20px;
margin-top: 20px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details li {
height: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details li span img {
max-width: 100%;
max-height: 100%;
}
.warp footer .footer_content .footer_details .footer_details_left .list_details li i {
margin-left: 10px;
font-size: 14px;
color: #FFFFFF;
}
.warp footer .footer_content .footer_details .footer_details_right {
flex: 1;
padding: 1% 0;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.warp footer .footer_content .footer_details .footer_details_right span img {
/*max-width: 100%;*/
/*max-height: 100%;*/
margin: auto;
}
.warp footer .footer_content .footer_details .footer_details_right i {
margin-top: 5px;
font-size: 13px;
color: #FFFFFF;
}
.warp footer .footer_bottom {
width: 100%;
background-color: #626262;
}
.warp footer .footer_bottom .footer_bottom_content {
width: 72.92%;
margin: 0 auto;
padding: 0.4% 0;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.warp footer .footer_bottom .footer_bottom_content a {
font-size: 14px;
color: #bbb8b8;
}
.call_way {
width: 100%;
padding: 4.48% 0;
background-color: #f4f4f4;
}
.call_way .way {
max-width: 1400px;
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.call_way .way .way_mod {
width: 31.14%;
padding: 3.28% 0;
background-color: #FFFFFF;
transition: all 1s ease 0s;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.call_way .way .way_mod:hover {
box-shadow: 0 0 20px 0 #c8c8c8;
}
.call_way .way .way_mod a {
width: 10%;
}
.call_way .way .way_mod a img {
margin: auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.call_way .way .way_mod p {
width: 50%;
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: flex-start;
}
.call_way .way .way_mod p span {
font-weight: 600;
font-size: 17px;
color: #404040;
}
.call_way .way .way_mod p i {
font-size: 14px;
color: #595959;
}
/* 浜哄姏璧勬簮 */
.banner1 {
position: relative;
width: 100%;
overflow: hidden;
}
.banner1 img {
min-width: 100%;
min-height: 100%;
margin: auto;
object-fit: cover;
}
.banner1 .nav {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 1400px;
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.banner1 .nav .nav_title {
width: 100%;
margin-bottom: 3%;
}
.banner1 .nav .nav_title h3 {
width: 100%;
font-weight: 600;
font-size: 26px;
color: #333333;
text-align: center;
}
.banner1 .nav .nav_banner {
width: 100%;
background-color: #FFFFFF;
}
.banner1 .nav .nav_banner .swiper-container {
width: 100%;
height: 417px;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m {
width: 100%;
height: 100%;
display: flex;
display: -webkit-flex;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_l {
width: 50%;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_l img {
height: 100%;
max-width: 100%;
margin: auto;
object-fit: cover;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r {
width: 50%;
padding: 1.29% 3.36% 10.57%;
background-color: #FFFFFF;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p {
width: 100%;
padding: 3.14% 0;
box-sizing: border-box;
border-bottom: 1px solid #dedede;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p span {
color: #333333;
font-size: 22px;
padding-left: 9px;
line-height: 22px;
border-left: 4px solid #F37222;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p a {
color: #d5d5d5;
transition: all 1s ease 0s;
width: 15.83%;
font-size: 13px;
border-radius: 4px;
text-align: center;
padding: 1.14% 0;
border: 1px solid #d5d5d5;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p a:hover {
background-color: #F37222;
border: 1px solid #F37222;
color: #FFFFFF;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list {
width: 100%;
padding-top: 8%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list h3 {
font-size: 18px;
font-weight: 600;
color: #3d3c3c;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list .time {
margin: 3% 0;
display: flex;
display: -webkit-flex;
align-items: center;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list .time span {
font-size: 14px;
color: #929292;
font-weight: 600;
border-right: 3px solid #929292;
padding-right: 6px;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list .time i {
font-size: 11px;
color: #7a7a7a;
margin-left: 6px;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list a {
font-size: 15px;
line-height: 30px;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list a::after {
content: "猫炉娄忙茠鈥?";
color: #F37222;
display: inline-block;
font-size: 15px;
}
.banner1 .nav .nav_banner .swiper-container .swiper-pagination {
width: 10%;
left: 51.4%;
bottom: 10%;
}
.banner1 .nav .nav_banner .swiper-container .swiper-pagination-bullet {
width: 13px !important;
height: 13px !important;
opacity: 1;
margin: 0 4% !important;
background-color: #c8c8c8 !important;
}
.banner1 .nav .nav_banner .swiper-container .swiper-pagination-bullet-active {
width: 13px !important;
height: 13px !important;
background-color: #F37222 !important;
}
.banner1 .nav .nav_bottom {
width: 100%;
height: 313px;
margin-top: 4%;
display: flex;
display: -webkit-flex;
}
.banner1 .nav .nav_bottom .mod_s {
flex: 1;
background-color: #FFFFFF;
display: flex;
display: -webkit-flex;
}
.banner1 .nav .nav_bottom .mod_s p {
flex: 1;
overflow: hidden;
}
.banner1 .nav .nav_bottom .mod_s p a img {
transition: all 0.5s;
max-width: 100%;
margin: auto;
object-fit: cover;
}
.banner1 .nav .nav_bottom .mod_s p:hover a img {
transform: scale(1.2);
}
.banner1 .nav .nav_bottom .mod_s .s_zr {
flex: 1;
padding: 3.71% 4.42% 6%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.banner1 .nav .nav_bottom .mod_s .s_zr h3 {
width: 100%;
padding: 4.44% 0;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
}
.banner1 .nav .nav_bottom .mod_s .s_zr h3 span {
padding-left: 8px;
border-left: 4px solid #F37222;
color: #333333;
font-size: 22px;
line-height: 22px;
}
.banner1 .nav .nav_bottom .mod_s .s_zr .mod_desc {
margin-top: 3%;
font-size: 13px;
height: 70px;
color: #707070;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.banner1 .nav .nav_bottom .mod_s .s_zr a {
width: 28.14%;
border: 1px solid #d5d5d5;
transition: all 1s ease 0s;
box-sizing: border-box;
border-radius: 4px;
padding: 3.1% 0;
margin: 21% 0 0 70%;
text-align: center;
color: #d5d5d5;
font-size: 12px;
}
.banner1 .nav .nav_bottom .mod_s .s_zr a:hover {
border-color: #F37222;
background-color: #F37222;
color: #FFFFFF;
}
/* 澶т簨浠 */
@media all and (max-width: 1366px) {
.banner2 .nav .nav_tab {
width: 57.43% !important;
}
.banner2 .nav .nav_title {
width: 18.14% !important;
}
.banner2 .nav .nav_tab ul {
width: 50.89% !important;
}
.banner2 .nav .nav_tab ul li {
height: 95% !important;
}
}
.content2 {
width: 100%;
padding: 4.03% 0 3.65%;
background: #f4f4f4;
}
.content2 {
width: 100%;
padding: 4.03% 0 3.65%;
background: #f4f4f4;
}
.content2 .content_mod {
max-width: 1400px;
margin: 0 auto;
min-height: 539px;
background-color: #FFF;
}
.content2 .content_mod .mod_title {
width: 100%;
padding-top: 4.68%;
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: column;
}
.content2 .content_mod .mod_title h3 {
color: #353535;
font-size: 33px;
font-weight: 600;
}
.content2 .content_mod .mod_title span {
font-size: 11px;
color: #919191;
}
.content2 .content_mod .mod_banner {
padding: 2% 6%;
}
.about-history-list {
position: relative;
}
.about-history-list .flex-viewport {
padding: 0 31px;
}
.about-history-list .flex-viewport:before {
position: absolute;
top: 50%;
right: 0;
left: 0;
border-top: 1px solid #C7C7C7;
content: '';
}
.about-history-list .slides li {
position: relative;
width: 242px;
height: 338px;
margin-right: 38px;
}
.about-history-list .slides li .item {
position: absolute;
bottom: 0;
min-height: 100px;
margin-top: 0.5%;
margin-bottom: 0.5%;
padding: 31px 0 0 0;
background-color: #FFFFFF;
box-shadow: 0 0 10px #efefef;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.about-history-list .slides li .item:before {
position: absolute;
top: -49px;
left: 50%;
width: 20px;
height: 20px;
overflow: hidden;
margin-left: -10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #f37222;
content: '';
}
.about-history-list .slides li .item:after {
position: absolute;
top: -43px;
left: 50.8%;
width: 8px;
height: 8px;
overflow: hidden;
margin-left: -6px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #FFFFFF;
content: '';
}
.about-history-list .slides li:nth-child(even) .item {
top: 0;
bottom: auto;
padding: 0 0 30px;
}
.about-history-list .slides li:nth-child(even) .item:before {
top: auto;
bottom: -49px;
}
.about-history-list .slides li:nth-child(even) .item:after {
top: auto;
bottom: -43px;
}
.about-history-list .slides li .item:hover {
background-color: #dddddd;
}
.about-history-list .slides li .item h3 {
position: absolute;
top: -8%;
right: 0;
left: 0;
height: 40px;
line-height: 40px;
margin: 0;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
background-color: #F37222;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.about-history-list .slides li .item:hover h3 {
color: #FFFFFF;
background-color: #F37222;
}
.about-history-list .slides li .item h3:before {
position: absolute;
bottom: 80%;
left: 50%;
margin-left: -9px;
border-width: 0 9px 18px;
border-style: solid;
border-color: transparent transparent #F37222;
content: '';
}
.about-history-list .slides li:nth-child(even) .item h3 {
top: auto;
bottom: -8%;
}
.about-history-list .slides li:nth-child(even) .item h3:before {
top: 80%;
bottom: auto;
border-width: 18px 9px 0;
border-color: #F37222 transparent transparent;
}
.about-history-list .slides li .item .desc {
line-height: 20px;
padding: 7px 26px;
font-size: 14px;
color: #929292;
height: 85px;
display: flex;
display: -webkit-flex;
align-items: center
}
.about-history-list .slides li .item:hover .desc {
color: #ffffff;
background-color: #F37222;
}
.about-history-list .slides li .item .desc p {
margin: 0;
}
.about-history-list .flex-direction-nav {
padding: 0;
margin: 0;
list-style: none;
}
.about-history-list .flex-direction-nav a {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
background-color: #7f7f7f;
overflow: hidden;
margin-top: -26px;
font-size: 26px;
font-family: simsun;
color: #ffffff;
text-align: center;
}
.about-history-list .flex-direction-nav a:hover {
background-color: #F37222;
}
.about-history-list .flex-direction-nav a.flex-prev {
left: -6%;
}
.about-history-list .flex-direction-nav a.flex-next {
right: -6%;
}
.about-history-swiper {
width: 100%;
}
.about-history-swiper .swiper-slide .item {
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
}
.about-history-swiper .swiper-slide .item h3 {
margin: 0;
height: 40px;
line-height: 40px;
overflow: hidden;
font-size: 20px;
text-align: center;
color: #999999;
background-color: #e2e2e2;
}
.about-history-swiper .swiper-slide .item .desc {
line-height: 20px;
padding: 10px;
font-size: 14px;
color: #929292;
}
.about-history-swiper .swiper-slide .item .desc p {
margin: 0;
}
.about-history-swiper .about-history-pagination {
position: static;
margin-top: 10px;
}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet {
background: #fff;
}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active {
background: #C91523;
}
/* 鍒嗙被淇℃伅 */
.contentxx {
width: 100%;
padding: 2.08% 0 4.9%;
background-color: #f4f4f4;
}
.contentxx .content_mod {
max-width: 1400px;
margin: 0 auto;
border-bottom: 1px solid #ededed;
}
.contentxx .content_mod ul li {
width: 100%;
border-top: 1px solid #ededed;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.contentxx .content_mod ul li .bt {
width: 100%;
padding: 0.75% 1.07% 0.75% 2.14%;
background-color: #f9f9f9;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.contentxx .content_mod ul li p span {
font-size: 18px;
color: #222222;
}
.contentxx .content_mod ul li p i {
width: 2.3%;
text-align: center;
cursor: pointer;
font-size: 30px;
color: #9b9b9b;
}
.contentxx .content_mod ul li .bt_xl {
display: none;
width: 100%;
padding: 2.36% 1.07% 2.36% 2.14%;
box-sizing: border-box;
background-color: #FFFFFF;
}
.contentxx .content_mod ul li .bt_xl .bt_sp {
float: left;
height: 267px;
}
.contentxx .content_mod ul li .bt_xl .bt_sp .bt_img {
max-width: 100%;
height: 100%;
object-fit: cover;
margin: auto;
}
.contentxx .content_mod ul li .bt_xl .mod_infrom {
box-sizing: border-box;
padding: 2.09% 2.78% 0 3.78%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.contentxx .content_mod ul li .bt_xl .mod_infrom h3 {
font-size: 19px;
color: #3d3d3d;
font-weight: 600;
border-left: 4px solid #F37222;
padding-left: 8px;
}
.contentxx .content_mod ul li .bt_xl .mod_infrom .nr {
margin-top: 2%;
width: 100%;
}
.contentxx .content_mod ul li .bt_xl .mod_infrom .nr p {
width: 100%;
}
.contentxx .content_mod ul li .bt_xl .mod_infrom .nr p img {
max-width: 100%;
}
.contentxx .content_mod ul li .bt_xl .mod_infrom i {
float: left;
margin-right: 30px;
margin-top: 20px;
}
@media all and (max-width: 992px) {
.contentxx .content_mod ul li p i {
width: 4.3%;
}
}
/* 鍙充晶 娴姩*/
.float-box {
position: fixed;
right: 20px;
bottom: 15%;
width: 60px;
z-index: 999
}
.qq-advice {
border-radius: 30px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
padding-top: 20px;
background: linear-gradient(left top, #f69960, #f37222);
background: -webkit-linear-gradient(left top, #f69960, #f37222);
background: -o-linear-gradient(left top, #f69960, #f37222);
background: -moz-linear-gradient(left top, #f69960, #f37222);
background: -ms-linear-gradient(left top, #f69960, #f37222);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f69960, endColorStr=#f37222);
}
.qq-advice-inner {
display: block;
padding: 10px 0;
text-align: center;
font-size: 14px;
color: #fff;
}
.qq-advice-inner img {
margin: 0 auto;
}
.qq-advice-inner span {
display: block;
padding: 5px;
color: #FFF;
}
.tel-advice {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.3);
cursor: pointer;
}
.tel-advice .tel-icon {
padding: 10px;
}
.tel-box {
display: none;
position: absolute;
width: 200px;
height: 80px;
padding: 20px;
box-sizing: border-box;
right: 70px;
top: 0px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.tel-box img {
display: inline-block;
vertical-align: middle;
}
.tel-box .tel-box-r {
display: inline-block;
vertical-align: middle;
color: #555;
font-weight: bold;
}
.tel-box.show {
display: block;
}
.qr-advice {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.3);
cursor: pointer;
padding-bottom: 15px;
}
.qr-advice .qr-icon {
padding: 10px;
}
.qr-box {
display: none;
position: absolute;
width: 250px;
height: 170px;
padding: 20px;
box-sizing: border-box;
right: 70px;
top: 0px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
text-align: center
}
.qr-box img {
display: inline-block;
vertical-align: middle;
}
.qr-box .qr-box-r {
display: inline-block;
vertical-align: middle;
color: #555;
font-weight: bold;
}
.qr-box.show {
display: block;
}
.qr-icon, .tel-icon {
text-align: center
}
.qr-icon span, .tel-icon span {
font-size: 14px;
color: #fff;
text-align: center;
display: inline-block;
margin-top: 5px;
}
.back-top {
display: block;
width: 60px;
height: 60px;
border-radius: 60px;
margin-top: 10px;
background: #fff url(../images/top_nor.png) no-repeat center;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.back-top:hover {
background: #fff url(../images/top_sel.png) no-repeat center
}
.content .content_mod_ts {
max-width: 600px;
margin: 0 auto;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
/* 鐣欒█鏉 */
.m-gb-lst {
background-color: #fff;
padding: 10px;
margin-top: 10px;
}
.m-gb-lst .info {
border-bottom: 1px dotted #ccc;
line-height: 25px;
height: 25px;
}
.m-gb-lst .content {
line-height: 25px;
padding-top: 10px;
}
.m-gb-form {
background-color: #fff;
padding: 10px;
margin-top: 10px;
}
/* 琛ㄥ崟 */
.m-form {
line-height: 29px;
color: #555;
padding-bottom: 20px;
}
.m-form legend {
font-size: 14px;
font-weight: bold;
}
.m-form .formitm {
padding: 20px 0 0;
line-height: 30px;
}
.m-form .formitm-1 {
padding-left: 100px;
}
.m-form .lab {
float: left;
width: 130px;
margin-right: -90px;
text-align: right;
font-weight: bold;
}
.m-form .ipt {
margin-left: 150px;
margin-bottom: 30px;
line-height: 30px;
}
.m-form .ipt * {
vertical-align: middle;
}
.m-form .ipt a, .m-form .ipt a:hover {
text-decoration: none;
color: #3891eb;
}
.m-form .ipt img {
height: 32px;
margin: 0 15px 0 5px;
}
.m-form .ipt .domain {
margin: 0 0 0 5px;
font-weight: bold;
color: #777;
}
.m-form .ipt p {
line-height: 22px;
color: #999;
}
.m-form .tip {
padding-top: 10px;
}
.m-form .tip input {
margin: 0 5px 3px 0;
}
.u-btn {
padding: 10px 15px;
}
/* 鏂囨湰杈撳叆妗 */
.u-ipt {
width: 180px;
padding: 5px;
height: 17px;
border: 1px solid #D9D9D9;
border-top-color: #c0c0c0;
line-height: 17px;
font-size: 14px;
color: #777;
background: #fff;
margin-right: 5px;
vertical-align: middle;
}
.u-ipt-1 {
width: 50px;
}
.u-ipt-2 {
width: 100px;
}
.u-ipt-3 {
width: 150px;
}
.u-ipt-4 {
width: 200px;
}
.u-ipt-5 {
width: 250px;
}
.u-ipt-6 {
width: 300px;
}
.u-ipt-7 {
width: 400px;
}
.u-tta {
width: 180px;
padding: 5px;
height: 50px;
border: 1px solid #D9D9D9;
border-top-color: #c0c0c0;
line-height: 17px;
font-size: 14px;
color: #777;
background: #fff;
vertical-align: middle;
margin-right: 5px;
}
.u-tta-4 {
width: 200px;
height: 60px;
}
.u-tta-5 {
width: 250px;
height: 70px;
}
.u-tta-6 {
width: 300px;
height: 80px;
}
.u-ipt-7 {
width: 400px;
height: 100px;
}
.u-tta-err {
border-color: #c00 #e00 #e00;
}
@media screen and ( max-width:1004px) {
.m-form .lab {
text-align: left;
width: 100%;
float: left;
}
.m-form .ipt {
float: left;
margin-left: 0px;
margin-bottom: 0px;
}
.formitm {
clear: both;
}
.u-tta-6 {
width: 260px;
}
}
@media all and (max-width: 1366px){
.banner .nav .nav_tab{
width:63.43% !important;
}
.banner .nav .nav_tab ul{
width:100% !important;
}
.banner .nav .nav_tab ul li{
height:50px !important;
}
.banner .nav .nav_tab ul li a{
line-height:40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
}
.banner {
position: relative;
width: 100%;
}
.banner img {
max-width: 100%;
min-height: 100%;
margin: auto;
object-fit: cover;
}
.banner .nav {
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 1400px;
margin: 0 auto;
display: flex;
display: -webkit-flex;
background-color: #FFFFFF;
}
.banner .nav .nav_title::before {
position: absolute;
top: 45%;
right: -8%;
content: "";
width: 0;
height: 0;
border: 9px solid transparent;
border-style: dashed solid dashed dashed;
border-left-color: #f37222;
}
.banner .nav .nav_title {
position: relative;
width: 17%;
padding: 1.7% 4.71% 1.86% 1.6%;
box-sizing: border-box;
background-color: #f37222;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.banner .nav .nav_title span::before {
content: "";
position: absolute;
top: 5px;
left: -10px;
width: 4px;
height: 20px;
background-color: #FFFFFF;
}
.banner .nav .nav_title span {
position: relative;
margin-left: 9.88%;
font-size: 22px;
color: #FFFFFF;
font-weight: 600;
}
.banner .nav .nav_title i {
margin-top: 1%;
font-size: 12px;
color: #feb588;
}
.banner .nav .nav_tab {
width: 80%;
padding: 2.36% 0 1.79% 4.14%;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
}
.banner .nav .nav_tab ul {
width: 100%;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
justify-content:space-around;
align-items: center;
}
.banner .nav .nav_tab ul li {
width:14.75%;
display: flex;
height:99%;
display: -webkit-flex;
justify-content: center;
}
.banner .nav .nav_tab ul li a {
position: relative;
text-align: center;
padding: 9px 0;
font-size: 15px;
color: #404040;
box-sizing: border-box;
}
.banner .nav .nav_tab ul li .nav_down_line::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background-color: #F37222;
transition: all 0.5s ease 0s;
}
.banner .nav .nav_tab ul li .active {
color: #F37222;
border-bottom: 3px solid #F37222;
}
.banner .nav .nav_tab ul li:hover a {
color: #F37222;
}
.banner .nav .nav_tab ul li:hover .nav_down_line::after {
width: 100%;
}
.banner .nav .nav_go {
flex: 1;
box-sizing: border-box;
padding: 1.5% 0;
display: flex;
align-items: center;
display: -webkit-flex;
}
.banner .nav .nav_go p {
width: 100%;
height: 100%;
padding: 0 10%;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
border-left: 1px solid #cccccc;
}
.banner .nav .nav_go p i img {
max-width: 100%;
max-height: 100%;
margin: auto;
object-fit: cover;
}
.banner .nav .nav_go p span {
font-size: 6px;
color: #888;
}
.banner .nav .nav_go p a {
font-size: 12px;
color: #888;
}
.banner .nav .nav_go p a:nth-of-type(2){
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
.banner .nav .nav_go p a:nth-of-type(3){
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
.nav_box{
width:100%;
margin:5px 0;
display:none;
justify-content:center;
}
.nav_box select{
width:95%;
background: url(../img/ico_jt4.png) no-repeat 97% center #EDEDED;
background-size: 20px;
border: 1px solid #D4D4D4;
height: 40px;
padding: 0 8px;
outline: none;
-webkit-appearance: none;
}
.content {
width: 100%;
background-color: #f4f4f4;
padding: 2.24% 0 5%;
}
.content .content_mod {
max-width: 1400px;
margin: 0 auto;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.content .content_mod .mod_search {
width: 100%;
padding: 2.21% 1.57% 2.21% 2.28%;
box-sizing: border-box;
background-color: #e7e7e7;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.content .content_mod .mod_search h3 {
color: #484848;
font-size: 17px;
}
.content .content_mod .mod_search select {
box-sizing: border-box;
width: 19.27%;
padding: 0.85% 1.1%;
font-size: 13px;
background-color: #f4f4f4;
color: #a4a4a4;
border: 1px solid #d0d0d0;
border-radius: 3px;
outline: none;
cursor: pointer;
/*鍘绘帀榛樿鐨勪笅鎷変笁瑙?/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/*娣诲姞涓嬫媺涓夎鍥炬爣*/
background: url(../img/select_xl.jpg) no-repeat right center transparent;
}
.content .content_mod .mod_search input {
box-sizing: border-box;
border: 1px solid #d0d0d0;
border-radius: 3px;
background-color: #f4f4f4;
width: 19.93%;
padding: 0.92% 1.1%;
font-size: 13px;
color: #a4a4a4;
}
.content .content_mod .mod_search input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #a4a4a4;
}
.content .content_mod .mod_search input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #a4a4a4;
}
.content .content_mod .mod_search input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #a4a4a4;
}
.content .content_mod .mod_search input::-webkit-input-placeholder {
/* WebKit browsers */
color: #a4a4a4;
}
.content .content_mod .mod_search button {
width: 19.27%;
cursor:pointer;
padding: 0.93% 0;
font-size: 13px;
color: #FFFFFF;
background-color: #F37222;
border: none;
outline: none;
}
.content .content_mod .mod_list {
width: 100%;
}
.content .content_mod .mod_list ul li {
width: 100%;
border-top: 1px solid #e7e7e7;
background-color: #FFFFFF;
box-sizing: border-box;
transition: all 0.5s ease 0s;
padding: 1.93% 0.5% 1.71%;
display: flex;
align-items: center;
display: -webkit-flex;
}
.content .content_mod .mod_list ul li .time {
width: 6.39%;
}
.content .content_mod .mod_list ul li .time p {
width: 100%;
height: 100%;
box-sizing: border-box;
border-right: 1px solid #c0c0c0;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.content .content_mod .mod_list ul li .time p span {
font-size: 37px;
line-height: 37px;
color: #5d5d5d;
font-weight: 600;
}
.content .content_mod .mod_list ul li .time p i {
font-size: 11px;
color: #858585;
}
.content .content_mod .mod_list ul h3::before {
content: "";
display: inline-block;
margin-right: 10px;
width: 6px;
height: 9px;
background: url(../images/jt_right.png) no-repeat;
background-size: cover;
}
.content .content_mod .mod_list ul h3 {
flex: 1;
box-sizing: border-box;
padding-left: 1.64%;
font-size: 18px;
color: #000000;
}
.content .content_mod .mod_list ul a {
width: 8.29%;
border: 1px solid #c1c1c1;
border-radius: 4px;
color: #222222;
font-size: 13px;
box-sizing: border-box;
padding: 0.93% 0;
text-align: center;
}
.content .content_mod .mod_list ul li:hover {
box-shadow: 0 0 10px #efefef;
}
.content .content_mod .mod_list ul li:hover .time p span {
color: #F37222;
}
.content .content_mod .mod_list ul li:hover .time p i {
color: #F37222;
}
.content .content_mod .mod_list ul li:hover h3 {
color: #F37222;
}
.content .content_mod .mod_list ul li:hover a {
border: 1px solid #F37222;
background-color: #F37222;
color: #FFFFFF;
}
.content .paging {
width: 31.87%;
margin: 65px auto 0;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
}
.content .paging a{
box-sizing:border-box;
cursor: pointer;
padding: 0 3%;
border: 1px solid #C9C9C9;
color: #555;
text-align: center;
background-color: #FFFFFF;
font-size: 14px;
border-radius: 5%;
}
.content .paging a:hover{
border-color:#F37222;
background-color: #F37222;
color: #FFFFFF;
}
@media all and (max-width: 992px){
.content .content_mod .mod_list ul li .time{
width:13.39%;
}
.content .content_mod .mod_list ul a{
width:16.29%;
}
}
.content .content_mod .mod_listxw {
width: 100%;
}
.content .content_mod .mod_listxw ul li {
width: 100%;
border-top: 1px solid #e7e7e7;
background-color: #FFFFFF;
box-sizing: border-box;
transition: all 0.5s ease 0s;
padding: 1.79% 1.5%;
}
.content .content_mod .mod_listxw ul li a {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.content .content_mod .mod_listxw ul li a .time {
width: 6.39%;
padding: 1.04% 0 4.83%;
}
.content .content_mod .mod_listxw ul li a .time p {
width: 100%;
height: 100%;
padding-right: 27.9%;
box-sizing: border-box;
border-right: 1px solid #c0c0c0;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.content .content_mod .mod_listxw ul li a .time p span {
font-size: 27px;
line-height: 27px;
color: #5d5d5d;
font-weight: 600;
}
.content .content_mod .mod_listxw ul li a .time p i {
margin-top: 30%;
font-size: 11px;
color: #999999;
}
.content .content_mod .mod_listxw ul li a .list_content {
flex: 1;
padding: 0.36% 0 0.97% 2.52%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.content .content_mod .mod_listxw ul li a .list_content h3::before {
content: "";
margin-right: 2%;
width: 6px;
height: 9px;
display: inline-block;
background: url(../images/jt_right.png) no-repeat;
background-size: cover;
}
.content .content_mod .mod_listxw ul li a .list_content h3 {
width: 80%;
font-size: 18px;
color: #000000;
}
.content .content_mod .mod_listxw ul li a .list_content span {
margin-top: 0.65%;
margin-bottom: 0.9%;
font-size: 13px;
line-height: 26px;
color: #5d5d5d;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.content .content_mod .mod_listxw ul li a .list_content p {
width: 100%;
}
.content .content_mod .mod_listxw ul li a .list_content p i {
font-size: 11px;
color: #c6c6c6;
margin-right: 4%;
}
.content .content_mod .mod_listxw ul li a .list_img {
margin-left:4%;
width: 17.83%;
height: 100%;
overflow: hidden;
}
.content .content_mod .mod_listxw ul li a .list_img img {
max-width: 100%;
max-height: 100%;
margin: auto;
transition: all 1.5s;
object-fit: cover;
}
.content .content_mod .mod_listxw ul li:hover {
box-shadow: 0 0 10px #efefef;
}
.content .content_mod .mod_listxw ul li:hover .time p span {
color: #F37222;
}
.content .content_mod .mod_listxw ul li:hover .time p i {
color: #F37222;
}
.content .content_mod .mod_listxw ul li:hover .list_content h3 {
color: #F37222;
}
.content .content_mod .mod_listxw ul li:hover .list_img img {
transform: scale(1.2);
}
.content .content_mod .mod_left {
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.content .content_mod .mod_left .mod_top {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.content .content_mod .mod_left .mod_top h3 {
width: 23.78%;
color: #232323;
font-size: 27px;
font-weight: 600;
line-height: 27px;
padding-left: 2.09%;
border-left: 4px solid #f37222;
}
.content .content_mod .mod_left .mod_top a {
width: 14.17%;
box-sizing: border-box;
border: 1px solid #d5d5d5;
transition:all 1s ease 0s;
border-radius: 4px;
padding: 1.49% 0;
text-align: center;
color: #999898;
font-size: 12px;
}
.content .content_mod .mod_left .mod_top a:hover {
background-color: #F37222;
border-color:#F37222;
color: #FFFFFF;
}
.content .content_mod .mod_left ul {
width: 100%;
}
.content .content_mod .mr_20 {
margin-right:50px;
}
.content .content_mod .mod_left ul li {
width: 45%;
margin-top: 2%;
transition:all 1s ease 0s;
box-sizing: border-box;
background-color: #f1f1f1;
padding: 3.73% 5.07% 2.99% 1.04%;
float: left;
}
.content .content_mod .mod_left ul li:hover{
box-shadow: 0 0 10px #efefef;
background-color:#F37222;
}
.content .content_mod .mod_left ul li:hover a .time p i{
color:#FFFFFF;
}
.content .content_mod .mod_left ul li:hover a .time p span{
color:#FFFFFF;
}
.content .content_mod .mod_left ul li:hover a .mod_title span{
color:#FFFFFF;
}
.content .content_mod .mod_left ul li:hover a .time p{
border-right: 1px solid #FFFFFF;
}
.content .content_mod .mod_left ul li a {
width: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
}
.content .content_mod .mod_left ul li a .time {
width: 16.08%;
}
.content .content_mod .mod_left ul li a .time p {
width: 100%;
box-sizing: border-box;
padding-right: 7.75%;
border-right: 1px solid #c0c0c0;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.content .content_mod .mod_left ul li a .time p i {
color: #5d5d5d;
font-size: 37px;
font-weight: 600;
}
.content .content_mod .mod_left ul li a .time p span {
color: #969696;
font-size: 11px;
}
.content .content_mod .mod_left ul li a .mod_title {
width: 79.62%;
margin-left: 5%;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
}
.content .content_mod .mod_left ul li a .mod_title .yred::before {
content: "";
display: inline-block;
margin-right: 2%;
width: 6px;
height: 9px;
background: url(../images/gjt1.png) no-repeat;
background-size: cover;
}
.content .content_mod .mod_left ul li a .mod_title .white::before {
background: url(../images/gxxjt.png) no-repeat;
}
.content .content_mod .mod_left ul li a .mod_title span {
width: 100%;
color: #333333;
font-size: 17px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ab_content { position: relative; width: 100%; padding-top: 80px; }
.ab_img { float: right; width: 46%; padding-bottom: 40px; }
.ab_img img { width: 100%; }
.ab_teBl { width: 50%; padding-right: 100px; background: #fff; padding-bottom: 60px; padding-left: 4%; }
.ab_tiEn { font-size: 30px; text-transform: uppercase; position: relative; z-index: 60; }
.ab_tiCh { font-size: 16px; color: #fd873f; position: relative; z-index: 60; letter-spacing: 2px; }
.ab_tiBl { margin-bottom: 30px; padding-top: 12px; position: relative; }
.ab_tiBg { position: absolute; left: 50px; width: 240px; height: 90px; border: 2px solid #eeeeee; top: 0px; }
.ab_te { position: relative; padding-top: 30px; }
.ab_te h2 { color: #ff4d46; margin-bottom: 20px; font-size: 16px; }
.ab_te { line-height: 28px; }
.ab_te p { margin-bottom: 20px; }
.zpxinxi i{
float: left;
margin-right: 30px;
margin-top: 20px;
}