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;
}

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);
}

.container{
    width:100%;
    height:100%;
    /*position:relative;*/
	margin-top: 55px;
}
.content{
    width:100%;
    background:#f6f6f6;
}
.content-1{
    width:100%;
    background:#f2f2f2;
}
.w-1200{
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}
.con-1,.con-2{
  width:100%;
  margin:0 auto;
}
.tit{
    width:100%;
    position:relative;
}
/*第五屏开始*/
.con-5{
    width:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    padding: 50px 0;
}
.con5-ul{
    width:100%;
    overflow:hidden;
    padding-top: 50px;
}
.con5-ul li{
    width:24.8%;
    float:left;
    margin-left:0.2%;
    position:relative;
    cursor:pointer;
}
.con5-ul li:first-child{
    margin-left:0;
}
.con5-img{
    width:100%;
}
.con5-img img{
    width:100%;
}
/*.con5-tit{
    position:absolute;
    top:14%;
    left:10%;
    font-size:24px;
    color:#333;
    width:80%;
    text-align:center;
}*/
.con5-tit{
    position:absolute;
    bottom:8%;
    left:8%;
    font-size:22px;
    color:#fff;
    border-left: 3px solid #e60000;
    	padding-left: 16px;
}
.con-5-tit{
	bottom: 5%;
}
.con5-txt{
    position:absolute;
    top:73%;
    left:8%;
    font-size:16px;
    line-height:24px;
    color:#fff;
    width:82%;
}
.con5-btn{
    width:9.5%;
    position:absolute;
    top:86%;
    right:6.5%;
}
.con5-btn img{
    width:100%;
}
.con5-shadow{
    background:rgba(0, 0, 0, 0.7);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    display:none;
}
.con5-shadow.active{
    display:block;
}
.con5-btn.active{
    display:none;
}
.con5-ul li:hover .con5-txt{
    display: none;
}
.con5-ul li:hover .con5-tit{
    display: none;
}
/*.con5-ul .active{
    display: none;
}*/
.shadow-txt{
    width:82%;
    margin:0 auto;
    color:#fff;
    font-size:16px;
    line-height:1.7em;
    margin-top:37%;
}
.shadow-txt-1{
    margin-top:42%;
}
.shadow-txt-2{
    margin-top:42%;
}
.shadow-txt-3{
    margin-top:9%;
}
/*第五屏结束*/
.con2-btn{
    width:13%;
    margin:0 auto;
}
.con2-btn a{
    width:100%;
    margin-top:5%;
    border:1px solid #e60012;
    cursor: pointer;
    overflow:hidden;
    padding:4% 0;
    color:#e60012;
    display:block;
}
.btn-txt{
    font-size:20px;
    float:left;
    margin-left:15%;
}
.btn-img{
    width:10.5%;
    float:right;
    margin-right:20%;
    margin-top:3%;
}
.con2-btn a:hover{
     border:1px solid #e60012;
     color:#fff;
     background:#e60012;
}
.pc-szh-4{
	top: 52px;
	margin-left: -78px;
}
.pc-bg4{
	width: 208px;
}
.bg-m04{
	padding-top: 50px;
	background: #fff;
}
.btn-next{
	width: 168px;
}
@media (max-width:1024px) {
	.w-1200{
		width: 900px;
	}
	.con5-tit{
		font-size: 18px;
	}
	.shadow-txt{
		font-size: 12px;
		line-height: 1.6em;
	}
}
@media (max-width:768px) {
	.w-1200{
		width: 100%;
	}
	.mcon2 .pc-bg3{
		width: 50%;
	}
	.mcon2 .pc-bg3{
		width: 66%;
	}
	.mcon2 .pc-szh-3{
		margin-left: -28%;
	}
	.bg-m04 .btn-next{
		width: 33%;
	}
	.col-xs-12 li{
		width: 33.3%;
		float: left;
	}
	.con2-img img{
		width: 90%;
		margin: 0 auto;
	}
	.con2-txt{
		font-size: 3.2vw;
	}
	.mcon1,.mcon2{
		padding: 5vw 0;
	}
	.mcon2 .pc-szh-3{
		top: 6vw;
	}
	.mcon1 .pc-szh{
		top: 6vw;
	}
	.con1-img{
		padding-top: 5vw;
	}
	.bg-m04{
		padding: 5vw 0;
	}
	.mp-p{
		height: 54vw;
	}
	.mp-txt{
		top: 37%;
		border-left: 4px solid #E40000;
		color: #fff;
		/*width: 100%;*/
		/*text-align: center;*/
		left: 5%;
		padding-left: 15px;
	}
	.pc-bg4{
		width: 30%;
	}
	.pc-szh-4{
		margin-left: -9.5%;
		top: 30%;
	}
	.con-5{
		padding: 5vw 0;
	}
	.mp-view-5{
		margin-top: 0;
	}
}