@charset "utf-8";
/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。

------------------------------------------------------------------------------------------------------ */



/* 全局样式

-------------------------------------------------------------- */

p {
	line-height: 25px;
}
img {
	border: none;
	vertical-align: middle;
}
td {
	vertical-align: center;
	font-size: 14px;
}
* {
	margin: 0;
	padding: 0;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	border: medium none;
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	outline: none;
}
.body {
	background: #fff;
}

ul, ol, li {
	list-style: none;
}
img {
	border: 0px;
}
table, table tr, table td {
	border: solid 1px #777777;
}
html, body {
	height: auto;
	margin: 0 auto;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
input, textarea {
	font-family: "Microsoft YaHei", "Arial";
}

body {
	background: #fff;
}
/* 页面基本元素

-------------------------------------------------------------- */


/* 常用元素 */

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}
/* 层浮动 */

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
}
/* 文字对齐 */

.tleft {
	text-align: left;
}
.tright {
	text-align: right;
}
.tcenter {
	text-align: center;
}
img {
	webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
	transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
	transition: transform .75s cubic-bezier(.19, 1, .22, 1);
	transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
}
/*默认滚动条样式*/
::-webkit-scrollbar
{
width: 7px;
height:5px;
}

::-webkit-scrollbar-track
{
border-radius: 0px;
background: #eee;
}

::-webkit-scrollbar-thumb
{
border-radius: 7px;
background:#00569f;
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 7px;
background:#1e2331;
}



/* cont
-------------------------------------------------------------- */
.cont {
	width: 1438px;
	overflow: hidden;
	margin: auto;
}
.cont1 {
	width: 1438px;
	height:auto;
	margin: auto;
}



/**/

/* tit

-------------------------------------------------------------- */
.tit {
	width:100%;
	overflow:hidden;
}
.tit h3 {
	width:100%;
	overflow: hidden;
	font-size: 40px;
	color: #112010;
	line-height:45px;
	text-align:center;

}
.tit h3 a {
	font-size: 40px;
	color: #112010;
}
.tit hr{
	width:56px;
	border:none;
	margin-top:18px;
	}


/* hyyy
-------------------------------------------------------------- */
.hyyy{
	width:100%;
	overflow:hidden;
	position:relative;
	}
.hyyy .tit{
	position:absolute;
	top:9%;
	z-index:99;
}
.hyyy .tit h3,.hyyy .tit h3 a{
	color:#fff;
	}
.hyyy .tit hr{
	margin:18px auto 0;
	}
.hyyy ul li .hyyynr{
	top:32%;
	position:absolute;
	left:50%;
	margin-left:-719px;
	}
.hyyy ul li img{
	width:100%;
	height:auto;
	transition:all 3s;
	}
.hyyy ul li img:hover{ transform:scale(1.2,1.2);transform-origin:center center;}	
.hyyy ul li .hyyyen{
	width:100%;
	overflow:hidden;
	font-size:21px;
	font-family:Arial;
	color:#fff;
	line-height:30px;
	}

.hyyy ul li .hyyycn{
	width:100%;
	overflow:hidden;
	font-size:46px;
	color:#fff;
	line-height:60px;
	margin-top:6px;
	}

.hyyy ul li .js{
	width:100%;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	line-height:36px;
	margin-top:14px;
	}
.hyyy ul li hr{
	width:54px;
	border:none;
	border-bottom:solid 2px #fff;
	margin-top:54px;
	}
.product-thumbs{
	height:40px;
	padding-bottom:70px;
	position:absolute !important;
	bottom:108px;
	left:50%;
	margin-left:-719px !important;
	}
.product-thumbs:before{
	content:"";
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.2);
	position:absolute;
	top:19px;
	left:0;
	}
.product-thumbs .title{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#fff;
	line-height:40px;
	text-align:center;
	background:url(../images/icon14.png) no-repeat top center;
	margin-top:10px;
	padding-top:30px;
	cursor:pointer;
	}
.product-thumbs .swiper-slide-active .title,.product-thumbs .swiper-slide:hover .title{ 
	font-weight:bold;
	background:url(../images/icon15.png) no-repeat top center;
	margin-top:0;
	padding-top:40px;
	}



/*移动端导航*/




 @media(max-width:1600px) {
	.cont, .cont1 {
		width: 88%;
	}
	
	.product-thumbs{
		margin-left:-44% !important;
	}
	.hyyy ul li .hyyynr {
		top: 32%;
		position: absolute;
		left: 50%;
		margin-left:-44%;
	}
}
@media(max-width:1440px) {
	
	.hyyy ul li .hyyycn{
		font-size:40px;
	}
	
}

@media(max-width:1280px) {
	.hyyy ul li .hyyycn{
		font-size:36px;
	}
	
}
@media(max-width:1152px) {
	
	.product-thumbs{
		bottom:60px;
	}
	.hyyy ul li img{
		height:500px;
	}
}

@media(max-width:991px) {
	
	.product-thumbs{
		bottom:20px;
	}
	.hyyy ul li .hyyycn {
		font-size: 30px;
	}
	.hyyy ul li hr{
	 display:none;
	}
	
}
@media(max-width:767px) {
	
	.hyyy ul li img{
		width:140%;height:400px;
	}
	.hyyy ul li .hyyyen{
		font-size:18px;
	}
	.hyyy ul li .hyyycn {
		font-size: 24px;
		line-height:30px;
	}
	.hyyy ul li .js{
	width:100%;
	overflow:hidden;
	font-size:13px;
	color:#fff;
	line-height:24px;
	margin-top:14px;
	}
}

@media(max-width:425px) {

	.hyyy ul li img{
		width:160%;
	}
	.product-thumbs .title{
		font-size:14px;
	}
	.hyyy .tit{
		top:6%;
	}
	.hyyy .tit hr {
		margin: 8px auto 0;
	}
	.hyyy ul li img {
		width: 170%;
	}
	.hyyy ul li .hyyyen {
		font-size: 16px;
		line-height:25px;
	}
	.hyyy ul li .hyyycn {
		font-size: 22px;
		margin-top:0;
	}
	.hyyy ul li hr {
		margin-top: 10px;
	}
}