@charset "utf-8";
.ti_title{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 80px;
	line-height: 40px;
}
.ti1_box{
	padding-top: 100px;
	padding-bottom: 110px;
	background: #e5e9ef;
}
.ti1_swiper .swiper-slide{
	cursor: pointer;
	text-align: center;
	background: #fff;
	border-radius: 20px;
}
.ti1_swiper .swiper-slide .img{
	width: 100%;
	border-radius: 20px;
}
.ti1_box .ti1_inner{
	position: relative;
}
.ti1_box .ti1_nav{
	padding-bottom: 40px;
}
.ti1_box .ti1_title{
	margin-top: 30px;
	font-size: 30px;
	font-weight: bold;
}
.ti1_box .ti1_subtitle{
	font-size: 24px;
}
.ti1_box .ti1_line{
	width: 30px;
	height: 4px;
	background: #ff0000;
	border-radius:10px;
	margin:15px auto;
}
.swiper-button-prev1,
.swiper-button-next1{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #c30d23;
}
.swiper-button-prev1{
	left: -75px;
}
.swiper-button-next1{
	right: -75px;
}
.swiper-button-prev1.swiper-button-disabled,
.swiper-button-next1.swiper-button-disabled{
	background: #bfbfbf;
	opacity: 1;
}
.swiper-button-prev1:after,
.swiper-button-next1:after{
	font-size: 16px;
	color:#fff;
}
.ti2_box{
	width: 100%;
}
.ti2_box .ti2_left{
	width: 38.75%;
	position: relative;
}
.ti2_box .ti2_right{
	width: 61.25%;
}
.ti2_box .ti2_bg{
	width: 100%;
}
.ti2_box .ti2_img{
	width: 100%;
}
.ti2_box .ti2_info{
	position: absolute;
	left: 0;
	z-index: 10;
	top: 100px;
	box-sizing: border-box;
	padding-left: 6.25%;
	padding-right: 10px;
	width: 38.75%;
}
.ti2_title{
	text-align: left;
	margin-bottom: 150px;
}
.ti2_box .ti2_subtitle{
	font-size: 18px;
	line-height: 24px;
}
.ti2_box .ti2_msg{
	font-size: 30px;
	line-height: 48px;
	color:#c30d23;
	font-weight: 600;
	margin-top: 40px;
}
.swiper-pagination2{
	left: initial !important;
	right: 6.25%;
	width: auto !important;
	bottom: 30px !important;
}
.swiper-pagination2 .swiper-pagination-bullet {
	margin: 0 5px !important;
	border: 1px solid #b5b5b5 !important;
	background-color: #b5b5b5 !important;
	width: 10px !important;
	height: 10px !important;
	opacity: 1 !important;
	border-radius: 50% !important;
}
.swiper-pagination2 .swiper-pagination-bullet-active {
	border: 1px solid #ff0000 !important;
	background-color: transparent !important;
}
.ti3_box{
	padding-top: 100px;
	background: #fff;
	padding-bottom: 105px;
}
.ti3_box .ti3_inner{
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.ti3_swiper .swiper-slide{
	width: 22% !important;
	border-right: 1px solid #E5E5E5;
	padding-bottom: 60px;
}
.ti3_swiper .swiper-slide:hover{
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}
.ti3_swiper .swiper-slide:first-child{
	border-left: 1px solid #E5E5E5;
}
.ti3_box .ti3_img{
	height: 335px;
	width: 100%;
}
.ti3_box .ti3_img .img{
	max-height: 90%;
	max-width: 90%;
}
.ti3_box .ti3_btn{
	width: 220px;
	height: 54px;
	border:1px solid #7f7f7f;
	border-radius: 8px;
	text-align: center;
	line-height: 54px;
	font-size: 16px;
	color:#000000;
	margin: auto;
	display: block;
}
.ti3_box .ti3_btn:hover{
	background: #bc192e;
	color:#fff;
	border:1px solid #bc192e;
}
.ti3_box .ti3_subtitle{
	text-align: center;
	font-size: 15px;
	color:#999999;
	margin-top: 20px;
}
.ti3_swiper{
	width: 93.75%;
	margin-left: 6.25%;
}
.ti4_box{
	padding-top: 60px;
	background: #f3f3f3;
	padding-bottom: 66px;
}
.ti4_box .ti4_nav{
	width: calc((100% - 150px) / 6);
	margin-right: 30px;
	background: #fff;
	border-radius: 10px;
	height: 250px;
	text-align: center;
	font-size: 24px;
	color:#333333;
	position: relative;
	transition:  all 0.6s;
	top: 0;
}
.ti4_box .ti4_nav:last-child{
	margin-right: 0;
}
.ti4_box .ti4_nav:hover{
	top: -27px;
	background-image: linear-gradient(to right,#ce787e,#bd1e33);
	color:#fff;
}
.ti4_box .ti4_nav .ti4_nav_icon{
	height: 76px;
}
.ti4_box .ti4_nav .img{
	margin: auto;
}
.ti4_box .ti4_nav .img2{
	display: none;
}
.ti4_box .ti4_nav:hover .img1{
	display: none;
}
.ti4_box .ti4_nav:hover .img2{
	display: block;
}

.ti5_box{
	padding-top: 60px;
	background: #fff;
	padding-bottom: 66px;
}
.ti5_box .ti5_nav{
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	margin-bottom: 20px;
	height: 25vw;
	text-align: center;
	font-size: 24px;
	color:#fff;
	position: relative;
	transition:  all 0.6s;
	top: 0;
	overflow: hidden;
}
.ti5_box .ti5_nav:after{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,0.3);
}
.ti5_box .ti5_nav .ti5_nav_inner{
	position: relative;
	z-index: 10;
}
.ti5_box .ti5_nav:nth-child(4n){
	margin-right: 0;
}
.ti5_box .ti5_nav:last-child{
	margin-right: 0;
}
.ti5_box .ti5_nav:hover{
	top: -20px;
}
.ti5_box .ti5_nav .ti5_nav_title{
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
}
.ti5_box .ti5_nav .ti5_nav_subtitle{
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px;
	opacity: 0;
	transition: all 0.6s;
}
.ti5_box .ti5_nav:hover .ti5_nav_subtitle{
	opacity: 1;
}
.ti5_box .ti5_nav .ti5_nav_num{
	position: absolute;
	bottom: -50px;
	font-size: 140px;
	line-height: 140px;
	font-weight: bold;
	width: 100%;
	color:#fff;
	opacity: 0.5;
}
.ti6_box {
	padding-top: 70px;
	background: #f3f3f3;
	padding-bottom: 70px;
}
.ti6_box .ti6_img{
	width: 100%;
}
.ti6_title{
	margin-bottom: 56px;
}
.ti7_box{
	width: 100%;
	background: #fff;
	padding-top: 96px;
	padding-bottom: 140px;
}
.ti7_box .ti7_left{
	width: 47.5%;
}
.ti7_box .ti7_right{
	width: 45%;
}
.ti7_box .ti7_img{
	width: 100%;
	border-radius: 10px;
}
.ti7_box .ti7_btn{
	margin-top: 70px;
}
.ti7_box .ti7_btn .ti7_btn_nav{
	width: 228px;
	height: 67px;
	border-radius: 30px;
	font-size: 24px;
	text-align: center;
	line-height: 67px;
	border:none;
	outline: none;
	cursor: pointer;
}
.ti7_box .ti7_btn .ti7_btn_nav:nth-child(1){
	background: #c30d23;
	color:#fff;
	margin-right: 30px;
}
.ti7_box .ti7_btn .ti7_btn_nav:nth-child(2){
	background: #eeeeee;
	color:#333333;
}
.ti7_box span{
	color:red;
}
.ti7_box .ti7_nav_title{
	font-size: 18px;
	margin-bottom: 15px;
}
.ti7_box .ti7_nav:nth-child(1) .ti7_input{
	width: calc((100% - 16px) / 2);
}
.ti7_box .ti7_nav:nth-child(2) .ti7_input{
	width: 100%;
}
.ti7_box .ti7_nav .input{
	width: 100%;
	background: #eeeeee;
	border-radius: 10px;
	height: 56px;
	outline: none;
	border:none;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 30px;
}
.ti7_box .ti7_nav .textarea{
	height: 242px;
	padding: 20px 30px;
	resize: none;
}
.ti7_box .ti7_nav:nth-child(2) .ti7_select{
	width: calc((100% - 40px) / 3);
	border-radius: 10px;
	height: 56px;
	outline: none;
	border:none;
	display: block;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	background:#eeeeee url(../img/arrow_bttom.png) no-repeat 90% center;
	background-size: auto;
}
.ti7_box .ti7_nav{
	margin-bottom: 58px;
}
.ti7_box .ti7_msg{
	font-size: 16px;
	border-top: 1px solid #eeeeee;
	padding-top: 10px;
}
/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	.swiper-button-prev1,
	.swiper-button-next1{
		width: 30px;
		height: 30px;
	}
	.swiper-button-prev1{
		left: -45px;
	}
	.swiper-button-next1{
		right: -45px;
	}
	.ti2_title{
		margin-bottom: 100px;
	}
	.ti2_box .ti2_subtitle{
		font-size: 14px;
		line-height: 20px;
	}
	.ti2_box .ti2_msg{
		font-size: 24px;
		line-height: 34px;
		margin-top: 30px;
	}
	.ti7_box .ti7_nav {
	    margin-bottom: 28px;
	}
	.ti7_box .ti7_btn {
	    margin-top: 40px;
	}
}
@media screen and (max-width: 1450px) {
	.ti1_box .ti1_title{
		margin-top: 20px;
		font-size: 24px;
	}
	.ti1_box .ti1_subtitle{
		font-size: 18px;
	}
	.ti1_box .ti1_line{
		width: 16px;
		height: 2px;
		margin:10px auto;
	}
	.ti3_box .ti3_btn {
	    width: 180px;
	    font-size: 14px;
	}
	.ti3_box .ti3_subtitle{
		font-size: 12px;
	}
	.ti4_box .ti4_nav{
		height: 200px;
	}
	.ti5_box .ti5_nav .ti5_nav_title{
		font-size: 30px;
		line-height: 30px;
	}
	.ti5_box .ti5_nav .ti5_nav_subtitle{
		font-size: 16px;
		line-height: 16px;
	}
	.ti5_box .ti5_nav .ti5_nav_num {
	    position: absolute;
	    bottom: -30px;
	    font-size: 100px;
	    line-height: 100px;
	}
}
@media screen and (max-width: 1335px) {
	.ti2_box .ti2_info{
		top: 80px;
	}
}
@media screen and (max-width: 1200px) {
	.ti_title{
		font-size: 20px;
		margin-bottom: 20px;
		line-height: 20px;
	}
	.swiper-button-prev1{
		left: -20px;
	}
	.swiper-button-next1{
		right: -20px;
	}
	.ti2_title{
		margin-bottom: 60px;
	}
	.ti2_box .ti2_msg{
		font-size: 20px;
		line-height: 30px;
		margin-top: 20px;
	}
	.ti4_box .ti4_nav{
		width: calc((100% - 50px) / 6);
		font-size: 16px;
		margin-right: 10px;
	}
	.ti5_box .ti5_nav .ti5_nav_title{
		font-size: 24px;
		line-height: 24px;
	}
	.ti5_box .ti5_nav .ti5_nav_subtitle{
		font-size: 14px;
		line-height: 14px;
	}
	.ti7_box .ti7_nav .input {
	    height: 36px;
	    font-size: 14px;
	    padding: 0 10px;
	}
	.ti7_box .ti7_nav:nth-child(2) .ti7_select {
	    height: 36px;
	    padding: 0 10px;
	    font-size: 14px;
    	background-size: 6px auto;
	}
	.ti7_box .ti7_nav .textarea {
	    height: 100px;
	    padding: 10px;
	}
	.ti7_box .ti7_btn .ti7_btn_nav {
	    width: 120px;
	    height: 46px;
	    border-radius: 30px;
	    font-size: 14px;
	    line-height: 46px;
	}
	.ti7_box .ti7_nav_title {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.ti7_box .ti7_msg {
	    font-size: 14px;
	}
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1000px) {
	
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 500px) {
	.swiper-pagination2{
		bottom: 10px !important;
	}
	.swiper-pagination2 .swiper-pagination-bullet {
		width: 6px !important;
		height: 6px !important;
	}
	.ti_title {
	    font-size: 18px;
	    line-height: 18px;
	}
	.ti1_box {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.swiper-button-prev1{
		left: -5px;
	}
	.swiper-button-next1{
		right: -5px;
	}
	.ti1_swiper .swiper-slide{
		border-radius: 10px;
	}
	.ti1_swiper .swiper-slide .img{
		border-radius: 10px;
	}
	.ti1_box .ti1_title{
		margin-top: 10px;
		font-size: 16px;
	}
	.ti1_box .ti1_subtitle{
		font-size: 14px;
	}
	.ti1_box .ti1_nav {
	    padding-bottom: 20px;
	}
	.ti2_box .ti2_info{
		width: 80%;
		top: 20px;
	}
	.ti2_title{
		margin-bottom: 10px;
	}
	.ti2_box .ti2_subtitle{
		font-size: 12px;
		line-height: 18px;
	}
	.ti2_box .ti2_msg{
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}
	.ti3_box {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.ti3_swiper {
	    width: 100%;
	    margin-left: 0%;
	}
	.ti3_swiper .swiper-slide:first-child {
	    border-left: none;
	}
	.ti3_swiper .swiper-slide:last-child {
	    border-right: none;
	}
	.ti3_swiper .swiper-slide {
	    width: 45% !important;
	    padding-bottom: 20px;
	}
	.ti3_box .ti3_img {
	    height: 200px;
	}
	.ti3_box .ti3_btn {
	    width: auto;
	    height: 36px;
	    line-height: 36px;
	    font-size: 16px;
	    margin: 0 15px;
	}
	.ti4_box{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ti4_box .ti4_nav{
		width: calc((100% - 20px) / 3);
		margin-bottom: 10px;
		height: 120px;
		position: initial;
	}
	.ti4_box .ti4_nav:nth-child(3n){
		margin-right: 0;
	}
	.ti4_box .ti4_nav .ti4_nav_icon{
		height: 40px;
	}
	.ti4_box .ti4_nav .img {
	    width: 26px;
	}
	.ti5_box {
	    padding-top: 0;
	    padding-bottom: 20px;
	}
	.ti5_box .ti5_nav .ti5_nav_title{
		font-size: 18px;
		line-height: 18px;
	}
	.ti5_box .ti5_nav .ti5_nav_subtitle{
		font-size: 12px;
		line-height: 12px;
		opacity: 1;
		margin-top: 10px;
	}
	.ti5_box .ti5_nav .ti5_nav_num {
	    position: absolute;
	    bottom: -15px;
	    font-size: 40px;
	    line-height: 40px;
	}
	.ti5_box .ti5_nav {
	    width: calc((100% - 10px) / 2);
	    margin-right: 10px;
	    margin-bottom: 10px;
	    height: 25vw;
	}
	.ti5_box .ti5_nav:nth-child(2n){
		margin-right: 0;
	}
	.ti5_box .ti5_nav:nth-child(4n){
		margin-right: 0;
	}
	.ti6_box {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.ti7_box {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.ti7_box .ti7_inner{
		display: block;
	}
	.ti7_box .ti7_left{
		width: 100%;
		margin-top: 10px;
	}
	.ti7_box .ti7_right{
		width: 100%;
	    margin-top: 20px;
	}
	.ti7_box .ti7_nav {
	    margin-bottom: 18px;
	}
	.ti7_box .ti7_btn {
	    margin-top: 15px;
	}
}