@charset "utf-8";
.mwidth{max-width: 1200px;margin: 0 auto;}
.mt30{margin-top: 30px;}
#header{width:100%;height:129px;}
#header .logo{float:left;width:230px;height:129px; text-align: center}
#header .nav{float:right;height:129px; line-height: 129px; font-family:"微软雅黑";}
#header .nav ul{margin: 0px auto;}
#header .nav ul li{float:left;font-size: 16px; position: relative;}
#header .nav ul li a{color: #6c3622;display: block;line-height:129px; text-align: center;padding:0px 25px 0px 25px;}
#header .nav ul li a:hover{background-color: #e0b8ac; text-decoration:none;color:#fff;}
#header .nav ul li ul{position: absolute;top:135px;left:0px;z-index: 100;width:100%; }
#header .nav ul li ul li{float: left;}
#header .nav ul li ul li a{float: left;padding:0px 0px 0px 0px;color:#fff;display:inline;border-bottom:0px solid #ccc;}
#header .nav ul li ul li a:hover{background-color:transparent; border-bottom:0px solid #ccc; text-decoration: underline;color:#ccc}
#header .nav .sub-item{background-color: #005f8b;width:100%;height:115px;position: absolute;top:135px;left:0px;z-index: 50;}
#banner{width:100%; clear: both}
#banner .bg{height: 400px;width:100%;background-repeat:no-repeat; background-position:center center}
#banner .slider{position:relative;width: 100%;height:588px;overflow: hidden;}
#banner .slider .hd{height:16px; overflow:hidden; position:absolute; left:0px; bottom:12px; z-index:1;width:100%; text-align: center}
#banner .slider .hd ul{overflow:hidden; zoom:1;width:100%;margin: 0px auto}
#banner .slider .hd ul li{margin-right:10px;width:16px;height:16px;line-height:14px;text-align:center;background:#ddd; cursor:pointer; display:inline-block; border: 1px solid #fff}
#banner .slider .hd ul li.on{background:#1b81b7; color:#fff;}
#banner .slider .bd{position:relative;height:100%; z-index:0;}
#banner .slider .bd li{zoom:1; vertical-align:middle; height: 588px}
#banner .slider .bd img{display:block; width:100%;height:588px;}
#box{background-color:#e0b8ac;}
#box .boxt{width:1315px;height: 600px;padding-top:44px; overflow: hidden;margin: 0px auto 0px auto;}

#main{}
#main .about{overflow: hidden;padding-top:70px;padding-bottom:30px;}
#main .pic{width:627px;}
#main .about .abouttxt{width:1050px;margin: 0px auto; font-size: 16px; color: #000; line-height:230%;padding-top:20px; font-weight: bold}
#main .about .atitle{color: #fff;font-size: 30px; text-align: center; height: 70px;text-transform:uppercase}

#main .sort{float:left;width:224px; height:600px;background: url(../images/20left1.jpg) repeat-y 0px 0px; overflow: hidden}
#main .sort ul{clear: both;overflow: hidden}
#main .sort ul li{line-height: 35px; background: url(../images/20left2.jpg) no-repeat left 10px;}
#main .sort a{padding-left:35px;color:#fff;font-size: 20px; font-weight: bold; color: #333333}
#main .sort ul li ul{clear: both}
#main .sort ul li ul li{background: none; clear: both;}
#main .sort ul li ul li a{font-size:14px;display: block; font-weight: normal}
#main .sort ul li ul li a:hover,#main .sort ul li ul li.curr{background: url(../images/20left3.jpg);width:224px; text-decoration: none;color:#fff;}
#main .sort ul li ul li.curr a{color: #fff;}
#main .indexbox{overflow: hidden;padding:47px 0px 47px 0px;background-color: #e0b8ac}
#main .indexpro{clear: both;width:1200px; margin: 0px auto 0px auto; overflow: hidden; background-color: #fff;border-left:1px solid #d9d9d9}
#main .indexpro ul li{float: left;margin:0px 0px 0px 0px;width:239px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
#main .indexpro ul li img {float:left;width:238px; height:255px;}
#main .indexpro ul li span{clear: both;display: block; padding:10px 0px 0px 0px; height:60px; line-height: 24px;overflow: hidden; margin:0px 0px 0px 0px; text-align: center}
#main .indexpro a{color:#999999;}

#main .product{float:right;width:910px;overflow: hidden;padding:0px 0px 0px 0px;}
#main .product ul li{float:left;margin:0px 0px 0px 0px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; padding:0px 20px 0px 20px;}
#main .product ul li img {width:260px; height:260px;}
#main .product ul li span{clear: both;display: block; padding:10px 0px 0px 0px; height:60px; line-height: 24px;overflow: hidden; margin:0px 0px 0px 0px; text-align: center}
#main .product ul a{color:#999999;}

#main .box1{width:100%;height:360px; background-position: center center;background-repeat: no-repeat;}
#main .box2{width:100%;min-height:600px;background-position: top center;background-repeat: no-repeat; background-image: url(../images/aboutb.jpg);padding:200px 0px 30px 0px; background-color: #fff;}
#main .box2 .abouttxt{line-height:180%;padding:90px 0px 0px 0px;}
#main .box2 .picimg{float: left;width:650px;}
#main .box2 .contxt{line-height:200%;padding:90px 0px 0px 0px; text-align: center}
#main .pos{line-height:30px; margin-bottom:40px; background: url(../images/20pos.jpg) repeat-x left center #000;height:30px;padding-left:30px;}
#main .pos span{background-color: #fff; padding:0px 10px 0px 10px;}

.preview{margin: 0px auto;width:910px;}
.small_list{width:700px;min-height:120px;overflow: hidden; margin: 0px auto;}
.small_list-ul{width: 100%;}
.small_list-ul li{float:left;width:89px;height:89px;border:1px #f5f5f5 solid;background: #fff;overflow: hidden; margin:16px 16px 0px 0px;}
.small_list-ul li:hover,.small_list-ul li.tb-selected{border-color: #a1cfdb;}
.small_list-ul li a{display: block;width: 100%;}
.small_list-ul li img{display: block;width: 100%;height: auto;}
.mid_img{position: relative;width: 750px;height:750px;background: #f5f5f5;overflow: hidden; margin: 0px auto;border:1px solid #e4e4e4;}
.mid_img img{position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform:translateY(-50%);display: block;}
.bigimg{max-width: inherit;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;background:#f5f5f5;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

#main .protxt{padding:0px 0px 20px 0px;line-height: 180%; color:#333333;}
#main .protxt .protitle{font-size: 18px; line-height:150%;border-bottom:1px solid #d2d2d2; padding: 10px 0px 20px 0px; font-weight: bold}
#main .protxt table{border:1px solid #ccc;width:910px; margin: 0px auto}
#main .protxt table th{ background-color: #fff5f2}
#main .protxt table td{padding:5px; text-align: center}
#main .protext{clear: both;padding:30px 0px 30px 0px;width:750px; margin: 0px auto;}
#main .protext table {border :1px solid #cc;}
#main .about-img{ clear: both;overflow: hidden;padding:20px 0px 20px 0px;}
#main .about-img ul li{overflow: hidden;float:left;margin: 10px 7px 10px 7px;}
#main .about-img ul li img{width:386px;height:259px;}
#main .news{}
#main .news ul li{padding-top:20px;padding-bottom:20px;border-bottom: 1px solid #ccc;}
#main .news ul li .img{width:340px;text-align: center}
#main .news ul li .img img{width:250px;height:170px}
#main .news ul li h4{font-size:18px;padding-top:20px;}
#main .news ul li p{padding:20px 0px 0px 0px; height:120px;}
#main .news ul li a:hover{text-decoration: none;color:#005f8b;}
#main .news ul li.big .img{width:340px;}
#main .news ul li.big .img img{width:300px;height:200px}
#main .news ul li.big h4{font-size: 24px;padding-top:20px;}

#main .lxwm{background: url(../images/lxwm.jpg) no-repeat center center;height:640px;padding:140px 0px 0px 540px}

.JoinForm{width: 1092px;height:570px;margin: 0 auto;overflow: hidden; background: url(../images/tsjb.jpg) no-repeat top center;padding-top:50px;}
.JoinForm div{float: left;width: 304px;height: 50px;padding: 0 12px;margin: 25px 17px 0 17px;border: 1px #d5d5d5 solid;background-color: #fff;}
.JoinForm div input{width: 279px;height: 30px;margin: 9px 0;padding-right: 25px; line-height: 30px; border: 0;outline: none;font-size: 14px;font-family: "Microsoft YaHei";background-image: url("../images/un-joinus1.jpg");background-position: right center;background-repeat: no-repeat;}
.JoinForm div.JoinForm-tel input{background-image: url("../images/un-joinus2.jpg");}
.JoinForm div.JoinForm-email input{background-image: url("../images/un-joinus3.jpg");}
.JoinForm div.JoinTarea{width:982px;height: 140px;}
.JoinForm div.JoinTarea textarea{width: 957px;height: 134px;padding-right: 25px;line-height: 30px;font-size: 14px;border: 0;outline: 0;background-image: url("../images/un-joinus4.jpg");background-position: right 7px;background-repeat: no-repeat;}
.JoinForm div.JoinForm-bto{width: 1032px;height: auto; border: 0;background: transparent;text-align: center; margin-top: 0px;}
.JoinForm div input[type="button"]{width: 282px;height: 58px;margin: 15px auto 0 auto;padding: 0;color: #fff;font-size: 20px; border:0px #d4c1b1 solid;background-color:#015b85; background-image: url();overflow: hidden;cursor: pointer;}
.JoinForm div.JoinForm-img{width:120px; background-color: transparent;border:none;}
.JoinForm div.JoinForm-yzm input{background-image:none}

.picimg{padding-top:0px;padding-bottom: 10px; overflow: hidden}
.picimg ul li{float:left;width:;padding:12px; border:1px solid #cfcfcf;width: 308px;margin: 40px 32px 0px 32px;}
.picimg ul li img{display: block; margin-bottom:20px;}
.picimg ul li b{font-size: 18px; line-height: 30px;}
.picimg ul li div{line-height: 24px;height:72px;overflow: hidden;margin-top: 10px}
.picimg ul li a.more{ background: url(../images/ywbg.jpg) no-repeat 0px 0px;width:99px;height:37px;display: block; margin: 20px auto;text-align: center; line-height: 37px; color:#fff;}
.articleBox{color:#676767; font-size:14px;line-height:28px;padding-top:30px; min-height: 600px;_height:600px;}
.article_title{
	font-size:18px;
	text-align:center;
	font-family:"microsoft yahei";
	line-height:35px;
	color: #474747;
	padding:0 0 10px 0;
}
.article_time{
	clear:both;
	height:30px;
	line-height:30px;
	color:#676767;
	font-family: "宋体";
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	margin:0 0 20px 0;
	text-align:center;
	position:relative;
}
.article_time span{cursor:pointer;}
.article_time span.hover{ color:#c80000; font-weight:bold;}
.indexa{clear: both;background: url(../images/20footerbg.jpg) no-repeat top center;color:#fff; height: 347px;}
.indexa .text{width:1200px; margin: 0px auto; line-height: 30px;padding-top:70px;}
.indexa .text h3{font-size:22px;font-weight:bold;background:url(../images/20footer.jpg) no-repeat bottom left;text-align: left;line-height:40px;margin-bottom:10px;}
.indexa .text .gywl{float:left;width:700px}
.indexa .text .lxwm{float:right;width:450px;}
.indexa .text .gywl p{height: 120px; overflow: hidden}
#footer{color:#000}
#footer a{color:#000;}
#footer .text{clear: both;height:98px; line-height:80px;text-align: center;color:#000;}
.pc-about{background: url(../images/20about2.jpg) no-repeat center bottom; width:100%; height: 480px}
.pc-banner {width: 900px;margin: 0px auto;}
/*新闻列表*/
.News{width: 90%;margin:0 auto;overflow: hidden;}
.News li{border-bottom: 1px #d4d4d4 solid;overflow: hidden;}
.News li a{position: relative;display: block;width: 100%;height: 100%;padding: 30px 13% 30px 10px;line-height: 26px;font-size: 14px;color: #666;overflow: hidden;}
.News li a:after{content: "";position: absolute;top: 50%;right: 10px;width: 20px;height: 34px;transform: translateY(-50%);background:url("../images/right_arrow.png") center center no-repeat;background-size: 20px 34px;}
.News li a:hover{text-decoration:none;}
.News li h3{line-height: 30px;font-size: 18px;color: #e0b8ac;font-weight: normal;overflow: hidden;}
.News li p{margin: 10px 0;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.News li span{display: block;position: relative;padding-left: 30px;height: 30px;line-height: 30px;background: url("../images/times.png") left center no-repeat;background-size: 16px 16px;}
.News li:hover h3{color: #cc0000;}

.NewsDatail{width: 90%;margin: 50px auto;overflow: hidden;}
.NewsD_hd{padding: 5px 30px;border-bottom: 1px #d4d4d4 solid;overflow: hidden;}
.NewsD_ihd{padding-bottom: 40px;}
.NewsD_hd h3{line-height: 30px;font-size: 22px;color: #333;text-align: center;font-weight: normal;}
.NewsD_hd span{margin-top: 15px;display: inline-block;float: right;padding-left: 30px;text-align: justify;height: 30px;line-height: 30px;color: #666;background: url("../images/times.png") left center no-repeat;background-size: 16px 16px;}
.NewsD_bd{padding: 30px 20px;line-height: 30px;color: #333;text-align: justify;overflow: hidden;}
.NewsD_ibd{padding: 0;}
.NewsD_bd p{margin: 10px 0;text-indent: 28px;}

.News_icon{width: 90%;margin:30px auto;overflow: hidden;}
.News_icon li{position: relative;padding: 10px 50px;border-bottom: 1px #d4d4d4 solid;overflow: hidden;}
.News_icon li:after{content: "";display: block;position: absolute;top: 10px;left: 0;width: 45px;height: 45px; background: url("../images/icon1.png") center center no-repeat;background-size: 30px 30px;}
.News_icon li a{display: block;width: 100%;height: 100%;line-height: 45px;font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.News_icon li:hover a{color: #579803;}
@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}
.swiper-container {
	width: 100%;
	margin:10px 0;
}
@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}
.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	padding:5px;
	display: block;
	border-radius:5px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border:2px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/top_slick_cover_bg01.png) 0 0 repeat;
		border-radius: 20px;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

.swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 7px;
	}
}
@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}

@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}

.button div:hover {
	background-color: #2f4798;
}

.swiper-button-prev {
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.swiper-button-next {
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}