*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 顶部导航 */
header{
    position: fixed;
    z-index: 1;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
header .logo{
    padding-top: 5px;
}
@media (max-width:768px) {
	header{height: 70px!important;}
header .logo{display: flex;height: 70px;align-items: center; max-width: 40%; padding-top: 0!important;}	
}
header .top{
    height: 100%;
    line-height: 70px;; background-color:#cb0000
}
header .top.up .logo img:first-child{
    display: block;
}
header .top.up .logo img:last-child{
    display: none;
}
header .top.down .logo img:first-child{
    display: none;
}
header .top.down .logo img:last-child{
    display: block;
}
header .top.down{
    background-color: #cb0000;
    border-bottom: none;
    box-shadow: 0 3px 12px rgb(0 0 0 / 15%);
}


header .top.down nav li.cur aside > a::before{
    background-color: #fff;
}

header .top.down li a{
    color: #eee;
}
header .top.down li a:hover{
    color: #fff;
}
header .top.down .sousuo{
    background-image: url(../images/sousuodown.png);
}
/*header nav li:hover a::before{
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px ;
    width: 100%;
    background-color: #fff;
}*/
@media (min-width:1025px) {
header nav li:hover .smallnav{
    opacity: 1;
    height: auto;
}
}
header nav .smallnav{
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 840px;
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    background-color: #fff;
    text-align: center;
     height: 0;
     opacity: 0; 
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    line-height: 50px;
}
@media(max-width:1366px){
    header nav .smallnav{
    max-height: 530px;
}
}
header nav .topnav{
    background-color: #fafafa;
    height: 52.5px;
}
header nav .top_list{
    display: flex;
    justify-content: center;
    line-height: 52.5px;
    overflow-y: auto;
    max-height: 650px;
}


header nav .top_list .top_list_item{
    width: 25%;
    background-repeat: no-repeat;
    background-position: left 20% center;
}

header nav .top_list .top_list_item.on{
    background-color: #ebf7fc;
    color: #cb0000;
}

header nav .top_list .top_list_item.on a img {
    display: none;
}
header nav .top_list .top_list_item.on a img:nth-child(2){
    display: inline-block;
    }

header nav .top_list .top_list_item a{
    
    font-size: 16px;
    display: block;
}
header nav .top_list .top_list_item img {
    max-width: 40px;
    max-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right:5.714%;
}
header nav .top_list .top_list_item img:nth-child(2){
    display: none;
}
header nav .top_list .top_list_item a:hover{
    background-color: #ebf7fc;
    color: #cb0000;
}
header nav .top_list .top_list_item a:hover img {
    display: none;
}
header nav .top_list .top_list_item a:hover img:nth-child(2){
    display: inline-block;
    }
header nav .bottom_list {
    display: flex;
    justify-content: flex-start;
}
header nav .bottom_list .bottom_list_item{
    width: 16.66%;
    display: flex;
}
header nav .bottomnav{
    background-color: #f5f5f5;
    height: 70px;
    line-height: 70px;
}
header nav .bottom_list .bottom_list_item a{
    font-size: 18px;
    color: #888;
    margin-left: 20px;
}

header li{
    display: inline-block;
}
header .sousuo{
    background-image: url(../images/sousuo.png);
    position: relative;
    width: 82px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 24px;
    cursor: pointer;
}
header .sousuo.on{background-image: url(../images/close.svg);background-size: contain;}
header .sousuoitem::before{

}
header .sousuoitem{
    position: absolute;
    right: 30px;
    top: 50%;
	transform: translateY(-50%);
    line-height: initial;
    width: 300px;
    justify-content: space-between;
    background-color: #cb0000;
    padding: 10px;
    display: none;
    border-radius: 10px;
}
header .soubtn{
    float: right;
    width: 20px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(../images/sousuo.png);
	background-position: right center;
}
header .sousuoitem input{
    border: none;
    outline: none;
    width: calc(100% - 30px);
    float: left;
    border-radius: 10px;
	height: 32px;
	line-height: 32px;
}
header nav li aside > a{
    color: #fff;
    position: relative;
    display: block;
    font-size: 16px;
}
header nav li{
    margin: 0 17px;
}
header nav li:hover aside > a{
    color: #fff;
}
header nav li.cur aside > a::before{
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px ;
    width: 100%;
	left: 0;
    background-color: #fff;
}
header .siglenav .sigle_top{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 30px;
}
header .siglenav .sigle_list{
    text-align: left;
}
header .siglenav .sigle_list .sigle_item{
    display: flex;
    line-height: 26px;
}
header .siglenav .sigle_list .sigle_item a{
    text-align: left;
    
    display: block;
    padding-left: 10px;
    position: relative;
    font-size: 14px;
}
header .siglenav .sigle_list .sigle_item.new a::before{
    content: '';
    display: block;
    width: 34px;
    height: 15px;
    background-image: url(../images/new.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
header .siglenav .sigle_list .sigle_item.hot a::before{
    content: '';
    display: block;
    width: 34px;
    height: 15px;
    background-image: url(../images/hot.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
header .siglenav .siglenav_item:nth-of-type(1){
    width: 21%;
}
header .siglenav .siglenav_item:nth-of-type(2){
    width: 14%;
}
header .siglenav .siglenav_item:nth-of-type(3){
    width: 23%;
}
header .siglenav .siglenav_item:nth-of-type(4){
    width: 20%;
}
header .siglenav .siglenav_item>a{
    
    font-size: 22px;
    text-align: left;
    padding-bottom: 10px;
    line-height: 24px;
    border-bottom:1px solid #eeeeee ;
    display: block;
    margin-bottom: 20px;
}
header .siglenav .siglenav_item .more_href{
    position: relative;
    display: inline-block;
    
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
}
header .siglenav .siglenav_item .more_href:hover::before{
    right: -25px;
}
header .siglenav .siglenav_item .more_href::before{
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    right: -18px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
header .siglenav .siglenav_item .sigle_box{
    position: relative;
}
header .siglenav .siglenav_item .sigle_box::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent 50%, #cb0000);
}
header .siglenav .siglenav_item .sigle_box p{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 35px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-align: left;
}
header .siglenav .sigle_bottom{
    background-color: #f5f5f5;
    height: 70px;
    line-height: 70px;
}
header .siglenav .sigle_bottom .auto{
    display: flex;
    justify-content: flex-start;
}
header .siglenav .sigle_bottom_item{
    width: 16.66%;
    display: flex;
    align-items: center;
}
header .siglenav .sigle_bottom_item a{
    font-size: 18px;
    line-height: 32px;
    color: #888888;
    padding-left: 20px;
}

/* sousuo.png */
header .qiehuan{
    width: 25px;
    height: 25px;
    margin: 50px auto;
    position: absolute;
    right: 20px;
    top: -10px;
    cursor: pointer;
}
header .xian{
    width: 25px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 9px;
    right: 0;
    bottom: 0;
}
header .xian::before {
    position: absolute;
    top: -8px;
    content: "";
    width: 25px;
    height: 3px;
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
header .xian::after {
    position: absolute;
    bottom: -8px;
    content: "";
    width: 25px;
    height: 3px;
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
header .down .xian,
header .down .xian:before,
header .down .xian:after{background: #000}
header .xian.xiansur::before {
    transform: rotate(45deg);
    top: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
header .xian.xiansur::after {
    transform: rotate(-45deg);
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
header .xian.xiansur {
    background: transparent;
}

header .qiehuan{
    display: none;
}

/* 下拉 */

header .top_list_item{
}
header .center_list .auto{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
header .center_list .auto .center_item .more_href:hover::before{
    right: -5px;
}
header .center_list .auto .center_item .more_href{
    position: relative;
    display: inline-block;
    width: 78px;
    
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 12px;
}

header .center_list .auto .center_item .more_href::before{
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    right: 8px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
header .center_list .auto .center_item a{
    text-align: left;
    
    display: block;
}

header .center_list .auto .center_item a:hover{color: #cb0000;}
header .center_list .auto .center_item>a{
    
    font-size: 22px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    display: block;
    line-height: 24px;
    margin-bottom: 15px;
}
header .centernav{
    padding-bottom: 30px;
}
header .center_list01{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
header .center_item{
    width: 47%;
    margin-top: 30px;
}
header .center_item01:nth-of-type(1){
    width: 32%;
}
header .center_item01:nth-of-type(2){
    width: 33%;
}
header .center_item01:nth-of-type(3){
    width: 27%;
}
header .center_item01{
    display: flex;
    position: relative;
    width: 25.33%;
    flex-direction: column;
}
header .center_item01>a{
    font-size: 16px;
    line-height: 20px;
    
    font-weight: bold;
    margin-bottom: 15px;
}
header .center_item01 .nav_i .nav_icon img{
    min-width: 17px;
    height: 17px;
}
header .center_item01 .nav_i{
    display: flex;
    width: auto;
    line-height: 26px;
   
}

header #top57 .center_item01 .nav_i,
header #top56 .center_item01 .nav_i,
header #top55 .center_item01 .nav_i{
    line-height: 26px;
    margin-top: 0px;
}

header .center_item01 .nav_i>a{
    padding-left: 10px;
    position: relative; background-image:url(../images/hongyuan.png); background-repeat:no-repeat; background-position:left center;
}

header .center_item01 .nav_i.hot a::before{
    content: '';
    display: block;
    width: 34px;
    height: 15px;
    background-image: url(../images/hot.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

header .center_item01 .nav_i.new a::before{
    content: '';
    display: block;
    width: 34px;
    height: 15px;
    background-image: url(../images/new.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -36px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
/* 头部响应式 */


@media(min-width:1025px){
    /* header #top57,
    header #top56,
    header #top55{padding-bottom: 2vw} */
    
    header #top57 .center_item,
    header #top56 .center_item,
    header #top55 .center_item{width: 75%}
    
    header #top57 .center_item .center_item01,
    header #top56 .center_item .center_item01,
    header #top55 .center_item .center_item01{width: 25%}
    
    header #top57 .center_item .firstTitle,
    header #top56 .center_item .firstTitle,
    header #top55 .center_item .firstTitle{display: none}
    
    header #top57 .center_item .secondTitle,
    header #top56 .center_item .secondTitle,
    header #top55 .center_item .secondTitle{
        color: #333!important;
        font-size: 22px;
        text-align: left;
        padding-bottom: 10px;
        line-height: 24px;
        border-bottom: 1px solid #eeeeee;
        display: block;
        margin-bottom: 20px;
        font-weight: normal;
    }
    
    header #top58 .siglenav_item{display: none}
    
    header #top57 .siglenav_item,
    header #top56 .siglenav_item,
    header #top55 .siglenav_item{ margin-top: 30px;width: 20%}
 
    header #top57 .siglenav_item>a,
    header #top56 .siglenav_item>a,
    header #top55 .siglenav_item>a{
    font-size: 22px;
    text-align: left;
    padding-bottom: 10px;
    line-height: 24px;
    border-bottom: 1px solid #eeeeee;
    display: block;
    margin-bottom: 20px;
    }
    
    header #top57 .siglenav_item .sigle_box,
    header #top56 .siglenav_item .sigle_box,
    header #top55 .siglenav_item .sigle_box{position: relative}
    
    header #top57 .siglenav_item .sigle_box::before,
    header #top56 .siglenav_item .sigle_box::before,
    header #top55 .siglenav_item .sigle_box::before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(transparent 50%, #cb0000);
    }
    
    header #top57 .siglenav_item .sigle_box p,
    header #top56 .siglenav_item .sigle_box p,
    header #top55 .siglenav_item .sigle_box p{
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 35px;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        text-align: left;
    }
}

@media (max-width: 1200px){
    header nav li{
        margin: 0 5px;
    }
}
@media (max-width: 1024px){
    header .center_list .auto .center_item>a{
        font-size: 18px;
    }
    header .logo{
        padding-top: 10px;
    }
    header .top{
        border-bottom:unset ;
    }
    header nav li.cur>a::before{
        left: 0;
    }
    header{
        height: 80px;
    }
    header nav ul{
        display: none;
    }
    header .qiehuan{
        display: block;
        top: 50%;
		transform: translateY(-50%);
		margin:0;
    } 
    header nav.navcurt ul{
        position: fixed;
        display: block;
        z-index: 99;
        left: 0;
        top: 70px;
        background: #00a2e9;
        width: 100%;
        text-align: center;
        height: calc(100% - 70px);
		overflow: auto;
    }
    
    header nav li{
        display: block;
		text-align: left;
		border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    header nav li aside a{color: #fff!important; font-size: 4vw; line-height:4;display: block;padding: 0 1em;}
    header nav li aside a:before{display: none;}
    header nav li.has-sub aside{position: relative; overflow: hidden;}
    header nav li.has-sub aside a{margin-right: 3em;}
    header nav li.has-sub aside:after{position: absolute;content: ''; width: 3em; height: 100%; right:0.6em; top: 0; background: url(../images/jia.svg) no-repeat right center; background-size: auto 1.2em;z-index: 10;}
	
	header nav li.has-sub.hover aside:after{background-image: url(../images/close.svg);}
    header .sousuo{
        position: absolute;
        top:50%;
		transform: translateY(-50%);
        right: 75px;
        margin-top: 0;
    }
	
	.banner .swiper-pagination{bottom: 10%!important;}
	
    header nav dl{
        position: static;
    }
    header .sousuoitem{
       right: calc(-75px + 2vw);top: 37px;width:96vw; transform: translateY(0);
    }
    header nav li.hover .smallnav {
        opacity: 1;
        height: auto;
    }
    header nav .smallnav{
		overflow: hidden;
        position: relative;
		top: auto;
    }
    header nav .smallnav::-webkit-scrollbar {
        width: 5px;
    }
    header nav .smallnav::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #15a8eb;
        -webkit-box-shadow: inset006pxrgba(0,0,0,0.5);
    }
    header nav .smallnav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset006pxrgba(0,0,0,0.3);
        border-radius: 10px;
    }
    header nav .bottom_list .bottom_list_item a{
        font-size: 14px;
        color: #888;
        margin-left: 6px;
    }

    header nav .topnav{
        height: auto;
    }
    header nav .top_list{
        flex-wrap: wrap;
    }
    header nav .top_list .top_list_item{
        width: 50%;
		position: relative;
    }
    header nav .top_list .top_list_item:after{
		position: absolute;content: '';width: 100%; top: 0;height: 100%; z-index: 10; opacity: 0; background-color: #fff; left: 0;
	}
    header .center_item{
        width: 100%;
		margin-top: 20px;
    }
    header .siglenav .sigle_top{
        display: block;
        padding: 20px 0;
    }
    header .siglenav .siglenav_item{
        width: auto !important;
        margin-top: 20px;
    }
    header .siglenav .sigle_bottom_item{
        width: auto;
        margin-left: 2%;
    }
    header .tnav99 .siglenav .sigle_bottom_item{
       width: 33%;
        margin-left: 0;
    }
    header .siglenav .siglenav_item .sigle_box img{
        width: 100%;
    }
    header .center_item01{
        width: 100% !important;
    }
}
@media (max-width: 480px){
    header nav .top_list .top_list_item a{
        font-size: 12px;
    }
    header nav .bottom_list{
        flex-wrap: wrap;
    }
    header nav .bottom_list .bottom_list_item{
        line-height: 50px;
        width: 50%;
    }
    header .siglenav .sigle_bottom_item a{
        font-size: 12px;
        line-height: 22px;
        color: #888888;
        padding-left: 5px;
    }
    header .siglenav .siglenav_item>a{
        font-size: 16px;
    }
    header .siglenav .sigle_bottom{
        padding: 20px 0;
    }
    header .siglenav .siglenav_item .sigle_box p{
        font-size: 12px;
        left: 5px;
        bottom: 5px;
        right: 5px;
    }
}

/* 底部 */
footer .top{
    background-color: #cb0000;
    padding-top: 30px;
    padding-bottom: 30px;
}
footer li{
   float: left;
   width: 23.5%;
   margin-right: 2%;
}
footer li:nth-child(4n){
   margin-right:0;
 }
/*
footer li:not(:first-child){
    margin-left: 3%;
 }
*/
footer nav{
     width: 60%;
     margin-left: 1%;
 }
@media(max-width:1366px){
footer nav{
     margin-left: 1%;
 }    
}
footer li>a{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
footer dt{
    margin: 4px 0;
}
footer dt a{
    font-size: 14px;
    line-height: 23px;
    color: #fff;
}

footer .fl p{
    margin: 0 auto;
}
footer .fl.left h1{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}
footer .fl.left p{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin: 8px 0;
}
footer .fl.left p span{
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
}
footer .fl.left p span i {font-style:normal; font-size:18px;}
footer .erwei{
    display: flex;
    justify-content: space-between;
}
footer .erwei .erweiitem{
    text-align: center;
    width: 47%;
}
footer .erwei .erweiitem p{
    color: #fff;
    margin-top: 15px;
}
footer .bottom{
    margin-top: 30px;
	 color: #fff;
}
footer .bottom p{
    padding-bottom: 25px;
    border-bottom: 1px solid #fff;
}
footer .bottom p a{display: inline-block;}
footer .bottom p a:not(:last-child){margin-right: 10px;}

footer .bottom_content{
    margin-top: 30px;
}
footer .bottom p a,
footer .bottom_content a {
     color: #fff;
}
footer .bottom p a:hover,
footer .bottom_content a:hover {
    color: #fff;
}
footer .right_content div{
    display: inline-block;
    padding: 0 10px;
    position: relative;
}
footer .right_content div + div::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -2px;
}

/* 底部响应式 */

@media (max-width: 1024px){
    footer nav{
        width: 100%;
        margin-left: 0;
    }
    footer li{
        width: 47%;
    }
    footer li:not(:first-child){
        margin-left: 0;
    }
}




/* 栏目页导航 */
.Menu002204{ background: #f5f9fb; }
.Menu002204 nav{ height: 50px; line-height: 50px; }
.Menu002204 nav .auto{ position:relative;}
.Menu002204 nav ul{  text-align: center; }
.Menu002204 nav ul li{   display:inline-block; line-height: 50px;padding: 0 20px;   }
.Menu002204 nav ul li:last-of-type{ margin-right:0;}
.Menu002204 nav ul li>a{ font-size:15px; color:#333; display: inline-block; }
.Menu002204 nav ul li.cur>a,
.Menu002204 nav ul li:hover>a{ font-weight:bold; position: relative; color: #cb0000; }
.Menu002204 nav ul li.cur>a::after,
.Menu002204 nav ul li:hover>a::after{  width: 100%; height: 3px;  position: absolute;  background: #cb0000; display: inline-block; content: ''; left: 0; bottom: 0; }

@media(max-width:1024px){
    .Menu00220411{display: none}
}

/* 栏目页banner */
.Banner002033{ position: relative; overflow: hidden; height: 400px;  background: #f0f0f0; z-index: 1;  } 
.Banner002033 .txt{position: absolute;width: 100%;z-index: 5;left: 0;color: #fff;text-align: center;top: 50%;line-height: 30px;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: top 0.3s; margin-top: -15px; } 
.Banner002033 .txt h1{ padding:60px 0 0; font-size:  48px; text-transform: uppercase; margin: 0;  } 
.Banner002033 .txt p{ font-size: 18px; text-transform: capitalize; font-family: 'Poppins'; margin: 20px 0; } 
.Banner002033 .txt p::after{ width: 40px; height: 2px; position: absolute; left: 50%; margin-left: -20px; display: block; content: ''; background: #fff; margin-top: 20px;  } 
.Banner002033 .txt p,
.Banner002033 .txt h1{ line-height: 1; letter-spacing: 2px; } 

.Banner002033 .bg{ height:400px; background-position:center top; background-repeat:no-repeat; position: relative; z-index: 2; }
.Banner002033 .bg img{ display:none;}
@media(max-width:1024px){
.Banner002033 .bg{ height:auto; background:none !important;}
.Banner002033 .bg img{ display:block; width:100%;}
}
@media(max-width:768px){
.Banner002033,
.Banner002033 .bg{ height: auto; }
.Banner002033 .txt p{ font-size: 20px;  } 
.Banner002033 .txt h1{ font-size: 58px; } 
.Banner002033 .txt{margin-top: 15px;}
}
@media(max-width:640px){
.Banner002033 .txt h1{ font-size: 32px; padding-top: 10px; } 
}
@media(max-width:320px){
.Banner002033 .txt h1{ font-size: 24px; } 
}

.columnbox{ padding: 30px 0 ; }

/* 07_新闻中心 */ 
.PicList000687 .more{ text-align: center;width: 150px; line-height: 42px; border-radius: 22px; color: #fff; background: #edeeef;display: block;   }
.PicList000687 .more:hover{ background: #cb0000; color: #fff; }
.PicList000687 .more:after{display: inline-block; content: '';background: url("../images/more.png") no-repeat; width: 6px; height: 11px; margin-left: 28px;}
.PicList000687 .more:hover:after{ background: url("../images/more2.png") no-repeat; }
@media(max-width:480px){
.PicList000687 .more{line-height: 10vw;}
}

.PicList000687 .tit{font-size: 20px;}
.PicList000687 time{font-family: 'DIN-Medium';}
.PicList000687 p{ font-size: 16px;  line-height: 1.715em;color: #7d7d7d;height: 3.43em; }
@media(max-width:640px){
.PicList000687 .tit{font-size:4vw;}
.PicList000687 p{font-size:3.5vw;}
}
.PicList000687 .news-top{ padding-bottom: 3vw;}
.PicList000687 .news-top .slick-track{  background: #fafafa; }  
.PicList000687 .news-top time{ font-size: 16px;  text-align: center;margin: 0 } 
.PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;}
.PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;}
.PicList000687 .news-top .slick-dots li button{display: none;}
.PicList000687 .news-top .slick-dots li.slick-active{background:#cb0000;}
@media(min-width:769px){ 
.PicList000687 .news-top .info .main{ padding:2vw 3vw;  position: relative; }
} 
@media(max-width:768px){
.PicList000687 .news-top .ytable-cell,
.PicList000687 .news-top .ytable{display: block;}
.PicList000687 .news-top .info{padding: 5vw;}
}
@media(max-width:640px){
.PicList000687 .news-top time{font-size: 3.6vw;}
}


.PicList000687 .news-list li{ float:left; background: #fafafa; margin-right:15px; margin-bottom:15px; padding:2%;} 
.PicList000687 .news-list li:hover{box-shadow: 0 3px 8px rgb(0 0 0 / 10%);}
.PicList000687 .news-list li h2{    padding: 1.5em 0 1em;font-weight: 600;font-size: 18px}

.PicList000687 .news-list li p{ line-height:30px; font-size:16px; overflow:hidden; height:60px; }
.PicList000687 .news-list li .img{position: relative;padding-bottom: 58%;border-radius: 5px;overflow: hidden;}
.PicList000687 .news-list li .Ispic{position: absolute;left: 0;top:0;right: 0;bottom: 0;}
.PicList000687 .news-list li .time{font-size: 12px;color: #fff;display: inline-block; text-align: center;font-family: "DINCond-Bold";border-radius: 0 0 5px 5px;padding:0 5px;width: 60px;height: 60px;background:#cb0000;position: absolute;left:20px;top:0;z-index: 2;}
.PicList000687 .news-list li .time span{font-size: 24px;line-height: 24px;display: block;padding-top: 6px;padding-bottom: 4px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom: 4px;}

@media(min-width:769px){
.PicList000687 .news-top .pic{ width:38%; overflow: hidden;}
.PicList000687 .news-list li{width:32.5%;}
.PicList000687 .news-list li:nth-child(3n){ margin-right:0;}
.PicList000687 .bx-controls{ position:absolute; left:0;width:66.66%; bottom:0; z-index:10;}
.PicList000687 .bx-pager{ float:right;}
.PicList000687 .bx-pager div{ float:left;}
} 

@media(max-width:640px){
.PicList000687 .news-list .ytable-cell,
.PicList000687 .news-list .ytable{display: block;}
.PicList000687 .news-list li{margin-bottom:4vw;}
.PicList000687 .news-list .main{padding: 4vw;border: 2px solid #cb0000; border-bottom: 0;}
}

/* 翻页 */
.Page002274{ text-align:center; padding:0;color:#666666;}
.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #f8fdff; color:#666666; margin-left:5px;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#fff; background-color:#cb0000;}
.Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; }

@media(max-width:1000px){
.Page002274 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page002274 .Pages a.a_first,
.Page002274 .Pages a.a_end{ display:none;}
.Page002274 .Pages a{ padding:0 10px;}
}


/* 04_2文化视频 */
.PicList002796{  } 
.PicList002796 li{ position:relative; }
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}


.PicList002796_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);}
.PicList002796_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;}
.PicList002796_video .close::before,
.PicList002796_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:2px; background:#fff;top: 18px}
.PicList002796_video .close::after{ transform:rotate(45deg);}
.PicList002796_video .ytable{height: 100%;}
.PicList002796_video .files{ margin:0 auto; width:96%; max-width:1000px; max-height:50%;}
.PicList002796_video .files video{ background:#000;}


.PicList002796 figure{ position:relative;}
.PicList002796 figure em{ display:block; padding-bottom: 55%; background-size:cover; background-position:top center; background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.4); }
.PicList002796 figure a::before,
.PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList002796 figure a::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.PicList002796 figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;}
.PicList002796 li h2{font-size: 18px;  line-height: 28px; text-align: justify;  }
.PicList002796 li p{  height: 48px;  font-size: 16px;  line-height: 24px; display: inline-block; color:#999; }
.PicList002796 time{ background: #cb0000; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px;}
@media(min-width:769px){
.PicList002796 li{ float: left; width:32%;margin-right: 15px; margin-bottom:15px;} 
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li:nth-of-type(3n+1){clear:left;}
}
@media(max-width:768px){
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 15px;}
.PicList002796 li h2{ margin-bottom: 10px;  }
.PicList002796 figure em{ padding-bottom: 47%; background-size:cover;}
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}


/*RighInfo002939 */
.RighInfo002939{padding:3.49vw 0;}
.RighInfo002939 .name{border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: 37px;}
.RighInfo002939 .name h1{margin: 0 0 30px 0;font-size: 20px;}
.RighInfo002939 .time{color: #c8c8c8;padding-bottom: 1.72vw;line-height: 16px;}
.RighInfo002939 .share{margin-left: 10px;}
.RighInfo002939 .time time,
.RighInfo002939 .share,
.RighInfo002939 .share > *{display: inline-block; vertical-align: middle;}
.RighInfo002939 .share em{font-style: normal;}

#bsPanel,
#bsPanel *,
.bsBox,
.bsBox *{box-sizing: content-box;}

.RighInfo002939 .edit-info{line-height: 2.5625em;color: #1e1e1e; text-align: justify; padding-bottom: 4vw;}
.RighInfo002939 .info-page{border: solid 1px #eee;}
.RighInfo002939 .info-page dd{line-height: 36px;}
.RighInfo002939 .info-page dd a{padding: 0 20px;}
.RighInfo002939 .info-page dd a:hover{color: #d43e45;}
@media(min-width:641px){
.RighInfo002939 .info-page dd{float: left; width: 50%;}
.RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;}
.RighInfo002939 .time,
.RighInfo002939 .info-page dd a,
.RighInfo002939 .edit-info{font-size: 16px;}
}
@media(max-width:640px){
.RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;}
.RighInfo002939 .share{display: block; padding-top: 10px;}
}


/* 首页index */
.banner{
    position: relative;
    overflow: hidden;
}
	.banner img{width: 100%;display: block;}
@media (min-width:1025px) {
	.banner img.wap{display: none;}
}
@media (max-width:1024px) {
	.banner img.pc{display: none;}
}
.banner .swiper-pagination{
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
@media(max-width:1366px){
.banner .swiper-pagination{
    bottom: 26%;
}    
}
.banner .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    background-color: transparent;
    position: relative;
    margin: 0 15px;
    opacity: 1;
}
.banner .swiper-pagination-bullet::before{
    position: absolute;
    left: 1px;
    bottom: -1px;
    content: "";
    width: 50%;
    height: 50%;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.banner .swiper-pagination-bullet-active{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}
.index01{
    position: relative;
    z-index: 2;
}
.index01 .top{
    height: 4vw;
    background-color: rgba(0,0,0,0.4);
}
.index01 .top .auto{
    height: 100%;
}
.index01 .top ul li.cur{
    background-color: #cb0000;
}
.index01 .top ul li .imgbox img:last-child{
    display: none;
}
.index01 .top ul li.cur .imgbox img:last-child{
    display: block;
}
.index01 .top ul li.cur .imgbox img:first-child{
    display: none;
}


.index01 .top .box {display:flex; align-items: center;
justify-content: center; margin: 0 auto; max-width: 290px;}
.index01 .top ul .imgbox{
    width: 40px;
}
.index01 .top ul .textbox{
    margin-left:20px ;
}
.index01 .top ul{
    height: 100%;
}
.index01 .top ul li{
    align-items: center;
    justify-content: center;
    width: 33.33%;
    height: 100%;
   float: left;
   cursor: pointer;
    transition: 0.3s all;
}
.index01 .top ul li:not(:first-child){
    border-left:1px solid  rgba(255, 255, 255,.1);

}

.index01 .top ul h2{
    font-size: 18px;
    line-height: 32px;
    color: #fefefe;
    font-weight: normal;
}
.index01 .top ul p{
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: rgba(254,254,254,0.5);
    margin-top: 5px;
}
.index01 .center ul {
    text-align: center;
    margin: 20px 0 20px;
}
.index01 .center ul li{
    display: inline-block;
    margin: 0 6.4%;
    cursor: pointer;
	font-size:16px;
}

.index01 .center ul li .imgbox img:last-child{
    display: none;
}
.index01 .center ul li.cur .imgbox img:last-child{
    display: inline-block;
}
.index01 .center ul li.cur .imgbox img:first-child{
    display: none;
}
.index01 .center ul li.cur p{
    color: #cb0000;
}

.index01 .center ul li p{
    display: block;
    margin-top: 20px;
    color: #666666;
}
.index01 .bottom{
    background-image: linear-gradient(transparent 40%, #c5e0ea);
    padding-bottom: 35px;
}
.index01 .bottom .item {
    display: none;
}
.index01 .bottom .item:first-child {display: block;}
.index01 .bottom ul{
    justify-content: space-between;
}
.index01 .bottom li{
    width: 33%;
    position: relative;
}
.index01 .bottom li:before{transition: 0.3s; width: 0; position: absolute; left: 0; bottom: 0; height: 2px; background: #cb0000; content: '';}
.index01 .bottom li:hover:before{width: 100%;}
.index01 .bottom li h2{font-size: 18px;color: #fff;font-weight: normal;}
.index01 .bottom li p{
    font-size: 14px;
    line-height: 20px;
    
    margin-top: 20px;
    color: #fff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

}
.index01 .bottom li .CategoryLink{
    display: none;
    width: 150px;
    height: 40px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    
    position: relative;
    background-color: #fff;
    line-height: 40px;
    padding-left: 8%;
    margin-top: 45px;
}

.index01 .bottom #item106 li .CategoryLink,
.index01 .bottom #item105 li .CategoryLink,
.index01 .bottom #item104 li .CategoryLink{
    display: inline-block;
}
#item107 .imgbox, #item107 .imgbox .pic {
    max-height: 140px; width:100%
}

.index01 .bottom .imgbox{
    position: relative;
}
    .index01 .bottom .imgbox .pic {
        overflow: hidden;
    }

.index01 .bottom li:hover .imgbox .pic img{transform:scale(1.1)}
.index01 .bottom .imgbox .pic img{transition:0.3s}
.index01 .bottom .textbox{
    position: absolute;
    bottom: 15%;
    padding: 0 40px;
	z-index:20;
}
.index01 .bottom .imgbox::before{
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:10;
    background-image: linear-gradient(transparent 20%, #606266);
}
.index01 .contentbox h1{
    font-size: 16px;
    font-weight: 600;
    color: #cb0000;
}
.index01 .contentbox dl{
    margin-top: 15px;
}
.index01 .contentbox dt{
    background-repeat: no-repeat;
    background-position: left top 14px;
    padding-left: 30px;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #eeeeee;
}

.index01 .contentbox dl h2{
    font-size: 14px;
    font-weight: 400;
     
}
.index01 .contentbox dl h2 a{
    transition: 0.3s all;
}
.index01 .contentbox dl h2 a:hover{
    color: #cb0000;
}
.index01 .contentbox{
    padding: 32px 40px;
    background-color: #fff;
    height:330px;
}
.index01 .contentbox .btn:hover{
    background-color: #cb0000;
    color: #fff;
    text-decoration:underline;
}
.index01 .contentbox .btn:hover::before{
    right: 25px;
    border-color: #fff;
}
.index01 .contentbox .btn{
    width: 80%;
    height: 40px;
    background-color: #cb0000;
    position: absolute;
    display: block;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    line-height: 40px;
    bottom: 30px;
    text-align:center; color:#fff
}

.index01 .item01{
    background-image: linear-gradient(transparent 20%, #fbfbfb);
    padding-bottom: 35px;
}
.index01 .item01 ul{
    max-width: 1440px;
    width: 100%;
    padding: 0 15px;
    margin: 15px auto 0;
    flex-wrap: wrap;
}
.index01 .item01 ul li{
    width: 20%;
    height: 46px;
    padding: 0 1%;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
}
.index01 .item01 ul li.cur a{
    background-color: #cb0000;
    color: #fff;
    box-shadow: 1px 6px 12px 1px #cfedfb;
}
.index01 .item01 ul li a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f9e3e5;
    font-size: 16px;
    color: #666666;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    line-height: 46px;
}
.index01 .item01 .img_box{
    width: 70.8%;
    max-height: 520px;
    overflow: hidden;
}
.index01 .item .img_box img{transition:0.3s}
.index01 .item:hover .img_box img{transform:scale(1.1)}
.index01 .item01 .text_box{
    width: 30%;
    background-image: linear-gradient(to bottom right, #cb0000, #f14b52);
    display: flex;
   
    flex-direction: column;
    padding: 4%;
}
.index01 .item01 .item012{
    justify-content: space-between;
    margin-top: 25px;
}
.index01 .item01 .text_box h2{
    display: block;
    font-size: 28px;
    padding-bottom: 30px;
    position: relative;
    color: #fff;
    font-weight: normal;
}
.index01 .item01 .text_box h2::before{
    display: block;
    content: '';
    width: 40px;
    height: 3px;
    background-color: #fff;
    left: 0;
    bottom: 0;
    position: absolute;
}
.index01 .item01 .text_box p{
/*    display: block;*/
    color: #fff;
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
}
.index01 .item01 .text_box a:hover{color:#cb0000 }
.index01 .item01 .text_box a:hover::before{
    right: 20px;
    border-color: #cb0000;
}
.index01 .item01 .text_box a{
    width: 150px;
    height: 40px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    
    position: relative;
    display: inline-block;
    background-color: #fff;
    line-height: 40px;
    padding-left: 8%;
    margin-top: 45px;
}
.index01 .item01 .text_box a::before{
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 39%;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    transform: rotate(45deg);
    right: 33px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}


.index01 .item02 ul{
    max-width: 1030px;
    width: 100%;
    padding: 0 15px;
    margin: 15px auto 0;
    flex-wrap: wrap;
    justify-content: center;
}
.index01 .item02{margin-bottom: 35px;}
.index01 .item02 ul li{
    height: 46px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
}
.index01 .item02 ul li.cur a{
    background-color: #cb0000;
    color: #fff;
    box-shadow: 1px 6px 12px 1px #cfedfb;
}
.index01 .item02 ul li a{
    padding: 0 25px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f9e3e5;
    font-size: 16px;
    color: #666666;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    line-height: 46px;
}
.index01 .item02 .img_box{
    width: 76.8%;
}
.index01 .item02 .img_box img {
    width: 100%;
}
.index01 .item02 .text_box{
    width: 32.2%;
    background-image: linear-gradient(to bottom right, #cb0000, #f14b52);
    display: flex;
    position:relative;
	z-index:10;
    flex-direction: column;
    padding:4%;
}
.index01 .item02 .item012{
    justify-content: space-between;
    margin-top: 25px;    
    max-height: 520px;
    overflow: hidden;
}
.index01 .item02 .text_box h2{
    display: block;
    font-size: 28px;
    padding-bottom: 30px;
    position: relative;
    color: #fff;
}
.index01 .item02 .text_box h2::before{
    display: block;
    content: '';
    width: 40px;
    height: 3px;
    background-color: #fff;
    left: 0;
    bottom: 0;
    position: absolute;
}
.index01 .item02 .text_box p{
/*    display: block;*/
    color: #fff;
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
}
.index01 .item02 .text_box a:hover::before{
    right: 20px;
}
.index01 .item02 .text_box a{
    width: 150px;
    height: 40px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    
    position: relative;
    display: inline-block;
    background-color: #fff;
    line-height: 40px;
    padding-left: 8%;
    margin-top: 45px;
}

.index01 .item02 .text_box a:hover{color:#cb0000 }
.index01 .item02 .text_box a:hover::before{
    right: 20px;
    border-color: #cb0000;
}

.index01 .item02 .text_box a::before{
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 39%;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    transform: rotate(45deg);
    right: 33px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.index01 .item02 .text_box h1{
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    margin-top: 30px;
}
.index01 .item02 .text_box .text_lb{
    margin-top: 20px;
}
.index01 .item02 .text_box  .text_li{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}




/*2022-2-16修改*/


.index01 .bottom li .CategoryLink{
    display: none;
    width: 150px;
    height: 40px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    
    position: relative;
    background-color: #fff;
    line-height: 40px;
    padding-left: 8%;
    margin-top: 45px;
}

.index01 .bottom li .CategoryLink::before{
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 39%;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    transform: rotate(45deg);
    right: 33px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.index01 .bottom li .CategoryLink:hover::before{
    right: 20px;
    border-color: #cb0000;
}

.index01 .bottom #item106 li .CategoryLink,
.index01 .bottom #item105 li .CategoryLink,
.index01 .bottom #item104 li .CategoryLink{
    display: inline-block;
}

.index01 .bottom #item106 li,
.index01 .bottom #item105 li,
.index01 .bottom #item104 li{width: 100%;display: none}
    
.index01 .bottom #item106 li:nth-child(1),
.index01 .bottom #item105 li:nth-child(1),
.index01 .bottom #item104 li:nth-child(1){display: block}
    
.index01 .bottom #item106 li .imgbox,
.index01 .bottom #item105 li .imgbox,
.index01 .bottom #item104 li .imgbox{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

.index01 .bottom #item106 li .imgbox::before,
.index01 .bottom #item105 li .imgbox::before,
.index01 .bottom #item104 li .imgbox::before{
        display: none;
    }
    
.index01 .bottom #item106 li .pic,
.index01 .bottom #item105 li .pic,
.index01 .bottom #item104 li .pic{width: 77%}
    
.index01 .bottom #item106 li .textbox,
.index01 .bottom #item105 li .textbox,
.index01 .bottom #item104 li .textbox{
        position: relative;
        width: 32.2%;
        background-image: linear-gradient(to bottom right, #cb0000, #f14b52);
        display: flex;
        flex-direction: column;
        padding: 4%;
        bottom: auto;
}
    
.index01 .bottom #item106 li h2,
.index01 .bottom #item105 li h2,
.index01 .bottom #item104 li h2{
        display: block;
        font-size: 28px;
        padding-bottom: 30px;
        position: relative;
        color: #fff;
        font-weight: normal;
    }
    
.index01 .bottom #item106 li h2::before,
.index01 .bottom #item105 li h2::before,
.index01 .bottom #item104 li h2::before{
        display: block;
        content: '';
        width: 40px;
        height: 3px;
        background-color: #fff;
        left: 0;
        bottom: 0;
        position: absolute;
    }
    
.index01 .bottom #item106 li p,
.index01 .bottom #item105 li p,
.index01 .bottom #item104 li p{
        color: #fff;
        margin-top: 30px;
        font-size: 16px;
        line-height: 26px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    
.index01 .bottom #item106 li .contentbox,
.index01 .bottom #item105 li .contentbox,
.index01 .bottom #item104 li .contentbox{display: none}




@media(max-width:1024px){
    
.index01 .bottom #item106 li .imgbox,
.index01 .bottom #item105 li .imgbox,
.index01 .bottom #item104 li .imgbox{
        display: block;
    }
    
 .index01 .bottom #item106 li .pic,
.index01 .bottom #item105 li .pic,
.index01 .bottom #item104 li .pic{width: 100%}
    
.index01 .bottom #item106 li .textbox,
.index01 .bottom #item105 li .textbox,
.index01 .bottom #item104 li .textbox{
   width: 100%;
    padding: 15px;
}   
    
}




.index02{
    position: relative;
    background-image: linear-gradient(#fafeff, #edf9ff);
    padding: 30px 0 ;
}
.index02 .bottom{
   /* margin-top: 18px; */
}
.index02 .top {

}
.index02 .top .left h1{
    font-size: 36px;
	
}
.index02 .top .left p{
    font-size: 18px;
    color: #c6ced2;
    padding-bottom: 20px;
    position: relative;
    margin-top: 0;
	text-transform: uppercase;
}
.index02 .top .left p::before{
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background-color: #cb0000;
    left: 0;
    bottom: 0;
    position: absolute;
}
.index02 .top .left{
    float: left;
}
.index02 .top .right{
    float: right;
}
.index02 .top ul li:not(:first-child){
    margin-left: 40px;
}
.index02 .top ul li{
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}
.index02 .top ul li a{
    font-size: 16px;
}
.index02 .top ul li.cur a{
    color: #cb0000;
}
.index02 .top ul li.cur::before{
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: #cb0000;
    left: 0;
    bottom: 0;
    position: absolute;
}
.index02 .top ul{
    margin-top: 26%;
}
.index02 .bottom li:not(:last-child){
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index02 .bottom li .li_item img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}
.index02 .bottom li .li_item{
    width: 32%;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    height:80%;
}
.index02 .bottom li .li_item a{position: relative;display: block;height: 100%;}
.index02 .bottom li .li_item a:before{position: absolute;content: ''; left: 0;bottom: 0;width: 100%; height: 50%;z-index: 5;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}
.index02 .bottom li .li_item img{
	position: relative;z-index: 4;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index02 .bottom li .li_item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.index02 .bottom li .li_item:nth-of-type(3n-2){
    width: 67%;
}
.index02 .bottom li .li_item .text_box{
    position: absolute;
    bottom: 30px;
    left: 35px;
    width: 65%;
	z-index: 7;
}
.index02 .bottom li .li_item .text_box h2{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.index02 .bottom li .li_item .text_box p{
    font-size: 14px;
    color: rgba(254,254,254,0.7);
    display: block;
    margin-top: 10px;
}

.index02 .bottom li .li_item1{
    width: 49.5%;
    display: flex;
    padding: 40px 0 35px 40px;
    background-color: #fff;
    box-shadow: 0px 1px 11px 2px #ebeef1;
    margin-top: 15px;
}
.index02 .bottom li .li_item1 .right{
    overflow: hidden;
}
.index02 .bottom li .li_item1 .right img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index02 .bottom li .li_item1:hover .right img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.index02 .bottom li .li_item1:hover pre::before{
    right: 21px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.index02 .bottom li .li_item1:hover pre{
    background: #cb0000;color: #fff;
}
.index02 .bottom li .li_item1 h1{
    font-size: 24px;
    line-height: 30px;
    color: #cb0000;
    font-weight: 400px;
}
.index02 .bottom li .li_item1 h2{
    font-size: 16px;
    line-height: 24px;
    
    margin-top: 20px;
    font-weight: normal;
}

.index02 .bottom li .li_item1 p{
    font-size: 14px;
    line-height: 24px;
    
    margin-top: 20px;
/*    display: block;*/
}
.index02 .bottom li .li_item1 pre{
    width: 150px;
    height: 40px;
    background-color: #f4f7f8;
    position: relative;
    display: block;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    line-height: 40px;
    padding-left: 10%;
    margin-top: 30px;
}
.index02 .bottom li .li_item1 pre::before{
    content: '';
    display: block;
    position: absolute;
    top: 39%;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    right: 38px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index02 .bottom li .li_item1 .left{
    width: 51.6%;
    float: left;
}

.index02 .bottom .mySwiper .swiper-slide{
    width: 23.4%;
    margin-top: 15px;
}


.index02 .bottom .mySwiper .imgbox{
    overflow: hidden;
}
.index02 .bottom .mySwiper .imgbox img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    width: 100%;
}
.index02 .bottom .mySwiper .imgbox:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.index02 .bottom .mySwiper .text_box{
    padding: 40px 40px 50px 30px;
    background-color: #fff;
    box-shadow: 0px 1px 9px 2px #e5eef2;
}
.index02 .bottom .mySwiper .text_box h2{
    font-size: 18px;
    line-height: 30px;
    
    height: 60px;
    font-weight: normal;
}
.index02 .bottom .mySwiper a:hover .text_box h2{color:#cb0000}
.index02 .bottom .mySwiper .text_box p{
    font-size: 14px;
    line-height: 24px;
    
    margin-top: 20px;
/*    display: block;*/
    margin-top: 30px;
    height: 70px;
    overflow: hidden;
}
.index02 .bottom .mySwiper a:hover .text_box pre::before{
    left: 80px;
        border-top: 1px solid #cb0000;
    border-right: 1px solid #cb0000;
}
.index02 .bottom .mySwiper a:hover .text_box pre{
    color:#cb0000;
}
.index02 .bottom .mySwiper .text_box pre{
    font-size: 14px;
    line-height: 30px;
    
    margin-top: 30px;
    display: block;
    position: relative;
}
.index02 .bottom .mySwiper .text_box pre::before{
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    transform: rotate(45deg);
    left: 66px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index02 .bottom li:last-child{
    position: relative;
}
.index02 .bottom .swiper-button-prev{
    left:-50px;
}
.index02 .bottom .swiper-button-next{
    right:-50px;
}
.index02 .bottom .swiper-pagination{display: none;}
@media(max-width:1366px){
.index02 .bottom .mySwiper{padding-bottom: 40px;}
.index02 .bottom .swiper-pagination{display: block;bottom: 0;}
.index02 .bottom .swiper-button-next,
.index02 .bottom .swiper-button-prev{display: none;}
}


.index03{
    padding:30px 0 30px;
    background-image: linear-gradient(#fafeff, #edf9ff);
}
.index03 .top .left h1 {
    font-size: 36px;
	
}
.index03 .top .left p {
    font-size: 18px;
    color: #c6ced2;
    padding-bottom: 20px;
    position: relative;
    margin-top: 0;
	text-transform: uppercase;
}
.index03 .top .left p::before {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background-color: #cb0000;
    left: 0;
    bottom: 0;
    position: absolute;
}
.index03 .top ul li {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    margin:  0 14px;
}
.index03 .top ul{
    margin-top: 20%;
}
.index03 .top ul li.cur::before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: #cb0000;
    left: 0;
    bottom: 0;
    position: absolute;
}
.index03 .bottom li{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.index03 .bottom .left{
    width: 60%;
    justify-content: space-between;
}

.index03 .bottom .right{
    width: 36%;
    overflow: hidden;
    max-height: 550px;
}
.index03 .bottom .right .right_content{
    display: flex;
    height: 100%;
    overflow: hidden;
   
}

.index03 .bottom .right .right_content .swiper-wrapper:hover{position: relative;z-index: 100}

.index03 .bottom .right .right_content .swiper-slide{
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    border-bottom:1px solid #e3e9eb ;
}

.index03 .bottom .right .swiper-slide .leftl{
    width: 15%;
    text-align: center;
	font-family: 'roboto';
	font-weight: 700;
}
@media(max-width:1366px){
    .index03 .bottom .right .swiper-slide .leftl{width: 16%}
}
.index03 .bottom .right .swiper-slide .rightr{
    width: 79%;
}
.index03 .bottom .right .swiper-slide .rightr p a{
    font-size: 18px;
    line-height: 30px;
    
    position: relative;
   
}

.index03 .bottom .right .swiper-slide .rightr span{
    font-size: 14px;
    line-height: 24px;
    
    display: block;
    margin-top: 10px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index03 .bottom .right .swiper-slide .leftl p{
    font-size: 30px;
    line-height: 24px;
    
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 5px;
}
.index03 .bottom .right .swiper-slide .leftl span{
    font-size: 16px;
    line-height: 24px;
    
    font-weight: 700;
    margin-top: 5px;
    display: block;
}


.index03 .bottom .right .right_content .swiper-slide:hover{
    background-color: #cb0000;
}

.index03 .bottom .right .right_content .swiper-slide:hover p{
    color: #fff;
	border-bottom-color: #fff;
}
.index03 .bottom .right .swiper-slide .leftl p{
    border-bottom: 1px solid #c1c5c5;
}
.index03 .bottom .right .right_content .swiper-slide:hover span{
    color: #fff;
}
.index03 .bottom .right .right_content .swiper-slide:hover a{
    color: #fff !important;
}
.index03 .bottom .right .right_content .swiper-slide:hover{
         border-bottom:none;
    box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
}

.index03 .bottom .left_item{
    width: 49%;
}
.index03 .bottom .left .textbox{
    padding: 30px 45px 30px 30px;
    background-color: #fff;
}
.index03 .bottom .left .textbox h1{margin-bottom: 5px;font-weight: normal;height: 60px;overflow: hidden}
.index03 .bottom .left .textbox h1 a{
    font-size: 18px;
    line-height: 30px;
    
}
.index03 .bottom .left .textbox span{
    font-size: 14px;
    line-height: 24px;
    
    margin-top: 20px;
	font-family: 'Oswald';
	font-weight: 400;
}
.index03 .bottom .left .textbox p{
    font-size: 14px;
    line-height: 24px;
    
    font-weight: 400;
    margin-top: 27px;
}

.index03 .bottom .left_item:hover .textbox .href_btn{
    color: #fff
}

.index03 .bottom .left_item:hover .textbox{
    background: #cb0000
}

.index03 .bottom .left_item:hover .textbox p,
.index03 .bottom .left_item:hover .textbox span,
.index03 .bottom .left_item:hover .textbox h1,
.index03 .bottom .left_item:hover .textbox a{
    color: #fff;
}

.index03 .bottom .left .imgbox{
    overflow: hidden;
}
.index03 .bottom .left .imgbox img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index03 .bottom .left .imgbox:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.index03 .bottom .left .textbox .href_btn:hover::before{
    right: -40px;
}
.index03 .bottom .left:hover .textbox .href_btn::before{
    border-color: #fff;
}
.index03 .bottom .left_item:hover{box-shadow: 0 3px 8px rgb(0 0 0 / 10%);}
.index03 .bottom .left .textbox .href_btn{
    font-size: 14px;
    line-height: 30px;
    
    display:inline-block;
    margin-top: 50px;
    position: relative;
}
.index03 .bottom .left .textbox .href_btn::before {
    transition: all .5s;
    content: '';
    display: block;
    position: absolute;
    top: 36%;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    transform: rotate(45deg);
    right: -20px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
/*.index03  .swiper{padding-bottom: 9px;}*/
.index03  .swiper-pagination{
    position: absolute;
    bottom: 0;
    top: unset;
    display: flex;
	background: #eef9ff;
	padding-left: 10px;
	right: 0;
}
.index03  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 3px solid #e3e9eb;
    background-color: transparent;
    position: relative;
    margin: 0 5px !important;
    opacity: 1;
}

.index03 .swiper-pagination-bullet::before {
    position: absolute;
    left: 1px;
    bottom: -1px;
    content: "";
    width: 50%;
    height: 50%;
    background-color: #e3e9eb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.index03  .swiper-pagination-bullet-active{
    border: 3px solid #cb0000;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}
.index03  .swiper-pagination-bullet-active::before{
    background-color: #cb0000;
}
.index03 .index03_swiper04{
    position: relative;
}
.index03 .index03_swiper04 .text_box{
    text-align: center;
    margin-top: 10px;
}
.index03 .index03_swiper04 .imgbox img:last-child{
    width: 100%;
}
.index03 .index03_swiper04 .bofang{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto ;
    cursor: pointer;
    width: 50px;
    height: 50px;
}



/* 轮播按钮 */
.swiper-button-next{
    position: absolute;
    right: -50px;
}
.swiper-button-prev{
    position: absolute;
    left: -50px;
}
.swiper-button-next::before{
    content: '';
    display: block;
    border-top: 2px solid #cb0000;
    border-right: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: unset;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: unset;
}
.swiper-button-prev::before{
    content: '';
    display: block;
    border-bottom: 2px solid #cb0000;
    border-left: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.index03 .top .left{
    float: left;
}


.index03 .top .right{
    float: right;
}
@media (max-width: 1550px){
    .index02 .bottom .swiper-button-next,.index03_swiper04 .swiper-button-next{
        right: 0;
    }
    .index02 .bottom .swiper-button-prev,.index03_swiper04 .swiper-button-prev{
        left: 0;
    }
    .about_05 .bottom .swiper-button-prev{
        left:0;
    }
    .about_05 .bottom  .swiper-button-next{
        right:0;
    }
    
}

@media (max-width: 1200px){
    .index01 .top ul{
        background-image: linear-gradient(#333, #666);
    }
    .index01 .top{
        height: auto;
        background-color: unset;
    }
    .index01{
        margin-top: 0;
    }
    .index01 .top ul p{
        font-size: 16px;
    }
    .index01 .top ul li{
        width: 50%;
        padding: 20px 0;
    }
    .index01 .item02 .item012{
        flex-wrap: wrap;
    }
    .index01 .item02 .img_box{
        width: 100%;
    }
    .index01 .item02 .text_box{
        width: 100%;
        margin-top: 10px;
        padding: 15px;
    }
    .index01 .item02 .img_box img{
        width: 100%;
    }
    .index01 .item02 .text_box a{
        padding-left: 3%;
    }
}

@media (max-width: 1024px){
    .index01 .item01 ul li{
        width: 50%;
    }
    .index01 .bottom li{
        width: 30%;
        /* margin-top: 20px; */
    }
    .index01 .bottom ul{
        flex-wrap: wrap;
    }
    .index01 .item01 .img_box{
        width: 100%;
    }
    .index01 .item01 .item012{
        flex-wrap: wrap;
    }
    .index01 .item01 .text_box{
        width: 100%;
        padding: 15px;
    }
    .index01 .item01 .text_box a{
        padding-left: 3%;
    }
    .index02 .bottom li .li_item1{
        width: 100%;
    }
    .index02 .bottom .mySwiper .swiper-slide{
        width: 31%;
    }
    .index03 .bottom li{
        flex-wrap: wrap;
    }
    .index03 .bottom .left,.index03 .bottom .right{
        width: 100%;
    }
    .index03 .bottom .left{
        flex-wrap: wrap;
    }
    .index03 .bottom .left_item{
        width: 100%;
		margin-bottom: 10px;
    }
    .index03 .bottom .left .imgbox img{
        width: 100%;
    }
    .index03{
        padding: 50px 0;
    }
    .index03 .bottom .right .right_content .swiper-slide{
        width: 100%;
    }
    .index03 .bottom .right .swiper{
        width: 100%;
    }
    .index03 .bottom .left .textbox h1{height: auto;}
}
@media (max-width: 768px){
	.index01 .top .auto{padding: 0;}
	.index01 .bottom{padding-bottom: 30px;}
    .index01 .bottom li{
        width: 45%;
    }
	.index01 .top ul{display: flex; justify-content: space-between;flex-flow: wrap;position: relative;}
	.index01 .top ul:before,
	.index01 .top ul:after{position: absolute;content: ''; /* background-color: rgba(255,255,255,0.1); */z-index: 10;}
	.index01 .top ul:before{left: 50%;width: 1px;height: 100%; top: 0;}
	.index01 .top ul:after{top: 50%;height: 1px;width: 100%; left: 0;}
    .index01 .top ul li{
        width: 50%;
        /* display: block; */
		height: auto;
		text-align: center;
		border-right: 0;
		border-left: 1px solid rgba(255,255,255,0.1);
		border-bottom: 1px solid rgba(255,255,255,0.1);
		flex-direction: column;
    }
	.index01 .top ul .textbox{margin: 0;}
    .index01 .top ul li .imgbox{display: table;margin: 0 auto; height: 40px;}
    .index01 .center ul{
        text-align: center;
        padding: 0 15px;
		display: flex;
		justify-content: space-between;
    }
    .index01 .center ul:after{display: none;}
   .index01 .center ul li{
        width: auto;
        margin: 0;
		justify-content: initial;
    }
	.index01 .center ul li p{font-size: 3.5vw; margin-top: 1em;}
    .index01 .center ul{
        margin: 4vw 0;
    }
	.index01 .item01 ul{white-space: nowrap;overflow: auto;display: block; margin: 20px 0 0 0;padding: 0;}
	.index01 .item01 ul li{display: inline-block;float: none;width: auto; padding: 0;}
	.index01 .item01 ul li:not(:last-child){margin-right: 5px;}
	.index01 .item01 ul li a{padding: 0 1em;}
	
	.index01 .item02 .item012,
	.index01 .item01 .item012{margin-top: 25px;}
	
	.index01 .item02 ul{white-space: nowrap;overflow: auto;display: block; margin: 20px 0 0 0;padding: 0;}
	.index01 .item02 ul li{display: inline-block;float: none;width: auto; padding: 0;}
	.index01 .item02 ul li:not(:last-child){margin-right: 5px;}
	.index01 .item02 ul li a{padding: 0 1em;}
	
	.index02{padding-bottom: 20px;}
	.index02 .bottom li .li_item{width: 100% !important; margin:0 0 10px 0;padding: 0;}
/*    .index02 .bottom li .li_item,.index02 .bottom li .li_item:nth-of-type(3n-2){
        width: 100%;
        height: auto;
        padding: 20px 0;
    } */
	
	.index02 .top .left,
	.index02 .top .right{float: none;}
	.index02 .top .left{text-align: center;}
	.index02 .top .left p::before{left: 50%;transform: translateX(-50%);}
	.index02 .top ul{margin: 20px 0 10px 0;display: flex;align-items: center;justify-content: center;}
	.index02 .bottom li .li_item1{margin: 0 0 10px 0;}
	.index02 .bottom li .li_item .text_box{left: 5%;width: 90%;}
	.index02 .bottom li .li_item:before{height: 100%;}
    .index02 .bottom .mySwiper .imgbox img{
        width: 100%;
    }
    .index02 .bottom .mySwiper .swiper-slide{
        width: 47%;
    }
	.index03{padding: 30px 0;}
    .index03 .top .left{
        width: 100%;
        float: unset;
		text-align: center;
    }
	.index03 .top .left p::before{left: 50%;transform: translateX(-50%);}
    .index03 .top .right{
        width: 100%;
        float: unset;
    }
    .index03 .top ul{
        margin: 20px 0 20px 0;
		display: flex;
		justify-content: center;
    }
	.index03 .bottom li{margin: 0 0 10px 0;}
    .index02 .bottom .mySwiper .text_box span{height: auto;}
}
@media (max-width: 480px){
    .index01 .bottom li{
        width: 100%;
    }
    .index01 .bottom .imgbox>img{
        width: 100%;
        height: 100%;
    }
/*    .index01 .center ul li{
        width: 30%;
        margin: 10px 2% 0;
    } */
    .index02 .top .left p{
        font-size: 16px;
        color: #c6ced2;
        padding-bottom: 15px;
        position: relative;
        margin-top: 8px;
    }
    .index02 .top .left h1,
	.index03 .top .left h1{
        font-size: 24px;
    }
    .index02 .top .left p,
	.index03 .top .left p{
        font-size: 14px;
    }
    .index02 .bottom li .li_item img{
        height: 200px;
    }
    .index02 .bottom li .li_item1{
        flex-wrap: wrap-reverse;
        padding: 15px;
    }
    .index02 .bottom li .li_item1 .left,.index02 .bottom li .li_item1 .right{
        width: 100%;
    }
    .index02 .bottom li .li_item1 .right{
        text-align: center;
    }
    .index02 .bottom .mySwiper .swiper-slide{
        width: 100%;
    }
    .index03 .top ul li{
        margin: 0 8px;
    }
    .index03 .bottom .left .textbox{
        padding: 15px;
    }
    .index03 .bottom .right .swiper-slide .leftl{
        width: 18%;
    }
    .index03 .bottom .right .right_content .swiper-slide{
        padding: 0 10px;
    }
}



/* 关于天得一 */
.about_01{
    padding: 30px 0 30px;
}
.Banner002033 .abo_video{
    width: 50px;
    height: 50px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about_01 .left{
    width: 32.5%;
}
.about_01 .about_title{
    font-size: 36px;
    line-height: 32px;
	
	font-weight: 700;
}
.about_01 h1{
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 40px;
}
.about_01 h2{
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.about_01 .right{
    width: 60%;
}

.about_01 .right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px;
    padding-top: 25px;
}
.about_01 .right li .imgbox{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 45px 20px;
    background-image: url(../images/bg.png);
}

.about_01 .right li{
    width: 25%;
    height: 210px;
    padding: 0 10px;
    margin-top: -23px;
}
.about_01 .right li p{
    color: #888;
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
}



.about_01 .right li img.hover{
    display: none;
}



@media(min-width:1025px){
.about_01 .right li:hover .imgbox{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/bgon.png);
}
.about_01 .right li:hover p{
    color: #fff;
}
.about_01 .right li:hover img.off{
    display: none;
}

.about_01 .right li:hover img.hover{
    display: block;
}    
}

@media(max-width:1024px){
.about_01 .right li .imgbox{
    background-image:none;
    background:#f9fbfe;
    display: block;
    height: auto;
    padding: 20px;
}    
.about_01 .right li p{
   float: right;
    width: 70%;
    text-align: left;
}
.about_01 .right li img.off{
    float: left;
    width: 14%;
    padding-top: 10%;
}
}

.about_02{
    padding-bottom: 0px;
}
.about_02 .about_img{position: relative; height: 400px;overflow: hidden;}
.about_02 .about_img img{max-width: none;position: absolute; height: 100%;min-width: 100%; left: 50%;top:0;transform: translateX(-50%);}
@media (max-width:640px) {
.about_02 .about_img{height: 40vw;}	
}
.about_02 .about_title{
    text-align: center;
    font-size: 36px;
    line-height: 32px;
    
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
}
.about_02 .about_title::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #cb0000;
}
.about_02 ul {
    justify-content: space-between;
}
.about_02 ul li{
    width: 24.2%;
    background-color: #f5f9fb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 80px 70px 85px;
    transition: 0.3s all;
}

.about_02 ul li:hover{
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    transform: translateY(-15px)
}

.about_02 ul li h2{
    margin-top: 55px;
    font-size: 24px;
    line-height: 30px;
    
    text-align: center;
}
.about_02 ul li p{
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    text-align: center;
}

.about_03 .about_title{
    text-align: center;
    font-size: 36px;
    line-height: 32px;
    
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
}
.about_03 .about_title::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #cb0000;
}
.about_03 .about_03_content {
    position: relative;
    border-bottom:1px solid #cb0000 ;
}
.about_03 .about_03_content ul{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.about_03 .about_03_content ul li{
    width: 33.33%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.about_03 .about_03_content ul li::before{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #cb0000;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.about_03 .about_03_content ul li h1{
    font-size: 36px;
    line-height: 32px;
    color: #fff;
}
.about_03 .about_03_content ul li p{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
}
.about_03 .about_03_content ul li.cur{
    background-color: rgba(9, 161, 230, .3);
}
.about_03 .about_03_content ul li span{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-top: 30px;
}

@media(max-width:1366px){
.about_03 .about_03_content ul li p{
    font-size: 20px;
}
.about_03 .about_03_content ul li span{
    font-size: 20px;
    margin-top: 5px;
}    
}

.about_03 .about_03_content ul li.cur::after{
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgba(9, 161, 230, .2);
    border: 1px solid #cb0000;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.about_03 .about_03_bottom .item {display: none;}
.about_03 .about_03_bottom ul{
    justify-content: space-between;
}
.about_03 .about_03_bottom{
    background-color: #f0fafe;
    padding-top: 30px;
    padding-bottom: 30px;
}
.about_03 .about_03_bottom li{
    width: 28.5%;
}
.about_03 .about_03_bottom li h2{
    font-size: 24px;
    line-height: 30px;
    
    padding-bottom: 25px;
    border-bottom: 1px solid #ebf2f4;
}
.about_03 .about_03_bottom li p{
    font-size: 16px;
    line-height: 26px;
    color: #888;
    margin-top: 20px;
    display: block;
}

.about_04{
    padding: 30px 0 30px;
}
.about_04 .about_title{
    text-align: center;
    font-size: 36px;
    line-height: 32px;
    
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
}
.about_04 .about_title::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #cb0000;
}
.about_04 .top {
    text-align: center;
    margin-top: 30px;
}
.about_04 .top ul{

}

.about_04 .top ul li{
    width: 162px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    background-color: #e5f7fe;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
}
.about_04 .top ul li:not(:first-child){
    margin-left: 15px;
}
.about_04 .top ul li.cur{
    background-color: #cb0000;
}
.about_04 .top ul li a{
    color: #666666;
    display: block;
    width: 100%;
    height: 100%;
 }
 
.about_04 .top ul li.cur a{
   color: #fff;
   line-height: 46px;
}

.about_04 .about04_item01  .desc_title{
    color: #666;
    font-size: 16px;
    text-align: center;
    margin: 30px 0;
}
.about_04 .about04_item01 .auto{
    position: relative;
}
.about_04 .about04_item01  .about_04_swiper{
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.about_04 .about04_item01 .text_box h2{
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    margin: 40px 0 20px;
    font-weight: normal;
}
.about_04 .about04_item01 .text_box p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.about_04 .about04_item01 .swiper-slide{
    position: relative;
    padding: 60px 40px 60px 30px;
    height: 312px;
}
.about_04 .about04_item01 .text_box{
    padding-right: 40px;
}
.about_04 .about04_item01 .swiper-slide span{
    display: none;
}
.about_04 .about04_item01 .swiper-slide-active span{
    display: block;
}
.about_04 .about04_item01 .swiper-slide::after{
    content: '';
    display: block;
    background-color: rgba(255, 255, 255, .3);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
}
.about_04 .about04_item01 .swiper-slide-active::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(107, 175, 229,.2);
    width: 100%;
    height: 100%;
    filter: blur(2px);
}
.about_04 .about04_item01 .text_box{
    position: absolute;
    bottom: 65px;
}
.about_04 .about04_item01  .about_04_swiper .swiper-button-prev,.about_04  .about_04_swiper .swiper-button-next{
    opacity: 1;
}
.about_04 .about04_item01  .about_04_swiper .swiper-button-prev{
    left: -40px;
}
.about_04 .about04_item01  .about_04_swiper .swiper-button-next{
    right: -40px;
}
.about_04 .about04_item01  .about_04_swiper .swiper-button-prev::before{
    content: '';
    display: block;
    border-bottom: 2px solid #cb0000;
    border-left: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.about_04 .about04_item01  .about_04_swiper .swiper-button-next::before{
    content: '';
    display: block;
    border-top: 2px solid #cb0000;
    border-right: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.about_04 .about04_item01 .desc_title{
    text-align: center;
}
.about_04 .about04_item02 .about_04_swiper .swiper-button-prev{
    left: -40px;
}
.about_04 .about04_item02 .about_04_swiper .swiper-button-next {
    right: -40px;
}
.about_04 .about04_item02 .about_04_swiper .swiper-button-prev::before {
    content: '';
    display: block;
    border-bottom: 2px solid #cb0000;
    border-left: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.about_04 .about04_item02 .about_04_swiper .swiper-button-next::before {
    content: '';
    display: block;
    border-top: 2px solid #cb0000;
    border-right: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.about_04 .about04_item02 .auto{
    position: relative;
}
.about_04 .about04_item02 .desc_title{
    text-align: center;
    padding: 0 15px;
    margin-top: 30px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 30px;
}

.about_04 .about04_item03 .auto{
    position: relative;
}

.about_04 .about04_item03 .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
.about_04 .about04_item03 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 20px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
}
.about_04 .about04_item03 .swiper-slide .imgbox{
    height: 120px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eeeeee;
}
.about_04 .about04_item03 .swiper-slide p{
    margin-top: 20px;
    font-size: 14px;
    line-height: 32px;
    
}

.about_04 .about04_item03 .bottom_content{
    height: 370px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.about_04 .about04_content .about04_item03 .swiper-button-prev{
    left: -40px;
}
.about_04 .about04_content .about04_item03 .swiper-button-next {
    right: -40px;
}
.about_04 .about04_content .about04_item03 .swiper-button-prev::before {
    content: '';
    display: block;
    border-bottom: 2px solid #cb0000;
    border-left: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.about_04 .about04_content .about04_item03 .swiper-button-next::before {
    content: '';
    display: block;
    border-top: 2px solid #cb0000;
    border-right: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.about_04 .about04_content .about04_swiper02 .imgbox img {
    width: 100%;
}
.about_05 .bottom .imgbox{
   height: 137px;
}
.about_05 .bottom h2{
   font-size: 16px;
   line-height: 30px;
   font-weight: normal;
}
.about_05 .bottom .imgbox img{
    max-height:137px ;
}
.about_05{
    padding: 30px 0 15px 0;
    background-image: linear-gradient(#fafeff, #edf9ff);
}
.about_05 .bottom{
    margin-top: 30px;
}
.about_05 .about_title{
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
}
.about_05 .about_title::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #cb0000;
}

.about_05 .top {
    text-align: center;
    margin-top: 30px;
}
.about_05 .top ul{

}
.about_05 .bottom_content{
    height:550px;
    position: relative;
    overflow: hidden;
}
.about_05 .bottom_content .swiper-button-prev::before {
    content: '';
    display: block;
    border-bottom: 2px solid #cb0000;
    border-left: 2px solid #cb0000;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.about_05 .top ul li{
    width: 162px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    background-color: #eaf3f7;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;

}

.about_05 .top ul li:not(:first-child){
    margin-left: 15px;
}
.about_05 .top ul li.cur{
    background-color: #cb0000;
}
.about_05 .top ul li a{
    color: #666666;
    display: block;
 }
 
.about_05 .top ul li.cur a{
   color: #fff;
}

.about_05 .auto{
    position: relative;
}

.about_05 .item {
    display: none;
}
.about_05 .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.about_05 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
.about_05 .swiper-slide p{
    margin-top: 30px;
}

.about_06{
    padding: 30px 0;
}
.about_06 .about_06_content{
    justify-content: space-between;
}
.about_06 .left{
    width: 45.7%;
}
.about_06 .right{
    width: 45.7%;
}
.about_06 .left ul li{
    width: 33.33%;
}
.about_06 .left .about_title{
    font-size: 36px;
    line-height: 32px;
    
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
    display: inline-block;
}
.about_06 .left .about_title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #cb0000;
}
.about_06 .left .about_desc {
    font-size: 15px;
    line-height: 32px;
    color: #666;
    margin-top: 30px;
}
.about_06 .left ul{
    margin-top: 15px;
}
.about_06 .left ul p{
    font-size: 14px;
    
}
.about_06 .left ul p span{
    font-size: 52px;
    color: #cb0000;
	font-family: 'Oswald';
	font-weight: 700;
}
.about_06 .left ul h1{
    font-size: 16px;
    
    margin-top: 20px;
    font-weight: 400;
}

.about_06 .right{
    overflow-y: auto;
    background-color: #f9fbfe;
    height: 540px;
}
/* 设置滚动条的样式 */
.about_06 .right::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
.about_06 .right::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.about_06 .right::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#15a8eb;
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}

.about_06 .right ul{
    padding: 30px;
}
.about_06 .right li{
    background-image: url(../images/dingwei.png);
    background-repeat: no-repeat;
    background-position: left top 37px;
    padding: 30px 0 30px 32px;
    border-bottom: 1px solid #eeeeee;
}
.about_06 .right li h2{
    
    font-size: 20px;
    font-weight: normal;
}
.about_06 .right li p{
    color: #888888;
    font-size: 15px;
    line-height: 30px;
    margin-top: 20px;
}
.about_07{
    background-image: linear-gradient(#fafeff, #edf9ff);
    padding: 30px 0 30px;
}
.about_07 .about_title {
    text-align: center;
    font-size: 36px;
    line-height: 32px;
    
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
}
.about_07 .about_title::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #cb0000;
}
.about_07 .about_desc{
    font-size: 16px;
    
    line-height: 30px;
    text-align: center;
    margin-top: 30px;
}
.about_07 ul li::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background-color: #cb0000;
}
.about_07 ul li{
    padding: 20px 20px 28px 30px;
    position: relative;
    width: auto;
}
.about_07 ul{
    justify-content: space-between;
    margin-top: 30px;
}
.about_07 ul li h2{
    font-size: 16px;
    line-height: 22px;
    color: #888888;
    margin-top: 15px;
    font-weight: normal;
}
.about_07 ul li p{
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    margin-top: 20px;
}
.about_07 ul li:nth-of-type(3){
    width: 27.5%;
}
.about_07 .imgbox{
    margin-top: 30px;
}

/* 关于我们响应式 */
@media (max-width: 1500px){
    .about_04 .about04_item02  .swiper-button-prev{
        left: 0;
    }
    .about_04 .about04_item02  .swiper-button-next {
        right: 0;
    }
    .about_04 .about04_item01  .swiper-button-prev{
        left: 0;
    }
    .about_04 .about04_item01  .swiper-button-next {
        right: 0;
    }
    .about_04 .about04_content .about04_item03  .swiper-button-prev{
        left: 0;
    }
    .about_04 .about04_content  .about04_item03 .swiper-button-next {
        right: 0;
    }
    .about_03 .about_03_content img {
        height: 200px;
    }
    .about_04 .about04_content .about04_swiper02 .imgbox img {
        width: 100%;
    }
}
@media (max-width: 1024px){
    .about_01 .left{
        width: 100%;
    }
    .about_01 .right{
        width: 100%;
    }
    .Menu002204 nav{
        height: auto;
    }
    .about_02 ul li{
        width: 50%;
    }
    .about_02 ul{
        flex-wrap: wrap;
    }
    .about_06 .left{
        width: 100%;
    }
    .about_06 .right{
        margin-top: 2%;
        width: 100%;
    }
    .about_06 .about_06_content,.about_07 ul{
        flex-wrap: wrap;
    }
    .about_07 ul li{
        width: 50%;
        margin-top: 2%;
    }
    .about_03 .about_03_content img{
        height: 200px;
    }
    .about_04 .about04_content .about04_swiper02 .imgbox img {
        width: 100%;
    }
    
}
@media (max-width: 768px){
    .about_05 .top ul li{
        margin-top: 20px;
    }
    .about_05 .top ul li:not(:first-child){
        margin-left: 0;
    }
    .about_01 .right li{
        width: 50%;
        padding: 0 10%;
        margin-top: 2%;
        
    }
    .about_02{
        padding-bottom: 0
    }
    .about_02 ul li{
        width: 49%;
        padding: 40px 20px;
        margin-bottom: 2%;
    }
    .about_02 ul li p{
        margin-top: 20px
    }
    .about_02 ul li span{
        margin-top: 20px;
        height: 84px;
    }
    .about_03 .about_03_content img{
        width: 100%;
        min-height: 200px;
    }
    .about_03 .about_03_content ul li h1{
        font-size: 18px;
    }
    .about_03 .about_03_content ul li p{
        font-size: 16px;
        line-height: 18px;
        margin-top: 10px;
    }
    .about_03 .about_03_content ul li span{
        margin-top: 15px;
        font-size: 16px;
        line-height: 18px;
    }
    .about_04 .about_title,.about_05 .about_title,.about_07 .about_title,.about_06 .left .about_title{
        font-size: 20px;
    }
    .about_04 .about04_item02 .desc_title,.about_04 .about04_item01 .desc_title{
        font-size: 14px;
    }
}
@media (max-width: 600px){
    .about_01 .right li{
        padding: 0 5%;
    }
    .about_04 .about04_content .about04_swiper02 .imgbox img{
        width: 100%;
    }
}

@media (max-width: 480px){
    .about_07 ul li{
        width: 100%;
    }
    .about_01 .right li{
        width: 100%;
        padding: 0 10%;
        margin-top: 2%;
        height: auto;
    }
    .about_03 .about_03_bottom ul{
        flex-wrap: wrap;
    }
    .about_03 .about_03_bottom li{
        width: 100%;
    }
    .about_06 .left ul p span{
        font-size: 26px;
    }
    .about_06 .left ul h1{
        font-size: 14px;
    }
    .about_06 .right ul{
        padding: 15px;
    }
    .about_06 .right::-webkit-scrollbar{
        width: 5px;
    }
    footer .fl.left h1{
        font-size: 16px;
    }
    footer .fl.left p{
        font-size: 14px;
    }
	footer .fl.left p span i {font-size: 14px;}
    footer .fl.left p.p4{
        display: none;
    }
    footer .erwei{display: none}
    footer .bottom p{display: none}
    footer li>a{
        font-size: 16px;
    }
    .about_07 ul li:nth-of-type(3){
        width: 100%;
    }
    .about_04 .top ul li{
        margin-top: 20px;
    }
    .about_07 .about_desc{
        padding: 0 15px;
    }
    
    
}






/* 视屏 */
#publicity-video {
	width: 100%;
	height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
#publicity-video video {
	display: block;
}
.msg-box-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 1001;
    background-color:rgba(0,0,0,0.8);
    
}
.msg-box {
	width: 60%;
	height: 70%;
	background: rgba(0,0,0,0.8);
	position: absolute;
	left: 50%;
	top: 47%;
	transform: translate(-50%, -50%);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.msg-box .close-box {
	width: 30px;
	height: 30px;
	background: url("../images/btn-close-modal.png") no-repeat center;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.msg-box .close-box:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.abo_video{
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.abo_video::before{
    content: '';
    width: 34px;
    height: 34px;
    background-image: url(../images/cw_img12.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 32px;
    bottom: 26px;
    transition: all .5s;
}
.abo_video:hover::before{
    transform: translateY(-10px);
}
@media (max-width: 768px){
    .msg-box{
        width: 94%;
        height: 50%;
    }
}
@media (max-width: 480px){
    .msg-box{
        width: 93%;
        height: 44%;
    }
}

/* .details {}
.details h2 {font-size: 28px; text-align: center; line-height: 1.5em; margin-bottom: 2.5%;}
.entry {font-size: 16px; line-height: 1.875em; } */

.news-info{padding: 30px 0;}
.news-info .title{ text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:0px;}
.news-info .title h2{ font-size:28px; color:#000; margin-bottom: 15px;}
.news-info .title p{ margin-bottom:0; color:#999;}
.news-info .title p span{margin: 0 10px;}
.news-info .singlePage{ padding:30px 0;font-size: 16px; line-height: 1.875; }
.news-info .info-back{ text-align:center; padding:3% 0;}
.news-info .info-back a{display: inline-block; line-height: 2.4;padding: 0 1.5em; background-color: #cb0000;color: #fff;border-radius: 5px;}
.news-info .info-page{/* border: solid 1px #eee; */}
.news-info .info-page dd{/* background: #fff; */line-height: 28px;}
.news-info .info-page dd a{padding: 0 20px 0 0;}
.news-info .info-page dd a:hover{color: #cb0000;}
@media (min-width:769px) {
.news-info .info-pn{ overflow:hidden;}
.news-info .info-pn span{ float:left; overflow:hidden; width:50%; padding-right:5%; min-height:20px;}
.news-info .info-pn span:last-child{ text-align:right; padding-left:5%; padding-right:0;}
}
@media (max-width:768px) {
.news-info .info-pn{line-height: 2;}
.news-info .title h2{ font-size:20px;}
}

.TextList002855 .home_title{ color:#333;text-transform: uppercase;text-align: center;font-size:36px;padding-bottom:40px;}
.TextList002855 .home_title:after{ content:'';display: block;width:40px;height: 5px;background:#cb0000;margin:20px auto 0;}

.TextList002855{  margin: 3vw 0 3.5vw;   padding: 3vw; background: linear-gradient(0deg,#edfaff 0%,#fafcfd 100%); }
.TextList002855 li{ width: 48.5%; margin-right: 3%;  line-height: 44px;  border-bottom: 1px solid #eee; float: left; }
.TextList002855 li:nth-of-type(2n){ margin-right: 0;  }
.TextList002855 li time{ font-size: 14px; float: right;color: #bbb; margin-left: 15px;}
.TextList002855 li a{padding-left: 30px; background: url("../images/TextList002855_icon.png") no-repeat left center;}
@media(min-width:481px){
 .TextList002855 li{font-size: 16px;}
}
@media(max-width:480px){
    .TextList002855 li { width: 100%;}
}


.homeswip .swiper {
    width: 100%;
    height: 100%;
  }

  .homeswip .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .homeswip .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home-next{
    right: 10px;
  }
  .home-prev {
    left: 10px;
}
.index01 .bottom li p{
    text-align: left;
}
.index01 .bottom li h2{
    text-align: left;
}
.index01 .bottom li .CategoryLink{
    text-align: left;
    font-size: 14px;
}

/*2022.3.21*/
header .siglenav_item .sigle_box{
	overflow:hidden;
}
header .siglenav_item .sigle_box img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
header .siglenav_item .sigle_box:hover img{
    transform: scale(1.1);
}

.about04_item02.about04_item .swiper-slide .imgbox,.about04_item03.about04_item .swiper-slide .imgbox{
    overflow: hidden;
}
.about04_item02.about04_item .swiper-slide img,.about04_item03.about04_item .swiper-slide img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.about04_item02.about04_item .swiper-slide .imgbox:hover img,.about04_item03.about04_item .swiper-slide .imgbox:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.about_04 .about04_item01 .swiper-slide .text_box{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.about_04 .about04_item01 .swiper-slide:hover .text_box{
    bottom: 40px;
}
.about_04 .about04_item03 .swiper-slide p{
    cursor: pointer;
}
.about_04 .about04_item03 .swiper-slide p:hover{
    color: #53c2f2;
}

.about_05 .swiper-slide:hover img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.about_05 .swiper-slide img{
   transition: all .5s;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   -o-transition: all .5s;
}
.about_05 .swiper-slide:hover h2{
    color: #53c2f2;
}
.PicList000687 .news-list li .Ispic{
	transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.PicList000687 .news-list li:hover{
	 background: #cb0000;
}
.PicList000687 .news-list li:hover .Ispic{
   transform: scale(1.1);
}

.PicList000687 .news-list li:hover h2{
    color: #fff;
}
.PicList000687 .news-list li:hover p{
    color: #fff;
}

.PicList002796 figure{
    overflow: hidden;
}
.PicList002796 li figure em{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.PicList002796 li:hover figure em{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.PicList002796 li h2{
    padding: 20px 0 10px;
	transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.PicList002796 li{
	padding: 0;
	 transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.PicList002796 li p{
	 overflow: hidden;
	 transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.PicList002796 li:hover{
	 background-color: #cb0000;
}
.PicList002796 li:hover h2{
    color: #fff;
	padding-left: 15px;
    padding-right: 15px;
}
.PicList002796 li:hover p{
    color: #fff;
	padding-left: 15px;
    padding-right: 15px;
}