@import "font_2047098_tad3ytnt4om.css";
body {
	min-width:1260px
}
.container {
	width:1200px;
	padding:0
}
* {
	font-family:"PingFang", "Microsoft YaHei", "黑体", "宋体", "Arial", sans-serif
}
ul, h1, h2, h3, h4, h5, h6, p, dl {
	padding:0;
	margin:0;
	font-weight:normal
}
ul {
	list-style:none
}
ul:before, dl:before, ul:after, dl:after {
	content:'';
	display:table;
	clear:both
}
input, textarea {
	outline:none;
	border:none;
	background:none
}
textarea {
	resize:none
}
a, a:hover, a:active, a:focus {
	text-decoration:none
}
a, button {
	outline:none !important
}
button {
	border:none
}
.pd-rt-0 {
	padding-right:0
}
.pd-lt-0 {
	padding-left:0
}
.c-line-clamp1 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.c-line-clamp2 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.c-line-clamp3 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
.c-line-clamp4 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4
}
.c-line-clamp5 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5
}
.scale-img {
	overflow:hidden
}
.scale-img img {
transition:.3s
}
.scale-img:hover img {
	-webkit-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2)
}
.ob-cover-img img, .ob-contain-img img {
	width:100%;
	height:100%
}
.ob-cover-img img {
	object-fit:cover
}
.ob-contain-img img {
	object-fit:contain
}
.display-table {
	display:table;
	width:100%;
	height:100%
}
.display-table .ver-middle {
	display:table-cell;
	vertical-align:middle;
	height:100%
}
.iconfont, .glyphicon {
	vertical-align:middle
}
.overflow-y-hidden {
	overflow-y:hidden
}
.overflow-x-hidden {
	overflow-x:hidden
}
.header {
	width:100%;
	border-top:8px solid #0E6FDA;
	background:#fff;
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	/*box-shadow:3px 3px 15px #f4f4f4*/
}
.header .logo {
	width:330px;
	line-height:90px
}
.header .logo a {
	display:block
}
.header .logo a img {
	max-width:100%;
	max-height:60px
}
.header .nav {
	max-width:760px;
	margin-left:20px;
	position:relative
}
.header .nav:after {
	content:'';
	display:block;
	width:1px;
	height:30px;
	background:#b7b7b7;
	position:absolute;
	top:30px;
	right:-5px
}
.header .nav ul li {
	width:100px;
	text-align:center;
	line-height:90px;
	float:left;
	margin:0 3px
}
.header .nav ul li a {
	display:block;
	font-size:16px;
	color:#101010
}
.header .nav ul li a:hover, .header .nav ul li a.on {
	background:#0E6FDA;
	color:#fff
}
.header .header-phone {
	max-width:225px;
	background:url(../image/icon-header-contact.png) no-repeat left center;
	padding-left:50px;
	margin-top:20px
}
.header .header-phone h5 {
	font-size:16px;
	color:#999999;
	line-height:24px
}
.header .header-phone h4 {
	font-size:20px;
	line-height:20px;
	color:#0E6FDA;
	font-weight:bold
}
.main {
	width:100%;
	padding:98px 0 0px
}
.main .banner {
	width:100%
}
.main .banner.swiper-container .swiper-button-next, .main .banner.swiper-container .swiper-button-prev {
	width:42px;
	height:42px;
	border-radius:50%;
	background:none;
	text-align:center;
	line-height:40px;
	color:#0E6FDA;
	border:1px solid #0E6FDA;
	margin:0;
	transform:translateY(-50%);
	left:50%
}
.main .banner.swiper-container .swiper-button-prev {
	margin-left:-700px
}
.main .banner.swiper-container .swiper-button-next {
	margin-left:658px
}
.main .banner-con {
	width:100%
}
.main .main-position {
	width:100%;
	border-bottom:1px solid #ededed;
	line-height:60px
}
.main .main-position .main-position-left {
	max-width:500px
}
.main .main-position .main-position-left, .main .main-position .main-position-left a {
	color:#888888
}
.main .main-position .main-position-left i {
	color:#dad9d9;
	margin-right:15px
}
.main .main-position .main-position-left a:hover {
	color:#0E6FDA
}
.main .main-position .sub-menu ul li {
	float:left;
	margin:0 20px;
	position:relative
}
.main .main-position .sub-menu ul li:after {
	content:'';
	display:block;
	width:100%;
	height:3px;
	position:absolute;
	left:0;
	bottom:-2px
}
.main .main-position .sub-menu ul li a {
	color:#000;
	font-size:16px;
	display:block
}
.main .main-position .sub-menu ul li a:hover {
	color:#0E6FDA
}
.main .main-position .sub-menu ul li.on:after {
	background:#0E6FDA
}
.main .main-position .sub-menu ul li.on a {
	color:#0E6FDA
}
.main .main-container {
	width:100%;
	padding:50px 0 0
}
.main .main-container .main-title {
	width:100%
}
.main .main-container .main-title .container {
	padding-bottom:30px;
	border-bottom:1px dotted #ccc
}
.main .main-container .main-title .container h1 {
	line-height:40px;
	font-size:20px; font-weight:bold
}
.main .main-container .main-title .container h1, .main .main-container .main-title .container h5 {
	text-align:center
}
.main .main-container .main-title .container h5 {
	line-height:22px;
	font-size:13px
}
.main .main-container .main-title .container h5, .main .main-container .main-title .container h5 a {
	color:#d4d2d2
}
.main .main-container .main-title .container h5 a:hover {
	color:#0E6FDA
}
.main .pages {
	width:100%;
	text-align:center;
	padding:40px 0
}
.main .pages a, .main .pages span {
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	line-height:28px;
	border:1px solid #e5e5e5;
	font-size:15px;
	color:#333333;
	margin:0 5px;
	border-radius:30px
}
.main .pages a.page-link, .main .pages span.page-link {
	width:100px;
	color:#0E6FDA
}
.main .pages a.page-link i, .main .pages span.page-link i {
	font-size:25px
}
.main .pages a.page-num-current, .main .pages a:hover {
	background:#0E6FDA;
	color:#fff;
	border-color:#0E6FDA
}
.main .main-content {
	width:100%;
	padding:30px 0 0
}
.main .main-content p {
	font-size:16px;
	color:#666;
	line-height:30px
}
.main .main-content p img {
	max-width:100%
}
.foot {
	width:100%;
	border-bottom:15px solid #0E6FDA;
	background:#333333;
	padding:25px 0 20px
}
.foot .foot-left {
	width:930px;
	padding-top:30px
}
.foot .foot-left .foot-nav {
	width:100%
}
.foot .foot-left .foot-nav ul li {
	width:85px;
	float:left;
	margin-right:15px;
	line-height:20px;
	border-right:2px solid #fff
}
.foot .foot-left .foot-nav ul li a {
	display:block;
	color:#fff;
	font-size:16px
}
.foot .foot-left .foot-nav ul li a:hover {
	color:#0E6FDA
}
.foot .foot-left .foot-nav ul li:last-child {
	border:none
}
.foot .foot-left .foot-copy {
	width:100%;
	padding-top:20px
}
.foot .foot-left .foot-copy p {
	line-height:30px
}
.foot .foot-left .foot-copy p, .foot .foot-left .foot-copy p a {
	color:#fff
}
.foot .foot-left .foot-copy p a:hover {
	color:#0E6FDA
}
.foot .foot-ewm {
	width:240px;
	margin-right:20px
}
.foot .foot-ewm .foot-ewm-txt {
	width:90px;
	padding:0 10px
}
.foot .foot-ewm .foot-ewm-txt p {
	text-align:center;
	font-size:16px;
	color:#fff
}
.foot .foot-ewm .foot-ewm-txt, .foot .foot-ewm .foot-ewm-img {
	height:100px
}
.foot .foot-ewm .foot-ewm-img {
	width:100px;
	background:#fff
}
.video_wave {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.video_wave .video_ico {
	width:55px;
	height:55px;
	border-radius:50%;
	background:#0E6FDA;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:9;
	text-align:center;
	line-height:55px
}
.video_wave .video_ico a {
	display:block
}
.video_wave .video_ico a i {
	font-size:30px;
	color:#fff
}
.video_wave .video_wave1 {
	width:200px;
	height:200px;
	border-radius:50%;
	background-color:#ffffff;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	animation:waves 3s ease-in-out infinite;
	animation-delay:0s;
	-webkit-animation-delay:0s
}
.video_wave .video_wave2 {
	animation-delay:1s;
	-webkit-animation-delay:1s
}
.video_wave .video_wave3 {
	animation-delay:2s;
	-webkit-animation-delay:2s
}
#video-box {
	display:none
}
.video-js {
	width:800px;
	height:500px;
	z-index:9
}
.layui-layer-setwin .layui-layer-close2 {
	z-index:99
}
@-webkit-keyframes waves {
0% {
-webkit-transform:scale(.2, .2);
transform:scale(.2, .2);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
50% {
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
100% {
-webkit-transform:scale(.9, .9);
transform:scale(.9, .9);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
}
@keyframes waves {
0% {
-webkit-transform:scale(.2, .2);
transform:scale(.2, .2);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
50% {
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
100% {
-webkit-transform:scale(.9, .9);
transform:scale(.9, .9);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
}

.cpMain{background:#EBEBEB; overflow:hidden;}
.cpMain .container{margin-top:20px;padding-bottom:20px;}
.cpMain .pleft{overflow:hidden; float:left; width:240px;}
.cpMain .pleft h3{padding-left:90px;width:150px;height:100px;background:url(../image/pro_h2.png) no-repeat 35px center;background-color:#0E6FDA;font-weight:normal;line-height:100px;font-size: 24px;color:#fff;border-radius:10px 10px 0 0;}
.cpMain .pleft h3 a{color:#fff; font-size:24px;}
.cpMain .pleft h3 span{font-size:14px; color:#fff; margin-left:5px;}
.cpMain .pleft ul.proclass{overflow:hidden;width:240px;border-radius:0 0 10px 10px;margin-bottom:15px;border-top:none;border-bottom:1px solid #e3e0e0;background: #fff;}
.cpMain .pleft ul.proclass li{overflow:hidden; width:100%;}
.cpMain .pleft ul.proclass li>a{display:block;padding-left:35px;height:45px;line-height:45px;font-size:16px;font-weight: 100;width:205px;text-decoration:none;background:url(../image/pro_s.png) no-repeat 190px center;border-bottom:1px solid #e3e0e0;color: #333; font-weight:bold}
.cpMain .pleft ul.proclass li:hover>a,.cpMain .pleft ul.proclass li>a.cur{color:#0E6FDA; background:url(../image/pro_s.png) no-repeat 190px center; font-weight:bold}

.cpMain .pleft ul.proclass li>a.cur{color:#0E6FDA;}
.cpMain .pleft .pnav{overflow:hidden; padding:10px 0; width:217px; padding-left:23px; font-size:14px; line-height:30px; color:#666;border-bottom:1px solid #e3e0e0;}
.cpMain .pleft .pnav .three_pnav{padding-left:35px;}
.cpMain .pleft .pnav a{display:block;padding-left:25px;background: url(../image/01.png) no-repeat left center;text-decoration:none;}
.cpMain .pleft .pnav a:hover{background:url(../image/02.png) no-repeat left center;}
.cpMain .pleft ul.proclass li.cur>a{color:#0E6FDA; background:url(../image/pro_s.png) no-repeat 190px center;}
.cpMain .pleft .pnav a:hover,.cpMain .pleft .pnav a.cur{color:#0E6FDA;background:url(../image/02.png) no-repeat left center;}
.cpMain .pleft .pnav .three_pnav a:hover,.cpMain .pleft .pnav .three_pnav a.cur{color:#23AC38;background:url(http://mb.kaibaidu.com/pby010/res/image/02_2.png) no-repeat left center;}
.cpMain .phone{overflow:hidden; width:166px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(../image/pro_phone.png) no-repeat 20px center; background-color:#0E6FDA;}
.cpMain .phone p{font-size:16px; color:#fff;}
.cpMain .phone b{display:block;font-size:20px;color:#fff;}


.cpright{width:885px;padding:0 25px;padding-bottom: 25px;background:#fff;float:right;}


.rtop {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #0E6FDA;
}

.rtop h5 {
    float: left;
    padding-left: 26px;
    font-size: 18px;
    color: #0E6FDA;
    font-weight: normal;
    line-height: 22px;
    background: url(../image/dhtiticon1.png) no-repeat;
}

.rtop span {
    float: right;
    color: #0E6FDA;
    font-size: 16px;
}


.rightbox {
    width: 885px;
    position: relative;
}


/*产品*/
.pro_c li{width: 281px;float: left;margin-right: 21px;margin-top: 20px;position: relative;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.pro_c li:nth-child(3n) {margin-right: 0;}
.pro_c li span{display: block;position:relative;width: 279px;height: 209px;overflow: hidden;border: 1px solid #d8d8d8;}
.pro_c li h3{font-size: 16px;line-height: 45px;color: #fff;font-weight: normal;text-align:center;background:rgba(0,0,0,0.8);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.pro_c li a{display: block;}
.pro_c li img{display: block;transition: all 0.5s;transform: scale(1);width: 100%;height: 100%;}
.pro_c li:hover{box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);}
.pro_c li:hover img{transform: scale(1.1);}
.pro_c li:hover a{display: block;}
.pro_c li:hover h3{background: #0E6FDA;}



/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:50px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#0E6FDA;
	border:1px solid #0E6FDA;
}
.pagination a.page-num-current {
	color:#fff;
	background:#0E6FDA;
	border:1px solid #0E6FDA;
}
/* ----- PB分页数字条效果 结束 ----- */


.reLink{height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto;}
.reLink .prevLink,.reLink .nextLink{width: 50%;}
.reLink .nextLink{text-align: right;}

.fl {
    float: left;
    display: inline;
}



.fr {
    float: right;
    display: inline;
}






.n_info_con{padding-top: 20px;font-size: 14px;line-height: 28px;padding-bottom: 30px;}
.n_info_con h1.title{text-align:center;font-size:26px;line-height: 60px; font-weight:bold}
.n_info_con2{width:900px; margin:0 auto;}
.n_info_con h3{text-align:center; color:#000; font-family: "Microsoft YaHei";margin-bottom:10px; font-size:24px;} /*资讯详细页面，内容标题*/
.info_con_tit{font-family: "Microsoft YaHei";line-height:24px;margin-bottom:15px;border-bottom:1px solid #E5E5E5;padding-bottom: 15px;}
.info_con_tit span{margin-right:20px;}
.info_con_tit .n_tit{text-align:center; color:#7E7E7E;}
.info_con_tit .n_tit a{color:#BCBBBB;}
.info_con_tit .n_tit2{height:24px;}
.n_info_con .tit2_span{float:right; margin:0; _margin-top:5px;}
.n_info_con p{font-size: 14px;}
.n_info_con p a{color:#009946;}
.n_info_con .apage{text-align:center; margin-bottom:10px;} /*资讯详细页面，翻页区块*/
.info_input{text-align:center; color:#000; margin-bottom:15px;} /*详细页面，评论，推荐，打印，订阅，按钮样式块*/
.info_input input{} /*详细页面，评论，推荐，打印，订阅，按钮,可修改文字色彩*/
.info_key{height:30px; line-height:30px; padding-left:10px; margin:10px 0;color:#000;}
.info_key span{font-size:14px; font-weight:bold;}
.info_key a{margin-right:10px;}
.ad2{margin-bottom:10px;}
.n_info_con2 .t04{color:#fff; height:46px; line-height:46px; text-align:center;font-size:18px; position:relative;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a{color:#fff;margin-right:10px;position:absolute;right:4px;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a:hover{}


.mod_goods_info{clear:both;margin-bottom:10px;position:relative; background-color:#eee; height:65px; margin-top:30px;}
.mod_goods_info .hds{height:65px;_overflow:hidden;}
.mod_goods_info .hds li{float:left;cursor:pointer;/* border-right:1px solid #fff */}
.mod_goods_info .hds li h3{display:block;width:128px;height:65px;line-height:65px;text-align:center;font-size:18px;border-bottom:0; font-weight:normal}
.mod_goods_info .hds li h3 a{color:#666;font-weight: normal;text-decoration:none;outline:none}
.mod_goods_info .hds .on{height:62px; line-height:62px;border-top:3px solid #0E6FDA;position:relative;}
.mod_goods_info .hds .on h3{height:62px; line-height:58px;background-color:#fff;}
.mod_goods_info .hds .on h3 a{color:#076EBB;font-weight:bold}
.mod_goods_info .more{position:absolute;top:8px; right:0px;}
.mod_goods_info .more a:link,
.mod_goods_info .more a:visited{text-decoration:none;color:#085C9B;}
.mod_goods_info .more a:hover{color:#D4105A;}


/*---产品列表页面的随机资讯--*/
.RandomNews{width: 100%;margin-top: 20px;float:left;}
.RandomNews h4{padding-left:2px;height:36px;line-height:36px;border-bottom:1px solid #eee;font-size:18px;}

dl.product_dl_commend{width: 204px;overflow:hidden;float:left;margin: 23px 23px 0 0;}
dl.product_dl_commend:nth-child(4){margin-right: 0;}
dl.product_dl_commend dt{width: 204px;}
dl.product_dl_commend dt a{display: block;width: 200px;padding: 1px;border: 1px solid #ccc;}
dl.product_dl_commend dt a:hover{border:1px solid #0E6FDA;}
dl.product_dl_commend dt img{width: 200px;height: 150px;}
dl.product_dl_commend dd{font-size: 14px;line-height: 30px;text-align:center;overflow:hidden;}