/* CSS Document */
.ban{ margin:0 auto; max-width:640px; position:relative}
.ban .btn1{ position:absolute; display:block; width:45%; height:10%;left:2%; top:76%;}
.ban .btn7{ position:absolute; display:block; width:45%; height:10%;left:2%; top:76%;}
.ban .btn10_1{ position:absolute; display:block; width:41%; height:20%;left:3%; top:70%}
.ban .btn10_2{ position:absolute; display:block; width:41%; height:20%;right:12%; top:70%;}
.ban img{ width:100%}

.p8_ban{margin:20px auto 0 auto; max-width:640px; position:relative}
.p8_ban .btn1{ position:absolute; display:block; width:30%; height:20%;right:2%; top:76%;}
.p8_ban img{ width:100%}

.p_btn1{ margin:0 auto; max-width:640px;text-align:center; background:url(../images/dian.jpg) repeat; overflow:hidden}
.p_btn1 .anniu{ display:block; width:65%; height:60px; line-height:60px;  margin:15px auto 25px auto; background:#34466f; color:#FFFFFF; font-size:27px; -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */}
.part2{margin:0 auto; max-width:640px; background:#4372d9}
.p_tt1{ font-size:35px; line-height:48px; color:#FFFFFF; text-align:center; padding:20px 0px 0px 0px}
.part2 .com{ margin:0 auto; width:97%;}

.part2 .com .p1{ width:100%; height:54px; line-height:54px; border-bottom:#4372d9 1px solid; background:#34466f; text-align:center; font-size:22px; color:#FFFFFF; font-weight:bold}
.part2 .com .p2{ width:100%; height:122px; border-bottom:#4372d9 1px solid; background:#ff9430;text-align:center; font-size:20px; color:#FFFFFF; line-height:26px;}
.part2 .com .p3{ width:100%; height:122px; border-bottom:#4372d9 1px solid; background:#5ecd73;text-align:center; font-size:20px; color:#FFFFFF; line-height:26px;}
.part2 .com .p4{ width:100%; height:122px; border-bottom:#4372d9 1px solid; background:#c93e7c;text-align:center; font-size:20px; color:#FFFFFF; line-height:26px;}

.list1{ float:left; width:18%;border-right:#4372d9 1px solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.list2{ float:left; width:20%;border-right:#4372d9 1px solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.list3{ float:left; width:62%;}

.part2 .com .p2 .list2,.part2 .com .p2 .list1,.part2 .com .p2 .list3,.part2 .com .p3 .list1,.part2 .com .p3 .list2,.part2 .com .p3 .list3,.part2 .com .p4 .list1,.part2 .com .p4 .list2,.part2 .com .p4 .list3{ height:122px;}
.part2 .com .p2 .dd,.part2 .com .p3 .dd,.part2 .com .p4 .dd{ padding-top:30px; font-weight:bold}
.part2 .com .p2 .dd1,.part2 .com .p3 .dd1,.part2 .com .p4 .dd1{ padding-top:30px;}
.part2 .com .p2 .dd2,.part2 .com .p3 .dd2,.part2 .com .p4 .dd2{ padding-top:20px; padding-left:10px; padding-right:5px; text-align:left}

.p_btn2{ margin:0 auto; max-width:640px;text-align:center;overflow:hidden}
.p_btn2 .anniu{ display:block; width:65%; height:60px; line-height:60px;  margin:30px auto 30px auto; background:#ffffff; color:#000; font-size:27px; -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */}
	
	
.part3{margin:0 auto; max-width:640px; background:#fff}
.p_tt2{ font-size:35px; line-height:48px; color:#19090f; text-align:center; padding:20px 0px 0px 0px}	

.p_tt3{ overflow:hidden; max-width:640px; margin:0 auto; padding:7px 0px; background:url(../images/ttbg1.jpg) 0 center no-repeat; color:#FFFFFF}
.p_tt3 .shu{ float:left; width:15%; height:75px; line-height:78px; border-right:#CCCCCC 1px solid; text-align:center; font-size:57px; font-weight:bold;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.p_tt3 .zi{ float:left; width:85%; font-size:32px; line-height:36px; padding-left:20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.p_zj{max-width:640px; margin:0 auto; padding-bottom:50px; position:relative;}
.swiper-main{ width:100%;overflow:hidden;margin:auto;}
.swiper2{width:100%;overflow:hidden;}
.swiper2 .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.swiper2 .swiper-slide img{width:100%;}
.pagination2 {text-align: center;margin-top:0px;height:30px;position:absolute;bottom:0px;left:43%;z-index:5;}
.pagination2 .swiper-pagination-switch {display: inline-block;width:20px;height:20px;border-radius: 50%;background:#7a7a7a;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.pagination2 .swiper-active-switch {background:#ff564b;}
.swiper-slide a{display:block;width:100%}
.swiper-slide a img{width:100%;}

.p_btn3{ margin:0 auto; max-width:640px;text-align:center;overflow:hidden}
.p_btn3 .anniu{ display:block; width:65%; height:60px; line-height:60px;  margin:30px auto 30px auto; background:#ff5d49; color:#fff; font-size:27px; -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */}

.p_tt4{ overflow:hidden; max-width:640px; margin:0 auto; padding:7px 0px; background:url(../images/ttbg2.jpg) 0 center no-repeat; color:#FFFFFF}
.p_tt4 .shu{ float:left; width:15%; height:75px; line-height:78px; border-right:#CCCCCC 1px solid; text-align:center; font-size:57px; font-weight:bold;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.p_tt4 .zi{ float:left; width:85%; font-size:32px; line-height:36px; padding-left:20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}	

.p_zj1{max-width:640px; margin:0 auto;  position:relative;}
.swiper-main{ width:100%;overflow:hidden;margin:auto;}
.swiper87{width:100%;overflow:hidden;}
.swiper87 .swiper-slide{width:100%;overflow:hidden; background:#ededec}
.swiper87 .swiper-slide .left{ float:left; width:46.25%}
.swiper87 .swiper-slide .right{ float:left; width:53.75%;}
.swiper87 .swiper-slide .right img{width:100%;}
.pagination3 {text-align: center;margin-top:0px;height:15px;position:absolute;bottom:0px;left:5%;z-index:5;}
.pagination3 .swiper-pagination-switch {display: inline-block;width:10px;height:10px;border-radius: 50%;background:#7a7a7a;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.pagination3 .swiper-active-switch {background:#d230c6;}

.swiper87 .swiper-slide .left .p1{ padding:30px 10px 0px 10px; height:215px; font-size:21px; line-height:32px;}
.swiper87 .swiper-slide .left .p1 .t1{ font-size:26px; height:48px; color:#3e3a5d}
.swiper87 .swiper-slide .left .p2{ padding:0px 10px;}

.tixing{ max-width:640px; margin:0 auto; padding:30px 10px 0px 10px; font-size:21px; line-height:28px;}
.p_btn4{ margin:0 auto; max-width:640px;text-align:center;overflow:hidden}
.p_btn4 .anniu{ display:block; width:75%; height:60px; line-height:60px;  margin:30px auto 30px auto; background:#d230c6; color:#fff; font-size:25px; -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */}

.p_tt5{ overflow:hidden;max-width:640px; margin:0 auto; padding:7px 0px; background:url(../images/ttbg3.jpg) 0 center no-repeat; color:#FFFFFF}
.p_tt5 .shu{ float:left; width:15%; height:75px; line-height:78px; border-right:#CCCCCC 1px solid; text-align:center; font-size:57px; font-weight:bold;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.p_tt5 .zi{ float:left; width:85%; font-size:32px; line-height:36px; padding-left:20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.p_btn5{ margin:0 auto; max-width:640px;text-align:center;overflow:hidden}
.p_btn5 .anniu{ display:block; width:65%; height:60px; line-height:60px;  margin:30px auto 30px auto; background:#057ef8; color:#fff; font-size:25px; -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */}
	
.p_btn6{width:100%;text-align:center;overflow:hidden; position:absolute; left:0px; bottom:0px;}
.p_btn6 .anniu{ display:block; width:65%; height:60px; line-height:60px;  margin:30px auto 30px auto; background:#e48d27; color:#fff; font-size:27px; -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */}	
	
.part7{margin:0 auto; max-width:640px; background:#efefef}
.p_tt7{ font-size:35px; line-height:48px; color:#000; text-align:center; padding:20px 0px 0px 0px}	

.tishi{ max-width:640px; margin:0 auto; padding:30px 0px 60px 0px; font-size:21px; line-height:28px; text-align:center}
.tishi a{ color:#ff0060; text-decoration:underline}

.p_zj9{max-width:640px; margin:0 auto; position:relative;}
.swiper-main{ width:100%;overflow:hidden;margin:auto;}
.swiper88{width:100%;overflow:hidden;}
.swiper88 .swiper-slide{width:100%;overflow:hidden;text-align:center; position:relative}
.swiper88 .swiper-slide img{width:100%;}
.pagination4 {text-align: center;margin-top:0px;height:15px;position:absolute;bottom:0px;left:5%;z-index:5;}
.pagination4 .swiper-pagination-switch {display: inline-block;width:10px;height:10px;border-radius: 50%; border:#CCCCCC 1px solid;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.pagination4 .swiper-active-switch {background:#ff0000;}

.swiper88 .swiper-slide .btn9{ width:30%; height:10%; position:absolute; display:block; left:2%; top:83%; }

.part11{ max-width:640px; margin:0 auto; padding-bottom:0px;}
.part11 .list_11{ float:left; width:25%; text-align:center; padding-bottom:20px;}
.part11 .list_11 img{ width:80%;}
.part11 .list_11 .tt{ font-size:24px; line-height:32px;}

/*end pf*/
@media screen and (max-width: 639px){

.p_btn1 .anniu{ height:40px; line-height:40px; margin:8px auto 15px auto; font-size:18px;}

.part2 .com .p1{ font-size:12px; height:30px; line-height:30px;}
.part2 .com .p2,.part2 .com .p3,.part2 .com .p4{ font-size:0.9em; height:80px; line-height:18px;}
.part2 .com .p2 .list2,.part2 .com .p2 .list1,.part2 .com .p2 .list3,.part2 .com .p3 .list1,.part2 .com .p3 .list2,.part2 .com .p3 .list3,.part2 .com .p4 .list1,.part2 .com .p4 .list2,.part2 .com .p4 .list3{ height:80px;}
.part2 .com .p2 .dd,.part2 .com .p3 .dd,.part2 .com .p4 .dd{ padding-top:15px; font-weight:bold}
.part2 .com .p2 .dd1,.part2 .com .p3 .dd1,.part2 .com .p4 .dd1{ padding-top:15px;}
.part2 .com .p2 .dd2,.part2 .com .p3 .dd2,.part2 .com .p4 .dd2{ padding-top:10px; padding-left:5px; padding-right:5px; text-align:left}

.p_btn1 .anniu,.p_btn2 .anniu,.p_btn3 .anniu,.p_btn4 .anniu,.p_btn5 .anniu,.p_btn6 .anniu{ height:40px; line-height:40px; margin:15px auto 15px auto; font-size:18px;}

.p_tt1,.p_tt2,.p_tt7{ font-size:20px; line-height:28px; padding-top:10px 0 0 0;}

.p_tt3 .shu,.p_tt4 .shu,.p_tt5 .shu{ overflow:hidden; height:45px; line-height:45px; font-size:32px;}
.p_tt3 .zi,.p_tt4 .zi,.p_tt5 .zi{ font-size:18px; line-height:22px; padding-left:10px;}

.pagination2 .swiper-pagination-switch { width:10px; height:10px;}

.swiper87 .swiper-slide .left .p1{ padding:20px 10px 0px 10px; height:115px; font-size:12px; line-height:18px;}
.swiper87 .swiper-slide .left .p1 .t1{ font-size:16px; height:28px; color:#3e3a5d}

.tixing{padding:15px 10px 0px 10px; font-size:12px; line-height:22px;}
.tishi{ padding:15px 0px 30px 0px; font-size:12px; line-height:22px;}
.part11{ padding-bottom:50px;}
.part11 .list_11 .tt{ font-size:14px; line-height:22px;}
.swiper87 .swiper-slide .left .p2 img{ width:100px}

}
@media screen and (max-width:320px){

.pagination3 {height:10px;}
.p_tt3 .zi,.p_tt4 .zi,.p_tt5 .zi{ font-size:15px; line-height:22px; padding-left:10px;}
.swiper87 .swiper-slide .left .p1{ padding:20px 10px 0px 10px; height:115px; font-size:0.85em; line-height:18px;}
.swiper87 .swiper-slide .left .p1 .t1{ font-size:14px; height:28px; color:#3e3a5d}

}