*{margin: 0; padding: 0;}
li{ list-style:none}
a{color: black; text-decoration: none;}
body{background-image:url(../img/SY04.png) ;font-family: "微软雅黑";}
.container{width:1200px;margin: 0 auto;}
.header{overflow: hidden;}
.header .top{height: 30px; background-color: #f2f2f2;overflow: hidden;}
.header .top p{float:left; line-height: 30px;font-size: 13px;color: #929292;}
.header .top span{float: right;line-height: 30px;font-size: 13px;font-weight:bold;color: #929292;}
.header .top span b{font-size: 16px; color: #058ce4;}
.header .logo{float: left;margin-top: 12px;padding-bottom: 14px;}
.header .nav{float: right;}
.header .nav ul{}
.header .nav li{float: left; margin: 0 14px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li.on a,
.header .nav li:hover a
{border-bottom:2px solid #4db4f8;}
.header .nav li a{display:block;font-size: 15px; color: #878787; font-weight: bold;padding: 38px 0 6px;}
/*.banner{position: relative;overflow: hidden;height:500px;margin-bottom: 30px;}*/
/*.banner img{position: absolute;left: 50%;margin-left: -960px;display: block;}*/
.banner{margin-bottom: 30px;}

.middle .case{margin-bottom: 20px;}
.middle .case .title{overflow: hidden;margin-bottom: 23px;}
.middle .case .title h2{float:left;color:#0099cc;font-size:20px;}
.middle .case .title .text{float:right;width: 1111px;overflow: hidden;border-bottom:1px solid #cccccc;padding-bottom:3px;margin-top: 4px;}
.middle .case .title .text b{display: block;float: left;font-size: 11px;color:#cccccc;font-weight: 100;}
.middle .case .title .text a{display: block;float: right;font-size: 12px;color:#999999;}
.middle .case .title .text a:hover{color:#0099cc;}
.middle .case .content ul{width:1200px;overflow: hidden;}
.middle .case .content li{position: relative;width: 25%;float: left;margin-bottom: 10px; height:220px;}
.middle .case .content li:nth-child(2){width:50%;text-align: center;}
.middle .case .content li:nth-child(2) .text p{font-size: 32px;color:#66cc33;margin:66px 0 22px;}
.middle .case .content li:nth-child(2) .text a{font-size: 26px;color:#999999;font-weight: 100;display: block;}
.middle .case .content li .img img{display: block; width: 292px;height: 220px;}
.middle .case .content li .img .shadow{width: 292px;height: 220px;background-color:rgba(0, 0, 0, 0.52);position: absolute;top: 0;right: 8px;display: none;}
.middle .case .content li .img .text p{position: absolute;color: #FFFFFF;font-size: 18px;top:71px; height:50px; overflow:hidden;display: none;}
.middle .case .content li .img .text b{position: absolute;left:45px;bottom:102px;color: #FFFFFF;font-size: 18px;font-weight: 100;display: none;}
.middle .case .content li .img .text a{position: absolute;left:100px;bottom:56px;color: #FFFFFF;font-size: 14px;border:2px solid #FFFFFF;padding: 7px 17px;display: none;}
.middle .case .content li:hover .img .shadow{width: 292px;height: 220px;background-color:rgba(0, 0, 0, 0.52);position: absolute;top: 0;right: 8px;display:block;}
.middle .case .content li:hover .img .text p{position: absolute;color: #FFFFFF;font-size: 16px;top:71px; width:293px; text-align:center;display:block;}
.middle .case .content li:hover .img .text b{position: absolute;left:45px;bottom:102px;color: #FFFFFF;font-size: 18px;font-weight: 100;display:block;}
.middle .case .content li:hover .img .text a{position: absolute;left:100px;bottom:56px;color: #FFFFFF;font-size: 14px;border:2px solid #FFFFFF;padding: 7px 17px;display:block;}


.middle .product{overflow: hidden;padding-bottom:30px;}
.middle .product .title{overflow: hidden;margin-bottom: 32px;}
.middle .product .title h2{float:left;color:#0099cc;font-size:20px;}
.middle .product .title .text{float:right;width: 1111px;overflow: hidden;border-bottom:1px solid #cccccc;padding-bottom:3px;margin-top: 4px;}
.middle .product .title .text b{display: block;float: left;font-size: 11px;color:#cccccc;font-weight: 100;}
.middle .product .title .text a{display: block;float: right;font-size: 12px;color:#999999;}
.middle .product .title .text a:hover{color:#0099cc;}
.middle .product .subNav{float: left;}
.middle .product .subNav li{background-image:url(../img/SY08.png);background-repeat: no-repeat;height: 42px;width:220px;cursor: pointer;box-shadow:10px 12px rgba(30, 166, 255, 0.45)}
.middle .product .subNav li a{display:block;padding: 0 33px;line-height: 42px;color: #FFFFFF;font-size: 15px;}
.middle .product .subNav li:hover a{color:#027bca;}
.middle .product .list{float: right;overflow:hidden;margin-bottom: px;width: 956px;}
.middle .product .list li{float: left; margin:15px 0px 25px 16px;border:1px solid #cccccc;border-bottom: none; width:220px;}
.middle .product .list li:hover{border-color:#54c039;}
.middle .product .list li img{display:block; width:100%; height:170px;}
.middle .product .list li .text {}
.middle .product .list li .text a{font-size:14px;position: relative;display:block;width: 211px; height: 35px;background-color:#1ea6ff;text-align: center; line-height: 35px;color: #FFFFFF;
overflow:hidden;}
.middle .product .list li .text img{position: absolute;bottom: 0;right:0 ;}

.middle .three{overflow: hidden;margin-bottom: 45px;}
.middle .three .about{width: 481px;float: left;}
.middle .three .about h2{font-size: 16px;color:#ffffff;background-color:#1ea6ff;padding: 10px 0;padding-left: 10px;}
.middle .three .about div{height: 3px;background-color:#058ce4;}
.middle .three .about a{font-size:10px;float: right;color:#ffffff;display: block;padding-right: 24px;padding-top: 4px;}
.middle .three .about p{font-size: 14px;color:#666666;line-height: 28px; height:190px;}
.middle .three .news{width: 691px;float: right;background-color: #FFFFFF;border:1px solid #ececec;}
.middle .three .news h3{font-size: 18px; color:#333333;padding: 24px 21px;}
.middle .three .news h3 span{margin-left:10px;font-size: 14px; color:#999999;font-weight: 100;}
.middle .three .news h3 a{font-size:14px;color:#666666;font-weight: 100;float: right;display: block;}
.middle .three .news h3 a:hover{color:#1ea6ff;}
.middle .three .news .content{margin-left:24px;width:626px;overflow: hidden;border-bottom: 1px solid #ebebeb;padding-bottom: 17px;margin-bottom: 15px;}
.middle .three .news .content .img{float: left;border:1px solid #dfdfdf;}
.middle .three .news .content .img img{display: block;}
.middle .three .news .content .text{float: right;width: 460px;max-height: 112px;overflow: hidden;}
.middle .three .news .content .text h4 a{display:block;font-size: 18px;color:#990000;margin-bottom: 30px;}
.middle .three .news .content .text a{display:block;font-size: 13px;color:#999999;line-height: 26px;}
.middle .three .news .list{padding: 0 24px;}
.middle .three .news .list li{background-image: url(../img/SY12.png);background-repeat: no-repeat;background-position: 0 7px;margin-bottom: 14px;}
.middle .three .news .list li:hover{background-image: url(../img/SY11.png);background-repeat: no-repeat;}
.middle .three .news .list li.on{background-image: url(../img/SY11.png);background-repeat: no-repeat;}
.middle .three .news .list li.on a{color:#990000;}
.middle .three .news .list li:hover a{color:#990000;}
.middle .three .news .list li a{font-size: 13px; color:#666666;margin-left:12px;display: block;}
.middle .three .news .list .left{float: left;}
.middle .three .news .list .right{float:right;}

.footer{ background-image:url(../img/SY02.png); height:130px; overflow: hidden; font-size: 14px;color: #fff;}
.footer .left{float: left;padding: 22px 0;}
.footer .left p{margin-bottom: 17px;font-size: 14px;}
.footer .right{float: right;width: 572px;overflow: hidden;}
.footer .right .text{font-size: 14px;float: left;padding:42px 0;}
.text a{ padding:0 5px 0 5px;}
.footer .right .text span{text-align: right;margin-top: 14px;display: block;}
.footer .right .img{float: right;padding: 14px 0;}


/*主营业务*/
.Main_business{
	padding-top: 30px;
	padding-bottom: 60px;
}
.Mb_title h3{
	font-size: 30px;
	text-align: center;
}
.Mb_title {
	padding-bottom: 40px;
}
.Main_business ul{
	overflow: hidden;
}
.Main_business ul li{
	float: left;
	width: 50%;
	overflow: hidden;
}
.Mb_img{
	float: left;
	width: 50%;
	overflow: hidden;
	height: 250px;
}
.Mb_img img{
	display: block;
	width: 100%;
	transition-duration: 0.8s;
}
.Mb_text{
	float: left;
	width: 50%;
	background-color:#ededed;
	overflow: hidden;
	height: 250px;
}
.Main_business ul li:hover .Mb_img img{
	transform: scale(1.1);
	transition-duration: 0.8s;
}
.Mbt_con{
	padding: 30px 20px;
}
.Mbt_con h3{
	font-size: 16px;
	color: #333;
}
.Mbt_con b{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #cccccc;
	margin: 10px 0;
}
.Mbt_con p{
	font-size: 12px;
	color: #666;
	line-height: 24px;
	height: 78px;
	overflow: hidden;
}
.Mbt_con span{
	font-size: 13px;
	color: #fff;
	width: 90px;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #ccc;
	margin-top: 20px;
}
.Main_business ul li:hover .Mbt_con span{
	background-color: #058ce4;
}