/* CSS Document */
body{background:#f3f3f3; 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; font-family:"Microsoft YaHei"; background:#f1f1f1;}
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;}

.swiper-container img{display: block; max-width: 100%;}

/*===============================================
				header
===============================================*/
header{height: 100px;width:100%; background: #fff;}
header .logo{float:left;}
header .logo a{display: block; height: 100px;}
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:#1762b3; margin-top:5px;}

/*===============================================
				nav
===============================================*/
.nav{height:45px; background: #1762b3; width:100%;}
.nav .navbox ul li{float:left; width:171px;color:#fff; height: 45px; line-height: 30px; background:url(../images/nav-right.jpg) right no-repeat; text-align: center;}
.nav .navbox ul li:last-child{background:url();}
.nav .navbox ul li.active{background: url(../images/nav-active.jpg) no-repeat center; height:45px; }
.nav .navbox ul li a{color:#fff; display: block; height: 30px; margin-top: 9px; }
.nav .navbox ul li.active a{color:#fff;}
.nav .navbox ul li:hover{background: url(../images/nav-active.jpg) no-repeat center; height:45px;}
.nav .navbox ul li:hover a{color:#fff;}


/*===============================================
				hot products
===============================================*/
.hotPro{background: url(../images/searchbg.jpg) no-repeat;margin-top:16px; margin-bottom: 20px;}
.hotPro h2{float:left; width:100px; color:#fff; font-size:16px; font-weight: normal; font-family: normal; line-height: 40px; margin-left: 20px;}
.search{float:right; width:240px; margin-top: 8px; height: 20px;}
.search .searchinput{height: 20px; border:0px; padding-left:10px; border-radius: 3px;}
.search .searchbtn{color:#fff; background-color:rgba(0,0,0,0);border:0px; letter-spacing: 3px;}


/*===============================================
				footer
===============================================*/
footer{background: #1762b3; width:100%;}
.footer{color:#fff;}
.footer .footmap{float:left; width:622px; margin-top:10px;}
.footer .footmap .tit{line-height: 50px; font-size:18px; }
.footer .footmap .tit span{font-size: 14px;}
.footer .contact{width:360px;float:left; line-height: 36px; font-size: 14px; padding-top: 60px; padding-bottom:10px;}
.footer .footewm{width:184px; float:right; margin-top:10px;}
.footer .footewm .tit{line-height: 50px; font-size:14px; text-align: center;}
.footnav{background: #306fb3; height: 54px; line-height: 54px; border-top:1px solid #fff; border-bottom:1px solid #fff; text-align: center;}
.footnav a{color:#fff; padding:0px 20px;}

.link{line-height: 36px; color:#fff;}
.link a{color:#fff;}
.link a:hover{color:#333;}
.copyright{line-height: 54px; color:#fff; text-align: center;}


/*===============================================
				index products
===============================================*/
.index-pro-box{background: url(../images/index-pro-bottom.jpg) bottom no-repeat; height: 540px;}

.index-pro-box .index-pro-cate{float:left; width:240px;}
.index-pro-box .index-pro-cate .tit{width:240px; height: 70px; padding-top: 10px; font-size: 28px; color:#fff; text-align: center; background: url(../images/index-pro-catebg.jpg)}
.index-pro-box .index-pro-cate .tit span{display: block; font-size: 13px; margin-top: 6px;}
.index-pro-box .index-pro-cate .content{width:240px; background: #fff;}
.index-pro-box .index-pro-cate .content ul{padding-top: 1px; padding-bottom: 14px;}
.index-pro-box .index-pro-cate .content ul li{width:210px; margin:10px 10px 0px; color:#fff; padding-left:10px; background: url(../images/index-pro-cate-contbg.jpg); line-height: 35px; height:35px;}
.index-pro-box .index-pro-cate .content ul li a{color:#fff; font-size: 14px;}

.index-pro-box .index-pro-list{ width:950px; float:right; background: #fff; }
.index-pro-box .index-pro-list .tit{border-bottom:2px solid #1762b3; height: 40px; line-height: 40px; padding-left: 12px; font-size: 18px; color:#1762b3;}
.index-pro-box .index-pro-list .tit a{float: right; margin-right:20px; font-size: 14px}
.index-pro-box .index-pro-list .prolist{padding-top: 18px;}
.index-pro-box .index-pro-list .prolist ul li{float:left; width:25%;}
.index-pro-box .index-pro-list .prolist ul li .imgk{width:181px; height:181px; border:2px solid #cdcdcd; margin:0 auto;position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index-pro-box .index-pro-list .prolist ul li .imgk img{max-width: 180px; display: block; margin: 0px auto; max-height: 180px;}
.index-pro-box .index-pro-list .prolist ul li p{line-height: 35px; font-size: 14px; width:200px; margin:0 auto; text-align: center; height: 35px; overflow: hidden;}
.index-pro-box .index-pro-list .prolist ul li:hover .imgk{border-color: #1762b3;}
.index-pro-box .index-pro-list .prolist ul li:hover p{color:#1762b3;}


/*===============================================
				index case
===============================================*/
.index-case{margin:25px auto; background: #fff;}
.index-case .tit{background: url(../images/searchbg.jpg) no-repeat top; height: 40px; border-bottom: 2px solid #0782cd; line-height: 40px;}
.index-case .tit h2{color:#fff; width: 200px; float:left; padding-left:12px;  font-weight: normal; font-family: normal; font-size: 16px;}
.index-case .tit a{float:right; margin-right:20px; color:#fff; font-size: 14px}
.index-case .caselist{width:100%;}
.index-case .caselist ul{padding-top: 14px; padding-bottom: 10px;}
.index-case .caselist ul li{width:16.66667%; float:left;}
.index-case .caselist ul li .imgk{width:160px; height:120px; border:2px solid #cdcdcd; margin:0 auto;position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index-case .caselist ul li .imgk img{max-width: 160px; display: block; margin: 0px auto; max-height: 120px;}
.index-case .caselist ul li p{line-height: 33px; width:180px; margin:0 auto; text-align: center; font-size: 14px;}
.index-case .caselist ul li:hover .imgk{border-color: #1762b3;}
.index-case .caselist ul li:hover p{color:#1762b3;}

/*===============================================
				index about-contact
===============================================*/
.index-about-contact{}
.index-about{width:960px; float:left;}
.index-about .tit{background: url(../images/index-about-tit.jpg) no-repeat top; height: 40px; border-bottom: 2px solid #0782cd; line-height: 40px;}
.index-about .tit h2{color:#fff; width: 200px; float:left; padding-left:12px;  font-weight: normal; font-family: normal; font-size: 16px;}
.index-about .tit a{float:right; margin-right:20px; color:#fff; font-size: 14px}
.index-about .content{padding: 10px; background: #fff; width:940px;}
.index-about .content img{display: block; width:340px; height: 240px; float:left;}
.index-about .content .info{width:590px; float:right; margin-left: 10px; height: 240px; line-height: 34px;}

.index-contact{width:230px; float:right;}
.index-contact .tit{background: url(../images/index-contact-tit.jpg) no-repeat top; height: 40px; border-bottom: 2px solid #0782cd; line-height: 40px;}
.index-contact .tit h2{color:#fff; width: 200px; float:left; padding-left:12px;  font-weight: normal; font-family: normal; font-size: 16px;}
.index-contact .content{padding: 10px; background: #fff; width:210px; color:#333333; line-height: 34px; font-size: 14px;}
.index-contact .content img{display: block; width:210px; height: 100px; margin-bottom:3px;}

/*===============================================
				index news
===============================================*/
.index-news{margin:25px auto; background: #fff;}
.index-news .tit{background: url(../images/searchbg.jpg) no-repeat top; height: 40px; border-bottom: 2px solid #0782cd; line-height: 40px;}
.index-news .tit h2{color:#fff; width: 200px; float:left; padding-left:12px;  font-weight: normal; font-family: normal; font-size: 16px;}
.index-news .tit a{float:right; margin-right:20px; color:#fff; font-size: 14px}
.index-news .newslist{width:100%; padding-top:18px;}
.index-news .newslist .newslist-box{width:390px; float:left; margin-right:15px;}
.index-news .newslist .newslist-box:last-child{margin:0px;}
.index-news .newslist .newslist-box .newstit{width:370px; padding-left: 10px; padding-right: 10px; border-bottom:1px solid #1762b3; line-height: 38px;}
.index-news .newslist .newslist-box .newstit a{display:block; width:260px; float:left; overflow: hidden; height: 38px;}
.index-news .newslist .newslist-box .newstit span{display: block; float:right; color:#b0b0b0;}
.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: 51px;line-height: 51px;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 16px 20px;color: #333;}
.inside-pages-left .cate-list ul li:hover a,.inside-pages-left .cate-list ul li .actt a{background: url(../images/tb10.png) no-repeat 16px 20px; color:#ff6706;}
.inside-pages-left .cate-list ul li:hover,.inside-pages-left .cate-list ul li .actt{
	background: #fff url(../images/tb10.png) no-repeat 16px 20px; color:#ff6706;}
.inside-pages-left .cate-list ul li.hover a{
	background: url(../images/tb10.png) no-repeat 216px 25px;
}
.inside-pages-left .cate-list ul li.hover{
	background: #fff;
}

.inside-pages-left .cate-list ul dl{float:left; line-height: 40px; font-size: 14px;  width:100%;}
.inside-pages-left .cate-list ul dl a{display: block;padding-left: 39px;font-size: 14px;border-bottom: 1px solid #eaeaea;}
.inside-pages-left .cate-list ul dl a:hover,.inside-pages-left .cate-list ul dl a.actt{color:#ff6706;}
/*===============================================
				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: 2em;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;}

.products .content .cpzxlist ul li:hover p.cp{border:1px solid #ff6706;}
.products .content .cpzxlist ul li:hover p.cpname a{color: #ff6706;}

.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;}
.about_txt{
	text-indent: 2em;
	line-height: 50px;
}