* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
	    @font-face {
        font-family: PINGFANG BOLD;
        src:url('../pingfang%20bold.html'),  
    }
	html,body {
	        width: 100%;
	        height: 100%;
			margin:auto;
			max-width:1920px;
	    }
#box{
	 overflow: hidden;
	 position: relative;
	 min-height: 100%;
}
/* 导航栏 */
.navbar {
	margin: 0;
}
.container-fluid{
	position: relative;
	padding-bottom: 2%;
	background-color: #FFFFFF;
}
.navbar-brand>img{
	display: block;
	width: 100%;
	margin-left: 50%;
}
.navbar-nav{
	margin-top: 2%;
	margin-left: 18%;
	font-size: 16px;
}
.navbar-nav li a{
	font-weight: 700;
}
.navbar-default .navbar-nav > li > a{
	color: #131313;
	font-family: PingFang-SC-Bold;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 1px;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	color: #5c9ba4;
}
.input-group{
	margin-top: 2.5%;
	width: 15%;
}
.form-control{
	border: 0px;
}
.input-group-addon{
	border: 0px;
	background-color: #FFFFFF;
	padding: 0px;
}
.input-group-addon img{
	width: 30px;
	cursor: pointer;
}
#btn{
	display: inline-block;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding-left: 0;
	padding-right: 0;
	background-color: #fff;
	margin-top: 3%;
}
#btn img{
	width: 20%;
}
.dropdown-menu{
	border: 0px;
	position: absolute;
	width: 40%;
	margin-top: -2%;
	margin-left: 28%;
	box-shadow: 0 0;
}
#ipt{
	position: absolute;
	width: 36%;
	left: 31%;
	top: 34%;
	height: 50px;
	border: 1px solid;
	border-radius: 30px;
	padding-left: 2%;
	font-size: 16px;
	letter-spacing: 2px;
	display: none;
}
#gb{
    margin-left: -45px;
	z-index: 3;
	opacity: 0.5;
	width: 24px;
	position: absolute;
	right: -20px;
	margin-top: 73px;
	cursor: pointer;
}
/* 第二块(轮播图) */
.carousel-inner {
	max-height: 690px;
}
.item img{
	height: 700px;
	width: 100%;
}
/* 第三块 */
.kuai3{
	width: 95%;
	max-height: 800px;
	/* height: 600px; */
	margin: 50px auto;
	font-size: 0px;
	display:flex;
}
.picleft{
	height: 100%;
	width: 25%;
	background-color: #ebe7de;
	border-radius: 10px 0 0 10px;
}
.piccenter{
	/* height: 100%; */
	width: 50%;
	background-color: #e8eaef;
	font-family: PingFang-SC-Medium;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
}
.picrigth{
	height: 100%;
	width: 25%;
	background-color: #e4e7e0;
	border-radius: 0 10px 10px 0;
}
.fontedge{
	width: 100%;
	text-align: center;
}
.fontedge h3{
	font-weight: 700;
	margin-top: 77px;
}
.jiage{
	display: inline-block;
	font-weight: 700;
}
.fontedge h5{
	display: inline-block;
	letter-spacing:2px
}
.label.label-default{
	float: left;
	margin: 1%;
	background-color: #ebe7de;
	color: #73716c;
	font-size: 14px;
	letter-spacing: 2px;
	border: 1px solid #73716c;
	border-radius: 10px;
	font-weight: 300;
}
.label.label-default2{
	float: left;
	margin: 1%;
	background-color: #e4e7e0;
	color: #73716c;
	font-size: 14px;
	letter-spacing: 2px;
	border: 1px solid #73716c;
	border-radius: 10px;
	font-weight: 300;
}
.sanpic{
	margin: auto;
	display: table;
	margin-top: 40px;
}
.picleft a{
	margin: auto;
	display: block;
	width: 30%;
	height: 30px;
	background-color: #000000;
	margin-top: 10%;
	margin-bottom: 15%;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.picleft a:hover{
	text-decoration: none;
}
.picrigth a{
	margin: auto;
	display: block;
	width: 30%;
	height: 30px;
	background-color: #000000;
	margin-top: 10%;
	margin-bottom: 15%;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.picrigth a:hover{
	text-decoration: none;
}
.piccenter h2{
	text-align: center;
	font-weight: 700;
	color: #000000;
	margin-top: 5.3%;
	font-size: 30px;
}
.sanpic{
	width: 60%;
	height: 360px;
}
.ctentlabel{
	float: left;
	margin: 1%;
	background-color: #e7e9ee;
	color: #3d3b67;
	font-size: 24px;
	letter-spacing: 6px;
	border: 1px solid #9999b0;
	border-radius: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 3%;
}
.pic2{
	width: 100%;
	/* height: 100%; */
	margin: auto;
	display: block;
	margin-bottom: -13%;
	z-index: 1;
	position: relative;
}
.tai{
	margin-left: 16%;
	margin-bottom: 5%;
	width: 70%;
}

/* 第四块（四块轮播） */
.kuai4{
	background-image: url(../jpg/lnbj.jpg);.cpyi img
	width: 100%;
	/* max-height: 800px; */
	/* height: 600px; */
	margin: 50px auto;
	font-size: 0px;
	margin-top: 0px;
}
.lbleft{
	height: 100%;
	width: 30%;
	/* background-color: #ebe7de; */
	display: inline-block;
}
.lbcenter{
	height: 752px;
	width: 40%;
	/* background-color: #e8eaef; */
	display: inline-block;
}
.lbright{
	height: 100%;
	width: 30%;
	/* background-color: #e4e7e0; */
	display: inline-block;
}
.lbleft h3{
	text-align: center;
	font-weight: 500;
	color: #000000;
}
.lbleft img{
	width: 30%;
	margin: auto;
	display: block;
	margin-top: 5%;
}
.lbleft p{
	font-size: 15px;
	text-align: center;
	font-weight: 500;
	margin-top: 5%;
	color: #000000;
}
.lbleft a{
	margin: auto;
	display: block;
	width: 40%;
	height: 50px;
	background-color: #9c97c9;
	margin-top: 10%;
	margin-bottom: 40%;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	padding-top: 2%;
	cursor: pointer;
}
.lbleft a:hover{
	text-decoration: none;
}
.lbright h3{
	text-align: center;
	margin-top: 10%;
	font-weight: 500;
}
.lbright img{
	width: 30%;
	margin: auto;
	display: block;
	margin-top: 5%;
}
.lbright p{
	font-size: 15px;
	text-align: center;
	font-weight: 500;
	margin-top: 5%;
	color: #000000;
}
.lbright a{
	margin: auto;
	display: block;
	width: 40%;
	height: 50px;
	background-color: #9c97c9;
	margin-top: 10%;
	margin-bottom: 40%;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	padding-top: 2%;
	cursor: pointer;
}
.lbright a:hover{
	text-decoration: none;
}
/* 第五块(一张图) */
.kuai5{
	width: 100%;
}
/* 第六块 */
.kuai6{
	width: 1800px;
	max-height: 860px;
	/* height: 600px; */
	margin: 100px auto;
	font-size: 0px;
}
.kuai6 h1{
	text-align: center;
	letter-spacing:8px;
	margin-bottom: 2%;
	font-size: 35px;
	font-weight: 300;
}
.leftkuai6{
	display: inline-block;
	background: url(../jpg/bjleft.jpg) no-repeat center;
	width: 33%;
	height: 820px;
	border-radius: 10px 0 0 10px;
}
.leftkuai6 img{
	width: 35%;
	height: 600px;
	margin-top: 27%;
	margin: auto;
	display: flex;
	margin-top: 23%;
}
.rightkuai6{
	display: inline-block;
	background: url(../jpg/bjright.jpg)  no-repeat center;
	width: 33%;
	height: 820px;
	border-radius: 0 10px 10px 0;
}
.rightkuai6 img{
	width: 25%;
	margin-top: 15%;
	margin: auto;
	display: flex;
	margin-top: 25%;
	margin-bottom: 15%;
	height: 550px;
}
.centerkuai6{
	display: inline-block;
	background: url(../jpg/bjcenter.jpg) no-repeat center;
	width: 33%;
	height: 820px;
}
.centerkuai6 img{
	width: 90%;
	margin: auto;
	display: flex;
	margin-top: 300px;
}
/* 第七快(下方标签) */
.kuai7{
	width: 1700px;
	max-height: 200px;
	margin: 50px auto;
	font-size: 0px;
	margin-top: 6%;
}
.leftkuai7{
	display: inline-block;
	width: 33%;
	font-size: 20px;
}
.fontleft{
	text-align: center;
}
.fontleft h5{
	font-weight: 700;
	display: inline-block;
	font-size: 18px;
}
.fontleft h6{
	display: inline-block;
}
.biao{
	float: left;
	margin: 1%;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	letter-spacing:2px;
	border: 1px solid #000000;
	border-radius: 10px;
	padding: 3px;
	font-weight: 300;
}
.centerkuai7{
	display: inline-block;
	width: 33%;
	font-size: 20px;
}
.rightkuai7{
	display: inline-block;
	width: 33%;
	font-size: 20px;
}
.fontcenter{
	text-align: center;
}
.fontright{
	text-align: center;
}
.fontcenter h5{
	font-weight: 700;
	display: inline-block;
	font-size: 18px;
}
.fontcenter h6{
	display: inline-block;
}
.fontright h5{
	font-weight: 700;
	display: inline-block;
	font-size: 18px;
}
.fontright h6{
	display: inline-block;
}

/* 第八块 */
.kuai8{
	background-image: url(../jpg/bjkuai8.jpg);
	width: 100%;
	    padding-bottom: 10%;
		padding-top: 3%;
}
.kuai8 h2{
	text-align: center;
	letter-spacing:8px;
	margin-top: 1%;
	margin-bottom: 1%;
	font-size: 35px;
	font-weight: 500;
}
.kuai8 h5{
	
	margin-bottom: 3%;
	font-size: 22px;
}
.hezi{
	width: 95%;
	box-shadow: 2px 2px 32px 0px rgba(153, 160, 167, 0.35);
	background-color: #fff;
	margin: auto;
	display: flex;
}
.hezi img{
	width: 90%;
	margin: 8%;
}
.zuotu{
	display: inline-block;
	width: 70%;
	position: relative;
}
.youwen{
	display: inline-block;
	width: 30%;
}
.youwen h5{
	font-weight: 300;
	
	margin-top: 30%;
}
#videoID{
	width: 88%;
	margin: 6%;
}
.youwen h4{
	font-weight: 700;
	
	margin-top: 8%;
	font-size: 31px;
}
.youwen h3{
	margin-top: 2%;
}
.youwen a{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 18px;
	padding: 1%;
	
	cursor: pointer;
	    margin-top: 6%;
    display: block;
    width: 136px;
}
.youwen a:hover{
	text-decoration: none;
}
.xinwen{
	display: flex;
	width: 400px;
	margin-top: 6%;
	
}
.xinwen img{
	width: 50%;
	display: inline-block;
	margin: 0px;
	height:120px;
}
/* 第九块 */
.kuai9{
	width: 100%;
	background: url(../jpg/bjkuai9.jpg) no-repeat center;
	padding-top: 200px;
	padding-bottom: 200px;
	
}
.zhongxin{
	    /* width: 60%; */
		width:1080px;
	    box-shadow: 5px 5px 10px gray;
	    margin: auto;
	    background-color: #FFFFFF;
	    display: flex;
	    border-radius: 30px;
	    height: 680px;
		position: relative;
	    /* margin-left: 22%; */
}
.kaoyou{
	/* float: right; */
	width: 50%;
	margin-bottom: 5%;
}
.kaoyou h2{
	letter-spacing:2px;
	font-weight: 700;
	margin-left: 3%;
	font-size: 45px;
	margin-top: 60px;
}
.kaoyou h5{
	margin-left: 3%;
	font-size: 19px;
	font-weight: 300;
}
.kaoyou input{
	display: block;
	border-radius: 4px;
	padding: 3%;
	width: 70%;
	border: 0px;
	background-color: #f5f5f5;
	margin: 20px;
	font-size: 18px;
}
.kaoyou a{
	background-color: #87bdc4;
	border-radius: 30px;
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 11%;
	padding: 2%;
	padding-left: 20%;
	padding-right: 20%;
	letter-spacing: 5px;
	cursor: pointer;
}
.kaoyou a:hover{
	text-decoration: none;
}
.kaozuo{
	width: 50%;
	height: 340px;
}
.fudong{
	/* width: 30%; */
	width:530px;
	background-color: #fff;
	height: 570px;
	box-shadow: 5px 5px 10px darkgray;
	position: absolute;
	/* margin-top: -33%; */
	/* margin-left: 15%; */
	border-radius: 15px;
	bottom: 50px;
    left: -60px;
}
.fudong img{
	margin-left: 16%;
	margin-top: 32%;
	width: 70%;
}
/* 第十块 */
.kuai10{
	width: 100%;
}
.yihang{
	display: flex;
	margin: auto;
	margin-top: 3%;
}
.ziyi{
	text-align: center;
	display: inline-block;
	margin: 1%;
}
.tuyi{
	width: 10%;
	display: inline-block;
}
.erhang{
	display: flex;
}
.erhang h4{
	display: inline-block;
	margin: 2%;
}

/* 分类页 */
.sortkuai1{
	width: 100%;
}
.bjsort1{
	width: 100%;
}
.sortkuai2{
	width: 90%;
	display: flex;
	margin: auto;
	margin-top: 3%;
}
.sortleftkuai2{
	width: 10%;
	display: inline-block;
}
.panel{
	border: 0px;
}
.panel-title{
	color: #1b7783;
	font-weight: 700;
}
.panel-body{
	text-align: center;
	font-weight: 300;
	cursor: pointer;
	width:120px;
}
.panel-body a{
	color:#000;
	text-decoration: none;
}
.panel-body a:hover{
	text-decoration:none;
	color:#1b7783;
}
.sortrightkuai2{
	width: 100%;
	/* max-height: 800px; */
	display: inline-block;
}
.panel-body:hover{
	color: #1b7783;
}
.panel-default > .panel-heading{
	background-color: #FFFFFF;
}
.panel-heading:hover{
	color: #1b7783;
	text-decoration: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;
}
.cpyi{
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap
}
.cp1{
	width: 100%;
	display: inline-block;
	border: 1px solid #1b7783;
	margin: 3%;
	text-align: center;
}
.cp1 p{
	text-align: center;
	color: #1b7783;
	font-weight: 300;
	margin-top: 3%;
}
.cp1 span{
	font-size: 15px;
	font-weight: 300;
	color: #000000;
}
.cpyi img{
	width: 100%;
	margin: auto;
	display: flex;
	padding:4%
}
.cper{
	width: 100%;
	display: flex;
	/* margin-left: 10%; */
}
.cper img{
	width: 80%;
	margin: auto;
	display: flex;
	height: 400px;
}
.anniu{
	margin-top: 13%;
	margin-bottom: 10%;
}
.anniu a{
	border: 1px solid;
	padding: 2%;
	padding-left: 4%;
	padding-right: 4%;
	letter-spacing: 1px;
	border-radius: 2px;
	cursor: pointer;
}
.anniu a:hover{
	text-decoration: none;
}
.infokuai2{
	width: 100%;
	background-color: #f7f8fc;
	padding: 1%;
}
.infocard{
	width: 1200px;
	margin: auto;
	display: flex;
	background-color: #FFFFFF;
}
.leftinfokuai2{
	border-right: 1px solid #b9c1d6;
	height: 1200px;
}
.rightinfokuai2{
	width: 77%;
}
.rightinfokuai2 h3{
	text-align: center;
	color: #425286;
	margin-top: 8%;
	margin-bottom:50px;
}
.infolr{
	width: 100%;
	display: flex;
	padding-right: 10px;
    border-bottom: 1px solid #ebf1dd;
}
.lrpic{
	    width: 400px;
    margin-left: 30px;
    height: 280px;
    display: inline-flex;
}
.lrpic img{
	width: 100%;
	/* margin: 10%; */
	/* height: 300px; */
	/* margin: auto; */
	display: block;
	margin:auto;
}
.lrfont{
	width: 70%;
	margin:auto;
}
.lrfont h4{
	font-size: 20px;
margin-left: 40px;
color: #000;
}
.lrfont p{
	margin-left: 40px;
	font-weight: 300;
	font-family: "microsoft yahei";
	margin-top: 4%;
	color:#000;
	
}
.newlist a:hover{text-decoration:none;}

/* 轮播联动 */
.section_1{
	width: 100%;
	height: 350px;
	font-size: 15px;
	margin-top: -25%;
	top: -50px;
}
.section_2{
	width: 100%;
	height: 350px;
	font-size: 15px;
	top: -50px;
}
.swiper-slide{
	background-color: #f5f6f8;
	height: 355px;
}
.swiper-slide img{
	width: 40%;
	margin: auto;
	margin-top: 20%;
}
.text h2{
	float: left;
	margin-top: -13%;
	color: #5498a1;
	letter-spacing: 3px;
	margin-left: 3%;
}
.text span{
	font-size: 20px;
	font-weight: 700;
	margin-right: 18%;
}
.text p{
	color: #00798a;
	font-weight: 300;
}
.text h6{
	font-weight: 300;
	margin-top: 5%;
}
.lbdb{
	width: 35%;
	display: flex;
	margin: auto;
	position: relative;
	margin-top: -5%;
	margin-bottom: 5%;
}
.lbdbleft{
	width: 50%;
}
.lbdbright{
	width: 50%;
	display: flex;
}
.lbdbright a{
	color: #7e7e7e;
	text-decoration: none;
	border: 1px solid #7e7e7e;
	padding: 1%;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 3px;
	margin: 1%;
	font-weight: 700;
	cursor:pointer;
}
.starbj{
	width: 100%;
	background: url(../jpg/starbj.jpg) no-repeat center;
	height:auto;
}
.navbar img{
	width:100%;
}
.buju{
	
}
.starhezi1{
	margin: auto;
	width: 1200px;
	margin-top: 0;
	display: flex;
	margin-top: 100px;
}
.lefts1{
	width: 472px;
	text-align: end;
	padding-top: 260px;
}
.lefts1 h2{
	margin-right: 60px;
}
.lefts1 h3{
	display: flex;
	padding-left: 296px;
}
.lefts1 h3 p{
	font-size: 18px;
	margin-top: 3%;
	font-weight: 300;
	letter-spacing: 2px;
}
.lefts1 span{
	color: #ec5757;
	margin-right: 60px;
	font-size: 20px;
}
.lefts1 a{
	display: block;
	background-color: #ec5757;
	width: 47%;
	padding: 2%;
	color: #fff;
	font-weight: 700;
	border-radius: 1px;
	cursor: pointer;
	margin-left: 40%;
	margin-top: 5%;
	letter-spacing: 1px;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 20px;
	text-align:center;
}
.lefts1 a:hover{
	text-decoration: none;
}
.rights1{
	width: 660px;
	/* height:640px; */
}
.rights1 img{
	width:100%;
}
.starhezi2{
	margin: auto;
	width: 1200px;
	display: flex;
}
.lefts2{
	width: 670px;
	height:640px;
}
.lefts2 img{
	width:100%;
}
.rights2{
	width: 472px;
}
.rights2 h2{
    margin-top: 171px;
}
.rights2 h3{
	display: flex;
}
.rights2 h3 p{
	font-size: 17px;
	margin-top: 3%;
	letter-spacing: 2px;
	font-weight: 300;
}
.rights2 span{
	color: #ec5757;
	font-size: 20px;
}
.rights2 a{
	display: block;
	background-color: #ec5757;
	width: 51%;
	padding: 2%;
	color: #fff;
	font-weight: 700;
	border-radius: 1px;
	cursor: pointer;
	margin-top: 5%;
	letter-spacing: 1px;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 20px;
	text-align:center;
}
.rights2 a:hover{
	text-decoration: none;
}
.starhezi3{
	margin: auto;
	width: 1180px;
	display: flex;
}
.wy1{
	text-align: center;
}
.wy1 input{
	width: 589px;
    height: 400px;
	}
.wy1 h3{
	display: flex;
	margin-left: 38%;
}
.wy1 h3 p{
	font-size: 17px;
	margin-top: 3%;
	letter-spacing: 2px;
	font-weight: 300;
}
.wy1 span{
	color: #ec5757;
	font-size: 20px;
}
.wy1 a{
	display: block;
	background-color: #ec5757;
	width: 50%;
	padding: 2%;
	color: #fff;
	font-weight: 700;
	border-radius: 1px;
	cursor: pointer;
	margin-top: 5%;
	letter-spacing: 1px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 26%;
	font-size: 20px;
}
.wy1 a:hover{
	text-decoration: none;
}
.wy2{
	width: 100%;
}
.wy2 input{
	width: 589px;
    height: 400px;
	}
.wy2{
	margin: auto;
	display: block;
	text-align: center;
}
.wy2 h3{
	display: flex;
	margin-left: 45%;
}
.wy2 h3 p{
	font-size: 17px;
	margin-top: 1%;
	letter-spacing: 2px;
}
.wy2 span{
	color: #ec5757;
	font-size: 20px;
}
.wy2 a{
	display: block;
	background-color: #ec5757;
	width: 25%;
	padding: 1%;
	color: #fff;
	font-weight: 700;
	border-radius: 1px;
	cursor: pointer;
	margin-top: 2%;
	letter-spacing: 1px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 38%;
	margin-bottom: 49%;
	font-size: 20px;
}
#bf{
	position: absolute;
width: 6%;
margin-left: -52%;
margin-top: 29%;
cursor: pointer;
z-index: 1;
opacity: 0.8;
}
#bf2{
	position: absolute;
width: 6%;
margin-left: 48%;
margin-top: -32.9%;
cursor: pointer;
z-index: 0;
opacity: 0.8;
display: block;
}
.cpyi li{
	width: 29%;
    margin: 2%;
    list-style-type: none;
}


.newcon{
	width: 1200px;
	margin: 0 auto;
}
.newcon .titleH2{
	    font-size: 35px;
    font-family: "Microsoft YaHei";
    color: rgb(0, 0, 0);
    line-height: 5;
    text-align: center;
    font-weight: 700;
}
.newcon img{
	display: block;
	margin:50px auto;
	width: 50%;
}
.newcon{
	text-align: center;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
}
}
.titleH2{
	font-size: 38px;
	font-weight: 700;
	margin: 1%;
	margin-top: -20%;
}
.procons{
	font-size: 20px;
    text-align: start;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{
	/* height:700px; */
}
strong{text-align: center;
    display: block;}