@charset "utf-8";
/*------------------------------------------------------------
	page
------------------------------------------------------------*/
#main {
	margin-bottom: 100px;
}

.product {
	margin: 0 auto;
	padding: 40px 0 90px;
	width: 1300px;
}

#top_scroll {
	height: 1551px;
	overflow: hidden;
}

.product .proList li {
	margin: 0 1% 20px;
	width: 31.33%;
	float: left;
}

.product .proList li a {
	padding: 10px;
	display: block;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.product .proList li a:hover {
	background: #1488F5;
}

.product .proList li .photo {
	overflow: hidden;
}

.product .proList li .photo img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	object-position: center center;
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.product .proList li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.product .proList li .title {
	padding: 15px 20px;
	color: #222;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	background: rgba(0,0,0,.05);
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.product .proList li .title span {
	position: absolute;
	right: 15px;
	top: 17px;
	font-weight: normal;
}

.product .proList li a:hover .title {
	background: #fff;
}

#main .about .inner .photo {
	width: 45%;
	height: 640px;
	float: left;
	background: url(../images/about.jpg) no-repeat center center;
	background-size: cover;
}

#main .about .inner .textBox {
	width: 55%;
	height: 640px;
	float: right;
	background: url(../images/about_bg.jpg) no-repeat center center;
	background-size: cover;
}

#main .about .inner .textBox .sub {
	padding: 40px 0 0 60px;
	width: 670px;
	float: left;
}

#main .about .inner .textBox h2 {
	margin-bottom: 20px;
	color: #fd9900;
	font-size: 25px;
	line-height: 1.2;
}

#main .about .inner .textBox h2 span {
	margin-top: 10px;
	display: block;
	color: #1488F5;
	font-size: 30px;
}

#main .about .inner .textBox p {
	margin-bottom: 15px;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
	text-indent: 2em;
}

#main .about .inner .textBox .link {
	margin-top: 20px;
}

#main .about .inner .textBox .link a {
	padding: 10px 0;
	width: 200px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #FF6600;
	border-radius: 50px;
}

#main .about .inner .textBox .link a:hover {
	background: #0E88EB;
}

.case {
	margin: 0 auto;
	padding: 70px 0;
	width: 1300px;
}

.case li {
	margin: 0 15px 20px;
	width: 400px;
	float: left;
}

.case li a {
	padding: 10px;
	display: block;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.case li a:hover {
	background: #1488F5;
}

.case li .photo {
	overflow: hidden;
}

.case li .photo img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: center center;
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.case li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.case li .title {
	padding: 15px 20px;
	color: #fff;
	font-size: 16px;
	position: relative;
	text-align: center;
	background: #0E88EB;
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.case li .title span {
	position: absolute;
	right: 15px;
	top: 17px;
	font-weight: normal;
}

.case li a:hover .title {
	color: #222;
	background: #fff;
}

.tabPanel {
	margin: 0 auto 30px;
	width: 1300px;
}

.tabPanel li {
	width: 25%;
	float: left;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.tabPanel li.on {
	color: #007EFE;
}

.tabPanel li .num {
	margin-bottom: -40px;
	display: block;
	color: #EAEAEA;
	font-size: 100px;
	font-family: Impact;
	z-index: 1;
}

.tabPanel li.on .num {
	color: #007EFE;
}

.tabPanel li p {
	padding: 5px 0;
	position: relative;
	background: #fff;
	z-index: 2;
}

.tabPanel li.on p {
	color: #007EFE;
}

.tabBox01 {
	background: url(../images/ad_img01.jpg) no-repeat center center;
	background-size: cover;
}

.tabBox02 {
	background: url(../images/ad_img02.jpg) no-repeat center center;
	background-size: cover;
}

.tabBox03 {
	background: url(../images/ad_img03.jpg) no-repeat center center;
	background-size: cover;
}

.tabBox04 {
	background: url(../images/ad_img04.jpg) no-repeat center center;
	background-size: cover;
}

.tabBox .inner {
	background: url(../images/ad_bg.png) no-repeat center center;
}

.tabBox .textBox {
	margin: 0 auto;
	padding: 80px 0 120px;
	width: 1300px;
}

.tabBox .sub {
	width: 600px;
}

.tabBox .textBox .icon {
	margin-bottom: 40px;
}

.tabBox .textBox .title {
	margin-bottom: 30px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

.tabBox .textBox .title span {
	display: block;
	font-weight: normal;
	font-size: 18px;
}

.tabBox .textBox .dec {
	margin-bottom: 30px;
	color: #fff;
	font-size: 20px;
}

.tabBox .textBox .txt {
	color: #fff;
	font-size: 16px;
}

.honor {
	margin: 0 auto;
	padding: 70px 0 30px;
	width: 1300px;
}

.honor li {
	margin: 0 20px 20px 0;
	width: 250px;
	float: left;
}

.honor li a {
	padding: 10px;
	display: block;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.honor li a:hover {
	background: #1488F5;
}

.honor li .photo {
	overflow: hidden;
}

.honor li .photo img {
	width: 100%;
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.honor li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.honor li .title {
	padding: 10px 0;
	color: #fff;
	font-size: 15px;
	position: relative;
	text-align: center;
	background: #0E88EB;
	-webkit-transition-duration: 0.4s,1s;
	-moz-transition-duration: 0.4s,1s;
	-ms-transition-duration: 0.4s,1s;
	transition-duration: 0.4s,1s;
}

.honor li .title span {
	position: absolute;
	right: 15px;
	top: 17px;
	font-weight: normal;
}

.honor li a:hover .title {
	color: #222;
	background: #fff;
}

.news {
	margin: 0 auto;
	width: 1300px;
}

.news li {
	margin: 0 1%;
	width: 31.3333%;
	float: left;
}

.news li a {
	display: block;
	background: #F2F2F2;
}

.news li a img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	object-position: center center;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.news li a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.news li a .photo {
	overflow: hidden;
}

.news li a .textBox {
	padding: 30px;
	min-height: 100px;
}

.news li a .textBox .date {
	margin-bottom: 20px;
	color: #808080;
	font-size: 25px;
	position: relative;
}

.news li a .textBox .date span {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
}

.news li a .textBox .ttl {
	color: #808080;
	font-size: 15px;
}