/* flexslider */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    margin: 0;
    padding: 0;
    position: relative
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.index-page{background-color: #fff;}
/*service*/
.icon_dingzhi{background: url(../images/pc11.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;/*background-size: 1000px;background-position: 0px -289px;*/}
.min_box:hover .icon_dingzhi{background: url(../images/pc1.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;/*background-size: 1000px;background-position: 0px -389px;*/}

.icon_star{background: url(../images/shouji22.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;/*background-size: 1000px;background-position: -200px -289px;*/}
.min_box:hover .icon_star{background: url(../images/shouji2.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;/*background-size: 1000px;background-position: -200px -389px;*/}

.icon_set{background: url(../images/icon.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;background-size: 1000px;background-position: -400px -289px;}
.min_box:hover .icon_set{background: url(../images/icon.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;background-size: 1000px;background-position: -400px -389px;}

.icon_earth{background: url(../images/ding33.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;/*background-size: 1000px;background-position: -600px -289px;*/}
.min_box:hover .icon_earth{background: url(../images/ding3.png) no-repeat center center;display: block;width: 73px;height: 64px;margin: auto;/*background-size: 1000px;background-position: -600px -389px;*/}

.box{margin-top: 50px;overflow: hidden;}
.h2-title{font-size: 32px;margin-bottom: 60px;text-align: left;}
.index-page .e_solution{
    margin-top: 60px;
}
.index-page .e_solution *{transition: all 0.5s; -webkit-transition: all 0.5s;  }
.index-page .e_solution .title{font-size: 22px;margin-bottom: 15px;text-align: center;}
.index-page .e_solution .min_box{float: left;width: 340px;height: 380px;border-radius:16px;background-color: #f1f1f1;padding: 50px 20px;position: relative;margin-right: 30px;background-image:url(../images/hover_bg1.png);background-repeat: no-repeat;background-position: -1000px;padding-top:55px;}
.index-page .e_solution .min_box .title3{ font-size: 24px;  color: #0086cd;  text-align: center; line-height: 72px;}
.index-page .e_solution .min_box .line{ width: 48px; height: 2px; background-color: #0086cd; display: block; margin: auto;}
.index-page .e_solution .min_box .paragraph{ color: #066666; margin-top: 30px; text-align: justify; font-size: 20px; line-height: 150%;text-indent:2em;}
.index-page .e_solution .min_box .customized{ display: block; width: 160px; height: 40px; border-radius: 22px; font-size: 18px; border: 1px solid #0086cd; line-height: 40px; text-align: center; color: #0086cd; position: absolute; bottom: 60px; margin-left: -88px; left: 50%;}
.index-page .e_solution .min_box:hover { background-position: 0px;}
.index-page .e_solution .min_box:hover .title3{ color: #FFF;}
.index-page .e_solution .min_box:hover .line{ background-color: #FFF; /*height: 4px; margin-top:-1px;*/ border-radius:2px;}
.index-page .e_solution .min_box:hover .paragraph{ color: #FFF; }
.index-page .e_solution .min_box:hover .customized{  background-color: #fff; /*border: 1px solid rgba(153, 237, 79, 1); font-weight: bold; line-height: 38px;*/font-weight:bold; }
.index-page .e_solution .m_n{ margin-right:0px;}
/*product*/
html{
    font-size: 100px;
}
.first_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.first_main{
  max-width: 1200px;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*banner版块*/
.first_main .banner_box{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
/*banner盒子*/
.first_main .banner_box .box_list{
  width: 380px;
  height: 100%;
  background:rgba(255,255,255,1);
  /*box-shadow:0 .03rem .06rem rgba(0,0,0,0.06);*/
  border-radius: .05rem;
  text-align: center;
  overflow: hidden;
}
.first_main .banner_box .list_img{
    padding-top:60px;
}
.first_main .banner_box .box_list:not(:last-child){
  margin-right: .3rem;
}
.first_main .banner_box .list_img>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.first_main .banner_box .list_title{
  font-size: 26px;
  font-weight:normal;
  color:rgba(51,51,51,1);
  margin-bottom: 20px;
  margin-top:20px;
}
.first_main .banner_box .list_message{
  font-size: 16px;
  font-weight:normal;
  text-indent:2em;
  text-align:justify;
  line-height:150%;
  color:rgba(138,138,138,1);  
}
    .first_main .banner_box .box_list .list_btm {
        display: none; /*
  width: 1.4rem;
  height: .4rem;
  border: .01rem solid rgba(0,0,0,1);
  font-size: .16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
  color: #000;
  position: relative;
  transition: all .3s;*/
    }
.first_main .banner_box .box_list .list_btm span{
  z-index: 1;
}
/*按钮过渡*/
.first_main .banner_box .box_list .list_btm::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 100%;
  display: inline-block;
  background: #000;
  left: 0;
  transform-origin: right;
  transition: transform 0.3s ease-out;
}
.first_main .banner_box .box_list .list_btm:hover{
  color: #fff;
}
.first_main .banner_box .box_list .list_btm:hover::after{
  background: #000;
  transform: scaleX(1);
  transform-origin: left;
}
.success_inner:hover .success_hover {
    top: -30px;
}
.success_inner:hover .list_title {
    color: #0086cd;
}
.success_hover {
    width: 380px;
    height: 100%;
    top: 0;
    transition: all .3s;
    position: relative;
}
/*customer*/
.kehuanli{width:100%;}
.kehuanli .list{margin:0 auto;display:flex;flex-wrap:wrap;font-size:0;width:1200px;}
.kehuanli .list .item{width:calc(25% - 30px);display: inline-block;margin:0 15px 30px;color: #333;}
.kehuanli .list .item a{display:block;padding:30px;border:1px solid #ccc;position: relative;}
.kehuanli .list .item a:before{content:"";position: absolute;left:-1px;top:-1px;border-top:1px solid #445e9f;border-left:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.kehuanli .list .item a:after{content:"";position: absolute;right:-1px;bottom:-1px;border-right:1px solid #445e9f;border-bottom:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.kehuanli .list .item a:hover:before{width:calc(100% + 1px);height:calc(100% + 1px);visibility: visible;}
.kehuanli .list .item a:hover:after{width:calc(100% + 1px);height:calc(100% + 1px);visibility: visible;}
.kehuanli .list .item .h{font-size:18px;line-height:1.3;overflow: hidden;text-align:center;}
.kehuanli .list .item .p{font-size:14px;margin-top:10px;height:57px;overflow:hidden;}
.kehuanli .list .item .more{font-size:30px;color: #314874;margin-top:35px;}
 /*news*/
/*article details list*/
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.w1400 {
	width: 1200px;
	margin: auto;
}

.information a {
	transition: all 0.4s;
	outline: medium;
}

/********************** information.html ************************/

.information .w1400 {
	display: flex;
	flex-wrap: wrap;
}

.information_box {
	width: 32%;
	margin-right: 2%;
	background: #fff;
	margin-bottom: 24px;
	padding: 34px 0 34px 0;
	transition: all ease-out .3s;
}

	.information_box:hover {
		box-shadow: 0px 4px 20px -4px #CCCCCC;
		transition: all ease-out .3s;
	}

	.information_box:nth-of-type(3n+0) {
		margin-right: 0;
	}

.ib_top {
	margin: 0 34px 0 34px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e4e4e4;
}

	.ib_top h5 {
		font-size: 20px;
		color: #444444;
		margin-bottom: 22px;
		font-weight: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		transition: all ease-out .3s;
	}

.information_box:hover .ib_top h5 {
	color: #0086cd;
	transition: all ease-out .3s;
}

.ib_top p {
	font-size: 16px;
	color: #999999;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ib_bottom {
	margin: 0 34px 0 34px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.ibb_left p:first-child {
	color: #444444;
	font-size: 50px;
	font-family: DIN-Regular;
	text-align: center;
	transition: all ease-out .3s;
}

.information_box:hover .ibb_left p:first-child {
	color: #0086cd;
	transition: all ease-out .3s;
}

.ibb_left p:last-child {
	font-size: 14px;
	color: #777777;
	font-family: DIN-Regular;
}

.ib_bottom .iconfont {
	color: #adadad;
	font-size: 25px;
	transition: all ease-out .3s;
}

.information_box:hover .ib_bottom .iconfont {
	color: #0086cd;
	transition: all ease-out .3s;
}

/******************** information_info.html **********************/
.ib_top:after {
	position: absolute;
	content: "";
	border-bottom: 1px solid #0086cd;
	width: 0;
	bottom: 0;
	left: 0;
	transition: all ease-out .7s;
}

.ib_top {
	position: relative;
}

.information_box:hover .ib_top:after {
	width: 100%;
	transition: all ease-out .7s;
}
.information {
	background: #f1f1f1;
	padding: 60px 0 0 0;
}

/*liucheng*/

.liucheng h4 {
	font-weight: 400
}

.liucheng li,
.liucheng ul {
	list-style: none
}

.liucheng li {
	float: left
}

.liucheng * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

.liucheng em,
.liucheng h3,
.liucheng h4,
i {
	font-weight: 400;
	font-style: normal
}
body,
html {
	height: 100%
}

@font-face {
	font-family: icontx;
	src: url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.eot);
	src: url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.woff2) format('woff2'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.woff) format('woff'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.ttf) format('truetype'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.svg#iconfont) format('svg')
}

.liucheng i {
	font-family: icontx
}

.liucheng .tx-main-title {
	text-align: center;
	margin-bottom: 5px
}

	.liucheng .tx-main-title h3 {
		font-size: 34px;
		color: #3b95ff;
		margin-bottom: 20px
	}

	.liucheng .tx-main-title b {
		font-size: 30px;
		color: #d6d6d6;
		margin-left: 10px;
		font-family: "宋体";
		font-weight: 400
	}

	.liucheng .tx-main-title em {
		font-size: 18px;
		color: #868686;
		line-height: 30px
	}

	.liucheng .tx-main-title .fl {
		display: inline-block;
		float: none
	}

		.liucheng .tx-main-title .fl:first-child {
			margin-right: 100px
		}

	.liucheng .tx-main-title a {
		float: left;
		font-size: 22px;
		line-height: 30px;
		margin: 18px 60px;
		color: #5a5a5a
	}

		.liucheng .tx-main-title a:hover {
			color: #3b95ff
		}

.liucheng .tx-process {
	width: 1200px;
	margin: 0 auto;
}
.liucheng .tx-process-main {
	margin-top: 60px
}

	.liucheng .tx-process-main li {
		width: 20%;
		text-align: center;
		position: relative;
		cursor: pointer
	}

		.liucheng .tx-process-main li:nth-child(2n-1) {
			margin-top: 120px
		}

		.liucheng .tx-process-main li h4 {
			position: relative;
			top: 0;
			width: 128px;
			height: 128px;
			display: inline-block;
			border: 2px solid #1d7be6;
			padding: 6px;
			border-radius: 50%;
			background: #fff;
			z-index: 20
		}

		.liucheng .tx-process-main li i {
			display: block;
			width: 112px;
			height: 112px;
			line-height: 112px;
			overflow: hidden;
			border-radius: 50%;
			background: #1d7be6;
			font-size: 60px;
			color: #fff
		}

		.liucheng .tx-process-main li em {
			position: absolute;
			z-index: -1;
			top: 6px;
			left: 6px;
			display: block;
			width: 112px;
			height: 112px;
			font-size: 20px;
			padding-top: 25px;
			line-height: 30px;
			background: #1d7be6;
			overflow: hidden;
			border-radius: 50%;
			color: #fff
		}

		.liucheng .tx-process-main li h3 {
			font-size: 20px;
			color: #2b75ca;
			line-height: 30px;
			margin-top: 16px
		}

		.liucheng .tx-process-main li b {
			position: absolute;
			width: 100%;
			border-top: 2px dashed #3b95ff;
			z-index: -1
		}

		.liucheng .tx-process-main li:nth-child(2n-1) h4 {
			animation: process 2s infinite;
			-webkit-animation: process 2s infinite
		}

		.liucheng .tx-process-main li:nth-child(2n) h4 {
			animation: processs 2s infinite;
			-webkit-animation: processs 2s infinite
		}

		.liucheng .tx-process-main li:nth-child(2n-1) b {
			transform: rotate(-24deg);
			-ms-transform: rotate(-24deg);
			-moz-transform: rotate(-24deg);
			-webkit-transform: rotate(-24deg);
			-o-transform: rotate(-24deg);
			top: 0
		}

		.liucheng .tx-process-main li:nth-child(2n) b {
			transform: rotate(24deg);
			-ms-transform: rotate(24deg);
			-moz-transform: rotate(24deg);
			-webkit-transform: rotate(24deg);
			-o-transform: rotate(24deg);
			top: 112px
		}

		.liucheng .tx-process-main li:hover h4 {
			transform: rotateY(360deg);
			-ms-transform: rotateY(360deg);
			-moz-transform: rotateY(360deg);
			-webkit-transform: rotateY(360deg);
			-o-transform: rotateY(360deg)
		}

		.liucheng .tx-process-main li:hover i {
			opacity: 0
		}
@keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@-moz-keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@-o-keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}

@-moz-keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}

@-o-keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}
.index_title{
    margin:0 auto;
    width:100%;
}
.index_title .title{
    margin:0 auto;
    font-size: 32px;
    text-align: left;
    width:1200px;	
}
.index_title .title img{
    margin: 0px;
    padding: 0px;
}
.index_hui {
	background-color: #f1f1f1;
}
.index_pad_product{padding-top:60px;}
.index_pad_case{padding-top:60px;padding-bottom:60px;}
.index_pad_news{padding-top:60px;}
.index_pad_process{padding-top:60px;}