@charset "utf-8";
* {
    /*text-transform: capitalize;*/
}
img {
    max-width: 100%;
    max-height: 100%;
}
.icolor,.hvcolor:hover{
	color: #D11B27;
}
.bgcolor,.hvbgcolor:hover{
	background: #D11B27;
	color: #fff;
}
.head{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	height: 70px;
}
.head_height{
	height: 70px;
}
.ht{
	background: #D11B27;
	color: #fff;
	line-height: 40px;
}
.htr a img{
	display: block;
}
.htr a{
	margin-left: 12px;
}
.logo{
	display: block;
	height: 36px;
}
.nav li{
	position: relative;
	margin-right: 50px;
}
.nava{
	color: #000;
	display: block;
	line-height: 70px;
	height: 70px;
	position: relative;
}
.nava::after{
	width: 28px;
	height: 4px;
	background: #D11B27;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: 0;
	opacity: 0;
}
.nav li.active .nava::after{
	opacity: 1;
}
.nav li:hover .nava,
.nav li.active .nava{
	color: #D11B27;
}
.hdra1,.hdra2{
	margin-right: 35px;
}
.hdra2_ico{
	width: 30px;
	height: 90px;
	cursor: pointer;
	background: url(../images/scico_03.png) no-repeat center;
}
.hdra2hide,.hdra2hide_block{
	width: 300px;
	position: absolute;
	right: 0;
	top: 100%;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
	display: none;
}
.hdra2hide input,.hdra2hide_block input{
	width: 100%;
	height: 50px;
	padding: 0 20px;
}
.hdra2hide button,.hdra2hide_block button{
	width: 50px;
	height: 50px;
	background: url(../images/search.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.hdra2,.hdra3{
	position: relative;
}
.navhide{
	width: 140px;
	border-radius: 4px 4px 8px 8px;
	background: rgba(255,255,255, 1);
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 100%;
	z-index: 10;
	transition: .25s;
	margin-top: -10px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	padding: 5px 0;
}
.nav li:hover .navhide,
.hdra3:hover .navhide{
	margin-top: 0;
	opacity: 1;
	visibility: inherit;
}
.hdra3 .navhide{
	width: 100px;
	margin-left: -50px;
}
.navhide a{
	line-height: 1.17;
	display: block;
	text-align: center;
	color: #666;
	font-size: 14px;
	padding: 10px;
}
.navhide a:last-child{
	border-bottom: 0;
}
.navhide a:hover{
	color: #1d4991;
}
.md{
	padding: 70px 0;
}
.ititle_40{
	font-size: 40px;
}
.bnbg{
	background: rgba(0,0,0,.4);
	color: #fff;
	display: flex;
	align-items: center;
}
.bnmore{
	background: #D11B27;
	color: #fff;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 4px;
}
.i1txt p{
	padding: 5px 0;
}
.i1a{
	width: 20%;
	text-align: center;
	padding: 0 3%;
}
.i1a img{
	transition: .5s;
}
.i1a:hover img{
	transform:rotateY(180deg);
}
.i2topen{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,.1);
}
.i2top h1{
	position: relative;
	z-index: 9;
}
.i2a{
	display: block;
	border: 2px solid #D11B27;
	border-radius: 4px;
	margin: 12px;
	padding: 40px;
	background: #fff;
	position: relative;
}
.i2a::after{
	width: 23px;
	height: 20px;
	content: "";
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: url(../images/i2bico.png) no-repeat center;
	background-size: 100% 100% !important;
}
.i2a:hover{
	box-shadow: 0px 0px 12px rgba(209, 27, 39, 0.4);
}
.bnmore_bd{
	border: 1px solid #D11B27;
	color: #D11B27;
	background: none;
	transition: .25s;
}
.i2a:hover .bnmore_bd,.bnmore_bd:hover{
	background: #D11B27;
	color: #fff;
}
.swiper-button-next-i2{
	right: -40px;
	background: url(../images/rbtn.png) no-repeat center;
}
.swiper-button-prev-i2{
	left: -40px;
	background: url(../images/lbtn.png) no-repeat center;
}
.i3{
	background: url(../images/i3bg.jpg) no-repeat center;
	background-size: cover;
}
.i3t{
	color: #fff;
}
.i3b{
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,0,0,.08);
	border-radius: 6px;
	position: relative;
	bottom: -70px;
}
.i3b li{
	width: 25%;
	border-radius: 6px;
	text-align: center;
	padding: 25px 10px;
	cursor: pointer;
	transition: .25s;
}
.i3b li.active{
	background: #D11B27;
	color: #fff;
}
.i3b li.active *{
	color: #fff;
}
.bnmore_i3{
	border-radius: 50px;
	padding: 5px 16px;
	background: #D11B27;
}
.bnmore:hover{
	opacity: .85;
}
.i3tl{
	padding: 8px;
	border-radius: 10px;
	background: rgba(255,255,255,.8);
}
.itoph1_bd{
	border-left: 8px solid #D11B27;
	padding-left: 20px;
}
.i4a_a{
	box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.16);
	display: flex;
	align-items: center;
}
.i4atxt{
	padding: 10px 20px;
}
.i5{
	background: url(../images/i5bg.jpg) no-repeat center;
	background-size: cover;
}
.itopline{
	background: #D11B27;
	height: 6px;
	width: 45px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}
.i5la{
	display: flex;
	align-items: center;
	padding: 12px 0;
}
.i5lal{
	margin-right: 20px;
}
.i6a_a{
	position: relative;
}
.i6a1{
	position: absolute;
	  left: 50%;
  top: 50%;
  width: max-content;
  transform: translate(-50%, -50%);
}
.i6a2{
	background: #D11B27;
	color: #fff;
	padding: 12px;
	display: flex;
	align-items: center;
	opacity: 0;
	transition: .5s;
}
.i6a_a:hover .i6a2{
	opacity: 1;
}
.i6a2w a{
	  width: 50%;
  text-align: center;
  line-height: 1.37;
  color: #fff;
  padding: 5px 0;
}
.i6a2w a:hover{
	text-decoration: underline;
}
.foot{
	background: #F7F7F7;
}
.ft{
	padding: 50px 0;
}
.fb{
	padding-bottom: 15px;
	text-align: center;
	color: #999;
}
.fb a{
	color: #999;
}
.foot a:hover{
	color: #D11B27;
	text-decoration: underline;
}
.ftrb a{
	margin-right: 15px;
}
.ftrb a img{
	display: block;
}

.listnav{
	padding: 20px 0;
}
.fwtw{
	background: #F7F7F7;
}
.fwtr{
	width: 47%;
	padding: 20px 3.5%;
}
.fw1a_a{
	display: block;
	background: #F5F5F5;
}
.fw1a_a:hover{
	box-shadow: 0px 0px 16px  rgba(0, 33, 71, 0.25);
}
.fw1atxt{
	padding: 12px 15px;
}
.fw3a_a{
	display: block;
	padding: 35px;
	background: #F7F7F7;
	min-height: 100%;
	transition: .25s;
}
.fw3a_a:hover{
	background: #f2f2f2;
}
.fw4w{
	background: url(../images/fw4bg.jpg) no-repeat center;
	background-size: cover;
	padding: 50px;
}
.itopline_left{
	margin-left: 0;
	margin-top: 0;
}

.fir{
	width: 32%;
	margin-left: 4%;
	background: #F7F7F7;
	padding: 20px;
}
.fira{
	display: flex;
	align-items: center;
	background: #fff;
	padding: 10px 15px;
	margin-top: 15px;
}
.fira span{
	display: inline-block;
	padding: 5px 18px;
	border: 1px solid #D11B27;
	color: #D11B27;
	border-radius: 40px;
	transition: .25s;
}
.fira span:hover{
	background: #D11B27;
	color: #fff;
}
.fila:first-child{
	margin-top: 0 !important;
}
.tc{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.tc_active{
	opacity: 1;
	visibility: inherit;
}
.tcbg{
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.tcbox{
	width: 560px;
	max-width: 85%;
	max-height: 95%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding: 30px;
	background: #fff;
	position: relative;
	z-index: 9;
}
.tc_close_ico{
	width: 50px;
	height: 50px;
	background: url(../images/close.png) no-repeat center;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background-size: 22px;
}
.slti{
	height: 100%;
	position: absolute;
	right: 10px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
}
.tca input,.tca select,.tca textarea{
	width: 100%;
	height: 55px;
	background: #F7F7F7;
	padding: 0 18px;
	border-radius: 4px;
}
.tca input:focus,.tca select:hover,.tca textarea:focus{
	background: #f2f2f2;
}
.tca textarea{
	height: 100px;
	padding: 18px;
	resize: none;
}
.tca_86 input{
	padding-left: 60px;
}
.tca_86 span{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 60px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tcsbm button{
	padding: 10px;
	text-align: center;
	width: 100%;
	border-radius: 4px;
}

.listbn{
	min-height: 150px;
}
.netl{
	width: 48%;
	margin-right: 3%;
}
.swiper-pagination-net{
	bottom: 20px !important;
}
.swiper-pagination-net .swiper-pagination-bullet{
	border-radius: 0;
	background: rgba(0,0,0,.4);
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 6px !important;
	transition: .25s;
}
.swiper-pagination-net .swiper-pagination-bullet-active{
	background: #D11B27;
}
.netra {
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.netra i{
	width: 8px;
	height: 8px;
	background: #CFB567;
	margin-right: 12px;
}
.netra:hover{
	color: #CFB567;
	text-decoration: underline;
}
.nebar{
	width: 25%;
	margin-left: 5%;
}
.neba{
	padding: 30px;
	background: #F7F7F7;
}
.neba:hover{
	box-shadow: 0px 0px 16px  rgba(0, 33, 79, 0.12);
}
.page a,.page select{
	padding: 0 13px;
	border: 1px solid #E6E6E6;
	color: #888;
	height: 35px;
	line-height: 33px;
	margin: 5px;
}
.page select{
	-webkit-appearance: auto;
}
.page a:hover,.page a.active{
	background: #D11B27;
	color: #fff;
	border: 1px solid #D11B27;
}
.page-num-current {
	background: #D11B27!important;
	color: #fff!important;
	border: 1px solid #D11B27!important;
}

.listnav_bggray{
	background: #F7F7F7;
}
.nibox{
	background: #fff;
	padding: 40px;
}
.nitopb span{
	margin: 0 20px;
}
.nitopb{
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 15px;
}
.nimid *{
	max-width: 100%;
}
.nibot a{
	width: 48%;
}
.nibot a:last-child{
	text-align: right;
}
.nibot a:hover{
	text-decoration: underline;
}
.niba{
	border-bottom: 1px solid #E6E6E6;
	padding: 15px 0;
	display: flex;
}
.niba span{
	margin-left: 20px;
}

.fg2{
	background: url(../images/fg2bg.jpg) no-repeat center;
	background-size: cover;
}
.fg2t li{
	cursor: pointer;
	text-align: center;
	opacity: .6;
	transition: .25s;
	cursor: pointer;
	color: #666;
	position: relative;
	padding-bottom: 20px;
}
.fg2t li img{
	display: block;
	margin: 0 auto;
}
.fg2t li.active{
	opacity: 1;
	color: #D11B27;
}
.fg2t li::after{
	width: 20px;
	height: 20px;
	content: "";
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -10px;
	transform:rotate(45deg);
}
.fg2b{
	background: #fff;
	padding: 25px 0;
}
.fg2bw a{
	display: block;
	text-align: center;
	margin-right: 20px;
	padding: 10px 0;
}

.abtbnb{
	padding: 35px 0;
	color: #fff;
	background: rgba(0,0,0,.4);
}
.abtbnba .disflex{
	justify-content: center;
}
.ab1l{
	width: 33%;
	margin-right: 2%;
}
.ab1ra{
	width: 46%;
	margin-left: 4%;
}
.itxt p{
	padding: 5px 0;
}
.ab2a_a{
	position: relative;
}
.ab2a_a .posrabsolute img{
	max-width: 20%;
}
.pi1ba_a{
	display: block;
	min-height: 100%;
	padding: 35px;
	border: 1px solid #D11B27;
	border-top: 5px solid #D11B27;
	position: relative;
}
.pi1bat h3{
	position: relative;
	z-index: 9;
}
.pi1bat::after{
	width: 80px;
	height: 12px;
	content: "";
	background: rgba(255, 173, 173, 0.6);
	position: absolute;
	left: 0;
	bottom: 0;
}
.pi1bat,.pi1bab{
	position: relative;
	z-index: 9;
}
.pi1banub{
	color: rgba(255, 173, 173, 0.1);
	width: 20%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 70px;
}

.sy1topr i{
	width: 55px;
	height: 55px;
	margin-left: 15px;
	background: #F5F5F5;
	color: #D11B27;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s;
}
.sy1topr i:hover{
	background: #D11B27;
	color: #fff;
}
.sy1a{
	padding: 10px;
}
.sy1at{
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,.07);
	border-radius: 6px;
	background: #fff;
	padding: 20px;
	padding-top: 30px;
	min-height: 206px;
}
.sy1at::after{
	width: 30px;
	height: 22px;
	content: "";
	background: url(../images/yh.png) no-repeat center;
	background-size: 100% 100% !important;
	position: absolute;
	top: -10px;
	left: 20px;
}
.sy1at::before{
	width: 20px;
	height: 20px;
	content: "";
	background: #fff;
	position: absolute;
	left: 10%;
	bottom: -10px;
	transform:rotate(45deg);
	box-shadow: 0 8px 10px rgba(0,0,0,.07);
}
.tx{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 14px;
}
.sytop h1{
	color: #EDEDED;
	line-height: 1;
}
.sytop h2{
	margin-top: -30px;
}
.sy2a{
	width: 14.28%;
	margin-top: 20px;
}
.sy3a{
	text-align: center;
}
.sy3a img{
	transition: .5s;
}
.sy3a:hover img{
	transform:rotateY(180deg);
}

.co2a_a{
	min-height: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	padding: 20px;
	border-radius: 3px;
}
.co3l img{
	display: none;
}
.co3r .tca:first-child{
	margin-top: 0;
}
.i2am {
    height: 364px;
}
@media only screen and (max-width:1399px) {
.i2am {
    height: 340px;
}
	.md{
		padding: 65px 0;
	}
	.ititle_40{
		font-size: 36px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 60px 0;
	}
	.ititle_40{
		font-size: 32px;
	}
	.i1a img{
		width: 60px;
	}
	.i2at img{
		height: 35px;
	}
	
	.fira img{
		height: 18px;
	}
	.fira span{
		font-size: 12px;
		padding: 3px 12px;
	}
}
.jiancebg {
    padding: 50px 0 0 50px;
    background-color: #ffffff;
    border-radius: 15px;
}
.jiancebg .firw {
    display: flex;
    flex-wrap: wrap;
}
.jiancebg .firw a {
    width: calc(50% - 50px);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    margin-top: 0;
    margin-bottom: 40px;
    margin-right: 50px;
}
.zy {
    
}
.zyl {
    width: 100%;
    max-width: 360px;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    margin-right: 60px;
}
.zyla {
    
}
.zyla a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 20px;
    background-color: #ffffff;
    border-left: 6px solid #ffffff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.zyla a:hover {
    background-color: #FCE8E8;
    border-left: 6px solid #D11B27;
}
.zyla .active {
    background-color: #FCE8E8;
    border-left: 6px solid #D11B27;
}
.zyla a span {
    padding-left: 10px;
}
.zylb {
    padding: 26px;
    margin-top: 12px;
    border-top: 1px solid #EBEBEB;
}
.zylb li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.zylb li span {
    padding-left: 6px;
}
.gico p {
    display: block;
    margin-right: 140px;
}
.gico p:last-child {
    margin-right: 0;
}
.gico p img {
    display: block;
}
.gico p i {
    display: block;
}
@media only screen and (max-width:950px) {
    
	    .co1w {
	        text-align: left !important;
	    }
.i2am {
    height: 400px;
}
    .zyl {
        max-width: 100%;
        margin: 0;
    }
.jiancebg {
    padding: 20px 20px 10px;
}
.jiancebg .firw {
    display: block;
}
.jiancebg .firw a {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 0;
}
	.md{
		padding: 50px 0;
	}
	.ititle_40{
		font-size: 28px;
	}
	
	.fw1a{
		width: 33.33%;
	}
	.fw3a_a{
		padding: 25px;
	}
	.fw3a_a img{
		height: 30px;
	}
}
@media only screen and (max-width:768px) {
	.md{
		padding: 25px 0;
	}
	.ititle_40{
		font-size: 24px;
	}
	.bntxt .txt{
		display: none;
	}
	.bntxt h1{
		font-size: 22px;
	}
	.bntxt h3{
		font-size: 13px;
	}
	.bnmore{
		padding: 4px 15px;
		font-size: 13px;
	}
	.i1txt {
		width: 100%;
		font-size: 13px;
	}
	.i1a{
		width: 50%;
	}
	.i1a img{
		width: 50px;
	}
	.i2w{
		padding: 0 25px;
	}
	.swiper-button-prev-i2{
		left: 0;
		transform: scale(.6);
	}
	.swiper-button-next-i2{
		right: 0;
		transform: scale(.6);
	}
	.i2a{
		padding: 20px;
	}
	.i2at img{
		height: 30px;
	}
	.i3tl{
		padding: 5px;
	}
	.i3{
		padding-bottom: 25px !important;
	}
	.i3b{
		position: static;
		border-radius: 3px;
	}
	.i3b li{
		padding: 10px 0;
		border-radius: 3px;
	}
	.i3b li h1{
		font-size: 16px;
	}
	.i3b li h3{
		font-size: 12px;
	}
	.itoph1_bd{
		border-left: 4px solid #D11B27;
		line-height: 1;
		padding-left: 10px;
	}
	.i4a{
		width: 100%;
	}
	.i4a_a{
		display: block;
	}
	.i4atxt{
		padding: 12px 15px;
	}
	.i5la img{
		height: 35px;
	}
	.i6a{
		width: 100%;
	}
	.ft{
		padding: 25px 0 20px 0;
	}
	.fta{
		display: none;
	}
	.ftr{
		text-align: center;
	}
	.ftrb{
		justify-content: center;
	}
	.ftrb a{
		margin: 0 6px;
	}
	.ftrb a img{
		height: 22px;
	}
	
	.itopline{
		width: 25px;
		height: 3px;
	}
	.listnav{
		padding: 15px 0;
	}
	.fw1a{
		width: 50%;
	}
	.fw3a_a{
		padding: 20px;
	}
	.fw4w{
		padding: 20px;
	}
	.fw4w .txt p{
		padding: 4px 0;
	}
	
	.fira img{
		height: 20px;
	}
	.fira span{
		font-size: 12px;
		padding: 4px 15px;
	}
	
	.tcbox{
		padding: 20px;
	}
	.tc_close_ico{
		background-size: 16px;
		right: 0;
		top: 0;
	}
	.tca input, .tca select{
		height: 42px;
		padding: 0 13px;
	}
	.tcsbm button{
		padding: 5px;
	}
	
	.page a,.page select{
		line-height: 28px;
		height: 30px;
		padding: 0 12px;
		font-size: 10px;
	}
	.lbntxt h1{
		font-size: 22px;
	}
	.lbntxt .txt{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
	}
	.swiper-pagination-net .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.netra i{
		width: 6px;
		height: 6px;
	}
	.neba{
		padding: 20px;
	}
	.neba span{
		padding: 3px 12px;
		font-size: 12px;
	}
	.nitopb span{
		margin: 0 8px;
	}
	.nibox{
		padding: 0;
		background: none;
		padding-top: 15px;
	}
	
	.listbn{
		min-height: 120px;
	}
	.fg2t li img{
		height: 30px;
		margin-bottom: 5px;
	}
	.fg2t li p{
		font-size: 13px;
	}
	.fg2bw{
		justify-content: center;
	}
	.fg2bw a{
		margin: 7px 10px;
	}
	.fg2bw a img{
		width: 60px;
	}
	.fg2b{
		padding: 15px 0;
	}
	
	.pi1bat::after{
		height: 6px;
		width: 50px;
	}
	.pi1ba_a{
		padding: 25px;
	}
	.pi1banub{
		font-size: 50px;
		width: 50%;
	}
	.abtbnb{
		padding: 15px 0;
	}
	.abtbnba h1{
		font-size: 22px;
	}
	.lbntxt{
		padding: 0;
	}
	.ab2a{
		width: 50%;
	}
	
	.sy1topr{
		justify-content: center;
		margin-top: 15px;
	}
	.sy1topr i{
		width: 40px;
		height: 40px;
		font-size: 18px;
		margin: 0 8px;
	}
	.sy2a{
		width: 25%;
	}
	.sy3a img{
		height: 50px;
	}
	
	.co1a img{
		height: 30px;
	}
	.co1a p{
		font-size: 12px;
		margin-top: 0px;
	}
	.co1a h3{
		font-size: 14px;
		margin-top: 5px;
	}
	.co2a{
		width: 100%;
	}
	.co3w{
		display: block;
	}
	.co3l img{
		display: block;
		width: 100%;
	}
	.tca_86 input{
		padding-left: 60px;
	}
	.tca textarea{
		padding: 13px;
	}
}