/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .7s;transition:all .7s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;font-family:Arial;

*/

/* 公用标题 */
@keyframes msClock {
	0%,70%,100% {transform: rotate(0) scale(1);}
	
	10%,30% {transform: rotate(-15deg) scale(1);}
	
	20%,40% {transform: rotate(15deg) scale(1);}
}


/* 产品中心 */
.box_01{width:100%;padding:20px 0 80px 0;background:url(../images/pro_back.jpg) center bottom no-repeat;overflow:hidden;}

.box_01 .top{width:1280px;height:103px;margin:0 auto;overflow:hidden;}

.box_01 .top .h_title{width:auto;padding-left:90px;height:103px; background:url(../images/p.png) left center no-repeat;float:left;}

.box_01 .top .h_title h3{font-size:36px;line-height:38px;color:#333;font-weight:bold;margin-top:30px;}

.box_01 .top .h_title h3 a{display:block;color:#333;}

.box_01 .top .h_title p{font-size:18px;color:#b2b2b2;line-height:18px;margin-top:15px;}

.box_01 .top .fl_list{width:940px;height:103px;float:right;overflow:hidden;}

.box_01 .top .fl_list li{width:auto;height:43px;border:solid 1px #e5e5e5;overflow:hidden;border-radius:6px;float:left;margin:0 30px 10px 0;position:relative;z-index:0;}

.box_01 .top .fl_list li::before{content:'';width:100%;height:0;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .top .fl_list li:hover::before{content:'';width:100%;height:43px;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .top .fl_list li a{display:block;padding:0 10px 0 35px;line-height:43px;font-size:16px;color:#333;text-align:center;background:url(../images/dian01.png) 10px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .top .fl_list li:hover a{color:#fff;background:url(../images/dian02.png) 10px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01{width:1280px;height:315px;margin:40px auto 0 auto;overflow:hidden; background:url(../images/cir.png) right top no-repeat;position:relative;}

.box_01 .picScroll-left01 .pos{width:790px;height:115px;position:absolute;top:0;right:0;z-index:9; background:url(../images/bt_pro.png) left 20px no-repeat;}

.box_01 .picScroll-left01 .pos::after{content:'';width:1px;height:40px;background-image: -moz-linear-gradient( 90deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 90deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;bottom:0;left:5px;}

.box_01 .picScroll-left01 .pos p{font-size:14px;color:#999;line-height:15px;position:absolute;top:38px;left:240px;}

.box_01 .picScroll-left01 .pos .ss{width:240px;height:39px;border-bottom:solid 1px #e6e6e6;position:absolute;top:20px;right:125px;}

.box_01 .picScroll-left01 .pos .ss .input{width:200px;height:39px;line-height:39px;color:#999;display:block;background:rgba(0,0,0,0);font-size:14px;padding:0 10px 0 0;box-sizing:content-box;float:left;}

.box_01 .picScroll-left01 .pos .ss .button{width:30px;height:39px;display:inline-block;background:url(../images/search.png) center center no-repeat;cursor:pointer;border:none;float:right;}

.box_01 .picScroll-left01 .bd{width:1280px;height:315px;margin:0 auto;position:relative;z-index:5;overflow:hidden;}

.box_01 .picScroll-left01 .bd ul{width:1280px;height:315px;overflow:hidden; zoom:1;}

.box_01 .picScroll-left01 .bd ul li{width:1280px;height:315px;margin-right:10px;position:relative;}

.box_01 .picScroll-left01 .bd ul li a{display:block;}

.box_01 .picScroll-left01 .bd ul li .img{width:420px;height:305px;border:solid 1px #e6e6e6;border-radius:20px 2px 20px 2px;padding:4px;position:relative;overflow:hidden;float:left;}

.box_01 .picScroll-left01 .bd ul li .img img{width:420px;height:305px;vertical-align:top;border-radius:20px 2px 20px 2px;object-fit:cover;}

.box_01 .picScroll-left01 .bd ul li .txt{width:790px;height:315px;float:right;}

.box_01 .picScroll-left01 .bd ul li .txt .name{width:640px;margin-top:145px;font-size:20px;color:#333;line-height:22px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .bd ul li:hover .txt .name{color:#158bf9;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .bd ul li .txt p{width:790px;margin-top:30px;font-size:14px;color:#808080;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_01 .picScroll-left01 .hd{width:260px;height:18px;overflow:hidden;position:absolute;right:530px;bottom:20px;z-index:9;display:flex;justify-content: space-between;}

.box_01 .picScroll-left01 .hd .prev{float:left;width:10px;height:18px;cursor:pointer;background:url(../images/pro_jt_01.png);-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .hd .next{float:right;width:10px;height:18px;cursor:pointer;background:url(../images/pro_jt_03.png);-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .hd .prev:hover{background:url(../images/pro_jt_02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .hd .next:hover{background:url(../images/pro_jt_04.png);-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .hd ul{ float:left;width:120px;height:18px;overflow:hidden;display:flex;justify-content: space-between;}

.box_01 .picScroll-left01 .hd ul li{ float:left;width:9px; height:18px; overflow:hidden;text-indent:-999px; cursor:pointer;background:url(../images/dian03.png) center center no-repeat; opacity:0.4;}

.box_01 .picScroll-left01 .hd ul li.on{background:url(../images/dian03.png) center center no-repeat;opacity:1;}

.box_01 .pro_list{width:1280px;height:275px;margin:40px auto 0 auto;overflow:hidden;}

.box_01 .pro_list li{width:304px;height:275px;overflow:hidden;float:left;margin-right:21px;}

.box_01 .pro_list li:last-child{margin-right:0;}

.box_01 .pro_list li a{display:block;}

.box_01 .pro_list li .img{width:294px;height:218px;padding:5px;background:url(../images/li_bk01.png);-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li:hover .img{background:url(../images/li_bk02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li .img .pic{width:294px;height:218px;position:relative;overflow:hidden;border-radius:20px 2px 20px 2px;}

.box_01 .pro_list li .img .pic img{width:294px;height:218px;vertical-align:top;object-fit:cover;transition: all 1s;}

.box_01 .pro_list li:hover .img .pic img{transform: scale(1.1);}

.box_01 .pro_list li .txt{width:304px;height:47px;line-height:47px;position:relative;overflow:hidden;}

.box_01 .pro_list li .txt::before{content:'';width:304px;height:1px;background:#f5f5f5;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li .txt::after{content:'';width:0;height:1px;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li:hover .txt::after{content:'';width:304px;height:1px;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li .txt .name{width:220px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}

.box_01 .pro_list li .txt .more{width:45px;font-size:12px;color:#808080;text-align:right; background:url(../images/dian04.png) left center no-repeat;float:right;}





/* 企业优势 */
.box_02{width:100%;height:780px;padding-top:77px; background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;position:relative;}

.box_02 .top{width:1280px;height:100px;margin:0 auto;overflow:hidden;}

.box_02 .top .h_title{width:auto;padding-left:90px;height:100px; background:url(../images/r.png) left center no-repeat;float:left;}

.box_02 .top .h_title h3{font-size:36px;line-height:38px;color:#333;font-weight:bold;margin-top:30px;}

.box_02 .top .h_title p{font-size:18px;color:#b2b2b2;line-height:18px;margin-top:10px;}

.look_center{width:1280px;height:auto;margin:55px auto 0 auto;position:relative;z-index:0;}

.look_center .ys_pos01{width:133px;height:133px;background:url(../images/ty01.png);position:absolute;top:-55px;left:510px;z-index:-1;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.look_center .ys_pos02{width:111px;height:111px;background:url(../images/ty02.png);position:absolute;top:85px;right:-60px;z-index:-1;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.look_center .bd{width:1280px;height:395px;}

.look_center .bd .main{width:1280px;height:395px;position:relative;overflow:hidden;}

.look_center .bd .main .img{width:545px;height:395px;overflow:hidden;border-radius:2px 20px 2px 20px;float:left;}

.look_center .bd .main .img img{display:block;width:545px;height:395px; vertical-align:top;}

.look_center .bd .main .txt{width:595px;height:395px;float:right;}

.look_center .bd .main .txt .num{font-size:20px; color:rgba(21,139,249,0.5);line-height:16px;margin-top:35px;}

.look_center .bd .main .txt h4{font-size:20px;color:#158bf9;font-weight:bold;line-height:22px;margin-top:20px;}

.look_center .bd .main .txt span{display:block;font-size:14px;color:rgba(21,139,249,0.4);line-height:16px;margin-top:12px;}

.look_center .bd .main .txt .line{width:2px;height:60px; background:url(../images/ys_line.png);margin-top:25px;}

.look_center .bd .main .txt p{font-size:14px;color:#808080;line-height:30px;margin-top:20px;}

.look_center .hd{width:1280px;height:116px;position:relative;z-index:9;margin:50px auto 0 auto;}

.look_center .hd ul{width:560px;height:116px;display:flex;justify-content: space-between;}

.look_center .hd ul li{width:50px;height:116px;float:left;cursor:pointer;}

.look_center .hd ul li .icon{width:50px;height:50px; background:#fff;border-radius:25px;margin-top:20px;}

.look_center .hd ul li i{display:block;width:50px;height:50px;}

.look_center .hd ul li.on i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}

.look_center .hd ul li:nth-of-type(1) i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(2) i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(3) i{background:url(../images/ys_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(4) i{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(1).on i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(2).on i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(3).on i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(4).on i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li h4{font-size:14px;color:#fff;line-height:15px;text-align:center;margin-top:15px;}

.look_center .hd .arrow{width:145px;height:32px;position:absolute;right:450px;top:-90px;}

.look_center .hd .arrow .prev{float:left;width:65px;height:32px;border-radius:16px 0 0 16px;cursor:pointer;background:url(../images/ys_jt_01.png) center center no-repeat #158bf9;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd .arrow .next{float:right;width:65px;height:32px;border-radius:0 16px 16px 0;cursor:pointer;background:url(../images/ys_jt_02.png) center center no-repeat #158bf9;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd .arrow .prev:hover{background:url(../images/ys_jt_01.png) center center no-repeat #1ee0b0;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd .arrow .next:hover{background:url(../images/ys_jt_02.png) center center no-repeat #1ee0b0;-webkit-transition:all .7s;transition:all .7s;}



/* 合作案例 */
.box_03{width:100%;height:auto;padding:80px 0;overflow:hidden;}

.box_03 .top{width:1280px;height:290px;margin:0 auto;overflow:hidden;}

.box_03 .top .left{width:360px;height:290px;float:left;}

.box_03 .top .left .h_title{width:270px;padding-left:90px;height:102px; background:url(../images/c.png) left center no-repeat;}

.box_03 .top .left .h_title h3{font-size:36px;line-height:38px;color:#333;font-weight:bold;margin-top:25px;}

.box_03 .top .left .h_title h3 a{display:block;color:#333;}

.box_03 .top .left .h_title p{font-size:18px;color:#b2b2b2;line-height:18px;margin-top:15px;}

.box_03 .top .left .tel{padding-left:35px;position:relative;line-height:25px;font-size:14px;color:#333;margin-top:50px;}

.box_03 .top .left .tel::before{content:'';width:25px;height:25px;background:url(../images/tel01.png) left center no-repeat;position:absolute;top:0;left:0;animation: msClock 1.2s linear infinite;}

.box_03 .top .left .tel span{font-size:20px;color:#158bf9;font-weight:bold;}

.box_03 .top .right{width:785px;height:290px;float:right;overflow:hidden;}

.box_03 .top .right .img{width:390px;height:280px;border:solid 1px #e6e6e6;border-radius:2px 20px 2px 20px;padding:4px;position:relative;overflow:hidden;float:left;}

.box_03 .top .right .img img{width:390px;height:280px;vertical-align:top;border-radius:2px 20px 2px 20px;object-fit:cover;}

.box_03 .top .right .txt{width:330px;height:290px;float:right;position:relative;}

.box_03 .top .right .txt::after{content:'';width:1px;height:30px;background-image: -moz-linear-gradient( 90deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 90deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;top:120px;left:0;}

.box_03 .top .right .txt .zm{font-size:40px;color:#333;font-weight:bold;line-height:34px;margin-top:35px; letter-spacing:10px;text-transform: Uppercase;}

.box_03 .top .right .txt h4{font-size:16px;color:#333;line-height:16px;margin-top:15px;}

.box_03 .top .right .txt .name{display:block;margin-top:70px;font-size:18px;color:#333;line-height:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .right:hover .txt .name{color:#158bf9;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .right .txt p{margin-top:20px;font-size:14px;color:#808080;line-height:30px;height:60px;overflow:hidden;}

.box_03 .picScroll-left02{width:1280px;height:275px;margin:40px auto 0 auto;position:relative;}

.box_03 .picScroll-left02 .bd{width:1280px;height:275px;margin:0 auto;position:relative;z-index:5;overflow:hidden;}

.box_03 .picScroll-left02 .bd ul{width:1280px;height:275px;overflow:hidden; zoom:1;}

.box_03 .picScroll-left02 .bd ul li{width:304px;height:275px;overflow:hidden;float:left;margin-right:21px;}

.box_03 .picScroll-left02 .bd ul li a{display:block;}

.box_03 .picScroll-left02 .bd ul li .img{width:294px;height:218px;padding:5px;background:url(../images/li_bk01.png);-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li:hover .img{background:url(../images/li_bk02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li .img .pic{width:294px;height:218px;position:relative;overflow:hidden;border-radius:20px 2px 20px 2px;}

.box_03 .picScroll-left02 .bd ul li .img .pic img{width:294px;height:218px;vertical-align:top;object-fit:cover;transition: all 1s;}

.box_03 .picScroll-left02 .bd ul li:hover .img .pic img{transform: scale(1.1);}

.box_03 .picScroll-left02 .bd ul li .txt{width:304px;height:47px;line-height:47px;position:relative;overflow:hidden;}

.box_03 .picScroll-left02 .bd ul li .txt::before{content:'';width:304px;height:1px;background:#f5f5f5;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li .txt::after{content:'';width:0;height:1px;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li:hover .txt::after{content:'';width:304px;height:1px;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li .txt .name{width:220px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}

.box_03 .picScroll-left02 .bd ul li .txt .more{width:45px;font-size:12px;color:#808080;text-align:right; background:url(../images/dian04.png) left center no-repeat;float:right;}

.box_03 .picScroll-left02 .hd{width:160px;height:15px;overflow:hidden;position:absolute;left:0;top:-70px;z-index:9;display:flex;justify-content: space-between;}

.box_03 .picScroll-left02 .hd::after{content:'';width:120px;height:1px;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);position:absolute;bottom:7px;left:20px;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .hd .prev{float:left;width:10px;height:15px;cursor:pointer;background:url(../images/case_jt_01.png);-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .hd .next{float:right;width:10px;height:15px;cursor:pointer;background:url(../images/case_jt_03.png);-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .hd .prev:hover{background:url(../images/case_jt_02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .hd .next:hover{background:url(../images/case_jt_04.png);-webkit-transition:all .7s;transition:all .7s;}





/* 服务流程 */
.box_04{width:100%;height:auto;padding-bottom:80px;overflow:hidden;}

.box_04 .top{width:1280px;height:103px;margin:0 auto;overflow:hidden;}

.box_04 .top .h_title{width:auto;padding-left:90px;height:103px; background:url(../images/p.png) left center no-repeat;float:left;}

.box_04 .top .h_title h3{font-size:36px;line-height:38px;color:#333;font-weight:bold;margin-top:30px;}

.box_04 .top .h_title h3 a{display:block;color:#333;}

.box_04 .top .h_title p{font-size:18px;color:#b2b2b2;line-height:18px;margin-top:15px;}

.box_04 .top .right{font-size:14px;color:#808080;line-height:103px;float:right; letter-spacing:8px;}

.box_04 .lc_list{width:1280px;height:auto; background:url(../images/lc_line.png) center 40px no-repeat;margin:40px auto 0 auto;display:flex;justify-content: space-between;overflow:hidden;}

.box_04 .lc_list li{width:auto;height:auto;float:left;text-align:center;}

.box_04 .lc_list li:nth-of-type(2n){margin-top:60px;}

.box_04 .lc_list li .icon{width:121px;height:121px;background:url(../images/dbx01.png);margin:0 auto;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:hover .icon{background:url(../images/dbx02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li .icon i{display:block;width:121px;height:121px;}

.box_04 .lc_list li:hover .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}

.box_04 .lc_list li:nth-of-type(1) .icon i{background:url(../images/lc_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(2) .icon i{background:url(../images/lc_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(3) .icon i{background:url(../images/lc_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(4) .icon i{background:url(../images/lc_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(5) .icon i{background:url(../images/lc_icon_09.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(1):hover .icon i{background:url(../images/lc_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(2):hover .icon i{background:url(../images/lc_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(3):hover .icon i{background:url(../images/lc_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(4):hover .icon i{background:url(../images/lc_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li:nth-of-type(5):hover .icon i{background:url(../images/lc_icon_10.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .lc_list li h4{font-size:18px;color:#999;line-height:14px;margin-top:20px;}

.box_04 .lc_list li p{font-size:14px;color:#333;line-height:15px;margin-top:18px;}





/* 关于我们 */
.box_05{width:100%;height:810px; background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;}

.box_05 .center{width:1280px;height:562px;margin:0 auto;}

.box_05 .center .left{width:640px;height:562px;float:left;overflow:hidden;}

.box_05 .center .left span{display:block;font-size:70px;font-weight:bold;line-height:56px;color:rgba(255,255,255,0.3);text-transform: Uppercase;margin-top:80px;}

.box_05 .center .left h3{font-size:26px;color:#fff;line-height:26px;font-weight:bold;margin-top:22px;}

.box_05 .center .left .line{width:2px;height:60px; background:#fff;margin:33px 0 0 33px;}

.box_05 .center .left h4{width:200px;height:50px;border-top:solid 1px rgba(255,255,255,0.3);border-bottom:solid 1px rgba(255,255,255,0.3);font-size:24px;color:#fff;line-height:50px;font-weight:bold;text-align:center;margin-top:30px;}

.box_05 .center .left p{font-size:14px;color:rgba(255,255,255,0.8);line-height:30px;height:120px;margin-top:28px;overflow:hidden;}

.box_05 .center .left .more{display:block;width:108px;height:28px;border:solid 1px #fff;border-radius:15px;font-size:12px;line-height:28px;text-align:center;color:#fff;margin-top:22px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .left .more:hover{ background:#fff;color:#158bf9;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .right{width:544px;height:562px;float:right;position:relative;}

.box_05 .center .right .img{width:544px;height:562px;position:relative;}

.box_05 .center .right .img img{display:block;width:864px;height:562px;border-radius:0 0 0 160px;vertical-align:top;position:absolute;left:0;top:0;}

.box_05 .center .right .yyzz{width:230px;height:320px;padding:15px;background:url(../images/yy_bk.jpg);position:absolute;left:95px;bottom:30px;}

.box_05 .center .right .yyzz img{display:block;width:230px;height:320px; vertical-align:top;}

.box_05 .ly{width:1240px;height:140px;margin:50px auto 0 auto;padding:53px 34px 0 34px;background:url(../images/ly_back.png);overflow:hidden;}

.box_05 .ly .form{width:1240px;height:70px;overflow:hidden;display:flex;justify-content: space-between;}

.box_05 .ly .form p{width:260px;height:70px;overflow:hidden;float:left;}

.box_05 .ly .form p span{display:block;padding-left:35px;height:18px;line-height:18px;font-size:14px;color:#4c4c4c;}

.box_05 .ly .form p:nth-of-type(1) span{background:url(../images/name.png) 10px center no-repeat;}

.box_05 .ly .form p:nth-of-type(2) span{background:url(../images/phone.png) 10px center no-repeat;}

.box_05 .ly .form p:nth-of-type(3) span{background:url(../images/liuyan.png) 10px center no-repeat;}

.box_05 .ly .form p input{display:block;width:240px;height:40px;line-height:40px;color:#ccc;font-size:14px;padding:0 9px;border:solid 1px #e6e6e6;border-radius:5px;box-sizing:content-box;margin-top:10px;}

.box_05 .ly .form textarea{width:240px;height:40px;line-height:40px;color:#ccc;font-size:14px;padding:0 9px;border:solid 1px #e6e6e6;border-radius:5px;box-sizing:content-box;margin-top:10px;}

.box_05 .ly .form p:nth-of-type(4){width:240px;height:40px;margin-top:28px;overflow:hidden;border:solid 1px #e6e6e6;border-radius:5px;}

.box_05 .ly .form p:nth-of-type(4) input{display:block;width:120px;height:40px;line-height:40px;color:#ccc;font-size:14px;float:left;padding:0 9px;background:rgba(0,0,0,0);margin:0 !important;border:none;}

.box_05 .ly .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:36px;cursor:pointer;margin:2px;}

.box_05 .ly .form .tj{width:145px;height:42px;border:none;background-image: -moz-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);background-image: -ms-linear-gradient( 0deg, rgb(21,139,249) 0%, rgb(30,224,176) 100%);margin-top:28px;border-radius:21px;overflow:hidden;}

.box_05 .ly .form .tj .btn{display:block;width:145px;height:42px;line-height:42px;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;box-sizing:content-box;}






/* 新闻中心 */
.box_06{width:100%;height:auto;padding:80px 0; background:#fff;position:relative;overflow:hidden;}

.box_06 .news_center{width:1280px;height:auto;margin:0 auto;position:relative;}

.box_06 .news_center .hd{width:1280px;height:100px;}

.box_06 .news_center .hd .h_title{width:auto;padding-left:90px;height:100px; background:url(../images/n.png) left center no-repeat;float:left;}

.box_06 .news_center .hd .h_title h3{font-size:36px;line-height:38px;color:#333;font-weight:bold;margin-top:30px;}

.box_06 .news_center .hd .h_title h3 a{display:block;color:#333;}

.box_06 .news_center .hd .h_title p{font-size:18px;color:#b2b2b2;line-height:18px;margin-top:10px;}

.box_06 .news_center .hd ul{width:440px;height:60px;float:right;margin:20px 0;display:flex;justify-content: space-between;}

.box_06 .news_center .hd ul li{width:100px;height:60px;float:left; background:url(../images/n_line01.png) left top no-repeat;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li.on{background:url(../images/n_line02.png) left top no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li a{display:block;width:80px;padding-left:20px;font-size:18px;color:#666;text-align:center;line-height:55px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li.on a{color:#158bf9;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd{width:1280px;height:535px;margin:40px auto 0 auto;}

.box_06 .news_center .bd .main{width:1280px;height:535px;}

.box_06 .news_center .bd .main .top{width:1280px;height:370px;overflow:hidden;position:relative;}

.box_06 .news_center .bd .main .top::after{content:'';width:1px;height:370px;background:#e6e6e6;position:absolute;top:0;left:585px;}

.box_06 .news_center .bd .main .top .left{width:540px;height:370px;overflow:hidden;float:left;}

.box_06 .news_center .bd .main .top .left li{width:540px;height:100px;overflow:hidden;margin-bottom:35px;}

.box_06 .news_center .bd .main .top .left li:last-child{margin-bottom:0;}

.box_06 .news_center .bd .main .top .left li .date{width:100px;height:100px;text-align:center;background:#f6f6f6;border-radius:5px;float:left;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li .date::after{content:'';width:20px;height:1px;background:#dbdbdb;position:absolute;top:50px;left:40px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li .date p:nth-of-type(1){font-size:22px;color:#4c4c4c;font-family:Arial;line-height:18px;margin-top:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li .date p:nth-of-type(2){font-size:14px;color:#999;font-family:Arial;line-height:12px;margin-top:35px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li:hover .date{background:#158bf9;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li:hover .date::after{content:'';width:20px;height:1px;background:#fff;position:absolute;top:50px;left:40px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li:hover .date p:nth-of-type(1){color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li:hover .date p:nth-of-type(2){color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .left li .txt{width:420px;height:100px;float:right;}

.box_06 .news_center .bd .main .top .left li .txt .name{display:block;padding-left:30px;line-height:18px;margin-top:20px; background:url(../images/date01.png) left center no-repeat;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_06 .news_center .bd .main .top .left li .txt p{padding-left:30px;line-height:15px;margin-top:20px;font-size:14px;color:#808080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_06 .news_center .bd .main .top .right{width:660px;height:370px;overflow:hidden;float:right;}

.box_06 .news_center .bd .main .top .right li{width:310px;height:370px;overflow:hidden;float:left;}

.box_06 .news_center .bd .main .top .right li:nth-of-type(2){float:right;}

.box_06 .news_center .bd .main .top .right li .img{width:310px;height:220px;border-radius:6px;overflow:hidden;}

.box_06 .news_center .bd .main .top .right li .img img{width:310px;height:220px;vertical-align:top;object-fit:cover;transition: all 1s;}

.box_06 .news_center .bd .main .top .right li:hover .img img{transform: scale(1.05);}

.box_06 .news_center .bd .main .top .right li .name{display:block;line-height:16px;margin-top:25px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .right li:hover .name{color:#158bf9;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .top .right li p{font-size:14px;color:#808080;line-height:25px;height:50px;overflow:hidden;margin-top:15px;}

.box_06 .news_center .bd .main .top .right li span{display:block;font-size:14px;color:#808080;line-height:12px;margin-top:20px;}

.box_06 .news_center .bd .main .bottom{width:1280px;height:115px;margin:50px auto 0 auto;overflow:hidden;}

.box_06 .news_center .bd .main .bottom li{width:350px;height:113px;padding:0 24px;float:left;border:solid 1px #e6e6e6;margin-right:40px;border-radius:5px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li:hover{border:solid 1px #158bf9;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li:nth-of-type(3){margin-right:0;}

.box_06 .news_center .bd .main .bottom li span{display:block;font-size:14px;color:#808080;line-height:18px;font-family:Arial;text-align:right;background:url(../images/date03.png) left center no-repeat;margin-top:25px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li:hover span{background:url(../images/date02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bottom li .name{display:block;padding-left:60px;width:290px;font-size:16px;line-height:16px;color:#333;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/n_line03.png) left center no-repeat;}




.links{width:100%;height:30px;padding-bottom:80px;overflow:hidden;}

.links .center{width:1280px;height:30px;margin:0 auto;overflow:hidden;}

.links .center .left{width:135px;height:30px;line-height:30px;float:left;color:#2a2a2a;font-size:36px;font-family:Arial;text-transform: Uppercase;font-weight:bold; background:url(../images/link.png) right center no-repeat;}

.links .center .left span{color:#158bf9;}

.links .link{width:1100px;height:30px;float:right;overflow:hidden;position:relative;}

.links .link a{display:block;float:left;width:auto;padding:0 30px;box-sizing:content-box;font-size:14px;line-height:30px;color:#8b8b8b;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.links .link a::after{content:'';width:1px;height:14px;background:#808080;position:absolute;top:8px;right:0;}

.links .link a:hover{color:#158bf9;-webkit-transition:all .7s;transition:all .7s;}

.links .link a:nth-of-type(1){padding-left:0;}











/* animated home */
.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}
.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }

@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.animated_1 { animation-delay:0.3s; }
.animated_2 { animation-delay:0.6s; }
.animated_3 { animation-delay:0.9s; }
.animated_4 { animation-delay:1.2s; }
.animated_5 { animation-delay:1.7s; }
.animated_6 { animation-delay:1.8s; }
.animated_7 { animation-delay:2.1s; }
.animated_8 { animation-delay:2.4s; }
.animated_9 { animation-delay:2.7s; }
.animated_10 { animation-delay:3s; }
.animated_11 { animation-delay:3.3s; }
.animated_12 { animation-delay:3.6s; }

/* animated end */




@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}