.main {

	width: 100%;

}



/* 产品 */

.pro1 {

	margin-top: 48px;

}

.pro1 .cate {

	width: 240px;

	height: 789px;

	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: 36px;

	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: 90px;

}

.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: -4px;

}

.pro4 .a1 {

	width: 370px;

	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;

}
.b3_gx{
	
	margin-top: 88px;
	
}




.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: 21px;

}

.pro4 .a2 .b3 .d2 {

	margin-top: -30px;

}

.pro4 .a2 .b4 {

	margin-top: 17px;

}

.pro4 .a2 .b4 .d2 {

	margin-top: 62px;

}

.pro5 {

	height: 676px;

	background: url(../images/aa4.jpg) no-repeat center center;
	
	margin-bottom: 78px;

}

.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: 18px 0 7px;

	margin-bottom: 4px;

	font-weight: bold;

}

.pro5 .a2 {

	margin-top: 11px;

}

.pro5 .a2 .b1 {

	width: 493px;

	height: 503px;

	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: 24px;

}

.pro5 .a2 .b1 ul a {

	color: #ffffff;

}

.pro5 .a2 .b1 ul li {

	border-bottom: 1px solid #ffffff;

	padding-bottom: 12px;

	margin-bottom: 8px;

}

.pro5 .a2 .b1 ul li .p1 {

	font-size: 14px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 100%;



}
.pro5 .a2 .b1 ul li .p2 { font-size:12px}
/*.pro5 .a2 .b1 ul li .p2 {

	margin: 6px 0;

}*/

.pro5 .a2 .b1 ul li .p3 {
	font-size:12px;

	line-height: 16px;

	height: 32px;

	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;

	line-height: 30px;

}

.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;

}

.float_gx {
	width: 500px;
}

.index_case{ height:298px; overflow:hidden; margin-top:22px; transition:all 0.5s ease; position:relative}
.index_case .anniu{ width:52px; height:52px; z-index:99; position:absolute; top:105px;opacity:0;cursor:pointer; background:url(../images/left-right-bg.png) no-repeat;transition:all 0.5s ease;}
.index_case:hover .anniu{ opacity:0.7;}
.index_case .anniu.pre{ left:6px; background-position:-1px 0px}
.index_case .anniu.next{ right:6px; background-position:-56px 0px}
.index_case .bd ul{overflow:hidden; zoom:1; }
.index_case .bd ul li{ float:left; width:285px; height:297px; margin-right:20px; position:relative; transition:all 0.5s ease;}
.index_case .bd ul li a{ color:#FFF; font-size:14px}
.index_case .bd ul li img{ width:283px; height:243px; border:1px solid #CFCFCF;}
.index_case .bd ul li  p{ display:block; position:absolute;  width:100%; bottom:0; left:0; height:41px; line-height:41px; text-align:center; background:#8A8A8A; transition:all 0.5s ease;}
.index_case .bd ul li.active a p,.index_case .bd ul li:hover  p{ background:#FF8A00}
.width{ width:1200px; margin:auto;}
.relative{ position:relative;}
.bt{width:1200px; margin:auto;       margin-top: 29px;   margin-bottom:38px;}
.bt a{padding-top: 38px; text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 8px;}
.bt a .a1{ color: #000;}
.bt .a2{ text-align: center; background: url(../images/aa77.png) no-repeat center center; color: #000;


}