@charset "utf-8";


html, body{overflow-y: auto;}

::-webkit-scrollbar-track-piece{width: 10px; background-color: #f2f2f2;}
::-webkit-scrollbar{width: 5px; height: 6px;}
::-webkit-scrollbar-thumb{height: 50px; background-color: #ac2c22;}

.header{width: 100%; height: 150px;}
.header_main{width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.header .logo img{display: block; width: auto; height: 120px;}
.header .nav ul li{float: left; margin-right: 35px;}
.header .nav ul li:last-child{margin-right: 0;}
.header .nav ul li h3 a{display: inline-block; position: relative; padding-bottom: 15px; font-size: 18px; border-bottom: 3px solid transparent;}
.header .nav ul li.on h3 a{color: #ac2c22; border-color: #ac2c22;}
.header .nav ul li:hover h3 a{color: #ac2c22; border-color: #ac2c22;}

.phone{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 60px; min-width: 320px; z-index: 99; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 0.8);}
.phone_box{height: 100%; display: flex; justify-content: space-between; align-items: center;}
.phone .logo img{display: block; width: auto; height: 48px;}
.phone.lateral-menu-is-open {-webkit-transform: translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%)-o-transformtranslateX(-66%); transform: translateX(-66%); transition:all 0.4s ease 0s;}

.index_banner{width: 100%; height: auto;}
.banner_swiper{position: relative; width: 100%;}
.banner_swiper .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.banner_swiper .img img{display: none; width: 100%; height: auto;}
.banner_swiper .banner-pagination{bottom: 60px;}
.banner_swiper .banner-pagination .swiper-pagination-bullet{width: 18px; height: 18px; margin: 0 18px; border-radius: 50%; opacity: 0.5; background-color: #fff;}
.banner_swiper .banner-pagination .swiper-pagination-bullet-active{opacity: 1;}
.banner_swiper .txt{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff;}
.banner_swiper .table{display: table; width: 95%; height: 100%; margin: 0 auto;}
.banner_swiper .cell{display: table-cell; vertical-align: middle;}
.banner_swiper .cell h3{font-size: 58px; margin-bottom: 30px;}
.banner_swiper .cell h4{font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.banner_button{width: 55px; height: 106px;margin-top: -35px; background-size: 55px 106px;}
.banner_btnL{left: 3%; background-image: url(../images/banner_L.png);}
.banner_btnR{right: 3%; background-image: url(../images/banner_R.png);}

.index_title{margin-bottom: 50px;}
.index_title h2{margin-bottom: 10px; color: #ac2c22; font-size: 68px; font-weight: 100; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.index_title h3{margin-bottom: 45px; font-size: 32px;}
.index_title i{display: inline-block; width: 9px; height: 9px; background: url(../images/plus.png) no-repeat center center; background-size: cover;}

.view_more a{position: relative; display: inline-block; width: 120px; height: 120px; padding: 25px 0 0 15px; z-index: 3; border: 1px solid #000;}
.view_more a span{display: block; font-size: 16px; color: #000;}
.view_more a i{display: block; position: absolute; left: 15px; bottom: 25px; width: 34px; height: 5px; background: url(../images/view_more.png) no-repeat top center; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.view_more a:hover i{left: 30%;}

.index1{width: 100%; padding: 130px 0 80px 0 ;}
.index1_main{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index1_img{position: relative; width: 53%; z-index: 3;}
.index1_img img{display: block; height: auto;}
.index1_img .pic1{width: 48%;}
.index1_img .pic2{width: 50%;}
.index1_txt{position: relative; width: 45%; z-index: 1; }
.index1_txt .light_bg{position: absolute; left: -10%; top: -12%; width: 245px; height: 245px; z-index: -1; background-color: #f7f5f2;}
.index1_txt .wz{width: 90%; margin: 0 auto;}
.index1_txt .nr{margin-bottom: 70px;}
.index1_txt .nr p{font-size: 14px; line-height: 30px;}

.index2{position: relative; width: 100%; padding-bottom: 80px; z-index: 2;}
.index2 .light_bg{position: absolute; left: 0; bottom: 0; width: 100%; height: 73%; z-index: -1; background-color: #f7f5f2;}
.index2_main{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index2_txt{width: 30%;}
.index2_txt .nr{margin-bottom: 70px;}
.index2_txt .nr p{ font-size: 16px; line-height: 30px;}
.index2_img{width: 65%;}
.index2_img ul li{float: left; width: 33.3333%;}
.index2_img ul li .lis{position: relative;}
.index2_img ul li .lis .img_box{overflow: hidden;}
.index2_img ul li .lis .img{position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.index2_img ul li .lis .img::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} 
.index2_img ul li .lis .img img{display: block; width: 100%; height: auto;}
.index2_img ul li .lis .txt{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.index2_img ul li .lis .table{display: table; width: 100%; height: 100%;}
.index2_img ul li .lis .cell{display: table-cell; vertical-align: middle; transform:translateY(32px); -webkit-transform:translateY(32px); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.index2_img ul li .lis .cell h3{font-size: 24px;}
.index2_img ul li .lis .cell span{position: relative; display: inline-block; width: 34px; height: 34px; margin: 0 auto; margin-top: 20px; border-radius: 50%; border: 1px solid #fff; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.index2_img ul li .lis .cell span i{position: absolute; left: 50%; top: 50%; display: inline-block; width: 16px; height: 5px; background: url(../images/index2-arrow.png) no-repeat top center; background-size: cover; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.index2_img ul li .lis:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index2_img ul li .lis:hover .img::before{background-color: rgba(172,44,34, 0.7);}
.index2_img ul li .lis:hover .cell{transform:translateY(0px); -webkit-transform:translateY(0px);}
.index2_img ul li .lis:hover .cell span{opacity: 1;}

.index3{position: relative; width: 100%; padding: 250px 0; background: url(../images/index3-01.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.index3::before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15);}
.index3 .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.index3 .txt .table{display: table; width: 60%; height: 100%; margin: 0 auto;}
.index3 .txt .cell{display: table-cell; vertical-align: middle;}
.index3 .txt .cell p{font-size: 32px; line-height: 50px;}

.index4{width: 100%; padding: 80px 0;}
.index4 .index_title h3{margin-bottom: 0;}
.index4_main{position: relative;}
.index4_btn{position: absolute; top: 17%; width: 65px; height: 65px; border: 1px solid #434343; border-radius: 50%; background: none; z-index: 20;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.index4_btn::before{content: ""; position: absolute; left: 50%; top: 50%; width: 17px; height: 31px; background-repeat: no-repeat; background-position: center center; background-size: 17px 31px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.index4_btnL{left: 3%;}
.index4_btnL::before{background-image: url(../images/index4_L.png);}
.index4_btnR{right: 3%;}
.index4_btnR::before{background-image: url(../images/index4_R.png);}
.index4_btn:hover{background-color: #ac2c22; border-color: #ac2c22;}
.index4_btnL:hover::before{background-image: url(../images/index4_L1.png);}
.index4_btnR:hover::before{background-image: url(../images/index4_R1.png);}
.index4_swiper{width: 100%; padding: 10px;}
.index4_swiper .lis{text-align: center;}
.index4_swiper .lis a{display: block;}
.index4_swiper .lis img{width: 100%; height: auto; margin-bottom: 20px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.index4_swiper .lis p{font-size: 18px; line-height: 25px;}
.gallery-top{width: 80%; margin-bottom: 40px;}


.index5{width: 100%; padding: 60px 0; background-color: #f7f5f2;}
.index5 .index_title h3{margin-bottom: 0;}
.index5 ul{padding-bottom: 60px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.index5 ul li{float: left; width: 12%; margin: 0 1%; margin-bottom: 30px;}
.index5 ul li a{width: 100%; display: flex; align-items: center;}
.index5 ul li span{font-size: 14px; margin-right: 16px;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index5 ul li i{display: inline-block; width: 9px; height: 9px; background: url(../images/plus.png) no-repeat center center; background-size: cover;}
.index5 ul li:hover span{color: #ac2c22;}
.index5 ul li:hover i{background-image: url(../images/red_plus.png);}

.footer{position: relative; width: 100%; color: #fff; margin-top: -60px; font-size: 14px; z-index: 5;}
.footer .fb1{position: relative; z-index: 3;}
.footer .fb1_main{width: 100%; padding: 23px 0; text-align: center;  background-color: #222; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.footer .fb1_main img{margin-bottom: 13px;}
.footer .fb1_main:hover{background-color: #000;}
.footer .fb1_main .box{display: inline-block; cursor: pointer;}
.footer .fb2{position: relative; width: 100%; margin-top: -50px; padding: 115px 0 55px 0; z-index: 1; background-color: #333;}
.footer .fb2_main{display: flex; justify-content: space-between; flex-wrap: wrap;} 
.footer .fb2_main .box1{width: 20%; padding: 10px 0; border-right: 1px solid #fff;}
.footer .fb2_main .box1 .txt1{margin-bottom: 30px;}
.footer .fb2_main .box1 .txt1 img{max-width: 100%;}
.footer .fb2_main .box1 ul li{float: left; width: 80px; height: 30px; line-height: 30px; text-align: center;}
.footer .fb2_main .box1 ul .li1{color: #fff; background-color: #ac2c22;}
.footer .fb2_main .box1 ul .li2{color: #ac2c22; background-color: #fff;}
.footer .fb2_main .box2{width: 75%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer .fb2_main .box2_L{width: 50%;}
.footer .fb2_main .box2_L ul li{float: left; width: 33.3333%;}
.footer .fb2_main .box2_L ul li img{margin-bottom: 22px;}
.footer .fb2_main .box2_L ul li .p1{margin-bottom: 18px;}
.footer .fb2_main .box2_R{width: 45%; display: flex; justify-content: space-between;}
.footer .fb2_main .box2_R .ewm_box{width: 120px; margin-right: 70px; text-align: center;}
.footer .fb2_main .box2_R .ewm{display: inline-block; width: 100%; height: 120px; padding: 3%; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; border: 1px solid #fff;}
.footer .fb2_main .box2_R .ewm img{max-width: 100%;}
.footer .fb2_main .box2_R .dtimg{width: calc(100% - 190px);}
.footer .fb2_main .box2_R .dtimg img{display: block; width: 100%; height: auto;}
.footer .fb3{padding: 30px 0; background-color: #393939;}
.footer .fb3 a:hover{color: #ac2c22;}
.footer .fb3_main{display: flex; justify-content: space-between; align-items: center;}
.footer .fb3_L{width: 60%; line-height: 25px;}
.footer .fb3_L ul li{float: left; margin-right: 20px;}
.footer .fb3_L ul li:last-child{margin-right: 0;}
.footer .fb3_L ul li a{position: relative; font-size: 16px;}
.footer .fb3_L ul li a::after{content: ":"; padding-left: 20px;}
.footer .fb3_R{width: 40%; line-height: 25px; text-align: right;}

.inside_box{width: 100%;  background:url(../images/dot-grid.png) #fff repeat;}

.inside_banner{position: relative; width: 100%; height: 625px; z-index: 5; color: #fff;}
.inside_banner::before{content: ""; position: absolute; left: 0; top: 0; width: 97.5%; height: 100%; z-index: -1; background: url(../images/inside_bg.jpg) no-repeat top center; background-size: cover;}
.inside_main{width: 100%; height: 540px; display: flex; justify-content: space-between;}
.inside_txt{position: relative; width: 30%; height: 100%;}
.inside_txt .wz{position: absolute; left: 12%; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;;}
.inside_txt .table{display: table; width: 100%; height: 100%;}
.inside_txt .cell{display: table-cell; vertical-align: middle;}
.inside_txt .cell h3{font-size: 64px; margin-bottom: 20px;}
.inside_txt .cell p{margin-bottom: 60px; font-size: 24px;  font-weight: 100; font-family: Arial, Helvetica, sans-serif;}
.inside_txt .cell .Roll{position: relative; width: 1px; height: 100px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.15);}
.inside_txt .cell .Roll span{position: absolute; left: 0; top: 0; width: 2px; height: 40px; background-color: #fff;transform: translateY(60%); -webkit-transform: translateY(60%); animation: downico 2s ease-out infinite; -webkit-animation: downico 2s ease-out infinite; }
@keyframes downico{
	0%{
		transform: translateY(45%);
		opacity: 1;
	}
	50%{
		transform: translateY(80%);
		opacity: 1;
	}
	100%{
        transform: translateY(45%);
		opacity: 1;
	}
}

@-webkit-keyframes downico{
	0%{
		transform: translateY(45%);
		opacity: 1;
	}
	50%{
		transform: translateY(80%);
		opacity: 1;
	}
	100%{
        transform: translateY(45%);
		opacity: 1;
	}
}

.inisde_img{width: 70%; height: 100%;}
.inisde_img .bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.inside_home{width: 100%; height: calc(100% - 540px); padding-right: 7%; display: flex; justify-content: flex-end; align-items: center; font-size: 14px;}

.sidemenu{width: 100%; height: auto; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background: url(../images/side_bg.jpg) no-repeat top center; background-size: cover;}
.sidemenu ul li h3 a{position: relative; height: 80px; padding-left: 50px; display: flex; align-items: center;  font-size: 24px; z-index: 2;}
.sidemenu ul li h3 a::before{content: ""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: transparent; z-index: -1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.sidemenu ul li h3 a span{display: inline-block; padding: 0 20px; background: url(../images/side_bg.jpg) no-repeat center center;}
.sidemenu ul li.on h3 a{color: #ac2c22;}
.sidemenu ul li.on h3 a::before{background-color: #ac2c22;}
.sidemenu ul li:hover h3 a{color: #ac2c22;}
.sidemenu ul li:hover h3 a::before{background-color: #ac2c22;}

/* 组织介绍 */
.ab_title{position: relative; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ac2c22;}
.ab_title h2{font-size: 48px;}
.ab_title h2 span{margin-left: 20px; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}

.ab1_sec{position: relative; width: 100%; padding-bottom: 80px; z-index: 5;}
.ab1_left{float: left; width: 20%; margin-top: -85px;}
.ab1_right{float: right; width: 75%; padding-top: 80px;}
.ab1_cot{display: flex; justify-content: space-between; align-items:center; flex-wrap: wrap;}
.ab1_right .txt {width: 60%;}
.ab1_right .txt p{font-size: 14px; line-height: 30px; color: #666;}
.ab1_right .txt p img{max-width: 100%;}
.ab1_right .txt .wz{margin-bottom: 28px;}
.ab1_right .txt .wz h2{margin-bottom: 18px; font-size: 18px; font-weight: bold;}
.ab1_right .txt .wz1 h2{font-size: 28px; margin-bottom: 18px;}
.ab1_right .img{width: 35%;}
.ab1_right .img img{display: block; width: 100%; height: auto;}

.ab2_sec{width: 100%;}
.ab2_main{width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #f7f5f2;}
.ab2_left{width: 60%; height: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ab2_left .img{width: 35%; min-height: 632px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ab2_left .txt{width: 56%;}
.ab2_left .txt h2{font-size: 28px; margin-bottom: 26px;}
.ab2_left .txt .nr p{font-size: 14px; line-height: 30px; color: #666;}
.ab2_right{width: 40%; padding: 65px 0;}
.ab2_right ul li{position: relative;border: 1px solid #ccc; border-bottom: none; transform:skew(15deg); -webkit-transform:skew(15deg);}
.ab2_right ul li:last-child{border-bottom: 1px solid #ccc;}
.ab2_right ul .li1{width: 55%;}
.ab2_right ul .li2{width: 65%; margin-left: 5.6%;}
.ab2_right ul .li3{width: 75%; margin-left: 11.6%;}
.ab2_right ul li .lis{position: relative; z-index: 2; padding: 8% 12%; transform:skew(-15deg); -webkit-transform:skew(-15deg);}
.ab2_right ul li .lis h2{font-size: 18px; font-weight: bold; margin-bottom: 12px;}
.ab2_right ul li .lis p{font-size: 14px; line-height: 30px; color: #333;}
.ab2_right ul li .lis .num{position: absolute; right: 35px; top: 50%; font-size: 92px; color: #ac2c22; opacity: 0.2; z-index: -1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.ab3_sec{width: 100%; padding: 80px 0; background: url(../images/ab3-bg.png) no-repeat bottom center; background-size: cover;}
.ab3_sec .ab_title h2{margin-bottom: 25px;}
.ab3_sec .ab_title p{font-size: 14px; line-height: 30px; color: #666;}
.ab3_main{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ab3_left{width: 42%; padding-left: 2%;}
.ab3_left ul li{float: left; width: 270px; height: 270px; margin-bottom: 40px; border-radius: 50%;border: 20px solid #f7f5f2;}
.ab3_left ul li .lis{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center;}
.ab3_left ul li .lis .box{padding: 0 2%;}
.ab3_left ul li .lis h2{width: 100%; margin-bottom: 15px; font-size: 32px;}
.ab3_left ul li .lis p{font-size:14px; line-height: 30px; color: #666;}
.ab3_left ul li:nth-child(odd){margin-right: 40px;}
.ab3_left ul li:nth-child(3), .ab3_left ul li:nth-child(4){margin-bottom: 0;}
.ab3_right{width: 56%;}
.ab3_right img{display: block; width: 100%; height: auto;}

.ab4_sec{width: 100%; padding: 80px 0; background: url(../images/ab4-bg.jpg) no-repeat top center; background-size: cover;}
.ab4_top{width: 45%}
.ab4_top .ab_title{margin-bottom: 60px;}
.ab4_main ul{display: flex; justify-content:space-between; flex-wrap: wrap;}
.ab4_main ul li{position: relative; width: 23%; height: 450px; padding: 70px 15px 25px 35px; z-index: 3; background-color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.ab4_main ul li .bt{position: relative; margin-bottom: 60px;}
.ab4_main ul li .bt h2{font-size: 28px;}
.ab4_main ul li .bt .num{position: absolute; left: -25px; top: -50px; font-size: 112px; color: #ac2c22; opacity: 0.1;}
.ab4_main ul li p{font-size: 14px; line-height: 30px; color: #666;}
.ab4_main ul li .over{position: absolute; right: 0; bottom: 25px; width: 200px; height: 180px; background-repeat: no-repeat; background-position: center center; background-size: 200px 180px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.ab4_main ul .li1 .over{background-image: url(../images/ab4-01.png);}
.ab4_main ul .li2 .over{background-image: url(../images/ab4-02.png);}
.ab4_main ul .li3 .over{background-image: url(../images/ab4-03.png);}
.ab4_main ul .li4 .over{background-image: url(../images/ab4-04.png);}
.ab4_main ul li:hover{box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.ab4_main ul .li1:hover .over{background-image: url(../images/ab4-011.png);}
.ab4_main ul .li2:hover .over{background-image: url(../images/ab4-012.png);}
.ab4_main ul .li3:hover .over{background-image: url(../images/ab4-013.png);}
.ab4_main ul .li4:hover .over{background-image: url(../images/ab4-014.png);}

.ab5_sec{position: relative; width: 100%; padding: 80px 0 140px 0; z-index: 5;}
.ab5_bg{position: absolute; right: 0; top: 0; width: 50%; height: auto; z-index: -1;}
.ab5_bg img{width: 100%; height: auto;}
.ab5_top{width: 45%;}
.ab5_top .ab_title{margin-bottom: 60px;}
.ab5_top .ab_title h2{margin-bottom: 25px;}
.ab5_top .ab_title p{font-size: 14px; line-height: 30px; color: #666;}
.ab5_swiper{width: 100%;}
.ab5_swiper .swiper-slide{width: 90%;}
.ab5_swiper .lis{display: flex; justify-content: space-between; align-items: center; }
.ab5_swiper .lis .img{width: 60%; height: 610px; background-position: center center; background-size: cover;}
.ab5_swiper .lis .img img{display: block; width: 100%; height: 100%;}
.ab5_swiper .lis .txt{position: relative; width: 60%; padding: 100px; margin-left: -5%; z-index: 2; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background: url(../images//ab5-bg1.jpg) no-repeat top center; background-size: cover;}
.ab5_swiper .lis .txt h2{font-size: 28px; margin-bottom: 40px;}
.ab5_swiper .lis .txt .nr{height: 200px; }
.ab5_swiper .lis .txt .nr p{font-size: 14px; line-height: 30px; color: #666;}
.ab5_btn{position: absolute; left: 52%; bottom: 28%; z-index: 20;}
.ab5_button{display: inline-block; width: 66px; height: 66px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 66px 66px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.ab5_btnL{margin-right: 18px; background-image: url(../images/ab5_btnL.png);}
.ab5_btnL:hover{background-image: url(../images/ab5_btnL1.png);}
.ab5_btnR{background-image: url(../images/ab5_btnR.png);}
.ab5_btnR:hover{background-image: url(../images/ab5_btnR1.png);}

.the_end{position: relative; width: 100%; text-align: center; z-index: 5;}
.the_end::before{content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #f7f5f2; z-index: -1;}
.the_end span{display: inline-flex; justify-content: center; align-items: center; width: 78px; height: 78px; font-size: 18px; border-radius: 50%; color: #fff; background-color: #ac2c22;}
.the_end span i{text-transform: uppercase;}

.hot_box ul li{float: left; width: 48%; text-align: center;}
.hot_box ul li:nth-child(even){float: right;}
.hot_box ul li a{color: #333; font-size: 18px;}
.hot_box ul li a span{margin-right: 20px;}
.hot_box ul li a:hover{color: #ac2c22;}

/* 服务 */
.se1_sec{position: relative; width: 100%; padding-bottom: 140px; z-index: 5;}
.se1_left{float: left; width: 20%; margin-top: -85px;}
.se1_right{float: right; width: 75%;  margin-top: 50px;}
.se1_ribox{width: 100%; padding: 50px; margin-bottom: 50px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); background-color: #fff;}
.se1_rinr{margin-bottom: 30px;}
.se1_right .nr p{color: #666; font-size: 14px; line-height:30px;}
.se1_right .nr p img{max-width: 100%;}
.se1_right .nr p.bt{font-size: 32px; color: #333; text-align: center;}

.se1_right .nr1 ul li{ line-height: 24px;
	font-size: 14px;
	padding: 6px 0px; display: flex; justify-content: space-between;}
	
.se1_right .nr1 ul li img{ margin-right: 3px;}
.se1_right .nr1 ul li h2{ width: calc(100% - 80px); white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.se1_right .nr1 ul li h2 a{ color: #666;}
.se1_right .nr1 ul li h2 a:hover{ color: rgb(0, 102, 204);
    text-decoration: underline;}
	.se1_right .nr1 ul li h3{ color: #999; width: 75px;}

/* 新闻 */
.news1_sec{padding: 50px 0 140px 0;}
.news1_main{margin-bottom: 30px;}
.news1_main ul li{float: left; width: 31%; margin: 0 1%; margin-bottom: 50px;}
.news1_main ul li .img_box{overflow: hidden;}
.news1_main ul li .img{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.news1_main ul li .img img{display: block; width: 100%; height: auto;}
.news1_main ul li .txt{width: 100%; padding: 24px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background: url(../images/news1-bg.jpg) no-repeat top center; background-size: cover;}
.news1_main ul li .txt h2{font-size: 18px; margin-bottom: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news1_main ul li .txt .sj{display: block; position: relative; margin-bottom: 15px; font-size: 12px; color: #666;}
.news1_main ul li .txt .sj::after{content: ""; display: block; width: 14px; height: 1px; margin-top: 15px; background-color:#ac2c22;}
.news1_main ul li .txt p{line-height: 25px; color: #666; font-size: 14px; height: 75px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news1_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news1_main ul li:hover .txt h2{color: #ac2c22;}

/* 翻页 */
.page_box{width: 100%; display: flex; justify-content: center; align-items: center;}
.page_box a:hover{color: #ac2c22;}
.page_box a{display: inline-block; margin: 0 28px; font-size: 16px;}
.page_box .ayu{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: transparent;}
.page_box .ayu:hover{color: #fff; background-color: #ac2c22;}
.page_box .ayu.active{color: #fff; background-color: #ac2c22;}

.xq1_sec{width: 100%; padding: 50px 0 140px 0;}
.xq1_sec .container0{max-width: 1200px; width: 80%;}
.xq1_box{width: 100%; padding: 50px; margin-bottom: 50px; background-color: #fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.xq1_main{margin-bottom: 50px;}
.xq1_ttile{text-align: center; margin-bottom: 30px;}
.xq1_ttile h2{font-size: 32px; margin-bottom: 20px;}
.xq1_ttile span{font-size: 14px; color: #666;}
.xq1_sec .nr p{color: #666;font-size: 14px;line-height: 30px;}
.xq1_sec .nr p img{max-width: 100%;}

/* 专家团队 */
.te1_sec{padding: 50px 0 140px 0; position: relative}
.te1_main{margin-bottom: 35px;}
.te1_main ul li{position: relative; float: left; width: 47%; margin: 0 1.5%; margin-bottom: 45px;}
.te1_main ul li .lis{height: 280px; overflow: hidden; padding: 35px; border: 1px solid #ccc; background-color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.te1_main ul li .lis.intro{height: auto; overflow: auto;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.te1_main ul li .lis .bt{margin-bottom: 28px; font-size: 24px; color: #333;}
.te1_main ul li .lis .bt span{margin-left: 20px; font-size: 16px; color: #e60012;}
.te1_main ul li .lis .nr p{font-size: 14px; color: #666; line-height: 30px;}
.te1_main ul li .over{position: absolute; left: 0; bottom: 10px; width: 100%;  padding: 30px 0; text-align: center; z-index: 4;}
.te1_main ul li .over::before{content: ""; display: block; position: absolute; left: 2%; top: 0; width: 96%; height: 100%; z-index: -1; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), #fff);}
.te1_main ul li .over i{display: inline-block; width: 34px; height: 28px; cursor: pointer; background: url(../images/te1_down.png) no-repeat center center; background-size: 34px 28px;transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;}
.te1_main ul li .over.toshow{position: relative; bottom: 0; left: 0; padding-bottom: 0;}
.te1_main ul li .over.toshow i{transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;}

/* 志愿者招募 */
.re1_sec{width: 100%; padding: 80px 0;}
.re1_main p{color: #666; margin-bottom: 30px; font-size: 18px; line-height: 30px;}
.re1_main strong{font-size: 24px; font-weight: normal; color: #333; line-height: 40px;}

.re2_sec{width: 100%; padding: 80px 0; background-color: #f7f5f2;}
.re2_main ul{display: flex; justify-content: space-between; align-items: center;}
.re2_main ul li{width: 17%; z-index: 2;}
.re2_main ul li .lis{padding: 70px 25px; text-align: center; color: #333; border: 1px solid #ccc; background-color: transparent; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.re2_main ul li .lis h2{margin-bottom: 36px; font-size: 18px; font-weight: bold;}
.re2_main ul li .lis p{font-size: 14px; height: 110px; line-height: 30px;}
.re2_main ul li .lis .num{position: relative;  font-size: 28px; font-weight: bold;}
.re2_main ul li .lis .num::before, .re2_main ul li .lis .num::after{content: ""; display: inline-block; width: 38px; height: 1px; vertical-align:middle; background-color: #333;}
.re2_main ul li .lis .num::before{margin-right: 15px;}
.re2_main ul li .lis .num::after{margin-left: 15px;}
.re2_main ul li:hover{z-index: 3;}
.re2_main ul li .lis:hover{color: #fff; background: url(../images/re2-bg.jpg) no-repeat top center; background-size: cover; transform: scale(1.11); -webkit-transform: scale(1.11);}
.re2_main ul li .lis:hover .num:before, .re2_main ul li .lis:hover .num:after{background-color: #fff;}

.re3_sec{width: 100%; padding: 80px 0;}
.re3_main{margin-bottom: 60px;}
.re3_main ul{display: flex; justify-content: space-between; align-items: center;}
.re3_main ul li{width: 23%;}
.re3_main ul li .lis{position: relative; width: 100%; overflow: hidden; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.re3_main ul li .lis .img_box{overflow: hidden;}
.re3_main ul li .lis .img{background-repeat: no-repeat; background-position: center center; background-size: cover;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.re3_main ul li .lis .img img{display: block; width: 100%; height: auto;}
.re3_main ul li .lis .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.re3_main ul li .lis .txt::before{content: ""; display: block; width: 100%; height: 100%; background: url(../images/re3_mask1.png) no-repeat top center; background-size: cover;}
.re3_main ul li .lis .txt .wz{position: absolute; left: 0%; top: 0; right: 0; bottom: 0; z-index: 5; width: 98%; height: 100%; text-align: center;}
.re3_main ul li .lis .txt .table{display: table; width: 100%; height: 100%;}
.re3_main ul li .lis .txt .cell{display: table-cell; vertical-align: middle;}
.re3_main ul li .lis .txt .cell p{color: #fff; font-size: 24px;}
.re3_main ul li .lis:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.re3_bottom .inside_title{margin-bottom: 25px;}
.re3_bottom p{color: #666; font-size:18px;}

.re4_sec{width: 100%; padding-bottom: 140px;}
.re4_box{width: 100%; padding: 70px 50px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background: url(../images/res4-bg.jpg)#fff no-repeat top center; background-size: cover;}
.re4_main{margin-bottom: 70px;}
.re4_main .hd{margin-bottom: 50px;}
.re4_main .hd ul li{float: left; width: 150px; height: 50px; line-height:50px;font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; background-color:#f7f5f2; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.re4_main .hd ul li:first-child{margin-right: 35px;}
.re4_main .hd ul li.on{color: #fff; background-color: #ac2c22;}
.re4_main .bd .nr_box{display: none;}
.re4_main .bd .nr_box:first-child{display: block;}
.re4_main .bd ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.re4_main .bd ul li{margin-bottom: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #e4e4e5;}
.re4_main .bd ul li .lis{position: relative;}
.re4_main .bd ul li span{position: absolute; left: 0; top: 0; display: block; font-size: 16px; background: transparent;}
.re4_main .bd ul li input{width: 100%; padding: 0 5px 0 70px; border: none; color: #666; font-size: 14px; background: transparent;}
.re4_main .bd .nr_box1 ul .li1{width: 31%;}
.re4_main .bd .nr_box1 ul .li2{width: 31%;}
.re4_main .bd .nr_box1 ul .li3{width: 65.5%;}
.re4_main .bd .nr_box1 ul .li4{width: 100%;}
.re4_main .bd .nr_box .tj a{display: inline-block; width: 153px; height: 53px; line-height: 53px; font-size: 18px; text-align: center;  background-color: #f7f5f2;}
.re4_main .bd .nr_box .tj a:hover{color: #fff; background-color: #ac2c22;}
.re4_bottom ul li{float: left; margin-right: 100px;}
.re4_bottom ul li:last-child{margin-right: 0;}
.re4_bottom ul li .lis{display: flex; align-items: center;}
.re4_bottom ul li .lis span{color: #666; font-size: 18px;}
.re4_bottom ul li .lis img{margin-right: 20px;}
.re4_bottom ul li .lis a:hover{color: #e60012;}

/* 联系我们 */
.inside_title{font-size: 32px; margin-bottom: 50px;}

.con1_sec{width: 100%; padding: 50px 0 80px 0;}
.con1_main ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.con1_main ul li{width: 20%;}
.con1_main ul li:first-child{width: 36%;}
.con1_main ul li .lis{display: flex; justify-content: center; align-items: center;}
.con1_main ul li .lis .wz p{color: #333; font-size: 18px; line-height: 30px;}
.con1_main ul li .lis .icon{margin-right: 29px;}
.con1_main ul li .lis .wz1{width: calc(100% - 70px);}

.con2_sec{width: 100%; padding-bottom: 140px;}
.con2_main{display: flex; justify-content: space-between;}
.con2_left{width: 55%;}
.con2_left ul{margin-bottom: 20px;}
.con2_left ul li{float: left; width: 48%;}
.con2_left ul li:nth-child(even){float: right;}
.con2_left ul li input{width: 100%; height: 50px; line-height: 50px; padding: 0 5px; font-size: 16px; color: #333; background-color: transparent; outline: none; border: none; border-bottom: 1px solid #e5e5e5;}
.con2_left ul .li3{float: left; width: 100%; margin-top: 25px;} 
.con2_left ul li textarea{width: 100%; height: 80px; font-size: 16px; resize: none; border-bottom: 1px solid #e5e5e5; background: transparent;}
.con2_left .tj a{display: inline-block; width: 153px; height: 53px; line-height: 53px; font-size: 18px; text-align: center; background-color: #f7f5f2;}
.con2_left .tj a:hover{color: #fff; background-color:#ac2c22;}
.con2_right{width: 40%; min-height: 325px; background-repeat: no-repeat; background-position: center center; background-size: cover;}