/* 页面开始 */

.viewport{

	margin: 0 auto;

    background: #FFF;

    position: relative;

}

.mobile{

	width: 100%;
}

.header{

	width:100%;

	height:6.25rem;

	background:url(../image/hd-bg.png)no-repeat center center;

	-webkit-background-size: 100%;

	background-size: 100%;

	overflow: hidden;

}

.logo{

	display: block;

	width:24.95rem;

	height:2.7rem;

	margin:1.7rem auto 0;

	background:url(../image/logo.png)no-repeat center center;

	-webkit-background-size: 100%;

	background-size: 100%;

}

.nav{

	height:5rem;

	background: #1a1a1a;
	font-size:0;
}

.nav ul{

	width:95%;

	margin:0 auto;
	font-size:0;

}

.nav ul li{

	float: left;

	margin:1.5rem 1.3rem 0;

	text-align: center;

}

.nav ul li h2{

	line-height: 1.1rem;

	color:#ffffff;

}

.nav ul li p{

	margin-top:0.2rem;

	line-height: 0.8rem;

	color:#818181;

}

.nav ul li:hover h2{

	color:#ea4444;

}

.nav ul li:hover p{

	color:#d84040;

}

.nav ul li.on h2{

	color:#ea4444;

}

.nav ul li.on p{

	color:#d84040;

}

.swiper-container .swiper-slide img{

	width:100%;

}

.swiper-container .swiper-pagination-bullet {

    width: 6px;

    height: 6px;

    display: inline-block;

    border-radius: 50%;

    background: #fff;

    opacity: 1;

    margin:0 0.6rem!important;

}

.swiper-container .swiper-pagination-bullet-active {

    opacity: 1;

    background: #ea4444;

}

.swiper-container-horizontal>.swiper-pagination-bullets{

	bottom:1.2rem!important;

    left: 0;

    width: 100%;

}

.qw{

	height:6.25rem;

	background:#efefef url(../image/q0.png)no-repeat center center;

	-webkit-background-size: 52%;

	background-size: 52%;

}

.main .ha{

	display: block;

	text-align: center;

}

.main .ha h2{

	line-height: 1.8rem;

	color:#1a1a1a;

	margin-bottom:0.3rem;

}

.main .ha .lv{

	display: block;

	width:1.25rem;

	height:0.2rem;

	margin:0 auto 1.3rem;

	background: #197543;

}

.main .ha p{

	color:#222222;

	line-height: 1rem;

	font-size:0.9rem;

	font-family:"Segoe UI";

}

.main .ha .red{

	display: block;

	width:1.25rem;

	height:0.2rem;

	margin:0.8rem auto 1rem;

	background: #ea4444;

}

.main .ha i.b{

	display: block;

	width:4rem;

	height:1.7rem;

	margin:0 auto;

	background:url(../image/q1.png)no-repeat center center;

	-webkit-background-size:100% 100%;

	background-size:100% 100%;

}

.main.kp ul{

	width:95%;

	margin:0 auto;

}

.main.kp ul li{

	float: left;

	width:32%;

	text-align: center;

	background: #f2f2f2;

	margin-bottom: 1.4rem;

}

.main.kp ul li:nth-child(2),

.main.kp ul li:nth-child(5),

.main.kp ul li:nth-child(8),

.main.kp ul li:nth-child(11),

.main.kp ul li:nth-child(14),

.main.kp ul li:nth-child(17),

.main.kp ul li:nth-child(20),

.main.kp ul li:nth-child(23){

	margin:0 2%;

}

.main.kp ul li img{

	width:100%;

}

.main.kp ul li .gv{

	display: block;

	width:3.8rem;

	height:0.9rem;

	margin:1.1rem auto 0.8rem;

	background:url(../image/q2.png)no-repeat center center;

	-webkit-background-size:100% 100%;

	background-size:100% 100%;

}

.main.kp ul li h2{

	color:#161415;

	line-height: 1rem;

}

.main.kp ul li .heng{

	display: block;

	width:1.7rem;

	height:1px;

	background: #b3b3b3;

	margin:0.8rem auto;

}

.main.kp ul li h3{

	color:#808080;

	font-weight: normal;

	line-height: 0.9rem;

	margin-bottom: 1.2rem;

}

a.more{

	display: block;

	margin:0 auto;

	width:11.25rem;

	height:1.8rem;

	border:1px solid #b3b3b3;

	line-height: 1.8rem;

	font-size:0.9rem;

	text-align: center;

}

a.more:hover{

	color:#fff;

	background: #ea4444;

	border:1px solid #ea4444;

}

.main.lx ul{

	width:95%;

	margin:0 auto;

}

.main.lx ul li{

	float: left;

	width:24%;

	margin:0 0.5%;

	text-align: center;

	margin-bottom: 1rem;

}

.main.lx ul li img{

	width:90%;

	border:0.25rem solid #eb5050;

	border-radius:50%;

	box-shadow: 0px 0.2rem 0.7rem 0px #aaa;

}

.main.lx ul li h2{

	color:#000000;

	line-height: 1rem;

}

.main.lx ul li p{

	color:#808080;

	line-height: 0.6rem;

	margin:0.3rem auto 1rem;

}

.ppm{

	width:95%;

	margin:0 auto;

}

.ppm>div a{

	display: block;

	width:100%;

	position: relative;

	margin-top: 0.5rem;

}

.ppm>div a img{

	width:100%;

}

.ppm>div a i{

	display:block;

	width:100%;

	height:100%;

	position: absolute;

	top:0;

	left:0;

}

.ppm>div:nth-child(1){

	width:100%;

}

.ppm>div:nth-child(2){

	width:45%;

	float: left;

	height:45.5rem;

	overflow: hidden;

}

.ppm>div:nth-child(3){

	width:54%;

	float: right;

	height:45.5rem;

	overflow: hidden;

}

.ppm>div:nth-child(1) i{

	background:url(../image/q10.png)no-repeat center 12%;

	-webkit-background-size:37%;

	background-size:37%;

}

.ppm>div:nth-child(2) a:nth-child(1) i{

	background:url(../image/q11.png)no-repeat center 17%;

	-webkit-background-size:76%;

	background-size:76%;

}

.ppm>div:nth-child(2) a:nth-child(2) i{

	background:url(../image/q12.png)no-repeat center 20%;

	-webkit-background-size:80%;

	background-size:80%;

}

.ppm>div:nth-child(3) a:nth-child(1) i{

	background:url(../image/q13.png)no-repeat center center;

	-webkit-background-size:50%;

	background-size:50%;

}

.ppm>div:nth-child(3) a:nth-child(2) i{

	background:url(../image/q14.png)no-repeat center 16%;

	-webkit-background-size:78%;

	background-size:78%;

}

.ppm>div:nth-child(3) a:nth-child(3) i{

	background:url(../image/q15.png)no-repeat center center;

	-webkit-background-size:50%;

	background-size:50%;

}

.zskh{

	height:10rem;

	overflow: hidden;

	text-align: center;

}

.zskh p.fs12{

	margin: 3.5rem 0 0.6rem;

	color:#b3b3b3;

}

.zskh h2{

	line-height: 1.5rem;

	color:#b3b3b3;

}

.foot{

	padding-top: 1px;

	background: #1a1a1a;

	position: relative;

	text-align: center;

}

a.home{

	display: block;

	width:3.8rem;

	height:3.8rem;

	position: absolute;

	left:50%;

	top:0;

	margin-top: -1.9rem;

	margin-left: -1.9rem;

	background:url(../image/q16.png)no-repeat center center;

	-webkit-background-size:100% 100%;

	background-size:100% 100%;

}

.foot p,.foot a{

	color:#b3b3b3;

}

.rxdh{

	display: inline-block;

	margin-bottom: 0.5rem;

}

.rxdh i{

	display: block;

	width:1.1rem;

	height:1.15rem;

	float: left;

	background:url(../image/q17.png)no-repeat center center;

	-webkit-background-size:100% 100%;

	background-size:100% 100%;

}

.rxdh p{

	line-height: 1rem;

	float: left;

}

.foot h2{

	font-size:3rem;

	line-height: 3rem;

	font-family: "Futura Md BT";

	margin-bottom: 0.5rem;

}

.foot .copy{

	border-top: 1px solid #4d4d4d;

}

.foot .copy p ,.foot .copy a{

	color:#808080;

}

.q18 {

	position:fixed;

	bottom:0;

	width:100%;

	height:5rem;

	max-width: 36rem;

	margin:0 auto;

	background:url(../image/q18.png)no-repeat center center;

	-webkit-background-size:100% 100%;

	background-size:100% 100%;

	z-index: 999;

}

.q18 a{

	display: inline-block;

	float: left;

	width:33.33%;

	height:100%;

}

.mpage{

	text-align: center;

}

.mpage ul li{

	display: inline-block;

	width:7rem;

	height:1.8rem;

	border: 1px solid #b3b3b3;

	display: none;

	margin:0 0.8rem;

}

.mpage ul li a{

	font-size: 0.9rem;

	color:#808080;

	line-height:1.8rem;

}

.mpage ul li:hover{

	background: #ea4444;

	border:1px solid #ea4444;

}

.mpage ul li:hover a{

	color:#fff;

}

.mpage ul li.pnext, .mpage ul li.ppre{

	display:inline-block;

}

.kpm{

	width:100%;

	background: #f2f2f2;

}

.kpm img{

	width:100%;

}

.kpm .kpb i{

	display: block;

	width: 3.8rem;

    height: 0.9rem;

    margin: 1.3rem 0 0.6rem 2rem;

    background: url(../image/q2.png)no-repeat center center;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.kpm .kpb h2{

	float: left;

	margin-left: 2rem;

	line-height: 1rem;

	color:#161415;

	margin-bottom: 0.6rem;

}

.kpm .kpb p{

	float: right;

	margin-right: 2rem;

	color:#808080;

	line-height: 1rem;

	margin-bottom: 0.6rem;

}

.content{

	width:100%;

	font-size: 1rem;

	text-align: center;

}

.content img{

	width:100%;

}

.fanye{

	width:27.3rem;

	height:3.1rem;

	background: url(../image/q19.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

	margin:0 auto;

}

.fanye a{

	display: inline-block;

	width:50%;

	height:100%;
	float: left;
}

.xnav{

    text-align: center;

    background: #1a1a1a;
	font-size: 0;
}

.xnav li{

    display: inline-block;

    width:24.33%;

    font-size:1.3rem;

    height:4.4rem;

    line-height: 4.4rem;

    color:#fff;

    transition: all 250ms ease;

    position: relative;

    z-index: 2;

    border-top: 1px solid #333333;

    border-right:1px solid #333333;

}

.xnav li:nth-child(4),.xnav li:nth-child(8){

	border-right:none;

}

.xnav li a{

	color:#fff;

}

.xnav li.on a{

	color:#9a3131;

	font-weight: bold;

}

.z{

	text-align: center;

}

.z i{

	display: block;

	margin:0 auto;

}

.z .s{

	width:1.8rem;

	height:0.55rem;

	background: url(../image/q20.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.z .f{

	width:2.8rem;

	height:1.15rem;

	background: url(../image/q21.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.z p{

	color:#333333;

	line-height: 1rem;

	margin:0.6rem auto;

}

.vinav{

	text-align: center;

}

.vinav a{

	width:7.3rem;

	height:2.2rem;

	border:1px solid #ea4444;

	color:#808080;

	line-height: 2.5rem;

	text-align: center;

	margin:0 1rem;

	font-size: 1rem;

	display: inline-block;

}

.vinav a.on{

	background: #ea4444;

	color:#fff;

}

.main.video ul{

	width:95%;

	margin:0 auto;

}

.main.video ul li{

	position: relative;

}

.main.video ul li i{

	display: block;

	width:100%;

	height:100%;

	position: absolute;

	background: url(../image/q23.png)no-repeat center center;

	-webkit-background-size: 14%;

	background-size: 14%;

	top:0;

	left:0;

}

.main.video ul li img{

	width:100%;

}

.main.video ul li .vit{

	width:7.8rem;

	height:1.85rem;

	position: absolute;

	top:1.5rem;

	right:1.5rem;

	background: url(../image/q22.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.main.video ul li p.fs20{

	position: absolute;

	top:80%;

	left:5%;

	color:#fff;

}

.main.video ul li p.fs12{

	position: absolute;

	top:87%;

	left:5%;

	color:#fff;

}

.zbg{

	display: block;

	height:6rem;

	width:100%;

	background: url(../image/q24.png)no-repeat center center;

	-webkit-background-size: 68%;

	background-size: 68%;

}

.vidm {

	width:95%;

	margin:0 auto;

}

.vib {

	padding-top: 1.3rem;



}

.vib p{

	float: left;

	font-size:1.3rem;

	line-height: 1.3rem;

	color:#4b4b4b;

}

.vib i{

	display: block;

	float: left;

}

.vib i:nth-child(2){

	width:5.7rem;

	height:1.3rem;

	margin-left:0.3rem;

	background: url(../image/q25.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.vib i:nth-child(3){

	width: 3.8rem;

	height: 0.9rem;

	float: right;

	background: url(../image/q2.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.main.hd{

	width:100%;

}

.main.hd ul{

	width:100%;

}

.main.hd ul li{

	width:100%;

	background: #f2f2f2;

	margin-bottom: 1.8rem;

	padding-bottom:1.5rem;

}

.main.hd ul li img{

	width:100%;

}

.main.hd ul li .r-l{

	float: left;

	margin-left:1.7rem;

}

.main.hd ul li .r-l p.fs40{

	font-size:1.2rem;

	line-height: 1.2rem;

	color:#1a1a1a;

}

.main.hd ul li .r-l p.fs16{

	margin-top: 0.4rem;

	font-size:0.6rem;

	color:#999999;

}

.main.hd ul li .r-r{

	width: 3.8rem;

	height: 0.9rem;

	float: right;

	margin:0.8rem 1.4rem 0 0;

	background: url(../image/q2.png)no-repeat center center;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.con-top{

	height:4.6rem;

	overflow: hidden;

	background: #f2f2f2;

	text-align: center;

}

.con-top p.fs30{

	margin: 1.3rem auto 0.4rem;

	font-size:1.2rem;

	color:#1a1a1a;

	line-height: 1.2rem;

}

.con-top p.fs12{

	color:#b2b2b2;

	line-height: 0.6rem;

}

.main.hd .content{

	font-size:0.8rem;

	color:#222;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {.con-top p.fs12{-webkit-transform:scale(0.9)} }

ul, ol {
	list-style-type: none; /* 移除默认标记 */
	padding-left: 0;      /* 可选：移除缩进 */
}

/* 或者直接重置 ::marker */
li::marker {
	content: none;
}