@charset "utf-8";

@font-face{
	font-family: Avenir;
	src: url('/font/Avenir.ttc');
}
@font-face{
	font-family: AvenirB;
	src: url('/font/Avenir Next Condensed.ttc');
}
@font-face{
	font-family: Rajdhani;
	src: url('/font/Rajdhani-Regular.ttf');
}
@font-face{
	font-family: RajdhaniM;
	src: url('/font/Rajdhani-Medium.ttf');
}
@font-face{
	font-family: RajdhaniB;
	src: url('/font/Rajdhani-Bold.ttf');
}
@font-face{
	font-family: Basicaline;
	src: url('/font/Basicaline-NonCommercial-2.otf');
}


*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
}
ul, ol{
	list-style: none;
}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
a { text-decoration:none; color: #354e64;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
fieldset, img { border:0; max-width: 100%;}
button, input, select, textarea { font-size:100%; }
body{
	font-family: 'Æ»·½-¼ò', PingFangSC-Regular, sans-serif, 'Avenir';
	font-size: 16px;
	background: #fbfbfb;
	color: #354e64;
}



.scale-img:hover img {transform: scale(1.1);}
.scale-img img {transition: transform .4s;}


.bodyOv{
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.en{
	font-family: 'Avenir';
}
.enB{
	font-family: 'AvenirB';
}
.capital{
	text-transform: Uppercase;
}


mark {
	color: #000;
	background: #ff0
}
small {
	font-size: 80%
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:before, .clearfix:after{
	display: table;
	content: " ";
}
.clearfix:after{
	clear: both;
}





body{
	padding-left: 1.20rem !important;
}
#sideNav{
	position: fixed;
	/*width: 1.20rem;*/
	left: 0;
	top: 0;
	height: 100%;
	z-index: 999;
}
.sideL{
	padding: 0.33rem 0.10rem;
	width: 1.20rem;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.sideL .navico{
	position: absolute;
	width: 37px;
	height: 37px;
	top: 50%;
	margin-top: -18.5px;
	left: 50%;
	margin-left: -18.5px;
	padding: 16.5px 0;
	cursor: pointer;


	transition: .5s ease-in-out;
	box-shadow: 0 0 0 0 #181818, 0 0 0 0 #181818;
}

.sideL .menu .hamburger{
	position: absolute;
	width: 27px;
	height: 2px;
	background: #d1291a;
	display: block;
	-webkit-transform-origin: center;
	transform-origin: center;
	transition: .5s ease-in-out;
	transform: translateX(10px);
	z-index: 100;
	top: 23px;
}
.sideL .menu:hover .hamburger{
	width: 37px;
	transform: translateX(0px);
}
.sideL .menu .hamburger:before{
	transition: .5s ease-in-out;
	content: "";
	position: absolute;
	display: block;
	width: 37px;
	height: 100%;
	background: #d1291a;
	top: -10px;
	transform: translateX(-10px);
}
.sideL .menu:hover .hamburger:before{
	transform: translateX(0px);
}
.sideL .menu.shwd .hamburger {
	-webkit-transform: rotate(-135deg) translateX(0px);
	transform: rotate(-135deg) translateX(0px);
	width: 37px;
}
.sideL .menu.shwd .hamburger:before {
	-webkit-transform: rotate(-90deg) translateX(0px);
	transform: rotate(-90deg) translateX(0px);
	top: 0;
}

.sideL .navico .line{
	width: 100%;
	height: 4px;
	background-color: #d1291a;
	display: block;
	position: absolute;
	top: 16.5px;
	left: 0;
	transition: all 0.3s ease-in-out;
	transform: translateY(-5px);
}
.sideL .navico .lineB{
	transform: translateY(5px);
}
.sideL .navico.on .line{
	transform: translateY(0px) rotate(45deg);
}
.sideL .navico.on .lineB{
	transform: translateY(0px) rotate(-45deg);
}
.sideL .search{
	position: absolute;
	bottom: 0.33rem;
	width: 100%;
	text-align: center;
	left: 0;
}
.sideL .search i{
	display: inline-block;
	width: 37px;
	font-size: 28px;
	color: #d1291a;
	cursor: pointer;
}



/*.slideFloat{
	padding-left: 1.20rem;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	width: 1.20rem;
}*/

.slideFloat{
	padding-left: 1.20rem;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	/*width: 1.20rem;*/




	position: fixed;
	top: 0;
	left: -100%;
	/*width: 93.7vw;*/
	height: 100%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: all .9s;
	-moz-transition: all .9s;
	-o-transition: all .9s;
	transition: all .9s;
	-webkit-transition-timing-function: cubic-bezier(.5, .4, .3, 1);
	transition-timing-function: cubic-bezier(.5, .4, .3, 1);
	overflow: hidden;
	z-index: -1;
}
.slideFloat.open{
	opacity: 1;
	visibility: visible;
	width: 100vw;
	left: 0;
}
.slideFloat::before{
	content: '';
	position: absolute;
	top: 0;
	right: -10%;
	background-color: #181818;
	background-color: #d1291a;
	z-index: 999;
	width: 50%;
	height: 100%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	-webkit-transition-timing-function: cubic-bezier(.5, .4, .3, 1);
	transition-timing-function: cubic-bezier(.5, .4, .3, 1);
}
.slideFloat.open::before {
	width: 0%;
	right: 0;
}


.slideFloat .slideFloatCon{
	opacity: 0;
	position: absolute;
	width: 100vw;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 1.20rem;
}
.sideSec .foot{
	color: #333333;
	opacity: 0.6;
	font-size: 0.14rem;
	position: absolute;
	bottom: 0;
	left: 0;
}
.sideSec .slideCon{
	width: 9.65rem;
	position: relative;
	padding-bottom: 0.88rem;
}

.sideSec .slideCon .slideL{
	position: relative;
	min-width: 4.26rem;
}
.sideSec .slideCon .nav{
}
.sideSec .slideCon .nav li{
	margin-bottom: 0.60rem;
	transform-origin: left;
}
.sideSec .slideCon .nav li:last-child{
	margin-bottom: 0;
}
.sideSec .slideCon .nav li > a{
	display: block;
	font-size: 0.20rem;
	color: #a1a1a1;
	line-height: 0.20rem;
}
.sideSec .slideCon .nav li.on > a, .sideSec .slideCon .nav li > a:hover{
	color: #3e3e3e;
}
.sideSec .slideCon .nav li > a .zh{
	display: inline-block;
	width: 1.35rem;
	letter-spacing: 1px;
}
.sideSec .slideCon .nav li > a .en{
	color: #d1291a;
	font-size: 0.18rem;
	display: inline-block;
}
.sideSec .slideCon .navTwo{
	position: absolute;
	left: 100%;
	height: 100%;
	top: 0;
	padding-left: 0.32rem;
	display: none;
	border-left: 1px solid #bfbfbf;
}
.sideSec .slideCon .navTwo .navTwoItem{
	display: none;
}
.sideSec .slideCon .navTwo a{
	word-break: keep-all;
	display: block;
	line-height: 0.20rem;
	font-size: 0.20rem;
	margin-bottom: 0.60rem;
	color: #a1a1a1;
}
.sideSec .slideCon .navTwo a:hover{
	color: #3e3e3e;
}
.slideR .slideRT{
	line-height: 0.36rem;
	font-size: 0.16rem;
	text-align: right;
	color: #9c9c9c;
}
.slideR .slideRT a{
	color: #9c9c9c;
}
.slideR .slideRT a:hover{
	color: #3e3e3e;
}
.slideR .slideRB{
	position: absolute;
	right: 0;
	top: 4.17rem;
	font-size: 0.14rem;
	color: #333333;
	line-height: 1;
	text-align: right;
}
.slideR .slideRB img{
	display: block;
	max-width: 85px;
	margin-bottom: 0.18rem;
}


.slideSearch{
	/*display: none;*/
}
.slideSearch{

}
.slideSearch form{
	position: relative;
	display: block;
}
.slideSearch input{
	display: block;
	width: 5.10rem;
	height: 0.68rem;
	padding: 0 50px 0 20px;
	border: none;
	border-bottom: 1px solid #bfbfbf;
}
.slideSearch button{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #d1291a;
	border: none;
}
.slideSearch button i{
	font-size: 28px;
	line-height: 1;
}







.comBanner{
	position: relative;
	width: 100%;
	height: 5.4rem;
	overflow: hidden;
}

.comBanner .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: #384f65;
	background-color: rgba(56, 79, 101, 0.4);
}
.comBanner .bannerfloat{
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: rgba(56, 79, 101, 0.4);
	color: #fff;
}
.comBanner .bannerfloat .bannerTxt{
	position: absolute;
	left: 0.80rem;
	top: 50%;
	margin-top: -0.52rem;
}
.comBanner .bannerfloat h2{
	font-size: 0.36rem;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 0.32rem;
}
.comBanner .bannerfloat span{
	font-size: 0.36rem;
	line-height: 1;
	font-family: RajdhaniB;
	text-transform: Uppercase;
}
.comBanner #breadcrumb{
	color: #fff;
	position: absolute;
	z-index: 4;
	left: 0.80rem;
	bottom: 0.40rem;
	font-size: 0.14rem;
	line-height: 1;
	opacity: 0.5;
}
.comBanner #breadcrumb a{
	color: #fff;
	font-size: 0.14rem;
	line-height: 1;
}
.comBanner #breadcrumb a, .comBanner #breadcrumb span{
	margin: 0 5px;	
}
.comBanner #breadcrumb a:first-child{
	margin-left: 0;
}



/*ͼƬ*/
.comImg{
	position: relative;
	overflow: hidden;
}
.comImg img{
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1);
}
.comImg .img_ani{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	pointer-events: none;
}
.comImg .img_ani::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}
.comImg:hover img{
	opacity: 0.6;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.comImg:hover .img_ani::before{
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
}


/*·­×ª*/
.container li .card{
	position: relative;
	display: block;
}
.container li .front,
.container li .back {
	display: flex;

	background-position: center;
	background-size: cover;
	text-align: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;
}

.container li .front {
	background-size: cover;
	/*padding: 2rem;*/
	font-size: 1.618rem;
	font-weight: 600;
	color: #fff;
	overflow: hidden;
}
.container li .front:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:#ededed;
	opacity: .25;
	z-index: -1;
}


.container li:hover .card .front {
	transform: rotateY(180deg);
}
.container li:hover .card:nth-child(even) .front {
	transform: rotateY(-180deg);
}

.container li .back {
	background: #fff;
	transform: rotateY(-180deg);
	padding: 0 2em;
}
.container li:hover .card .back {
	transform: rotateY(0deg);
}
.container li .card:nth-child(even) .back {
	transform: rotateY(180deg);
}
.container li:hover .card:nth-child(even) .back {
	transform: rotateY(0deg);
}




/*combannercanvas*/
.combannercanvas{
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
}















.footM{
	display: none;
}
.sideSec .slideCon .nav li .naver{
	display: none;
}
.mobsearchico{
	display: none;
}
.slideSearch button{
	background-color: transparent;
}
.slideSearch .slideR{
	display: none;
}

@media screen and (max-width: 750px){

body{
	padding-left: 0 !important;
	padding-top: 1.20rem !important;
	padding-bottom: 4.17rem;
	position: relative;
	overflow-x: hidden;
}
#sideNav{
	top: 0;
	height: 1.20rem;
	width: 100%;
}
.sideL{
	width: 100%;
	padding: 0.28rem 0.32rem;
}
.sideL .logo{
	width: 0.97rem;
	display: block;
}
.sideL .navico{
	left: auto;
	right: 0.32rem;
	margin-top: 0;
	top: 0.28rem;
	margin-left: 0;
	width: 0.37rem;
	height: 0.37rem;
	padding: 0.36rem 0;
}
.sideL .menu .hamburger{
	width: 0.27rem;
	top: 0.23rem;
	transform: translateX(0.10rem);
}
.sideL .menu .hamburger:before{
	width: 0.37rem;
	top: 0.10rem;
	transform: translateX(-0.10rem);
}
.sideL .search{
	display: none;
}
.sideL .menu.shwd .hamburger{
	width: 0.37rem !important;
}
.sideL .menu:hover .hamburger{
	width: 0.27rem;
}

.slideFloat{
	padding-left: 0;
}
.slideFloat .slideFloatCon{
	padding: 1.50rem 0.67rem 2.70rem;
	display: block;
}
.slideFloat.slideSearch .slideFloatCon{
	display: flex;
}
.sideSec .slideCon{
	width: auto;
	padding-bottom: 0;
	overflow: auto;
	height: 100%;
	position: static;
}
.sideSec .slideCon .slideL{
	float: none;
}
.sideSec .slideCon .nav li{
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 0;
}
.sideSec .slideCon .nav li.open > a{

}
.sideSec .slideCon .nav li > a{
	padding: 0.44rem 0;
	display: inline-block;
}
.sideSec .slideCon .nav li .naver{
	border-top: 0.03rem solid #d1291a;
	padding: 0.32rem 0.44rem;
}
.sideSec .slideCon .nav li .naver a{
	display: block;
	font-size: 0.24rem;
	color: #3e3e3e;
	padding: 0.25rem 0;
	line-height: 1;
}
.slideR{
	position: absolute;
	bottom: 0.78rem;
	right: 0.67rem;
}
.slideR .slideRB{
	display: none;
}
.mobsearchico, .slideSearch .slideR .hidesearch{
	display: block;
	color: #d1291a;
	margin-bottom: 0.54rem;
}
.mobsearchico i{
	font-size: 0.30rem;
}
.slideR .slideRT p{
	padding-top: 0.24rem;
}
.sideSec p.foot{
	display: none;
}
.slideSearch .slideR{
	display: block;
}
.slideSearch .slideR .hidesearch i{
	width: 0.25rem;
	height: 0.28rem;
	background: url(/images/backsearch.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}



.comBanner .bannerfloat{
	width: 100%;
}
.comBanner .bannerfloat .bannerTxt, .comBanner #breadcrumb{
	left: 0.30rem;
}
.comBanner .bannerfloat h2, .comBanner .bannerfloat span{
	font-size: 0.36rem;
}
.comBanner #breadcrumb, .comBanner #breadcrumb a{
	font-size: 0.24rem;
}



.footM{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4.17rem;
	display: block;
	background-color: #414141;
	padding-top: 0.46rem;
	text-align: center;
	font-size: 0.24rem;
}
.footM .footM_t{
	color: #fff;
	padding-bottom: 0.44rem;	
}
.footM .footM_t img{
	display: block;
	margin: 0 auto 0.25rem;
}
.footM .footM_b{
	padding: 0.20rem 0;
	font-size: 0.20rem;
	color: #909090;
	line-height: 0.28rem;
	background-color: #363636;
}
.footM .footM_b p{
	opacity: 0.6;
}

}