/*common start*/

body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}

body{ font-size:14px;font-family:'Microsoft YaHei'; color:#111;overflow-x: hidden;}

a img{

  border: 0;

}

em {

  font-style: normal;

}

body.head_on{overflow:hidden;}

a{text-decoration:none;color: #333;transition: all .3s;}





.clear{ margin:0; padding:0; font-size:0; clear:both; }



.wapper{ width:80%; margin:0 auto;}

.wapper1{ width:65%; margin:0 auto;}



/* 轮播图通用 */

.swiper-container {width: 100%;height: 100%;}

.swiper-slide

{

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.swiper-slide img{

	width: 100%;

}



.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}

.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}



.height{height: 70px;display: none;}

/* 头部 */

.headerbox{

  width: 100%;

  margin: 0 auto;

  z-index: 999;

}

.headerbox.fixed{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background: white;

	z-index: 9999;

}

.header{

	width: 100%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 70px;

}



.header .logo{

	display: flex;

	justify-content: center;

	align-items: center;

}

.header .logo img{

  max-width: 100%;

    height: 80px;

    object-fit: contain;

}

.header .menu{

	box-sizing: border-box;

	margin-left: auto;

}





/* 导航栏 */

.menu ul li{ float:left; position:relative;font-size: 16px;margin: 0 20px;transition: all .3s;line-height: 40px;}

.menu ul li.curr:after{

	position: absolute;

	bottom: 0;

	left: -10%;

	width: 120%;

	height: 2px;

	background:#242cf9;

	content: "";

	opacity: 1;

}

.menu ul li.curr a{color:#242cf9;}

.menu ul li:after{

	position: absolute;

	bottom: 0;

	left: -10%;

	width: 120%;

	height: 2px;

	background:#242cf9;

	content: "";

	opacity: 0;

}

.menu ul li:hover a{color:#242cf9;}

.menu ul li:hover:after{opacity: 1;}



/*链接样式*/

.menu a{ font-size:16px;color:#333; text-decoration:none;display:block;text-align:center;}



.hear{display: none;}

/*mMenu*/

.hear {

  width: 100%;

  height: 55px;

  background: white;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 90;

  transition: all 0.5s;

}

.hearShodw {

  box-shadow: 0 0 2px #ccc;

}

.logo_m{

	float: left;

    display: flex;

    /* justify-content: center; */

    height: 50px;

    /* align-items: center; */

    width: 70%;

}

.hear .embox{

	width: 45px;

	height: 25px;

	float: right;

	border-radius: 50%;

	margin: 14px 30px 0 35px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.hear .embox:hover{

	background-color: #e5e5e5;

}

.hear .embox em {

  display: block;

  width: 32px;

  height: 32px;

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

  background-size: 100% auto;

  

  cursor: pointer;

}

.hear a {

  float: left;

  padding-top: 20px;

}

.hear a img {

  height: 100%;

}

.listNav {

  width: 375px;

  height: 100%;

  background: white;

  position: fixed;

  top: 0;

  right: -375px;

  z-index: 100;

  transition: all 0.5s;

}

.listNav .closebox{

	width: 45px;

	height: 45px;

	float: right;

	border-radius: 50%;

	margin: 18px 30px 0 35px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.listNav .closebox:hover{

	background-color: #e5e5e5;

}

.listNav .closebox .close {

  width: 35px;

  height: 35px;

  display: block;

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

  cursor: pointer;

}

.listbox{

	width: 100%;

}

.listNav ul{

	padding: 0 30px 0 36px;

}

.listNav ul li {

	line-height: 50px;

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

	padding: 15px 0;

}

.listNav ul li .cur {

  display: block;

  width: 100%;

  line-height: 30px;

  font-size: 18px;

  color: #111;

}

/*公共遮罩*/

.popUp {

  display: none;

  width: 100%;

  height: 100%;

  background: #000;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 95;

  opacity: 0.5;

  transition: all 0.5s;

}

















/* 轮播图 */

.indexBan{

	width: 100%;

	margin: 0 auto;

	position: relative;

}

.indexBan{

	width: 100%;

	margin: 0 auto;

	position: relative;

}

.indexBan a{width: 100%;font-size: 0;}





/*  */

.index1box{padding: 0 10px;background-color: #242cf9;}

.index1{display: flex;}

.item{

	width: 40%;

	box-sizing: border-box;

	padding: 30px 0 30px 30px;

	/*background-color: #323433;*/

	color: #fff;

	border-left: 1px solid #fff;

}

.item_title{

	position: relative;

	line-height: 50px;

	font-size: 25px;

	font-weight: 700;

	transition: all .3s;

	cursor: pointer;

}

.item_tab{

	position: absolute;

	top: 50%;

	left: -32px;

	width: 3px;

	height: 30px;

	background-color: white;

	transform: translateY(-50%);

	transition: all .3s;

}

.item_title:hover{

	font-size: 30px;

	color:#000;

}

.item_title:hover .item_tab{

	background-color:#000;

}

.item_li{

	line-height: 25px;

	font-size: 15px;

	color: #ffffff;

	transition: all .3s;

	cursor: pointer;

}

.item_li:hover{

	font-size: 16px;

	color:#000;

}



.index2{

	padding: 15px 0 10px;

	color: #000;

}

.index2_title{

	   

	position: relative;

	line-height: 80px;

	font-size: 35px;

	font-weight: 700;

	text-align: center;

	transition: all .3s;

	cursor: pointer;

}

.index5_title {

 position: relative;

    line-height: 150px;

        font-size: 4vw;

    letter-spacing: 5vw;

    font-weight: 700;

    white-space: nowrap;

    text-align: center;

    transition: all .3s;

    cursor: pointer;

    max-width: 100%;

    margin: auto;

}

.index5_title:after{

	content: "";

	margin-left: -5vw;

}

.index2_title:before{

	content: "";

	position: absolute;

	left: 50%;

	bottom: 0;

	width: 100px;

	height: 3px;

	transform: translateX(-50%);

	background-color:#242cf9;

	transition: all .3s;

}

.index2_title:hover{

	font-size: 40px;

	color:#242cf9;

}

.index2_title:hover.index2_title:before{

	width: 10px;

	height: 10px;

	border-radius: 50%;

}

.index2_title2{

	

	padding: 20px 0;

	line-height: 30px;

	text-align: center;

	font-size: 20px;

	transition: all .3s;

	cursor: pointer;

}

.index2_title2:hover{

	font-size: 22px;

	color:#242cf9;

}





.index3{

	transition: all .3s;

    background-color:#242cf9;

    padding:3% 0;

    display: flex;

  /*  align-items: center;*/

}

.index3:hover{

	border-radius: 30px;

}

.index3_item:first-child{

	border-left: none;

}

.index3_item{

	width: 100%;

    /* padding: 1%; */

    margin: 0 auto;

    text-align: center;

    color: #fff;

    border-left: 2px solid white;

}

.index3_item .item_hd{font-size:30px;line-height: 50px;font-weight: 700;}

.index3_item .item_bd{font-size: 18px;line-height: 40px;}



.index4box{

	padding-top: 40px;

	padding-bottom: 40px;

}

.index4{position: relative;height: auto;}

.index4list1{width: 100%;height: 100%;}

.index4list1 ul{width: 100%;height: 100%;}

.index4list1 ul li{

	width: 100%;

	height:100%;

	box-sizing: border-box;

	padding:0 5px 5px;

	float: left;

}

.index4list1 ul li img{

	width: 100%;

	height: 100%;

}

.index4list2{width: 100%;height: 100%;}

.index4list2 ul{width: 100%;height: 100%;}

.index4list2 ul li{

	width: 25%;

	height: 100%;

	box-sizing: border-box;

	padding: 0px 5px;

	float: left;

}

.index4list2 ul li img{

	width: 100%;

	height: 100%;

}

.swiper-button-next1,.swiper-button-prev1{

	width: 25px;

}

.swiper-button-prev1{

	left: 0px;

	background-image: url(../images/leftbtn.png);

	background-size: 100%;

}

.swiper-button-next1{

	right: 0px;

	background-image: url(../images/rightbtn.png);

	background-size: 100%;

}

.index4 .swiper-pagination-bullet{

	flex: 1;

	height: 5px;

	margin: 0 5px;

	/* background: #b4b7bd; */

	border-radius: 0;

}

.swiper-pagination2{width: 90%;display: flex;padding: 20px 0;}

.index4 .swiper-pagination-bullet-active{

	background:#242cf9;

}

.btn{

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 30px;

	position: relative;

}



.indexlist{

	text-align: left;

	font-size: 16px;

	line-height: 22px;

	white-space: nowrap;

	transform: translateX(-50%);

    margin-left: 50%;

}

.indexlist ul li{

	width: 100%;

    transition: all .3s;

	display: flex;

	line-height: 30px;

	margin-bottom: 10px;

}

.indexlist ul li .span1{font-weight: 700;}

.indexlist ul li .span2{padding-left: 5px;}

.indexlist ul li:hover{color:#242cf9;font-size: 18px}

.ibox{

	justify-content: center;

    width: 25px;

    min-width: 25px;

    height: 25px;

    margin-right: 8px;

    border-radius: 50%;

    background-color:#242cf9;

    color: #fff;

    border: 1px solid#242cf9;

	

}

.indexlist ul li:hover .ibox{

	background-color: #f8f8f8;

	color:#242cf9;

	border: 1px solid#242cf9;

}

.indexlist ul li:hover .ibox i img{

	filter: none;

}

.ibox i img{width: 100%;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }



.index5box{

	margin: 40px 0;

	padding: 20px 10px;

	background: #242cf9;

	color: white;

}

.index5{

	display: flex;

       align-items: center;

    justify-content: space-evenly;

}

.index5 span{

	font-weight: 700;

	    color: #fff;

}

.company_name{

	width: 30%;

	position: relative;

	font-size: 40px;

}

.company_name img{

	/*

	position: absolute;

	top: 50%;

	left: 20%;*/

	width:100%;

}

.company_in{

	/*width: 70%;*/

	font-size: 25px;

	line-height: 50px;

}



.service_list{width: 100%;margin: 20px 0;}

.service_list ul li{

	/*width: 33.33%;

	float: left;

	height: 200px;*/

	width: 23%;

      

    float: left;

    height: 200px;

    margin: 1%;

	position: relative;

	box-sizing: border-box;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.3s;

}

.service_list ul li .bg{

	position: absolute;

    z-index: 0;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    /* border-radius: 50%; */

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

    transition: all .3s;

    background: #f8f8f8;

    color: white;

    /* border-radius: 50px; */

    width: 100%;

    height: 100%;

}

.service_list ul li:hover .bg{

	background:#242cf9;

	color: white;

	border-radius: 50px;

	width: 100%;

	height: 100%;

}

.service_list ul li:hover .list_img img{

	filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); 

}

.service_list ul li:hover{

	color: white;

}

.service_list ul li .list{

	width: 100%;

	z-index: 5;

}

.service_list ul li .list .list_img{

	display: flex;

	align-items: center;

	justify-content: center;

}

.service_list ul li .list .list_text{

	text-align: center;

	    padding: 2% 0;

}



.cooperatelist{

	width: 100%;

	margin: 0 auto;

}

.cooperatelist ul {

	display: flex;

    -webkit-justify-content: center;

    -webkit-align-items: flex-start;

    flex-wrap: wrap;

}

.cooperatelist ul li{

/*	width: 20%;

	box-sizing: border-box;

	float: left;

	padding: 0 20px;

	margin-bottom: 20px;

	display: flex;

	align-items: center;

	justify-content: center;*/

	    width: calc(100%/13);

    margin-bottom: 20px;

}

.cooperatelist ul li img{

	width: 100%;

	    height: auto;

}

.cooperate_btn{

	padding: 50px 0;

	display: flex;

	align-items: center;

	justify-content: center;

}



.cooperate_btn .btn1{

	display: flex;

    align-items: center;

    margin: 0 30px;

    padding: 0 30px;

    height: 60px;

    border: 3px solid#242cf9;

    font-size: 30px;

    color:white;

	background-color:#242cf9;

    border-radius: 8px;

    transition: all .3s;

    cursor: pointer;

}

.cooperate_btn .btn1 span{

	font-weight: 700;

}

.cooperate_btn .btn1 i{

	display: flex;

	align-items: center;

	margin-right: 15px;

}

.cooperate_btn .btn1 i img{

	width: 100%;

	filter:brightness(0%) contrast(200%) invert(100%) opacity(100%)

}

.cooperate_btn .btn1:hover{

	background-color: white;

	color:#242cf9;

}

.cooperate_btn .btn1:hover i .img{

	filter: none; 

}



.footerbox{

	background-color:#242cf9;

	padding: 0 10px;

}

.footer{

	width: 100%;

	padding: 40px 0;

	font-size: 14px;

	color: #ffffff;

}

.p1{

	position: relative;

	margin-bottom: 5px;

	line-height: 30px;

}

.p1:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    width: 55px;

    background-color:#ffffff;

}

.footer span{

	font-weight: 700;

}

.p2{

	line-height: 20px;

	display: flex;

	justify-content: space-between;

	padding: 5px 0;

}

.p2left{

	display: flex;

	align-items: center;

}

.p3{

	position: relative;

	margin-bottom: 5px;

	line-height: 30px;

}

.p3 a{

	color: #ffffff;

	font-size: 14px;

}

.p3 a:hover{

	color: white;

	text-decoration: underline;

}

.p2right{

	display: flex;

	align-items: center;

	width: 200px;

	text-align: left;

}

.p2right i{

	display: flex;

	align-items: center;

	margin-right: 15px;

}



.productbox{

	margin: 50px 0 40px;

	background-color:#242cf9;

	padding: 30px 0;

}

.product{

	padding: 20px 0;

	color: #fff;

	background-color:#242cf9;

}

.slideTxtBox{width: 100%;overflow: hidden;}

.slideTxtBox .hd{ line-height:40px; padding:0 10px 0 10px;border-bottom:5px solid #fff; position:relative;width: 100%;margin-bottom: 30px;}

.hd_left{

	float:left;

	margin-bottom: 5px;

}

.hd_left .span1{

	font-size: 26px;

	font-weight: 700;

	color: white;

}

.hd_left .span2{

	font-size: 26px;

	font-weight: 700;

	color: #e17421;

}

.hd_right{

	float:right;

	margin-bottom: 5px;

}

.slideTxtBox .hd .hd_right ul li{ 

	float:left; 

	padding:0 15px; 

	cursor:pointer;

	color: #242cf9;

	transition: all 0.3s;

	margin-right: 15px;

	border-radius: 6px;

	background: white;

	font-size: 15px;

	font-weight: 700;

	display: flex;

	align-items: center;

	justify-self: center;

	margin-bottom: 20px;

}

.slideTxtBox .hd .hd_right ul li .icon{

	display: flex;

}

.icon img{

	transition: all 0.3s;

}

.slideTxtBox .hd ul li.on{

	background:#242cf9;

	color: white;

}

.slideTxtBox .hd ul li.on .icon img{

	filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); 

	transform: rotate(90deg);

}

.bd{width: 100%;;}

.bd ul{display: flex;justify-content: space-between;}

.bd_left{width: 50%;/* display: flex;justify-content: center;align-items: center */}



/* .bd ul:nth-child(2) .bd_left ul

{

	display: flex;

	flex-wrap: wrap;

}

.bd ul:nth-child(2) .bd_left ul li{

	width: 33.33%;

}

.bd ul:nth-child(3) .bd_left ul

{

	display: flex;

}

.bd ul:nth-child(3) .bd_left ul li{

	width: 50%;

} */

.bd_left img{max-width: 100%;overflow: hidden;box-sizing: border-box;padding: 0 10px;height: auto;}

.bd_right{

	width: 50%;

}

.right_title{

	display: flex;

	font-size: 18px;

	font-weight: 700;

	border-bottom: 4px solid #323433;

}

.right_title h1{

	padding: 0 10px;

	font-size: 18px;

	line-height: 40px;

	font-weight: 700;

	position: relative;

}

.right_title h1:before{

	content: "";

	position: absolute;

	z-index: 1;

	top: 100%;

	left: 0;

	width: 100%;

	height: 4px;

	background: white;

}

.bd_right p{

	margin:  15px 0;

	font-size: 15px;

	padding: 0 10px;

}

.right_list{

	font-size: 15px;

	margin: 30px 0;

	padding: 0 10px;

}

.bd_right .right_list p{

	font-weight: 700;

	margin: 0;

	line-height: 25px;

}







/* 弹窗 */

.tanchuang{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,0.3);display: none;}

.tanchuang.active{display: flex;}

.tcClose2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 101;}



.tanchuang .warp{

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 100;

}

.tanchuang .warp .warp_content{

	width: 300px;

	/*padding: 50px;*/

	border: none;

	border-radius: 0.3125em;

	background: #fff;

	font-size: 1rem;

	position: relative;

}

.tanchuang .warp .warp_content .img{

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.tanchuang .warp .warp_content .img img{width: 100%;

height: 100%;}

.tanchuang .warp .warp_content .close{position: absolute;right: 0;top: 10px;z-index: 102;right: 15px;cursor: pointer;}





















/* 关于我们 */

.aboubanner{

	background-color:#242cf9;

	color: white;

}

.fl{float: left;}

.fr{float: right;}

.about1box{

	padding:80px 0 50px;

}

.about1left{

	width: 50%;

	box-sizing: border-box;

	padding: 0 20px;

}

.about1left img{

	width: 100%;

	transition: all 0.3s;

}

/* .about1left img:hover{transform: scale(1.1);} */

.tanchuang .warp .content1{width: 1000px;}

.about1right{

	width: 50%;

	color: #000;

	box-sizing: border-box;

	padding: 0 20px;

}



.about1right .about_p1{

	padding-bottom: 30px;

	font-size: 18px;

	line-height: 28px;

	line-height: 28px;

	text-indent: 2em;

}

.about1right p{

	padding: 10px 0;

	font-size: 18px;

	line-height: 28px;

	line-height: 28px;

	text-indent: 2em;

}

.aboutbtn{

	display: flex;

}

.about_btn{

	width: auto;

	padding: 0 15px;

    border-radius: 4px;

    height: 32px;

    line-height: 32px;

    font-size: 18px;

        color: #fff;

    background-color: #242cf9;

}



.index2_main{

	padding: 40px;

	max-width: 100%;

}

.main_li{

	position: relative;

	display: flex;

	width: 80%;

	margin: 10px auto;

	padding-bottom: 20px;

}



.main_li .li_time span{

	margin-top: 10px;

	padding: 10px 30px;

    line-height: 35px;

    background-color: #242cf9;

    color: #fff;

    text-align: center;

        font-weight: 600;

    font-size: 17px;

}

.li_link{

	position: absolute;

    top: 55px;

    bottom: 0;

    left: 50px;

    width: 1px;

    background-color:#242cf9;

}

.link_dot{

	position: absolute;

    top: 50%;

    left: 50%;

	width: 15px;

	height: 15px;

	background:#242cf9;

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

    border-radius: 50%;

}

.link_dotc{

	position: absolute;

    top: 50%;

    left: 50%;

	width: 20px;

	height: 20px;

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

    border-radius: 50%;

	border: 1px solid#242cf9;

}

.line{

    padding: 0 10px;

    display: flex;

    align-items: center;

    width: 60px;

    height: 35px;

}

.line .line_in{

	width: 100%;

    height: 2px;

    background-color:#242cf9;

}

.li_content{

	flex: 1;

    padding: 0px 15px;

    background-color: #f8f8f8;

}

.content_h{

	position: relative;

    padding-left: 15px;

    height: 35px;

    line-height: 35px;

    font-size: 18px;

    font-weight: 700;

    color: #000;

}

.content_h:before{

	content: "";

    position: absolute;

    top: 2px;

    bottom: 2px;

    left: 0;

    width: 5px;

    background-color:#242cf9;

}

.content_desc{

	float: left;

}

.desc_text{

	flex: 1;

    padding-top: 10px;

    padding-right: 40px;

}

.desc_text ul li{

	position: relative;

	color: #000;

    padding: 5px 0 5px 20px;

    font-size: 15px;

    line-height: 20px;}

.desc_text ul li:before{

	content: "";

    position: absolute;

    left: 5px;

    top: 12px;

    width: 6px;

    height: 6px;

    background:#000;

    border-radius: 50%;

}

.content_img{

	float: right;

	display: flex;

}

.content_img ul

{

	display: flex;

}

.content_img ul li{

	flex:1;

	padding: 0 5px;

	box-sizing: border-box;

	float: left;

}

.content_img ul li img{

	width: 100%;

}

.content_bottom{

	display: flex;

}

.main_li:last-child .li_link{

	display: none;

}



















.about3box{

	background:#242cf9;

	padding: 30px 0;

}

.about3{

	color: #fff;

}

.about3 .index2_title:before{

	background-color: white;

}

.about3 .index2_title:hover{

	font-size: 40px;

	color: black;

}

/* .index2_title:hover.index2_title:before{

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background-color: black;

} */

.about3 .index2_title2:hover{

	font-size: 22px;

	color: black;

}

.honner1{

	width: 80%;

	margin: 0 auto;

	padding: 20px 0;

}

.honner1 ul li{

	width: 33.33%;

	padding: 0 15px;

	box-sizing: border-box;

	float: left;

}

.h_list_img{width: 100%;display: flex;justify-content: center;}

.h_list_img img{width: 100%;}

.honner1 ul li .h2_list_text{display: flex;justify-content: center;font-size: 15px;}



.honner2{

	width: 80%;

	margin: 0 auto;

	padding: 20px 0;

}

.honner2 ul li{

	    width:14.2%;

    padding: 0 5px;

	    

	box-sizing: border-box;

	float: left;

}

.honner3{

	width: 85%;

	margin: 0 auto;

	padding: 20px 0;

}

.honner3 ul li{

	       width: 12.5%;

    padding: 0 5px;

    box-sizing: border-box;

    float: left;

}