@charset "utf-8";

i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1240{width: 1240px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header{position: absolute;z-index: 9999999;width: 100%;padding: 10px 0;}
.header .head_body{width: 80%;margin: 0 auto}
.header .logo img{height: 90px;}
.header .menu_box{display: none;}
.header .menu {width: 55%;margin: 0 0% 0 6%;}
.header .menu li{float: left;width:17%;height: 90px;}
.header .menu li a{color: #fff;font-size: 18px;display: block;line-height: 90px;text-shadow: 1px 1px 1px #aaa;}
.header .menu li:hover {background: url(../images/nav_line.png) no-repeat center left;}
.header .lan{float: right;color: #fff;text-shadow: 1px 1px 1px #aaa;}
.header .lan a{display: inline-block;padding:  0 10px;line-height: 90px;font-size: 16px;color: #fff;}
/*header start*/

/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;top: -120px;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

.title{width: 100%;height:40px;border-bottom: 1px solid #dfdfdf;margin-bottom: 20px;}
.title b{font-size: 22px;font-family: Arial;float: left;line-height: 30px;font-weight: normal;}
.title a{float: right;line-height: 30px;font-size: 13px;}

/*index_main start*/
.inmain_out{width: 100%;margin-top: -130px;position: relative;z-index: 999;}
.linel{background: url(../images/nbg.jpg) no-repeat center;background-size: 100% 100%}
.liner{background: url(../images/line.png) no-repeat center;}
.product,.inmain_out .inmain_r{padding: 50px 40px;}
.product .title{border-bottom: 1px solid #027FFE;}
.product .title b{color: #027FFE;}
.product .title a{color: #027FFE;}
.product .layui-fluid{padding: 0;border:3px solid #dfdfdf;}
.product .layui-card-body{padding: 0px;}
.product .layui-carousel{background: url(../images/probg.jpg) no-repeat center;background-size: cover;}
.layui-this{background: none}
.layui-carousel>[carousel-item]>* {background: none}
.layui-carousel-arrow{opacity: 1;}
.layui-carousel .img{position: relative;}
.layui-carousel .img p{display: block;width: 100%;height: 40px;line-height: 40px;position: absolute;bottom: 0px;text-align: center;background: #027FFE;color: #fff;font-size: 17px;}

.company .title{border-bottom: 1px solid #AC3B3A;}
.company .title b{color: #AC3B3A}
.company .title a{color: #AC3B3A}
.company .com_body .comimg{padding: 0px;width: 40%;float: left;}
.company .com_body img{width: 100%;}
.company .com_body .comzi{padding: 0 0 0 20px;width: 60%;float: left;}
.company .com_body .comzi p{line-height: 160%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6!important;-webkit-box-orient: vertical;}

.new {margin-top: 30px;}
.new .new_body{padding-top: 15px}
.new .title{border-bottom: 1px solid #7DBA00;}
.new .title b{color: #7DBA00}
.new .title a{color: #7DBA00}

/* 本例子css */
.txtScroll-left{ width:100%;position:relative;height: 81px;}
.txtScroll-left .prev{display:block;width:14px;height:22px;overflow:hidden;cursor:pointer;background:url(../images/lefty.png) no-repeat center;position: absolute;top: calc(50% - 11px);z-index: 999;left: 2px;}
.txtScroll-left .next{display:block;width:14px;height:22px;overflow:hidden;cursor:pointer;background:url(../images/righty.png) no-repeat center;position: absolute;top: calc(50% - 11px);z-index: 999;right: 2px;}
.txtScroll-left .prevStop{background-position:-60px 0;}
.txtScroll-left .nextStop{background-position:-60px -50px;}

.txtScroll-left .bd{padding:0 30px;width:100%;overflow:hidden;}
.txtScroll-left .bd ul{ overflow:hidden; zoom:1;}
.txtScroll-left .bd ul li{ float:left; height:81px; text-align:left; _display:inline;width: 100%}
.txtScroll-left .bd ul li span{ color:#999;}
.infoList li span{display: block;padding:0 15px;border-right: 1px solid #dfdfdf}
.infoList li span .time{background: #dfdfdf;padding:5px 0;text-align: center;color: #7DBA47;}
.infoList li span i{font-size: 26px;line-height: 40px;}
.infoList li span p{font-size: 18px;display: block;padding: 5px 0;text-align: center}
.infoList li div.new_con{padding:0 15px;}
.infoList li div.new_con i{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 18px;}
.infoList li div.new_con p{color: #666;display: block;padding-top: 10px;height: 60px;}
/*index_main end*/

/*footer start*/
.footer{background: #e2e2e2;padding:35px 0 25px 0;margin-top: 20px}
.footer .foot_body{width: 1240px;margin: 0 auto;}
.footer .foot_l{width: 640px;}
.footer .foot_m{width: 260px;}
.footer .foot_r{width: 320px;}
.footer .foot_l p{display: block;color: #666;width: 265px;float: left;height: 40px;padding-left: 45px}

.footer .foot_l p:nth-child(1) {background: url(../images/foot_icon1.png) no-repeat top left;line-height: 40px;font-size: 15px}
.footer .foot_l p:nth-child(2) {background: url(../images/foot_icon2.png) no-repeat top left;margin: 0 0 0 20px;line-height: 40px;font-size: 15px}
.footer .foot_l p:nth-child(3) {background: url(../images/foot_icon3.png) no-repeat top left;margin: 20px 0 0 0;font-size: 15px}
.footer .foot_l p:nth-child(4) {background: url(../images/foot_icon4.png) no-repeat top left;margin: 20px 0 0 20px;font-size: 15px}
.footer .foot_m{text-align: center;}
.footer .foot_m img{width: 130px;}
.footer .foot_r{text-align: right;}
.footer .foot_r p{text-align: right;line-height: 180%;font-size: 14px;}
.search_form{width:320px;height:55px;float: right;}
.input_text{width:240px;height: 34px;padding:0px;text-indent: 10px;outline: none;float:left;border:none;}
.input_sub{width:76px;height: 34px;line-height:34px;background: #0074CE;border:0px;float:left;color:white;cursor:pointer;font-size: 16px}
/*footer end*/

/*ny_main start*/
.ny_main .ny_body{background: #fff;box-shadow: 0 0 10px 0 #bbb;margin-top: -130px;position: relative;z-index: 999;padding: 15px 0;}
.ny_main .ny_body .ny_top{height: 60px;border-bottom: 1px solid #dfdfdf;line-height: 60px;margin: 0 20px;}
.ny_main .ny_body .ny_top b{display: block;height: 60px;max-width: 400px;font-size: 30px;color: #0074CE;float: left;line-height: 60px;padding-left: 40px;background: url(../images/icon1.png) no-repeat center left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.navpost{width:calc(100% - 300px); text-align: right; float: right;line-height: 60px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ny_con {padding: 0 5px}
.ny_con .ny_left > ul > li{border:1px solid #ccc;margin-bottom: 10px;padding: 0;position: relative;}
.ny_con .ny_left > ul > li > a{display: block;width: 98%;background: #0074CE;line-height: 40px;margin:1%;padding:0 3%;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 15px;}
.ny_con .ny_left > ul > li:hover > a{background: #7DBA00}
.ny_con .ny_left > ul > li .level2{display: none;width: 280px;position: absolute;top: 0;left: 100%;z-index: 99999;}
.ny_con .ny_left > ul > li .level2 li {height: 35px;line-height: 35px}
.ny_con .ny_left > ul > li .level2 li a{display: block;padding: 0 10px;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: rgba(0,0,0,0.4);}
.ny_con .ny_left > ul > li .level2 li a:hover {background: rgba(0,116,206,0.8);}
.ny_con .ny_left > ul > li:hover .level2{display: block;}
.ny_con .ny_right{padding: 0px}
.ny_con .ny_right ul li .img{background: url(../images/probg1.jpg) no-repeat center;background-size: cover;position: relative;overflow: hidden;}
.ny_con .ny_right ul li img{width:100%;opacity: 0.8;display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}

.ny_con .ny_right ul li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.ny_con .ny_right ul li .cover {position: absolute;bottom: 0px;width: 100%;height:35px;background: rgba(0,0,0,0.4);text-align: center;line-height:35px;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;;padding: 0 2%}
.ny_con .ny_right ul li:hover .cover{background: rgba(0,116,206,0.8);}
/*ny_main end*/

@media (min-width: 1200px) {
	.product .layui-carousel{height: 327px!important;}
}

/*大屏幕电脑 & 小屏幕电脑*/
@media (min-width: 993px) {
	/*header start*/
	.header .menu{display: block!important;}
}

/*小屏幕电脑*/
@media (min-width: 993px) and (max-width: 1200px) {
	/*header start*/
	.header .head_body{width: 95%}
	.header .menu{margin-right: 2%}
	.header .menu li{width: 20%}
	.header .menu li a{font-size: 16px}

	/*banner start*/
	.banner .callbacks_tabs.callbacks1_tabs li{ top: -70px;}

	/*product start*/
	.inmain_out{margin-top: -80px;}
	.product .layui-carousel{height: 254px!important;}
	.company .com_body .comimg{width: 35%;}
	.company .com_body .comzi{width: 65%;padding: 0 0 0 15px;}
	.company .com_body .comzi p{-webkit-line-clamp:4!important;}
	.new{margin-top: 25px;}
	.new .new_body{padding:0px;}
	.infoList li div.new_con{padding: 0 5px 0 15px;}
	.infoList li span{padding: 0 15px 0 5px}
	.infoList li span i{font-size: 24px;}
	.infoList li span p{font-size: 17px}

	/*footer start*/
	.footer .foot_body{width: 80%;margin: 0 auto;}
	.footer .foot_l{width: 100%;float: none;height: 140px;}
	.footer .foot_l p{width: calc(50% - 55px)}
	.footer .foot_r{float: right;width: 50%}
	/*footer end*/

	/*ny_main start*/
	.ny_main .ny_body{margin-top: -80px;}
}

/*手机 & 平板*/
@media (max-width: 992px) {	
	/*header start*/
	.header .head_body{width: 95%}
	.header .logo img{height:45px}
	.header .menu_box{padding: 8px 10px 6px;border: 1px solid #fff;border-radius: 5px;margin:0px 10px 0px 0;display: block;}
	.header .menu_box span{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #fff;}
	.header .menu{display:none;width: 100%;background: #f8f8f8;position: absolute;z-index: 99999999!important;top: 60px;left: 0px;text-indent: 15px;border-bottom: 1px solid #dfdfdf;padding: 3% 0;margin: 0px;}
	.header .menu li{float: none;padding-top: 0px;height: 35px;width: 100%;background: none;}
	.header .menu li a{display: block;height: 35px;line-height: 35px;font-size: 1.1em;color: #666;text-shadow: none;}
	.header .lan{margin-right: 10px}
	.header .lan a{ line-height: 40px; }

	/*banner start*/
	.banner .callbacks img{
		display:block;
		position:relative;
		z-index:1;
		height:auto;
		border:0;
	    left: 50%;
	    transform: translate3d(-50%, 0, 0);
	    width: calc(1.5*100%);
	}

	/*product start*/
	.liner{background: none}
	.product{padding-bottom: 0}
	.inmain_out .inmain_r{padding-top: 30px}
	
	
	.ny_con .ny_left > ul > li:hover .level2{display: none;}
}

/*平板*/
@media (min-width: 768px) and (max-width: 992px) {
	/*product start*/
	.inmain_out{margin-top: -120px;}
	.product .layui-carousel{height: 422px!important;}
	.company .com_body .comzi p{-webkit-line-clamp:6!important;line-height: 180%}

	/*footer start*/
	.footer .foot_body{width: 80%;margin: 0 auto;}
	.footer .foot_l{width: 100%;float: none;height: 140px;}
	.footer .foot_l p{width: calc(50% - 55px)}
	.footer .foot_m{width: 35%}
	.footer .foot_r{float: right;width: 65%}

	/*ny_main start*/
	.ny_main .ny_body{margin-top: -120px;}

}

/*手机*/
@media (max-width: 767px) {
	/*banner start*/
	.banner .callbacks_tabs.callbacks1_tabs li{ top: -30px;}

	/*product start*/
	.inmain_out{margin-top: -40px;}
	.product{padding-top: 30px;}
	.inmain_out .inmain_r{padding-bottom: 30px}
	.company .com_body .comimg{width: 100%;}
	.company .com_body .comzi{padding-left: 0px;padding-top: 15px;width: 100%}
	.company .com_body .comzi p{-webkit-line-clamp:5!important;}

	.infoList li span .time{display: none;}
	.infoList li span .new_con{width: 100%}
	.infoList li div.new_con p{line-height: 16px;}

	/*footer start*/
	.footer .foot_body{width: 90%;margin: 0 auto;}
	.footer .foot_l{width: 100%;float: none;}
	.footer .foot_l p{width: calc(100% - 45px);margin: 0 0 10px 0!important;font-size: 14px;}
	.footer .foot_m{width: 100%;float: none;margin-top: 30px}
	.footer .foot_r{float: none;width: 100%}
	.footer .foot_r .search_form{float: none;margin: 25px auto 0;}
	.footer .foot_r p{font-size: 15px;text-align: center;}
	.footer .foot_r p br{display: none;}

	.navpost{display: none;}
	.ny_con .pro_right{padding-top: 0px}
	
	/*ny_main start*/
	.ny_main .ny_body{margin-top: -40px;}

}



.zylMain{background-color: rgba(180,186,180,0.3); padding: 5px; text-align: center;}


/* 隐藏浏览器滚动条 */
::-webkit-scrollbar{width:0px; height: 0px;}/* 滚动条宽度 */
::-webkit-scrollbar-track{background-color:#0084b5;}/* 滚动条背景色 */
::-webkit-scrollbar-thumb{background-color:#0084b5;}/* 滚动条颜色 */
::-webkit-scrollbar-thumb:hover {background-color:#C5C7CA}/* 滚动条hover颜色 */
::-webkit-scrollbar-thumb:active {background-color:#C5C7CA}/* 滚动条active颜色 */


html{
	-ms-overflow-style:none;/* IE */
	scrollbar-width: none;/* 火狐 */
}