@import url("iconfont.css");
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input, h1, h2, h3, h4, h5, h6, p, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
body {
	background-color: #f5f5f5;
}
a {
	text-decoration: none
}
img {
	border: none;
}
ul {
	list-style: none;
}
.center {
	width: 1200px;
	margin: 0 auto;
}
.clear {
	clear: both;
	overflow: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/* top */
.top {
	height: 30px;
	background-color: #1966a7;
}
.top a {
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}
/* main */
.main {
	height: 144px;
}
.logo {
	width: 100px;
	height: 144px;
}
.logo img {
	width: 100px; margin-top:22px
}
.biaoyu {
	margin-top: 60px;
	margin-left: 25px;
}
.biaoyu p {
	font-size: 26px;
	color: #666666;
}
.biaoyu p.heng {
	width: 52px;
	height: 2px;
	background-color: #1966a7;
	margin-top: 5px;
}
.tel {
	background: url('../images/phone.png') no-repeat 0 center;
	height: 45px;
	padding-left: 68px;
	width: 438px;
	margin-top: 55px;
}
.tel .num {
	font-size: 24px;
	color: #1966a7;
	font-weight: bold;
}
/* 导航 */
.nav {
	width: 100%;
	height: 60px;
	background-color: #1966a7;
	line-height: 60px;
	overflow: hidden;
}
.nav .level li {
	float: left;
	width: 171.4px;
	text-align: center;
	background: url(../images/dhx.jpg)no-repeat left center;
}
.nav ul li a {
	color: #fff;
	font-size: 18px;
}
.nav ul li.cur ,.nav ul li.cur { background:#aa1951}
.nav ul li.cur a {
	color: #fff;
	font-weight: bold;
}
.nav ul li:hover a {
	color: #fff;
}
.nav .two {
	display: none;
	position: relative;
	background: #1966a7;
}
.nav .level li:hover .two {
	display: block;
	position: absolute;
	width: 171.4px;
	z-index: 99;
}
.nav .two li {
	transition: .4s;
	cursor: pointer;
	background: none
}
.nav .two li a {
	color: #fff !important;
}
.nav .two li:hover {
	background: #1966a7;
}
/* 轮播图 */
.swiper-container {
	width: 100%;
}
.swiper-wrapper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	width: 100%;
	height: 100%;
}
.indeximg img {
	width: 100%;
	height: 100%;
}
.swiper-container .swiper-pagination-bullet-active {
	background-color: #1966a7;
}
#swiperIndex .swiper-button-prev, #swiperIndex .swiper-button-next {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.3);
}
.footer{ background:url(../images/footbj.jpg) repeat center center; width:100%; height:301px; margin-top:50px;}
.foot { margin-left:50px;}
.foot ul li{ float:left; margin-right:77px; height:66px; line-height:66px;}
.foot ul li:last-child {
	margin-right: 0}
.foot ul li a{ color:#fff; font-size:16px;}
.footxin{ width:730px;margin-top:28px;}
.footwei{ margin-top:32px; width:149px;}
.footwei p{ font-size:14px; color:#fff; text-align:center; line-height:46px;}
.footxin p{ line-height:44px; color:#fff; font-size:14px;}
.footxin p a{color:#fff; }
/* 面包屑导航 */
  .mb{width: 100%; height: 40px; border-bottom: 1px solid #aaaaaa;}
  .mb img{ margin-top: 6px;}
  .mb p.d1{font-size: 14px; margin-top: -26px;margin-left: 25px; color: #666666;}
  .mb p.d1 a{ color: #666666;}


 ::-webkit-scrollbar{width: 7px;height: 7px;background-color: #F5F5F5;}
 ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;}
 ::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #c8c8c8;}

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*浮动客服*/
.window-service{position: fixed; top: 200px; right: 4px; z-index: 3;}
.window-service ul li{position: relative ; border: solid 1px #f5f5f5; background-color: #fff; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #333; text-align: center; cursor: pointer}
.window-service ul li a{ color: #333; }
.window-service ul li i{font-size: 28px; line-height: 28px;}
.window-service ul li p{font-size: 12px;line-height: 24px;}
.window-service-tel,
.window-service-wx{opacity: 0; visibility: hidden; transform: translateX(10px); transition: all .3s;}
.window-service-tel{position: absolute; top: 0; right: 68px; z-index: 1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; font-family: arial;   border: solid 1px #f5f5f5; background-color: #fff; color: #333;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #f5f5f5; border-radius: 4px; background-color: #fff;}
.window-service-wx h3{color: #666; font-size: 14px;}
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx{opacity: 1; visibility: visible; transform: translateX(0)}

.wide{width:1280px;margin:0 auto;  }
.wide:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.hotproduct{ padding:3% 0; }
.hotproduct .wide{position:relative;}
.hotproduct ul{list-style:none; overflow:hidden;  }
.hotproduct .bd{overflow:hidden;}
.hotproduct li{ float:left; width:380px; margin:0 10px;background:#f8f8f8; padding:30px; text-align:center;}
.hotproduct li img{ display:block; width:100%; margin-bottom:2%;}
.hotproduct li span{}
.hotproduct li p{color:#333 }
.hotproduct li:hover{ background:#4c98cd; color:#fff;}
.hotproduct li:hover a{ color:#fff;}
.hotproduct .bot{ position:absolute; width:40px; height:40px;top:50%; }
.hotproduct .prev{background:#dcdcdc url(../images/bot1.png) no-repeat;left:0;}
.hotproduct .next{background:#dcdcdc url(../images/bot2.png) no-repeat;right:0;}

.more{margin-top:2%;}
.more a{position:relative;display: block;width:100px;line-height:30px;text-align:center; text-transform:uppercase;border:1px #fff solid; margin:0 auto; color: #fff;}
.more a:after{ content:" >"; font-family:"宋体";}
.more a:hover{ color:#82114b; background:#fff;}


.workshop{position:relative; clear:both;}
.workshop ul{ overflow:hidden; zoom:1; }
.workshop .hd{ }
.workshop .hd .prev,.workshop .hd .next{ display:block; width:45px; height:45px;top: 50%; position:absolute;background:#f0f0f0; text-align:center; }
.workshop .hd .prev{ left:0%; }
.workshop .hd .next{right:0%; }
.workshop .hd .prev:before{ content:"<"; font:bold 28px/45px "宋体"; }
.workshop .hd .next:before{content:">"; font:bold 28px/45px "宋体";  }
.workshop .hd .prev:hover, .workshop .hd .next:hover{ background:#1966a7;   }

.workshop .bd{ padding:3% 4% 0 4%; overflow:hidden;  }
.workshop .bd li{width:25%; float:left; overflow:hidden; text-align:center;  }
.workshop .bd li a{ display:block; margin:0 3%; position:relative; overflow:hidden; padding-bottom:18%; }
.workshop .bd li a img{ display:block; width:100%;  }
.workshop .bd li a span{ display:block; position:absolute; width:100%;left:0;bottom:0%; background:#f0f0f0; z-index:9; padding:4% 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333;}
.workshop .bd li a:hover{ color:#1966a7;  }
.workshop .bd li a:hover em img{ transform: scale(1.1, 1.1); }
/* 中间内容 */
.con {
	width: 100%;
}
.con .na .box {
	width: 248px;
	background-color: rgb(255, 255, 255);
	box-shadow: #dddddd 4px 6px 10px 2px;
	margin-top: 30px;
}
.box_top {
	width: 100%;
	height: 70px;
	background-color: #1966a7;
}
.box_top a {
	font-size: 26px;
	color: #fff;
	line-height: 70px;
}
.box_main {
	width: 100%;
	height: 55px;
}
.box_main a {
	font-size: 18px;
	color: #333;
	line-height: 55px;
}
.on a {
	color: #1966a7
}
.box_main div {
	width: 245px;
	height: 1px;
	background-color: #dddd;
	margin: auto;
}
.box_main a:hover {
	color: #1966a7;
}
.box_main1 {
	width: 202px;
	height: 50px;
	background-color: #1966a7;
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 30px;
}
.box_main1 .ke {
	width: 49px;
}
.box_main1 .ke img {
	width: 27px;
	height: 30px;
	margin-left: 45px;
	margin-top: 11px;
}
.zixun a {
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	margin-left: 35px;
}
.box_main2 {
	width: 226px;
	margin: 0 auto;
	margin-top: 15px;
}
.box_main2 img {
	width: 100%;
}
.box_botton {
	width: 226px;
	margin: 0 auto;
}
.box_botton p {
	line-height: 24px;
}
.box_botton .p1 {
	font-size: 18px;
	color: #666666;
	margin-top: 15px;
}
.box_botton .p2 {
	font-size: 26px;
	color: #1966a7;
	font-weight: 600;
	margin-top: 6px;
}
.box_botton .p3 {
	font-size: 14px;
	color: #666666;
	margin-top: 11px;
}
.box_botton .p4 {
	font-size: 14px;
	color: #666666;
	margin-top: 11px;
}
.box_botton .p5 {
	font-size: 14px;
	color: #666666;
	margin-top: 11px;
	padding-bottom: 30px;
}
/*分页*/
.page_nav a {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #ccc;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	text-decoration: none;
	padding:3px 10px;
}
.page_nav a:hover {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #000;
	border-bottom: #ccc 1px solid
}
.page_nav a:active {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #000;
	border-bottom: #ccc 1px solid
}
.page_nav span.current {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	background-color: #1966a7;
	padding:5px 10px;
}
.page_nav span.nolink {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #999;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	padding:5px 10px;
}
.page_nav {
	margin-top:30px;
	text-align:center;
	width:100%; margin-bottom:30px;
}