@charset "utf-8";
* { margin:0; padding:0; font-style:normal;}
body { min-width:1300px; font-family:Microsoft YaHei; font-size:12px; color:#333; line-height:25px; background:#fff;}
input,textarea{outline-style:none;}
fieldset,img {border:0;}   
ol,ul { list-style:none;}   
a { color:#333; text-decoration: none !important;}
a:hover { color:#333; text-decoration:none !important;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
.warp { width:1300px; margin:0 auto;}
.pagetit { text-align:center; margin-bottom:40px;}
.pagetit h3 { font-weight:500; line-height:55px; font-size:32px; color:#242424; letter-spacing:2px;}
.pagetit p { font-size:16px; color:#888;}

.baner { width:100%; height:600px; color:#fff; text-align:center; background-position:center top; background-repeat:no-repeat;}
.baner h3 { line-height:100px; padding-top:135px; font-size:46px;}
.baner p { font-size:18px;}

.sp01 { width:100%; padding:50px 0;}
.sp01 li { float:left; width:calc(100% / 5 - 20px); text-align:center; margin:0 10px; padding:30px 0;}
.sp01 li img { display:block; width:100px; height:100px; margin:0 auto;}
.sp01 li p { font-size:18px; line-height:30px; margin-top:15px;}

.sp02 { width:100%; background:url(sp11.jpg) no-repeat center top;}
.sp02 .pagetit { float:left; width:500px; text-align:left; margin-left:40px;}
.sp02 .pagetit h3 { color:#fff; padding-top:130px;}
.sp02 .pagetit p { line-height:30px; color:#fff; margin:40px 0;}
.sp02 .pagetit a { display:inline-block; height:45px; line-height:45px; font-size:14px; color:#666; padding:0 20px; border-radius:4px; background:#ffd200;}
.sp02 img { float:right; width:745px; height:520px;}

.sp03 { width:100%; padding:50px 0;}
.sp03 .pagetit { float:right; width:460px; text-align:right; margin-right:100px;}
.sp03 .pagetit h3 { margin:110px 0 40px 0;}
.sp03 .pagetit p { line-height:30px; color:#999;}
.sp03 img { float:left; width:570px; height:380px; margin-left:40px;}

.sp04 { width:100%; padding:40px 0; background:#f6f6f6;}
.sp04 .pagetit { float:left; width:540px; text-align:left; margin-left:100px;}
.sp04 .pagetit h3 { margin-top:60px;}
.sp04 .pagetit p { line-height:30px; color:#666; margin:40px 0;}
.sp04 .pagetit a { display:inline-block; height:45px; line-height:45px; font-size:14px; color:#666; padding:0 20px; border-radius:4px; background:#ffd200;}
.sp04 img { float:right; width:520px; height:415px;}

.sp05 { width:100%; padding-top:50px;}
.sp05 .pagetit { float:right; width:500px; text-align:right; margin-right:100px;}
.sp05 .pagetit h3 { margin:80px 0 40px 0;}
.sp05 .pagetit p { line-height:30px; color:#999;}
.sp05 img { float:left; width:515px; height:450px; margin-left:60px;}

.sp06 { width:100%; padding-top:50px;  background:#f6f6f6;}
.sp06 .pagetit { float:left; width:500px; text-align:left; margin-left:130px;}
.sp06 .pagetit h3 { padding-top:130px;}
.sp06 .pagetit p { line-height:30px; color:#666; margin:40px 0;}
.sp06 .pagetit a { display:inline-block; height:45px; line-height:45px; font-size:14px; color:#666; padding:0 20px; border-radius:4px; background:#ffd200;}
.sp06 img { float:right; width:480px; height:420px; margin-right:40px;}