html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;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;}
.w1340{width: 1340px;margin:0 auto;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*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: 130px;background: url(../image/headbg.jpg) no-repeat center;}
.header .head_body .logo{padding: 15px 0}
.header .hb_r{width: 780px}
.header .hb_r .tel{height: 61px;line-height: 61px;text-align: right;font-size: 18px;padding-left: 60px;background: url(../image/tel.png) no-repeat 460px center;}
.header .hb_r .tel b{font-family: Arial;font-size: 28px;color: #009DDF}
.header .hb_r ul{height: 65px;line-height: 65px;}
.header .hb_r ul li{float: left;width: 110px;height: 65px;line-height: 65px;text-align: center; position: relative;}
.header .hb_r ul li a{color: #fff;font-size: 16px;}
.header .hb_r ul li:hover {background: #666}
.header .hb_r ul li:hover ul{ display: block;}
.header .hb_r ul li ul{ display: none; position: absolute; top:65px;left:0px; z-index: 99999; background: #666; height: auto;line-height:30px;width:100%;}
.header .hb_r ul li ul li{float:none; padding: 5px 0px; width:100%; height:25px;line-height:25px; }
.header .hb_r ul li ul li a{ font-size:14px; display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0px 2px;}
.header .hb_r ul li ul li:hover{ background: #3d9edf;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:500px;
	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(../image/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: #aaa;
	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: #F38013;
}

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

.title{ background:url(../image/ab_line01.png) no-repeat center 56px;height: 85px;line-height: 38px;text-align: center;}
.title p{font-size: 30px;color: #333;text-align: center;}
.title span{display: block;font-size: 16px;color: #999;font-weight: normal;text-transform: uppercase;font-family: Arial;}

/*product start*/
.product{padding: 50px 0 10px 0;background: #efefef}
.pro_l{width: 260px;}
.pro_l .prolist_top{width: 260px;height: 90px;background: url(../image/pro_top.jpg) no-repeat center bottom;font-size:32px;text-align:center;line-height: 85px;font-weight: bold;color: #fff}
.pro_l .prolist_mid{width: 260px;background: #fff;padding: 0px 0 5px 0;}
.pro_l .prolist_mid > ul > li{width: 200px;margin: 0 auto;padding-left: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 42px;line-height: 42px;border-bottom:1px dashed #aaa;font-size: 15px;}
.pro_l .prolist_mid > ul{padding: 8px 0}

.pro_l .prolist_bot{width: 260px;height: 105px;background: url(../image/pro_bot.jpg) no-repeat center bottom;text-align: center;}
.pro_l .prolist_bot p{padding: 30px 0 6px 30px;color: #fff;font-size: 16px}
.pro_l .prolist_bot b{font-family: Arial;font-size: 28px;color: #fff;}

.product .pro_r{width: 940px;}
.product .pro_r ul{width: 940px}
.product .pro_r ul li{width: 260px;background: #fff;float: left;margin-left: 33px;padding: 10px;margin-bottom: 40px;}
.product .pro_r ul li .img{width: 258px;height: 193px;overflow: hidden;border:1px solid #eee;}
.product .pro_r ul li .img img{width: 258px;height: 193px; 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;}
.product .pro_r ul li:hover .img 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)}
.product .pro_r ul li p{line-height: 35px;text-align: center;display: block;width: 260px;margin:0 auto;font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_r ul li .more{width: 260px;height: 30px;background: #009DDF;text-align: center;line-height: 30px;color: #fff}
.product .pro_r ul li:hover {background: #666;color: #fff}
.product .pro_r ul li:hover p{color: #fff}
/*product end*/

/*case start*/
.case{
	padding: 50px 0px;
	background: #fff;
}

.case .list ul{
	width: 380px;
	margin: 0 auto;
}
.case .list ul li{
	float: left;
	width: 150px;
	line-height: 35px;
	background: #eaeaea;
	text-align: center;
	border-radius: 0 20px;
	margin: 0 20px 20px 20px;
}
.case .list ul li a{
	font-size: 16px;
	color: #454545;
}
.case .list ul li.on{
	background: #3d9edf;
}
.case .list ul li.on a{
	color: #fff;
}

.case .strengthMain{
	overflow:hidden;
}
.strengthMain li{
	float:left;
	width:285px;
	height:215px;
	overflow:hidden;
	background:#000;
	position:relative;
	margin:15px 0px 15px 20px;
}
.strengthMain li:nth-child(4n+1) {
	margin:15px 0;
}
.strengthMain li img{
	width:285px;
	height:215px;
	transition:all .5s;
	opacity:1;
	filter:alpha(opacity=100);
}
.strengthMain li .font{
	width:285px;
	height:190px;
	top:0;
	left:0;
	position:absolute;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding-top:25px;
}
.strengthMain li .font h3{
	font-size:16px;
	color:#fff;
	font-weight:normal;
	margin-bottom:20px;
	line-height:36px;
	position: relative;
	top: 155px;
	background: url(../image/imghoverbg2.png);
}
.strengthMain li:hover img{
	transform: scale(1.1, 1.1);
	opacity:0.4;
	filter:alpha(opacity=40);
}
.strengthMain li:hover .font h3{
	font-size:20px;
	color:#fff;
	font-weight:normal;
	margin-bottom:20px;
	line-height:160px;
	background: none;
	position: relative;
	top: 0;
	display: block;
}
.strengthMain li .font::before,.strengthMain li .font::after{
	position:absolute;
	content:'';
	opacity:0;
	transition:all 0.5s;
}
.strengthMain li .font::before{
	top:25px;
	right:15px;
	bottom:25px;
	left:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	transform:scale(0,1);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
.strengthMain li .font::after{
	top:15px;
	right:25px;
	bottom:15px;
	left:25px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	transform:scale(1,0);
	transform-origin:100% 0;
}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{
	opacity:1;
	transform:scale(1);
	transition: all 0.5s;
}

.case .more{
	width: 150px;
	border-radius: 20px;
	text-align: center;
	display: block;
	color: #3d9edf;
	border: 1px solid #3d9edf;
	font-size: 16px;
	line-height: 35px;
	margin: 0 auto;
	margin-top: 10px;
}
.case .more:hover{
	background: #3d9edf;
	color: #fff;
}
/*case end*/

/*company start*/
.ab_bg{ background:url(../image/ab_bg.jpg) no-repeat center 0; height:605px;font-size: 0; overflow:hidden;margin-top: 50px}
.about .title{height: 140px;}
.about dl dt{width: 571px;height: 435px; float:right; padding:0 30px 0 0;}
.about dl dt img{width: 571px;height: 435px;}
.about dl dd{ width:525px; float:left; padding:0 0 0 30px;}
.about dl dd .com_t{ border-bottom:#e6e6e6 1px solid; height:115px;line-height: 30px;}
.about dl dd .com_t a{ font-size:18px; color:#333;}
.about dl dd .com_t i{ display:block; font-size:36px; color:#eee;font-weight: normal; padding:20px 0 5px; font-family:Arial, Helvetica, sans-serif;}
.about .ab_desc{ font-size:14px; color:#555; line-height:160%; padding:30px 0 0; overflow:hidden;}
.about .ab_desc p{text-indent: 2em;}
.about dl dd b{display: block;font-size: 18px;color: #d7b156;height: 30px;line-height: 30px; padding:20px 0;}
.about dl dd span{ background:url(../image/ab_btn01.png) no-repeat;display: block;width: 310px;height: 42px;}
.about dl dd span a{display: block;font-size: 15px;color: #fff;float: left;width: 155px;text-align: center;height: 42px;line-height: 42px;overflow: hidden;}
.about dl dd span a:hover,.about dl dd span a:first-child{ background:url(../image/ab_btn02.png) no-repeat;}
/*company end*/

/*new start*/
.new{padding: 50px 0;background: url(../image/photo_bg.gif);}
.new .new_body{margin-top: 30px}
.new_l,.new_r{width: 570px;}
.news2{display: block;background: #fff;padding: 30px;}
.news2 .new2_l .date{font-size:22px;font-weight:bold;color:#333;}
.news2 .new2_l span{display:block;width:26px;height:26px;text-align:center;line-height:26px;background:url(../image/newjt.png) no-repeat center #dadada;color:#696969;border-radius:50%;margin-top:30px;}
.news2 .text_box{margin-left:100px;}
.news2 .text_box .text_title{font-size:16px;color:#333;font-weight:bold;}
.news2 .text_box .text{line-height:24px;color:#696969;margin-top:25px;height:48px;overflow:hidden;}
.news2:hover {background: #888;}
.news2:hover .date{color: #fff}
.news2:hover .text_title{color: #fff}
.news2:hover .text{color: #fff}
.news3{margin-top: 15px;}
.news3 li{height: 35px;line-height: 35px;border-bottom: 1px dashed #dfdfdf}
.news3 li a{display: inline-block;width: 450px;}
.news3 li span{float: right;}
.news3 li:hover a{color: #F10001}
.news3 li:hover span{color: #F10001}
/*new end*/

/*lxwm start*/
.lxwm{ overflow:hidden; height:auto;  padding:35px 0 30px;} 
.lxwm ul{ margin:0; padding:0; text-align:center;}
.lxwm ul li{ width:30%; margin-right:4%; display:inline-block;text-align: left;color: #666}
.lxwm ul li:nth-child(3) {margin-right: 0;}

.lxwm ul li .adv_pic{ width:54px; height:54px; padding:16px; border:2px solid #009DDF; float:left; background-repeat:no-repeat; background-position:center; transition:0.5s;}
.lxwm ul li:hover .adv_pic{ transition:0.5s;transform:rotateY(360deg)}
.lxwm ul li .adv_desc{ width:250px; float:right;padding-top: 8px}
.lxwm ul li .adv_desc font{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:220px; font-size:20px; padding-bottom:10px; line-height:30px;font-weight:bold;color: #009DDF}

/*lxwm end*/

/*footer start*/
.g_ft{ height:319px;background: url(../image/f_bg.jpg) repeat-x;}
.g_ft .ftico1{background: url(http://www.xyshzb.com/Public/images/ftico1.jpg) no-repeat;width: 150px;}
.f_nav{ height: 54px; line-height: 54px; text-align: center; margin-bottom: 40px;}
.f_nav li{ display: inline-block;background: url(../image/f_nav.png) no-repeat right 21px;}
.f_nav a{ color: #fff; font-size: 16px; display: inline-block; padding: 0 50px;}
.f_nav li:nth-last-of-type(0) { background: none;}
.f_nav a:hover{ text-decoration: underline;}
.f_con{ overflow: hidden; height: 180px;}
.f_con .ewm_f{ float: left;}
.f_con .ewm_f p{writing-mode: tb-rl;letter-spacing: 5px;padding-left: 10px;color: #fff;font-size: 16px;}
.f_con .ewm_f p.p1{padding-top: 45px;letter-spacing: 5px}
.f_con .ewm_f p.p2{padding-top: 23px;}
.f_con ul{ float: right;margin-top: 5px}
.f_con ul li{ float: left;padding-left:90px; width: 250px; padding-right: 20px;background: url(../image/ftico1.png) no-repeat; min-height: 139px;}
.f_con ul li.bg2{background: url(../image/ftico2.png) no-repeat; }
.f_con ul li.bg3{background: url(../image/ftico3.png) no-repeat; }
.f_con ul li i{ display: block; padding-top: 15px; color: #eee; font-size: 20px; padding-bottom: 20px;}
.f_con ul li em{ display: block; color: #eee; font-size: 18px; line-height: 24px;}
.f_copy{ line-height: 45px; height: 45px; font-size: 14px; color: #eee;}
.f_copy a{color: #eee}
/*footer end*/