*,
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s,input{
    margin:0;
    padding:0;
    border:0;
}
html{
    font-size: 10px;
}
ul,ol{list-style:none}
a img{border:none;}

a{
    text-decoration: none;
}
.mt-34{
    margin-top: 3.4rem;
}

#hidden_box{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.footerICP-a{
    color: #fff;
}
  
.navBox{
    z-index: 400;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.49rem;
    background: url("../img/navNo.png") no-repeat;
    background-size: cover;
}

.navLog{
        width: 0.64rem;
        height: 0.37rem;
        margin-left: 0.22rem;
        margin-top: 0.06rem;
        float: left;
}

.navLog>img{
    /*/width: 100%;*/
    height: 100%;
    display: block;
}

/**首屏**/
.banner{
	width:100%;
	position:relative;
	margin-top:50px;
	float:left
}

.banner img{ width:100%; float:left}

.banner .tit{
	width:180px;
	height:50px;
	background:url(../img/nav_bg.png) no-repeat;
	background-size:100% 100%;
	text-align:center;
	line-height:50px;
	font-size:24px;
	letter-spacing:10px;
	padding-left:10px;
	position:absolute;
	top:70px;
	left:50%;
	margin-left:-90px;
	color:#fff;
}
.banner .titen{
	position:absolute;
	top:130px;
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
	letter-spacing:10px;
	padding-left:10px;
	font-size:14px;
	text-transform: uppercase;
}

.about_1{
	width:100%;
	position:relative;
	float:left
}
.about_1_img{ width:95%;float:left;margin-left:2.5%;margin-top:50px;margin-bottom:50px;}

.about_2_img{
	position:absolute;left:20px;top:40px;height:50px;
}

.about_2{
	width:100%;
	background-size:100% 100%;
}
.m1{
	position:absolute;top:50px; left:10%;width:80%;
}

.m{
	width:80%;margin-left:10%}
	
.about_tit{
	font-size:30px;
	color:#90060d;
	font-family:"楷体";
	font-weight:bold;
}

.about_txt{
	width:100%;
	font-size:13px;
	line-height:2em;
	margin-top:10px;
}

.about_txt h1{ font-size:20px;}



.about_ban{
	width:100%;
	float:left;
	text-align:center;
	background:#000
}

.about_ban img{
	widht:100% !important;
}

.foot{width:90%;margin-left:5%;}

.footen{
	text-align:center;
	color:#90060d;
	letter-spacing:2px;
	font-size:12px;
	text-transform: uppercase;
	margin-top:30px;
	width:100%;
	float:left;
	margin-bottom:10px;
}

.footen img{
	widht:100% !important;
	margin-top:10px;
}


.foots{
	width:100%;
	float:left;
	height:60px;
	background:url(../img/foot_bg.jpg) no-repeat center top;
	background-size:100% auto;
	text-align:center;
	line-height:1.5em;
	color:#90060d;
	font-size:14px;
	margin-top:30px;
	padding-top:80px;
}

.foots a{color:#90060d;}


.about{
	width:80%;
	margin-left:10%;
	margin-top:30px;
	position:relative;
	float:left;
}

.aboutL{
	width:100%;
	padding-bottom:20px;
	text-align:center
}

.aboutL img{
	width:100%;
}

.aboutL p {
	color:#90060d;
	font-size:24px;
	text-align:center
	letter-spacing:10px;
}

.aboutR{
	width:100%;
	font-size:16px;
	line-height:2em;
}

.zj{
	width:80%;
	margin-left:10%;
	margin-top:30px;
	position:relative;
	float:left
}

.zj #zj_tit{ width:100%}

.imgzj{
	position:relative;
}

.imgzj img{
    width:100%;
	margin-top:30px;
}

.tagline{
    width: 100%;
    position: relative;
	float:left
}

.tagline-left{
	width:100%;
    margin-top: 20px;
    position: relative;
}

.tagline-left>img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 1s;
    -o-transition:all 1s ;
    -webkit-transition:all 1s ;
    cursor: pointer;
}

.tagline-left>img:hover{
    transform: scale(1.2);
    -ms-transform:scale(1.2) ;
    -moz-transform:scale(1.2) ;
    -webkit-transform:scale(1.2) ;
}

.tagline-right{
    width:100%;
    position: relative;
}

.tagline-right-top{
    width: 100%;
    position: relative;
	float:left;
	margin:30px 0;
	text-align:center
}
.tagline-right-top-content{
    margin-top: 10px;
    transform: translateX(0);
    opacity: 1;
    transition: all 1s;
    -o-transition:all 1s ;
    -webkit-transition:all 1s ;
}
.tagline-right-top-content>p{
    color: #000;
    font-family:SYSTCN;
    font-weight: bold;
    font-size: 14px;
}

.tagline-right-top-title{
    font-family: SYSTCN;
    color: #90060d;
    font-weight: bold;
    font-size: 24px;
}


.tagline-right-top-con-2{
    width:100%;
    position: absolute;
    top: 10.6rem;
    transform:translateX(76rem);
    opacity: 0;
    transition: all 1s;
    -o-transition:all 1s ;
    -webkit-transition:all 1s ;
}

.tagline-right-top-con-2-p1{
    z-index: 200;
    position: absolute;
    top: 0;
    left: 1.3rem;
    font-family: SYSTCN;
    color: #000000;
    font-weight: bold;
    font-size:2.8rem;
}

.tagline-right-top-con-2-p2{
    z-index: 200;
    position: absolute;
    bottom: 0;
    left: 1.3rem;
    font-family: SYSTCN;
    color: #000000;
    font-weight: bold;
    font-size:2.8rem;
}

.wjx{
    z-index: 100;
    position: absolute;
    top: 1.7rem;
    left: 0;
    width:10.4rem;
    height:auto;
}

.wjx>img{
    width: 100%;
    height: auto;
    display: block;
}

.tagline-right-top-KOUHAO{
    position: absolute;
    top: 3rem;
    left: 0.6rem;
    width:60.2rem;
    height: auto;
    opacity: 1;
    transition: all 1s;
    -o-transition:all 1s ;
    -webkit-transition:all 1s ;
}


.tagline-right-top-yuanjing{
    position: absolute;
    top: 3rem;
    left: 90.6rem;
    width:71rem;
    height: auto;
    opacity: 0;
    transition: all 1s;
    -o-transition:all 1s ;
    -webkit-transition:all 1s ;

}

.tagline-right-top-KOUHAO>img,.tagline-right-top-yuanjing>img{
    width: 100%;
    height: auto;
    display: block;
}

.tagline-right-bottom{
    width:100%;
    margin-left:0;
}

.tagline-right-bottom-line{
    width:100%;
    height: auto;
	border-bottom:2px dashed #ddd;
}

.tagline-right-bottom-line>img{
    width: 100%;
    display: block;
}

.tagline-right-bottom-box{
    width:23.1rem;
    height:13.1rem ;
    display: flex;
    margin-top:20px;
}

.tagline-right-wmth{
    width:30%;
    margin-right: 0;
}

.tagline-right-number{
    width: 13.6rem;
    height:3.9rem;

    display: flex;
}

.tagline-right-numberBox{
    width: 6rem;
    height: 100%;

    margin: 0 1.8rem;
}

.tagline-right-number-nextBtn{
    width: 2rem;
    height: auto;
    cursor: pointer;
}

.tagline-right-number-preBtn{
    width: 2rem;
    height: auto;
    cursor: pointer;
}

.tagline-right-number-preBtn>img,.tagline-right-number-nextBtn>img{
    width: 100%;
    height: 100%;
    display: block;
}

.tagline-right-number-cur{
    color: #000000;
    font-size: 3rem;
    line-height:3.9rem ;
    font-family: "等线";
}

.tagline-right-number-sum{
    color: #000000;
    font-size: 1.6rem;
    line-height:3.9rem ;
    font-family: "等线";
}

.zp{
	width:100%;
	position:relative;
	background:url(../img/zp_left.jpg) repeat-y left top;
	float:left
}

.zpr{
	width:100%;
	position:relative;
	background:url(../img/zp_right.jpg) repeat-y right top;
	float:left
}


#zp_tit{
	width:80%;
	margin-left:10%;
	margin-top:20px;
}


.zplist{
	width:80%;
	margin-left:10%;
	margin-top:20px;
	float:left
}
.zplist .Dleft{
	width:20%;
}
.zplist.left .Dleft{
	float:left;
	width:20%;
}
.zplist.right .Dleft{
	float:right;
	width:20%;
}
.zplist .zplistD{
	width:70%;
	position:relative;
}
.zplist.left .zplistD{
	float:right;
}
.zplist.right .zplistD{
	float:left;
}

.zplist .zplistD img{
	width:100%;
}


.zplist.left .zplistD .tits{
	position:absolute;
	right:0;
	bottom:10px;
	height:40px;
	line-height:40px;
	background:url(../img/zpright_txt.png) no-repeat left;
	background-size:auto 40px;
	padding-left:30px;
	padding-right:10px;
	color:#fff;
	font-size:14px;
}

.zplist.right .zplistD .tits{
	position:absolute;
	left:0;
	bottom:10px;
	height:40px;
	line-height:40px;
	background:url(../img/zpleft_txt.png) no-repeat right;
	background-size:auto 40px;
	padding-right:30px;
	padding-left:10px;
	color:#fff;
	font-size:14px;
}

.md{
	width:80%;
	margin-left:10%;
	margin-top:30px;
}

.md img{max-width:100%}

.md_img{margin:30px 0;width:100%;float:left}

.md_img .left{float:left;width:30%}
.md_img .right{float:right;width:60%}

.join{
	width:90%;
	margin-left:5%;
	margin-top:30px;
	position:relative
}
.join img{max-width:100%}
.join .join_img{
	width:80%;
	position:absolute;
	top:50px;
	left:10%;
}


.hzM{
	width:90%;
	position:absolute;
	top:20px;
	left:5%;
}
.hzM .title{width:100%;float:left;margin-top:20px;}

.hzM .title img{
	width:20%;
	min-width:50px;
	max-width:100px;
}

.hzM .title h4 { 
	font-size:24px; color:#000;
	background:url(../img/hz_h4.png) no-repeat left;
	background-size:11px 100%;
	height:40px;
	line-height:40px;
	padding-left:20px;margin-top:10px;
}

.hzM p{ font-size:14px; color:#90060d; line-height:1.5em;margin-top:0px;width:90%;float:left; margin-left:20px;}

.hzM p img{max-width:100%}



.ys{
	width:100%;
	margin-top:30px;
	position:relative
}
.ys img{max-width:100%}

.ysM{
	width:80%;
	position:absolute;
	top:30px;
	left:10%;
	text-align:center
}

.ysM .ys_tit{
	width:30%;
	min-width:200px;
	max-width:500px;
}

.ysM .ys_img{
	margin-top:40px;
}
.navBtnBox{
    float: right;
    margin-right: 0.18rem;
    margin-top: 0.13rem;
    width:0.25rem;
    height: auto;
}

.navBtnBox>img{
    width: 100%;
    height: 100%;
    display: block;
}
.barSwitch-content-list{ font-size:18px;}

.barSwitch-content-list .ha{ width:150px; height:50px; background:url(../img/nav_bg.png) no-repeat; background-size:100% 100%; display:block;line-height:50px; text-align:center;color:#fff;}