/*-----分页样式-----*/
.pagelist {
	clear: both;
	text-align: center;
	padding: 2% 0 5%;
}
.pagelist a {
	border: #00469c 1px solid;
	margin-right: 6px;
	padding: 4px 7px;
	color: #00469c;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.pagelist .page-status {
	display: none;
}
.pagelist a:hover {
	color: #fff;
	background: #00469c ;
	text-decoration: none;
}
.pagelist span.current {
	border: #00469c 1px solid;
	background-color: #00469c;
	margin-right: 6px;
	padding: 4px 7px;
	color: #fff;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.pagelist span.disabled {
	border: #ccc 1px solid;
	margin-right: 6px;
	padding: 4px 7px;
	color: #3C3C3C;
}

.pagelist_mob {
	display: none;
}

@media screen and (max-width:768px) {
.pagelist {
	display: none;
}

.pagelist_mob {
	display: block;
}

.pagelist_mob {
	line-height: 30px;
	text-align: center;
	/*font-size: 1.2rem;*/
	padding: 20px 0;
}
.pagelist_mob a, .pagelist_mob span {
	padding: 4px 8px;
	border: 1px solid #555;
}
.pagelist_mob span {
	margin: 0 6px;
}
.pagelist_mob a:hover {
	background: #E5E5E5;
	text-decoration: none;
}
}

/*banner */
.banner{background: #f7f7f7;position: relative;}
.banner .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.banner .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 0;
	background: none !important;
}
.banner .index_banner .item .block_txt{
	position: absolute;
	margin: 0;
    padding: 0;
    text-align: left;
    top: 0;
	left: 50%;
    bottom: 0;
	z-index: 2;
	transform: translate(-50%,0);
	text-shadow: 0 1px 2px rgba(82,82,132,.4);
	width: 1500px;
}
.banner .index_banner .item.active .block_txt{opacity: 1; }
.banner .index_banner .item .block_txt .txt{width: 35%;top:50%;opacity: 0;background: rgba(0,70,156,.8);border-radius: 30px 0 30px 0;
	position: absolute;left: -40px;color: #fff;z-index: 5;padding: 50px;transform: translateY(-50%);}
.banner .index_banner .item .block_txt .txt h3{font-size: 46px;font-weight: bold;margin: 30px 0;}
.banner .index_banner .item .block_txt .txt img{width: auto;margin: 0 auto;}
.banner .index_banner .item.active .block_txt .txt{opacity: 1;visibility: visible;transition: all 0.5s ;left: 0;}
.banner .index_banner .item .block_txt .txt .des{font-size: 22px;line-height: 30px;color: #fff;opacity: 0;visibility: hidden;margin-bottom: 30px;margin-top: -20px;}
.banner .index_banner .item.active .block_txt .txt .des{opacity: 1;visibility: visible;transform: translateY(0);transition: all 0.5s 1s;}
.banner .index_banner .item .block_txt .txt a{opacity: 0;visibility: hidden;display: inline-block;padding: 8px 35px;color: #fff;transition: all 0.5s 1.5s;font-size: 14px;border-radius: 30px;background: linear-gradient(to right, #0d97d0 0%,#89bca3 100%);}
.banner .index_banner .item.active .block_txt .txt a{opacity: 1;visibility: visible;}
.banner .index_banner .item li{display:flex ;align-items: center;margin-right: 30px;justify-content: center;flex-direction: column;}
.banner .index_banner .item .icon{width: 80px;height: 80px;border-radius: 100%;border: 2px solid #fff;text-align: center;}
.banner .index_banner .item .icon i{font-size: 32px;line-height: 80px;}

.banner .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}

.banner .item.active .bg{width: 100%;transform: translateX(0);transition: all .5s 0ms;}
.banner .left{left: 0;}
.banner .right{right:0;}
.banner .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.banner .slick_txt .slick_arrow{
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 1;
	visibility: hidden;
}
.banner .slick_txt.left .slick_arrow{transform: rotate(180deg) translateY(50%);left:60px;}
.banner .slick_txt.right .slick_arrow{right:60px;}
.banner .slick_txt .prev .ico{background:url(../images/ban_prev.png) center no-repeat;width: 100%;height: 100%;}
.banner .slick_txt .next .ico{background:url(../images/ban_prev.png) center no-repeat;width: 100%;height: 100%;}
.banner .slick_txt .prev:hover .ico{background:url(../images/ban_prev.png) center no-repeat;width: 100%;height: 100%;}
.banner .slick_txt .next:hover .ico{background:url(../images/ban_prev.png) center no-repeat;width: 100%;height: 100%;}

.banner .circle{
    position: absolute;
    width: 50px;
    height: 50px;
    top: -1px;
    left: -1px;
}
.banner .circle-half{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    overflow: hidden;
}
.banner .circle_right{
    right: 0;
}
.banner .circle_left{
    left: 0;
}
.circleProgress{
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
}
.rightcircle {
    border-top: 2px solid #00469c;
    border-right: 2px solid #00469c;
    right: 0;
    animation: circleProgressLoad_right 4000ms linear infinite;
}
.leftcircle {
    border-bottom: 2px solid #00469c;
    border-left: 2px solid #00469c;
    left: 0;
    animation: circleProgressLoad_left 4000ms linear infinite;
}
.leftcircle, .rightcircle {
    /* transform: rotate(45deg); */
}
@-webkit-keyframes circleProgressLoad_right {
    0% {
        transform: rotate(-140deg)
    }

    50% {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@keyframes circleProgressLoad_left {
    0% {
        transform: rotate(-135deg)
    }

    50% {
        transform: rotate(-135deg)
    }

    to {
        transform: rotate(45deg)
    }
}

.banner .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.banner .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner .number span:last-child{margin-right: 0;}
.banner .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner .number span.active:after{width: 100%;opacity: 1;visibility: visible;}
.slick-slide img{width: 100%;height: auto;}
.slick-dots li{width: 15px;}
.slick-dots li button:hover:before, .slick-dots li button:before{color: #00469c;font-size: 30px;opacity: 1;}
.slick-dots li.slick-active button:hover:before,.slick-dots li.slick-active button:before{color: #cd2f67;}
.slick-dots{bottom: 10px;}

.wrapper{max-width: 1500px;margin: 0 auto;padding: 0 10px;}
.homemain .title{padding: 3% 0;color: #333;text-align: center;overflow: hidden;position: relative;}
.homemain .title h3{display: inline-block;position: relative;font: 600 36px "Microsoft yahei", Helvetica, Arial, sans-serif;text-transform: uppercase;padding: 0 70px;}
.homemain .title h3::before{content: '';position: absolute;width: 40px;height: 100px;background: url(../images/tit_bg.png)top center no-repeat;top: -60px;left: 0;}
.homemain .title h3::after{content: '';position: absolute;width: 40px;height: 100px;background: url(../images/tit_bg.png)top center no-repeat;transform: rotate(180deg);bottom: -60px;right: 0;}
.homemain .imgarea img{width: 100%;height: 100%;}
.imgarea{overflow: hidden;}
.imgarea img{transition: all .5s;}
.imgarea:hover img{transform: scale(1.1);}

.homemain .section{padding: 3% 0;}
.homemain .products ul{width: 102%;}
.homemain .products li{margin: 15px 2% 15px 0;padding: 0;width: 31.33%;}
.homemain .products .profirst{background: #f9f9f8;height: 325px;display: flex;justify-content: center;align-items: center;}
.homemain .products .profirst .wrap{padding: 30px;overflow: hidden;}
.homemain .products .profirst .num1{color: #999;font-size: 28px;line-height: 1;}
.homemain .products .profirst .tit{font-size: 30px;margin:15px 0;}
/* .homemain .products .profirst .des{overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient: vertical;} */
.homemain .products .proitem{position: relative;}
.homemain .products .proitem .imgarea{width: 100%;height: 325px;overflow: hidden;}
.homemain .products .proitem .txtarea{width: 100%;font-size: 18px;background: rgba(230,230,230,.8);padding: 0 20px;line-height: 55px;height: 55px;margin-top: -55px;position: relative;z-index: 3;;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.homemain .products .proitem:hover .txtarea{background: #00469c;color: #fff;}

.homemain .solution .imgarea{padding: 0;height: 520px;}
.homemain .solution .txtarea{height: 520px;background: #f9f9f8;}
.homemain .solution  .title-list{display: flex;align-items: center;flex-direction: column;width: 15%;height: 100%;justify-content: center;}
.homemain .solution  .title-list li{margin-bottom: 40px;font-size: 18px;text-align: center;}
.homemain .solution  .title-list i{font-size: 40px;margin-bottom: 8px;line-height: 1.2;}
.homemain .solution .title-list i.icon-chuangxinyingyong{font-size: 50px;}
.homemain .solution .article{width: 85%;padding: 40px;}
.homemain .solution .article .cont{opacity: 0;height: 0;transform: translateY(40px);}
.homemain .solution .article .cont.showup{opacity: 1;height: auto;transform: translateY(0px);transition: all 0.5s ease 0.5s;}
.homemain .solution .article .num1{color: #999;font-size: 28px;}
.homemain .solution .article .tit{font-size: 30px;margin:20px 0;}
.homemain .solution .article .des{overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;}
.homemain .solution .article .steps{display: flex;flex-wrap: wrap;margin-top: 40px;}
.homemain .solution .article .steps li{margin-right: 20px;color: #00469c;}


.homemain .about{background: url(../images/about-bg.jpg) center no-repeat;margin: 3% 0;background-size: 100% 100%;}
.homemain .about .txtarea{padding: 20px 40px 20px 0 ;}
.homemain .about .txtarea p{margin-bottom:20px;}
.homemain .about .txtarea .more{padding: 10px 40px;background: #00469c;color: #fff;display: inline-block;margin-top: 20px;}
.homemain .about .imgarea{position: relative;padding-right: 20px;}
.homemain .about .imgarea::after{position: absolute;content: '';width: 20px;height: 160px;background: #00469c;top: 0;right: 0;}
.homemain .about ul{margin-top: 40px;background: #fff;}
.homemain .about li{text-align: center;width: 25%;float: left;padding: 30px 0;}
.homemain .about ul{font-size: 18px;}
.homemain .about ul .top{color: #00469c;font-size: 48px;}
.homemain .about li:hover{box-shadow: 0 0 10px #eee;}

.homemain .news{padding-bottom: 3%;}
.homemain .news .newscontent{background-color: #f9f9f8;}
.homemain .news .hotnews{padding: 0;}
.homemain .news .imgarea{width: 100%;height: 400px;overflow: hidden;}
.homemain .news .tit{font-size: 18px; }
.homemain .news .time{font-size: 14px ;color: #666;}
.homemain .news .txtarea{background: #00469c;color: #fff ;padding: 20px;}
.homemain .news .txtarea .time{color: #fff;}
.homemain .news .newscontent li{padding: 20px 0;border-bottom: 1px solid #eee;}
.homemain .news .newscontent li:last-child{border-bottom: none;}
.homemain .news .newslist{padding: 0 50px;}

.homemain .news .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.homemain .news .top ul{display: flex;font-size: 18px;}
.homemain .news .top li{width:150px;height: 55px;line-height: 55px;text-align: center ;background: #fafafa;color: #333;margin-left: 20px;}
.homemain .news .top li.active{background: #00469c;color: #fff;}
.homemain .news .newsbox .newscontent{opacity: 0;height: 0;overflow: hidden;}
.homemain .news .newsbox .newscontent.showup{opacity: 1;height: auto;transform: translateY(-10px);transition: all 0.5s ease 0.5s;}


.overflow1{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }


.foot{width: 100%;padding: 3% 0 0;position: relative;background: #f9f9f8;}
.foot .fr{width: 450px;}
.foot .fo_nav{display: flex;}
.foot .fo_nav li{flex: 1;margin-right: 40px;}
.foot .fo_nav li h5{font-size: 18px;color: #222;margin-bottom: 20px;}
.foot .fo_nav li:hover h5 a{color: #00469c;}
.foot .fo_contact{margin-top: 30px;}
.foot .tel{font-size: 28px;color: #00469c;line-height: 1.2;}
.foot .tel i{font-size: 32px;margin-left: -35px;}
.foot .codelist{display: flex;flex-direction: wrap;text-align: center;justify-content: space-between;margin-left: -8px;margin-top: 10px;}
.foot .codelist img{max-width: 100px;}
.foot .codelist p {font-size: 12px;color: #999;}
.copyright{width: 100%;padding: 15px 0;}
.copyright .support{color: #333;margin-left: 20px;}

.foot .gotop{position: absolute;right: -50px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;text-align: center;border-radius: 50%;background: #2a2972;color: #fff;line-height: 1;}
.foot .gotop i{transform: rotate(180deg);display: inline-block;font-size: 20px;margin-top: 5px;}

.fixed-b {width: 100%; background: #2a2972; bottom: 0; left: 0;z-index: 999; font-size: 14px;position: fixed;padding: 10px 0;display: none;}
.fixed-b li{ width: 25%; text-align: center; color: #fff; float: left;border-right: 1px solid #777;box-sizing: border-box;}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 24px;padding-right: 5px;color: #fff;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}

.fixed-r{position:fixed;width:80px;height:auto;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
.fixed-r ul{display: flex;flex-direction: column;align-self: center;transform: translateX(80px);transition: all .5s;}
.fixed-r ul li{position:relative;}
.fixed-r ul li .icon-box{width:80px;background: #fff;transition:all 0.5s;line-height: 1.5;padding: 10px 0;color: #000;border-bottom: 1px solid #eee;display: flex;flex-direction: column;align-items: center;font-size: 18px;}
.fixed-r ul li:last-child .icon-box{border: none;}
.fixed-r ul li .icon-box i{font-size: 30px;line-height: 1.2;color:#00469c;}
.fixed-r ul li .txt-box{z-index: 0;width: 250px;height: 100%;display: flex;flex-direction: column;border-radius: 5px;align-items: center;justify-content: center;font-size: 16px;position: absolute;right: -300px;top: 0;transition: all .5s;background: #00469c;color: #fff;top: 0;}
.fixed-r ul li .txt-box p{font-size: 24px;line-height: 1;}
.fixed-r ul li:hover .txt-box{right: 0;}
.fixed-r ul li .wx_code{width: 120px;height: 120px;position: absolute;overflow: hidden;padding: 10px;z-index: -1;}
.fixed-r ul li:hover .wx_code{right: 80px;}
.fixed-r ul li .wx_code img{width: 100%;}

.fixed-icon{width: 60px;height: 60px;line-height: 60px;border-radius: 4px;text-align: center;background: #00469c;color: #fff;margin-bottom: 50px;transform: translateX(80px);transition: all .5s;}
.fixed-icon.show{transform: translateX(20px);}
.fixed-r ul.show{transform: translate(0);}



@media only screen and (max-width: 1400px){
	.banner .index_banner .item .block_txt{width: 100%;}
	.banner .index_banner .item .block_txt .txt h3{font-size: 40px;}
	.banner .index_banner .item .block_txt .txt{padding:30px 40px 40px ;}
	.homemain .products .profirst{height: 22vw;}
	.homemain .products .proitem .imgarea{height: 22vw;}
	.homemain .about ul .top{font-size: 38px;}
	.header .navbar_nav li.dropdown{margin: 0 20px;}
	.banner .index_banner .item{height: auto;}
	.banner .index_banner .items{height: auto;background: none !important;}
	.banner .index_banner .items img{display: block;}
}

@media only screen and (max-width: 1200px){
	.header .langue{margin: 0 20px;}
	.header .navbar_nav li.dropdown{margin: 0 10px;}
	.header,.header .logo{height: 90px;}
	.header .langue,.header .search,.header .nav{line-height: 90px;}
	.header .webwebsite{margin-top: 25px;}
	.banner .index_banner .item .block_txt{left: 58%;}
	.banner .index_banner .item .block_txt .txt{width: 45%;}
	.banner .index_banner .item .block_txt .txt h3{font-size: 36px;margin: 20px 0;}
	.banner .index_banner .item .block_txt .txt .h3{font-size: 24px;}
	.homemain .products .profirst .tit{
		font-size: 24px;
		margin: 10px 0;
	}
	.homemain .products .profirst .num1{line-height: 1;}
	.homemain .about ul .top{font-size: 30px;}
	.homemain .products .profirst{height: 32vw;}
	.homemain .products .proitem .imgarea{height: 32vw;}
	.homemain .solution .imgarea{height: 40vw;}
	.homemain .solution{background: #f9f9f8;height: 40vw;}
	.homemain .solution .txtarea{background: none;height: 40vw;}
	.homemain .solution .article{padding: 30px 40px 0 40px;}
	.homemain .solution .article .tit{font-size: 26px;margin: 15px 0;}
	.homemain .news .imgarea{height: 30vw;}
	.foot .fr{display: none;}
	.homemain .products li{width: 48%;}
}

@media only screen and (max-width: 1000px){
	.header .webwebsite{margin-right: 60px;}
	
	.homemain .products .proitem .imgarea{height: 55vw;}
	.homemain .solution .imgarea{height: 55vw;}
	.homemain .solution .txtarea{height: 400px;}
	.homemain .news .imgarea{height: 55vw;}
	.homemain .about li{padding: 20px 0;}
	.homemain .solution{height: auto;}
	.foot{padding: 0;}
	.foot .top{display: none;}
	.foot .fr{display: none;}
	.homemain .products li{width: 100%;}
}

@media only screen and (max-width: 768px){
	.banner .index_banner .item .block_txt .txt{width: 55%;}
	.banner .index_banner .item .block_txt .txt{padding: 20px 0 20px 20px;}
	.banner .index_banner .item .block_txt .txt h3{font-size: 30px;}
	.banner .index_banner .item .block_txt .txt .iconlist{display: none;}
	.homemain .title h3{font-size: 24px;}
	.homemain .case .txtarea .more{margin-top: 30px;}

	.banner .index_banner .item.active .block_txt .txt .des{display: none;}
	.banner .index_banner .item .block_txt .txt h3{margin-bottom: 20px;}
	.banner .index_banner .item .block_txt .txt a{padding: 8px 30px;}
	.banner .slick_txt .prev{left: 10px;}
	.banner .slick_txt .next{right: 10px;}
	.homemain .about .txtarea{padding: 20px 20px 20px 0;}
	.homemain .news .newslist{padding: 0 30px;}
	.homemain .products .profirst{height: 60vw;}
	.homemain .solution .article .tit{font-size: 22px;}
	.homemain .solution .title-list{flex-direction: row;width: 100%;height: auto;justify-content: space-between;}
	.homemain .solution .title-list li{margin: 10px 20px;}
	.homemain .solution .title-list i{line-height: 40px;}
	.homemain .solution .article{width: 100%;padding: 0;}
	.homemain .news .top{flex-direction: column;}
	.homemain .about li{width: 50%;}
	.slick-slide img{width: 140%;}
}

@media only screen and (max-width: 640px){
	.header .webwebsite,.header .langue,.header .search{display: none;}
	.homemain .solution .article .steps{margin-top: 15px;}
	.homemain .solution .article .num1{line-height: 1;}
	.h3{font-size: 24px;}
	.homemain .about .txtarea{padding: 0;}
	.homemain .about .txtarea .more{margin: 15px 0 10px;}
	.homemain .news .newslist{padding: 0 15px;}
	.banner .index_banner .item .block_txt .txt{width: auto;}
	.banner .index_banner .item .block_txt .txt{padding: 15px 30px;}
	.banner .index_banner .item .block_txt .txt .h3{font-size: 20px;}
	.banner .index_banner .item .block_txt .txt h3{font-size: 24px;}
	.fixed-r{display: none;}
}

@media only screen and (max-width: 480px){
	
}