@charset "utf-8";
/*slide*/
.index_slide{width:100%;position:relative;}
.index_slide .img{width:100%;}
.index_slide .img img{width:100%;display:block;height:auto;}
.index_slide .pic{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.index_slide .pic img{width:100%;display:block;height:auto;}
@-webkit-keyframes picfr{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes picfr{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
.index_slide .swiper-slide-active .pic{
	-webkit-animation-name:picfr;
	animation-name:picfr;
	
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
}

.index_slide .prev,
.index_slide .next{width:40px;height:90px;position:absolute;top:calc(50% - 45px);z-index:5; background-position: top center; background-repeat:no-repeat;cursor: pointer;}
.index_slide .prev{left:55px;background-image:url(../images/index/slide_prev.png); }
.index_slide .next{right:55px; background-image:url(../images/index/slide_next.png);}
.index_slide .prev:hover,
.index_slide .next:hover{background-position: bottom center;}
/*--------------------------------------------------------------------------------------------------*/
/*搜索*/
.index_search{width: 100%;border-bottom: 1px solid #eee;}
.index_search .fl{height:76px;display: flex;align-items: center; position:relative;}
.index_search .fl a{ margin-left:10px;}
.index_search .fl a:first-child{ margin-left:0;}

.index_search .fr{height:76px;display: flex;align-items: center;justify-content: flex-end;}
.index_search .fr form{ position:relative;}
.index_search .fr form input{outline: none;border: none;height: 36px;line-height: 20px;border-radius: 30px;display: block;}
.index_search .fr form input[type="text"]{width: 280px;padding: 8px 60px 8px 15px;background: #f6f6f6;}
.index_search .fr form input[type="submit"]{width: 50px;background: url(../images/sou.png) #333 no-repeat center ;position: absolute;right: 0;top: 0;cursor: pointer;}
.index_search .fr form input[type="submit"]:hover{background-color: #0957ab;}
/*--------------------------------------------------------------------------------------------------*/
.index_title{text-align: center;width: 100%;padding-bottom: 30px;}
.index_title h3{font-size:28px;font-weight:normal;display:block;line-height:30px;background: url(../images/index_titbg.png) no-repeat center;}
.index_title h3 b{display:inline-block;font-weight:normal;color:#045ca9;font-size: 28px;}
.index_title p{color:#666;font-size:16px;text-transform:uppercase;font-weight: normal;padding-top:20px;}

.index_meau{text-align: center;padding-bottom: 30px;}
.index_meau a{padding: 0 16px;height: 40px;line-height: 40px;background: #045ca9;font-size: 18px;display: inline-block;	margin: 0 20px 10px 20px;color: #fff;}
.index_meau a:hover{color: #333;background: #fbdd16;}

.index_more{margin:40px 0 20px;display: flex;align-items: center;justify-content: center;}
.index_more i{width: calc(50% - 100px);background: #ccc;height: 1px;}
.index_more a{display: flex;width: 200px;height: 48px;font-size: 16px;align-items: center;justify-content: center;border: 1px solid #ccc;}
.index_more:hover a{background: #045ca9;color: #fff;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInY{
	0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
	100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{
	0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
	100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
/*--------------------------------------------------------------------------------------------------*/
/*产品*/
.index_pro{ padding:60px 0 40px;overflow:hidden;}
.index_pro .list{width:100%; position:relative; font-size:0;}
.index_pro .list .item{ display:inline-block; margin:0 20px 20px 0; width:calc(calc(100% - 40px) / 3);}
.index_pro .list .item:nth-child(3n){ margin:0 0 20px 0;}

.index_pro .list .item .img{width:100%;overflow: hidden;position: relative;}
.index_pro .list .item .img img{display: block;width:100%;transition:transform .5s ease;}
.index_pro .list .item:hover .img img{transform: scale(1.05);}
.index_pro .list .item .img em{position: absolute;width: 100%;height: 100%;background: url(../images/hov_ico1.png) rgba(0,0,0,.3) no-repeat center/65px;left: 0;top: 0;opacity: 0;transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.index_pro .list .item:hover em{opacity: 1;transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;}
.index_pro .list .item p{background: #045ca9;color: #fff;display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;text-align: center; overflow:hidden;}
/*--------------------------------------------------------------------------------------------------*/
/*banner*/
.index_ban{width: 100%;background: url(../images/index_banbg.jpg) no-repeat center/cover; padding:40px 0;}
.index_ban .w1200{ position:relative;}
.index_ban .more{display: block;background: #fff;position: absolute;right: 0;top: calc(50% - 22px);border-radius: 3px;cursor: pointer;}
.index_ban .more a{width: 200px;height: 40px;margin: 5px 10px;display: block;line-height: 34px;color: #045ca9;font-size: 20px;font-weight: bold;border: 1px solid #045ca9;border-radius: 3px;text-align: center;}
.index_ban .more:hover{animation: flipInY 1s ease-out;-webkit-animation: flipInY 1s ease-out;}

.index_ban .div1{color: #fff;font-size: 40px;line-height: 52px;height: 52px;display: block;}
.index_ban .div1 span{font-size: 24px;font-weight: 100;letter-spacing: 3px;padding-left: 1em;}
.index_ban .div2{width: 100%;display: flex;position:relative; }
.index_ban .div2 p{width: 310px;background: url(../images/telbg.png) no-repeat center/cover;height: 40px;display: flex;color: #045ca9;font-size:28px;align-items: center;text-indent: 70px;font-family: arial;}
.index_ban .div2 p.p1{margin-top:40px;}
.index_ban .div2 p.p2{margin-top:30px;}
/*--------------------------------------------------------------------------------------------------*/
/*流程*/
.index_liuc{background: #222;overflow: hidden;position: relative; padding:40px 0;}
.index_liuc .index_title,
.index_liuc .index_title *{color: #fff;}
.index_liuc .list ul li{float: left;}
.index_liuc .list ul li .jtou{width: 120px;height: 100px;background: url(../images/jtou.png) no-repeat center;float: left;display: block;}
.index_liuc .list ul li img{width:100px;height:100px;display:block;margin-bottom: 20px;border-radius: 50%;}
.index_liuc .list ul li:hover img{animation: flipInY 1.2s ease-out forwards;-webkit-animation: flipInY 1.2s ease-out forwards;}
.index_liuc .list ul li p{text-align:center;color:#fff;font-size:16px;float: left;}
.index_liuc .list ul li:last-child .jtou{display: none;}

.index_liuc .bd{overflow: hidden;width: 100%;*zoom: 1;position: relative;}
.index_liuc a.btn{width: 45px;height: 45px;}
.index_liuc a.btn.prev{background-position:-100px -98px;}
.index_liuc a.btn.prev:hover{background-position:-150px -98px;}
.index_liuc a.btn.next{background-position:-200px -98px;}
.index_liuc a.btn.next:hover{background-position:-250px -98px;}
/*--------------------------------------------------------------------------------------------------*/
/*案例*/
.index_case{padding: 60px 0 40px 0;overflow: hidden;position: relative;background: url(../images/index_casebg.jpg) no-repeat center/cover;}
.index_case ul{width: 108%;}
.index_case ul li{position: relative;float:left;width:378px;height:400px;margin-right:28px;transition: all 0.2s linear 0s;border: 1px solid #ddd;background: #fff;}
.index_case ul li a{display: block;padding:30px;color: #333;}
.index_case ul li .img{width:320px;height: 240px;overflow: hidden;cursor: pointer;position: relative;}
.index_case ul li .img img{width:100%;height:100%;transition: all 0.3s ease-out 0s;display:block;}
.index_case ul li:hover .img img{transform: scale(1.2, 1.2);}
.index_case ul li h3{font-size:20px;line-height:40px;padding-top:12px;}
.index_case ul li .desc{line-height:24px;overflow:hidden;margin-bottom:5px;cursor:pointer;padding-top: 10px;}
.index_case ul li span{position: absolute;bottom: 30px;left: 30px;display:block;color:#fff;font-family:arial;width:120px;height:30px;line-height:30px;background:#045ca9;text-align: center;}
.index_case ul li:hover{background:#045ca9;border:1px solid #045ca9;color:#fff;}
.index_case ul li:hover a{color: #fff;}
.index_case ul li:hover span{background:#fbdd16;color:#045ca9;}

.index_case .bd{position: relative;overflow: hidden;margin-bottom: 20px;}
.index_case .hd{text-align: center;padding-top: 20px;}
.index_case .hd a.btn{position: relative;top: auto;display: inline-block;margin: 0 5px;}
.index_case .hd a.btn.prev{left: auto;}
.index_case .hd a.btn.next{right: auto;}

a.btn{width: 40px;height:40px;display: block;position: absolute;top:28%;cursor: pointer;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
a.btn.prev{background-position:-100px -50px;left: -5%;}
a.btn.next{background-position:-190px -50px;right:-5%;}
a.btn.prev:hover{background-position:-145px -50px;}
a.btn.next:hover{background-position:-236px -50px;}
/*--------------------------------------------------------------------------------------------------*/
/*news*/
.index_news{padding:60px 0 40px;overflow:hidden;}
.index_news .info{ width:100%;position: relative;overflow: hidden;}
.index_news .info .left{float:left;width: 650px;}
.index_news .info .right{float:right;width:calc(100% - 650px);padding-left:30px;}
.index_news .info .left,
.index_news .info .right{position: relative;overflow: hidden;height:488px;}

.index_news .bd{width:100%;position: relative; font-size:0;}
.index_news .bd .item{position: relative; width:100%; display:inline-block;overflow:hidden;}
.index_news .bd .item img{display:block;width:100%;transition:transform .8s ease-out;}
.index_news .bd .item:hover img{transform: scale(1.05);}
.index_news .bd .item .desc{background:rgba(4,92,169,.5);position: absolute;left: 0;bottom:0;width:100%;height:150px;z-index: 5; padding:25px;}
.index_news .bd .item .desc p{display: block; color:#fff;}
.index_news .bd .item .desc .p1{font-size: 20px;height: 25px;display: flex;align-items: center;justify-content: space-between;}
.index_news .bd .item .desc .p1 i{font-style: normal;}
.index_news .bd .item .desc .p2{margin-top: 10px;line-height: 20px;font-size: 14px;}

.index_news .hd{height: 15px; overflow: hidden;position: absolute;right: 25px;bottom: 25px;z-index: 10;display: flex;justify-content: flex-end;align-items: flex-end;}
.index_news .hd i{margin-left: 6px;width: 12px;height: 12px;background: #fff;cursor: pointer;border-radius: 100%;border: #fff 2px solid;transition: background .5s ease;}
.index_news .hd i.on{background:#0957ab;}

.index_news .right .item{display: block;position: relative;width: 100%;height:113px;margin-top:12px; padding-bottom:13px;}
.index_news .right .item:first-child{ margin-top:0;}
.index_news .right .item:after,
.index_news .right .item:before{content: "";position: absolute;bottom:0;left: 0;height: 1px; display:block;}
.index_news .right .item:after{width:100%;background: #ddd; z-index:1;}
.index_news .right .item:before{width: 0;background: #045ca9;transition: width .8s ease-out; z-index:2;}
.index_news .right .item:hover:before{width: 100%;}

.index_news .right .tit{position:relative; display:block; width:100%;}
.index_news .right .tit h1{font-size: 18px; line-height:24px;height:24px;overflow:hidden;position:relative;}
.index_news .right .tit h1 i{width: 14px;height: 14px;position: absolute;right: 0;top: 50%;display: block;transform: translateY(-50%);}
.index_news .right .tit h1 i:before,
.index_news .right .tit h1 i:after{ content:""; position:absolute;left:50%;top:50%; display:block;background:#0957ab;transform: translate(-50%,-50%);}
.index_news .right .tit h1 i:before{width:2px; height:14px;}
.index_news .right .tit h1 i:after{width:14px; height:2px;}
.index_news .right .tit p{font-size: 12px;color: #666; line-height:20px; height:20px;overflow:hidden; margin-bottom:10px;}
.index_news .right .p2{font-size:14px;line-height:23px;color:#333;height:46px;overflow:hidden;}
/*--------------------------------------------------------------------------------------------------*/
/*关于*/
.index_about{padding-top:60px; position:relative; z-index:5;}
.index_about .info .fl{ width:calc(100% - 700px);background: #fff; height:240px; padding:40px; position:relative;}
.index_about .info .fl p{color: #333;font-size: 14px;height: 100px;overflow: hidden;line-height: 25px;margin-bottom: 26px;}
.index_about .info .fl a{width: 150px;height: 34px;position: absolute;left: 40px;bottom: 40px;display: block; text-align:center; line-height:32px;color:#045ca9;border: 1px solid #045ca9;border-radius: 20px;}
.index_about .info .fl a:hover{background:#045ca9;color: #fff;}
.index_about .info .fr{cursor: pointer;width:650px; height:340px; background-position: left center; background-repeat:no-repeat; background-size:cover;margin-left:50px;}
.index_about .info .fr:before{content: "";position: absolute;width:80px;height:340px;top: 0;overflow: hidden;}
/*高光特效*/
.on1{overflow: hidden; position: relative;}
.on1:hover{opacity: .9\0; filter: alpha(opacity=90);}
.on1:before{
	left:-136px;
	
	background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
	background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	
	-webkit-transform: skewX(-32deg);
	-ms-transform: skewX(-32deg);
	-moz-transform: skewX(-32deg);
	transform: skewX(-32deg);
}
.on1:hover:before{
	left:750px;
	
	-webkit-transition: left 1.1s;
	-moz-transition: left 1.1s;
	-ms-transition: left 1.1s;
	transition: left 1.1s;
	
}
/*--------------------------------------------------------------------------------------------------*/
/*友情链接*/
.index_bottom{width:100%;background:#f8f8f8;}

.index_link{padding-bottom: 50px;background: url(../images/index_abg.jpg) no-repeat center/cover;position:relative; z-index:1;margin-top:-50px;}
.index_link .w1200{height:150px;display: flex;align-items: center;}
.index_link i{width:268px;height:25px;background:url(../images/index_linkbg.png) no-repeat left center/100%; margin-right:10px;}
.index_link a{color: #fff;padding: 0 5px;line-height: 25px;}
.index_link a:hover{color: #f9e012;}
/*--------------------------------------------------------------------------------------------------*/