@charset "utf-8";
dl,dt,dd{padding: 0px;margin: 0px}
em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}

.header .head_body .logo{width: 20%}
.header .head_body .logo img{height: 90px;}
nav{width: 100%;position: relative;z-index: 9999999}
.header .tel{padding-right: 10px;padding-top: 10px}
.flexnav {*zoom: 1;-webkit-transition: 0;-moz-transition: 0;-o-transition: 0;transition: 0;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0;}
.flexnav:after {content: "";display: table;clear: both;}
.flexnav.show {max-height: 2000px;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;position: absolute;background: #dfdfdf;}
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px;}
.flexnav li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #eee;}
.flexnav li a {position: relative;display: block;overflow: hidden;color: #333;line-height: 50px;text-align: center;font-size: 16px}
.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #fff;}
.flexnav li ul.show li {overflow: visible;}
.flexnav li ul li a {display: block;background: #efefef;}
.flexnav ul li ul li a {background: #bfbfbc;}
.flexnav ul li ul li ul li a {background: #cbcbc9;}
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.075);text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666;}
/*header end*/

/*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;}
.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;
	padding-top: 90px;
}

.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*/

/*company start*/
.company{padding: 3% 0 1%;background: #f7f7f7;}
.title{margin: 0 15px;height: 60px;border-bottom: 1px solid #dfdfdf;line-height: 45px;}
.title b{display: block;float:left;font-family:'Times New Roman';font-size: 45px;color: #2090cf;height: 59px;border-bottom: 3px solid #444;}
.title span{display: block;float:left;font-size: 34px;line-height:38px;padding-left: 15px;font-weight: bold;color: #444;height: 59px;border-bottom: 3px solid #2090cf;}
.company .com_body{padding-top:10px;}
.company .com_body .gsjs,.company .com_body .gsxw{background: #fff;height: 350px}
.company .com_body .gsjs .wz{padding: 20px}
.company .com_body .gsjs b{font-size: 16px;display: inline-block;;padding-bottom: 7px;float: left;}
.company .com_body .gsjs p{font-size: 14px;text-indent: 2em;line-height: 160%;color: #777;text-align: justify;text-justify:inter-ideograph;}
.company .com_body .gsjs .more{display:inline-block;float: right;font-size: 13px;color: #2090CF;}

.company .com_body .gsxw_wz{padding: 20px}

.updatetime { display: block; font-weight: 300; height: 20px; color: #999999; font-size: 14px; line-height: 20px;margin-top: 15px;}
.media-heading:nth-child(1) .updatetime{margin-top: 0px;}
.media-heading { text-align: left; position: relative;border-bottom: 1px solid #efefef; padding-bottom: 15px;}
.media-heading:before { position: absolute; content: ""; width: 35px; height: 1px; background-color: #333; bottom: 0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }
.media-heading b { font-size: 16px; display: block; padding: 5px 0;color: #333;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.media-heading b:hover { text-decoration: none; color: #000;}
.media-heading p{ color: #999; font-size: 14px;line-height: 140%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.media-heading:hover:before { width: 100%; }
/*company end*/

/*product start*/
.product{background: #f7f7f7}
.pro_body img{width: 100%}
.pro_body dt{display: block;position: relative;}
.pro_body dt .cover{width: calc(100% - 30px);height: calc(100% - 30px);position: absolute;top: 15px;left: 15px;}
.pro_body dt .cover a{color: #fff;}
.pro_body dt .cover b{display: block;width: 80%;margin:10% auto 5%;font-size: 20px;}
.pro_body dt .cover p{display: block;width: 80%;margin:0 auto;line-height: 180%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_body dt .cover p:hover a{color:#333;}
.pro_body dt .cover i{font-size: 29px;font-weight: normal;float: left;padding-right: 5px}
.pro_body dd{display: block;position: relative;}
.pro_body dd .img{width: 100%;overflow: hidden;}
.pro_body dd img{ width: 100%;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;}
.pro_body dd: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)}
.pro_body dd p{display: block;width: calc(100% - 30px);height: 30px;background: rgba(0,0,0,0.6);position: absolute;bottom: 15px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;transition: all 0.2s ease-in;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*product end*/

/*new start*/
.new{padding:2% 0;background: #f7f7f7;}
.new .title b{color: #64CA2E;}
.new .title span{border-bottom: 3px solid #64CA2E;}

.new .zhhd li{width: 100%;padding:15px;margin-top:10px;transition: all 0.3s ease-in;background: #fff}
.new .zhhd li .img{width: 35%;overflow: hidden;}
.new .zhhd li .img img{width: 100%}
.new .zhhd li .wz{padding-left: 3%;width: 62%}
.new .zhhd li .wz b{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 17px;line-height: 35px;}
.new .zhhd li em{display: block;width: 40px;height: 3px;background: #64CA2E;margin: 10px 0;}
.new .zhhd li .wz p{line-height: 160%;font-size: 15px;text-indent: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new .zhhd li:hover {background: #e9e9e9}
.new ul.hyxw li{height: 35.5px;background:#fff;line-height: 35.5px;padding: 0 20px;margin-top: 10px}
.new ul.hyxw li a{display: inline-block;width:calc(100% - 100px);float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new ul.hyxw li span{display: inline-block;float: right;font-size: 13px;color: #999}
.new ul.hyxw li:hover {background: #2090CF;}
.new ul.hyxw li:hover a{color: #fff}
.new ul.hyxw li:hover span{color: #fff;}
/*new end*/

/*footer start*/
.footer{background: #313131;padding: 3% 0 2% 0;}
.footer .foot_xl{float: left;width: 14%;padding: 0 15px}
.footer .xl6{width: 28%}
.footer .xl5 img{padding-top: 15px;width: 100%}
.footer .f_title{width:85px;font-size: 17px;color: #fff;padding-bottom: 10px;border-bottom: 2px solid #50ADE1}
.footer .f_title a{color: #fff}
.footer ul{margin-top: 10px;}
.footer ul.ksdh li{color: #aaa;height: 30px;line-height: 30px;}
.footer ul.ksdh li a{display:block;color: #aaa;height: 25px;line-height: 25px;}
.foot_bot{background: #000;line-height: 35px;color: #fff;text-align: center;}
.foot_bot span{font-size: 14px;padding: 0 10px;}
.foot_bot span a{color: #fff}
/*footer end*/


@media (min-width: 993px) {
	.pcnone{display: none;}

	/*header start*/
	.header{position: fixed;z-index: 999;width: 100%;background: #fff;box-shadow: 0 0 10px 0 #dfdfdf}
	.header .tel{width: 14%;height: 90px;background: #64CA2E;color: #fff;text-align: center;padding: 0px;}
	.header .tel p{text-align: center;font-size: 17px;line-height: 30px;display: block;padding:8px 0 5px 0}
	.header .tel p i{font-size: 30px;display: inline-block;line-height: 30px}
	.header .tel b{font-size: 23px;font-family: Arial;}
	nav{width: 55%}
	.flexnav {overflow: visible;}
    .flexnav.one-page {top: 0;right: auto;max-width: 1080px;}
    .flexnav li {position: relative;list-style: none;float: left;display: block;width: 20%;overflow: visible;z-index: 999999;border:none;}
    .flexnav li > a{line-height: 90px;}
    .flexnav li > ul {position: absolute;top: auto;left: 0;display: block;}
    .flexnav li > ul li {width: 100%;height: 40px;line-height: 40px}
    .flexnav li ul li a {border-bottom: none;line-height: 40px;font-size: 15px;color: #666}
    .flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 99;}
    .flexnav li ul.open li {overflow: visible; max-height: 100px;}
    .flexnav li ul.open ul.open {margin-left: 100%;top: 0;}
    .flexnav li .touch-button{display: none;}
	.menu-button {display: none;}
	.flexnav li:hover > a{background: url(../images/navlihover.jpg) repeat-x center bottom;color: #fff}
	.flexnav li ul li:hover a{background: #2090CF;color: #fff}
	
	/*product start*/
	.product dl.pro_body dd:hover p{height: calc(100% - 30px);line-height: 202px;}
}

/*小屏幕电脑*/
@media (min-width: 993px) and (max-width: 1200px) {
	/*header start*/
	.header .tel{width: 17%;}
	/*company start*/
	.company .com_body .gsjs,.company .com_body .gsxw{height: 335px}

	/*product start*/
	.product dl.pro_body dt .cover b{margin:6% auto 3%;font-size: 20px}
	.product dl.pro_body dt .cover p{line-height: 160%;font-size: 15px}
	.product dl.pro_body dd:hover p{height: calc(100% - 30px);line-height: 159px;}

	/*footer start*/
	.footer .foot_xl{float: left;width: 13%;padding: 0 15px}
	.footer .xl6{width: 35%}
}

/*手机及平板*/
@media (max-width: 992px) {	
	.wapnone{display: none;}

	/*header start*/
	.header .head_top{display: none;}
	.header .head_body{height: 60px;}
	.header .head_body .logo img{height: 60px;margin: 0 0 0 10px;}
	.header .menu-button{display: block;padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:12px 10px 12px 0;}
	.header .menu-button > i{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
	.header .menu-button .navicon{display: none;}
	/*banner start*/
	.callbacks_container{
		padding-top: 0px;
	}

	.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%);
	}
	/*company start*/
	.title{height: 40px;border-bottom: 1px solid #dfdfdf;line-height: 28px;}
	.title b{font-size: 28px;height: 39px;}
	.title span{font-size: 22px;line-height:26px;height: 39px;}
	.company .com_body .gsjs,.company .com_body .gsxw{height: auto}

	/*product start*/
	dl.pro_body dt,dl.pro_body dd{padding: 10px!important;}
	dl.pro_body dd p{width: calc(100% - 20px)!important;bottom: 10px!important}

	/*footer start*/
	.footer .foot_xl{width: 50%;margin-top: 10px}
	.footer ul.ksdh {display: none;}
	.footer .xl6 ul.ksdh {display: block;}
	.footer .xl5 img{width: 50%}
}

/*平板*/
@media (min-width: 768px) and (max-width: 992px) {
	.product dl.pro_body dt .cover b{margin:10% auto 5%;font-size: 24px;}
	.product dl.pro_body dt .cover p{line-height: 220%;}
	.product dl.pro_body dt .cover i{font-size: 34px;}

	
}

/*手机*/
@media (max-width: 767px) {
	/*product start*/
	.product dl.pro_body dt .cover b{margin:4% auto 2%;font-size: 18px}
	.product dl.pro_body dt .cover p{line-height: 140%;font-size: 14px}

	/*new start*/
	.new .zhhd li .img{width: 45%;overflow: hidden;}
	.new .zhhd li .wz{padding-left: 3%;width: 52%}
	.new .zhhd li .wz em{margin:5px 0 7px 0;}
	.new .zhhd li .wz p{line-height: 140%}

	.new ul.hyxw{margin-top: -20px}

	.footer .xl6{width: 100%}
	.footer .xl5{width: 100%}
	.footer .xl5 img{width: 40%}
}