@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 'Microsoft YaHei';color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1300{width: 1300px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header .head_top{height: 35px;background: #efefef;line-height: 35px;border-bottom: 1px solid #dfdfdf}
.header .head_top a{padding: 0 15px;}
.header .head_top a:nth-child(3) {padding-right: 0px}
.header .head_body{height: 100px;}
.header .head_body .hb_con{padding: 25px 0 0 15px}
.header .head_body .hb_con p{font-size: 16px;line-height: 180%;letter-spacing: 1px}
.header .tel{padding: 17px 0 15px 70px;background: url(../images/tel.png) no-repeat center left;}
.header .tel p{line-height: 30px;font-size: 17px;line-height: 32px;}
.header .tel b{font-size: 30px;font-family: Arial;color: #5cbdf4;}
.header .head_nav{height: 55px;background: url(../images/navli.jpg);}
.header .head_nav li{width: 171.4px;height: 50px;line-height: 50px;text-align: center;font-size: 17px;float: left;}
.header .head_nav li a{color: #fff;}
.header .head_nav li:hover {background: #777;}
.header .head_nav li:hover a{color: #fff}
.header .head_nav li.on{background: #777;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:550px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #5CBDF4;
}

.flexslider .slides a img {
	width: 100%;
	height: 550px;
	display: block;
}
/*banner end*/

.title{text-align: center;height: 80px;background: url(../images/titleline.png) no-repeat center;}
.title b{font-size: 38px; height: 38px; text-align:center;color: #ddd;line-height: 50px;text-transform:uppercase;font-family: 'Arial','Microsoft YaHei';}
.title strong{text-align: center;font-size: 28px;color: #5BBCF3;line-height: 30px;}

/*project start*/
.engineer{padding:50px 0;}
.engineer .en_nav{margin: 30px auto;height: 40px;border:1px solid #ccc;border-width: 1px 0 1px 0}
.engineer .en_nav ul li{float: left;}
.engineer .en_nav ul li a{display:block;width: 199px;text-align: center;font-size: 16px;height: 40px;line-height: 40px;border-right: 1px solid #ccc}
.engineer .en_nav ul li:nth-last-of-type(1) a{border-right: none;}
.engineer .en_nav ul li:hover a{background: #5BBCF3;color: #fff}

.engineer .slideBox{ overflow:hidden; zoom:1; padding:30px 0 10px 50px; position:relative;}
.engineer .slideBox .sPrev,.slideBox .sNext{ position:absolute; left:5px; top:30px; display:block; width:46px; height:274px; background: url(../images/arrow-left.png) no-repeat center;}
.engineer .slideBox .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}
.engineer .slideBox .sPrev:hover,.slideBox .sNext:hover{ border-color:#f60;}
.engineer .slideBox  ul{ overflow:hidden; zoom:1;}
.engineer .slideBox  ul li{ margin:0 22px; float:left; _display:inline; overflow:hidden; text-align:center;}
.engineer .slideBox  ul li .pic{ text-align:center; }
.engineer .slideBox  ul li .pic img{ width:365px; height:274px; display:block;  padding:2px; border:1px solid #ccc;}
.engineer .slideBox  ul li .pic a:hover img{ border-color:#999;}
.engineer .slideBox  ul li .title1{ line-height:30px;}
.engineer .slideBox  ul li .title1 a{display: block;width: 371px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*project end*/

/*product start*/
.product{background: url(../images/probg.jpg) no-repeat center;}
.product .pro_l{width: 260px;background: #fff}
.product .pro_l .pro_top{height:105px;background: url(../images/pro_top.png) no-repeat center top;text-align: center;line-height: 80px;color: #fff;font-size: 32px;letter-spacing: 2px}
.product .pro_l ul{padding:10px 0 15px 0}
.product .pro_l ul li a{display:block;width:220px;height: 46px;line-height: 46px;text-align: center;font-size: 15px;margin:0 auto;border-bottom: 1px solid #dfdfdf}
.product .pro_l ul li:hover {background: #5BBCF3;}
.product .pro_l ul li:hover a{color: #fff}

.product .pro_r{width: 940px;}
.product .pro_r ul li{width: 268px;margin-left: 45px;float: left;margin-top: 28px}
.product .pro_r ul li img{width: 260px;height: 195px;padding: 3px;border:1px solid #dfdfdf;}
.product .pro_r ul li p{display: block;width: 246px;height: 35px;line-height: 35px;border:1px solid #dfdfdf;border-width: 0 1px 1px;color: #fff;padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_r ul li p::after {content: "→";float: right;}
.product .pro_r ul li:hover {background: #5BBCF3}
/*product start*/

/*company start*/
.company{padding: 50px 0;}
.company .fwlc{text-align: center;}
.company .fwlc b{font-size: 28px;color: #5BBCF3}

.company .com_body{background: #EAEAEA;padding: 50px 0 50px 0}
.company .com_body .com_l{width: 650px;}
.company .com_body .com_l ul li{min-width:40%;font-size: 15px;line-height: 30px;color: #777;}
.company .com_body .com_l img.img1 {border:5px solid #fff;box-shadow: 0 0 10px 0 #ddd}
.company .com_body .com_l img.img2{margin-top: 20px}

.company .com_body .com_r{width: 480px;}
.company .com_body .com_r b{text-align: right;font-size: 70px;color: #ddd;line-height: 80px;font-family: 'Arial','Microsoft YaHei';float: right;}
.company .com_body .com_r p{line-height: 190%;color: #777;text-indent: 2em;font-size: 15px}
.company .com_body strong{font-size: 26px;color: #5BBCF3}
.company .com_body em{display: block;width: 40px;height: 4px;background: #5BBCF3;margin: 20px 0;}
.company .com_body .com_r a.more{display: block;width: 120px;height: 35px;background: #5BBCF3;line-height: 35px;text-align: center;color: #fff;font-size: 15px;margin-top: 20px;float: right;}
/*company end*/

/*new start*/
.new{padding-bottom: 50px;}
.new .new_body{padding-top: 25px;}
.new .new_body .new_l{width: 650px;}
.new .new_body .new_l .new_con{width: 650px;margin-top: 20px;background: #f1f1f1}
.new .new_body .new_l .new_con .title{display: inline-block;width:70px;height:75px;background: #aaa;color: #fff;padding-top: 5px;float: left;}
.new .new_body .new_l .new_con .title b{color:#fff;line-height: 45px}
.new .new_body .new_l .new_con .cont{display: inline-block;height: 80px;width: 550px;float: right;margin-right: 10px}
.new .new_body .new_l .new_con .cont .xwtitle{clear: both;}
.new .new_body .new_l .new_con .cont p{line-height: 200%;font-size: 17px;color: #333;padding-top: 7px;display: block;width: 480px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}
.new .new_body .new_l .new_con .cont font{line-height: 160%;color: #777;font-size: 15px;display: block;width: 550px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .new_body .new_l .new_con:hover .title{background: #5BBCF3}
.new .new_body .new_l .new_con .xwtitle em{display:block;width: 20px;height: 20px;background: #aaa;color: #fff;text-align: center;line-height: 20px;float: right;margin-top: 15px}
.new .new_body .new_l .new_con:hover .xwtitle em{background: #5BBCF3}

.new .new_body .new_r{width: 470px;}
.new .new_body .new_r .top{width: 470px;height: 14px;background: url(../images/line.jpg) no-repeat center;}
.new .new_body .new_r ul{padding-top: 10px}
.new .new_body .new_r ul li{height: 48px;line-height: 48px;border-bottom: 1px dashed #dfdfdf}
.new .new_body .new_r ul li p{width: 340px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 48px;padding-left: 30px;background: url(../images/jt.png) no-repeat center left;font-size: 15px;}
.new .new_body .new_r ul li:hover p{color: #5BBCF3;background: url(../images/jt1.png) no-repeat center left;}
/*new end*/

/*footer start*/
.footer{padding: 30px 0px 30px;background: #777;border-top: 6px solid #5BBCF3}
.footer .foot_body > ul{height: 40px;line-height: 40px;background: #5BBCF3;border-radius:5px;}
.footer .foot_body > ul li{float: left;width: 170px;text-align: center;font-size: 16px;background: url(../images/dot.jpg) no-repeat center right;}
.footer .foot_body > ul li:nth-last-of-type(1) {background: none}
.footer .foot_body > ul li a{color: #fff}
.footer .foot_body .lxwm{position:relative;text-align: left;margin-top: 20px;}
.footer .foot_body .lxwm ul{margin-left: 40px}
.footer .foot_body .lxwm ul:nth-child(1) {margin-left: 20px}
.footer .foot_body .lxwm ul li{height: 35px;line-height: 35px;color: #fff}
.footer .foot_body .ewm{margin-top: 20px;margin-right: 20px}
.footer .foot_body .ewm p{writing-mode:tb-rl;letter-spacing: 2px;padding-right: 5px;color: #fff;font-size: 15px}
.footer .foot_body span{padding:0 20px;color: #fff;display: inline-block;font-size: 15px;line-height:35px}
.footer .foot_body a{color: #fff}
/*footer end*/