@charset"utf-8";
/* - pc端显示 - */
.pc{
    display: block;
}
/* - 手机端隐藏 - */
.mbl{
    display: none;
}
html{
    overflow-x: hidden;
}
/*
	------------------------------------------------------------------------------------ 移动端导航 - start
	--------------------------------------------------------------------------------------------
*/
.logo{
	float: left;
	
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.logo div{
	text-align: center;
	margin-left: 30px;
	
}
.logo div h5{
	font-size: 15px;
	color: #666;
	margin-top: 5px;
}
.logo div p{
	color: #666;
	font-size: 15px;
	letter-spacing: 2px;
}
.m_nav,
.m_img{
    display: none;
}
.m_img{
    float: right;
    margin-left: 12px;
    align-items: center;
}
.m_img a .m_menuimg{
    width: 24px;
    vertical-align: top;
    display: block;
}
.lpkMap{
	display: none;
}
.lpkMap .lpkButton{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 25px;
}
.lpkMap .lpkButton span{
	font-size: 20px;
	padding: 0 10px;
}
.m_nav{
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 10000;
}
.m_nav .closecover{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.m_nav .m_navList{
    position: absolute;
    width: 80%;
    top: 0px;
    background: #fff;
    height: 100%;
    z-index: 100;
    left: -80%;
    padding-top: 66px;
    overflow-y: auto;
}
.m_nav .closeicon{
    position: absolute;
    width: auto;
    right: 16px;
    top: 22px;
    z-index: 105;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
}
.m_nav .closeicon a{
    height: 22px;
    display: block;
}
.m_nav .m_navList ul li:first-child{
    border-top: 1px solid #f0f0f0;
}
.m_nav .m_navList ul li{
    border-bottom: 1px solid #f0f0f0;
}
.m_nav .m_navList ul li .m_f_a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.m_nav .m_navList ul li .m_s_nav{
    display: none;
    width: 100%;
    padding-bottom: 8px;
}
.m_nav .m_navList ul li .m_f_a a{
    flex: 1;
}
.m_nav .m_navList ul li .m_f_a i{
    width: 54px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
}
.m_nav .icon{
    background: url(../images/plus.png) 100% no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
.m_nav .icon_on {
    background: url(../images/reduce.jpg) 50% no-repeat!important;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
.m_nav .m_navList ul li .m_s_nav a{
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 5%;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}
.m_nav .m_navList ul li a{
    display: block;
    height: 45px;
    color: #333;
    line-height: 45px;
    padding-left: 4%;
    font-size: 15px;
}
.m_nav .m_navList ul li .m_f_a i{
    width: 54px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
}
.tophide .header .m_img a.two,
.header .m_img a.one{
    display: block;
}
.tophide .header .m_img a.one,
.header .m_img a.two{
    display: none;
}
/*
	------------------------------------------------------------------------------------ 移动端导航 - end
	--------------------------------------------------------------------------------------------
*/

/*开始你的内容创作之旅*/

.headAb{
    align-items: center;
    justify-content: space-between;
}
.nav{
    margin-right: 30px;
}
.navLi{
    float: left;
    padding: 0 20px;
    margin: 0 10px;
    position: relative;
}
body{
    padding-top: 100px;
}
.navLi .nav-a{
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    color: #333333;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navLi:hover .nav-a{
    color: #e60012;
}
.navLi.active .nav-a{
    color: #e60012;
}
.hdRt-lag{
    padding-left: 60px;
    position: relative;
}
.hdRt-lag:after{
    content: "";
    width: 1px;
    height: 16px;
    background-color: #cccccc;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lagHd{
    height: 100px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.lagBox{
    position: relative;
    cursor: pointer;
}
.lagUl{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 15px 5px;
    background-color: #fff;
    z-index: 2;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.lagBox:hover .lagUl{
    visibility: visible;
    opacity: 1;
}
.lagUl a{
    color: #666;
    padding: 5px 0;
    display: block;
}
.lagHd .lag-ico{
    margin-right: 10px;
}
.lagHd .hd-jian{
    margin-left: 8px;
}
.navUl{
    position: absolute;
    top: 100%;
    left: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 2;
    padding: 0 38px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navLi:hover .navUl{
    visibility: visible;
    opacity: 1;
}
.navUl li{
    padding: 0 22px;
    float: left;
}
.navUl a{
    height: 76px;
    line-height: 76px;
    font-size: 16px;
    color: #666666;
    display: block;
}
/**/
.banner, .swpBan{
    position: relative;
}
.swpBan-pg{
    position: absolute;
    bottom: 60px !important;
    font-size: 0;
    text-align: center;
    z-index: 3;
}
.swp-but{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.swpBan-pv, .swpBan-nt{
    width: 46px;
    height: 70px;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.swpBan-pv:hover, .swpBan-nt:hover{
    background-color: #e60012;
}
.swpBan-pv{
    left: 0;
}
.swpBan-nt{
    right: 0;
}
.swpBan-pg .swiper-pagination-bullet{
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border-radius: 0;
    margin: 0 10px !important;
    opacity: 1;
}
.swpBan-pg .swiper-pagination-bullet-active{
    background-color: #e60012;
    width: 34px;
    height: 4px;
    background-color: #e60012;
}
/**/
.idxTitle{
    margin-bottom: 35px;
}
.idxTitle .tit{
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
}
.idxAbo{
    padding: 80px 0 105px;
}
.idxAbo-ab{
    justify-content: space-between;
    align-items: flex-start;
}
.idxabo-lt, .idxabo-rt{
    flex-shrink: 0;
}
.idxabo-lt{
    width: 40.441%;
}
.idxabo-rt{
    width: 50.735%;
}
.idxabo-lt .text{
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    margin-bottom: 60px;
}
.vMore{
    font-size: 16px;
    color: #e60012;
    text-transform: uppercase;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 170px;
    height: 55px;
    border: solid 2px #e60012;
    justify-content: center;
    padding-top: 3px;
    padding-left: 5px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.vMore:hover{
    background-color: #e60012;
    color: #fff;
}
.vMore .iconfont{
    font-weight: bold;
    margin-left: 20px;
    font-size: 14px;
}
.idxabo-rt{
    flex-wrap: wrap;
}
.idxabo-li{
    width: 33.333%;
    border: solid 1px #e5e5e5;
    height: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.idxabo-li .div{
    width: 100%;
    max-width: 150px;
    text-align: center;
    padding: 0 10px;
}
.idxabo-li:nth-child(1), .idxabo-li:nth-child(2), .idxabo-li:nth-child(4){
    border-right: 0;
}
.idxabo-li:nth-child(1), .idxabo-li:nth-child(2){
    border-bottom: 0;
}
.idxabo-li .time{
    font-size: 52px;
    color: #e60012;
    font-weight: bold;
}
.idxabo-li .txt{
    font-size: 16px;
    line-height: 27px;
    color: #333333;
}
.idxpro-hd{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.idxpro-hd .idxTitle{
    margin-bottom: 0 !important;
}
.idxTitle .txt{
    font-size: 30px;
    color: #333333;
}
.idxpro-li{
    padding: 0 10px;
}
.idxpro-list{
    margin: 0 -10px;
}
.idxPro{
    padding: 85px 0 150px;
    position: relative;
}
.idxpro-dl{
    background-color: #fff;
    padding: 35px 35px 50px 35px;
}
.idxpro-dl dt{
    margin-bottom: 55px;
    overflow: hidden;
}
.idxpro-dl dt img{
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.idxpro-dl dd{
    text-align: center;
}
.idxpro-dl dd .tit{
    font-size: 20px;
    color: #333333;
    margin-bottom: 15px;
}
.idxpro-dl dd .txt{
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-bottom: 20px;
}
.idxpro-more{
    font-size: 14px;
    color: #e7161c;
    width: 90px;
    height: 36px;
    border: solid 2px #e7161c;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin: auto;
    padding-left: 5px;
}
.idxpro-more .iconfont{
    font-size: 12px;
    font-weight: bold;
    -webkit-transform: scale(0.813);
    transform: scale(0.813);
    top: 0px;
    margin-left: 10px;
}
/**/
.idxpro-swiper .swiper-slide{
    /*width: auto;*/
    cursor: pointer;
}
.idxpro-swiper .active img{
	filter: grayscale(0%) !important;
	opacity: 1 !important;
}
.idxpro-swiper .div{
    text-align: center;
    height: 160px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 30px;
}
.idxpro-swiper .imgsdiv{
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.idxpro-swiper .div:after{
    content: "";
    width: 100%;
    height: 3px;
    background-color: #e60012;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    opacity: 0;
}
.idxpro-swiper .swiper-slide.active .div:after{
    visibility: visible;
    opacity: 1;
}
3.idxpro-swiper .imgsdiv img{
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	/* filter: grayscale(100%);
	opacity: 0.5; */
}
.idxpro-swiper .swiper-slide:hover .imgsdiv img{
	filter: grayscale(0%);
	opacity: 1;
}
.idxpro-swiper .swiper-slide.active .imgsdiv{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.idxpro-swiper .swiper-slide:hover .imgsdiv{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.idxpro-swiper .imgsdiv .img-h{
   /* position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0; */
}
.idxpro-swiper .swiper-slide:hover .imgsdiv .img-h{
    visibility: visible;
    opacity: 1;
}
.idxpro-swiper .swiper-slide:hover .imgsdiv .img-act{
    visibility: hidden;
    opacity: 0;
}
.idxpro-swiper .active .imgsdiv .img-h{
    visibility: visible;
    opacity: 1;
}
.idxpro-swiper .active .imgsdiv .img-act{
    visibility: hidden;
    opacity: 0;
}
.idxpro-nav{
    background-color: #fff;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    padding: 0 90px;
}
.idxproNav{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.idxpro-swiper .tit{
    font-size: 16px;
    color: #333333;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	display: none;
   /* visibility: hidden;
    opacity: 0; */
}
.idxpro-swiper .swiper-slide.active .tit{
    visibility: visible;
    opacity: 1;
}
.idxpro-but{
    width: 50px;
    height: 50px;
    background-color: #e60012;
    position: absolute;
    top: 50%;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.idxpro-pv{
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.idxpro-nt{
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
/**/
.idxNew{
    padding-top: 175px;
    padding-bottom: 90px;
}
.idxnew-hd{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.idxnew-hd .idxnew-nav span{
    font-size: 18px;
    color: #333333;
    padding: 17px 0;
    position: relative;
    display: block;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}
.idxnew-hd .idxnew-nav span:after{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #e60012;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    opacity: 0;
}
.idxnew-hd .idxnew-nav li.active span:after{
    visibility: visible;
    opacity: 1;
}
.idxnew-hd .idxnew-nav li.active span{
    color: #e60012;
}
.idxnew-hd .idxnew-nav li:hover span{
    color: #e60012;
}
.idxNew .idxTitle{
    margin-bottom: 0 !important;
}
.idxnew-hd .idxnew-nav li:not(:last-child){
    margin-right: 30px;
}
.idxnew-list{
    margin: 0 -25px;
    display: none;
}
.idxnew-list:nth-child(1){
    display: block;
}
.idxnew-li{
    padding: 0 25px;
}
.idxnew-li .date{
    color: #666666;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.idxnew-li .tit{
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.idxnew-li .txt{
    font-size: 16px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.idxnew-li dt{
    margin-bottom: 25px;
}
.vMore-s{
    color: #e60012;
    text-transform: uppercase;
}
.vMore-s .iconfont{
    font-weight: bold;
    font-size: 12px;
    margin-left: 25px;
}
/**/
.footer{
    background-color: #f1f1f1;
}
.footer .container{
    position: relative;
}
.footer-nav{
    justify-content: space-between;
    width: 60.294%;
    padding: 75px 0;
}
.footer-nav .tit{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}
.footer-nav li a{
    font-size: 18px;
    color: #666666;
    padding: 8px 0;
    display: block;
}
.foot-address{
    padding-left: 50px;
    padding-right: 50px;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 70px;
}
.foot-address, .btmimg{
    width: 338px;
    flex-shrink: 0;
    background-color: #e60012;
}
.btmimg{
    align-items: center;
    height: 90px;
    justify-content: center;
}
.foot-address li{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
.foot-address li:not(:last-child){
    margin-bottom: 10px;
}
.footBtm, .foot-address .btmimg{
    height: 90px;
}
.footer-top{
    justify-content: space-between;
}
.footBtm{
    position: relative;
}
.footBtm:after{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.08);
}
.footAb{
    height: 90px;
    align-items: center;
    justify-content: space-between;
}
.footAb .img1{
    margin-right: 25px;
}
.footAb .img2{
    margin-right: 36px;
}
.footAb span{
    margin-right: 8px;
    color: #666666;
}
.footAb a{
    color: #666666;
}
.footAb a:not(:last-child){
    margin-right: 10px;
}
/*
        内页
*/
.nBantxt{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
.nBantxt .tit{
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.nBantxt .txt{
    font-size: 36px;
    color: #ffffff;
}
/**/
.npgNav{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.npgNav-ul{
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
    justify-content: center;
    align-items: center;
}
.npgNav-ul li a{
    display: block;
    width: 235px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    height: 80px;
    line-height: 80px;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-weight: bold;
}
.npgNav-ul li:hover a{
    color: #e60012;
}
.npgNav-ul li.active a{
    color: #e60012;
}
.npgNav-ul li a:after{
    content: "";
    width: 1px;
    height: 17px;
    background-color: #dddddd;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;
}
.npgNav-ul li:not(:last-child) a:after{
    display: block;
}
/**/
.aboJjie{
    padding: 140px 0 100px;
    background-color: #fafafa;
}
.aboTit{
    font-size: 30px;
    color: #333;
    position: relative;
    padding-bottom: 30px;
}
.aboTit:after{
    content: "";
    width: 50px;
    height: 2px;
    background-color: #e7161c;
    position: absolute;
    bottom: 0;
    left: 0;
}
.aboTit.ct{
    text-align: center;
}
.aboTit.ct:after{
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.aboTit.wt{
    color: #fff;
}
.aboJjie .text{
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    margin-top: 25px;
}
.aboJjie-lt{
    width: 41.176%;
}
.aboJjie-rt{
    width: 53.676%;
    height: 100%;
}
.aboJjieAb{
    justify-content: space-between;
}
.aboJjie-rt .ul{
    width: 190px;
    margin-left: 20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
}
.aboJjie-rt .ul li{
    background-color: #fff;
    padding: 0 30px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.aboJjie-rt .ul li:not(:last-child){
    margin-bottom: 20px;
}
.aboJjie-rt .date{
    font-size: 56px;
    color: #e60012;
    font-weight: bold;
}
.aboJjie-rt .txt{
    font-size: 16px;
    color: #333333;
}
.aboWhua-dl{
    float: left;
    width: 20%;
    text-align: center;
}
.aboWhua-dl dt{
    border: solid 1px #fff;
    border-radius: 100%;
    width: 130px;
    margin: auto;
    margin-bottom: 40px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.aboWhua-dl:hover dt{
    background-color: #e60012;
    border-color: #e60012;
}
.aboWhua-dl .tit{
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 10px;
}
.aboWhua-dl .txt{
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
}
.aboWhua{
    padding: 90px 0 100px;
}
.aboWhuaCl{
    margin-top: 55px;
}
.aboJgou .aboTit{
    margin-bottom: 40px;
}
.aboJgou{
    padding: 75px 0 100px;
}
/**/
.honorBox{
    padding-top: 105px;
    padding-bottom: 100px;
}
.honorHd{
    justify-content: space-between;
    align-items: center;
}
.honorHd .tit{
    font-size: 30px;
    color: #333;
}
.honorNav li a{
    display: block;
    font-size: 16px;
    color: #333333;
    width: 120px;
    height: 50px;
    border: solid 2px #eeeeee;
    text-align: center;
    line-height: 46px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.honorNav li:not(:last-child){
    margin-right: 20px;
}
.honorNav li.active a{
    background-color: #e60012;
    border-color: #e60012;
    color: #fff !important;
}
.honorNav li:hover a{
    border-color: #e60012;
    color: #e60012;
}
.honorList, .logoList{
    margin-top: 60px;
}
.honorList, .logoList{
    flex-wrap: wrap;
    border-left: solid 1px #eeeeee;
}
/*.logoList{
    border-top: solid 1px #eeeeee;
}*/
.logoList .logo-col, .gyShang-li{
    border-top: solid 1px #eeeeee;
    margin-top: -1px;
}
.honor-col{
    border-top: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    margin-top: -1px;
    padding: 40px 45px 50px;
}
.honor-col .tit{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 25px;
}
.pagination{
    margin: 0;
    justify-content: center;
    margin-top: 60px;
}
.pagination li:not(:last-child){
    margin-right: 10px;
}
.pagination li a, .pagination li span{
    width: 45px;
    height: 45px;
    padding: 0;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    border: solid 1px #e5e5e5;
    color: #333333;
    border-radius: 0 !important;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pagination li.pagin-but a, .pagination li.pagin-but span{
    width: auto;
    padding: 0 20px;
}
.pagination li.active a,.pagination li.active:hover a,
.pagination li.active span,.pagination li.active:hover span{
    background-color: #e60012;
    color: #fff;
    border-color: #e60012;
}
/**/
.logoList .logo-col, .gyShang-li{
    border-right: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    width: 20%;
}
.gyShang{
    padding: 110px 0 80px;
    background-color: #fcfcfc;
}
.gyShang-nav{
   /* border: solid 1px #eeeeee;*/
    margin: 40px 0;
    border-bottom: 0;
    position: relative;
}
.gyShang-nav .swiper-container{
	padding-top: 2px;
}

.gyShang-li{
    text-align: center;
    height: 160px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer; 
    position: relative;
}
.gyShang-li:after{
    content: "";
    width: 100%;
    height: 100%;
    border: solid 2px #e7161c;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;  
}
.gyShang-li .imgDiv{
    position: relative;
    width: 115px;
    margin: auto;
    margin-bottom: 10px;
    max-width: 80%;
}
.gyShang-li .imgDiv img{
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.gyShang-li .imgDiv img:nth-child(1){
  /*  position: absolute;
    top: 0;
    left: 0; */
    /* visibility: hidden; */
    /* opacity: 0.5; */
	/* filter: grayscale(100%); */
}
/* .gyShang-li .imgDiv img:nth-child(2){
	display: none;
} */
.gyShang-li:hover .imgDiv img:nth-child(2){
    visibility: hidden;
    opacity: 0;
}
.gyShang-li:hover .imgDiv img:nth-child(1){
   filter: grayscale(0%);
    opacity: 1;
}
.gyShang-li.active .imgDiv img:nth-child(2){
    visibility: hidden;
    opacity: 0;
}
.gyShang-li.active .imgDiv img:nth-child(1){
    /* visibility: visible; */
    opacity: 1;
}
.gyShang-li .tit{
    font-size: 16px;
    color: #333333;
}
.gyShang-navs{
    flex-wrap: wrap;
}
.gyShang-li:hover:after{
    visibility: visible;
    opacity: 1;
}
.gyShang-li.active:after{
    visibility: visible;
    opacity: 1;
}
.gyShang .idxpro-dl{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.gyShang-nt, .gyShang-pv{
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gyShang-nt{
    right: 0;
}
.gyShang-pv{
    left: 0;
}
.logoBut{
    /* width: 165px; */
	 width: 225px;
    height: 96px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 1px #ededed;
}
.logoBut .imgDiv{
    margin-bottom: 10px;
}
.logoBut .tit{
    color: #e60012;
    font-size: 14px;
}
.logoBut .tit .iconfont{
    font-size: 12px;
    margin-left: 10px;
    margin-right: -3px;
}
.gyShangPro{
    margin-top: 10px;
    background-color: #fff;
    padding: 0 80px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.gyShangPro-li{
    padding: 60px 0;
    justify-content: space-between;
    align-items: flex-end;
}
.gyShangPro-li:not(:last-child){
    border-bottom: solid 1px #e5e5e5;
}
.gyShangPro-li .tit{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}
.gyShangPro-lt .list li{
    font-size: 18px;
    color: #666666;
    padding: 10px 0;
}
.gyShangPro-li .txt{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-bottom: 40px;
}
.returnBut{
    border: solid 2px #e7161c;
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #e60012;
    display: block;
}
.returnBut .iconfont{
    font-size: 12px;
    margin-right: 10px;
}
.gyShangOne{
    padding-bottom: 60px;
}
.gyShangTwo .aboTit{
    margin-bottom: 40px;
}
/**/
.newBox{
    padding: 120px 0 80px;
    background-color: #fcfcfc;
}
.newBig .ab{
    align-items: center;
}
.newBig dt{
    width: 51.029%;
}
.newBig dd{
    width: 48.971%;
    padding-left: 75px;
    padding-right: 145px;
}
.newBig .tit{
    font-size: 24px;
    line-height: 40px;
    color: #333333;
}
.newBig .txt{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin: 30px 0 65px;
}
.newBig .time{
    font-size: 16px;
    color: #e60012;
}
.newBoxswp{
    background-color: #fff;
    margin-bottom: 80px;
}
.newBoxswp-pv, .newBoxswp-nt{
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.newBoxswp-nt{
    right: 0;
}
.new-list{
    margin: -25px;
    flex-wrap: wrap;
}
.newCol{
    padding: 25px;
}
.newDl{
    background-color: #fff;
    height: 100%;
}
.newDl dd{
    padding: 40px 35px 60px;
}
.newDl .tit{
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 10px;
}
.newDl .txt{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 50px;
}
.newDl .time{
    color: #666666;
}
/**/
.newPage .hdTit{
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: solid 1px #eeeeee;
    text-align: center;
}
.newPage .hdTit .tit{
    margin-bottom: 25px;
    font-size: 32px;
    color: #333333;
}
.newPage .hdTit .time{
    color: #666666;
}
.newPage .hdTit .time span{
    margin: 0 15px;
}
.newPage{
    padding: 70px 0 115px;
}
.newPag{
    position: relative;
    justify-content: space-between;
}
.newPag-pv, .newPag-nt{
    max-width: 40%;
    font-size: 16px;
    color: #666666;
}
.newPag-pv span, .newPag-nt span{
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.newPag-pv:hover span, .newPag-nt:hover span{
    color: #e60012;
}
.newPag .returnBut{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.newPage .text{
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    padding-bottom: 80px;
    margin-bottom: 60px;
    border-bottom: solid 1px #eeeeee;
}
.newPage .text img{
    max-width: 100%;
}
/**/
.zlueBox{
    padding-top: 75px;
    padding-bottom: 95px;
}
.zlueBox .aboTit{
    margin-bottom: 50px;
}
.zlueBox-one .ab{
    flex-direction: row-reverse;
    align-items: center;
}
.zlueBox-one dl{
    background-color: #e60012;
    overflow: hidden;
}
.zlueBox-one dt{
    width: 66.911%;
}
.zlueBox-one dd{
    width: 33.089%;
    padding: 0 25px;
}
.zlueBox-one dd .div{
    width: 310px;
    max-width: 100%;
    margin: auto;
}
.zlueBox-one .tit{
    font-size: 28px;
    color: #f8f8f8;
    margin-bottom: 15px;
}
.zlueBox-one .txt{
    font-size: 16px;
    line-height: 36px;
    color: #f8f8f8;
}
.zlueBox-two{
    margin: 0 -6px;
    margin-top: 12px;
}
.zlueBox-col{
    padding: 0 6px;
}
.zlueBox-col dl{
    position: relative;
    overflow: hidden;
}
.zlueBox-col dl dd{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 78px;
    background-color: rgba(0,0,0,.5);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    display: flex;
    display: -webkit-flex;
    padding: 0 60px;
    flex-direction: column;
    justify-content: center;
}
.zlueBox-col dl:hover dd{
    height: 100%;
}
.zlueBox-col dl .tit, 
.zlueBox-col dl .txt{
    color: #fff;
}
.zlueBox-col dl .tit{
    font-size: 28px;
    color: #ffffff;
}
.zlueBox-col dl .txt{
    font-size: 16px;
    line-height: 32px;
    /*margin-top: 15px;*/
    height: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    visibility: hidden;
    opacity: 0;
}
.zlueBox-col dl:hover .txt{
    height: 128px;
    visibility: visible;
    opacity: 1;
    margin-top: 15px;
}
.jobBox-list{
    border-left: solid 1px #e5e5e5;
    flex-wrap: wrap;
}
.jobBox-li{
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    margin-top: -1px;
    width: 50%;
    padding: 85px 85px 60px 85px;
}
.jobBox-li .hd{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}
.jobBox-li .hd .icon{
    margin-right: 20px;
}
.jobBox-li .txt{
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}
.jobBox{
    padding-bottom: 100px;
}
.jobBox .aboTit{
    margin-bottom: 60px;
}
/**/
.contact{
    padding: 95px 0;
}
.contact .hd{
    margin-bottom: 55px;
    text-align: center;
}
.contact .hd .txt{
    font-size: 16px;
    color: #333333;
    margin-top: 25px;
}
.tactDl dt{
    margin-bottom: 35px;
}
.tact-li{
    width: 33.333%;
    padding: 0 15px;
}
.tactDl .tit{
    margin-bottom: 10px;
    font-size: 18px;
    color: #333333;
}
.tactDl .txt{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.tactMap{
    background-color: #fafafa;
    padding: 115px 0 85px;
}
.tactMap-box{
    position: relative;
}
.tactMap-txt{
    position: absolute;
    top: 0;
    left: 0;
}
.tactMap-txt .hd{
    width: 400px;
    margin-bottom: 260px;
}
.tactMap-txt .hd .txt{
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    margin-top: 20px;
}
.count-list{
    margin: 0 -55px;
}
.count-list li{
    padding: 0 55px;
    position: relative;
}
.count-list li:after{
    content: "";
    width: 1px;
    height: 80px;
    background-color: #dddddd;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;
}
.count-list li:not(:last-child):after{
    display: block;
}
.count-list li .counts{
    font-size: 56px;
    color: #e60012;
    font-weight: bold;
}
.count-list li .counts small{
    font-size: 64.285%;
}
.count-list li .txt{
    font-size: 16px;
    color: #333333;
}
.tactMap-map{
    width: 64.264%;
    float: right;
    position: relative;
    z-index: 20;
}
.tactMap-map .list i{
    width: 7px;
    height: 7px;
    background-color: #e7161c;
    border-radius: 100%;
    position: relative;
    display: block;
}
.tactMap-map .list i:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #e7161c;
    -webkit-animation: is 2s ease 0s infinite;
    animation: is 2s ease 0s infinite;
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes is{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}

.tactMap-map .list-li{
    position: absolute;
    cursor: pointer;
}

.tactMap-map .list-li:nth-child(1){
    top: 29.922%;
    left: 75.4%;
}
.tactMap-map .list-li:nth-child(2){
    top: 36.858%;
    left: 64.988%;
}
.tactMap-map .list-li:nth-child(3){
    top: 40.746%;
    left: 66.361%;
}
.tactMap-map .list-li:nth-child(4){
    top: 46.967%;
    left: 69.794%;
}
.tactMap-map .list-li:nth-child(5){
    top: 53.032%;
    left: 61.556%;
}
.tactMap-map .list-li:nth-child(6){
  /*  top: 53.032%;
    left: 70.022%; */
	top: 60.653%;
	left: 71.281%;
}
.tactMap-map .list-li:nth-child(7){
    top: 56.92%;
    left: 52.173%;
}
.tactMap-map .list-li:nth-child(8){
    top: 60.653%;
    left: 45%;
}
.tactMap-map .list-li:nth-child(9){
    top: 61.43%;
    left: 66.704%;
}
.tactMap-map .list-li:nth-child(10){
    /* top: 60.653%; */
	 top: 57.653%;
    left: 71.281%;
}
.tactMap-map .list-li:nth-child(11){
    top: 61.43%;
    left: 74.713%;
}
.tactMap-map .list-li:nth-child(12){
    top: 65.318%;
    left: 62.242%;
}
.tactMap-map .list-li:nth-child(13){
    top: 63.763%;
    left: 72.196%;
}
.tactMap-map .list-li:nth-child(14){
    top: 66.096%;
    left: 43.02%;
}
.tactMap-map .list-li:nth-child(15){
    top: 67.34%;
    left: 49.199%;
}
.tactMap-map .list-li:nth-child(16){
    top: 70.295%;
    left: 59.496%;
}
.tactMap-map .list-li:nth-child(17){
    top: 70.606%;
    left: 73.226%;
}
.tactMap-map .list-li:nth-child(18){
    top: 74.805%;
    left: 70.137%;
}
.tactMap-map .list-li:nth-child(19){
    top: 81.337%;
    left: 68.421%;
}
.tactMap-map .list-li:nth-child(20){
    top: 85.536%;
    left: 63.272%;
}
.tactMap-map .list-li:nth-child(21){
    top: 84.914%;
    left: 60.869%;
}
.tactMap-map .list-li:nth-child(22){
    top: 87.869%;
    left: 57.894%;
}
.tactMap-map .list-li:nth-child(23){
    top: 90.513%;
    left: 55.491%;
}

.tactMap-map .list-li .tit{
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333333;
    white-space: nowrap;
    font-size: 14px;
    margin-left: 5px;
}
.tactMap-map .mapby-tit img{
    margin-right: 10px;
}
.tactMap-map .mapby-tit{
    font-size: 20px;
    color: #fff;
}
.mapby{
    position: absolute;
    left: 100%;
    top: -64px;
    margin-left: 45px;
    width: 210px;
    padding: 25px;
    background-color: #e60012;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 3;
}
.gyShang-li:after{
    z-index: -1;
}
.mapby:after{
    content: "";
    width: 18px;
    height: 23px;
    background: url(../images/jiao-ico.png) no-repeat center center/100%;
    position: absolute;
    top: 25px;
    right: 100%;
}
.tactMap-map .txt{
    font-size: 15px;
    color: #ffffff;
    margin-top: 15px;
}
.tactMap-txt{
    z-index: 3;
}
.tactMap-map .list-li:hover .mapby{
    visibility: visible;
    opacity: 1;
}
.gyShang-li .tit{
   /* visibility: hidden;
    opacity: 0; */
}
.gyShang-li.active .tit{
    visibility: visible;
    opacity: 1;
}
+.gyShang-li.active .imgDiv{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.gyShang-li.active .imgDiv img{
	filter: grayscale(0);
	opacity: 1;
}
.gyShang-li .imgDiv{
  /*  -webkit-transform: translateY(15px);
    transform: translateY(15px); */
}
/**/
.idxpro-dl dt, .idxnew-li dt, .honorDl dt, .newBig dt, .newDl dt,
.logoList .logo-col{
    overflow: hidden;
}
.idxpro-dl dt img, .idxpro-more,
.idxpro-dl .idxpro-more,
.idxnew-li dt img,
.idxnew-li .tit,
.footer-nav li a,
.footAb a,
.honorDl dt img,
.honor-col .tit, .returnBut, .logoBut,
.newBig dt img, .newDl dt img,
.newDl .tit,
.gyShang-li.active .imgDiv,
.gyShang-li .tit,
.logoList .logo-col img{
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.idxpro-dl:hover dt img, .idxnew-li:hover dt img,
.honorDl:hover dt img,
.newBig:hover dt img, .newDl:hover dt img,
.logoList .logo-col:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.idxpro-dl:hover .idxpro-more, .returnBut:hover{
    background-color: #e60012;
    color: #fff;
}
.idxnew-li:hover .tit, .honor-col:hover .tit,
.newDl:hover .tit{
    color: #e60012;
}
.footer-nav li:hover a, .footAb a:hover{
    color: #333;
}
.logoBut:hover{
    border-color: #e60012;
}


.logoBut{
    background-color: #fff;
}
.tactDl .tit{
    line-height: 24px;
}
.newBig .tit, .newBig .text-transform, .newDl .tit,
.idxpro-dl dd .txt,
.newDl .txt{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newDl .tit{
    height: 56px;
}
.honor-col{
    padding-bottom: 30px;
}
/*.logoList{
    overflow: hidden;
}*/
.idxabo-lt .text{
    height: 260px;
}
.idxpro-dl dd .tit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.idxpro-but{
    cursor: pointer;
}
.footAb>.ab:nth-child(1){
    width: 65%;
}
.footAb .img2, .footAb .img1{
    flex-shrink: 0;
}
.honorHd .tit{
    max-width: 60%;
    line-height: 26px;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    background-color: #fff;
}
.footAb>.ab:nth-child(1){
    align-items: center;
}


.lpkBox {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}
.lpkBox .box {
  position: absolute;
  width: 720px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.lpkBox .box .swiper-container {
  width: 365px;
}
.lpkBox .box .swiper-container .swiper-slide .item {
  text-align: center;
  padding: 64px 0;
}
.lpkBox .box .swiper-container .swiper-slide .item .top img {
  width: 100%;
}
.lpkBox .box .swiper-container .swiper-slide .item .bot {
  font-size: 16px;
  margin-top: 40px;
}
.lpkBox .box .lpkLeft {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 40px;
  line-height: 40px;
  background: #e7161c;
  text-align: center;
  outline: none;
}
.lpkBox .box .lpkLeft span {
  font-size: 20px;
  color: #fff;
}
.lpkBox .box .lpkRight {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  width: 40px;
  line-height: 40px;
  background: #e7161c;
  text-align: center;
  outline: none;
}
.lpkBox .box .lpkRight span {
  font-size: 20px;
  color: #fff;
}
.lpkBox .box .xxx {
  position: absolute;
  top: 15px;
  right: 15px;
}
.lpkBox .box .xxx span {
  font-size: 30px;
  color: #000;
  cursor: pointer;
}






/* IE浏览器版本兼容调试 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	
}

/* 放置全部hover效果 */
@media screen and (min-width: 1200px){

}