@charset "utf-8";
@import url("common.css");
@import url("jquery.jslides.css");

/*head.htm*/
input,select,textarea{
	font-size: 16px; 
	color: #333; 
	font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;
	outline: none;
	border: 0;
}
input [type=submit], input[type=button], input[type=checkbox], 
input[type=radio], input[type=reset], select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {display: none}
::-webkit-input-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
::-ms-input-placeholder {color: #ccc;}
body,html{overflow-x: auto;}
body{min-width: 1250px;font-family: '微软雅黑',Arial,sans-serif;}
.head-top{height: 30px;line-height: 30px;font-size: 14px;background-color: #f2f2f2;color: #333;}
.head-top .lef{float: left;}
.toptel{float: right;padding-left: 28px;background: url(../images/hdtel.png) left center no-repeat;}
.head-box{clear:both; max-width:1920px; margin:0 auto; background:#ffffff;}
.head{ width:1200px;margin:0 auto; position:relative; z-index:999999;}
.logo{overflow:hidden; display:block; float:left;margin-top: 20px;}
.nav{float: right;width: 880px;position:relative; z-index:99999; } 
.nav ul li{position: relative;z-index: 1;float:left;width: 12.5%;text-align:center;}
.nav ul li > a{display:block;line-height: 76px;border-bottom: 4px solid #fff;font-size: 16px;color:#333;}
.nav ul li > a:hover,.nav ul li > .on{border-bottom-color: #176dd8;color: #176dd8;}
.navXL {width: 100%;position:absolute;overflow:hidden;display:none;z-index:999999; top:80px; margin-left:0px;*margin-left:0px; overflow:hidden;}
.nav .navXL a{ background:#444;line-height:34px;display:block;color:#FFF;font-size:12px; overflow:hidden;z-index:9999; text-align:center; padding:0}
.nav .navXL a:hover{background:#176dd8;}
.swriper-banner{clear: both;position: relative;z-index: 1;}
.swriper-banner img{display: block;width: 100%;}
.swriper-banner .gallery-thumbs{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: 20px 20%;background-color: rgba(0,0,0,.3);}
.swriper-banner .gallery-thumbs .swiper-slide{display: inline-block;width: 280px;height: 70px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
/*index.htm*/
.gtitle1{overflow: hidden;padding: 45px 0 25px;}
.gtitle1 .en{font-size: 12px;color: #333;text-transform: uppercase;}
.gtitle1 .cn{font-size: 18px;padding-bottom: 5px;color: #176dd8;}
.gtitle1 .more{display: block;padding: 20px 0 5px;font-size: 12px;color: #176dd8;}
.gtitle1 .l{float: left;}
.gtitle1 .r{float: right;}
.gtitle1.tac{text-align: center;}
.gtitle1.fontsz1 .cn{font-size: 30px;}
.gtitle1.fontsz1 .en{font-size: 16px;}

	.n-box{ width:1200px; clear:both; margin:0 auto; position:relative}
	.about-box{overflow: hidden;padding: 75px 0 105px;max-width:1900px; min-width:1200px; clear:both; margin:0 auto;}
	.about-img{position: relative;z-index: 2;float: left;width: 39%;}
	.about-img:after{content: '';position: absolute;top: 0;right: 0;z-index: 2;width: 13px;height: 175px;background-color: #176dd8;}
	.about-img .img{width: 305px;height: 300px;border: 3px solid #176dd8;}
	.about-img img{display: block;width: 320px;margin: 50px 0 0 60px;}
	.about-txt{float: right;padding-top: 15px;width: 54%;}
	.about-txt .txt{padding-bottom: 55px;font-size: 14px;color: #333;}
	.about-more a{display: block;width: 136px;line-height: 40px;font-size: 16px;text-align: center;background-color: #176dd8;color: #fff;}
	.about-more a:hover{opacity: .7;}
	.indexlastrow{clear: both;}
	.indexlastrow .gtitle1{padding-bottom: 12px;}
	.indexlastrow .lef{float: left;width: 48%;}
	.indexcontact{font-size: 14px;line-height: 2;color: #242424;}
	.indexcontact img{display: block;margin-bottom: 15px;}
	.indexlastrow .right{float: right;width: 48%;}
	.newslist a{display: block;overflow: hidden;margin-bottom: 20px;color: #333;}
	.newslist .img{float: left;margin-right: 25px;width: 190px;overflow: hidden;}
	.newslist .img img{display: block;width: 100%;}
	.newslist .con{overflow: hidden;}
	.newslist .title{overflow: hidden;margin-bottom: 15px;padding: 0 10px;line-height: 34px;border-bottom: 1px dashed #ccc;}
	.newslist .title h3{font-weight: normal;font-size: 14px;float: left;width: 240px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
	.newslist .title .date{float: right;color: #333;}
	.newslist .info{font-size: 14px;color: #333;line-height: 1.8;}

	/*foot.htm*/
	.foot{clear: both;max-width:1920px; min-width:1200px;margin:0px auto 0;overflow:hidden}
	.foot-box{ max-width:1920px; min-width:1200px;clear:both; margin:30px auto 0;padding: 10px 0;line-height: 24px;background:#ffff; overflow:hidden}
	.fr-link-t{float: left;margin-right: 12px;font-size: 18px;font-weight: bold;color: #176dd8;}
	.fr-link-box{overflow: hidden;font-size: 14px;color: #333;}
	.fr-link-box a{display: inline-block;padding: 0 10px;color:#333;}
	.copy{padding-bottom: 20px;clear: both;text-align: center;background-color: #191921;}
	.copy .list{margin-bottom: 20px;padding: 20px 0 12px;color: #fff;border-bottom: 1px solid #47474d;}
	.copy .list li{font-size: 16px;line-height: 1.8;display: inline-block;}
	.copy .list a{display: inline-block;padding: 0 15px;}
	.copy .txt{font-size: 14px;line-height: 1.8;color: #fff;}
	.copy a{ color:#fff}
	.fr-link-box a:hover,.copy a:hover{ color:#176dd8;}
	/*left.htm*/
	.left{ width:260px;float:left;}
	.pro-list{padding: 35px 20px 20px;}
	.pro-list-t{text-align: center;}
	.pro-list-t h3{margin: 0 auto 30px;position: relative;z-index: 2;width: 106px;line-height: 34px;border: 1px solid #dbdbdb;color: #fff;}
	.pro-list-t h3:before,.pro-list-t h3:after{content: '';position: absolute;top: 50%;width: 42px;height: 1px;background-color: #dbdbdb;}
	.pro-list-t h3:before{left: -42px;}
	.pro-list-t h3:after{right: -42px;}
	.pro-list-box{padding-bottom: 75px;}
	.pro-list-box a{display: block;margin-bottom: 12px;line-height: 36px;font-size: 14px;background-color: #fff;color: #181818;text-align: center;}
	.pro-list-box a:hover{color: #176dd8;}
	.pro-list-bottom{padding: 15px 10px;font-weight: bold;background-color: #fff;color: #176dd8;}
	.pro-list-bottom .title{margin-bottom: 6px;line-height: 32px;text-align: center;background-color: #176dd8;color: #fff;}
	.pro-list-bottom .title:before{content: '';display: inline-block;width: 22px;height: 15px;margin-right: 10px;vertical-align: middle;background: url(../images/icontelinner.png) center no-repeat;}
	.pro-list-bottom .tel{font-size: 24px;}
	/*其它页面*/
	.c{clear: both;height: 0;}
	.banner-inner{clear: both;height: 415px;background: url(../images/bannerinner.jpg) center no-repeat;}
	.all{float: right;width: 850px;}
	.all-t{line-height: 60px;font-size: 16px;color: #333;}
	.all-t a{display: inline-block;color: #333;}
	.all-t .home{display: inline-block;padding-left: 26px;background: url(../images/iconhome.png) left center no-repeat;}
	.all-t a:hover{color: #176dd8;}
	.all-fl{ width:1200px;font-size:14px;border-bottom:2px solid #ededed; float:left; padding:10px 0 30px 0; font-family:"微软雅黑"; position:relative;}

	.all-fl .tb{ font-weight:bold; float:left; line-height:28px; font-size:20px; margin-top:10px;}
	.all-fl .fl-tex{ width:780px; float:left; margin-top:10px; font-size:16px;}
	.all-fl .ewm{ float:right; margin-top:10px;}
	.all-fl a{ color:#403c3b; float:left; line-height:28px; padding:0 8px;}
	.all-fl .fl-ad{ font-size:24px; font-family:"微软雅黑"; position:absolute; bottom:5px; left:0;}
	.all-fl .fl-ad2{ font-size:30px; font-family:"微软雅黑"; position:absolute; bottom:5px; left:0;}

	.clear{ clear:both;}
	.all-box{ clear:both; font-size:14px; line-height:24px;font-family:"微软雅黑"; overflow:hidden; padding:0px 10px}
	.kc,.xw,.product-box{ margin:0 auto; width:100%;font-size:12px; line-height:24px; float:left;}
	.xw ul li{ float:left; list-style-type:none; width:686px; height:30px; line-height:30px; background:url(../images/news_li.jpg) 5px 50% no-repeat; font-size:12px; padding-left:15px; border-bottom:1px dashed #ccc;}
	.kc ul li{ float:left; list-style-type:none; width:686px; height:150px; line-height:20px; font-size:12px; padding-left:15px; padding-top:2px; border-bottom:1px dashed #ccc;position:relative; line-height:24px;}
	.kc ul li a{color:#000;}
	.kc ul li  p{ margin:0; padding:0;}
	.detail{width:80px; height:30px; display:block; position:absolute; top:80px; right:10px;}
	.mid{ width:920px; clear:both; margin:0 auto;}
	.page{ float:left;line-height:30px;height:30px;width:100%;text-align:center;border:1px solid #5c84b0;margin:12px 0px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color:#FFF; background:#0A276F}
	.pic-bg {
		/*非IE的主流浏览器识别的垂直居中的方法*/
		display: table-cell;
		/*设置垂直居中*/
		vertical-align:middle;
		/*设置水平居中*/
		text-align:center;
		/* 针对IE的Hack */
		*display: block;
		*font-size: 175px;/*此处的font-size为height除以1.14 */
		*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
		width:200px;
		height:200px;
		border: 2px solid #CCC;
	}

	.sl-pic {
		/*非IE的主流浏览器识别的垂直居中的方法*/
		display: table-cell;
		/*设置垂直居中*/
		vertical-align:middle;
		/*设置水平居中*/
		text-align:center;
		/* 针对IE的Hack */
		*display: block;
		*font-size: 164px;/*此处的font-size为height除以1.14 */
		*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
		width:169px;
		height:187px;
	}

	.picshow {
		/*非IE的主流浏览器识别的垂直居中的方法*/
		display: table-cell;
		/*设置垂直居中*/
		vertical-align:middle;
		/*设置水平居中*/
		text-align:center;
		/* 针对IE的Hack */
		*display: block;
		*font-size: 163px;/*此处的font-size为height除以1.14 */
		*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
		width:196px;
		height:186px;
	}
	.inner-pic img,.show-pic img,.sl-pic img,.picshow img,.pic-bg img {
		/*设置图片垂直居中*/
		vertical-align:middle;
		border:none}


		.inner-pic{ width:420px; height:345px;  margin-top:20px; border:1px solid #CCC; text-align:center;display: table-cell;vertical-align:middle;*display: block;*font-size:302px;*font-family:Arial;}

		/*guestbook.html*/
		.feedback-and-contact { text-align:center; padding:65px 0; background:#2e2e2e;}
		.feedback-index,
		.contact-index { display:inline-block; text-align:left; font-size:12px; letter-spacing:normal; vertical-align:top; margin: 0 45px;}
		.feedback-index {}
		.feedback-index form {
			display:block;
			margin:0;
			padding:0;
			width:456px;
		}
		.fb-rows{ margin-bottom:10px;}
		.feedback-index form .fb-rows {
			/*background:#434343;*/
			line-height:normal;
			margin-bottom:10px;
		}
		.feedback-index form .fb-rows:first-child {
			border-top:none;
		}
		.feedback-index form .fb-txa,
		.feedback-index form .fb-ipt {
			overflow: auto;
			margin:0;
			width:94%;
			border:none;
			padding:0 3%;
			background-color:#EFEFEF;
			color:#fff;
			height:42px;
			font-size:12px;
			vertical-align:middle;
			display:block;
			border-radius: 0px;
			-webkit-box-sizing:content-box;
			-moz-box-sizing:content-box;
			box-sizing:content-box;
	/*-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(0, .97, .05, .99);
	transition-timing-function: cubic-bezier(0, .97, .05, .99);
	-webkit-transition-property: -webkit-transform, background-color, border-radius,box-shadow;
	transition-property: transform, background-color, border-radius,box-shadow;*/
}
.feedback-index form .fb-txa:focus,
.feedback-index form .fb-ipt:focus {
	/*position: relative;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
	background-color:#000; 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1);
	border-radius: 5px;*/
	-webkit-animation:ipt-focus 0.4s both;
	animation:ipt-focus 0.4s both;
}
.feedback-index form input:-webkit-autofill,
.feedback-index form textarea:-webkit-autofill, 
.feedback-index form select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #d3d3d3 inset;
}

@keyframes ipt-focus {
	0 {
		transform: scale(1,1);
		animation-timing-function: ease-out;
	}

	25% {
		transform: scale(0.5,0.5);
		animation-timing-function: ease-out;
	}

	50% {
		transform: scale(0.5,0);
		animation-timing-function: ease-out;
	}

	75% {
		transform: scale(0.5,0.95);
		animation-timing-function: ease-out;
		background: #d3d3d3;
		color: #000;
	}

	100% {
		transform: scale(0.5,0.5);
		animation-timing-function: ease-out;
		background: #d3d3d3;
		color: #000;
	}
}

@-webkit-keyframes ipt-focus {
	0 {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	25% {
		-webkit-transform: scale(0.95,0.95);
		transform: scale(0.95,0.95);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: scale(0.95,0);
		transform: scale(0.95,0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	75% {
		-webkit-transform: scale(0.95,0.95);
		transform: scale(0.95,0.95);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		background: #d3d3d3;
		color: #000;
	}

	100% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		background: #d3d3d3;
		color: #000;
	}
}
@keyframes ipt-focus {
	0 {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	25% {
		-webkit-transform: scale(0.95,0.95);
		transform: scale(0.95,0.95);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: scale(0.95,0);
		transform: scale(0.95,0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	75% {
		-webkit-transform: scale(0.95,0.95);
		transform: scale(0.95,0.95);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		background: #d3d3d3;
		color: #000;
	}

	100% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		background: #d3d3d3;
		color: #000;
	}
}

.feedback-index form .fb-btn {
	-webkit-appearance: none;
	margin:0;
	padding:0;
	width:100%;
	height:42px;
	color:#fff;
	font-size:14px;
	border:none;
	background-color:#bf0a24;
	cursor:pointer;
	-webkit-border-radius:0px;
	border-radius:0px;
	display: block !important;
}

.feedback-index form .fb-txa {
	height:105px;
	margin:0;
	padding:12px 3%;
	resize:none;
	line-height:18px;
	-webkit-overflow-scrolling : touch;
}
#box{position:relative;width:954px;height:292px;margin:25px auto 0;}
#box ul{position:relative;width:754px;height:292px;}
#box li{position:absolute;list-style:none;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box li div{position:absolute;bottom:-100px;width:100%;height:100px;background:#000;filter:alpha(opacity=100);opacity:1;}
#box li div h4{margin:0 10px;font:12px/24px arial;border-bottom:1px #333 solid;}
#box li div h4 span{color:red;margin-left:10px;}
#box li div p{margin:5px 10px 0;text-indent:2em;}
#box .prev, #box .next{position:absolute;top:50%;width:39px;height:80px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(img/yxs/btn.png) no-repeat;}
#box .prev{left:-60px;}
#box .next{right:-60px;background-position:-39px 0;}
#copyright{padding-top:10px;text-align:center;}

/* 通用信息列表_普通式 */
.infoList li{ line-height:24px; text-align:center; width:320px; }
.infoList li .date{ float:right; color:#999;  }
table {border-collapse:collapse; border-spacing:0; border:none; border:0;}
.table_btm { margin-left:5px; border:none; border:0;}
.table_btm td{ padding-top:10px;}
.table_btm td,.table_btm tr{border:none}
.blue_input{ height:22px; border:1px solid #9c9c9c; line-height:22px; margin-right:5px;}
.f_left{ float:left}
.btn_wei{width:65px; height:22px; display:block; background-position:0 -150px; line-height:22px; _line-height:24px; overflow:hidden; text-align:center; color:#6b6b6b; border:none; cursor:pointer;}
a.btn_wei:hover{ background-position:0 -175px;  color:#6b6b6b}


.indexpro{clear: both;padding-bottom: 50px;background: url(../images/proindexbg.jpg) center no-repeat;}
.protabtitle{padding-bottom: 25px;text-align: center;}
.protabtitle li{display: inline-block;}
.protabtitle a{display: inline-block;margin: 0 10px;padding: 0 20px;font-size: 18px;line-height: 34px;background-color: #176dd8;color: #fff;}
.protabtitle a:hover{opacity: .7;}
.prolist1{overflow: hidden;}
.prolist1 .img{position: relative;z-index: 1;overflow: hidden;height: 200px;border-radius: 8px;}
.prolist1 .img .icoso{position: absolute;top: 50%;left: 50%;z-index: 2;margin: -23px 0 0 -23px;width: 46px;height: 46px;background: url(../images/prososo.png) center no-repeat;display: none;}
.prolist1 .img img{display: block;width: 100%;}
.prolist1 .con{padding: 0 20px;line-height: 40px;text-align: center;font-size: 16px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.prolist1 a{color: #333;}
.prolist1_1{margin-left: -20px;}
.prolist1_1 li{float: left;width: 33.333%;}
.prolist1_1 a{display: block;margin: 0 0 20px 20px;}
.prolist1 a:hover .img .icoso{display: block;}




a,img,.ani{transition: .4s;}
.prolist1 a:hover, .newslist a:hover{color: #176dd8;}
.prolist1 a:hover .img img,.newslist a:hover .img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}