body {

	font-size: 14px;

	/* [disabled]font-family:Microsoft Yahei; */

	color: #333;

	background: #fff;

}



textarea {

	font-family: auto

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



dl {

	margin: 0;

}



dt {

	font-weight: normal;

}



ul,

li {

	list-style-type: none;

	margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



a {

	color: #333;

	text-decoration: none;

	-o-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



a:hover {

	text-decoration: none;

	color: inherit;

}



a:focus {

	text-decoration: none;

	color: inherit;

}



img {

	border: 0;

	vertical-align: middle;

	max-width: 100%;

}



table {

	border-collapse: collapse;

}



input,

select,

textarea,

button {

	border: 0;

	-webkit-appearance: none;

	outline: none;

}



.wrap {

	width: 100%;

	overflow: hidden;

	min-width: 320px;

	margin: 0px auto;

	max-width: 640px;

	box-sizing: border-box;

	position: relative;

}



/*公共样式勿删除*/

.clearfix:after {

	content: " ";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.clearfix {

	zoom: 1;

}



.f_b {

	font-weight: bold;

}



.v_m {

	vertical-align: middle;

}



.v_t {

	vertical-align: top;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



/*

input::-webkit-input-placeholder {

	color: #ccc;

}



input::-moz-placeholder {

	color: #ccc;

}



input:-moz-placeholder {

	color: #ccc;

}



input:-ms-input-placeholder {

	color: #ccc;

}



.main {

	padding-bottom: 55px;

}*/



input[type=radio] {

	vertical-align: middle;

	margin-right: 5px;

}



input[type=radio]:after {

	content: '';

	display: block;

	width: 20px;

	height: 20px;

	color: #fff;

	border-radius: 50%;

	text-align: center;

	background: #fff;

	border: 1px solid #ddd;

}



input[type=radio]:checked:after {

	background: url(../images/dui_03.png) center no-repeat;

	background-size: 100% 100%;

	border: 1px solid #f01117;

}



.flex {

	display: flex;

	align-items: center;

}



.flex_item {

	flex: 1;

}



.hidden {

	display: none;

}



html,

body {

	min-height: 100%;

}

.main{

	padding-bottom: 50px;

}



/**/

.header{

	position: relative;

	padding: 10px 15px;

}

.header .navicon{

	display: inline-block;

	width: 25px;

	height: 21px;

	background: url(../images/nav.png) center no-repeat;

	background-size: 100% 100%;

	margin-left: 20px;

}

.header .menu{

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	background: rgba(0,0,0,0.85);

	z-index: 10;

	display: none;

}

.header .menu>ul>li>a{

	display: block;

	line-height: 48px;

	color: #fff;

	padding-left: 15px;

	border-bottom: 1px solid rgba(255,255,255,0.2);

}

.header .menu>ul>li>a img{

	width: 22px;

	margin-right: 5px;

}

.header .menu>ul>li>a:hover,.header .menu>ul>li.on>a{

	background: #fa0000;

}

.header .menu .btn{

	display: block;

	font-size: 16px;

	color: #fff;

	width: 170px;

	line-height: 40px;

	border-radius: 20px;

	background: #fa0000;

	margin: 15px auto;

	text-align: center;

}

.footnav {

	background: #fff;

	display: flex;

	align-items: center;

	position: fixed;

	text-align: center;

	width: 100%;

	z-index: 11;

	bottom: 0;

	left: 0;

	box-shadow: 0 0 5px rgba(0,0,0,0.1);

}

.footnav img{

	height: 23px;

}

.footnav a{

	color: #999;

	padding: 5px 0 3px;

}

.footnav a.on{

	color: #fa0000;

}

.homepage .title{

	text-align: center;

	font-weight: bold;

	font-size: 21px;

	padding: 15px 0;

}

.homepage .title span{

	color: #fa0000;

}

.homepage .c{

	padding: 15px;

}

.homepage .c ul{

	margin:-5px -5px 20px;

}

.homepage .c ul li{

	float: left;

	padding: 5px;

	width: 50%;

	text-align: center;

}

.homepage .c ul li a{

	display: block;

	border: 1px solid #e3e3e3;

}

.homepage .c ul li a p{

	background: #e3e3e3;

	padding: 5px 0;

}

.homepage .c .flex{

	margin: 10px 0 ;

}

.homepage .c .flex a{

	color: #999;

}

.homepage .c .flex span{

	padding-left: 10px;

	border-left: 2px solid #fa0000;

}

.homepage .d{

	padding:0 15px 30px;

}

.homepage .d h2{

	padding-left: 10px;

	border-left: 2px solid #fa0000;

	margin-bottom: 10px;

}

.homepage .d ul{

	margin: -5px;

}

.homepage .d ul li{

	float: left;

	padding: 5px;

	width: 50%;
	height: 20vh;

}

.homepage .d ul li a{

	display: block;

	position: relative;

	color: #fff;

}

.homepage .d ul li a span{

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	

}

.homepage .e{

	position: relative;

	padding: 15px;

	background: url(../images/bg_02.jpg) bottom center no-repeat;

	background-size: 100% auto;

}

.homepage .e::before{

	content: '';

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 180px;

	background: #fa0000;

}

.homepage .e .bd{

	position: relative;

	z-index: 2;

}

.homepage .e h2{

	text-align: center;

	font-size: 21px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 12px;

}

.homepage .e h2 span{

	font-size: 55px;

	line-height: 55px;

}

.homepage .e h3{

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

	font-weight: bold;

	font-size: 16px;

	position: relative;

	margin-top: 20px;

	margin-bottom: 20px;

}

.homepage .e h3::after{

	content: '';

	display: block;

	position: absolute;

	left: 0;

	bottom: -1px;

	width: 40px;

	height: 2px;

	background: #fa0000;

}

.homepage .e .flex{

	align-items: stretch;

	font-size: 13px;

}

.homepage .e .flex img{

	width: 15px;

	margin-right: 12px;

}

.homepage .e .flex dd{

	color: #666;

	margin-top: 5px;

}

.homepage .e .flex dd span{

	color: #fa0000;

}

.homepage .a .swiper-container{

	padding: 0;

}

.homepage .a .swiper-pagination{

	bottom: 15px;

}

.homepage .swiper-container{

	padding-bottom: 30px;

}

.homepage .swiper-pagination{

	bottom: 0;

}

.homepage .swiper-pagination-bullet{

	border-radius: 0;

	width: 25px;

	height: 3px;

}

.homepage .swiper-pagination-bullet-active{

	background: #fa0000;

}

.homepage .f{

	padding: 15px;

	background: url(../images/bg_03.jpg) center top no-repeat;

	background-size: 100% auto;

}

.homepage .f .title{

	color: #fff;

}

.homepage .f .gallery-thumbs {

	margin:10px 0;

}

.homepage .f .gallery-thumbs img{

	border: 1px solid #ddd;

}

.homepage .f .gallery-thumbs  .swiper-slide-active img{

	border: 1px solid #fa0000;

}	

.homepage .f .gallery-thumbs img,.homepage .e .bd>img,.homepage .d ul li a img,.homepage .c ul li a img{

	width: 100%;

}

.homepage .f .bd{

	position:relative;

	padding: 0 40px;

	font-size: 12px;

	line-height: 20px;

	text-align: center;

}

.homepage .f .bd img{

	width: 80%;

}

.homepage .f .bd dt{

	margin: 10px 0 4px;

}

.homepage .f .bd dd{

	color: #666;

}

.homepage .f .bd .swiper-button-next,.homepage .f .bd  .swiper-button-prev{

	background: #fa0000;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin-top: -70px;

}

.homepage .f .bd .swiper-button-next {

	right: 0;

}

.homepage .f .bd .swiper-button-next i{

	display: inline-block;

	    height: 10px;

	    width: 10px;

		margin-left: -5px;

	    border-width: 1px 1px 0 0;

	    border-color: #fff;

	    border-style: solid;

	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);

	    transform: matrix(.71,.71,-.71,.71,0,0);

}

.homepage .f .bd  .swiper-button-prev{

	left: 0;

}

.homepage .f .bd .swiper-button-prev i{

	display: inline-block;

	    height: 10px;

	    width: 10px;

		margin-right: -5px;

	    border-width: 0 0  1px 1px;

	    border-color: #fff;

	    border-style: solid;

	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);

	    transform: matrix(.71,.71,-.71,.71,0,0);

}

.homepage .g{

	text-align: center;

	color: #fff;

	background: url(../images/home_66.jpg) center no-repeat;

	background-size: 100% 100%;

	padding: 20px 0;

}

.homepage .g h2{

	font-size: 18px;

}

.homepage .g p{

	margin: 10px 0;

}

.homepage .g .btn{

	display: inline-block;

	background: #fab700;

	padding: 10px 25px;

}

.homepage .h{

	background: url(../images/home_67.jpg) top center no-repeat;

	background-size: 100% auto;

	padding: 15px;

}

.homepage .h .title{

	color: #fff;

}

.homepage .h .bd{

	background: #fff;

	margin-top: 10px;

}

.homepage .h .bd li{

	float: left;

	width: 50%;

	font-size: 12px;

	text-align: center;

	padding: 20px 0;

	border-left: 1px solid #eee;

	border-top: 1px solid #eee;

}

.homepage .h .bd li:first-child{

	border-top: none;

	border-left: none;

}

.homepage .h .bd li:nth-child(2){

	border-top: none;

}

.homepage .h .bd li:nth-child(3){

	border-left: none;

}

.homepage .h .bd li b{

	font-size: 30px;

	color: #fa0000;

}

.homepage .h .ft{

	padding: 15px 0;

}

.homepage .h .ft li{

	line-height: 42px;

}

.homepage .h .ft li img{

	width: 19px;

}

.homepage .h .ft li span{

	vertical-align: middle;

}

.homepage .h .tabtitle{

	display: flex;

	margin: 0 -5px 15px;

}

.homepage .h .tabtitle a{

	display: block;

	background: #eeeeee;

	border: 1px solid #eeeeee;

	text-align: center;

	padding: 8px 0;

	margin: 0 5px;

}

.homepage .h .tabtitle .on a{

	color: #fa0000;

	background: #fff;

	border: 1px solid #fa0000;

}

.homepage .h .tabbox{

	text-align: center;

	font-size: 12px;

}

.homepage .h .tabbox img{

	width: 100%;

	margin-bottom: 8px;

	height: 126px;

}

.homepage .h .tabbox p{

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.homepage .I{

	background: url(../images/bg_05.jpg) center no-repeat;

	background-size: 100% 100%;

	padding: 15px 15px 30px;

}

.homepage .I ul{

	margin: -5px;

}

.homepage .I ul li{

	float: left;

	padding: 5px;

	width: 50%;

}

.homepage .I ul li .box{

	background: #fff;

	padding: 15px;

	border: 1px solid #eee;

}

.homepage .I ul li .box:hover{

	border: 1px solid #fa0000;

}

.homepage .I ul li img{

	width: 18px;

}

.homepage .I ul li h4{

	font-size: 17px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.homepage .I ul li p{

	line-height: 22px;

	color: #666;

	height: 110px;

	margin: 10px 0;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

}

.homepage .I ul li a{

	text-decoration: underline;

	color: #999;

}

.homepage .J{

	padding: 15px;

}

.homepage .J .pic{

	width: 110px;

	margin-right: 10px;

}

.homepage .J .pic img{

	width: 100%;

	height: 83px;

}

.homepage .J li{

	padding: 15px 0;

	border-bottom: 1px solid #eee;

}

.homepage .J li p{

	color: #666;

	font-size: 12px;

	margin: 5px 0;

	line-height: 20px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.homepage .J li dt{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}

.homepage .J li span{

	font-size: 12px;

	color: #999;

}

.homepage .J .more{

	display: block;

	margin: 15px auto;

	background: #fa0000;

	color: #fff;

	width: 115px;

	line-height: 40px;

	border-radius: 3px;

	text-align: center;

}

.footer{

	text-align: center;

	font-size: 12px;

	background: #eaeaea;

	padding: 15px 0;

}

.footer img{

	width: 12px;

}

.footer p{

	color: #666;

	margin-top: 5px;

}

/**/

.top_info {

	text-align: center;

	font-size: 18px;

	color: #fff;

	background: #000000;

	line-height: 48px;

}

.aboutus .homepage .h{

	background: none;

}

.aboutus .homepage .h .tabtitle{

	margin-top: 30px;

}

.aboutus .a{

	padding:10px 15px;

}

.aboutus .a p{

	margin: 10px 0;

	color: #666;

	line-height: 24px;

}

.aboutus .title_a{

	font-size: 18px;

	text-align: center;

	padding: 15px 0 10px;

}

.aboutus .title_a i{

	display: inline-block;

	width: 40px;

	height: 2px;

	background: #fa0000;

}

/**/

.newsitem{

	padding: 15px;

}

.newsitem .hd{

	text-align: center;

}

.newsitem .hd h1{

	font-size: 16px;

}

.newsitem .hd h5{

	font-size: 12px;

	color: #999;

	margin-top: 5px;

}

.newsitem .bd p{

	line-height: 24px;

	color: #666;

	margin: 20px 0;

}

.newsitem .bd img{

	max-width: 100%;

}

/**/

.tabtitle_common {

	display: flex;

	text-align: center;

	border-bottom: 1px solid #eee;

}

.tabtitle_common .flex_item{

	border-left: 1px solid #eee;

}

.tabtitle_common .flex_item a{

	display: block;

	padding: 12px 0;

	border-bottom: 1px solid transparent;

}

.tabtitle_common .flex_item.on a{

	border-bottom: 1px solid #fa0000;

	color: #fa0000;

}

.homepage .J .btn,.homepage .c .btn{

	display: block;

	border: 1px solid #eee;

	text-align: center;

	margin: 20px;

	padding: 6px 0;

	border-radius: 3px;

}

.prolist {

	background: #f5f5f5;

	padding: 15px;

}

.prolist ul{

	margin: -2px;

}

.prolist ul li{

	float: left;

	text-align: center;

	width: 33.333%;

	font-size: 13px;

	padding: 2px;

}

.prolist ul li a{

	display: block;

	background: #fff;

	border: 1px solid #ddd;

	padding: 10px 0;

}

.prolist ul li.on a{

	background: #fa0000;

	border: 1px solid #fa0000;

	color: #fff;

}

/**/

.casepage .homepage .I{

	background: #fff;

}

.casepage .a{

	padding: 0 15px;

}

.casepage .a .hd{

	display: flex;

	text-align: center;

	padding: 0 60px;

	border-bottom: 2px solid #eee;

}

.casepage .a .hd img{

	width: 55px;

	height: 55px;

	border-radius: 50%;

	border: 1px solid #ddd;

}

.casepage .a .hd .flex_item{

	padding: 15px 0;

	position: relative;

	

}

.casepage .a .hd .flex_item.on::after{

	content: '';

	display: block;

	width: 55px;

	height: 2px;

	background: #fa0000;

	position: absolute;

	left: 50%;

	bottom: -1px;

	transform: translate(-50%,0);

}

.casepage .a .hd .flex_item h4{

	margin: 5px 0 3px;

}

.casepage .a .hd .flex_item p{

	font-size: 12px;

	color: #999;

}

.casepage .a .title,.casepage .b .title{

	font-size: 16px;

	text-align: center;

	position: relative;

	margin: 15px 0 10px;

}

.casepage .a .title::after,.casepage .b .title::after{

	content: '';

	display: block;

	position: absolute;

	left: 0;

	width: 100%;

	border-bottom: 1px solid #ddd;

	top: 50%;

}

.casepage .a .title span,.casepage .b .title  span{

	background: #fff;

	position: relative;

	z-index: 3;

	padding: 0 15px;

}

.casepage .a .tabcontent {

	padding: 15px 0;

}

.casepage .a .tabcontent p{

	text-align: center;

	font-size: 12px;

	line-height: 20px;

	color: #999;

}

.casepage .a .tabcontent img{

	width: 45px;

	margin-right: 15px;

}

.casepage .a .tabcontent .flex{

	margin-top: 20px;

}

.casepage .a .tabcontent .flex dt{

	font-size: 16px;

}

.casepage .a .tabcontent .flex dd{

	color: #999;

}

.casepage .b {

	padding: 15px;

}

.casepage .b p{

	text-align: center;

	font-size: 12px;

	color: #666;

	margin-bottom: 15px;

}

.casepage .b img{

	width: 100%;

}

.casepage .b .flex{

	margin:0 -2px;

}

.casepage .b .flex_item{

	padding: 2px;

	margin-bottom: 2px;

}

.casepage .title1{

	font-size: 18px;

	padding: 15px 0;

}

.casepage .c{

	padding: 15px;

}

.casepage .c ul{

	margin: -2px;

}

.casepage .c ul li{

	float: left;

	padding: 2px;

	width: 50%;

}

.casepage .c ul li img{

	width: 100%;

}

.casepage .d{

	padding: 15px;

}

.casepage .d dt{

	font-size: 16px;

}

.casepage .d dd{

	color: #666;

	margin: 10px 0 25px;

}

.casepage .d dd p{

	margin-bottom: 5px;

	background: url(../images/3_14.jpg) left center no-repeat;

	background-size: 4px auto;

	padding-left: 13px;

}

.casepage .d .btn{

	display: inline-block;

	border-radius: 3px;

	color: #fff;

	background: #fa0000;

	padding: 10px 32px;

}

.casepage .e{

	padding: 15px 0 0 15px;

}

.casepage .e a{

	display: block;

	border: 1px solid #ddd;

	padding: 15px;

}

.casepage .e .swiper-slide{

	width: 70%;

}

.casepage .e .swiper-slide img{

	width: 100%;

}

.casepage .e .swiper-slide .pic{

	height: 165px;

	overflow: hidden;

}

.casepage .e dt{

	font-size: 18px;

	margin: 10px 0 6px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.casepage .e dd{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

	line-height: 21px;

	color: #666;

}

/**/

.joinus .title{

	font-size: 16px;

	text-align: center;

	position: relative;

	margin: 15px 0 10px;

}

.joinus .title::after{

	content: '';

	    display: block;

	    position: absolute;

	    left: 0;

	    width: 100%;

	    border-bottom: 1px solid #ddd;

	    top: 50%;

}

.joinus .title span{

	background: #fff;

	    position: relative;

	    z-index: 3;

	    padding: 0 15px;

}

.joinus .b{

	padding: 15px;

}

.joinus .b li{

	float: left;

	width: 50%;

	padding: 30px 0;

	font-size: 12px;

	text-align: center;

}

.joinus .b li h3{

	font-size: 28px;

	font-weight: bold;

}

.joinus .c{

	padding: 0 15px;

}

.joinus .c img{

	width: 100%;

	margin-bottom: 10px;

}

.joinus .c .flex{

	margin: 0 -5px;

}

.joinus .c .flex_item{

	padding:0 5px;

}

.joinus .d{

	padding: 15px;

}

.joinus .d ul{

	padding-top: 3px;

}

.joinus .d li{

	background: url(../images/5_24.png) left 5px no-repeat;

	background-size: 13px auto;

	padding-left: 20px;

	line-height:24px;

	margin-top: 10px;

}

.joinus .e{

	padding: 15px;

	font-size: 12px;

	text-align: center;

}

.joinus .e ul{

	padding-top: 10px;

}

.joinus .e li{

	float: left;

	width: 50%;

	padding: 10px;

}

.joinus .e li img{

	height: 37px;

}

.joinus .e li p{

	height: 48px;

	overflow: hidden;

}

.joinus .f{

	padding: 0 15px 30px;

}

.joinus .f .bd{

	margin-top: 25px;

}

/**/

.tabtitle_pro{

	display: flex;

	text-align: center;

	border-bottom: 1px solid #ddd;

}

.tabtitle_pro .flex_item{

	padding: 13px 0;

}

.tabtitle_pro .flex_item.on{

	border-bottom: 1px solid #fa0000;

}

.proitem .a{

	padding: 15px;

	line-height: 32px;

	color: #666;

	font-size: 12px;

}

.proitem .title1{

	background: #eeeeee;

	padding: 8px 15px;

	font-size: 12px;

	color: #666;

}

.proitem .b .bd,.proitem .c .bd{

	padding: 15px;

}

.proitem .b .bd table{

	margin-top: 10px;

	width: 100%;

	border-top:1px solid #eee ;

	border-right:1px solid #eee ;

	font-size: 12px;

}

.proitem .b .bd table tr{

	border-bottom: 1px solid #eee;

}

.proitem .b .bd table td{

	padding: 5px;

	border-left: 1px solid #eee;

}

.proitem .homepage .c .bd{

	padding: 0;

}

.proitem .homepage .d{

	padding: 15px;

}



.page {

	text-align: center;

	padding: 30px 0;

}



.page a {

	display: inline-block;

	border: 1px solid #ddd;

	border-radius: 3px;

	padding: 5px 12px;

	background: #fff;

	line-height: 20px;

	margin: 5px;

}



.page a:hover,

.page a.on {

	color: #fff;

	background: #fa0000;

	border: 1px solid #fa0000;

}