/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
a {
	color: #333;
}
a:hover {
	color: #666;
	text-decoration: none;
}
@media (min-width: 1200px) {
.container {
	width: 1200px;
}
}
.mt40 {
	margin-top: 40px;
}
.top {
	height: 35px;
	line-height: 35px;
	background-color: #eaeaea;
}
.top a {
	margin: 0 5px;
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border: none;
}
.navbar-default {
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #eb6100;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #eb6100;
}
.navbar-brand {
	float: left;
	height: 140px;
	padding: 20px 15px;
}
.navbar-brand > img {
	display: block;
}
.navbar-collapse {
	background-color: #0053a9;
}
.navbar-slogan {
	font-size: 24px;
	line-height: 30px;
	padding-top: 50px;
}
.navbar-slogan span {
	color: #c00;
}
.navbar-tel {
	background: url(../images/phone.png) no-repeat left center;
	padding-left: 60px;
	margin-top: 60px;
}
.navbar-tel b {
	font-size: 30px;
	line-height: 30px;
	color: #eb6100;
}
.carousel-indicators {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	border: none;
	border-radius: 50%;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background-color: #195fbc;
}
.hot {
	padding: 25px 0;
}
.hot span {
	font-weight: bold;
}
.hot a {
	margin: 0 8px;
}
.product {
	padding: 60px 0;
}
.product-box {
	background-color: #014fa2;
	color: #fff;
	padding: 5px;
}
.product-title {
	padding: 20px 0;
}
.product-title span {
	display: block;
	font-size: 16px;
	color: #3772b4;
	padding-top: 5px;
}
.product-title h3 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.product-list, .contact {
	background-color: #fff;
	padding: 10px;
}
.product-list li {
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	font-size: 16px;
}
.product-list li a {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;
	color: #333;
}
.product-list li a:hover {
	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;
	color: #fff;
}
.product-list dl {
	margin-bottom: 0;
}
.product-list dt, .product-list dd {
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	font-size: 16px;
}
.product-list dt a {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #014fa2 url(../images/icon_dl.jpg) no-repeat 94% center;
	color: #fff;
}
.product-list dd a {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;
	color: #333;
}
.product-list dd a:hover {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;
	color: #fff;
}
.contact {
	line-height: 26px;
	color: #333;
}
.contact p {
	margin: 0;
}
.hot-title {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.hot-title h3 {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	color: #0053a9;
}
.hot-title a {
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #014fa2;
	color: #fff;
	text-align: center;
	border-radius: 15px;
}
.hot-product {
	margin-top: 30px;
}
.hot-product a {
	display: block;
	border: 1px solid #ededed;
}
.hot-product img {
	width: 100%;
	height: 220px;
}
.hot-product span {
	height: 50px;
	line-height: 50px;
	background-color: #e5e5e5;
	font-size: 16px;
}
.hot-product a:hover {
	border: 1px solid #0053a9;
}
.hot-product a:hover span {
	background-color: #0053a9;
	color: #fff;
}
.ad {
	height: 400px;
	background: url(../images/ad.jpg) no-repeat center top;
}
.ad2 {
	height: 200px;
	background: url(../images/ad02.jpg) no-repeat center top;
}
.adv {
	padding: 60px;
	background-color: #ecedf0;
}
.adv-title h3 {
	margin: 0 0 15px;
	font-size: 30px;
	font-weight: bold;
}
.adv-title h3 span {
	color: #0053a9;
}
.adv-title i {
	display: block;
	font-style: normal;
	color: #444;
	font-size: 14px;
}
.adv-text {
	border-bottom: 1px solid #ececec;
	margin-top: 20px;
}
.adv-text h4 {
	height: 62px;
	line-height: 62px;
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: bold;
}
.adv-text h4 i {
	display: inline-block;
	width: 77px;
	height: 62px;
	background: url(../images/icon_adv.png) no-repeat center top;
	color: #fff;
	font-size: 40px;
	text-indent: 10px;
	margin-right: 15px;
	font-style: normal;
}
.adv-text h4 span {
	color: #0053a9;
}
.adv-text p {
	line-height: 30px;
	color: #666;
}
.adv img {
	margin-top: 40px;
}
.info {
	padding: 60px 0 0;
}
.about {
	margin-top: 30px;
}
.about-con h3 {
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 10px;
}
.about-con h3 span {
	color: #999;
	margin-left: 10px;
}
.about-con p {
	line-height: 30px;
	color: #666;
	text-indent: 2em;
	text-align: justify;
}
.about-con a {
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #0053a9;
	border-radius: 15px;
}
.picMarquee-left {
	overflow: hidden;
	position: relative;
}
.picMarquee-left .bd {
}
.picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.picMarquee-left .bd ul li {
	margin: 30px 10px 0;
	width: 240px;
	float: left;
	_display: inline;
	overflow: hidden;
}
.picMarquee-left .bd ul li a {
	display: block;
	border: 1px solid #ececec;
}
.picMarquee-left .bd ul li img {
	width: 100%;
	height: 180px;
}
.picMarquee-left .bd ul li a span {
	height: 50px;
	line-height: 50px;
	background-color: #e5e5e5;
	font-size: 16px;
}
.picMarquee-left .bd ul li a:hover {
	border: 1px solid #0053a9;
}
.picMarquee-left .bd ul li a:hover span {
	background-color: #0053a9;
	color: #fff;
}
.news-title {
	height: 40px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.news-title h3 {
	margin: 0;
	line-height: 38px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	border-bottom: 3px solid #0053a9;
	padding: 0 10px;
}
.news-list li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	background: url(../images/icon05.gif) no-repeat left center;
	padding-left: 10px;
}
.footer {
	padding: 30px 0;
	background-color: #0053a9;
	color: #fff;
	line-height: 30px;
}
.footer a {
	color: #fff;
}
.footer p {
	margin: 0;
}

.footWrap{ height:382px; background:url(../images/footer_bg.jpg) no-repeat center top;overflow:hidden;margin-top:20px;}
.footWrap .footer{ width:1200px; margin:0 auto; position:relative;}
.fnav{ font:16px "Microsoft YaHei"; text-align:center; line-height:66px; overflow:hidden;}
.fnav a{ display:inline-block; color:#fff; padding:0 35px;}
.fnav a:hover{ text-decoration:underline;}
.flogo{ width:300px; height:249px; font:14px "Microsoft YaHei"; line-height:24px; color:#ababab; overflow:hidden; background:url(../images/fline.png) no-repeat right top; margin-top:66px;}
.flogo h2{ width:228px; height:58px; overflow:hidden; margin-bottom:21px;}
.flogo a{color:#ababab;}
.flogo em{padding:0 10px;}
.flogo h2 img{ display:block;width:63px; height:57px;}
.flogo span{ display:block; margin-top:15px;}
.flogo span img{ display:inline-block; width:38px; height:38px;}
.flogo span a{ display:inline-block; width:38px; height:38px; margin-right:13px; position:relative;}
.flogo span b{ display:none; position:absolute; top:-20px; left:40px; z-index:1;}
.flogo span b img{ display:block; width:100px; height:100px;}
.flogo span a:hover b{ display:block;}
.fwz{ width:525px; height:220px; margin-top:66px; background:url(../images/fline.png) no-repeat right top; padding-left:55px;font:14px "Microsoft YaHei"; line-height:24px; color:#ababab;}
.fwz span{ display:block; font:20px Arial;    line-height: 50px;color:#fff; margin-bottom:12px;}
.fwz span em{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; margin-bottom:4px;}
.code{ width:250px; margin-top:66px;}
.code p{ width:120px;}
.code p em{ display:block; width:96px; height:96px; border:8px solid #fff; margin:0 auto;}
.code p em img{display:block; width:96px; height:96px;}
.code p i{ display:block; height:22px; border:1px solid #6a6a6a; border-radius:2rem; text-align:center; margin-top:14px; font:14px "Microsoft YaHei"; line-height:22px; color:#aaa;}
    
.link{ height:140px; background:#191919; overflow:hidden;}
.link p{ width:1000px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#a8a8a8;line-height:47px;}
.link p a{ display: inline-block; padding-right:26px;font:14px "Microsoft YaHei"; color:#7b7a7a; line-height:47px; height:47px;}
.link p a:last-child{ padding:0;}
.link p a:hover{ color:#fff; font-weight:bold;}
.link em{float:right; width:81px; height:69px; overflow:hidden;}
.link em img{width:81px; height:69px;display:block;}
  
i,em{ font-style:normal;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.content { margin:0 auto;  }
.footern { width:1200px; margin:0 auto;  }

.message {
	background-color: #e9e9e9;
	padding: 20px 20px;
}
.message .clearfix {
	margin-bottom: 10px;
}
.message .clearfix img {
	width: 150px;
}
..message .clearfix p {
text-align:center;
}
.message b {
	color: #f00;
}
.message .clearfix input {
	width: 75%;
	height: 32px;
	line-height: 32px;
	background-color: #fff;
	border: 1px solid #cecece;
	padding: 0 10px;
}
.message textarea {
	width: 75%;
	height: 80px;
	background-color: #fff;
	border: 1px solid #cecece;
	padding: 10px;
}
.message .submit input {
	width: 100px;
	height: 36px;
	line-height: 36px;
	margin: 10px auto;
	background-color: #ff6600;
	color: #fff;
	font-size: 18px;
	padding: 0;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	margin: 0 5px;
}
.main .message .clearfix input {
	width: 80%;
}
.main .message textarea {
	width: 90%;
}
.position {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
}
.position h3 {
	margin: 0;
	line-height: 50px;
	font-size: 24px;
}
.content {
	margin-top: 20px;
	line-height: 30px;
	text-align: justify;
}
.news-item {
	background-color: #f4f4f4;
	box-shadow: 0 2px 5px #d6d4d1;
	padding: 20px;
	margin-top: 20px;
	overflow: hidden;
}
.news-item a:hover {
	color: #014fa2;
}
.news-item b {
	font-size: 16px;
}
.news-item p {
	margin-top: 10px;
	line-height: 26px;
	color: #666;
}
.news-item .more {
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #F48C00;
	color: #fff;
	border-radius: 5px;
}
.content-title {
	font-size: 24px;
	margin: 30px 0;
}
.content-info {
	padding: 10px 0;
	background-color: #eee;
}
.content-info span {
	margin: 0 7px;
}
.product-info {
	margin-top: 20px;
}
.product-info h1 {
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}
.product-info p {
	font-size: 15px;
	line-height: 30px;
}
.product-details {
	height: 45px;
	line-height: 45px;
	margin: 20px 0;
	background-color: #f2f2f2;
	font-size: 16px;
}
.product-details span {
	display: block;
	width: 130px;
	height: 45px;
	background-color: #195fbc;
	color: #fff;
	text-align: center;
}
.product-details span {
	display: block;
	width: 130px;
	height: 45px;
	background-color: #195fbc;
	color: #fff;
	text-align: center;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 40px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: 5px;
	line-height: 1.42857143;
	color: #195fbc;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #195fbc;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	z-index: 2;
	color: #fff;
	background-color: #195fbc;
	border-color: #195fbc;
}
.pagination > .thisclass > a, .pagination > .thisclass > span, .pagination > .thisclass > a:hover, .pagination > .thisclass > span:hover, .pagination > .thisclass > a:focus, .pagination > .thisclass > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #195fbc;
	border-color: #195fbc;
}
 @media (min-width: 768px) {
.navbar-header {
	width: 100%;
}
.navbar-nav > li > a {
	padding: 15px 26px;
	font-size: 16px;
}
}
 @media (max-width: 767px) {
.navbar-brand {
	float: left;
	height: 45px;
	padding: 5px 15px;
}
.navbar-brand img {
	height: 45px;
}
.hot-product img {
	height: auto;
}
}
/*侧边*/
.menu_list {
	background: #fff;
	padding: 5px;
}
.menu_list .current {
	background: #f1f1f1 url(../images/pro_down.png) center right no-repeat;
}
.menu_head {
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
	margin-top: 10px;
}
.menu_head a {
	display: block;
	text-overflow: ellipsis;
	width: 91%;
	height: 40px;
	overflow: hidden;
}
.menu_heads {
	height: 40px;
	line-height: 40px;
	/*padding: 0px 10px;*/
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	margin-top: 10px;
}
.menu_heads a {
	display: block;
	text-overflow: ellipsis;
	width: 91%;
	height: 40px;
	overflow: hidden;
	text-align:center;
}
.menu_heads a:hover {
	background-color: #006dc0;
	width: 100%;
	color: #fff;
}
.menu_heads .active {
	background-color: #006dc0;
	width: 100%;
	color: #fff;
	text-align:center;
}
.menu_body {
	height: auto;
	overflow: hidden;
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
}
.menu_body a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0px 20px;
	color: #777777;
	background: #fff;
	text-decoration: none;
	border-bottom: 1px solid #e1e1e1;
}

#maximg img{ max-width:100% !important; height:auto !important}

/*翻页样式*/
/* pages*/
.pages {margin: 30px 0 0;text-align: center;font-size: 0;}
.pages a{display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;BORDER: #bfbfbf 1px solid;}
.pages SPAN {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;border: #bfbfbf 1px solid;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;}
.pages a:hover,.pages a.active {background-color: #0e75c8;color: #fff;}
.pages SPAN .current{display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;border: #bfbfbf 1px solid;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;}


/*浮动客服*/

.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}

.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background:#0053a9;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}

.toolbar dd:first-child{margin-top: 0;}

.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}

.toolbar dd.qq i{background-position-y: 0;}

.toolbar dd.tel i{background-position-y: -30px;}

.toolbar dd.code i{background-position-y: -60px;}

.toolbar dd.top i{background-position-y: -90px;}

.toolbar dd span{display: block;color: #fff;}

.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0053a9;opacity: 0;transition: all .5s;}

.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}

.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}

.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0053a9;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}

.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0053a9;opacity: 0;transition: all .5s;}

.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}

.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0053a9;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}

.toolbar dd:hover{background: #333;}

.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}

.toolbar dd.code:hover .box{opacity: 1;right: 80px;}


/******************************
 ** 在线留言
 ** PC端
 ******************************/
 .message-page input.code { border-color:#aaa; }
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#fff; padding:5px 5px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#427edf; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/09ee567a89204226b9eb0b775144f30b.gif) center center no-repeat; }