.main {
	width: 100%;
}

/* 产品 */
.pro1{
	margin-top: 48px;
}
.pro1 .cate{
	width: 240px;
	height: 572px;
	padding: 0 10px;
	background: url(../images/aa1.jpg) no-repeat;
}
.pro1 .cate .a1{
	margin-top: 10px;
	text-align: center;
	color: #ffffff;
}
.pro1 .cate .a1 .p1{
	font-size: 24px;
}
.pro1 .cate .a2{
	margin-bottom: 40px;
	margin-top: 20px;
}
.pro1 .cate .a2 li a{
	line-height: 62px;
	display: block;
	text-align: center;
	color: #555555;
	font-size: 16px;
	border-bottom: 1px solid #e5e5e5;
}

.pro1 .cate .a2 li a:hover{
	color: #1e61ba
}
.pro1 .cate .a3{
	width: 222px;
	line-height: 50px;
	background-color: #2063bc;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	font-size: 20px;
}
.pro1 .cate .a4{
	padding: 20px 0 0 12px;
	color: #555555;
}
.pro1 .pro1list{
	width: 910px;
}
.pro1 .pro1list .a1{
	height: 42px;
	border-bottom: 1px solid #e5e5e5;
}
.pro1 .pro1list .a1 a{
	color: #555555;
}
.pro1 .pro1list .a2{
	overflow: hidden;
}
.pro1 .pro1list .a2 ul{
	width: 930px;
}
.pro1 .pro1list .a2 ul li{
	position: relative;
	width: 290px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.pro1 .pro1list .a2 ul li img{
	width: 100%;
	height: 206px;
}
.pro1 .pro1list .a2 ul li .b1{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition:all .3s;

}
.pro1 .pro1list .a2 ul li:hover .b1{
	opacity: 1;
}
.pro1 .pro1list .a2 ul li p{
	line-height: 50px;
	color: #555555;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:100%;
}
.pro2{
	margin-top: -230px;
	width: 100%;
	height: 224px;
	padding-top: 236px;
	background: url(../images/aa5.png) no-repeat center center;
}
.pro2 .a1{
	width: 800px;
	text-align: center;
	color: #ffffff;
}
.pro2 .a1 .p1{
	font-size: 32px;
	font-weight: bold;
}
.pro2 .a1 .p2{
	margin: 8px 0;
}
.pro2 .a2{
	margin-top: 38px;
	color: #222222;
	font-size: 16px;
	margin-right: 95px;
}
.pro2 .a2 span{
	font-size: 22px;
}
.pro3{
	width: 100%;
	height: 625px;
	color: #ffffff;
	background: url(../images/aa2.jpg) no-repeat center center;
}
.pro3 .a1{
	padding-top: 38px;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 8px;
}
.pro3 .a2{
	text-align: center;
	background: url(../images/aa7.png) no-repeat center center;
}
.pro3 .a3  {
	margin-top: 35px;
}
.pro3 .a3 .b1{
	width: 596px;
	padding-top: 10px;
}
.pro3 .a3 .b2{
	width: 564px;
	height: 312px;
}
.pro3 .a3 .b2 img{
	width: 100%;
	height:100%;
}
.pro3 .a4,.pro5 .a3{
	width: 200px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #ffffff;
	display: block;
	margin: 48px auto 0;
	font-size: 16px;
	border-radius: 27px;
	border:1px solid #ffffff;
}
.pro5 .a3{
	margin-top: 68px;
}
.pro4 .a1{
	width: 368px;
	margin: 43px  auto 20px;
}
.pro4 .a1 .b1{
	margin-top:9px;
}
.pro4 .a1 .b2{
	font-size: 36px;
	color: #e3403b;
	font-weight: bold;
	margin-left: 10px;
}
.pro4 .a2{
	width: 100%;
	height: 1434px;
	background: url(../images/aa3.jpg) no-repeat;
}
.pro4 .a2 .b1,.pro4 .a2 .b3{
	padding-left: 120px;
}
.pro4 .a2 .d1 .e1{
	font-size: 12px;
	color: #1e61ba;
}
.pro4 .a2  .d1 .e1 span{
	font-size: 26px;
}
.pro4 .a2  .d1 .e2{
	color: #555555;
	line-height: 25px;
	margin-top: 16px;
}
.pro4 .a2 .b2 .d2{
	margin-top: -70px;
}
.pro4 .a2 .b2 .d1{
	margin-top: 31px;
}
.pro4 .a2 .b3 .d1{
	margin-top: 116px;
}
.pro4 .a2 .b3 .d2{
	margin-top: -30px;
}
.pro4 .a2 .b4{
	margin-top: 110px;
}
.pro4 .a2 .b4 .d2{
	margin-top: 62px;
}
.pro5{
	height: 676px;
	background: url(../images/aa4.jpg) no-repeat center center;
}
.pro5 .a1{
	text-align: center;
	color: #ffffff;
}
.pro5 .a1 .p1,.pro6 .a1 .p1{
	font-size: 32px;
	background: url(../images/aa5.jpg) no-repeat center bottom;
	padding:40px 0 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.pro5 .a2 {
	margin-top: 42px;
}
.pro5 .a2 .b1{
	width: 493px;
	height: 325px;
	background: url(../images/aa12.png) no-repeat;
	margin-right: 28px;
}
.pro5 .a2 .b1 .d1{
	width: 43px;
	height: 120px;
	text-align: center;
	line-height: 43px;
	color: #ffffff;
	font-size: 18px;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	*writing-mode: tb-rl;
	margin-top: 24px;
	margin-left: 18px;
}
.pro5 .a2 .b1 ul{
	width: 378px;
	margin-left: 19px;
	margin-top: 38px;
}
.pro5 .a2 .b1 ul a{
	color: #ffffff;
}
.pro5 .a2 .b1 ul li {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.pro5 .a2 .b1 ul li .p1{
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:100%;

}
.pro5 .a2 .b1 ul li .p2{
	margin: 6px 0;
}
.pro5 .a2 .b1 ul li .p3{
	line-height: 28px;
	height: 56px;
	overflow: hidden;
}
.pro5 .a2 .b2{
	margin-left: 18px;
	margin-top: 16px;
}
.pro5 .a2 .b3{
	width: 4px;
	height: 315px;
	background-color: #ffffff;
	margin-top: 16px;
}
.pro6 {
	padding-bottom: 70px;
}
.pro6 .a1{
	text-align: center;
	color: #222222;
}
.pro6 .a2 {
	margin-top: 26px;
}
.pro6 .a2 .b1{
	width: 450px;
	margin-left: 60px;
}
.pro6 .a2 .b1 .p1{
	line-height: 44px;
	color: #707070;
	font-size: 16px;
}
.pro6 .a2 .b1 .p1 span{
	color: #ff0000;
}
.pro6 .a2 .b1 .p2{
	width: 430px;
	height: 39px;
	line-height: 39px;
	border:1px solid #e6e6e6;
	transition:all .3s;
	padding: 0 10px;
	margin-bottom: 10px;
}
.pro6 .a2 .b1 .p2:hover,.pro6 .a2 .b1 .p3:hover{
	border:1px solid #d2d2d2;
}
.pro6 .a2 .b1 .p3{
	padding: 5px;
	width: 440px;
	line-height: 20px;
	height: 72px;
	border:1px solid #e6e6e6;
	transition:all .3s;
	resize:none;
}
.pro6 .a2 .b1 .p4{
	display: block;
	line-height: 42px;
	width: 100%;
	text-align: center;
	background-color: #1e61ba;
	color: #ffffff;
	font-size: 16px;
	margin-top: 12px;
}
.pro6 .a2 .b2{
	padding: 66px 50px 62px;
	width: 394px;
	margin-right: 60px;
	border-top:4px solid #1e61ba;
	border-bottom:4px solid #1e61ba;
	margin-top: 42px;
}
.pro6 .a2 .b2 .p1{
	text-align: center;
	font-size: 32px;
	color: #1e61ba;
	font-weight: bold;
}
.pro6 .a2 .b2 .p2{
	color: #1e61ba;
	text-align: center;
	margin: 12px 0 58px;
}
.pro6 .a2 .b2 .p3{
	line-height: 28px;
	color: #707070;
}
.news{
	padding: 28px 0 57px;
	background-color: #f1f1f1;
	margin-top: 10px;
}
.news .newstop{

}
.news .newstop ul{
	width: 350px;
	margin-bottom: 28px;
}
.news .newstop ul li{
	width: 170px;
	line-height: 49px;
	background-color: #277ec3;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.news .newstop ul li.active,.news .newstop ul li:hover{
	background-color: #f8ad00;
}
.news .newsbot{
	position: relative;
}
.news .newsbot .im{
	width: 309px;
	height: 253px;
}
.news .newsbot ul{
	width: 868px;
}
.news .newsbot ul li {
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px dashed #c5c5c5;
	color: #666666;
	list-style: disc;
	list-style-position: inside;
	padding: 0 10px;
}
.news .newsbot ul li  span{
	float: right;
}
.news .newsbot .p2{
	position: absolute;
	right: 0;
	top: -64px;
	display: block;
	width: 115px;
	height: 29px;
}
.cases{
	padding: 40px 0;
	background-color: #277ec3;
}
.cases .case{
	padding: 20px 0 0 23px;
	background-color: #ffffff;
}
.cases .case .con{
	width: 294px;
	margin-right:24px;
}
.cases .case .con .p1{
	color: #277ec3;
	font-size: 36px;
	font-family: "Arial";
}
.cases .case .con .p2{
	color: #277ec3;
	font-size: 20px;
	padding-left: 34px;
}
.cases .case .con .p3{
	line-height: 30px;
	color: #666666;
}
.cases .case li{
	position: relative;
	width: 254px;
	height: 203px;
	overflow: hidden;
	margin-right: 30px;
	font-size: 16px;
	margin-bottom: 24px;
}
.cases .case li .p1{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 42px;
	color: #ffffff;
	width: 254px;
	background: url(../images/b5.png) no-repeat;
	background-size: 100% 100%;
}
.cases .case li .p2{
	width: 254px;
	height: 203px;
	background: url(../images/b5.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	transition:all 0.5s ease;
	position: absolute;
	left: 0;
	color: #ffffff;
	bottom: -156px;
}
.cases .case li .p3{
	line-height: 42px;
	transition:all 0.5s ease;
}
.cases .case li .p2 img{
	margin-top: 8px;
}
.cases .case li:hover .p2{
	bottom: 0;
}

.cases .case li:hover .p3{
	padding-top: 56px;
}

.abo{
	padding: 44px 0 20px;
}
.abo .abotop .p1{
	width: 170px;
	line-height: 49px;
	background-color: #277ec3;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
}
.abo .abotop .p2{
	margin-top: 10px;
}
.abo .abocen{
	margin: 36px 0 43px;
}
.abo .abocen img{
	width: 382px;
	height: 263px;
}
.abo .abocen .con{
	width: 804px;
	color: #666666;
}
.abo .abocen .con p span{
	line-height: 2.4 !important;
}
.abo .abobot{
	overflow: hidden;
}
.abo .abobot ul{
	width: 1230px;
}
.abo .abobot ul li{
	width: 282px;
	margin-right: 22px;
}
.abo .abobot ul li img{
	width: 100%;
}
.abo .abobot ul li p{
	font-size: 16px;
	text-align: center;
	line-height: 54px;
	color: #666666;
}