html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
input,
select,
textarea {
    vertical-align: middle;
    -ms-behavior: url(css/PIE.htc);
    behavior: url(css/PIE.htc);
    outline: none;
}

.fc{
	position: fixed;
	bottom: 20px;
	right: 0;
	width: 100px;
	height: 100px;
	margin: auto 0;
	z-index: 111111;
	cursor: pointer;
}
/*.fc a{
	position: relative;
}*/
.fc a span{
	position: absolute;
	color: #fff;
	font-size: 16px;
	top: 68px;
	left: 18px;
	z-index: 11111111;
	display: inline-block;
	font-weight: 600;
}
.fc img{
	width: 100%;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

.menu li a:hover{
	color: #e60000;
}
/*me*/
.pc-dis{
	display: none;
}
.btn-next:hover .mp-dis{
	display: none;
}
.btn-next:hover .pc-dis{
   display: block;
}
.view5-img:hover .view5-shadow{
	display: block;
}
.btn-next{
	width: 174px;
	line-height: inherit;
	padding: 6px 0;
}

.btn-next1{
	width: 168px;
}
.nav a.acthover:before{
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		position: absolute;
		top: 64px;
		z-index: 100;
		background: #e60213;
	}
	.navAct:before{
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		position: absolute;
		top: 64px;
		z-index: 100;
		background: #e60213;
	}
	.navAct:after{
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		border: 5px solid #e60213;
		border-color: #e60213 transparent;
		border-bottom: 0;
		position: absolute;
		top: 122%;
		left: 50%;
		margin-left: -5px;
		z-index: 100;
	}
	.nav-box{
		display: none;
		min-height: 80px;
		background: #fff;
		width: 100%;
		position: absolute;
		top: 75px;
		left: 0;
		z-index: 30;
		/*box-shadow: 0px 3px 6px rgba(0,0,0,0.1);*/
		border-top: 1px solid #d2d5d6;
	}
    .nav{
        width:1200px;
        overflow:hidden;
    }
	.nav-box .nav,.nav-box-1 .nav{
		width: 1200px;
		margin: 0 auto;
	}
    
    .nav ul{
        width:13.3%;
        float:right;
        overflow:hidden;
        margin-top:1.2%;
    }
    .nav.n1 ul{
        margin-right:14.3%;
        
    }
    .nav-box .nav ul li{
        width:44%;
        margin-bottom:3%;
        float:left;
        margin-left:12%;
        text-align:right;
    }
    .nav-box .nav ul li:first-child,.nav-box .nav ul li:nth-child(3){
        margin-left:0;
    }
	.nav-box .nav ul li a,.nav-box-1 .nav ul li a{
		font-size: 14px;
		color: #000;
	}
	.nav-box .nav ul li a:hover,.nav-box-1 .nav ul li a:hover{
		color: #e60000;
	}
	
	
	.menu li a:hover{
		color: #e60000;
	}
/*end*/

.show-pc {
    display: block;
}

.show-phone {
    display: none;
}

.new-banner{
	width: 100%;
	padding: 20px 0 10px 0;
	height: 390px;
}
.new-banner-con{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.banner-left{
	float: left;
	padding-top: 65px;
	width: 38.3%;
}
.pc-bt{
	font-size: 50px;
	color: #333;
}
.pc-bt span{
	display: inline-block;
	width: 103px;
}
.pc-bt span img{
	width: 100%;
	position: relative;
	top: 5px;
	left: 16%;
}
.pc-bt-1{
	font-size: 38px;
	color: #333333;
}
.it-logo{
width: 171px;

}
.it-logo img{
width: 100%;
position: relative;
left: -20px;
}
.banner-right{
    width:42%;
    margin-right:3.8%;
	float: right;
}
.banner-right img{
    width:100%;
}
.banner1{
	width: 384px;
	display: inline-block;
}
.banner2{
	width: 729px;
	display: inline-block;
}

.container{
    width:100%;
    height:100%;
    /*position:relative;*/
	margin-top: 75px;
}
.content{
    width:100%;
    background:#f2f2f2;
}
.content-1{
    width:100%;
    background:#fff;
}
.w-1200{
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}

/*第二屏开始*/
.con-2{
    width:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    padding-bottom:50px;
}
.con2-left{
    width:37%;
    float:left;
    margin-left:8.1%;
}
.renwu{
    width:64%;

    margin-top:50px;
}
.renwu img{
    width:100%;
}
.renwu-txt{
    width:38%;
    margin-left: 13%;
    border-left:3px solid #b5b5b5;
    margin-top:6.4%;
    padding-left:5%;
}
.ren-txt-1{
    font-size:36px;
    color:#E60000;
}
.ren-txt-2{
    font-size:20px;
    color:#000;
}
.con2-right{
    width:28.5%;
    float:right;
    overflow:hidden;
    position: relative;
    padding-top: 98px;
    margin-right:5.1%;
}
.right-btn{
    width:46.5%;
	margin:8% auto 0;
}
.right-top{
    width:100%;
    overflow:hidden;
}
.right-top-left{
    width:100%;
}
.right-top-left img{
    width:100%;
}
.right-top-right{
    width:58.4%;
    float:right;
    color:#E60000;
    font-size:36px;
    text-align:left;
    margin-top:13%;
}
.right-btn a{
    display:block;
    width:100%;
    border:1px solid #e60012;
    /*background:#fff;*/
    font-size:22px;
    text-align:center;
    padding:6px 12px;
    color:#e60012;
    margin-top:4%;
}
.right-btn a:hover{
     background:#e60012;
     border:1px solid #e60012;
     color:#fff;
}
.content{
    width: 100%;
    margin:0 auto;
    background: #fff;
}

.ser-scope{
    padding: 50px 0;
}
.row{
    margin: 0;
}
.container-c{
    width: 1200px;
    margin: 0 auto;
}
.content.bgc{
    background-color:#f2f2f2;
}
/*第三屏开始*/
.con-3{
    width:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    padding-bottom:4%;
}
.p3-title{
    width: 19.3%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p3-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.text-center{
    text-align:center;
}
.img-responsive{
    display:block;
    max-width:100%;
    height:auto;
}
.l-title{
    width:100%;
    margin:40px auto 0;
    font-size:28px;
    color:#333;
    text-align:center;

}
.l-title.mc{
    margin-top:0;
}
.l-title img{
    margin-right:10px;
    width:2.3%;
    display:inline-block;
    vertical-align:center;

}


.p3-box{
    width:100%;
    margin:40px auto 0;
    position:relative;
}
.p31-img img{
    width:100%;
}
.p31-img{
    width:81%;
    margin-left:6.8%;
}
.p31-txt{
    position:absolute;
    right:11%;
    top:42.3%;
    width:39.4%;
    background-color:#fff;
    box-shadow:0px 3px 8px rgba(0, 0, 0, 0.1);
    border-top:3px solid #e60000;
    padding:35px 0;
}
.p31-txt p{
    font-size:18px;
    line-height:1.7em;
    color:#666;
    width:76%;
    margin:0 auto;
}
.p3c1-box{
    width:91.1%;
    margin:40px auto 0;
}
.p3c1-txt{
    width:100%;
    font-size:18px;
    color:#666666;
    line-height:1.7em;
    margin-bottom:30px;
}
.p3c1-img{
    width:90%;
    margin:0px auto 0;
}
.p3c1-img img{
    width:100%;
}
.p3c2-ul{
    width:100%;
    margin-top:40px;
    overflow:hidden;
}
.p3c2-ul li{
    width:33%;
    position:relative;
    float:left;
    margin-left:0.46%;
}
.p3c2-ul li img{
    width:100%;
}
.p3c2-ul li:first-child{
    margin-left:0;
}
.p3c2-ul li:hover .p32-title{
    display:none;
}
.p3c2-ul li:hover .p3c2-m-box{
    display:block;
}
.p3c2-ul li:hover .p42-title{
    display:none;
}
.p32-title{
    position:absolute;
    left:0;
    width:91.5%;
    box-sizing:border-box;
    left:7.5%;
    padding-left:2.7%;
    line-height:1em;
    bottom:11%;
    border-left:2px solid #e60012;
    font-size:22px;
    color:#fff;
}
.p3c2-m-box{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.7);
    display:none;
}
.p3c2-m-box p{
    position:absolute;
    width:84%;
    left:8%;
    top:31.8%; 
    font-size:16px;
    color:#fff;
    line-height:1.65em;
}

.p4-title{
    width: 41.2%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p4-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.p4c1-box{
    width:91.1%;
    margin:40px auto 0;
}
.p4c1-txt{
    width:100%;
    font-size:18px;
    color:#666666;
    line-height:1.7em;
    margin-bottom:30px;
}
.p4c1-title{
    width:100%;
    font-size:22px;
    color:#333333;
    margin-bottom:30px;
    text-align:center;
}
.p4c1-img{
    width:97.3%;
}
.p4c1-img img{
    width:100%;
}
.p4c2-title{
    width:100%;
    font-size:22px;
    color:#333333;
    margin:40px auto;
    text-align:center;
}
.p32-title.b1{
    bottom:21%;
}
.p42-title{
    position:absolute;
    left:7.5%;  
    bottom:9%;
    font-size:18px;
    color:#fff;
}
.p3c2-m-box.t1 p{
    top:36.4%;
    line-height:1.7em;
}

.p3c2-m-box.t2 p:first-child{
    top:30.2%;
    line-height:1.7em;
}
.p3c2-m-box.t2 p+p{
    top:58.2%;
    line-height:1.7em;
}
.p3c2-m-box.t3 p:first-child{
    top:25.6%;
    line-height:1.7em;
}
.p3c2-m-box.t3 p+p{
    top:53.2%;
    line-height:1.7em;
}
.p4c3-title{
    width:100%;
    font-size:22px;
    color:#333333;
    text-align:center;
    margin-bottom:40px;
}
.p4c3-img{
    width:82.7%;
    margin:0 auto;
}
.p4c3-img img{
    width:100%;
}
.next{
    width:15%;
    margin:0 auto;
    overflow:hidden;
    border:1px solid #e60012;
    padding:0.59% 0;
}
.next:hover{
    background-color:#e60012;
}
.next:hover p{
    color:#fff;
}
.next p{
    float:left;
    font-size:22px;
    margin-left:16.8%;
    color:#e60012;
}
.next img{
    float:left;
    margin-left:8.4%;
    width:12.3%;
    margin-top:2%;
}


/* 第二页内容 */

.content.pic1{
    height:462px;
    background-image:url(../images/p5-bg1.jpg);
    background-size:cover;
}
.p5-title{
    width: 68.6%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p5-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.p5c1-txt{
    width:98%;
    margin:40px auto 0;
    font-size:18px;
    color:#666666;
    line-height:1.7em;
}
.p5c2-title{
    width:100%;
    font-size:22px;
    color:#333333;
    text-align: center;
    margin-bottom:40px;
}
.p5c2-box{
    width:100%;
    position:relative;
    overflow:hidden;
}
.p5c2-ul{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:10;
}
.p5c2-ul li{
    width:5.6%;
    float:left;
    margin-left:4.85%;
}
.p5c2-ul li:first-child{
    margin-left:0;
}
.p5c2-ul li.active .p5c2-year{
    color:#e60012;
}
.p5-ic2{
    display:none;
}
.p5c2-ul li.active .p5-ic1{
    display:none;
}

.p5c2-ul li.active .p5-ic2{
    display:block;
}
.p5c2-year{
    width:100%;
    font-size:20px;
    color:#666666;
    text-align:center;
}
.p5c2-ul li img{
    width:77.5%;
    margin:20% auto 0;
}
.p5c2-txt{
    width:100%;
    height:140px;
    margin:1.7% auto 0;
    position:relative;
}
.p5c2-c{
    position:absolute;
    top:0;
    font-size:12px;
    color:#666666;
    line-height:1.7em;
}
.p5c2-c.l1{
    width:6.3%;
    left:0;
}
.p5c2-c.l2{
    width:6.3%;
    left:10%;
}
.p5c2-c.l3{
    width:9.9%;
    left:18.8%;
}
.p5c2-c.l4{
    width:6.3%;
    left:31.4%;
}
.p5c2-c.l5{
    width:8.3%;
    left:40.8%;
}
.p5c2-c.l6{
    width:7.6%;
    left:52%;
}
.p5c2-c.l7{
    width:10.8%;
    left:61%;
}
.p5c2-c.l7 p,.p5c2-c.l8 p{
    font-size:12px;
    color:#666666;
    line-height:1.7em;
    margin-bottom:5%;
    letter-spacing:-0.2px;
}
.p5c2-c.l8{
    width:7.5%;
    right:19.3%;
}
.p5c2-c.l9{
    width:7.3%;
    right:9.6%;
}
.p5c2-c.l10{
    width:6.8%;
    right:0%;
}
.p5c2-line{
    width:100%;
    position:absolute;
    left:0;
    top:25%;
}
.p5c2-line img{
    width:100%;
}

.p5c3-title{
    width:100%;
    text-align:center;
    font-size:22px;
    color:#333333;
    margin:40px auto;
}
.p5c3-box{
    width:100%;
    position:relative;
    overflow:hidden;
}
.p5c3-box{
    padding-top:6%;
}
.p5c3-ul{
    position:relative;
    z-index:20;
    width:92.8%;
    margin:0 auto;

}
.fd{
    width:100%;
    transition:0.7s;
    transform-origin: center bottom;
}
.p5c3-ul li{
    width:15.3%;
    float:left;
    margin-left:4.5%;

}
 .p5c3-ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
.p5c3-ul li:first-child{
    margin-left:2.6%;
}
.p5c3-ul li.ac .fd{
    transform:scale(1.5);
}

.p5c3-t1{
    width:100%;
    text-align:center;
    color:#e60012;
}
.p5c3-img{
    width:35.2%;
    margin:8% auto 0;
}
.p5c3-dian{
    width:19%;
    margin:3% auto 0;
}
.clear{
    clear: both;
}
.p5c3-txt-box{
    position:relative;
    width:100%;
    height:170px;
    margin:3% auto 0;
}
.p5c3-l{
    position:absolute;
    top:0;
    display:none;
}
.p5c3-l.l1{
    position:absolute;
    left:26.3%;
    top:0;
}
.p5c3-l.l2{
    position:absolute;
    left:42%;
    top:0;
}
.p5c3-p1{
    font-size:16px;
    color:#db0012;
    text-align:center;
}
.p5c3-l.l3{
    position:absolute;
    width:30.6%;
    left:52.4%;
}
.p5c3-l.l4{
    position:absolute;
    width:31.3%;
    right:0;
}
.p5c3-p2{
    width:100%;
    font-size:16px;
    color:#666666;
    margin:3% auto 0;
    line-height:1.5em;
}
.p5c3-line{
    width:100%;
    position:absolute;
    left:0;
    top:49.5%;
}
.p5c3-line img{
    width:100%;
}
.content.pic2{
    height:556px;
    background-image:url(../images/p54-bg.jpg);
    background-size:cover;
}
.p5c4-box{
    width:100%;
    margin:40px auto 0;
}
.p5c4-m{
    width:23.2%;
    float:left;
    background-color:rgba(255,255,255,0.87);
    height:346px;
    box-shadow:0px 3px 8px rgba(0, 0, 0, 0.1);
}
.p5c4-img2{
    display:none;
}
.p5c4-ic1{
    width:34.3%;
    margin-top:24%;
    margin-left:34.7%;
}
.p5c4-ic1 img{
    width:100%;
}
.p5c4-left{
    width:277px;
    height:100%;
    float:left;
}
.p5c4-t1{
    width:100%;
    margin:40px 0 0;
    font-size:18px;
    color:#666666;
    text-align:center;
}
.p5c4-t2{
    width:100%;
    margin:58px 0 0;
    font-size:18px;
    color:#666666;
    text-align:center;
}
.p5c4-m.m1{
    width:100%;
}
.p5c4-m.m1 .p5c4-img2{
    display:block;
}
.p5c4-m.m1 .p5c4-img1{
    display:none;
}
.p5c4-m.m1 .p5c4-t1{
    color:#e60012;
}
.p5c4-right1{
    width:76.8%;
    height:100%;
    float:left;
    padding-left:7px;
    overflow:hidden;
    box-sizing:border-box;
    display:none;
}
.p5c4-line1{
    width:1px;
    height:200px;
    margin-top:60px;
    float:left;
    background-color:#c4c3c3;
}
.p5c4-p1{
    width:24.2%;
    float:left;
    padding-left:5.6%;
    padding-top:70px;
    padding-bottom:10%;
    cursor:pointer;
}
.p5c4-t11{
    width:100%;
    margin-bottom:3%;
    font-size: 18px;
    color:#e60012;
    text-align: center;
}
.p5c4-t12{
    width:100%;
    margin-bottom:4%;
    font-size: 16px;
    color:#666666;
    text-align: center;
    line-height:1.6em;
}
.p5c4-img1c{
    width:88.8%;
    margin-top:1%;
}

.p5c4-p2{
    width:16.5%;
    float:left;
    padding-left:2.1%;
    padding-top:70px;
    padding-bottom:10%;
    cursor:pointer;
    padding-right:4.2%;
}
.p5c4-p3 p+p{
    text-align:left;
}
.p5c4-p4 p+p{
    text-align:left;
}
.p5c4-img12{
    width:72.7%;
    margin:10% auto 0;
}
.p5c4-p3{
    width:18.4%;
    float:left;

    margin-top:70px;
}
.p5c4-p4{
    width:18.4%;
    float:left;
    padding-left:5.1%;
    padding-top:70px;
    padding-bottom:20%;
    cursor:pointer;
    padding-right:5.1%;
}

.p5c4-m.m2{
    width:50.3%;
    margin:0 1.6%;
}
.p5c4-m.m2 .p5c4-img2{
    display:block;
}
.p5c4-m.m2 .p5c4-img1{
    display:none;
}
.p5c4-m.m2 .p5c4-t2{
    color:#e60012;
}
.p5c4-ic2{
    width:36%;
    margin-top:24%;
    margin-left:34.7%;
}
.p5c4-ic2 img{
    width:100%;
}
.p5c4-right{
    width:326px;
    float:left;
    padding-left:7px;
    overflow:hidden;
    box-sizing:border-box;
}
.p5c4-line{
    width:1px;
    height:190px;
    margin-top:60px;
    float:left;
    background-color:#c4c3c3;
}
.p54-t21{
    width:69.6%;
    margin-top:66px;
    color:#666666;
    font-size:16px;
    line-height:1.65em;
    margin-left:15.5%;
}
.p5c4-left.fl{
    float:right;
}
.p5c4-ic3{
    width:35.1%;
    margin-top:26%;
    margin-left:32%;
}
.p5c4-ic3 img{
    width:100%;
}
.p5c4-m.m3{
    width:100%;
}
.p5c4-right3{
    width:76.8%;
    height:100%;
    float:left;
    padding-right:4.7%;
    overflow:hidden;
    box-sizing:border-box;
    display:none;
}
.p5c4-line3{
    width:1px;
    height:282px;
    margin-top:33px;
    float:right;
    background-color:#c4c3c3;
}
.p5c4-ul{
    width:91%;
    float:right;
    margin-right:6%;
    margin-top:33px;
}
.p5c4-ul li{
    width:100%;
    overflow:hidden;
    margin-top:1%;
}
.p5c4-ul li:first-child{
    margin-top:0;
}
.p5c4-ul li p{
    font-size:16px;
}
.p5c4-t31{
    float:left;
    font-size:16px;
    margin-right:0.8%;
    margin-bottom:1%;
    color:#e60012;
}
.p5c4-t32{
    width:98%;
    line-height:1.6em;
    color:#666666;
}
.p5c4-t32 span{
    color:#e60012;
}
.p5c4-t3{
    width:100%;
    margin:34px 0 0;
    font-size:18px;
    color:#666;
    text-align:center;
}
.p5c4-t33{
    display:none;
    width:96%;
    margin:34px auto 0;
    font-size:18px;
    color:#e60012;
    line-height:1.6em;
}
.p5c4-m.m3 .p5c4-img2{
    display:block;
}
.p5c4-m.m3 .p5c4-img1{
    display:none;
}
.p5c4-m.m3 .p5c4-t3{
    display:none;
}
.p5c4-m.m3 .p5c4-t33{
    display:block;
}

.p5c5-t1{
    width:92%;
    margin:40px auto 0;
    font-size:18px;
    color:#666666;
    line-height:1.7em;
}
.p5c5-ul{
    width:100%;
    overflow:hidden;
    margin:0 auto;
}
.p5c5-ul li{
    width:24.7%;
    margin-left:0.4%;
    position:relative;
    float:left;
    margin-top:40px;
}
.p5c5-ul li img{
    width:100%;
}
.p5c5-ul li:first-child{
    margin-left:0;
}
.p5c5-ul li:hover .p5c5-t2{
    display:none;
}
.p5c5-ul li:hover .p5c5-mask{
    display:block;
}
.p5c5-t2{
    width:93%;
    box-sizing:border-box;
    position:absolute;
    left:7%;
    top:64%;
    padding-left:3.3%;
    border-left:2px solid #e60012;
    color:#fff;
    font-size:22px;
}
.p5c5-mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.72);
    display:none;
}
.p5c5-t3{
    position:absolute;
    width:87.5%;
    left:6.4%;
    font-size:16px;
    line-height:1.65em;
    color:#fff;
}
.p5c5-t3.t1{
    top:11.1%;
}
.p5c5-t3.t2{
    top:28%;
}
.p5c5-t3.t3{
    top:24%;
}
.content.pic3{
    height:407px;
    background-image:url(../images/p56-bg.jpg);
    background-size:cover;
}
.p5c6-txt{
    width:100%;
    color:#e60012;
    font-size:20px;
    text-align:center;
}
.p5c6-t1{
    width:90.8%;
    margin:40px auto;
    font-size:18px;
    color:#666666;
    line-height:1.7em;
}
.next.n2{
    width:21.5%;
    margin:0 auto;
    overflow:hidden;
    border:1px solid #e60012;
    padding:0.59% 0;
}
.next:hover{
    background-color:#e60012;
}
.next.n2:hover p{
    color:#fff;
}
.next.n2 p{
    float:left;
    font-size:22px;
    margin-left:8.6%;
    color:#e60012;
}
.next.n2 img{
    float:left;
    margin-left:8.4%;
    width:20px;
    margin-top:1.8%;
}
.content.pic4{
    height:454px;
    background-image:url(../images/p6-bg.jpg);
    background-size:cover;
}
.p6-title{
    width: 41.2%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p6-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.p6c1-txt{
    font-size:18px;
    color:#666666;
    width:92%;
    margin:40px auto 0;
    line-height:1.7em;
}
.p6c2-ul{
    width:100%;
    overflow:hidden;
        margin-top:40px;
}
.p6c2-ul li{
    position:relative;
    width:33%;
    float:left;
    margin-left:0.4%;
    margin-bottom:0.4%;
}
.p6c2-ul li:first-child{
    margin-left:0;
}
.p6c2-ul li:nth-child(4){
    margin-left:0;
}
.p6c2-ul li img{
    width:100%;
}
.p6c2-ul li:hover .p6c2-p{
    display:none;
}
.p6c2-ul li:hover .p6c2-mask{
    display:block;
}
.p6c2-p{
    width:92.7%;
    position:absolute;
    left:7.5%;
    bottom:6%;
    color:#fff;
    font-size:22px;
    padding-left:4.3%;
    box-sizing:border-box;
    border-left:2px solid #d70000;
    line-height:1em;
}
.p6c2-mask{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.7);
    display:none;
}
.p6c2-p2{
    position:absolute;
    top:31.8%;
    left:10.6%; 
    width:77%;
    font-size:16px;
    color:#fff;
    line-height:1.65em;
}
.p6c2-p2.t1{
    top:31.8%;
}
.p6c2-p2.t2{
    top:21%;
}
.p6c2-p2.t3{
    top:15%;
}
.p7-title{
    width: 58.2%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p7-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.p7c1-box{
    width:97.2%;
    margin:40px auto 0;
    overflow:hidden; 
}
.p7c1-p{
    position:relative;
    float:left;
}
.p7c1-p.p1{
    width:33%;
    margin-right:5%;
}
.p7c1-p img{
    width:100%;
}
.p7c1-p:hover .p7c1-img2{
    display:block;
}
.p7c1-p:hover .p7c1-img1{
    display:none;
}
.p7c1-p:hover .p7c1-txt{
   color:#e60012;
}
.p7c1-img2{
    display:none;
}
.p7c1-txt{
    position:absolute;
    left:29.8%;
    top:33%;
    font-size:18px;
    color:#666666;
}
.p7c1-txt.l1{
    left:28.9%;
}
.p7c1-p.p2{
    width:24%;
}
.p7c1-txt.l2{
    left:42%;
}
.p7c2-box{
    width:100%;
    margin:40px auto 0;
    overflow:hidden;
}
.p7c2-p{
    width:33.4%;
    float:left;
    position:relative;
}
.p7c2-p img{
    width:100%;
}
.p7c2-p.p1{
    width:66.6%;
}
.p7c2-p.p1 .p7c2-img1{
    display:none;
}
.p7c2-p.p1 .p7c2-img2{
    display:block;
}
.p7c2-p.p1 .p7c2-t1{
    display:none;
}
.p7c2-p.p1 .p7c2-t2{
    display:block;
}
.p7c2-t1{
    position:absolute;
    left:49.7%;
    font-size:22px;
    color:#666666;
    top:20%;
    line-height:1.4em;
}
.p7c2-img2{
    display:none;
}
.p7c2-t2{
    position:absolute;
    width:58%;
    left:21%;
    top:21%;
    font-size:16px;
    color:#666666;
    line-height:1.65em;
    display:none;
}
.p7c2-t1.t1{
    width:100%;
    left:0;
    text-align:center;
}
.p7c2-t2.t2{
    width:81.6%;
    left:9.2%;
}
.p7c3-img{
    width:100%;
    margin:40px auto 0;
}
.p7c3-img img{
    width:100%;
}
.p8-title{
    width: 58.2%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p8-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.p8c1-img{
    position:relative;
    width:91.8%;
    margin:40px auto 0;
}
.p8-ic{
    position:absolute;
}
.p8-ic.active .p8-ic1{
    display:none;
}
.p8-ic.active .p8-ic2{
    display:block;
}
.p8-ic img{
    width:100%;
}
.p8-ic.ic1{
    width:20.9%;
    left:0;
    top:44.4%;
}
.p8-ic.ic2{
    width:22.4%;
    left:18.5%;
    top:33.4%;
}
.p8-ic.ic3{
    width:21%;
    left:38.7%;
    top:22.1%;
}
.p8-ic.ic4{
    width:22.6%;
    left:57.3%;
    top:10.8%;
}
.p8-ic.ic5{
    width:22.4%;
    right:0%;
    top:0%;
}
.p8-ic2{
    display:none;
}
.p8c1-txt{
    position:absolute;
}
.p8c1-txt.active p{
    color:#e60012;
}
.p8c1-txt.t1{
    width:13.4%;
    left:2%;
    bottom:0%;
}
.p8c1-txt.t2{
    width:16.1%;
    left:20.1%;
    top:71%;
}
.p8c1-txt.t3{
    width:13.5%;
    left:40.6%;
    top:59.3%;
}
.p8c1-txt.t4{
    width:15%;
    left:59.7%;
    top:48.3%;
}
.p8c1-txt.t5{
    width:16.3%;
    right:4.5%;
    top:36.7%;
}
.p8c1-title{
    width:100%;
    text-align:center;
    font-size:22px;
    color:#666666;
}
.p8c1-t1{
    width:100%;
    font-size:16px;
    color:#666666;
    line-height:1.5em;
    margin-top:6%;
}
.p82-ul{
    width:100%;
    overflow:hidden;
    margin:40px auto 0;
}
.p82-ul li{
    width:24.7%;
    float:left;
    position:relative;
    margin-left:0.3%;
}
.p82-ul li img{
    width:100%;
}
.p82-ul li:first-child{
    margin-left:0;
}
.p82-ul li:hover .p82-t1{
    display:none;
}
.p82-ul li:hover .p82-mask{
    display:block;
}
.p82-t1{
    position:absolute;
    left:8.4%;
    bottom:7%;
    width:91.6%;
    box-sizing:border-box;
    padding-left:4%;
    border-left:2px solid #e60012;
    font-size:22px;
    color:#fff;
    line-height:
}
.p82-mask{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.7);
    display:none;
}
.p82-t2{
    position:absolute;
    font-size:16px;
    color:#fff;
    line-height:1.65em;
    width:90.6%;
    left:4.7%;
    text-align: justify;
}
.p82-t2.t1{
    top:5.2%;
    line-height:1.45em;
    letter-spacing:-0.2px;

}
.p82-t2.t2{
    width:91.8%;
    left:4.1%;
    top:18.6%;
}
.p82-t2.t3{
    width:91.8%;
    left:4.1%;
    top:12.6%;
}
.p8c3-img{
    position:relative;
    width:82.2%;
    margin:40px auto 0;
}
.p8c3-left{
    position:absolute;
    left:0;
    top:6.4%;
    width:45.3%;
}
.p8c3-left img{
    width:100%;
}
.p8c3-dian{
    position:absolute;
    width:5.7%;
}
.p8c3-dian.d1{
    right:18%;
    top:4.5%;
}
.p8c3-dian.d2{
    right:2%;
    top:27.9%;
}
.p8c3-dian.d3{
    right:0%;
    top:61%;
}
.p8c3-dian.d4{
    right:18%;
    bottom:4.3%;
}
.p8c3-ic2{
    display:none;
}
.p8c3-ic{
    position:absolute;
}
.p8c3-ic.ic1{
    width:49%;
    right:5.8%;
    top:0;
}
.p8c3-ic.ic2{
    width:45.5%;
    right:0%;
    top:27%;
}
.p8c3-ic.ic3{
    width:45.5%;
    right:4.2%;
    top:55%;
}
.p8c3-ic.ic4{
    width:45.5%;
    right:11%;
    bottom:0;
}
.p8c3-ic img{
    width:100%;
}
.p8c3-ic.ac .p8c3-ic2{
    display:block;
}
.p8c3-ic.ac .p8c3-ic1{
    display:none;
}
.p8c3-ic p{
    position: absolute;
    font-size:20px;
    color:#666666;
    top:32%;
    left:21%;
}
.p9-title{
    width: 74.7%;
    display: inline-block;
    position: relative;
    font-size: 34px;
    color: #fff;
    letter-spacing:-0.8px;
}
.p9-title span{
    position: absolute;
    top:4px;
    left: -14px;
    right: 0;
    margin: 0 auto;
}
.p9-box{
    width:100%;
    margin:40px auto 0;
    overflow:hidden;
}
.p9-p{
    position:relative;
    float:left;
}
.p9-p img{
    width:100%;
}
.p9-p.p1{
    width:24.8%;
}
.p9-p.p2{
    width:30.2%;
    margin-left:7.4%;
}

.p9-p.p1 p{
    position:absolute;
    width:60.5%;
    left:37.8%;
    line-height:1.65em;
    top:34.6%;
    font-size:18px;
    color:#666666;
}
.p9-p.p2 p{
    position:absolute;
    width:65.1%;
    left:32%;
    line-height:1.65em;
    top:34.6%;
    font-size:18px;
    color:#666666;
}
.p9-ic2{
    display:none;
}
.p9-p:hover .p9-ic2{
    display:block;
}
.p9-p:hover .p9-ic1{
    display:none;
}
.p9-p:hover p{
    color:#e60012;
}
.show-phonex{
    display:none !important;
}
.next.n2.wn{
    width:19%;
}
.next.n2.wn p{
    margin-left:10.7%;
}
.next.n2.wn img{
    width:20px;
    margin-top:2%;
}
/*第八屏结束*/

@media (max-width:1024px){
	.tit-txt{
		font-size: 29px;
	}
	.menu{
		width: 35%;
	}
	.new-banner-con{
		width: 960px;
	}
	.banner-left{
		width: 40%;
	}
	.banner-right{
		width: 60%;
	}
	.w-1200{
		width: 960px;
	}
    .banner-right{
        margin-right:0;
    }
    .right-btn{
        width:47.5%;
    }
    .container-c{
        width:960px;
    }
    .p32-title,.p5c5-t2,.p6c2-p{
        font-size:18px;
    }
    .p3c2-m-box p{
        top:25.8%;
    }
    .p3c2-ul li:nth-child(3) .p3c2-m-box p:nth-child(1){
        top:18.8%;
    }
    .p3-title span,.p4-title span,.p5-title span,.p6-title span,.p7-title span,.p8-title span,.p9-title span{
        top:2px;
    }
    .p3-title,.p4-title,.p5-title, .p6-title, .p7-title, .p8-title, .p9-title{
        font-size:28px;
    }
    .p3c2-m-box.t1 p{
        top:24.4%;
    }
    .p3c2-m-box.t2 p:first-child{
        top:18.2%;
    }
    .p42-title{
        font-size:14px;
    }
    .p3c2-m-box.t3 p+p{
        top:57.2%;
    }
    .next p{
        font-size:18px;
    }
    .nav-box .nav, .nav-box-1 .nav{
        width:960px;
    }
    .p5c2-year{
        font-size:16px;
    }
    .p5c2-line{
        top: 22%;
    }
    .p5c3-p2{
        font-size:14px;
    }
    .p5c3-t1{
        font-size:14px;
    }
    .p5c3-line{
        top:45.5%;
    }
    .p5c5-t3{
        font-size:13px;
    }
    .p6c2-p{
        bottom:10%;
    }
    .p6c2-p2{
  
        font-size:14px;
    }
    .p6c2-p2.t1{
        top:21.8%;
    }
    .p6c2-p2.t2{
        top:9%;
    }
    .p6c2-p2.t3{
        top:4%;
    }
    .p7c1-txt,.p7c1-txt.l1{
        font-size:16px;
        left:24%;
    }
    .p8-ic.ic1{
        top:42%;
    }
    .p8-ic.ic3{
        top:24.3%;
    }
    .p8-ic.ic4{
        top:15%;
    }
    .p8-ic.ic5{
        top:6.2%;
    }
    .p8c1-img{
        margin-top:0;
    }
    .p8c1-txt.t1{
        bottom:3%;
    }
    .p8c1-txt.t2{
        top:66%;
    }
    .p82-t1{
        font-size:18px;
    }
    .p82-t2{
        font-size:13px;
    }
    .p82-t2.t2{
        top:14.6%;
    }
    .p82-t2.t3{
        top:10.6%;
    }
    .p8c3-ic p{
        font-size:16px;
    }
    .next.n2 img{
        margin-top:2.2%;
    }
    .next.n2 p{
        font-size:18px;
        margin-left:11.6%;
    }
    .pc-bt-1{
        font-size:32px;
    }
    .banner-right{
        width:48%;
    }
    .new-banner{
        height:345px;
    }
    .banner2{
        display:block;
    }
    .p5c4-left{
        width:222px;
    }
    .p5c4-right{
        width:260px;
    }
    .p54-t21{
        font-size:14px;
    }
    .p5c4-t11,.p5c4-t33,.p5c4-t3,.p5c4-t1,.p5c4-ul li p{
        font-size:14px;
    }
    .p5c4-m{
        height:310px;
    }
    .p5c4-ul{
        margin-top:21px;
    }
    .p5c4-line3{
        margin-top:13px;
    }
}

@media (max-width:768px){
    .show-phonex{
        display:inline-block !important;
    }
	.fc{
		width: 16vw;
		height: 16vw;
		margin-top: -8vw;
	}
	.fc a span{
	position: absolute;
	color: #fff;
	font-size: 2.6vw;
	top: 10vw;
	left: 3vw;
	z-index: 11111111;
	font-weight: 600;
	display: inline-block;
}
	.btn-next{
		width: 33%;
		padding: 1.6vw 0;
	}
	.btn-next1{
		width: 31%;
	}
	.con8-img img{
		height: 59.2vw;;
	}
	.show-pc {
	        display: none;
	    }
	    .show-phone {
	        display: block;
	    }
.menu{
	width: 100%;
	box-shadow: 3px 3px 3px #ccc;
}
.menu li{
	margin-left: 0;
}
.container{
	margin-top: 55px;
}

.mp-mark-banner{
		width: 100%;
		text-align: center;
	}
.mp-mark-banner span{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.mp-mark-banner span img{
	width: 100%;
	padding-top: 3%;
    padding-bottom:1%;
}
.mp-bt{
	font-size: 5.1vw;
	width: 75.8%;
	color: #333;
	margin-bottom: 1.5%;
    margin-left:18%;
}
.mp-bt-1{
font-size: 5.1vw;
color: #666;
}
.mp-bt span{
	width: 28%;
	display: inline-block;
	position: relative;
}
.mp-bt span img{
	width: 100%;
	position: relative;
	top: 0.53vw;
	left: 10%;
}



/*me*/
#top {
	        width: 100%;
	        height: 55px;
	        background-color: #fff;
	        box-shadow: 0 3px 6px rgba(0,0,0,0.08);
	        border: none;
	    }
	    .logo {
	        width: 14.6%;
	        margin-left: 5%;
	        margin-top: 4.3%;
	    }
	    .mb {
	        width: 5.5%;
	        float: right;
	        margin-top: 4.3%;
	        margin-right: 5%;
	    }
	    .mb img {
	        width: 100%;
	    }
	.menu-1 {
        position: absolute;
        top: 55px;
        width: 100%;
        display: none;
        box-shadow: 3px 3px 3px #ccc;
	   }
	    .menu-1 li {
	        width: 100%;
	        float: none;
	        text-align: left;
	        text-indent: 1.5em;
	        background-color: #fff;
	        border-top: 1px solid #d6d6d6;
	        line-height: 55px;
	    }
	    .menu-1 li:first-child {
	        margin-top: 0;
	    }
	    .menu-1 li a{
	    		color: #000;
	    		font-size: 3.2vw;
	    		/*font-weight: 550;*/
	    }
	    .mp-erji li{
	    		background: #f2f2f2;
	    }
	    .mp-menu{
	   	overflow: hidden;
	   }
	   .mp-menu a{
	   	float: left;
	   }
	   .mp-menu span{
	   	float: right;
	   	margin-right: 6%;
	   	margin-top: 5%;
	   	font-size: 8vw;
	   	color: #c9c9c9;
	   }
	   .mp-erji{
	   	display: none;
	   }
	   .mp-menu-1{
	   	overflow: hidden;
	   }
	   .mp-menu-1 a{
	   	float: left;
	   }
	   .mp-menu-1 span{
	   	float: right;
	   	margin-right: 6%;
	   	margin-top: 5%;
	   	font-size: 8vw;
	   	color: #c9c9c9;
	   }
	   .mp-erji-1{
	   	display: none;
	   }
	   .mp-erji-1 li{
	   		background: #f2f2f2;
	   }
	   .mp-width{
	   	width: 12%;
	   }
/*end*/

    .mp-idclogo{
        width:31%;
        display:block;
        margin:0% 0 0% 14%;
    }
    .mp-idclogo img{
        width:100%;
    }
    .mpnew-down{
    width: 100%;
    overflow: hidden;
    }
    .mpnew-con1-left{
        width: 40%;
        padding: 5%;
        float: left;
    }
    .mpnew-con1-left img{
        width: 100%;
    }
    .mpnew-con1-right{
        padding: 5% 5% 0 0;
        width: 40%;
        float: right;
    }
    .mpnew-con1-right img{
        width: 100%;
    }
    .mpnew-con1-right p:nth-of-type(1){
        padding: 26% 0 0 0;
    }
    .mpnew-con1-right p:nth-of-type(2) a{
        font-size: 3.5vw;
        color: #e50000;
        border: 1px solid #e50000;
        display: inline-block;
        padding: 1.6vw 16.5%;
        text-align: center;
    }
    .mpnew-con1-right p:nth-of-type(2) a:hover{
        color: #fff;
        background: #e60000;
    }
    .mpnew-con1-right p:nth-of-type(2){
        padding: 0% 0 0 10%;
        position: relative;
        top: 5.33vw;
    }
    .container-fluid{
        width: 100%;
        margin-top: 55px;
    }
    .container-c{
        width: 100%;
        padding:7% 0;
        overflow:hidden;
    }

    .new-banner{
        height:auto;
        padding-bottom:0;
        background-color:#fff;
    }
    .p3-title{
        width:30.8%;
    }
    .p4-title{
        width:66%;
    }
    .p6-title{
        width:66%;
    }
    .p3-title span, .p4-title span,.p5-title span, .p6-title span, .p7-title span, .p8-title span, .p9-title span{
        font-size:4.5vw;
        top:5%;
        left:-1.6vw;
    }
    .p5-title{
        width:69.5%;
    }
    .l-title{
        width:100%;
        font-size:3.7vw;
        position:relative;
        top:-56%;
        margin-top:5vw;
    }
    .l-title img{
        width:3.8%;
        margin-right:0.5%;
    }
    .p31-txt{
        width:93.3%;
        position:relative;
        left:0;
        top:0;
        margin:5% auto 0;
        padding:3% 0;
    }
    .p31-txt p{
        width:86%;
        font-size:3.2vw;
    }
    .p31-img{
        width:93.3%;
        margin:0% auto 0;
    }
    .p3-box{
        margin-top:6%;
    }
    .p3c1-box{
        width:93.3%;
        margin-top:3vw;
    }
    .p3c1-txt{
        font-size:3.2vw;
        margin-bottom:3vw;
    }
    .p3c1-img{
        width:100%;
    }
    .swiper-container1,.swiper-container2,.swiper-container3,.swiper-container4{
        width:100%;
        margin-top:5vw;
    }
    .swiper-container1 img,.swiper-container2 img,.swiper-container3 img,.swiper-container4 img{
        width:100%;
    }
    .p33-box{
        position:relative;
        width:92.8%;
        margin:0% auto 0;
    }
    .p33-box p{
        position:absolute;
        font-size:4vw;
        padding-left:2.3%;
        left:5.6%;
        text-indent:0em;
        line-height:1em;
        bottom:10%;
        color:#fff;
        width:94.4%;
        box-sizing:border-box;
        border-left:2px solid #e40000;
    }
    .p42-title{
        font-size:3.2vw !important;
    }
    .p33-mask{
        position:relative;
        left:0;
        top:0;
        width:92.8%;
        display:block;
        height:auto;
        margin:0 auto;
        box-shadow:0px 3px 8px rgba(0, 0, 0, 0.1);
        padding:3% 0 4%;
    }
    .p33-mask div{
        position: relative;
        left:0;
        top:0;
    }
    .p33-tbox12{
        width:90.2%;
        margin:0 auto;
        font-size:3vw;
        color:#666666;
        line-height:1.65em;
    }
    .p33-txt p span{
        font-size:3vw;
    }
    .p33-box .p42-title{
        border-left:none !important;
        padding-left:0;
    }
    .pag{
        width:100%;
        text-align: center;
        margin:3% auto 0;
    }
    .pag span{
        width:7px;
        height:7px;
        margin:0 1.5% 0;
    }
    .l-title.le{
        letter-spacing:-0.5px;
    }
    .p4c1-box{
        margin-top:5vw;
    }
    .p4c1-txt{
        width:96%;
        margin:0 auto 5vw;
        font-size:3.2vw;
    }
    .p4c1-title{
        font-size:3.2vw;
        margin-bottom:5vw;
    }
    .p4c2-title{
        margin:5vw auto 0;
        font-size:3.2vw;
    }
    .p4c3-title{
        font-size:3.2vw;
        margin-bottom:5vw;
    }
    .p4c3-img{
        width:88%;
    }
    .next{
        width:29%;
    }
    .next p{
        font-size:3.5vw;
        margin-left:15.7%;
        padding:3% 0;
    }
    .next img{
        width:12%;
        margin-left:8.8%;
        margin-top:5.5%;
    }
    .fc a span{
        width:100%;
        left:0;
        text-align:center;
    }
    .content.ws1{
        background-color:#f2f2f2;
    }
    .content.bgc.ws2{
        background-color:#fff;
    }
    .p5c2-title{
        font-size:3.2vw;
        margin:4.4vw auto 5vw;
    }
    .p5c2-w{
        width:100%;
        overflow-x:auto;
        box-sizing:border-box;
        padding-left:2.8%;

    }
    .p5c2-w img{
        width:334.9%;
    }
    .p5c2-w::-webkit-scrollbar {
        display: none;
    }
    .p5c2-arr{
        width:31.6%;
        margin:5vw auto 0;
    }
    .arr-w1{
        width:21.5%;
        float:left;
        opacity:0.3;
    }
    .arr-w2{
        width:21.5%;
        float:right;

    }
    .p5c3-w::-webkit-scrollbar {
        display: none;
    }
    .p5c3-title{
        font-size:3.2vw;
        margin:5vw auto;
    }
    .p5c3-w{
        width:100%;
        overflow-x:auto;
        box-sizing:border-box;
        padding-left:2.8%;

    }
    .p5c3-w img{
        width:189%;
        margin-right:2.8%;
    }
    .content.pic2{
        height:auto;
    }
    .p5c4-w{
        width:90.3%;
        margin:0 auto;
        background-color:rgba(255,255,255,0.87);
        box-shadow:1px 1px 10px 2px #9e9d9d;
        padding-top:5%;
    }
     .p5c4-w img{
        width:100%;
     }
    .p5c4-w-ic{
        margin:0 auto;
    }
    .p5c4-w-ic.c1{
        width:14.3%;
    }
    .p5c4-w-txt{
        width:100%;
        text-align:center;
        font-size:3vw;
        color:#e60012;
        margin:5% auto;
    }
    .p5c3-w-line{
        width:85%;
        height:1px;
        background-color:#c1c0c0;
        margin:0 auto;
    }
    .p5c4-right1{
        width:83.3%;
        margin-left:8.1%;
        overflow:hidden;
        float:none;
        display:block;
        margin-top:5%;
    }
    .p5c4-p1{
        width:39.4%;
        margin-left:0;
        margin-top:0;
        padding:0;
    }
    .p5c4-t11{
        font-size:2.7vw;
    }
    .p5c4-t12{
        font-size:2.7vw;
    }
    .p5c4-p2{
        width:32.5%;
        margin-left:26.3%;
        margin-top:0;
        padding:0;
    }
    .p5c4-p3{
        width:36.4%;
        margin-left:3%;
        margin-top:6%;
        padding:0;
        
    }
    .p5c4-p4{
        width:36.9%;
        margin-left:23.7%;
        margin-top:6%;
        padding:0;
    }
    .p5c4-p3 p:nth-child(2),.p5c4-p4 p:nth-child(2){
        text-align:left;
    }
    .p5c4-right{
        width:83.6%;
        float:none;
        margin:5% auto 0;
    }
    .p54-t21{
        width:100%;
        margin:0 auto;
        margin-top:0;
        font-size:2.7vw;
    }
    .p5c4-w-txt.t1{
        width:83.3%;
        text-align:left;
        line-height:1.65em;
    }
    .p5c4-ul{
        width:85%;
        margin:5% auto 0;
        overflow:hidden;
        float:none;
        padding-bottom:7%;
    }
    .p5c4-ul li p{
        font-size:2.7vw;
    }
    .p5c4-t31{
        margin-bottom:13%;
    }
    .content.pic2{
        background-image:url(../images/p54-bg-w.jpg);
    }
    .p5c5-t1{
        margin:5vw auto 0;
        font-size:3.2vw;
        width:91.5%;
    }
    .content.pic3{
        height:auto;
        background-image:url(../images/p56-bg-w.jpg);
    }
    .p5c6-txt{
        width:89%;
        line-height:1.65em;
        text-align:center;
        font-size:3.2vw;
        margin:0 auto;
    }
    .p5c6-t1{
        width:91.5%;
        margin:5vw auto 0;
        font-size:3.2vw;
        padding-bottom:30%;
    }
    .next.n2{
        width:40.3%;
    }
    .next.n2 p{
        font-size:3.5vw;
        margin-left:9.3%;
    }
    .next.n2 img{
        width:8.3%;
        margin-left:5.6%;
        margin-top:5%;
    }
    .p6c1-txt{
        width:93%;
        font-size:3.2vw;
        margin:4.4vw auto 0;

    }
    .p6c1-txt.pd{
         padding-bottom:15%;
    }
    .content.pic4{
        height:auto;
        background-image:url(../images/p6-w-bg.jpg);
    }
    .p6-m-box{
        width:92.7%;
        margin:0 auto;
    }
    .p6-w-img{
        position:relative;
        width:100%;
    }
    .p6-w-img img{
        width:100%;
    }
    .swiper-container4{
        margin-top:0;
    }
    .p6c2-p{
        width:94.7%;
        left:5.3%;
        padding-left:2.3%;
        font-size:4vw;
    }
    .p6c2-mask{
        position:relative;
        background-color:#fff;
        box-shadow:0px 3px 8px rgba(0, 0, 0, 0.1);
        padding:5% 0;
        display:block;
    }
    .p6c2-p2{
        font-size:3.2vw;
        color:#666666;
        position:relative;
        left:0;
        top:0 !important;
        width:89.8%;
        margin:0 auto;
    }
    .p7-title{
        width:91.3%;
    }
    .p7c1-box{
        width:72%;
        margin:5vw auto 0;
    }
    .p7c1-p{
        width:100% !important;
        float:none;
        margin-left:0 !important;
        margin-bottom:8%;
    }
    .p7c1-box>div:last-child{
        margin-bottom:0;
    }
    .p7c1-txt{
        font-size:3.2vw !important;
        left:28% !important;
    }
    .p7c1-p:hover .p7c1-txt{
        color:#666666;
    }
    .p7c1-img2{
        display:none !important;
    }
    .p7c1-p img:first-child{
        display:block !important;
    }
    .swiper-container5{
        width:100%;
        margin-top:5vw;
    }
    .swiper-container5 img{
        width:100%;
    }
    .swiper-container6{
        width:100%;
        margin-top:5vw;
    }
    .swiper-container6 img{
        width:100%;
    }
    .swiper-container7{
        width:100%;
        margin-top:5vw;
    }
    .swiper-container7 img{
        width:100%;
    }
    .content.bgc.nb{
        background-color:#fff;
    }
    .content.wbg{
        background-color:#f2f2f2;
    }
    .p8-w-book{
        width:61.2%;
        margin:5vw 0 0 22.4%;
    }
    .p8-w-book img{
        width:100%;
    }
    .p8c3-w{
        width:79.5%;
        margin:5vw auto 0;
    }
    .p8c3-w img{
        width:100%;
    }
    .p9-title{
        width:73.2%;
        margin:0 auto;
    }
    .p9-ic1{
        display:none !important;
    }
    .p9-ic2{
        display:none !important;
    }
    .p9-p.p1{
        width:23.3%;
        margin-left:4%;
    }
    .p9-p.p1 img{
        width:55.4%;
        margin:0 auto;
    }
    .p9-p.p1 p{
        position:relative;
        left:0;
        top:0;
        width:100%;
        font-size:3vw;
        margin-top:8%;
    }
    .p9-p.p2{
        width:26.5%;
        margin-left:8%;
    }
    .p9-p.p2 img{
        width:48.7%;
        margin:0 auto;
    }
    .p9-p.p2 p{
        position:relative;
        left:0;
        top:0;
        width:100%;
        font-size:3vw;
        margin-top:8%;
    }
    .next.n2.wn{
        width:36.7%;
    }
   .next.n2.wn img{
        width:9.7%;
        margin-top:5%;
     }
    .next.wn p{
        margin-left:10.5% !important;
    }
    .next:hover{
        background-color:#fff !important;
    }
    .next:hover p{
        color:#e60012 !important;
    }
    .p8-title{
        width:92.4%;
        margin-bottom:4vw;
    }
}
/* @media(max-width:640px){
.con3-box-slide {
    height: 211px;
}
.con3-box-slide-1 {
    height: 79vw;
}
}

@media (max-width:320px){	
 .fc{
		width: 20vw;
		height: 20vw;
		margin-top: -10vw;
	}
	.fc a span{
	position: absolute;
	color: #fff;
	font-size: 2.6vw;
	top: 13vw;
	left: 3vw;
	z-index: 11111111;
	font-weight: 600;
	display: inline-block;
}
} */