@charset "utf-8";
/* 初始化 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
body{ font:14px/20px "Helvetica Neue","Microsoft YaHei"; color:#333;}
a{color:inherit; text-decoration:none;_color:#333;}
a:hover{color:red;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
/*合并边线,边线空间至零.*/
table {border-collapse:collapse;border-spacing:0;}
/*清除边线*/
fieldset, img {border:0;}
ol,ul{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
/*添加空字符清除融合*/
q:before, q:after {content:'';}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input:focus,select:focus,textarea:focus{outline:none;}
.fl{float:left;}
.fr{float:right;}
.pos_r{position: relative;}
.pos_a{position: absolute;}
.clear{clear:both; height:0; font-size:0; overflow:hidden; }
.none{display:none;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}



.p1{background: url(../images/kv.jpg) center center/cover no-repeat transparent;padding:50px 0;}
.content{max-width: 1200px;margin:0 auto;}
.p1 .p1_form{box-sizing: border-box;max-width: 500px;padding: 35px 70px;margin-top:200px;text-align: center;border-radius: 10px;background: rgba(255,255,255,.7);}
.p1 .p1_form a{display:block;width: 100%;font-size: 18px;color: #fff;background: #b23256;padding:10px 0;border-radius: 5px;}
.p1 .p1_form h2{font-size: 32px;margin-top: 20px;line-height: 42px;}
.p1 .p1_form p{font-size: 18px;color: #717171;}


.p2{margin-top: 40px;}
.p2 ul{overflow: hidden;_zoom:1;margin-left: -60px;}
.p2 ul li{float: left; text-align: center;width: 192px;margin:10px 0 10px 60px;}
.p2 ul li img{display: block;height: 192px;width: 192px;border-radius: 50%;}
.p2 ul li h3{font-size:22px;line-height:24px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;color: #222;margin-top: 10px;}
.p2 ul li h6{color: #717171;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;margin-top: 5px;}
.p2 ul li a{display:inline-block;border: 1px solid #eee;padding:5px 15px;border-radius: 10px;margin-top: 5px;}


.p3{}
.p3 h2{font-size:22px;line-height:24px;font-weight: 600;text-align: center;margin: 40px 0 20px 0;}
.p3 h2 span{ position: relative;}
.p3 h2 span:after{content: '';position: absolute;border-top: 1px solid #ececec;width: 20px;margin-top: 11px;right: -25px;}
.p3 h2 span:before{content: '';position: absolute;border-top: 1px solid #ececec;width: 20px;margin-top: 11px; left: -25px;}
.p3 ul{overflow: hidden;_zoom:1;}
.p3 ul li{float: left; text-align: center;width: 30%;margin-top: 20px;padding:0 1.665%;}
.p3 ul li img{height: 102px;}
.p3 ul li h3{font-size:22px;line-height:24px;overflow: hidden;color: #222;margin-top: 10px;}
.p3 ul li p{margin-top: 10px;}


.p4{background: url(../images/kv3.jpg) center center/cover no-repeat transparent;padding:150px 0;margin-top: 40px; text-align: center;}
.p4 p{color: #fff;font-size: 35px; line-height: 42px;}
.p4 a.btn{display:inline-block;font-size: 18px;color: #fff;background: #b23256;padding:10px 30px;border-radius: 5px; margin-top: 30px;}


@media(max-width: 480px){
.p2 ul{margin-left: 0;}
.p2 ul li{width:46%;padding:0 2%;margin-left: 0}
.p2 ul li img{width:100%;height: auto;}


.p3 ul li{width: 98%;padding:2%;}
}

@media (max-width:768px){
.p1{background: url(../images/kv2.jpg) center center/cover no-repeat transparent;padding:10px 0;}
.content{padding:0 10px;}
.p1 .p1_form{max-width: 500px;margin:200px auto 10px;padding:20px;}
.p1 .p1_form .logo{position: absolute;top:5px;left: 50%;margin-left: -127px;}
.p1 .p1_form h2{margin-top: 0;}

}