@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%; font-family: "微软雅黑"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; clear: both; overflow: hidden}
.blank60{height:60px; line-height: 60px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1300px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.fl{float: left;}
.fr{float: right;}
.iflex{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;flex-flow:wrap}

header{width: 100%;height:auto;overflow:hidden;position: relative;}
.p-top-img{height: auto;width: 100%;margin:0 auto;overflow: hidden;}
.p-top-img img{width: 100%;height:100%;}
nav{width: 100%;height:50px;line-height:50px;text-align: center;background: #c71c25;}
nav ul{width: 1200px;margin:0 auto;height: auto;overflow: hidden;}
nav ul li{width: 10%;text-align: center;margin: 0 auto;float: left;}
nav ul li a{display: block;color: #fff;font-size: 18px;}
nav ul li:hover a{background: #931219;}
nav ul li.active a{background: #931219;}

.ph-index{width: 100%;height:auto;margin: 0 auto;overflow: hidden;}
.ph-part01{margin: 30px auto;width: 100%;height: auto;overflow: hidden}
.ph-p1-l {
width: 600px;
float: left;
margin:0 auto;
position: relative;


}
 .swiper-container { width: 100%;height: 100% !important;}
.pagination {
      display: block;
    position: absolute;
    left: auto !important;right: 0 !important;text-align: right;
    bottom:15px !important;
    width: 100%;
  z-index: 999;display:none;
}
.swiper-pagination-bullet{
    display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #7e7e7e;
  margin: 0 9px !important;
  cursor: pointer;

opacity:1;
  
}
.swiper-slide img{width:100%;height:100%}
.swiper-pagination-bullet-active{  background: #ae1e24;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;}
.ph-p1-r{float: right;width: 580px;background: #f7f7f7;}
.ph-title{background: #f3e2e2;width: 100%;height: 50px;line-height: 50px;}
.ph-title h2{background: #be1010;width: 225px;position: relative;font-size: 22px;color: #fff;float:left;}
.ph-title h2 em:before{content: "";background:url("../images/ph-ico-00.png")center center no-repeat;width: 30px;height: 30px;display: inline-block;vertical-align: middle;margin: 0 10px 5px 10px;}
.ph-title h2:after{content: "";display: inline-block;float: right;background: #be1010;height: 50px;width:3px;border-left: #f3e2e2 3px solid;position: absolute;right: 0;top:0}
.ph-title span{float: right;font-size: 18px;display: inline-block;color: #8e0202;margin-right:20px;}
.ph-data-l ul li{height: 45px;padding: 0 20px; margin-top: 12px;}
.ph-data-l ul li h2{border-bottom: #ccc 1px solid;font-size: 16px;color: #333;float: right;width: calc(100% - 100px);line-height: 45px}
.ph-data-l ul li span{display: inline-block;float: left;width: 75px;height: 40px;border:#7e1b1e 1px solid;text-align:center;background: #7e1b1e;color: #fff}
.ph-data-l ul li span b{display: block;background: #fff;color: #7e1b1e}
.ph-data-l ul li:last-child h2{border-bottom: 0;}
.ph-data-l ul li:hover span{border:#bb1d21 1px solid;background: #bb1d21;}
.ph-data-l ul li:hover span b{color: #bb1d21;}
.ph-data-l ul li:hover h2{color: #bb1d21;font-weight:bold;}
.ph-p2-l{float:left;width:600px;}
.ph-p2-r{float:right;width:580px;}
.ph-p4-l{float:left;width:600px;}
.ph-p4-r{float:right;width:580px;}
.ph-p5-l{float:left;width:600px;}
.ph-p5-r{float:right;width:580px;}
.ph-p2-l .ph-title h2 em:before{content: "";background:url("../images/ph-ico-01.png")center center no-repeat;}
.ph-p2-r .ph-title h2 em:before{content: "";background:url("../images/ph-ico-02.png")center center no-repeat;}
.ph-p3-l .ph-title h2 em:before{content: "";background:url("../images/ph-ico-03.png")center center no-repeat;}
.ph-p3-c .ph-title h2 em:before{content: "";background:url("../images/ph-ico-04.png")center center no-repeat;}
.ph-p3-r .ph-title h2 em:before{content: "";background:url("../images/ph-ico-05.png")center center no-repeat;}
.ph-p4-l .ph-title h2 em:before{content: "";background:url("../images/ph-ico-06.png")center center no-repeat;}
.ph-p4-r .ph-title h2 em:before{content: "";background:url("../images/ph-ico-07.png")center center no-repeat;}
.ph-p5-l .ph-title h2 em:before{content: "";background:url("../images/ph-ico-08.png")center center no-repeat;}
.ph-p5-r .ph-title h2 em:before{content: "";background:url("../images/ph-ico-09.png")center center no-repeat;}

.ph-list {padding: 8px 10px}
.ph-list ul li{height:50px;line-height: 50px;border-bottom:#c3c3c3 1px solid;width: 100%;overflow: hidden}
.ph-list ul li h2{display: inline-block;float: left;font-size: 16px;color: #333;}
.ph-list ul li h2:before{content: "";width: 5px;height: 5px;display: inline-block;margin:0 8px;background: #7f7f7f;border-radius: 50%;vertical-align: middle;margin-bottom: 3px;}
.ph-list ul li span{display: inline-block;float: right;color: #555;margin-right:5px;}
.ph-list ul li:last-child{border-bottom: 0;}
.ph-list ul li:hover h2:before{content: "";background: #bb1d21;}
.ph-list ul li:hover h2{color: #bb1d21;font-weight: bold;}
.ph-list ul li:hover span{color: #bb1d21;}
.ph-part02{width: 100%;height: auto;overflow: hidden;position: relative;}
.ph-part03{width: 100%;height: auto;overflow: hidden;position: relative;}
.ph-part04{width: 100%;height: auto;overflow: hidden;position: relative;}
.ph-part05{width: 100%;height: auto;overflow: hidden;position: relative;margin:30px auto}

.ph-index-yd{width: 100%;height: auto;overflow: hidden;margin: 30px auto;}
.ph-index-yd img{width: 100%;}
.ph-index-yd img.p1{display: block}
.ph-index-yd img.p2{display: none}
.ph-p3-l{float:left;width:380px;}
.ph-p3-c{float:left;width:380px;margin-left: 30px}
.ph-p3-r{float:right;width:380px;}
.ph-list2{padding: 10px 15px;height: auto;overflow: hidden;}
.ph-list2 ul li{width:49%;padding: 9.5px 0.4%; border-bottom:#c3c3c3 1px solid;float: left;}
.ph-list2 ul li:nth-child(even){border-left: #c3c3c3 1px solid;float: right;}
.ph-list2 ul li:nth-child(3){border-bottom: 0;}
.ph-list2 ul li:nth-child(4){border-bottom: 0;}
.ph-list2 ul li h2{display: inline-block;font-size: 16px;color: #333;width: calc(100% - 30px);line-height: 28px}
.ph-list2 ul li i{width: 7px;height: 7px;display: inline-block;margin:0 10px;background: #7f7f7f;border-radius: 50%;vertical-align:top;margin-top:10px;}
.ph-list2 ul li span{display: block;margin-left:30px;margin-top:5px;color: #555}
.ph-list2 ul li em{display: block;margin-left:30px;margin-top:5px;font-size: 16px;color: #bb1d21;}
.ph-list2 ul li:hover h2{color: #bb1d21;font-weight: bold;}
.ph-list2 ul li:hover i{background: #bb1d21;}
.ph-list3 {padding: 8px 10px 9px 10px;height: auto;overflow: hidden}
.ph-list3 ul {width: calc(100% - 200px);float: left;}
.ph-list3 ul li{height:50px;line-height: 50px;border-bottom:#c3c3c3 1px solid;width: 100%;overflow: hidden}
.ph-list3 ul li h2{display: inline-block;float: left;font-size: 16px;color: #333;}
.ph-list3 ul li h2:before{content: "";width: 7px;height: 7px;display: inline-block;margin:0 10px;background: #7f7f7f;border-radius: 50%;vertical-align: middle;margin-bottom: 3px;}
.ph-list3 ul li span{display: inline-block;float: right;color: #555;margin-right:5px;}
.ph-list3 ul li:last-child{border-bottom: 0;}
.ph-list3 ul li:hover h2:before{content: "";background: #bb1d21;}
.ph-list3 ul li:hover h2{color: #bb1d21;font-weight: bold;}
.ph-list3 ul li:hover span{color: #bb1d21;}
.ph-list3 .ph-ke-img{width: 170px;height:200px;float: right;margin-right:8px;margin-top:25px;}
.ph-list3 .ph-ke-img img{width:100%;height:100%}
.p5-list{padding: 20px;height: auto;overflow: hidden;background: #f7f7f7;}
.p5-list ul li{width:23.5%;margin-right: 1.875%;float: left;}
.p5-list ul li:nth-child(4){margin-right: 0;}
.p5-list ul li img{float: left;width:150px;height: 203px;}
.p5-list ul li div.p5-l-r{float: right;width: calc(100% - 165px);}
.p5-list ul li div.p5-l-r h2{font-size: 16px;color:#511313;line-height: 26px;font-weight: bold;height: 52px;}
.p5-list ul li div.p5-l-r p{font-size: 14px;line-height: 24px;color: #555;margin-top: 10px;}
footer{width: 100%;height: auto;overflow: hidden;   background: #c71c25;}
.footer_bq{text-align: center;color: #fff;padding:30px 0;line-height:30px;}
.footer_bq a{color: #fff;font-size: 15px;}
.p-list-title{width: 100%;height: 96px;line-height: 96px;text-align: center;font-size:34px;color: #c71c25;font-weight: bold;border-bottom: #c71c25 5px solid}
.p-ny{background: #fff;padding:15px 25px;}
.p-ny .p-mbx{border-bottom: #e7e7e7 2px solid;width: 100%;height: 50px;line-height: 50px;}
.p-ny .p-mbx img{display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 3px;}
.p-ny .p-mbx a{font-size: 16px;margin: 0 5px;color: #555;}
.p-ny .p-mbx a:hover{color: #bb2d21;font-weight: bold;}
.p-ny .p-ny-list ul li{height: 50px;line-height: 50px;border-bottom: #ddd 1px solid;width: 100%;}
.p-ny .p-ny-list ul li:last-child{border-bottom: 0;}
.p-ny .p-ny-list ul li h2{float: left;font-size: 16px;color: #333;}
.p-ny .p-ny-list ul li span{float: right;display: inline-block;color: #555}
.p-ny .p-ny-list ul li h2:before{content:"";width: 6px;height: 6px;display: inline-block;margin:0 10px;background: #7f7f7f;border-radius: 50%;vertical-align: middle;margin-bottom: 3px;}
.p-ny .p-ny-list ul li:hover h2:before{background: #bb2d21;content: "";}
.p-ny .p-ny-list ul li:hover h2{color: #bb2d21;font-weight: bold;}
.p-ny .p-ny-list ul li:hover span{color: #bb2d21;}
.p-ny .p-ny-title{margin: 30px auto;text-align: center;}
.p-ny .p-ny-title h1{font-size:24px;color: #111;}
.p-ny .p-ny-title p{font-size: 16px;color: #777;margin-top: 15px;}
.p-ny-fck {margin: 50px auto;width: 100%;height: auto;overflow: hidden;}
.p-ny-fck p,.p-ny-fck div{font-size: 16px !important;color:#2f2f2f;line-height: 30px;}

.p-ny-fck table{border:#ddd 1px solid;width:100% !important;}

.p-p-nav{display: none;background:url("../images/xuexi-phone2.jpg")center center no-repeat;width: 100%;height:150px;position:relative;background-size: 100% 100%;}
.p-p-nav button{background: url("../images/p-nav-button.png")center center no-repeat;width:66px;height: 66px;background-size: 100% 100%;position: absolute;top:40px;right:40px}

.p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background: #c71c25; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#c71c25; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#c71c25; color:#fff; }


.part_00{margin: 30px auto;width: 100%;height: auto;overflow: hidden}
.part_00_r{width:calc(100% - 480px);float: right;margin-top: 30px;}
.party_00_r_t{width: 91%;border:#ddd 1px solid;height: auto;overflow: hidden;padding:30px 4% 20px 4%;margin:0 auto}
.party_00_r_t h2{font-size: 24px;font-weight: bold;text-align: center;color: #c71c25;line-height:36px}
.party_00_r_t p{font-size: 14px;color: #555;line-height: 26px;margin-top: 15px;text-indent: 2em;text-align: left;}
.party_00_r_f{width: 100%;margin-top:15px;height: auto;overflow: hidden;}
.party_00_r_f ul li{width: 48%;margin-right: 2%;float: left;margin-bottom: 10px;}
.party_00_r_f ul li:before{content: "";width: 5px;height: 5px;background: #c71c25;display:inline-block;vertical-align:middle;margin: 10px;border-radius: 50%}
.party_00_r_f ul li h2{display: inline-block}
.party_00_r_f ul li a{color: #333;font-size: 16px;}
.device {

width: 450px;
height: 300px;
	float: left;

  margin:30px auto 0 auto;
  position: relative;

}
.title{width: 100%;border-bottom: #ddd 1px solid;height:40px;overflow: hidden;}
.title h2{text-align: center;float: left;position: relative;margin-right: 30px;padding-bottom: 10px;cursor: pointer;font-size: 22px;color: #c71c25;font-weight: bold;}
.title h2:after{display: block;width: 90px;height: 2px;content: "" ;position: absolute;bottom:-1px;left: 0;background: #c71c25;}
.title p{color: #555;float: right;margin-right: 10px;margin-top: 5px;display: inline-block;font-size:16px}
.swiper-slide h2{height: 40px;line-height: 40px;color: #fff;position: absolute;left: 0;bottom: 0;text-indent: 1em;font-size: 16px;background: rgba(0,0,0,0.7);width: 100%;text-align: left}
.swiper-container img{width: 100%;height: 100%}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.yd_four{width:100%;margin:10px auto 20px auto;height:auto;overflow:hidden;}
.yd_four ul{font-size:0}
.yd_four ul li{display:inline-block;width:23.5%;margin-right:2%;text-align:center}
.yd_four ul li:nth-child(4){margin-right:0}
.yd_four ul li img{width:100%;margin:0 auto}
.ph-p5{clear:both;width:100%;margin-top:20px;height: auto;overflow: hidden;}
.ph-p5 ul{position: relative;padding:8px 10px}
.ph-p5 ul li{width: 48%;border-bottom:#ddd 1px solid;padding-bottom:15px;margin-top:15px;height: auto;overflow: hidden}
.ph-p5 ul:before{background: #ddd;height:85%;width: 1px;position: absolute;left: 0;top:15px;right: 0;content: "";margin: 0 auto}
.ph-p5 ul li h2{width:83%;float: left;color:#333;font-size: 16px;display: -webkit-box;display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ph-p5 ul li h2:before{content:"";background: #5c5c5c;width: 6px;height: 6px;border-radius:50%;display: inline-block;margin-right: 10px;margin-bottom:3px;vertical-align: middle}

.ph-p5 ul li p{width: 17%;float: right;color:#555;font-size: 16px;}
.ph-p5 ul li:hover h2{color:#c50b0b}
.ph-p5 ul li:hover p{color:#c50b0b}
.ph-p5 ul li:hover h2:before{background:#c50b0b}


.ph-p5 ul li:nth-child(5){border-bottom: 0;}
.ph-p5 ul li:nth-child(6){border-bottom: 0;}


@media screen and (max-width:1024px){
	.ph-part01{margin: 20px auto}
	.p-p-nav{display: block}
	nav{display: none;height: auto;overflow: hidden}
	nav ul{width: 100%;}
	nav ul li{width: 100%;float: none;border-bottom: #fff 1px solid;}
        nav ul li a{font-size:17px;}
	.wrapper{width: 96%;}
	.ph-p1-l{float: none;width: 100%;}
	.pagination {bottom: 50px !important;}
	.ph-p1-r{float: none;width:100%;margin-top: 20px;}
	.ph-data-l ul li {padding: 15px 0;border-bottom: #ccc 1px solid;margin: 0 auto}
	.ph-data-l ul li h2{line-height: 26px;font-size: 15px;border-bottom: 0;}
	.ph-data-l ul li span{margin-top: 5px;}
	.ph-p2-l{float: none;width: 100%;}
	.ph-p2-r{float: none;width: 100%;margin-top: 20px;}
	.ph-title h2{font-size:20px;}
	.ph-title span{font-size:16px;}
	.ph-index-yd{margin: 20px auto}
	.ph-p3-l{float: none;width: 100%;}
	.ph-p3-c{float: none;width: 100%;margin-top: 20px;margin-left: 0;}
	.ph-p3-r{float: none;width: 100%;margin-top: 20px;}
	.ph-p4-l{float: none;width: 100%;}
	.ph-p4-r{float: none;width: 100%;margin-top: 20px;}
	.ph-p5-l{float: none;width: 100%;}
	.ph-p5-r{float: none;width: 100%;margin-top: 20px;}
	.ph-list3 .ph-ke-img{float: none;margin: 10px auto;text-align: center}
	.ph-list3 ul{float: none;width: 100%;}
	.p5-list ul li{width: 48%;margin-right: 4%;text-align: center;margin-bottom: 2%;}
	.p5-list ul li:nth-child(even){float: right;}
	.p5-list ul li:nth-child(2){margin-right: 0;}
	.p5-list ul li img{text-align: center;float: none;margin: 0 auto}
	.p5-list ul li div.p5-l-r{width: 100%;float: none;}
	.p5-list ul li div.p5-l-r h2{margin-top: 10px;height: auto;}
	.p5-list ul li div.p5-l-r p{text-align: left;width: 90%;margin: 10px auto}
	.part_00_r{width: 100%;float: none;}
	.ph-p5 ul:before{content:"";display:none}
	.ph-p5 ul li{width: 100%}
	.ph-p5 ul li:nth-child(5){border-bottom:#ddd 1px solid;}
	.ph-p5 ul li h2{width:auto;}
	.ph-p5 ul li p{width: auto;}

}
@media screen and (max-width:800px){
	.p-ny .p-ny-list ul li{line-height:30px;height: auto;overflow: hidden;padding: 10px 0}
	.p-ny .p-ny-list ul li h2{width:100%;font-size: 16px;}
	.p-ny .p-ny-list ul li span{display: none;}
	.p-ny .p-ny-title h1{line-height: 36px}
	.p-ny-fck{margin: 20px auto}
.p-ny-fck img{width:100% !important;height:100% !important;}
.p-ny-fck video{width:100% !important}
.party_00_r_f ul li a{font-size: 14px;}
	
}

@media screen and (max-width:480px){
.yd_four ul li{width:300px;margin:10px auto !important;display:block}
	.ph-index-yd img.p2{display: block}
	.ph-index-yd img.p1{display: none}
	.p-ny{padding: 10px}
	.p-list-title{font-size: 30px;}
	.ph-list ul li{line-height: 26px;padding:10px 0;}
	.ph-list ul li h2{width: 75%;}
	.ph-list ul li h2:before{content: "";display: none}
	.ph-list3 ul li{line-height: 26px;padding:10px 0;}
	.ph-list3 ul li h2{width: 75%;}
	.ph-list3 ul li h2:before{content: "";display: none}
	.p-ny .p-ny-list ul li h2{font-size: 14px;}
.swiper-slide h2{font-size: 14px;}
.device{margin:20px auto}
	.p-p-nav{height: 85px;}
	.p-p-nav button{width: 33px;height: 33px;right: 25px;top: 25px;}
	.party_00_r_f ul li{float: none;width: 100%;margin: 0 auto 10px auto}
	.party_00_r_f{margin-top: 20px;}
	.party_00_r_t{padding: 20px 4%;}
	.party_00_r_t h2{font-size: 20px;}
.ph-p5 ul li h2{width: 75%}
.ph-p5 ul li p{font-size: 14px}
}