@charset "UTF-8";


.lxhz>div{
	width: 30%;display: inline-block;margin-bottom: 40px;background: #fff;
	padding: 20px;box-sizing: border-box;
}
.dsds{
	background:#f5f5f5 ;padding: 50px 0;
}
.lxhz{
	display: flex;flex-wrap: wrap;justify-content: space-between;width: 1200px;
	margin: 0 auto;color: #345477;
}
.lxhz .tel-wrap{
	display: flex;justify-content: space-between;align-items: center;
}
.lxhz .tel-wrap img{
	width: 40%;height: 100%;
}
.lxle{
	width: 55%;
}
.lxt1 {
	font-weight: bold;font-size: 20px;
}
.lxnr{
	font-size:18px;line-height: 1!important;margin-bottom: 10px;

}
.lxhz .en{
	font-weight: bold;
	font-size: 30px;
	margin: 30px 0 30px;
	display: block;
}
.lxhz  .btn-base{
	margin-top: 30px;
}

@media screen and (max-width: 600px) {
   .lxhz>div{
	width:100%;display: inline-block;margin-bottom: 40px;
}
.lxhz{
	width: 95%;
}
}


html{color:#000;background:#FFF}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }

caption { text-align: left; }

img { vertical-align: top; }

html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

main {display: block;/* for IE */}

abbr,acronym{border:0;font-variant:normal}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

input,textarea,select{font-size:100%}

input,button,textarea,select {font-size: 100%;font-family: inherit;color: inherit;}

input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}

input[type="button"],input[type="submit"] {border-radius: 0;-webkit-appearance: none;}

textarea {overflow: auto;vertical-align: top;}

li {list-style: none;}

i {font-style: normal;}

em { font-style: normal; font-weight: 700; }

input,textarea,button {

	border: none;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-appearance: none;

	max-width: 100%;

	border-radius: 0;

}

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	padding: 0;

	margin: 0;

	background: transparent;

	border-radius: 0;

}

::-webkit-input-placeholder { color: #bbb; }

::-moz-placeholder { color: #bbb; }

:-moz-placeholder { color: #bbb; }

:-ms-input-placeholder { color: #bbb; }



/*==================================================

Body_Bace

==================================================*/

html {

	font-size: 62.5%;

}

body {

	min-width: 100%;

	width: 100%;

	font-size: 1.5rem;

	line-height: 1;

	letter-spacing: 0.1em;

	color: #111;

	background: #fff;

	font-family:"微软雅黑";

	word-wrap: break-word;

	-webkit-text-size-adjust: 100%;

}



img { max-width: 100%; width : auto; height: auto; }



/*------ media ------*/

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

	body { font-size: 1.4em; }

}

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

	body { font-size: 1.3em; }

}



/*------ link ------*/

a,a:hover { color: #000000; }

a { text-decoration: none; transition: all .3s; }



/*------ wrapper ------*/

#wrapper {

	overflow: hidden;

	position: relative;

}

.skip,

.skip-ahchor,

.skip-ahchor > *,

.txt-description {

	overflow: hidden;

	position: absolute !important;

	clip: rect(1px 1px 1px 1px);

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	width: 1px;

}



/*------ animation ------*/

/* fade-anim / fade-list */

.fade-anim,

.fade-list li {

	opacity: 1;

/*	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	transform: translateY(30px);*/

}





/* fade-image */

.fade-image {

	opacity: 1;

	-webkit-transform: translateX(-30px);

	-ms-transform: translateX(-30px);

	transform: translateX(-30px);

}





/* font */

#wrapper .ttl-m {

	/* A-OTF Midashi Go MB31 Pr6N MB31 */

	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;

	font-weight: 600;

	font-style: normal;

}

#wrapper .en {

	font-family: 'HelveticaNeue-Condensed-Bold';

	letter-spacing: 0.05em;

}

.fontHelvetica { font-family: 'HelveticaNeue-Condensed'; }

.fontHelvetica-thin { font-family: 'HelveticaNeue-Condensed-Thin'; }

.fontHelvetica-bold { font-family: 'HelveticaNeue-Condensed-Bold'; }



@font-face {

	font-family: 'HelveticaNeue-Condensed';

	src: url('img/HelveticaNeue-Condensed.ttf');

}

@font-face {

	font-family: 'HelveticaNeue-Condensed-Thin';

	src: url('img/HelveticaNeue-Condensed-Thin.ttf');

}

@font-face {

	font-family: 'HelveticaNeue-Condensed-Bold';

	src: url('img/HelveticaNeue-Condensed-Bold.ttf');

}



/* opening */

/*.opening {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

    height: 100%;

    background-color: #209FDA;

	-ms-transform-origin: right center;

    transform-origin: right center;

}

/*.opening-mask {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    background-color: #172D60;

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

	-ms-transform-origin: left center;

    transform-origin: left center;

}

body.init .opening {

	transform: scale(0, 1);

	transform-origin: right center;

	transition: transform 0.25s ease-out 0.3s;

}

body.init .opening-mask {

	transform: scale(1, 1);

	transform-origin: left center;

	transition: transform 0.25s ease-out 0s;

}*/

/* fadeTextAnim */

.fadeTextAnim span {

    display: inline-block;

    transition: transform 1s ease 0s,opacity 1s ease 0s;

    opacity: 0;

}

.fadeTextAnim span:nth-child(1) {

    transform: translate3d(14px, 0, 0);

}

.fadeTextAnim span:nth-child(2) {

    transform: translate3d(-14px, 0, 0);

}

.fadeTextAnim span:nth-child(3) {

    transform: translate3d(-10px, 0, 0);

}

.fadeTextAnim span:nth-child(4) {

    transform: translate3d(-1px, 0, 0);

}

.fadeTextAnim span:nth-child(5) {

    transform: translate3d(4px, 0, 0);

}

.fadeTextAnim span:nth-child(6) {

    transform: translate3d(9px, 0, 0);

}

.fadeTextAnim span:nth-child(7) {

    transform: translate3d(12px, 0, 0);

}

.fadeTextAnim span:nth-child(8) {

	transform: translate3d(-8px, 0, 0);

}

.fadeTextAnim span:nth-child(9) {

    transform: translate3d(4px, 0, 0);

}

.fadeTextAnim span:nth-child(10) {

    transform: translate3d(-9px, 0, 0);

}

.fadeTextAnim span:nth-child(11) {

    transform: translate3d(-6px, 0, 0);

}

.fadeTextAnim span:nth-child(12) {

	transform: translate3d(14px, 0, 0);

}

.fadeTextAnim span:nth-child(13) {

    transform: translate3d(4px, 0, 0);

}

.fadeTextAnim span:nth-child(14) {

    transform: translate3d(-10px, 0, 0);

}

.fadeTextAnim span:nth-child(15) {

    transform: translate3d(3px, 0, 0);

}

.fadeTextAnim span:nth-child(16) {

	transform: translate3d(-4px, 0, 0);

}

.fadeTextAnim span:nth-child(17) {

    transform: translate3d(10px, 0, 0);

}

.fadeTextAnim span:nth-child(18) {

    transform: translate3d(-7px, 0, 0);

}

.fadeTextAnim span:nth-child(19) {

	transform: translate3d(4px, 0, 0);

}

.fadeTextAnim span.init {

    opacity: 1;

    transform: translate3d(0, 0, 0);

}



/*=================================================

#header

==================================================*/

/*------ logo / gnav ------*/

#header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 90px;

	margin: 0 auto;

	box-sizing: border-box;

	z-index: 9999;

	transition: all .3s;

}

#header .logo {

	position: relative;

	display: inline-block;

	padding: 8px 0 7px 30px;

	width: 403px;

	height: 74px;

	vertical-align: middle;

	z-index: 10;

}

#header .logo a {

	overflow: hidden;

	position: relative;

	display: block;

	text-decoration: none;

	padding: 15% 0 0;

	white-space: nowrap;

	text-indent: 100%;

	background: url(/common/img/logo2.png) no-repeat 0 0  / contain;

}

.page #header,

#header.fixed {

	background: #fff;

}

.page #header .logo a,

#header.fixed .logo a {

	background: url(/static/moyu/style/images/logo1.png) no-repeat 0 0 / contain;

}

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

		#header {

			height: 60px;

		}

		#header .logo {

			width: 362px;

			height: 66px;

			padding: 0 0 0 10px;

		}

	}

	@media (min-width: 1000px) and (max-width: 1300px) {

		#header .logo {

			width: 22%;

			height: auto;

			padding-top: 1%;

		}

		#header .logo a {

			display: block;

			width: 100%;

			height: 100%;

			padding: 18.3% 0 0;

		}

	}

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

		#header .logo {

			width: 254px;

			height: 47px;

			padding: 10px 0 10px 2%;

		}

	}



/*=================================================

#gnav

==================================================*/

/* gnav */

.gnav > li {

	position: relative;

}

.gnav {

	opacity: 0;

	transition: all .3s;

}

body.init .gnav {

	opacity: 1;

}



	@media (min-width: 1500px) {/* for PC */

		.menu-wrap {

			width : -webkit-calc(100% - 500px) ;

			width : calc(100% - 500px) ;

		}

		.gnav > li {

			margin: 0  0 0 15px;

		}

	}

	@media (min-width: 1001px) {

		.menu-wrap {

			position: absolute;

			top: 0;

			right: 0;

			width : -webkit-calc(100% - 340px) ;

			width : calc(100% - 340px) ;

			text-align: right;

			vertical-align: middle;

		}

		#nav-wrap .logo {

			display: none;

		}

		.gnav {

/* 			display: block; */

			vertical-align: middle;

		}

		.gnav > li {

			display: inline-block;

			font-size: 2rem;

			margin: 0  0 0 40px;

		}

		.gnav >  li a  {

			position: relative;

			display: block;

			color: #fff;

			padding: 35px 0;

		}

		.page .gnav >  li a,

		#header.fixed .gnav >  li a {

			color: #172D60;

		}

		.gnav > li a::after {

			position: absolute;

			bottom: 20px;

			left: 50%;

			content: '';

			width: 0;

			height: 1px;

			background: #fff;

			transition: .3s;

			-webkit-transform: translateX(-50%);

			transform: translateX(-50%);

		}

		.page .gnav > li a::after,

		#header.fixed .gnav > li a::after {

			background: #172D60;

		}

		.gnav >  li > a:hover::after,

		.gnav > li.current > a::after {

			width: 100%;

		}

		.gnav >  li.english > a:hover::after {

			width: 0;

		}

		.gnav li.english a {

			height: 90px;

			color: #fff !important;

			font-family: 'HelveticaNeue-Condensed-Bold';

			padding: 35px 20px;

			background: #172D60;

			box-sizing: border-box;

		}



		/* subnav */

		.gnav li ul {

			display: none;

			list-style: none;

			position: absolute;

			top: 65px;

			left: 50%;

			z-index: 110;

			-webkit-transform: translate(-50%, 0);

			transform: translate(-50%, 0);

			border-radius: 0 0 3px 3px;

		}

		.gnav li ul:after {

			border: 10px solid transparent;

			border-bottom-color: #172D60;

			content: "";

			position: absolute;

			top: -20px;

			left: 50%;

/* 			margin-left: -10px; */

			transition: all .3s;

			-webkit-transform: translate(-50%, 0);

			transform: translate(-50%, 0);

		}

		.gnav li li a {

			display: block;

			padding: 10px 15px;

			color: #172D60;

			background: #fff;

			text-align: left;

			border-top: none !important;

			text-decoration: none;

		}

		.gnav li li {

			float: none;

			width: 230px;

			overflow: hidden;

			border: 1px solid #172D60;

			border-width: 1px 5px;

			font-size: 14px;

			color: #fff;

			line-height: 150%;

			-moz-transition: .2s;

			-webkit-transition: .2s;

			-o-transition: .2s;

			-ms-transition: .2s;

			transition: .2s;

			margin: 0;

		}

		.gnav li li:first-child {

			position: relative;

			border-top: 4px solid #172D60;

		}

		.gnav li li:last-child {

			border-bottom: 4px solid #172D60;

		}

		.gnav li li:hover,

		.gnav li li:hover > a {

			color: #fff!important;

			background: #172D60;

			-moz-transition: .2s;

			-webkit-transition: .2s;

			-o-transition: .2s;

			-ms-transition: .2s;

			transition: .2s;

		}

		.gnav li:hover ul li {

			overflow: visible;

			opacity: 1;

			height: auto;

		}



		.gnav li:nth-child(2) ul,

		.gnav li:nth-child(4) ul {

			display: flex;

			flex-wrap: wrap;

			width: 600px;

			border: 4px solid #172D60;

			background: #fff;

		}

		.gnav li:nth-child(2) li,

		.gnav li:nth-child(4) li {

			display: flex;

			align-items: center;

			width: 33.33%;

			border: none;

			border-right: 1px solid #172D60;

			border-bottom: 1px solid #172D60;

			box-sizing: border-box;

		}

		.gnav li:nth-child(2) li:nth-child(3n),

		.gnav li:nth-child(4) li:nth-child(3n) {

			border-right: none;

		}

		.gnav li:nth-child(2) li:first-child,

		.gnav li:nth-child(4) li:first-child {

			border-top: none;

		}

		.gnav li:nth-child(2) li:last-child,

		.gnav li:nth-child(4) li:last-child {

			border-top: none;

		}

		.gnav li:nth-child(2) li a,

		.gnav li:nth-child(4) li a {

			width: 100%;

			box-sizing: border-box;

		}

	}

	@media (min-width: 769px)  and (max-width: 1500px) {/* for PC */

		.gnav > li a {

			padding: 27px 0;

		}

		.gnav li.english a {

			height: 60px;

			padding: 27px 20px;

		}

	}

	@media (min-width: 1300px)  and (max-width: 1400px) {/* for PC */

		.gnav > li {

			font-size: 1.4rem;

		}

	}

	@media (min-width: 1000px)  and (max-width: 1300px) {/* for PC */

		.gnav > li {

			font-size: 1.0vw;

		}

		.gnav li.english a {

			padding: 27px 8px;

		}

		.menu-wrap {

			width : -webkit-calc(100% - 22%) ;

			width : calc(100% - 22%) ;

		}

	}



/*=================================================

#Responsive nav

==================================================*/ 

.menu-button {

	display: none;

}

.gnav .menu-subnav {

	display: none;

}



	@media  (min-width: 1001px) and (max-width: 9999px) {

		.menu-wrap {

			display: inline-block !important;

		}

		.gnav .menu-in,

		.gnav .home,

		.menu-wrap .menu-logo,

		.menu-header,

		.menu-sub {

			display: none;

		}

	}

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

		.gnav li.pc {

			display: none;

		}

		.menu-wrap {

			display: none;

			position: fixed;

			left: 0;

			top: 0;

			width: 100%;

			height: 100%;

			padding: 0 0 30px;

			overflow-x: hidden;

			overflow-y: auto;

			text-align: left;

			z-index: 20;

			background: #172C5F;

			box-sizing: border-box;

		}

		.menu-wrap .logo {

			position: absolute;

			top: 0;

			left: 0;

			display: block;

			 width: 362px;

			height: 66px;

		}

		.menu-wrap .logo img {

			width: 100%;

		}

		.gnav {

			display: block !important;

			max-width: 500px;

			margin: 50px auto 50px;

		}

		.gnav > li {

			display: block;

			margin: 0 0 30px;

			text-align: left;

		}

		.gnav > li a,

		.gnav > li.menu-in span {

			padding: 10px 0;

			font-size: 1.8rem;

			font-weight: 700;

			color: #fff;

		}

		.page .gnav >  li a,

		#header.fixed .gnav >  li a {

			color: #fff;

		}

		.gnav > li a:hover:after {

			width: 0;

		}

		.gnav > li.english {

			display: none;

		}

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

			.gnav > li a,

			.gnav > li.menu-in span {

				font-size: 1.6rem;

			}

		}

		

		/* menu-in  */

		.gnav > li.menu-in:before {

			display: block;

			position: absolute;

			top: 16px;

			left: 0;

			width : -webkit-calc(100% - 40px) ;

			width : calc(100% - 40px) ;

			height: 1px;

			content: "";

			background: #fff;

		}

		.gnav > li.menu-in p {

			position: relative;

		}

		.gnav > li.menu-in p:after {

			display: block;

			position: absolute;

			top: 0;

			right: 0;

			width: 18px;

			height: 18px;

			content: "";

			background: url(img/icn_menu01.svg) 0 0 / contain;

		}

		.gnav > li.menu-in p.active:after {

			background: url(img/icn_menu02.svg) 0 0 / contain;

		}

		.gnav > li.menu-in span {

			position: relative;

			display: inline-block;

			padding: 0 1em 0 0;

			background: #172C5F;

			z-index: 10;

		}

		.gnav > li .menu-subnav {

			display: none;

			margin: 15px 0 30px 3%;

		}

		.gnav > li .menu-subnav li a {

			display: block;

			font-size: 1.5rem;

		}

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

				.gnav > li .menu-subnav li a {

					font-size: 1.3rem;

				}

		}

		

		/* menu-sub */

		.menu-sub {

			max-width: 500px;

			width: 100%;

			margin: 70px auto 50px;

			color: #fff;

		}

		.menu-sub p {

			font-size: 1.6rem;

			font-weight: 700;

			line-height: 140%;

		}

		.menu-sub .txt01 {

			margin: 0 0 20px;

		}

		.menu-sub .btn-base {

			margin-bottom: 20px;

		}

		.menu-sub .btn-base a {

			padding: 25px 60px 25px 30px;

		}

		.menu-sub .txt02 {

			margin: 0 0 20px;

		}

		.menu-sub .txt02 span {

			display: block;

			font-size: 1.4rem;

			font-weight: 300;

		}

		.menu-sub .tel,

		.menu-sub .fax {

			font-size: 2.2rem;

			font-weight: 700;

		}

		.menu-sub .tel {

			margin: 0 0 10px;

		}

		.menu-sub .tel a {

			color: #fff;

		}

		.menu-sub .btn-english {

			margin-top: 50px;

			border-top: 1px solid #fff;

		}

		.menu-sub .btn-english a {

			display: block;

			padding: 30px;

			font-size: 2.0rem;

			text-align: center;

			color: #fff;

			font-weight: 700;

		}

	}

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

		.menu-wrap .logo {

			width: 254px;

			height: 47px;

		}

		#nav-wrap {

			width: 80%;

			margin: 0 auto;

		}

		.menu-wrap .gnav {

			width: 100%;

		}

	}



.gnav >  li.home a,

.menu-sub .tel,

.menu-sub .fax,

.menu-sub .btn-english {

	font-family: 'HelveticaNeue-Condensed-Bold';

	letter-spacing: 0.05em;

}



/*menu-btn  effect */

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

		.menu-button {

			position: relative;

			display: block;

			cursor: pointer;

	  }

		.menu-button,

		.menu-button span {

			display: inline-block;

			transition: all 0.4s;

			box-sizing: border-box;

		}

		.menu-button {

			position: fixed;

			top: 5px;

			right: 5px;

			width: 50px;

			height: 50px;

			border: 1px solid #172D60;

			background: #172D60;

			z-index: 20;

		}

		.menu-button span {

			position: absolute;

			left: 12px;

			width: 25px;

			height: 1px;

			background-color: #fff;

		}

		.menu-button span:nth-of-type(1) {

			top: 16px;

		}

		.menu-button span:nth-of-type(2) {

			top: 24px;

		}

		.menu-button span:nth-of-type(3) {

			top: 32px;

		}

		.menu-button.active span:nth-of-type(1) {

			-webkit-transform: translateY(6px) rotate(-45deg);

			transform: translateY(6px) rotate(-45deg);

		}

		.menu-button.active span:nth-of-type(2) {

			opacity: 0;

		}

		.menu-button.active span:nth-of-type(3) {

			-webkit-transform: translateY(-10px) rotate(45deg);

			transform: translateY(-10px) rotate(45deg);

		}

		.menu-button p {

			position: absolute;

			bottom: 16px;

			left: 50%;

			width: 40px;

			text-align: center;

			font-size: 10px;

			color: #fff;

			-webkit-transform: translate(-50%, 100%);

			transform: translate(-50%, 100%);

		}

		.menu-button.active p {

			display: none;

		}

	}



/*=================================================

#main

==================================================*/

#main {

	position: relative;

	z-index: 10;

}

.main {

	position: relative;

}



/* paragraph */

.main h1,

.main h2, 

.main h3,

.main h4 { 

	line-height: 120%;

 }

.main p,.main li,

.main dt,.main dd {

	line-height: 200%;

	letter-spacing: 0;

}

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

		.main p,.main li,

		.main dt,.main dd {

			line-height: 170%;

		}

	}



/*=================================================

breadcrumbs

==================================================*/

.breadcrumbs {

	position: absolute;

	bottom: 0;

	left: 50%;

	max-width: 1300px;

	width: 100%;

	margin: 0 auto;

	padding: 10px 35px;

	background: #172D60;

	-webkit-transform: translate(-50%, 50%);

	transform: translate(-50%, 50%);

	box-sizing: border-box;

	z-index: 1;

}

.breadcrumbs:after {

	display: block;

	position: absolute;

	top: 0;

	left: 50%;

	width: 2000px;

	height: 100%;

	content: "";

	margin-left: 300px;

	background: #172D60;

}

.breadcrumbs li {

	position: relative;

	display: inline-block;

	margin: 0 14px 0 0;

	padding: 10px 0;

	z-index: 10;

}

.breadcrumbs li::after {

	position: absolute;

	content: ">";

	top: 50%;

	left: 100%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

}

.breadcrumbs li:last-child {

	margin-right: 0;

}

.breadcrumbs li:last-child::after {

	content: none;

}

.breadcrumbs a {

	margin: 0 10px 0 0;

	color: #fff;

}

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

		.breadcrumbs {

			padding: 10px 3%;

		}

		.breadcrumbs li {

			padding: 3px 0;

		}

		.breadcrumbs a {

			font-size: 1.2rem;

		}

	}



/*=================================================

page-header

==================================================*/

.page-header {

	position: relative;

	margin: 90px 0 0;

	height: 380px;

	color: #fff;

	background: url(img/img_page_main.jpg) no-repeat 50% 50% / cover;

}

.processed .page-header {

	background: url(img/img_processed_main.jpg) no-repeat 50% 50% / cover;

}

.quality .page-header {

	background: url(img/img_quality_main.jpg) no-repeat 50% 50% / cover;

}

.global .page-header {

	background: url(img/img_global_main.jpg) no-repeat 50% 50% / cover;

}

.stock .page-header {

	background: url(https://www.ganginn.cn/static/moyu/style/css/img/img_stock_main.jpg) no-repeat 50% 50% / cover;

}

.information .page-header {

	background: url(img/img_information_main.jpg) no-repeat 50% 50% / cover;

}

.report .page-header {

	background: url(img/img_report_main.jpg) no-repeat 50% 50% / cover;

}

.contact .page-header {

	background: url(img/img_contact_main.jpg) no-repeat 50% 50% / cover;

}



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

		.page-header {

			margin: 60px 0 0;

		}

	}

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

		.page-header {

			height: auto;

			padding: 40% 0 0;

		}

		.processed .page-header {

			background-position: 75% 50%;

		}

	}



/* page-ttl */

.page-ttl {

	position: relative;

	max-width: 1300px;

	width: 94%;

	height: 100%;

	margin: 0 auto;

}

.page-ttl h1 {

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translate(0, -50%);

	transform: translate(0, -50%);

}

.page-ttl h1 .jp {

	display: block;

	margin: 0 0 10px;

	font-size: 4.0rem;

	font-weight: 700;

	line-height: 100%;

	opacity: 0;

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	transform: translateY(30px);

}

.page-ttl h1 .en {

	display: inline-block;

	font-size: 2.6rem;

	font-weight: 700;

	opacity: 0;

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	transform: translateY(30px);

}



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

		.page-ttl {

			position: absolute;

			top: 50%;

			left: 3%;

			-webkit-transform: translate(0, -55%);

			transform: translate(0, -55%);

		}

		.page-ttl h1 .jp {

			margin: 0 0 3%;

			font-size: 3.8vw;

		}

		.page-ttl h1 .en {

			font-size: 2.6vw;

		}

	}

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

		.page-ttl h1 .jp {

			font-size: 3.2rem;

		}

		.page-ttl h1 .en {

			font-size: 1.6rem;

		}

	}

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

		.page-ttl h1 .jp {

			font-size: 2.8rem;

		}

		.page-ttl h1 .en {

			font-size: 1.3rem;

		}

	}



/*=================================================

page

==================================================*/

.page .main {

	padding: 60px 0 0;

}

section > .inner,

section .cont-inner {

	position: relative;

	max-width: 1400px;

	width: 90%;

	margin: 0 auto;

	box-sizing: border-box;

}

.contact section .inner,

.thanks section .inner {

	max-width: 1000px;

}

	@media (min-width: 1401px) {

		.page section > .inner {

			padding-left: 50px;

		}

		.company section > .inner {

			padding-right: 50px;

		}

	}

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

		.page .main {

			padding: 10% 0 0;

		}

	}



/* ttl */

.ttl,

.stock .content .title h3 {

	position: relative;

	margin: 0 0 45px;

	font-size: 3.0rem;

	color :#172C5F;

	font-weight: 700;

	line-height: 120%;

}

.ttl span,

.stock .content .title h3 span {

	color: #FC0404;

}

.stock .content .title h3 span {

	color: #172D60;

	font-size: 2.0rem;

}

.ttl:before,

.stock .content .title h3:before {

	display: block;

	position: absolute;

	top: 0;

	left: -40px;

	width: 19px;

	height: 100%;

	content: "";

	background: url(img/icn_ttl.svg) repeat-y 0 0 / 100% auto;

}

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

		.ttl,

		.stock .content .title h3 {

			font-size: 2.8rem;

		}

		.ttl:before,

		.stock .content .title h3:before {

			left: -3%;

			width: 14px;

		}

	}

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

		.ttl,

		.stock .content .title h3 {

			margin: 0 0 30px;

			padding-left: 8px;

			font-size: 2.6rem;

		}

		.ttl:before,

		.stock .content .title h3:before {

			width: 10px;

		}

	}

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

		.ttl,

		.stock .content .title h3 {

			font-size: 2.4rem;

		}

	}



/* ttl-sub */

.ttl-sub,

.stock .section h4 {

	margin-bottom: 35px;

	font-size: 2.5rem;

	color :#172C5F;

	font-weight: 700;

}

.main .ttl-sub,

.stock .section h4 {

	line-height: 140%;

}



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

		.ttl-sub,

		.stock .section h4 {

			font-size: 2.2rem;

		}

	}

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

		.ttl-sub,

		.stock .section h4 {

			margin-bottom: 20px;

			font-size: 1.8rem;

		}

	}



/* ttl-sub02 */

.ttl-sub02,

.stock .section h5 {

	margin: 0 0 20px;

	font-size: 1.8rem;

	font-weight: 700;

	color: #172C5F;

}

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

		.ttl-sub02,

		.stock .section h5 {

			margin: 0 0 15px;

			font-size: 1.6rem;

		}

	}



/* ttl-sub03 */

.ttl-sub03 {

	margin: 0 0 20px;

	font-size: 1.8rem;

	color: #555;

}

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

		.ttl-sub03 {

			margin: 0 0 15px;

			font-size: 1.6rem;

		}

	}



/* table */

.main table {

	width: 100%;

	border: 1px solid #ccc;

	background: #F9F9F9;

}

.main table tr {

	border-bottom: 1px solid #ccc;

}

.main table thead th {

	width: 25%;

	padding: 15px 5px;

	color: #fff;

	text-align: center;

	border-right: 1px solid #ccc;

	background: #172C5F;

}

.main table td {

	padding: 15px 5px;

	text-align: center;

	border-right: 1px solid #ccc;

	border-right: 1px solid #ccc;

}

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

		.main table td {

			/*padding: 15px 10px;*/

		}

	}

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

		.main .table-wrap table {

			width: 700px;

		}

		.main .table-wrap {

			overflow: auto;

		}

		.main .table-wrap::-webkit-scrollbar {

		 height: 5px;

		}

		.main .table-wrap::-webkit-scrollbar-track {

		 background: #F1F1F1;

		}

		.main .table-wrap::-webkit-scrollbar-thumb {

		 background: #BCBCBC;

		}

	}



/*==================================================

 parts

==================================================*/

/* txt-point */

.txt-point {

	margin: 0 0 70px;

	text-align: center;

	font-size: 3.0rem;

	color: #172C5F;

	line-height: 120%;

	font-weight: 700;

}

.txt-point em {

	background:linear-gradient(transparent 65%, #FFED14 65%);

}

.txt-point .viewTab {

	display: none;

}

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

		.txt-point {

			font-size: 2.6rem;

		}

		.txt-point .viewTab {

			display: block;

		}

	}

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

		.txt-point {

			margin: 0 0 16%;

		}

		.txt-point {

			font-size: 4.3vw;

		}

	}



/* list-point */

.list-point ul {

	display: flex;

	flex-wrap: wrap;

}

.list-point li {

	position: relative;

	width: 23%;

	margin: 0 2.6% 0 0;

	padding: 40px 20px 25px;

	background: #f6f6f6; 

	background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,0) 100%);

	background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,0) 100%);

	background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(255,255,255,0) 100%); 

	box-sizing: border-box;

}

.list-point li:nth-child(4n) {

	margin-right: 0;

}

.list-point li:before {

	display: block;

	position: absolute;

	top: 0;

	left: 50%;

	width: 60px;

	height: 60px;

	content: "";

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.list-point li:nth-child(1):before {

	background: url(img/icn_special02.svg) no-repeat 50% 50% / contain;

}

.list-point li:nth-child(2):before {

	background: url(img/icn_special01.svg) no-repeat 50% 50% / contain;

}

.list-point li:nth-child(3):before {

	background: url(img/icn_special03.svg) no-repeat 50% 50% / contain;

}

.list-point li:nth-child(4):before {

	background: url(img/icn_special04.svg) no-repeat 50% 50% / contain;

}

.list-point h4 {

	padding: 0 0 15px;

	margin: 0 0 20px;

	font-size: 1.8rem;

	color: #172C5F;

	font-weight: 700;

	text-align: center;

	border-bottom: 1px solid #ccc;

}

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

		.list-point li {

			width: 48.5%;

			margin: 0 3% 30px 0;

			padding: 40px 20px 25px;

		}

		.list-point li:nth-child(2n) {

			margin-right: 0;

		}

		.list-point h4 {

			font-size: 1.6rem;

		}

	}

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

		.list-point h4 {

			font-size: 1.5rem;

		}

	}

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

		.list-point ul {

			display: block;

		}

		.list-point li {

			width: 100%;

			margin: 0 0 35px;

			padding: 40px 20px 25px;

		}

	}



/* box-material */

.box-material {

	max-width: 1025px;

	width: 100%;

	margin: 0 auto 70px;

}

.box-material h3 {

	font-size: 2.4rem;

	color: #172C5F;

	font-weight: 700;

}

.box-material dt {

	font-size: 1.8rem;

	color: #172C5F;

	font-weight: 700;

}

.box-material ul {

	display: flex;

	flex-wrap: wrap;

}

.box-material li {

	padding: 2px 10px;

	margin: 5px 10px 5px 0;

	color: #878787;

	border: 1px solid #878787;

	background: #fff;

}

.box-material li a {

	color: #172C5F;

	text-decoration: underline;

}

	@media (min-width: 961px) {

		.box-material {

			display: flex;

			align-items: center;

		}

		.box-material h3 {

			width: 280px;

		}

		.box-material .material-detail {

			flex: 1 auto;

		}

	}

	@media (min-width: 641px) {

		.box-material dl {

			display: flex;

			align-items: center;

		}

		.box-material dt {

			width: 135px;

		}

		.box-material dd {

			flex: 1 auto;

		}

	}

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

		.box-material h3 {

			margin: 0 0 20px;

			font-size: 2.2rem;

		}

		.box-material dt {

			font-size: 1.6rem;

		}

	}

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

		.box-material dl {

			margin: 0 0 20px;

		}

	}

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

		.box-material h3 {

			font-size: 2.0rem;

		}

		.box-material dt {

			font-size: 1.5rem;

		}

	}



/* box-detail */

.box-detail {

	position: relative;

	max-width: 1200px;

	width: 100%;

	margin: 0 auto;

	padding: 45px;

	border: 5px solid #ccc;

	background: #fff;

	box-sizing: border-box;

}

.box-detail .img {

	position: absolute;

	top: -120px;

	left: 10%;

	width: 40%;

}

.box-detail p {

	margin: 0 0 30px;

}

.box-detail .list02 li {

	border-bottom: 1px dotted #172C5F;

}

.box-detail .list02 li:last-child {

	border-bottom: none;

}

.box-detail .list02 dl {

	display: flex;

	padding: 10px 0;

}

.box-detail .list02 dt {

	width: 120px;

}

.box-detail .list02 dd {

	flex: 1 auto;

}

	@media (min-width: 769px) {

		.box-detail .list02 {

			display: flex;

			flex-wrap: wrap;

		} 

		.box-detail .list02 li {

			width: 48%;

			margin-right: 2%;

		}

		.box-detail .list02 li:nth-last-child(2) {

			border-bottom: none;

		}

	}

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

		.box-detail {

			padding: 30px 5%;

		}

		.box-detail .img {

			top: 0;

			margin-top: -10%;

			left: auto;

			right: 0;

			max-width: 356px;

			width: 40%;

		}

	}



/* support-contact */

.support-contact {

	position: relative;

	max-width: 1200px;

	width: 100%;

	margin: 50px auto 0;

	color: #fff;

	background: #172C5F;

	z-index: 10;

}

.support-contact p {

	line-height: 140%;

}

.support-contact .right-column .txt {

	font-size: 1.2em;

	font-weight: 700;

}

.support-contact .right-column .txt span {

	display: block;

	font-size: 0.7em;

	font-weight: 300;

}

.support-contact .right-column .tel {

	font-size: 1.74em;

	font-weight: 700;

}

.support-contact .right-column .tel span {

	display: block;

	line-height: 100%;

}

.support-contact .btn-base a {

	border: none;

}

.support-contact .btn-base a:hover {

	background: rgba(255,255,255,0.2);

}

	@media (min-width: 1201px) {

		.support-contact {

			display: flex;

			align-items: center;

		}

		.support-contact .left-column-wrap {

			flex: 1 auto;

			box-sizing: border-box;

		}

		.support-contact .right-column {

			width: 50%;

			padding: 0 2.5%;

			box-sizing: border-box;

		}

		.support-contact .right-column .tel .fax {

			font-size: 0.61em;

			padding-top: 5px;

		}

	}

	@media (min-width: 769px) {

		.support-contact .left-column-wrap-inner {

			display: flex;

			align-items: center;

		}

		.support-contact .left-column {

			flex: 1 auto;

			padding: 0 20px;

		}

		.support-contact .btn-base {

			width: 240px !important;

		}

		.support-contact .btn-base a {

			padding: 35px 60px 35px 30px;

		}

		.support-contact .right-column-inner {

			display: flex;

			align-items: center;

		}

		.support-contact .right-column .txt {

			width: 55%;

		}

		.support-contact .right-column .tel {

			flex: 1 auto;

		}

	}

	@media (min-width:769px) and (max-width:1200px) {

		.support-contact .left-column-wrap {

			border-bottom: 1px solid #707070;

		}

		.support-contact .left-column {

			padding: 20px 35px;

			font-size: 1.6rem;

			font-weight: 700;

		}

		.support-contact .right-column-inner {

			padding: 20px 35px;

		}

		.support-contact .right-column .txt {

			width: 270px;

		}

		.support-contact .right-column .tel {

			text-align: center;

			font-size: 1.5em;

		}

		.support-contact .right-column .tel span {

			display: inline-block;

			margin-left: 4%;

		}

	}

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

		.support-contact {

			padding: 20px 5%;

			box-sizing: border-box;

		}

		.support-contact .left-column {

			margin: 0 0 20px;

			text-align: center;

			font-size: 1.2em;

		}

		.support-contact .btn-base {

			max-width: 300px;

			width: 100%;

			margin: 0 auto 20px;

		}

		.support-contact .right-column {

			text-align: center;

		}

		.support-contact .right-column .tel .fax {

			font-size: 0.61em;

			padding-top: 5px;

		}

	}

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

		.support-contact {

			margin-top: 8%;

		}

	}



/*==================================================

page-footer

==================================================*/

.page-footer {

	max-width: 1300px;

	width: 90%;

	margin: 70px auto 0;

}

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

		.page-footer {

			margin-top: 16%;

		}

	}



/* common-guide */

.common-guide ul {

	display: flex;

	flex-wrap: wrap;

	margin: 0 0 50px;

}

.common-guide li {

	width: 32%;

	margin: 0 2% 2% 0;

}

.common-guide li .img {

	position: relative;

	background: #172C5F;

}

.common-guide li figure {

	position: relative;

    overflow: hidden;

}

.common-guide li .img p {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 90%;

	text-align: center;

	color: #fff;

	font-size: 1.8rem;

	line-height: 120%;

	font-weight: 700;

	-webkit-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);

}

.common-guide li figure img {

	width: 100%;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 1s;

}

.common-guide li:hover figure img {

	-moz-transform: scale(1.1,1.1);

	-webkit-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

}

.common-guide li .txt {

	position: relative;

	padding: 15px 40px 15px 20px;

	color: #fff;

	line-height: 110%;

	background: #209FDA;

	transition: all .3s;

}

.common-guide li .txt:before {

	position: absolute;

	content: "";

	top: 50%;

	right: 15px;

	width: 21px;

	height: 21px;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	background: url(img/icn_arrow_right.svg) no-repeat 0 0 / contain;

	transition: all .3s;

}

.common-guide li:hover .txt {

	background: #172C5F;

}

	@media (min-width: 961px) {

		.common-guide li:nth-child(3n) {

			margin-right: 0;

		}

	}

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

		.common-guide li {

			width: 48.5%;

			margin: 0 1.5% 1.5% 0;

		}

		.common-guide li:nth-child(2n) {

			margin-right: 0;

		}

	}

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

		.common-guide ul {

			margin: 0 0 3%;

		}

		.common-guide li .txt {

			padding: 10px 40px 10px 5%;

		}

		.common-guide li .img p {

			font-size: 1.5rem;

		}

	}

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

		.common-guide li .img p {

			font-size: 1.2rem;

		}

		.common-guide li .txt:before {

			right: 10px;

			width: 18px;

			height: 18px;

		}

	}



/* bnr-recruit */

.bnr-recruit {

	border: 10px solid #eee;

}

.bnr-recruit .txt-wrap {

	text-align: center;

	color: #172C5F;

	font-size: 2.4rem;

	font-weight: 700;

}

	@media (min-width: 641px) {

		.bnr-recruit a {

			display: flex;

			align-items: center;

		}

		.bnr-recruit .img {

			width: 74.6%;

		}

		.bnr-recruit .txt-wrap {

			flex: 1 auto;

		}

	}

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

		.bnr-recruit .txt-wrap {

			font-size: 2.0rem;

		}

	}

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

		.bnr-recruit .txt-wrap {

			padding: 10px 0;

		}

	}





/*==================================================

parts

==================================================*/

.btn-base._back {

	max-width: 380px;

	margin: 0 auto;

}





/* btn-base */

.btn-base a {

	position: relative;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	color: #fff;

	line-height: 140%;

/* 	border: 2px solid #209FDA; */

	background: #209FDA;

	padding: 17px 60px 17px 30px;

	box-sizing: border-box;

	transition: all .3s;

}

.btn-base a::after {

	position: absolute;

	content: "";

	top: 50%;

	right: 30px;

	width: 21px;

	height: 21px;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	background: url(img/icn_arrow_right.svg) no-repeat 0 0 / contain;

	transition: all .3s;

}

.btn-base a:hover {

	background: #172D60;

}

.btn-base a:hover::after {

	right: 20px;

}

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

		.btn-base a {

			padding: 17px 35px 17px 14px;

			font-size: 1.3rem;

		}

		.btn-base a::after {

			right: 14px;

			width: 18px;

			height: 18px;

		}

	}



/* cont-contact */

.cont-contact {

	display: flex;

	flex-wrap: wrap;

	max-width: 1200px;

	width: 80%;

	margin: 0 auto;

	color: #fff;

	background: #172C5F;

}

.cont-contact .cont {

	flex: 1 auto;

	padding: 15px 3%;

	box-sizing: border-box;

}

.cont-contact .cont dl {

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	flex-wrap: wrap;

	font-size: 1.8rem;

	font-weight: 700;

}

.cont-contact .cont dl dt {

	padding-right: 1.5em;

}

.cont-contact .cont dl dd {

	padding-right: 1em;

}

.cont-contact .cont dl dd:last-child {

	padding-right: 0;

}

.cont-contact .btn-base a {

	height: 100%;

}

.cont-contact .txt-note {

	font-size: 1.3rem;

}

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

		.cont-contact .cont dl dt {

			flex: none;

			width: 100%;

			padding-right: 0;

		}

	}

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

		.cont-contact .cont {

			flex: none;

			width: 100%;

			padding: 15px 5%;

		}

		.cont-contact .btn-base {

			width: 50%;

		}

	}

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

		.cont-contact .cont dl {

			font-size: 1.6rem;

		}

		.cont-contact .btn-base {

			width: 100%;

		}

	}

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

		.cont-contact .cont dl {

			font-size: 1.4rem;

		}

	}





/*==================================================

common-info

==================================================*/

.common-info {

	margin-top: 70px;

	padding: 70px 0;

	background: url(https://www.ganginn.cn/static/moyu/style/css/img/bg_common_info.jpg) 0 0 / cover;

}

.home .common-info {

	margin-top: 0;

}

.common-info .inner {

	position: relative;

	max-width: 1400px;

	width: 90%;

	margin: 0 auto;

	box-sizing: border-box;

}

.common-info .cont-header {

	color: #fff;

	text-align: center;

	padding: 0 0 50px;

}

.common-info .cont-header .cont-inr {

	display: inline-flex;

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end;

	text-align: left;

}

.common-info .cont-header .ttl-info {

	font-size: 1.8rem;

	letter-spacing: 0;

	font-weight: 700;

	line-height: 120%;

	text-align: center;

	padding-right: 10px;

}

.common-info .cont-header .ttl-info span {

	display: block;

	font-size: 9.4em;

	line-height: 70%;

	padding: 0 0 5px;

}

.common-info .cont-header .txt-wrap .logo {

	max-width: 350px;

	width: 78%;

	margin: 0 auto 10px;

}

.common-info .cont-header .txt-wrap p {

	font-size: 3.0rem;

	font-weight: 700;

	line-height: 120%;

}

.common-info .cont {

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

}

.common-info .cont > div {

	width: 32%;

	box-sizing: border-box;

}

.common-info .cont h3 {

	color: #878787;

	letter-spacing: 0;

	padding: 0 0 30px;

}

.common-info .cont h3 span {

	display: block;

	color: #172C5F;

	font-size: 2.26em;

	font-weight: 700;

	line-height: 140%;

}

/* info-news */

.common-info .info-news {

	padding: 30px;

	background: #fff;

}

.common-info .info-news ul {

	padding: 0 0 30px;

}

.common-info .info-news li + li {

	border-top: 1px solid #ccc;

	padding-top: 10px;

	margin-top: 10px;

}

.common-info .info-news li p {

	line-height: 170%;

	transition: all .3s;

}

.common-info .info-news li a:hover p {

	color: #ccc;

}



/* info-contact */

.common-info .info-contact {

	padding: 30px;

	background: #fff;

}

.common-info .info-contact .ttl-info {

	margin: 0 0 15px;

	color: #555;

	font-size: 2.0rem;

	font-weight: 700;

	line-height: 140%;

}

.common-info .info-contact .txt-info {

	color: #444;

	line-height: 170%;

}

.common-info .info-contact .btn-base {

	margin: 85px 0 0;

}

.common-info .info-contact .tel-wrap .tel {

	color: #172C5F;

	font-size: 1.5em;

	font-weight: 700;

	letter-spacing: -0.02em;

	line-height: 100%;

	margin: 0 0 15px;

}



.common-info .info-contact .tel-wrap .fax {

	color: #172C5F;

	font-size: 1.5em;

	font-weight: 700;

	letter-spacing: -0.02em;

	line-height: 100%;

	margin: 0 0 15px;



}

.common-info .info-contact .tel-wrap .tel2 {

	color: #172C5F;

	font-size: 1.5em;

	font-weight: 700;

	letter-spacing: -0.02em;

	line-height: 100%;

	margin: 0 0 15px;

}



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

		.common-info .cont {

			display: block;

		}

		.common-info .cont > div {

			width: 100%;

			margin: 5% 0;

		}

		.common-info .info-contact .btn-base {

			margin: 30px 0 0;

		}

	}

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

		.common-info {

			padding: 10% 0;

			margin-top: 10%;

		}

		.common-info .cont-header {

			padding: 0 0 3%;

		}

		.common-info .cont-header .ttl-info span {

			font-size: 17vw;

		}

		.common-info .cont-header .txt-wrap p {

			font-size: 3.3vw;

		}

		.common-info .cont-header .txt-wrap p br {

			display: none;

		}

		.common-info .info-contact .ttl-info {

			font-size: 1.8rem;

		}

		.common-info .info-contact .txt-info {

			font-size: 1.4rem;

		}

	}

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

		.common-info .cont-header .cont-inr {

			display: block;

		}

		.common-info .cont-header .ttl-info {

			font-size: 1.4rem;

			padding: 0 0 20px;

		}

		.common-info .cont-header .ttl-info span {

			font-size: 22vw;

		}

		.common-info .cont-header .txt-wrap p {

			font-size: 1.5rem;

			line-height: 140%;

		}

		.common-info .cont > div {

			padding: 5%;

		}

		.common-info .cont h3 {

			padding: 0 0 20px;

		}

		.common-info .cont h3 span {

			font-size: 1.8em;

		}

		.common-info .info-contact .ttl-info {

			margin: 0 0 10px;

			font-size: 1.6rem;

		}

		.common-info .info-contact .txt-info {

			font-size: 1.3rem;

		}

		.common-info .info-contact .tel-wrap .tel,

		.common-info .info-contact .tel-wrap .fax {

			margin: 0 0 10px;

		}

	}



/*==================================================

side-fixnav

==================================================*/

.side-fixnav {

	display: none;

	position: fixed;

	top: 50%;

	right: 0;

	width: 600px;

	margin-right: -465px;

	-webkit-transform: translate(0, -50%);

	transform: translate(0, -50%);

	z-index: 100;

}

.side-fixnav a {

	display: block;

	background: #fff;

}

.side-fixnav li:nth-child(2) a {

	color: #fff;

	background: #172C5F;

}

.side-fixnav .wrap {

	display: flex;

	align-items: center;

}

.side-fixnav .tmb {

	width: 135px;

	padding: 0 0 0 35px;

	font-family: 'HelveticaNeue-Condensed-Bold';

	color: #172D60;

	font-weight: 700;

	letter-spacing: 0;

	box-sizing: border-box;

}

.side-fixnav li:nth-child(2) .tmb {

	color: #fff;

}

.side-fixnav .detail {

	flex: 1 auto;

	padding: 20px 0;

}

.side-fixnav .detail .txt-wrap .date {

	font-family: 'HelveticaNeue-Condensed-Bold';

	font-size: 1.3rem;

	letter-spacing: 0;

}

.side-fixnav .detail .txt-wrap p {

	line-height: 170%;

	font-size: 1.5rem;

}

.side-fixnav .detail-inner {

	display: flex;

}

.side-fixnav .detail-inner figure {

	width: 120px;

}

.side-fixnav .detail-inner .txt-wrap {

	flex: 1 auto;

	padding: 0 0 0 20px;

}



/*==================================================

Footer 

==================================================*/

#footer {

	padding: 55px 0 0;

	color: #fff;

	background: #172c5f;

}

#footer a {

	color: #fff;

}



/* logo-wrap */

#footer .logo-wrap {

	margin: 0 0 60px;

	text-align: center;

}

#footer .logo,

#footer .btn-english {

	display: inline-block;

	vertical-align: middle;

}

#footer .logo {

	padding: 0 55px 0 0;

}

#footer .btn-english {

	padding: 10px 15px;

	color: #172C5F;

	font-size: 1.4rem;

	font-family: 'HelveticaNeue-Condensed-Bold';

	letter-spacing: 0.05em;

	background: #fff;

	border-radius: 20px;

}

#footer .btn-english:hover {

	color: #fff;

	background: #00adee;

}

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

		#footer .logo,

		#footer .btn-english {

			display: block;

		}

		#footer .logo {

			max-width: 430px;

			width: 70%;

			margin: 0 auto 10px;

			padding: 0;

		}

		#footer .btn-english {

			width: 80px;

			margin: 0 auto;

		}

	}



/* footnav */

.footnav {

	margin: 0 0 65px;

	text-align: center;

}

.footnav li {

	display: inline-block;

	margin: 0 10px;

}

.footnav a {

	position: relative; 

}

.footnav a::after {

	position: absolute;

	bottom: -4px;

	left: 50%;

	content: '';

	width: 0;

	height: 1px;

	background: #fff;

	transition: .3s;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

}

.footnav a:hover::after {

	width: 100%;

}

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

		.footnav {

			width: 90%;

			margin: 0 auto 50px;

			border-bottom: 1px solid #fff;

		}

		.footnav li {

			display: block;

			margin: 0;

			border: 1px solid #fff;

			border-bottom: none;

		}

		.footnav li a {

			position: relative;

			display: block;

			padding: 10px 3%;

			text-align: left;

		}

		.footnav li a:before {

			position: absolute;

			content: "";

			top: 50%;

			right: 20px;

			width: 16px;

			height: 16px;

			-webkit-transform: translate(0, -50%);

			transform: translate(0, -50%);

			background: url(img/icn_arrow_right.svg) no-repeat 0 0 / contain;

			transition: all .3s;

		}

		.footnav a:hover::after {

			width: 0;

		}

	}

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

		.footnav {

			display: none;

		}

	}



/* footer-bottom */

.footer-bottom {

	padding: 40px 0;

	background: #eee;

}

.footer-bottom p {

	max-width: 278px;

	width: 70%;

	margin: 0 auto 30px;

	text-align: center;

}

#copy {

	text-align: center;

	color: #000;

	font-size: 1.3rem;

	font-family: "微软雅黑";

	letter-spacing: 0.05em;

}

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

		.footer-bottom {

			padding: 30px 0;

		}

		#copy {

			font-size: 1.2rem;

		}

	}



/*==================================================

GDPR

==================================================*/

#gdpr {

	display: none;

	position: fixed;

	bottom: -170px;

	left: 0;

	width: 100%;

	background: #000;

	padding: 30px 0;

	z-index: 9999;

}

#gdpr p {

	font-size: 13px;

	color: #fff;

	line-height: 140%;

}

#gdpr .inner {

	max-width: 1280px;

	margin: 0 auto;

}

#gdpr .cont {

	display: flex;

	flex-direction: row;

	align-items: center;

	margin: 0 6%;

}

#gdpr .txt-wrap {

	width: 100%;

	margin-right: 50px;

}

#gdpr .btn-wrap {

	width: 25%;

	min-width: 180px;

}

#gdpr .btn-gdpr {

	display: block;

	color: #fff;

	font-size: 15px;

	font-weight: 700;

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding: 0 20px;

	text-align: center;

	text-decoration: none;

	box-sizing: border-box;

	background: none;

	border: 1px solid #fff;

	cursor: pointer;

	transition: all .3s;

}

#gdpr .btn-gdpr:before {

	position: relative;

	display: inline-block;

	content: "";

	top: -2px;

	width: 7px;

	height: 7px;

	margin-right: 10px;

	border-top: 1px solid #fff;

	border-right: 1px solid #fff;

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	box-sizing: inherit;

}

#gdpr .btn-gdpr:hover {

	color: #fff;

	background-color: #4d4d4d;

}

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

		#gdpr {

			padding: 10px 0;

		}

		#gdpr p {

			font-size: 11px;

		}

		#gdpr .cont {

			display: block;

			margin: 0 10px;

		}

		#gdpr .txt-wrap {

			margin: 0 0 10px;

		}

		#gdpr .btn-wrap {

			width: 100%;

		}

		#gdpr .btn-gdpr:before {

			width: 10px;

			height: 10px;

		}

	}



/*==================================================

Swiper

==================================================*/

/**

 * Swiper 4.4.5

 * Most modern mobile touch slider and framework with hardware accelerated transitions

 * http://www.idangero.us/swiper/

 *

 * Copyright 2014-2018 Vladimir Kharlampidi

 *

 * Released under the MIT License

 *

 * Released on: December 14, 2018

 */

.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("#");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:#");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("#")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:#")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:#")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("#")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}



/*==================================================

Scroll Hint

==================================================*/

@keyframes scroll-hint-appear {

  0% {

    transform: translateX(40px);

    opacity: 0;

  }

  10% {

    opacity: 1;

  }

  50%,

  100% {

    transform: translateX(-40px);

    opacity: 0;

  }

}



.scroll-hint.is-right-scrollable {

  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));

}



.scroll-hint.is-right-scrollable.is-left-scrollable {

  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));

}



.scroll-hint.is-left-scrollable {

  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));

}



.scroll-hint-icon {

  position: absolute;

  top: calc(50% - 25px);

  left: calc(50% - 60px);

  box-sizing: border-box;

  width: 120px;

  height: 80px;

  border-radius: 5px;

  transition: opacity .3s;

  opacity: 0;

  background: rgba(0, 0, 0, .7);

  text-align: center;

  padding: 20px 10px 10px 10px;

}



.scroll-hint-icon-wrap {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  max-height: 100%;

  pointer-events: none;

}



.scroll-hint-text {

  font-size: 10px;

  color: #FFF;

  margin-top: 5px;

}



.scroll-hint-icon-wrap.is-active .scroll-hint-icon {

  opacity: .8;

}



.scroll-hint-icon:before {

  display: inline-block;

  width: 40px;

  height: 40px;

  color: #FFF;

  vertical-align: middle;

  text-align: center;

  content: "";

  background-size: contain;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url(#);

}



.scroll-hint-icon:after {

  content: "";

  width: 34px;

  height: 14px;

  display: block;

  position: absolute;

  top: 10px;

  left: 50%;

  margin-left: -20px;

  background-repeat: no-repeat;

  background-image: url(#);

  opacity: 0;

  transition-delay: 2.4s;

}



.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {

  opacity: 1;

}



.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {

  animation: scroll-hint-appear 1.2s linear;

  animation-iteration-count: 2;

}



.scroll-hint-icon-white {

  background-color: #FFF;

  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);

}



.scroll-hint-icon-white:before {

  background-image: url(#);

}



.scroll-hint-icon-white:after {

  background-image: url(#);

}



.scroll-hint-icon-white .scroll-hint-text {

  color: #000;

}



.scroll-hint-text {

	letter-spacing: 0.05em;

}



/*==================================================

clearfix

==================================================*/

.clearfix:after {

	content: "";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px; }

.pagination > li {

    display: inline; }

.pagination > li > a,

.pagination > li > span {

    position: relative;

    float: left;

    padding: 6px 12px;

    line-height: 1.42857;

    text-decoration: none;

    color: #337ab7;

    background-color: #fff;

    border: 1px solid #ddd;

    margin-left: -1px; }

.pagination > li:first-child > a,

.pagination > li:first-child > span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px; }

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px; }

.pagination > li > a:hover, .pagination > li > a:focus,

.pagination > li > span:hover,

.pagination > li > span:focus {

    z-index: 2;

    color: #23527c;

    background-color: #eeeeee;

    border-color: #ddd; }

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,

.pagination > .active > span,

.pagination > .active > span:hover,

.pagination > .active > span:focus {

    z-index: 3;

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7;

    cursor: default; }
    
.content {
    line-height: 2;
    font-size: 16px;
}
h4.fade-anim.init {
    padding: 5px 15px;
    border-left: 5px solid #172d60;
    line-height: 35px;
    margin-bottom: 35px;
    font-size: 2.5rem;
    color: #172C5F;
    font-weight: 700;
    margin-top: 35px;
}

/*  测试*/