@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:微软雅黑;color:#000;}
body{background:#ffffff;}
ul{list-style:none;}
img,a img{border:0px;border:none;}
a{text-decoration:none;}
a.hidefocus{outline:none}
a:hover{text-decoration:underline;text-decoration:none;}
label{ margin-bottom:0; font-weight:normal;}
input,textarea{border:0;outline:none;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
.p10{ padding: 10px;}
/*****以上样式不可更改*****/


.header {width:100%;position:fixed;top:0;left:0;z-index:999;background:#fff;}
.headerFlex{ display: flex; align-items: center; justify-content: space-between;}
.header .logo{ display: block;}
.header .logo img{  height: 60px;}
/*.header .nav .navbar_nav{ display: flex; align-items: center; justify-content: center;}*/
/*.header .nav .navbar_nav li{ padding:10px 30px;}*/
/*.header .nav .navbar_nav li a{font-size: 16px; color: #fff; line-height:30px; padding-bottom:15px; position: relative; display:block}*/
/*.header .nav .navbar_nav li.active a::before,.header .nav .navbar_nav li:hover a::before{width: 20px; height: 4px; background: #4593FF; border-radius: 6px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: '';}*/
/*.header .nav .navbar_nav li:hover a,.header .nav .navbar_nav li.active a{ color: #353535;}*/
/*.header .nav .navbar_nav li.active{background:#ffffff}*/

.header .nav .navbar_nav{ display: flex; align-items: center; justify-content: center;}
.header .nav .navbar_nav li{ margin: 0px 30px; padding: 20px 0px;}
.header .nav .navbar_nav li a{font-size: 16px; color: #9A9A9A; line-height: 25px; padding-bottom: 12px; position: relative;}
.header .nav .navbar_nav li.active a::before,.header .nav .navbar_nav li:hover a::before{width: 20px; height: 4px; background: #4593FF; border-radius: 6px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: '';}
.header .nav .navbar_nav li:hover a,.header .nav .navbar_nav li.active a{ color: #353535;}

.m_nav{ display: none;}

.banner {position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}
.swiper-button-next,.swiper-button-prev{ background:rgba(0, 0, 0, .5);width:50px; height:50px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 18px; margin-top: 0px; transform: translateY(-50%); border-radius: 50%;}
.banner .swiper-pagination { bottom: 20px; position: absolute; left: 0; width: 100%;}
.swiper-pagination-bullet{width: 20px; height: 20px; background: #FFFFFF; opacity: 0.5; border-radius: 50%; margin: 0px 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFFFFF; opacity: 1;}
.wrap{ padding-top:127px;} 
.title{ text-align: center;}
.title h2{ text-align: center;font-weight: bold; font-size: 38px; line-height:65px; color: #000000;}
.title h2 span{ color: #B40B0B;}
.title p span{ color: #B40B0B;font-size:38px; color: #B40B0B; line-height:45px;}
.title p.mt40{ margin-top: 40px;}
.title p{font-size: 14px; color: #5F5F5F; line-height: 24px;}
.page_title{ background: #FAFAFA; padding: 40px 0px;}
.index_page_1,.index_page_2{ background: #ffffff; padding: 30px 0px;}
.page_1_list{ display: flex; flex-wrap: wrap;  margin: 0px -30px;}
.page_1_list li{ width: 25%; padding:30px;}
.page_1_list li .item{ position: relative; padding-top: 60px; height:100%}
.page_1_list li .item .icon{ position: absolute; left: 50%; top: 0;transform: translateX(-50%); }
.page_1_list li .item .icon img{ width: 90px;}
.page_1_list li .item .itemBox{background: rgba(249,249,249,0); border: 1px solid #4E98FF; padding: 42px 40px 30px 40px; text-align: center;transition:0.4s; height:100%}
.page_1_list li .item .itemBox h4{font-weight: bold; font-size: 16px; color: #000000; line-height: 24px; transition:0.4s; }
.page_1_list li .item .itemBox p{font-size: 14px; color: #000000; line-height: 20px; margin: 45px 0px;transition:0.4s; height: 60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.page_1_list li .item .itemBox a.open{width: 150px; height: 42px; background: #FFFFFF; border-radius: 28px 28px 28px 28px; border: 1px solid #4E98FF; display: flex; align-items: center; justify-content: center; color: #4E98FF; font-size: 16px; margin: 0 auto;transition:0.4s; }
.page_1_list li .item:hover .itemBox{ background: #4E98FF;}
.page_1_list li .item:hover .itemBox h4,.page_1_list li .item:hover .itemBox p{ color: #ffffff;}
.page_1_list li .item:hover .itemBox a.open{ background: #ffffff;}
.index_page_2_Swiper{ position: relative; overflow: hidden; padding:60px 90px;}
.index_page_2_Swiper .item{ position: relative; width: 100%; cursor: pointer;}
.index_page_2_Swiper .item img{ width: 100%; height: 240px; object-fit: cover;}
.index_page_2_Swiper .item .text{ position: absolute; bottom: 0; left: 0; width: 100%; padding:6px 12px;background: rgba(30,30,30,0.58); text-align: center;}
.index_page_2_Swiper .item .text h4{font-size: 22px; color: #FFFFFF; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_page_2_Swiper .item .text p{font-size: 12px; color: #FFFFFF; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 4px;}
.index_page_3{ background: url(bgimg.jpg) no-repeat; background-size:cover;}
.index_page_3 .title h2{ color: #ffffff; padding: 40px 0px; }
.index_page_3_list{ display: flex; flex-wrap: wrap;}
.index_page_3_list li{ width: 20%; padding: 50px 45px; position: relative;}
.index_page_3_list li .item{ width: 100%;background: rgba(255,255,255,0); border: 1px solid #FFFFFF;transition:0.4s; border-radius: 50%; height: 148px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.index_page_3_list li .item:hover{ background: #FFFFFF;}
.index_page_3_list li .item:hover .tit{ color: #0E0E0E;}
.index_page_3_list li .item .tit{font-size:18px; color: #FFFFFF; line-height:36px; text-align: center;}
.index_page_3_list li::before{ border: 1px dashed #FFFFFF; position: absolute; right:-15px; top: 50%; content: ''; width: 30px;transform: translateY(-50%); }
.index_page_3_list li:nth-child(5n)::before{ display: none;}
.index_page_3_list li:nth-child(1)::after{ border: 1px dashed #FFFFFF; position: absolute; left:50%; bottom:-15px; content: ''; height:30px;transform: translateX(-50%); }
.index_page_3_list li:nth-child(5)::after{ border: 1px dashed #FFFFFF; position: absolute; left:50%; bottom:-15px; content: ''; height:30px;transform: translateX(-50%); }














.xieli_page{ padding: 50px 0px; background: #fff;}
.xieli_page_1{background: linear-gradient( 314deg, #4593FF 0%, #6DAAFF 100%); border-radius: 30px; padding: 24px; margin-top: 20px; display: flex;}
.xieli_page_1 .left{background: #FFFFFF; border-radius: 16px; margin-right: 20px; width: 210px; overflow: hidden;}
.xieli_page_1 .left .tit{ text-align: center; border-bottom: 1px solid #E9E9E9; color: #292929; font-size: 19px; line-height: 50px;} 
.xieli_page_1 .left .item{ display: flex; align-items: center; padding:15px 10px; cursor: pointer; margin-top: 10px;}
.xieli_page_1 .left .item .icon{ width: 18px; height: 18px; margin-right: 14px;}
.xieli_page_1 .left .item .icon img{ width: 100%; height: 100%;}
.xieli_page_1 .left .item .icon img.ic1{ display: block;}
.xieli_page_1 .left .item .icon img.ic2{ display: none;}
.xieli_page_1 .left .item.active .icon img.ic1{ display: none;}
.xieli_page_1 .left .item.active .icon img.ic2{ display: block;}
.xieli_page_1 .left .item p{ color: #BBBBBB; font-size: 16px; line-height: 26px;}
.xieli_page_1 .left .item.active{background: #F0F6FF; border-radius: 9px }
.xieli_page_1 .left .item.active p{ color: #4593FF;}
.xieli_page_1 .right{ flex: 1; width: 100%;background: linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF 11%, #FFFFFF 100%); border-radius: 16px; padding:13px; height: 767px; }
.xieli_page_1 .right .txtbox table{ max-width: :100% !important;width: auto !important; margin:0px !important;}
.xieli_page_1 .right .txtbox{ padding:13px; height: 741px; overflow-x: auto;}

.xieli_page2,.xieli_page4{  background: #FAFAFA; padding: 50px 0px;}
.xieli_page2_Swiper{ position: relative; padding-bottom: 70px; margin-top: 20px; padding-left: 110px; padding-right: 110px;}
.xieli_page2_Swiper .swiper-slide .item{ display: flex;}
.xieli_page2_Swiper .swiper-slide .item .imgbox{width: 449px; overflow: hidden; margin-right: 20px;}
.xieli_page2_Swiper .swiper-slide .item .imgbox img{ width: 100%; height: 440px; object-fit: cover;}
.xieli_page2_Swiper .swiper-slide .item .txtbox{background: #FFFFFF; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.13); border-radius: 30px; flex: 1; width: 100%; padding: 30px;max-height: 440px;overflow: auto;}
.xieli_page2_Swiper .swiper-slide .item .txtbox h4{font-size: 18px; color: #161616; line-height: 30px; font-weight: bold;}
.xieli_page2_Swiper .swiper-slide .item .txtbox p{font-size: 16px; color: #161616; line-height: 30px;}
.xieli_page2_Swiper .swiper-pagination { bottom: 0px; position: absolute; left: 0; width: 100%;}
.xieli_page2_Swiper .swiper-pagination-bullet{width: 20px; height: 20px; background:#242424; opacity: 0.5; border-radius: 50%; margin: 0px 10px;}
.xieli_page2_Swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#242424; opacity: 1;}

.xieli_page3{  background: #FFFFFF; padding: 50px 0px;}
.xieli_page3_Swiper{ position: relative; padding-bottom: 70px; margin-top: 20px;}
.xieli_page3_Swiper .swiper-slide .item .imgbox{width: 564px; overflow: hidden; margin:0 auto; margin-top: 15px;}
.xieli_page3_Swiper .swiper-slide .item .imgbox img{ width: 100%;}
.xieli_page3_Swiper .swiper-slide .item .txtbox{ margin-top: 20px;}
.xieli_page3_Swiper .swiper-slide .item .txtbox h4{font-size: 18px; color: #161616; line-height: 30px; font-weight: bold;}
.xieli_page3_Swiper .swiper-slide .item .txtbox p{font-size: 20px; color: #000000; line-height: 39px; text-indent: 2em;}
.xieli_page3_Swiper .swiper-pagination { bottom: 0px; position: absolute; left: 0; width: 100%;}
.xieli_page3_Swiper .swiper-pagination-bullet{width: 20px; height: 20px; background:#242424; opacity: 0.5; border-radius: 50%; margin: 0px 10px;}
.xieli_page3_Swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#242424; opacity: 1;}
.xieli_page4_text{background: #FFFFFF; border-radius: 16px; margin-top: 40px; padding: 45px;}
.xieli_page4_text .imgtu{ float: right;width: 663px; height: 456px; margin-left: 30px;}

.xieli_page4_text h4{font-size: 20px; color: #000000; line-height: 39px; font-weight: bold;}
.xieli_page4_text p{font-size: 20px; color: #000000; line-height: 39px; }
.xieli_page4_text p img{width: 18px; height: 18px; margin-right: 20px;}

.footer{ background-color: #474747; padding: 10px; text-align: center;}
.footer p{font-size: 12px; color: #7E7E7E; line-height:20px;}
.mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.54); z-index: 9991; display: none;}
.liuyan{width: 826px; background: url(popbg.png) no-repeat; background-size: cover;   border-radius: 30px; padding: 50px 145px; z-index: 9992; position: fixed; left: 50%; top: 50%;transform: translate(-50%,-50%); display: none;}
.liuyan h5{font-size: 18px; color: #090909; line-height: 25px; text-align: center;}
.liuyan .guanbi{ position: absolute; right:50px; top: 50px; width: 20px; cursor: pointer;}
.liuyan .label{font-size: 18px; color: #1F1F1F; line-height: 45px; margin-top: 15px;}
.liuyan .label em{ color: #D31313; margin-right: 5px; font-style: normal;}
.liuyan .input{height: 51px; background: #FFFFFF; border-radius: 10px; border: 1px solid #D3D3D3; width: 100%; padding: 0px 10px; font-size: 16px;}
.liuyan .textarea{height:145px; line-height: 40px; background: #FFFFFF; border-radius: 10px; border: 1px solid #D3D3D3; width: 100%; padding:5px 10px; font-size: 16px;}
.liuyan .button{width: 272px; height: 58px; background: #569DFF; border-radius: 10px; margin: 0 auto; margin-top: 20px; border: none; color: #FFFFFF; font-size: 16px; display: block;}

.footer{background: #414141; padding: 20px;}
.footer .Copyright{font-size: 12px; color: #838181; line-height:28px; text-align: center;}
.footer .Copyright a{ color: #838181; }
.footer .Copyright a:hover{ color: #ffffff;}
.header_new{ border-top:2px solid #eaeaea;}

.header .header_new .headerFlex .logo{ display: none;}
/*.header .header_new { background:#4E98FF;}*/

.weiChat{
	width: 24px;
	height: 24px;position:relative;
	margin-right: 16px;
}
.weiChat .icon img{ width:24px; height:24px}
.weiChat .foot_ewm{ width:140px; padding:8px; display:none; position:absolute; right:25px; top:0; background:#ffffff;}
.weiChat .foot_ewm img{ width: 100%;}
.weiChat:hover .foot_ewm{ display:block;}
.dianhua{ display:flex; font-size:14px; color:#181818; line-height:24px}
.dianhua img{ width: 22px; height: 22px; margin-right:8px}
.rightFlex{ display: flex; align-items: center;}

@media screen and (max-width:1199px) {
	.xieli_page4_text .imgtu{ width: 440px; height:300px;}
	.xieli_page2_Swiper .swiper-slide .item .imgbox{ width: 300px;}
	.xieli_page2_Swiper{ padding-left: 65px; padding-right: 65px;}
	.xieli_page2_Swiper .swiper-slide .item .txtbox{ padding: 20px;max-height: 380px;overflow: auto;}
	.xieli_page2_Swiper .swiper-slide .item .txtbox h4,.xieli_page2_Swiper .swiper-slide .item .txtbox p{ font-size: 16px; line-height: 25px;}
	.liuyan{ width: 600px; padding: 40px 80px}
	.liuyan .label{ font-size: 16px; line-height: 35px;}
	.liuyan .input{ height: 45px; font-size: 16px;}
	.header .nav .navbar_nav li{ margin: 0px 15px;}
	.page_title{ padding: 20px 0px;}
	.title h2{ font-size: 28px; line-height: 2;}
	.page_1_list{ margin: 0px -15px;}
	.page_1_list li{ padding: 15px;}
	.title p.mt40{ margin-top: 20px;}
	.title p span{ font-size: 22px;}
	.index_page_2_Swiper .item .text h4{ font-size: 16px;}
	.index_page_3 .title h2{ padding: 25px 0px;}
	.index_page_3_list li{ padding: 20px;}
	.index_page_3_list li .item .tit{ font-size: 16px;}
	.xieli_page2_Swiper .swiper-slide .item .imgbox img{ height: 380px;}


}

@media screen and (max-width:992px) {
	.header .logo img{ height:40px;}
	.header #navToggle {height:25px; width: 25px; display: block;}
	.header #navToggle span {position:relative;width:25px;height:2px; margin-top: 12px;}
	.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:2px;left:0;}
	.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#ffffff;}
	.header #navToggle span:before {top:8px;}
	.header #navToggle span:after {bottom:10px;}
	.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
	.header #navToggle.open span:after {bottom:13px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
	.header #navToggle.open span {background:none;}
	.header #navToggle.open span:before,.header #navToggle.open span:after {background:#ffffff;}
	.header .nav {display:none;}
	.m_nav {position:fixed;width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms; left:0px; top: -200%; z-index: 99; display: block;padding:70px 15px 15px 15px;}
	.m_nav.open { top: 0;}
	.m_nav .ul li{  padding:3px 0px;}
	.m_nav .ul li a{font-size: 14px; line-height: 40px; color: #333; position: relative; box-sizing: border-box; display: block;}
	.xieli_page,.xieli_page2, .xieli_page4,.xieli_page3{ padding: 30px 0px;}
	.title h2{ font-size: 26px; line-height: 45px;}
	.title p{ margin-top: 6px;}
	.xieli_page_1{ padding: 12px;}
	.xieli_page_1 .right .txtbox h4,.xieli_page3_Swiper .swiper-slide .item .txtbox p,.xieli_page4_text p,.liuyan h5{ font-size: 16px; line-height: 1.8;}
	.xieli_page_1 .right .txtbox p{ font-size: 16px; margin-top: 20px;}
	.xieli_page2_Swiper{ padding: 0px;}
	.xieli_page3_Swiper .swiper-slide .item .imgbox{ width: 300px;}
	.xieli_page3_Swiper{ padding-bottom: 40px;}
	.wrap{ padding-top: 85px;}
	.page_1_list li{ width: 33.333%;}
	.index_page_3_list li .item{ height: 104px;}
	.index_page_3_list li .item .tit{ line-height: 1.6;}
	.xieli_page4_text{ padding: 13px; margin-top: 20px;}
	.header_new{ padding: 12px 0px}
	.header_new .headerFlex{ justify-content:end;}
}




@media ( max-width:700px) {	
	
	.xieli_page2_Swiper .swiper-slide .item .imgbox img{ height: 280px;}

	.banner img{ height: 180px; object-fit: cover;}
	.swiper-button-next, .swiper-button-prev{ width:30px; height: 30px;}
	.swiper-pagination-bullet,.xieli_page2_Swiper .swiper-pagination-bullet,.xieli_page3_Swiper .swiper-pagination-bullet{ width: 10px; height: 10px;}
	
	.title h2{ font-size: 20px; line-height: 30px;}
	.xieli_page_1 .left .tit{ font-size: 16px;}
	.xieli_page_1 .left .item p{ font-size: 14px;}
	.xieli_page_1{ display: block;}
	.xieli_page_1 .left{ width: 100%; margin: 0px;}
	.p10{ padding: 5px;}
	.xieli_page_1 .left .item{ padding: 8px 4px; margin-top: 5px;}
	.xieli_page_1 .right{ margin-top: 24px; padding: 12px; height: 420px;}
	.xieli_page_1 .right .txtbox p{ margin-top: 8px; font-size: 14px; line-height: 24px;}
	.xieli_page_1 .right .txtbox p img{ width: 18px; height: 18px; margin-right: 6px;}
	.xieli_page,.xieli_page2, .xieli_page4,.xieli_page3{ padding: 20px 0px;}
	.xieli_page2_Swiper .swiper-slide .item{ display: block;}
	.xieli_page2_Swiper .swiper-slide .item .txtbox{ margin-top: 12px; padding: 12px;}
	.xieli_page2_Swiper .swiper-slide .item .txtbox h4, .xieli_page2_Swiper .swiper-slide .item .txtbox p{ font-size: 14px; line-height: 24px;}
	.xieli_page_1 .right .txtbox h4, .xieli_page3_Swiper .swiper-slide .item .txtbox p, .xieli_page4_text p, .liuyan h5{ font-size: 14px;}
	.xieli_page4_text .imgtu{ width: 100%; float: none; margin: 0px;}
	.xieli_page4_text h4{ font-size: 18px;}
	.xieli_page4_text p img{ margin-right: 12px;}
	.liuyan{ width: 90%; padding:25px 15px;border-radius:10px}
	.liuyan .guanbi{ right: 5px; top: 5px;}
	.liuyan .label{ font-size: 14px; line-height: 24px;}
	.liuyan .input{ font-size: 14px; line-height: 40px; height:40px;}
	.liuyan .textarea{ height: 90px; font-size: 14px; line-height: 40px;}
	.liuyan .button{ width: 90%; height: 40px; font-size: 14px;}
	.xieli_page2_Swiper .swiper-slide .item .imgbox{ margin: 0 auto;}
	
	.page_title{ padding: 15px 0px;}
	.title h2{ font-size: 18px;}
	.page_1_list{ margin: 0px -4px;}
	.page_1_list li{ width: 50%; padding:4px;}
	.page_1_list li .item .icon img{ width: 45px;}
	.page_1_list li .item{ padding-top: 20px;}
	.page_1_list li .item .itemBox{ padding: 30px 15px 15px 15px;}
	.page_1_list li .item .itemBox h4{ font-size: 14px;}
	.page_1_list li .item .itemBox p{ margin:12px 0px; font-size: 12px;}
	.index_page_1, .index_page_2{ padding: 15px 0px;}
	.page_1_list li .item .itemBox a.open{ width: 100%; height: 38px; font-size: 14px;}
	.title p span{ font-size: 14px;}
	.title p.mt40{ margin-top: 5px;}
	.index_page_2_Swiper{ padding: 0px;}
	.index_page_3 .title h2{ padding: 15px;}
	.index_page_3_list li{ width: 50%;}
	.index_page_3_list li:nth-child(5n)::before{ display: block;}
	.index_page_3_list li:nth-child(2n)::before{ display: none;}
	.index_page_3_list li::after{ border: 1px dashed #FFFFFF; position: absolute; left:50%; bottom:-15px; content: ''; height:30px;transform: translateX(-50%); }
	.index_page_3_list li:nth-last-child(1)::after,	.index_page_3_list li:nth-last-child(2)::after{ display: none;}
	.index_page_3_list li .item .tit{ font-size: 14px;}

	
}