/* CSS Document */
body{background:#fff; font-family: '微软雅黑', sans-serif;}
body a {transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
ul,li{list-style: none;list-style-type: none;}
body {margin: 0px; padding: 0px;}
body, td, th {font-family: "Microsoft YaHei"; color: #666;}
a {font-family: "Microsoft YaHei"; color: #666; text-decoration: none; }
a:hover {color: #0a46a7; }
div, dl, dt, dd, ul, ol, li, form,p,h1,h2,h3 {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}

.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}

.container{width:1200px; padding:0 0px; margin:0 auto;}
@media(max-width:1200px){
	.container{width:1024px;}
}
@media(max-width:992px){
	.container{width:auto;}
}
@media(max-width:480px){
	.container{width:auto;}
}

.fl{float:left;}
.fr{float:right;}

/*===============================================
				header
===============================================*/
header{height:82px;}
.logo{float:left; width:600px; }
header .tel{float:right;}
header .tel img{display:block;margin-top: 20px;float:left;}
header .tel span{display: block; margin-top: 25px; float:left; font-size: 16px; margin-left: 10px;}
header .tel span em{display: block; font-style:normal; color:#015196; margin-top:5px;}

/*===============================================
				nav
===============================================*/
nav{width:100%; border-top:5px solid #cdcdcd;}
.nav{float:left; width:840px;}
.nav ul li{float:left; width:105px; text-align: center; height: 43px;}
.nav ul li a{display:block; height: 20px; line-height: 20px; border-right:1px solid #747474; width:104px; margin-top: 12px; font-size: 16px;}
.nav ul li:last-child a{border-right: 0px;}
.nav ul li.active{border-top:5px solid #015196; height: 43px; margin-top:-5px;}
.nav ul li:hover{border-top:5px solid #015196; height: 43px; margin-top:-5px;}

.search{float:right;}
.search:after {content:""; clear:both; display:table}
.search form { width: auto; float: right; }
.search input.searchinput {width: 200px; height: 30px; padding-left: 30px; border-radius: 30px; border: 1px solid #7fa5c2;  outline: none; position: relative; transition: .2s linear; margin-top:5px;}
.search input.searchinput:focus { width:230px; }
.search input.searchbutton { width: 42px; height: 30px; background: none; border: none;}
.search input.searchbutton:before{ content: "\f002"; font-family: FontAwesome; color: #324b4e;}


.swiper-container img{display: block;}


/*===============================================
				footer
===============================================*/
footer{background:#4e97cb;}
.footer-box{width:300px; float:left; color:#fff; margin-top: 30px;}
.footer-box a{color:#fff;}
.footer-box dt{font-size: 16px; line-height: 32px;}
.footer-box dd{font-size: 13px; line-height: 32px;}
.footer-box dd a:hover{color:#015196;}
.footer-copyright{border-top:1px solid #fff; width:100%; line-height: 50px; font-size: 14px; color:#fff; text-align: center; margin-top: 20px;}

/*===============================================
				index product cate
===============================================*/
.index-procate{width:100%; height: 135px; background: #4e97cb;}
.index-procate li{width:239px; border-right:1px solid #015196; float:left; height:135px;}
.index-procate li:last-child{width:240px; border:0px;}
.index-procate li:hover{background: #015196;}
.index-procate li .imgk{width:160px; height:70px; margin:20px 0px 10px 40px; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index-procate li .procatename{width:160px; margin-left: 40px; color:#fff; font-size:14px; text-align: center;}


/*===============================================
				index product
===============================================*/
.index-pro-box{margin-top: 30px;}
.tit{}
.tit .cn{font-size: 18px; line-height: 36px; display: block; text-align:center; color:#015196;}
.tit .en{font-size: 25px; font-weight: 700; line-height: 36px; display: block; text-align:center; color:#015196;}
.tit .info{width:680px; display: block; margin:0 auto; line-height: 32px; font-size: 16px; text-align: center; color:#999999;}

.index-pro{width:294px; height: 410px; background: #f1f1f1; float:left; margin-right:8px; margin-top:20px;  position:relative; overflow: hidden;}
.index-pro:last-child{margin-right: 0px;}
.index-pro .proimg{width:290px; height: 290px; margin:70px auto 0px;}
.index-pro .proinfo{text-align: left; position: absolute; top:0px; width:260px; margin:5px 12px;}
.index-pro .proinfo h3{font-weight:normal; font-size: 16px; color:#666666; height: 48px; line-height: 48px;}
.index-pro .promore{line-height: 48px; position: absolute; top:362px; width:280px; text-align: right}

.index-pro:hover {
	background: rgba(67, 108, 126, .72); height: 410px; 
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}
.index-pro:hover .proimg img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15); transition: all 1s;}
.index-pro:hover .proinfo,.index-pro:hover .promore{ 
	display: none;
}


/*===============================================
				index about
===============================================*/
.index-about{background: #4e97cb; margin-top: 40px; margin-bottom: 40px;}
.index-about .tit{padding-top:30px;}
.index-about .tit .cn{color:#fff}
.index-about .tit .en{color:#fff}
.index-about .index-box{width:100%; padding-top:30px; padding-bottom: 30px;}
.index-about .index-box img{display: block; width:500px; height: 400px; float:left;}
.index-about .index-box .index-about-content{width:660px; float: right; text-indent: 2em;}
.index-about .index-box .index-about-content p{color:#fff; text-indent: 2em; line-height: 32px; font-size: 14px;}
.index-about .index-box .index-about-content a{display: block; width:100px; border-radius:10px; height: 38px; border:1px solid #fff; float:right; line-height: 40px; color:#fff; margin-top: 20px;}
.index-about .index-box .index-about-content a:hover{background: #fff; color:#015196;}
/*===============================================
				index news
===============================================*/
.index-news .newslist{width:100%; padding-top:18px;}
.index-news .newslist .newslist-box{width:380px; float:left; margin-right:30px;}
.index-news .newslist .newslist-box:last-child{margin:0px;}
.index-news .newslist .newslist-box .newstit{width:360px; padding-left: 10px; padding-right: 10px; border-bottom:1px solid #1762b3; line-height: 38px;}
.index-news .newslist .newslist-box .newstit a{display:block; width:360px; float:left; overflow: hidden; height: 38px;}
.index-news .newslist .newslist-box .newscontent{line-height: 32px; font-size: 14px; width:360px; padding:0px 15px; margin-bottom:10px; height: 96px; overflow: hidden;}




.inside-pages{width:100%; background: #fff; padding-top: 20px;}
/*===============================================
				Inside pages left
===============================================*/
.inside-pages-left{width: 250px; float: left; border-bottom: 4px solid #eaeaea;margin-right: 30px; margin-bottom: 30px;}
.inside-pages-left .cate-tit{width: 250px; height: 102px; background: url(../images/bg5.jpg) no-repeat;}
.inside-pages-left .cate-tit p{font-weight: 600; font-size: 24px; color: #fff; padding-left: 35px; padding-top: 40px;}
.inside-pages-left .cate-tit p span{ font-size:14px; font-weight:normal;}
.inside-pages-left .cate-tit p img{padding-top: 7px;padding-left: 5px;}

.inside-pages-left .cate-list ul li{height: 61px;line-height: 61px;border-bottom: 1px solid #eaeaea;background: #f7f7f7;width: 250px;float: left;}
.inside-pages-left .cate-list ul li a{display: block;padding-left: 39px;font-size: 14px;background: url(../images/tb9.png) no-repeat 216px 25px;color: #333;}
.inside-pages-left .cate-list ul li:hover a,.inside-pages-left .cate-list .actt a{background: url(../images/tb10.png) no-repeat 216px 25px;}
.inside-pages-left .cate-list ul li:hover,.inside-pages-left .cate-list .actt{
	background: #015196;  color:#fff;}
.inside-pages-left .cate-list ul li.hover a{
	background: url(../images/tb10.png) no-repeat 216px 25px;
	color:#fff;
}
.inside-pages-left .cate-list ul li.hover{
	background: #015196; color:#fff;
}


/*===============================================
				Inside pages right
===============================================*/
.inside-pages-right{width: 920px;float: right;min-height: 300px;margin-bottom: 40px;}
.inside-pages-crumbs p{text-align: right; font-size: 12px;}
.inside-pages-crumbs{padding-bottom: 20px;border-bottom: 1px solid #ececec;margin-bottom: 20px;}
	.inside-pages-crumbs p img{padding-top: 0px;padding-right: 6px;}
.inside-pages-crumbs p span{color: #ce3f3c;}
.inside-pages-crumbs p a{font-size: 12px;}

.inside-pages-right .tit{ border-bottom:#EDEDED 1px solid;}
.inside-pages-right .tit h3{ height:26px; font-size:24px;  line-height:26px; color:#333; font-family:"微软雅黑"; font-weight:bold; padding-left:3px; }
.inside-pages-right .tit p{ font-size:16px; font-weight:bold; text-align:center; line-height:40px; height:40px; margin-top:-10px; }

/*about*/
.about .content .con p{text-indent: 2em;font-size: 14px;line-height: 30px;padding-top:40px;}

/*news*/
.new-list{padding: 35px 0px;padding-bottom: 0px}
.new-list ul{border-top:none;}
.new-list ul li{height: 43px;background: url(../images/tb11.jpg) no-repeat 10px 20px;border-bottom: 1px dashed #d9d9d9;}
.new-list ul li a{display: block;color: #545454;font-size: 14px;line-height: 43px;padding-left: 20px; }
.new-list ul li a:hover{color: #1762b3;}
.new-list ul li:hover{background: url(../images/tb11.jpg) no-repeat 10px 20px #f2f2f2;}
.new-list ul li a span{color:#999;float: right;}


.new-info .top{height: 96px;border-top: 0px solid #f0efef;border-bottom: 1px solid #f0efef;margin-bottom: 0px;}
.new-info .top  h2{ height:26px; font-size:24px; color:#333; font-family:"微软雅黑"; font-weight:bold; padding-left:3px; text-align: center;}
.new-info .top p{text-align: center;font-size: 12px;color: #666; padding-top: 16px;}

.new-info .text{padding: 30px 0;}
.new-info .text p{text-indent: 0em;line-height: 30px;font-size: 14px;}
.new-info .more {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px; margin-top:20px; font-size: 14px;}
.new-info .more span {height:30px; line-height:30px; display:block; color:#888;}
.new-info .more a {height:30px; line-height:30px; color:#a0a0a0;}
.new-info .more a:hover {color:#ff7700;}


/*products*/
.products .content .cpzxlist{ overflow:hidden; padding-top:35px;}
.products .content .cpzxlist ul li{ width:220px; height:280px; margin:0px 12px 0px 0px; float:left;}
.products .content .cpzxlist ul li:nth-child(4n+4){margin-right: 0px;}
.products .content .cpzxlist ul li p.cp{ width:200px; height:200px; border:#e3e3e3 1px solid; padding:9px; position: relative;display: flex; justify-content: center; align-items: center;}
.products .content .cpzxlist ul li img{ max-width:200px;  max-height:200px;}


.products .content .cpzxlist ul li p.cpname{ padding-top:10px; text-align:center; font-size: 14px;}

.promore{width:100%;}
.promore .tit{font-size:18px; line-height:36px; border-left:3px solid #1F85F1; margin:10px 0px; padding-left:10px; color:#1F85F1; font-weight:bold; background-color:#e5e5e5;}
.promore ul li{ width:220px; height:280px; margin:0px 12px 0px 0px; float:left;}
.promore ul li:nth-child(4n+4){margin-right: 0px;}
.promore ul li p.cp{ width:200px; height:200px; border:#e3e3e3 1px solid; padding:9px; position: relative;display: flex; justify-content: center; align-items: center;}
.promore ul li:hover  p.cp{ border:#1F85F1 1px solid;}
.promore ul li img{ max-width:200px;  max-height:200px;}
.promore ul li p.cpname{ padding-top:10px; text-align:center; font-size: 14px;}


/*picture*/
.picture .content .cpzxlist{ overflow:hidden; padding-top:35px;}
.picture .content .cpzxlist ul li{ width:220px; height:280px; margin:0px 12px 0px 0px; float:left;}
.picture .content .cpzxlist ul li:nth-child(4n+4){margin-right: 0px;}
.picture .content .cpzxlist ul li p.cp{ width:200px; height:200px; border:#e3e3e3 1px solid; padding:9px; }
.picture .content .cpzxlist ul li img{ width:200px; height:200px;}
.picture .content .cpzxlist ul li p.cpname{ padding-top:10px; text-align:center; font-size: 14px;}


/*contact*/
.contact .content .con {font-size: 14px;line-height: 30px;padding-top:40px;}




.pagination {
	float:left;
	text-align:center;
	width:744px;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 16px/28px '微软雅黑', sans-serif;
	*display:inline;
	:1;
	*zoom:1;}
.page span {
	float:left;}
.page a,
.page span.disabled,
.page strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '微软雅黑', sans-serif;
	height:24px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.page strong{background:#0067AC; color:#fff; }
.page a:hover {
	border:1px solid #0067AC;
	color:#0067AC;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px '微软雅黑', sans-serif;
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#0067AC;
	border:1px solid #0067AC;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}