/*默认样式*/
div,p,h1,h2,h3,h4,h5,h6,span,i,a,li{font-family: "Microsoft YaHei"; padding:0; margin:0;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
/*头部*/
.banner{background: url(banner-n1920.jpg) no-repeat center 0; height: 500px;}
.banner-img{width: 100%; display: block;}
/*第一部分*/
.num1 h1{font-size: 46px; padding:80px 0 25px; line-height: 46px; color: #3176c0; text-align: center;}
.num1 i{font-style:normal; font-size: 23px; padding:0 0 22px; line-height: 23px; color: #3e9de6; text-align: center;
display: block;}
.num1 p{text-align: center; color: #666; line-height: 28px; font-size: 18px; padding:0 40px;}
.num1 span{text-align: center; color: #3e9de6;  font-size: 18px; display: block; padding:18px 0 11px;}
.num1 img{margin:0 auto;}
.mb-50{margin-bottom: 50px;}
/*第二部分*/
.back1{background: #0081c5; padding-bottom: 50px;}
.tit{color: #fff; font-size: 34px; padding:58px 0 46px; text-align: center;}
.list1 img{display: block; width: 100%;}
.list1 h6{color: #fff; font-size: 24px; padding:26px 0 18px;}
.list1 p{color: #fff; font-size: 16px; padding:0 0 10px; line-height: 24px;}
/*第三部分*/
.list2{overflow: hidden; margin-left: 1%;}
.list2 img{display: block; width: 100%;}
.mb-23{margin-bottom: 24px;}
.p-11{padding:0 11px; }
.pt{position: relative; overflow: hidden;}
.pt:hover .hide1{display: block;}
.b-t{ position: absolute;  width: 100%; bottom: 0; height: 40px; color: #fff; background:#0081c5; line-height: 40px;
padding-left: 15px; font-size: 16px;}
.width-32{width: 32%; float: left;}
.mr-2{margin-right: 2%;}
.hide1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0081c5; display: none;}
.hide1 p{padding:0 22px 10px 22px; color: #fff; font-size: 16px; line-height: 24px;}
.hide1 a{display: block; margin-left: 22px; width: 100px; height: 24px; line-height: 24px; color: #0081c5; font-size: 16px;
background: #fff; text-align: center; border-radius: 10px; margin-top: 20px;}
.p-20{padding-top: 22px!important;}
.num3{margin-bottom: 30px;}
/*第四部分*/
.back2{background: #f4f4f4; padding-bottom: 30px;}
.br{border:1px solid #ddd; padding:56px 0 30px; cursor: pointer;}
.br p{text-align: center; font-size: 18px; color: #333; margin-bottom: 14px;}
.br img{display: block; margin:0 auto;}
.img2{margin-top: -29px!important; opacity: 0; filter: alpha(opacity=0);}
/*弹出层*/
.close{float: right; display: block; width: 30px; margin-top: 10px; margin-right: 10px;}
.hide-box{width: 90%; max-width: 496px; margin:0 auto; padding-bottom: 50px;}
 .hide-box h3{text-align: center; font-size: 30px; color: #3176c0; padding:27px 0;}
 .content{width: 90%; max-width: 420px; margin:0 auto;}
 .content .line{width: 100%; height: 1px; background: #ddd;}
 .content p{font-size: 18px; color: #666666; font-weight: 600; padding:14px 0 13px;}
 .content .choose input{width: 100%; border:1px solid #e5e5e5; height: 30px; outline: none;}
 #butt{display: block; width: 198px; height: 34px; background:#3176c0; color: #fff;  font-size: 22px; margin:0 auto;
 	outline: none; border:1px solid #666;}
 .content span{display: block; padding:10px 0 20px; font-size: 14px; line-height: 20px; color: red;}
 .content em{display:block; color: red; font-size: 16px; line-height: 20px; padding-bottom: 20px; opacity: 0; filter: alpha(opacity=0)}
/*底部*/
.foot{background:#787878; width:100%; min-height:120px;}
.foot-1{max-width:960px; width: 100%; margin:0 auto;padding-top:30px}
.foot-1 p{font-size:16px;color:#fff;line-height:28px; margin-bottom: 0;}
.foot-1 img{display: block; padding:5px 0 0 30px; margin-right:30px; width: 20%; float: left;}
/*底部-移动*/
.foot2{background: #787878; width:100%; max-height:166px; margin:0 auto; padding-bottom: 3%;}
.foot2-1{overflow: hidden; clear:both;}
.foot2-1 .li1-1{float: left; width: 30%; margin-left: 7%; padding-top: 5%;}
.foot2-1 .li1-1 img{width: 100%; float: left;}
.foot2-1 .li1-2{float: left; width: 58%; padding-left: 5%; padding-top: 5%;}
.foot2-1 .li1-2 p{color: #fff; font-size: 16px; line-height:1.5; margin:0;}

@media screen and (max-width: 1199px) and (min-width: 992px){
	.mb-23{margin-bottom: 19px;}
	.p-20{padding-top: 16px!important;}
	.hide1 p{padding:0 10px 5px;}
	.hide1 a{margin-left: 10px; margin-top: 10px;}
}
@media screen and (max-width: 991px){
	.width-32{width: 90%; float: none; margin:0 auto 20px;}
}
@media screen and (max-width: 640px){
	.num1 h1{font-size: 30px; padding-top:40px; padding-bottom: 10px;}
	.num1 i{font-size: 20px; padding:0 15px 15px;}
	.num1 p{padding:0 15px 5px; text-align: left;}
	.num1 span{padding-top: 13px;}
	.hide1{padding-top: 10px;}
	.hide1 p{font-size: 14px; padding:5px 10px 0!important; line-height: 22px;}
	.hide1 a{margin-left: 10px; margin-top: 10px;}
	.p-30mb{padding-bottom: 30px!important;}
	.hide-box{margin-top: 10px;}
	.hide-box h3{font-size: 30px; color: #3176c0; padding:15px 0;}
	.content p{font-size: 16px; color: #666666; font-weight: 600; padding:10px 0 9px;}
	.content .choose input{height: 24px;}
	.content span{padding:10px 0 20px;}
	#butt{height: 30px; font-size: 20px;}
}
@media screen and (max-width: 320px){
    .hide1 p{padding:5px 5px 0!important;}
    .hide1 a{margin-left: 5px;}
    }
}