﻿* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1600px !important; margin:0 auto !important; padding:0px 10px;}
body,html { width:100%; height:100%;}


.H120 { height: 120px; }
.header { position: fixed; height: 120px; top: 0px; left: 0px; background: #fff; z-index: 99; width: 100%; }

.header .logo { position: relative; overflow: hidden; float: left; width: 324px; height: 120px; }
.header .logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: auto; }
/* .header .logo { float: left; line-height: 120px; height: 120px; padding-top: 35px; } */
/* .header .logo img { float: left; vertical-align: middle; height: 50px; } */
/* .header .logo p { float: left; padding: 7px 0 7px 9px; line-height: normal; font-size: 17px; font-family: '黑体'; font-weight: bold; } */

.header .fr { float: right; }
.header .fr .nav { display: inline-block; vertical-align: middle; height: 120px; 
    background: none;
    margin-right: 40px;
}
.header .fr .nav li > a { font-size: 16px; color: #333333; font-weight: bold; position: relative; line-height: 120px; display: inline-block; 
    /* margin-right: 40px;  */
}
.header .fr .nav li > a:hover { color: #d7000f; }
.header .fr .nav li > a:after { content: ''; position: absolute; top: 0px; height: 4px; background: #d7000f; left: 0px; width: 0%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.header .fr .nav li > a:hover:after { width: 100%; }

.header .fr .nav li > a.active { color: #d7000f; }
.header .fr .nav li > a.active:after { content: ''; position: absolute; top: 0px; height: 4px; background: #d7000f; left: 0px; width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }


.header .fr .search { display: inline-block; vertical-align: middle;  }
.header .fr .search a { display: block; }
.header .fr .search i { display: block; background: url('../image/icon2.png') no-repeat center center; width: 20px; height: 20px; cursor: pointer; }


.header .fr .ce { display: inline-block; vertical-align: middle; margin-left: 30px; font-size: 16px; font-weight: bold; }
.header .fr .ce a { color: #666666; position: relative; }
.header .fr .ce a:hover { color: #d7000f; }
.header .fr .ce a.active { color: #d7000f; }
.header .fr .ce .cn { padding-right: 12px; margin-right: 5px; }
.header .fr .ce .cn:after { content: ''; position: absolute; top:2px; background: #969899; width: 1px; right: 0px; height: 18px;  }


.banner .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 42.85%; }
.banner .swiper-slide .text { position: absolute; top: 25%; left: 12%;
	/* display: flex;  align-items: center; justify-content: center; flex-direction: column;  */ }
.banner .swiper-slide img { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.banner .swiper-slide .text h3 { font-size: 50px; color: #4c4c4c; margin-bottom: 30px; position: relative; letter-spacing: 10px; display: inline-block; }
.banner .swiper-slide .text h3 strong { position: relative; display: block; z-index: 9; }
.banner .swiper-slide .text h3:after { content: ''; background: #d7000f; height: 10px; width: 100%; left: 0px; bottom: 0px; left: 0px; position: absolute; z-index: 0; }
.banner .swiper-slide .text p { font-size: 22px; line-height: 35px; color: #4c4c4c; }
.banner .swiper-slide .text .al { background: #d7000f; padding: 12px 24px; font-size: 16px; color: #fff; margin-top: 30px; display: inline-block; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.banner .swiper-slide .text .al:after { content: ''; background: url('../image/icon3.png') no-repeat left center; width: 10px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px; }
.banner .swiper-slide .text .al:hover { background: #ef8200; }
.banner_pag { bottom: 30px !important; }
.banner .swiper-pagination-bullet { width:9px; height:9px; background: none; border: 1px solid #fff;  margin:0px 6px!important; opacity:1; outline:none; }
.banner .swiper-pagination-bullet-active { background:#fff; }


.section1 { margin-top: 100px; }
.section1 .con { position: relative; }
.section1 h3 { color: #333333; font-size: 24px; position: relative; padding-bottom: 40px; padding-left: 18px; }
.section1 h3:after { content: ''; position: absolute; bottom: 0px; width: 3px; height: 24px; background: #d7000f; left: 0px; top: 5px; }


.section1 .fl { width: 45%; float: left;  }
.section1 .fl h4 { font-size: 42px; color: #333333;  letter-spacing: 3px; }
.section1 .fl p { font-size: 14px; color: #666666; line-height: 26px; margin-top: 30px; }
.section1 .fl ul { margin-top: 40px; }
.section1 .fl ul li { width: 33.3%; float: left; position: relative; cursor: pointer; }
.section1 .fl ul li strong { font-size: 60px;  background-image:linear-gradient(50deg, #ffaa00 0%, #ff2701 100%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.section1 .fl ul li span { display: block;  font-size: 18px; }
.section1 .fl ul li em { font-size: 42px;  }

.section1 .fl ul li img { position:absolute; top: 0px; left: 0px; z-index: -1; opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}


@media screen and (min-width:767px) {

.section1 .fl ul li:hover img { opacity: 1; }

}


.section1 .fr { width: 45%; float: right; margin-top: 10px; }

.m_gray { background: #f4f6f7; padding: 100px 0px; margin-top: 100px; }

.section2 .tit { border-bottom: 1px solid #e3e5e6; }
.section2 .tit h3 em { position: relative; font-size: 24px; color: #333333; display: inline-block; padding-bottom: 22px; padding-left: 18px; }
.section2 .tit h3 em:after {  content: ''; position: absolute; bottom: 0px; width: 3px; height: 24px; background: #d7000f; left: 0px; top: 5px;  }
.section2 .tit h3 { float: left; }
.section2 .tit h4 { float: right; }
.section2 .tit h4 span { font-size: 18px; margin-left: 50px; cursor: pointer; position: relative; padding-bottom: 22px; margin-top: 7px; display: inline-block; }
.section2 .tit h4 span:after { content: ''; position: absolute; left: 0px; bottom: -1px; width: 0%; background: #d7000f; height: 1px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.section2 .tit h4 span:hover { color: #d7000f; }
.section2 .tit h4 span:hover:after { width: 100%; }
.section2 .tit h4 span.active:after { width: 100%; }
.section2 .tit h4 span.active { color: #d7000f; }

.inv_swp { margin-top: 60px; }
.inv_swp .swiper-slide .img { text-align: center; height: 120px; }
.inv_swp .swiper-slide .img:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.inv_swp .swiper-slide .img img { display: inline-block; vertical-align: middle;
/* filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  */transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; }
.inv_swp .swiper-slide:hover .img img { /* filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); */ transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s;  }


.inv_swp .swiper-slide p { text-align: center; margin-top: 40px; font-size:22px; color: #000; }
.inv_swp .swiper-slide strong { display: block; text-align: left;  font-size: 18px; color: #333; }
.inv_swp .swiper-slide em { display: block; text-align: left; margin-top: 10px; font-size: 14px; color: #333; /* min-height: 42px; */ }






.more { text-align: right; margin-top: 30px; }
.more a { background: #d7000f; padding: 12px 24px; font-size: 16px; color: #fff; margin-top: 30px; display: inline-block; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.more a:after { content: ''; background: url('../image/icon3.png') no-repeat left center; width: 10px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px; }
.more a:hover { background: #ef8200; }

.more_fl { text-align: left; }
.section3 { padding: 100px 0px; }
.section3 h3 { color: #333333; font-size: 24px; position: relative;  padding-left: 18px; }
.section3 h3:after { content: ''; position: absolute; bottom: 0px; width: 3px; height: 24px; background: #d7000f; left: 0px; top: 5px; }

.section3 .news_swp { margin-top: 80px; }
.section3 .news_swp .con { position: relative; overflow: hidden; }
.section3 .news_swp .con .al:after { content: ''; background: rgba(0,0,0,0.2); top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; z-index: 4; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.section3 .news_swp .con .al { display: block; z-index: 9; position: relative; }
.section3 .news_swp .con .text { position: absolute; bottom: -60px; z-index: 9; color: #fff; padding:30px; width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.section3 .news_swp .con .text strong { font-size: 20px; display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.section3 .news_swp .con .text span { font-size: 18px; display: block; margin-top: 20px; }

.section3 .news_swp .con .al .img { height: 328px; position: relative; }
.section3 .news_swp .con .al .img img { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; }



@media screen and (min-width:768px) {

	.section3 .news_swp .con .al:hover .text { bottom: 0px; }
	.section3 .news_swp .con .al:hover:after { background: rgba(0,0,0,0.4); }

}




.section3 .list { position: relative; }
.news_prev { position: inherit; margin-top: 0px; display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: #db1927 url(../image/icon6.png) no-repeat center center; border-radius: 50%; outline: none; left: 0px; opacity: 1;  }
.news_next { position: inherit; margin-top: 0px; display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: #db1927 url(../image/icon7.png) no-repeat center center; border-radius: 50%; outline: none; margin-left: 10px; opacity: 1; }

.news_prev.swiper-button-disabled { background: #989ea3 url(../image/icon6.png) no-repeat center center; opacity: 1; }
.news_next.swiper-button-disabled { background: #989ea3 url(../image/icon7.png) no-repeat center center; opacity: 1; }
.section3 .dow { margin-top: 50px; }

.amore { display: inline-block; vertical-align: middle; margin-top: -2px; }
.amore a {  margin-left: 20px; color: #333; border-bottom: 2px solid #8d9399; display: block; padding-bottom: 5px; font-size: 16px; }
.amore a:after { content: ''; background: url('../image/icon8.png') no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.amore a:hover:after { margin-left: 22px; }
.amore a:hover { color: #db1927; border-bottom: 2px solid #db1927; }

.footer { background: #3d3c3c url('../image/icon10.png') center center; }
.footer .logo { border-bottom: 1px solid #575555; height: 120px; }
.footer .logo > .main { padding: 35px 10px; }
.footer .logo > .main img { float: left; vertical-align: middle; height: 50px; }
.footer .logo > .main p { float: left; padding: 7px 0 7px 9px; line-height: normal; font-size: 17px; font-family: '黑体'; font-weight: bold; color: #fff; }

.footer .list { padding: 70px 0px; border-bottom: 1px solid #494848; }
.footer .list ul { /*  display: -webkit-flex; -webkit-justify-content: space-around; display: flex; justify-content: space-around; */ width: 100%; display:flex; justify-content:space-between; display:-webkit-flex; -webkit-justify-content:space-between;   }
.footer .list ul li { text-align: left; border-left: 1px solid #646363; padding-left: 50px; }
.footer .list ul li strong a { display: block; color: #f2f2f2; font-size: 18px; margin-bottom: 20px; }
.footer .list ul li a { display: block; margin-top: 8px; font-size: 15px; color: #b6b6b6; }
.footer .list ul li a:hover { color: #fff; }

.footer .dow { font-size: 14px; border-top: 1px solid #393838; padding: 20px 0px; font-size: 14px; color: #b2b2b2; }
.footer .dow strong a { color: #b2b2b2; margin-left: 20px; }
.footer .dow strong a:hover { color: #fff; }

.footer .dow .fr { float: right; }
.footer .dow .fr .fx { display: inline-block; vertical-align: middle; }
.footer .dow .fr .fx img { width: 100px; height: 100px; }
.footer .dow .fr strong { display: inline-block; vertical-align: middle; }



.ban { /* background: url('../images/img6.jpg') no-repeat center top; */ height: 300px; width: 100%; position: relative; }
.ban h3 { font-size: 36px; color: #fff; padding-top:5%; letter-spacing: 3px; }
.ban .xt { position: absolute; bottom: 0px; height: 80px; line-height: 80px; width: 100%; border-top: 2px solid rgba(255,255,255,0.3) }
.ban .nav a { float: left; width: 50%; text-align: center; font-size: 18px; color: #fff; position: relative;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.ban .nav a:after { content: ''; position: absolute; top: -2px; left: 0px; background: rgba(255,255,255,1); height: 2px; width: 0%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.ban .nav a:hover:after { width: 100%;  }
.ban .nav a.active:after { width: 100%;  }

.ban .nav4 a { width: 25%; }
.ban .nav3 a { width: 33.33%; }


.m_tit h3 { color: #333333; font-size: 24px; position: relative; padding-bottom: 16px; padding-left: 18px;}
.m_tit h3:after {  content: ''; position: absolute; bottom: 0px; width: 3px; height: 24px; background: #d7000f; left: 0px; top: 5px;}
.m_tit p { margin-top: 30px; line-height: 32px; font-size: 18px; }

.about { margin: 100px 0; }
.about .con p { font-size: 16px; line-height: 28px; margin-top: 28px; text-align: justify; }


.about1 { padding: 100px 0px; padding-bottom: 0px; }
.about1 .list { background: #f4f6f7; margin-top: 50px; overflow: hidden; }
.about1 .list ul { margin-top: -1px; margin-right: -1px; }
.about1 .list ul li { padding: 60px; width: 50%; float: left; border-right: 1px solid #e3e5e6; border-top: 1px solid #e3e5e6; }
.about1 .list ul li i { display: block; float:left; }
.about1 .list ul li .text { margin-left: 130px; }
.about1 .list ul li .text strong { display: block; margin-bottom: 20px; font-size: 18px; color: #333; font-weight: bold; }
.about1 .list ul li .text p { font-size: 16px; line-height: 28px; margin-top: 10px; }

.team { margin-top: 100px; }

.team1 { position: relative; padding-bottom: 100px; background: #f7f7f7; }
.team1:after { content: ''; height: 35%; background: #fff; top: 0px; left: 0px; position: absolute; width: 100%; }
.team1 .list { margin-top: 60px; position: relative; z-index: 9; padding: 0px 80px; }
.team1 .list ul li { width: 50%; float: left; padding: 0px 170px; }
.team1 .list ul li .img { position: relative; }
.team1 .list ul li .text { position: absolute; top: 80px; right: 30px; }
.team1 .list ul li .text strong { font-size: 30px; color: #494f5e; display: block;  }
.team1 .list ul li .text span { display: block; margin-top: 10px; font-size: 16px; }
.team1 .list ul li .text b { display: block; margin-top: 3px; font-size: 16px; }
.team1 .list ul li .en { position: absolute; bottom: 80px; font-size: 12px; font-family: Arial; right: 30px; color: #8e8f94; }
.team1 .list ul li .icon { position: absolute; bottom: 20px; right: 30px; }

.team1 .list ul li .con { margin-top: 30px; }
.team1 .list ul li .con h3 { font-size: 30px; color: #333; }
.team1 .list ul li .con strong { color: #595959; font-size: 16px; display: block; margin-top: 15px; font-weight: bold; color: #333; }
.team1 .list ul li .con p { margin-top: 15px; font-size: 16px; line-height: 26px; text-align: justify; }
.team1 .list ul li .con .al { font-size: 16px; color: #d7000f; margin-top: 15px; display: block; position: relative; }
.team1 .list ul li .con .al:after { content: ''; background: url('../image/icon16.png') no-repeat left center; width: 7px; height: 12px; display: inline-block; vertical-align: middle; margin-left: 10px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; margin-top: -2px;}
.team1 .list ul li .con .al:hover:after { margin-left: 15px; }


.team2 { padding: 100px 0px; }
.team2 .list { overflow: hidden; }
.team2 .list ul { margin-left: -28px; margin-right: -28px; padding: 0px 2px;
    display: flex;
    flex-wrap: wrap;
}

.team2 .list ul li { width: 20%; flex: 0 0 auto;
     padding: 0px 28px; margin-top: 50px; padding-bottom: 5px; }

.team2 .list ul li .con img{
    display: block;
    width: 100%;
    aspect-ratio: 350/424;
    height: auto;
    object-fit: cover;
}

@media (min-width: 992px) {

    .team2 .list ul.col3 li{
        width: 33.33%;
    }

    .team2 .list ul.col4 li{
        width: 25%;
    }

    /*.team2 .list ul.col3 li:nth-of-type(3n){
        margin-right: 20%;
    }
    .team2 .list ul.col3 li:nth-of-type(3n+1){
        margin-left: 20%;
    }*/

    /*.team2 .list ul.col4 li:nth-of-type(4n){
        margin-right: 10%;
    }
    .team2 .list ul.col4 li:nth-of-type(4n + 1){
        margin-left: 10%;
    }*/

}

.team2 .list ul li .text { box-shadow: 0px 1px 8px rgba(0,0,0,0.1); padding: 20px 30px; }
.team2 .list ul li .text strong { font-size: 24px; color: #333; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; position: relative; }
.team2 .list ul li .text strong:after { content: ''; position: absolute; left: 0px; height: 1px; width:0%; background: #d7000f; bottom: -5px; }
.team2 .list ul li .text p { color: #666; margin-top: 10px; font-size: 18px; }
.team2 .list ul li .con { cursor: pointer; }
.team2 .list ul li .al { display: block; }
.team2 .list ul li .al:hover .text strong { color: #d7000f; padding-left: 20px; }
.team2 .list ul li .al:hover .text strong:after { width: 100%; }


.investment { padding: 100px 0px; }
.investment .list { overflow: hidden; padding: 0px 3px; }
.investment .list ul { margin-left: -30px; margin-right: -30px; }
.investment .list ul li { width: 25%; float: left; padding: 0px 30px; margin-top: 50px; padding-bottom: 10px; }
.investment .list ul li .con { position: relative; overflow: hidden; box-shadow: 0px 0px 8px 3px rgba(229, 229, 229, 0.5); }
.investment .list ul li .had {  padding-bottom: 40px;}
.investment .list ul li .had .img { text-align: center; height: 160px; padding: 0px 20px; }
.investment .list ul li .had .img:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.investment .list ul li .had .img img { display: inline-block; vertical-align: middle; /* filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); */ transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 1; }
/* .investment .list ul li .had .img:hover img { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 1;  } */
.investment .list ul li .had p { text-align: center; font-size: 24px; color: #4c4c4c; }

.investment .list ul li .text { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image:linear-gradient(120deg, #fe400e 0%, #e11717 100%); z-index: 9; color: #fff;  display: flex; /* align-items: center; */ text-align: left; justify-content: center; flex-direction: column; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; opacity: 0; overflow: hidden; padding: 10px 20px; }
.investment .list ul li .text strong { font-size: 24px; }
.investment .list ul li .text em { font-size: 18px; display: block; margin-top: 10px; }
.investment .list ul li .text p { font-size: 16px; margin-top: 6px; /* white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; */ }
.investment .list ul li .text b { display: block; margin-top: 10px; font-size: 14px; opacity: 0.8; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  */}
.investment .list ul li .text .icon { width: 26px; height: 26px;  color: #e67f12; color: #ff4d00; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  text-align: center; margin: 0 auto; position: absolute; right: 0px; bottom: 20px; right: 20px;  }


@media screen and (min-width:992px) {
	.investment .list ul li .text .icon:hover { text-decoration: underline; opacity: 0.8; }
	.investment .list ul li .con:hover .text { opacity: 1; }
}




.pagebox { text-align:right;  position: relative; margin-top: 50px;   }
.pagebox ul { line-height: 50px; }
.pagebox ul li { display:inline-block; vertical-align: middle;}
.pagebox ul li a {   margin:0px; font-size:16px; color: #000; position:relative; display:block;}
.pagebox ul .page a { padding: 0px 12px; height: 40px; border: 1px solid #e2e2e2; line-height: 38px; margin: 0px 2px; }
.pagebox .previous { display: inline-block; vertical-align: middle; margin-right: 5px; background: #f6f6f6; height: 40px; border: 1px solid #e2e2e2; line-height: 38px; padding: 0px 15px; color: #333; }
.pagebox .next {  display: inline-block; vertical-align: middle;  margin-left: 5px; background: #f6f6f6; height: 40px; border: 1px solid #e2e2e2; line-height: 38px; padding: 0px 15px;  }
.pagebox .previous:hover { background-image: linear-gradient(120deg,#ffb500 0%, #ff0001 100%); color: #fff; font-size: 16px;  }
.pagebox .next:hover { background-image: linear-gradient(120deg,#ffb500 0%, #ff0001 100%); color: #fff; font-size: 16px;  }

/* .pagebox .previous a { opacity: 0; }
.pagebox .next a { opacity: 0; } */
.pagebox .previous.hidden { display: none; }
.pagebox .next.hidden { display: none; }
.pagebox .previous:hover a { color: #fff; }
.pagebox .next:hover a { color: #fff; }
.pagebox ul li.first { display:none;}
.pagebox ul li.last { display:none;}
.pagebox ul li.page:hover a,.pagebox ul li.selected a { background-image: linear-gradient(120deg,#ffb500 0%, #ff0001 100%); color: #fff; }


.news { padding: 100px 0px;  }
.news .list { overflow: hidden; padding-bottom: 10px; position: relative; }
.news .list ul { margin-left: -30px; margin-right: -30px; }
.news .list ul li { width: 25%; padding: 0px 30px; float: left; margin-top: 50px; }
.news .list ul li .con { position: relative; overflow: hidden; }
.news .list ul li .con .al .img { width: 100%; height: 231px; position: relative; }
.news .list ul li .con .al .img img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }


.news .list ul li .con .al:after { content: ''; background: rgba(0,0,0,0.2); top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; z-index: 4; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.news .list ul li .con .al { display: block; z-index: 9; position: relative; }
.news .list ul li .con .text { position: absolute; bottom: -45px; z-index: 9; color: #fff; padding:25px; width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.news .list ul li .con .text strong { font-size: 16px; display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .list ul li .con .text span { font-size: 16px; display: block; margin-top: 18px; }


@media screen and (min-width:768px) {

.news .list ul li .con .al:hover .text { bottom: 0px; }
.news .list ul li .con .al:hover:after { background: rgba(0,0,0,0.4); }

}



.honor_back { padding: 100px 0px; background: url('../image/icon19.png') no-repeat center bottom; padding-bottom: 150px; }
.honor_list { padding: 0px 170px; position: relative; }
.honor_list .con { background: #f4f6f7; display: table; display: none; position: relative;  }
.honor_list .con .text { display: table-cell; vertical-align: middle; width: 50%; padding: 40px; }
.honor_list .con .text h3 { font-size: 24px; color: #d7000f; margin-bottom: 20px; }
.honor_list .con .text p { font-size: 15px; line-height: 25px; margin-top: 5px; }
.honor_list .con .img { width: 50%; display: table-cell; vertical-align: middle; }
.honor_list .con .img img { width: 100%; height: 100%; }
.honor_list .con.active { display: block; }
.honor .swiper-slide { cursor: pointer; text-align: center; font-size:17px; font-weight: bold; position: relative; padding-top: 35px; }
.honor .swiper-slide:after { content: ''; background: url('../image/icon21.png') no-repeat center center; width: 13px; height: 13px; position: absolute; left: 50%; margin-left: -7px; top: 0px; }
.honor .swiper-slide.swiper-slide-active { color: #f00;  }
.honor .swiper-slide.swiper-slide-active:after { background: url('../image/icon22.png') no-repeat center center; }
.honor { width: 100%; }
.honor_time { width: 100%; position: relative; }
.honor_time { margin-top: 100px;  }
.honor_time:after { content: ''; position: absolute; left: 0px; width: 100%; background: url('../image/icon20.png') repeat-x left top; height: 6px; top: 2px; }

.honor_con { position: relative; margin-top: 100px; }
.honor_prev {  margin-top: -20px;  width: 40px; height: 40px; background: #a1a6ab url(../image/icon6.png) no-repeat center center; border-radius: 50%; outline: none;  opacity: 1;  }
.honor_next {  margin-top: -20px;   width: 40px; height: 40px; background: #a1a6ab url(../image/icon7.png) no-repeat center center; border-radius: 50%; outline: none;  opacity: 1; }

.honor_prev.swiper-button-disabled { background: #a1a6ab url(../image/icon6.png) no-repeat center center; opacity: 1; }
.honor_next.swiper-button-disabled { background: #a1a6ab url(../image/icon7.png) no-repeat center center; opacity: 1; }

.join { padding: 100px 0px; }
.join1_back { background:#f4f6f7 url('../image/icon25.png') no-repeat left bottom; padding: 100px 0px; }

.m_tit_join p { font-size: 16px; line-height: 28px; text-align: justify;  }

.join1 .con { display: table; }
.join1 .con .fl { display: table-cell; vertical-align: middle; width: 40%; padding-right: 110px; }
.join1 .con .fr { display: table-cell; vertical-align: middle; width: 60%; padding-left: 110px; border-left: 1px solid #bfbfbf; }
.join1 .con .fr dl { border-bottom: 1px solid #d9d9d9;  }
.join1 .con .fr dl dt { background: url('../image/icon26.png') no-repeat right center; cursor: pointer; padding: 20px 0px; }
.join1 .con .fr dl dt.active { background: url('../image/icon27.png') no-repeat right center; }
.join1 .con .fr dl dt strong { font-size: 16px; font-weight: bold; color: #333; }
.join1 .con .fr dl dt span { font-size: 16px; margin-left: 50px; }
.join1 .con .fr dl dd { padding: 20px 0px; padding-top: 0px; display: none; }
.join1 .con .fr dl dd strong { font-size: 16px; font-weight: bold; color: #d7000f; display: block; margin-top: 15px; margin-bottom: 10px; }
.join1 .con .fr dl dd p { font-size: 16px; background: url('../image/icon28.png') no-repeat left center; padding-left: 20px; margin-top: 8px; }



.contact { padding: 100px 0px; }
.contact .fl { width: 30%; float: left; }
.contact_tit dl { position: relative; z-index: 9; }
.contact_tit dl dt { background: #edeff0 url('../image/icon29.png') no-repeat 95% center; height: 50px; line-height: 50px; color: #999999; padding-left: 20px; cursor: pointer; }
.contact_tit dl dd { background: #fff; display: none; position: absolute; top: 50px; left: 0px; width: 100%; }
.contact_tit dl dd span { height: 50px; line-height: 50px; padding-left: 20px; border-bottom: 1px solid #eaeaea; display: block; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; cursor: pointer; }
.contact_tit dl dd span:hover { background: #4f4f4f; color: #fff; }
.contact_tit dl dd span.active { background: #4f4f4f; color: #fff; }
.contact_con ul li { display: none; }
.contact_img ul li { display: none; }

.contact_con ul li h3 { font-size: 16px; font-weight: bold; color: #333; margin-top: 50px; margin-bottom: 20px; }
.contact_con ul li p { margin-top: 12px; font-size: 15px; }

.contact .fr { width: 56.4%; float: right; }
.contact_box { margin-top: 80px; }


@keyframes zfadeInLeft {
	0% { opacity: 0; transform: translate3d(-5%, 0, 0);  -webkit-transform: translate3d(-5%, 0, 0); -ms-transform: translate3d(-5%, 0, 0); }
	100% { opacity: 1; transform: none; -webkit-transform: none; -ms-transform: none; }
}

@-webkit-keyframes zfadeInLeft {
	0% { opacity: 0; transform: translate3d(-5%, 0, 0);  -webkit-transform: translate3d(-5%, 0, 0); }
	100% { opacity: 1; transform: none; -webkit-transform: none;  }
}

.zfadeInLeft { animation-name:zfadeInLeft; -webkit-animation-name:zfadeInLeft;  }


.content { padding: 100px 0px; }
.content .tit { text-align: center; border-bottom: 1px solid #eaeaea; padding-bottom: 20px; }
.content .tit h1 { font-size: 30px; color: #333; }
.content .tit span { display: inline-block; margin-top: 20px; font-size: 16px; }
.content .img { margin-top: 50px; text-align: center; }
.content .img img { display: inline-block; }

.content .con { padding-top: 30px; }
.content .con p { font-size: 16px;  margin-top: 10px; line-height: 28px; }
.content .con img {  height: auto !important; margin: 0 auto; }




.search_product { margin-top: 0px; padding-bottom: 0px; }

/* æœç´¢ */
.search_content .news{
    margin-bottom: 0;
}
.search_content {
    padding-top: 80px; padding-bottom: 60px;
}
.searchbox1{

    width: 50%;
    height: 44px;
    margin: 0 auto;
    text-align: center; position: relative; margin-top: 100px;
}
.searchbox1 .searchtext{
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    border: 1px solid #999;
    padding-left: 20px;
    padding-right: 80px;
    box-sizing: border-box;

}
/*.searchbox1 .searchtext:hover{
    background: url(../image/fdj_hover.png) no-repeat 95% 50%;
}*/

.search-error{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; margin-top: 20px; padding-bottom: 100px;
}
.search-result-empry{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;
}

.searchbtn { position: absolute; right: 0px; top: 0px; background: url(../image/fdj.png) no-repeat center center; height: 44px; width: 60px; }
.searchbtn:hover { background: url(../image/fdj_hover.png) no-repeat center center; }


@media screen and (max-width:767px) {

.searchbox1 { width: 100%; margin-top: 50px; }
.search-error { padding-bottom: 30px; }

}

.cu_error { text-align: center; padding: 100px 0px; }
.cu_error img { display: inline-block; }

.team_con { padding: 100px 200px; position: relative; }
.team_con .img { width: 32.1%; float: left; }
.team_con .con { width: 67.9%; float: right; padding-left: 60px; }
.team_con .con h1 { font-size: 18px; color: #000; padding-bottom: 16px; border-bottom: 2px solid #ef8200;  font-size: 22px; margin-bottom: 20px; }
.team_con .con p { font-size: 16px; line-height: 26px; margin-top: 16px; }

.zjoin { padding: 100px 0px; }
.zjoin .con strong { font-size: 16px; font-weight: bold; color: #333; display: block; margin-top: 15px; display: block; margin-bottom: 26px; }
.zjoin .con p { background: url('../image/icon28.png') no-repeat left center; padding-left: 18px; margin-top: 15px; font-size: 15px; }


.zjoin .text { width: 50%; float: left; }
.zjoin .img { float: right; width: 43.6%; }

.zjoin .more { margin-top: 10px; }

.treturn { text-align: right; margin-top: 50px; }
.treturn a { background: url('../image/jt.png') no-repeat left 0px; padding-left: 40px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; line-height: 28px; display: inline-block;}
.treturn a:hover { color: #db1927; padding-left: 50px; }


.footer .dow .fl { float: left; line-height: 26px; padding-top: 40px; }

.zwx { background: url(../image/wx.png) no-repeat center center !important;  margin-top: 0px !important; margin-bottom: 0px !important;
    background-color: #2b2b2b!important;
    width: 38px !important;
    height: 38px !important;
    padding-left: 0px !important; border-radius: 3px !important; }

.zwx:hover { background: url(../image/wx.png) no-repeat center center !important;
    background-color: #0cc010!important; opacity: 1 !important; }

.zwb { background: url(../image/wb.png) no-repeat center center !important; margin-top: 0px !important; margin-bottom: 0px !important;
    background-color: #2b2b2b!important;
    width: 38px !important;
    height: 38px !important;
    padding-left: 0px !important; border-radius: 3px !important;  }

.zwb:hover { background: url(../image/wb.png) no-repeat center center !important;
    background-color: #d81c11!important;  opacity: 1 !important; }

.bd_weixin_popup { width: 260px !important; height: 300px !important; }


.public { width: 250px; height: 300px; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; background: #fff; padding: 10px; text-align: center;  z-index: 101; padding-top: 30px; display: none; }
.public img { display: inline-block; }
.public p { margin-top: 0px; font-weight: bold; color: #333; }
.aclose { position: absolute; top: 0px; right: 0px; background: url('../image/colse.png') no-repeat center center; width: 24px; height: 24px; background-size: 20px auto; cursor: pointer;  }

.public_back { background: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; display: none; }


.m_a a { background: #d7000f; padding: 12px 24px; font-size: 16px; color: #fff; margin-top: 30px; display: inline-block; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.m_a a:after { content: ''; background: url('../image/icon3.png') no-repeat left center; width: 10px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px; }
.m_a a:hover { background: #ef8200; }

.section4 { overflow: hidden; padding-bottom: 100px; }
.section4 ul { margin-left: -50px; margin-right: -50px; }
.section4 ul li { width: 50%; float: left; padding: 0px 50px;  }
.section4 ul li .text { background: #f4f6f7; text-align: center; padding: 80px 0px; }
.section4 ul li .text h3 { font-size: 30px; color: #000000; }
.section4 ul li .text img { display: inline-block; margin-top: 40px; }
.section4 ul li .text strong { color: #db1927; display: block; font-size: 24px; margin-top: 20px; }
.section4 ul li .text p { font-size: 20px;  width: 60%; margin: 0 auto; margin-top: 16px; line-height: 32px; }


.about_swp .swiper-slide img { width: 100%; }

.inv_swp { padding: 20px 0px; }
.inv_swp .swiper-slide { background: #fff; padding: 30px; box-shadow: 0px 0px 8px 5px rgba(229, 229, 229, 0.5); }


.inv_swp .swiper-slide .text { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image:linear-gradient(120deg, #fc410e 0%, #e11717 100%); z-index: 9; color: #fff;  display: flex; /* align-items: center; */ text-align: left; justify-content: center; flex-direction: column; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; opacity: 0; overflow: hidden; padding: 10px 20px;  color: #fff; }
.inv_swp .swiper-slide .text strong { font-size: 24px; color: #fff; }
.inv_swp .swiper-slide .text em { font-size: 18px; display: block; margin-top: 16px; color: #fff; }
.inv_swp .swiper-slide .text p { font-size: 16px; margin-top: 6px; color: #fff; text-align: left;   }
.inv_swp .swiper-slide .text b { display: block; margin-top: 10px; font-size: 14px; opacity: 0.8; }
.inv_swp .swiper-slide .text .icon { width: 26px; height: 26px;  color: #e67f12; margin-top: 8px;  color: #ff4d00;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; position: absolute; right: 20px; bottom: 20px; }

@media screen and (min-width:992px) {

.inv_swp .swiper-slide .text .icon:hover { text-decoration: underline; opacity: 0.8; }
.inv_swp .swiper-slide:hover .text { opacity: 1; }

}



.newstop { margin-top: 20px; }
.newstop .swiper-slide { height: 400px; background: #f4f6f7; }
.newstop .swiper-slide .img { width: 60%; float: left; height: 400px; overflow: hidden; }
.newstop .swiper-slide .img img { object-fit: cover; width: 100%; height: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.newstop .swiper-slide .text { width: 40%; float: left; padding: 50px; padding-right: 80px; position: relative; height: 400px; }
.newstop .swiper-slide .text h2 { font-size: 25px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newstop .swiper-slide .text strong { display: block; margin-top: 10px; font-size: 14px; color: #333; }
.newstop .swiper-slide .text p { line-height: 26px; margin-top: 20px; font-size: 16px; height: 78px; overflow: hidden;
 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.newstop .swiper-slide .text h6 { position: absolute; bottom: 50px; background: #d7000f; padding: 12px 24px; font-size: 14px; color: #fff;  display: inline-block;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.newstop .swiper-slide .text h6:after { content: ''; background: url('../image/icon3.png') no-repeat left center; width: 10px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px;  }

.newstop-prev { margin-top: 0px; display: inline-block; vertical-align: middle; width: 38px; height: 38px; background: #989ea3 url(../image/icon6.png) no-repeat center center; border-radius: 50%; outline: none; left: 20px; opacity: 0.9; margin-top: -19px; }
.newstop-next { margin-top: 0px; display: inline-block; vertical-align: middle; width: 38px; height: 38px; background: #db1927 url(../image/icon7.png) no-repeat center center; border-radius: 50%; outline: none; right: 20px; opacity:0.9; margin-top: -19px; }


.newstop .swiper-slide .al { display: block; }
.newstop .swiper-slide .al:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }
.newstop .swiper-slide .al:hover .text h6 { background: #ef8200; }
.newstop .swiper-slide .al:hover .text h2 { color: #d7000f; }



.report .list ul li { margin-top: 20px; }
.report .list ul li { width: 100%; background: #f4f6f7; }
.report .list ul li .img { width: 30%; float: left; height: 200px; overflow: hidden; }
.report .list ul li .img img { object-fit: cover; width: 100%; height: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.report .list ul li .text { width: 70%; float: left; padding: 25px 50px; padding-right: 80px; position: relative; height: 200px; }
.report .list ul li .text h2 { font-size: 25px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.report .list ul li .text strong { display: block; margin-top: 10px; font-size: 14px; color: #333; }
.report .list ul li .text p { line-height: 26px; margin-top: 20px; font-size: 16px; height: 78px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.report .list ul li .text h6 { position: absolute; bottom: 25px; background: #d7000f; padding: 12px 24px; font-size: 14px; color: #fff;  display: inline-block;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.report .list ul li .text h6:after { content: ''; background: url('../image/icon3.png') no-repeat left center; width: 10px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px;  }

.attachment ul { width: 60%; }
.attachment ul li { padding: 20px; border-bottom: 1px solid #d9d9d9; }
.attachment ul li .text { height: 32px; line-height: 32px; }
.attachment ul li .text > h2 { float: left; }
.attachment ul li .text > strong { float: right; color: #d7000f; }



.hyss { padding: 100px 0px; }
.hyss h4 { font-size: 16px; color: #333; margin-top: 10px; font-weight: bold; margin-bottom: 40px; }
.hyss .con { background: #f4f6f7; padding: 30px 0px; }
.hyss .con .fl { width: 47%; margin: 0px 1.5%; float: left; }
.hyss .con .fr { width: 47%; margin: 0px 1.5%; float: left; }

.hyss .con p { font-size: 15px; line-height: 28px; color: #333; margin: 10px 0px; position: relative; padding-left: 20px; background: url('../image/r1.png') no-repeat left 10px; padding-right: 20px; }
.hyss .con p strong { color: #d7000f; }


.hysswp { margin-top: 0px; padding-bottom: 30px; overflow: hidden; background: #f4f6f7; }
.hysswp ul { margin-left: -10px; margin-right: -10px; }
.hysswp ul li {   width: 20%; float: left; padding: 10px; }
.hysswp ul li i { border: 1px solid #eaeaea; padding: 20px; display: block; display: flex; align-items: center; justify-content: center; height: 100px;  }

.reputationswp .swiper-slide { /* border: 1px solid #eaeaea; */ padding: 20px; display: block; display: flex; align-items: center; justify-content: center; height: 100px; background: #f4f6f7;  }

.credential { margin: 100px 0; }
.credential-tab { display: flex; align-items: stretch; margin-top: 50px; }
.credential-logo, .credential-title, .credential-row { width: calc(100% - 20px); padding: 15px 10px; margin-top: 10px; }
.credential-logo img { width: auto; height: 150px; margin: 0 auto; }
.credential-title svg { float: left; width: 40px; height: 40px; }
.credential-title h2 { font-size: 24px; font-weight: bold; color: #fff; }
.credential-item { margin-bottom: 20px; }
.credential-item img { width: calc(100% - 10px); margin: 0 auto; box-shadow: 1px 1px 10px #bcbcbc; }
