/*

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;

*/

/* 公用标题 */


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

.box_01 .top{width:1200px;height:45px;overflow:hidden;margin:0 auto;}

.box_01 .top .h_title{padding-left:40px;height:45px;float:left;position:relative;width:auto;}

.box_01 .top .h_title p{font-size:14px;color:#b2b2b2;line-height:12px;text-transform: Uppercase;font-family:Arial;}

.box_01 .top .h_title h3{font-size:24px;color:#3072d2;line-height:26px;font-weight:bold;margin-top:6px;}

.box_01 .top .h_title span{display:block;font-size:50px;color:#3072d2;line-height:45px;font-weight:bold;text-transform: Uppercase;position:absolute;left:0;top:0;}

.box_01 .top .more{display:block;width:44px;height:44px; background:#ee7912;float:right;border-radius:22px;line-height:44px;text-align:center;font-size:12px;color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .top .more:hover{background:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .fl_list{width:1200px;height:50px;overflow:hidden;margin:40px auto 0 auto;}

.box_01 .fl_list li{width:120px;height:50px;float:left;margin-right:34px;}

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

.box_01 .fl_list li a{display:block;width:120px;height:50px; background:#f5f5f5;border-radius:25px;font-size:14px;color:#333;line-height:50px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .fl_list li:hover a{background:#3072d2;color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .case_center{width:1200px;height:580px;margin:40px auto 0 auto;position:relative;}

.box_01 .case_center .tel{position:absolute;left:0;bottom:40px;z-index:9;width:auto;height:80px;}

.box_01 .case_center .tel span{width:125px;height:70px;text-align:right;line-height:30px;padding-top:10px;float:left;font-size:14px;color:#4c4c4c; background:url(../images/tel01.png) left top no-repeat;}

.box_01 .case_center .tel p{font-size:20px;color:#3072d2;font-weight:bold;line-height:30px;padding-top:10px;font-weight:bold;float:left;}

.box_01 .case_center .hd{width:170px;height:45px;position:absolute;left:360px;bottom:60px;z-index:9;overflow:hidden;}

.box_01 .case_center .hd .prev{width:85px;height:45px;cursor:pointer;background:url(../images/case_jt_01.png) center center no-repeat #1a1a1a;float:left;-webkit-transition:all .7s;transition:all .7s}

.box_01 .case_center .hd .next{width:85px;height:45px;cursor:pointer;background:url(../images/case_jt_02.png) center center no-repeat #1a1a1a;float:right;-webkit-transition:all .7s;transition:all .7s}

.box_01 .case_center .hd .prev:hover{background:url(../images/case_jt_01.png) center center no-repeat #3072d2;-webkit-transition:all .7s;transition:all .7s}

.box_01 .case_center .hd .next:hover{background:url(../images/case_jt_02.png) center center no-repeat #3072d2;-webkit-transition:all .7s;transition:all .7s}

.box_01 .case_center .bd{width:1200px;height:580px;}

.box_01 .case_center .bd .main{width:1200px;height:580px;position:relative;}

.box_01 .case_center .bd .main .left{width:1200px;height:420px;overflow:hidden;}

.box_01 .case_center .bd .main .left .img{width:550px;height:420px;border-radius:2px 20px 2px 20px;overflow:hidden;float:left;}

.box_01 .case_center .bd .main .left .img img{width:550px;height:420px;vertical-align:top;object-fit:cover;transition: all 1s;}

.box_01 .case_center .bd .main .left:hover .img img{transform: scale(1.05);}

.box_01 .case_center .bd .main .left .txt{width:630px;height:420px;float:right;overflow:hidden;}

.box_01 .case_center .bd .main .left .txt span{display:block;font-size:16px;color:#ccc;line-height:18px;margin-top:90px;}

.box_01 .case_center .bd .main .left .txt .name{display:block;height:42px;font-size:16px;color:#333;line-height:18px;font-weight:bold;position:relative;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .case_center .bd .main .left .txt .name::after{content:'';width:20px;height:2px;background:#333;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .case_center .bd .main .left:hover .txt .name{color:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .case_center .bd .main .left:hover .txt .name::after{content:'';width:100px;height:2px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .case_center .bd .main .left .txt p{font-size:14px;color:#808080;line-height:30px;height:60px;margin-top:18px;overflow:hidden;}

.grid{width:630px;height:270px;perspective:800px;perspective-origin:50% 100%;position:absolute;bottom:0;right:0;z-index:9;}

.grid__item{position:relative;flex:none;width:300px;height:270px;float:left;margin-right:30px;cursor:default;transform-style:preserve-3d;}

.grid__item:last-child{margin-right:0;}

.grid__item:hover,.grid__item:focus{outline:none;}

.stack{position:relative;width:300px;height:220px;border-radius:2px 20px 2px 20px;transform-style:preserve-3d;}

.stack__deco{position:absolute;top:0;left:-10px;width:100%;height:100%;background-color:#3072d2;opacity:0;transform-origin:50% 100%;border-radius:2px 20px 2px 20px;}

.grid__item:hover .stack__deco:first-child{opacity:0.2;}
.grid__item:hover .stack__deco:nth-child(2){opacity:0.4;}
.grid__item:hover .stack__deco:nth-child(3){opacity:0.6;}

.stack__figure{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%;cursor:pointer;transform-origin:50% 100%;border-radius:2px 20px 2px 20px;}

.stack__img{position:relative;display:block;flex:none;}

.grid__item-caption{position:relative;display:flex;flex-wrap:wrap;width:100%;transform-style:preserve-3d;}

.grid--effect-castor .stack__figure,.grid--effect-castor .stack__deco{transform-origin:50% 50%;}

.grid__item .txt{width:300px;height:50px;position:relative;overflow:hidden;}

.grid__item .txt::before{content:'';width:300px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.grid__item .txt::after{content:'';width:0px;height:1px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.grid__item:hover .txt::after{content:'';width:300px;height:1px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.grid__item .txt .name{display:block;width:220px;padding:0 50px 0 30px;height:50px;font-size:14px;color:#333;line-height:50px;background:url(../images/case_jt_03.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.grid__item:hover .txt .name{color:#3072d2;background:url(../images/case_jt_04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.grid__item .txt .name::before{content:'';width:20px;height:2px;background:#e6e6e6;position:absolute;top:24px;left:0;-webkit-transition:all .7s;transition:all .7s;}




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

.box_02 .center{width:1200px;height:700px;margin:0 auto;}

.box_02 .center .left{width:400px;height:700px;float:left;position:relative;}

.box_02 .center .left img{display:block;width:760px;height:700px;border-radius:60px 0 60px 0;overflow:hidden;position:absolute;top:0;right:0;}

.box_02 .center .left iframe{width:760px;height:700px;overflow:hidden;position:absolute;top:0;right:0;}


.box_02 .center .right{width:760px;height:700px;float:right;position:relative;}

.box_02 .center .right .h_title{margin-top:80px;}

.box_02 .center .right .h_title p{font-size:50px;color:#3072d2;font-weight:bold;text-transform: Uppercase;line-height:40px;}

.box_02 .center .right .h_title p span{color:#ee7912;}

.box_02 .center .right .h_title h3{font-size:24px;color:#333;font-weight:bold;line-height:26px;margin-top:14px;position:relative;}

.box_02 .center .right .h_title h3::before{content:'';width:30px;height:2px;background:#3072d2;position:absolute;top:12px;left:110px;}

.box_02 .center .right .txt{margin-top:55px;}

.box_02 .center .right .txt h4{font-size:20px;color:#333;font-weight:bold;line-height:22px;}

.box_02 .center .right .txt span{display:block;height:39px;border-bottom:solid 1px #d6e3f6;margin-top:10px;font-size:12px;color:#d0d0d0;line-height:14px;}

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

.box_02 .center .right .txt .more{display:block;width:138px;height:33px;line-height:33px;border:solid 1px #e6e6e6;font-size:14px;color:#b2b2b2;text-align:center;border-radius:18px;margin-top:30px;position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .txt .more:hover{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx{width:210px;height:130px;margin:42px 0 0 50px;display:flex;justify-content: space-between;}

.box_02 .center .right .bx a{display:block;width:106px;height:130px;float:left;}

.box_02 .center .right .bx a:nth-of-type(3){display:none;}

.box_02 .center .right .bx a .icon{width:106px;height:106px;background:url(../images/dbx01.png);-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a:hover .icon{background:url(../images/dbx02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a .icon i{display:block;width:106px;height:106px;}

.box_02 .center .right .bx a:hover .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}

.box_02 .center .right .bx a:nth-of-type(1) .icon i{background:url(../images/ab_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a:nth-of-type(2) .icon i{background:url(../images/ab_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a:nth-of-type(3) .icon i{background:url(../images/ab_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a:nth-of-type(1):hover .icon i{background:url(../images/ab_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a:nth-of-type(2):hover .icon i{background:url(../images/ab_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a:nth-of-type(3):hover .icon i{background:url(../images/ab_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .right .bx a p{font-size:16px;color:#fff;line-height:16px;text-align:center;margin-top:8px;}

.box_02 .center .right .yyzz{width:321px;height:217px;padding:11px;background:url(../images/yy_bk.png);position:absolute;bottom:13px;right:10px;}

.box_02 .center .right .yyzz img{display:block;width:321px;height:217px; vertical-align:top;}

.btn_bubble_3{background:rgba(48,114,210,0);background-repeat: no-repeat;}

.btn_bubble_3:hover, .btn_bubble_3:focus {
 -webkit-animation: btn_3 1s forwards ease-out;
 animation: btn_3 1s forwards ease-out;
 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;
 background-color: #3072d2;
 background-repeat: no-repeat;
}

@-webkit-keyframes btn_3 {
 100% {
  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
  box-shadow: inset 0 -140px 0 #3072d2;
 }
}

@keyframes btn_3 {
 100% {
  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
  box-shadow: inset 0 -140px 0 #3072d2;
 }
}




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

.box_03 .center{width:1200px;height:647px;margin:0 auto;overflow:hidden;}

.box_03 .center .left{width:170px;height:647px;float:left;}

.box_03 .center .left .h_title{padding-left:40px;height:45px;position:relative;width:auto;}

.box_03 .center .left .h_title p{font-size:14px;color:#b2b2b2;line-height:12px;text-transform: Uppercase;font-family:Arial;}

.box_03 .center .left .h_title h3{font-size:24px;color:#3072d2;line-height:26px;font-weight:bold;margin-top:6px;}

.box_03 .center .left .h_title h3 a{display:block;color:#3072d2;}

.box_03 .center .left .h_title span{display:block;font-size:50px;color:#3072d2;line-height:45px;font-weight:bold;text-transform: Uppercase;position:absolute;left:0;top:0;}

.box_03 .center .left .fl_list{width:150px;height:390px;margin-top:45px;overflow:hidden;}

.box_03 .center .left .fl_list li{width:150px;height:65px;position:relative;}

.box_03 .center .left .fl_list li::before{content:'';width:150px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .fl_list li::after{content:'';width:0px;height:1px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .fl_list li:hover::after{content:'';width:150px;height:1px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .fl_list li a{display:block;width:100px;line-height:65px;padding:0 35px 0 15px;font-size:14px;color:#333;position:relative;background:url(../images/pro_jt_01.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .fl_list li:hover a{color:#3072d2;padding:0 30px 0 20px;background:url(../images/pro_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .fl_list li a::before{content:'';width:5px;height:5px;background:#ccc;position:absolute;top:30px;left:0;border-radius:3px;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .fl_list li:hover a::before{content:'';width:5px;height:5px;background:#3072d2;position:absolute;top:30px;left:5px;border-radius:3px;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .ewm{width:150px;height:110px;margin-top:25px;overflow:hidden;}

.box_03 .center .left .ewm img{display:block;width:110px;height:110px;float:left; vertical-align:top;float:left;margin-right:15px;}

.box_03 .center .left .ewm p{writing-mode: tb-rl;font-size:14px;color:#999;line-height:15px;text-align:center;height:110px;float:left;}

.pro_bottom{width:966px;height:647px;float:right;}

.pro_bottom .hd{width:926px;height:40px;margin:7px 0 0 40px;overflow:hidden;}

.pro_bottom .hd ul{width:220px;height:35px;float:left;overflow:hidden;}

.pro_bottom .hd ul li{width:100px;height:35px;float:left;cursor:pointer; background:#3072d2;font-size:14px;color:#fff;border-radius:2px;line-height:35px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.pro_bottom .hd ul li:last-child{float:right;}

.pro_bottom .hd ul li.on{background:#ee7912;-webkit-transition:all .7s;transition:all .7s;}

.pro_bottom .hd .ss{width:330px;height:40px;float:right;border-radius:20px;background:url(../images/sbk.png);overflow:hidden;}

.pro_bottom .hd .ss .input{width:270px;height:40px;line-height:40px;color:#b2b2b2;display:block;background:rgba(0,0,0,0);font-size:14px;padding:0 10px;box-sizing:content-box;float:left;}

.pro_bottom .hd .ss .button{width:40px;height:40px;line-height:40px;display:inline-block;background:url(../images/search.png) center center no-repeat;cursor:pointer;border:none;float:right;}

.pro_bottom .bd{width:966px;height:600px;margin:0 auto;}

.pro_bottom .bd .main{width:966px;height:600px;overflow:hidden;}

.pro_bottom .bd .main li{width:300px;height:260px;float:left;margin:40px 33px 0 0;overflow:hidden;position:relative;}

.pro_bottom .bd .main li:nth-of-type(3n){margin-right:0;}

.pro_bottom .bd .main li a{display:block;}

.pro_bottom .bd .main li .img{width:280px;height:205px;padding:9px;border:solid 1px #e6e6e6;border-radius:2px 20px 2px 20px;overflow:hidden;}

.pro_bottom .bd .main li .img .pic{width:280px;height:205px;border-radius:2px 20px 2px 20px;overflow:hidden; background:#fbfbfb;}

.pro_bottom .bd .main li .img .pic img{width:280px;height:205px;vertical-align:top;object-fit:cover;transition: all 1s;}

.pro_bottom .bd .main li:hover .img .pic img{transform: scale(1.1);}

.pro_bottom .bd .main li .txt{width:300px;height:20px;margin-top:15px;overflow:hidden;}

.pro_bottom .bd .main li .txt .name{padding-left:25px;width:200px;font-size:14px;color:#4c4c4c;line-height:20px;float:left;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.pro_bottom .bd .main li:hover .txt .name{color:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.pro_bottom .bd .main li .txt .name::before{content:'';width:15px;height:2px;background:#ccc;position:absolute;top:9px;left:0;-webkit-transition:all .7s;transition:all .7s;}

.pro_bottom .bd .main li:hover .txt .name::before{content:'';width:15px;height:2px;background:#3072d2;position:absolute;top:9px;left:0;-webkit-transition:all .7s;transition:all .7s;}

.pro_bottom .bd .main li .txt .more{width:45px;font-size:12px;line-height:20px;color:#999;float:right;text-align:right;position:relative;z-index:0;}

.pro_bottom .bd .main li .txt .more::before{content:'';width:10px;height:10px;background:#97b8e8;position:absolute;bottom:0;left:0;z-index:-1;border-radius:5px;}





/* 企业优势 */
.box_04{width:100%;height:750px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:0;}

.box_04 .ys_pos{width:305px;height:298px;background:url(../images/ys_pos.png);position:absolute;bottom:80px;right:0;z-index:-1;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.look_center{width:1200px;height:750px;margin:0 auto;position:relative;}

.look_center .h_title{width:645px;height:108px;position:absolute;right:0;top:80px;z-index:9;}

.look_center .h_title p{font-size:50px;color:#3072d2;font-weight:bold;text-transform: Uppercase;line-height:40px;}

.look_center .h_title p span{color:#ee7912;}

.look_center .h_title h3{font-size:24px;color:#333;font-weight:bold;line-height:26px;margin-top:14px;position:relative;}

.look_center .h_title::before{content:'';width:30px;height:2px;background:#3072d2;position:absolute;bottom:0;left:0;}

.look_center .tel{width:auto;height:44px;line-height:44px;padding-left:65px; background:url(../images/tel01.png) left center no-repeat;position:absolute;left:0;bottom:100px;z-index:9;font-size:24px;color:#3072d2;font-weight:bold;font-family:Arial;}

.look_center .tel span{display:block;float:left;font-size:14px;color:#333; font-weight:normal;}

.look_center .tel::before{content:'';width:2px;height:80px;background:#3072d2;position:absolute;bottom:43px;left:21px;}

.look_center .bd{width:1200px;height:555px;margin:0 auto;}

.look_center .bd .main{width:1200px;height:555px;position:relative;}

.look_center .bd .main .img{width:470px;height:555px;float:left;position:relative;}

.look_center .bd .main .img img{display:block;width:830px;height:555px;vertical-align:top;position:absolute;top:0;right:0;border-radius:0 70px 10px 0;overflow:hidden;}

.look_center .bd .main .txt{width:645px;height:555px;float:right;}

.look_center .bd .main .txt h4{line-height:20px;margin-top:245px;font-size:18px;color:#3072d2;font-weight:bold;}

.look_center .bd .main .txt span{display:block;height:37px;border-bottom:solid 1px #bdd1ee;font-size:12px;color:#b2b2b2;line-height:14px;margin-top:10px;}

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

.look_center .hd{width:575px;height:120px;position:absolute;right:40px;bottom:100px;z-index:9;}

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

.look_center .hd ul li{width:85px;height:120px;float:left;text-align:center;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li .icon{width:85px;height:84px;background:url(../images/dbx03.png);-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li.on .icon{background:url(../images/dbx04.png);-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li .icon i{display:block;width:85px;height:84px;}

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

.look_center .hd ul li:nth-of-type(1) .icon 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) .icon 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(3) .icon 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(4) .icon i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li h4{font-size:16px;line-height:16px;color:#333;margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li.on h4{color:#ee7912;-webkit-transition:all .7s;transition:all .7s;}







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

.box_05 .news_center{width:1200px;height:auto;margin:0 auto;position:relative;}

.box_05 .news_center .hd{width:1200px;height:45px;}

.box_05 .news_center .hd .h_title{padding-left:40px;height:45px;position:relative;width:auto;float:left;}

.box_05 .news_center .hd .h_title p{font-size:14px;color:#b2b2b2;line-height:12px;text-transform: Uppercase;font-family:Arial;}

.box_05 .news_center .hd .h_title h3{font-size:24px;color:#3072d2;line-height:26px;font-weight:bold;margin-top:6px;}

.box_05 .news_center .hd .h_title h3 a{display:block;color:#3072d2;}

.box_05 .news_center .hd .h_title span{display:block;font-size:50px;color:#3072d2;line-height:45px;font-weight:bold;text-transform: Uppercase;position:absolute;left:-3px;top:0;}

.box_05 .news_center .hd ul{width:410px;height:45px;float:right;display:flex;justify-content: space-between;}

.box_05 .news_center .hd ul li{width:130px;height:45px;float:left;border-radius:5px;overflow:hidden;}

.box_05 .news_center .hd ul li a{display:block;width:130px;font-size:18px;color:#fff;text-align:center;line-height:45px; background:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .hd ul li.on a{font-weight:bold;background:#ee7912;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd{width:1200px;height:460px;margin:40px auto 0 auto;}

.box_05 .news_center .bd .main{width:1200px;height:460px;}

.box_05 .news_center .bd .main .top{width:1200px;height:340px;}

.box_05 .news_center .bd .main .top li{width:380px;height:340px;float:left;background:#fff;overflow:hidden;margin-right:30px;-moz-box-shadow:0px 3px 5px #dbdbdb; -webkit-box-shadow:0px 3px 5px #dbdbdb; box-shadow:0px 3px 5px #dbdbdb;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top li:hover{-moz-box-shadow:0px 3px 5px #bad5fc; -webkit-box-shadow:0px 3px 5px #bad5fc; box-shadow:0px 3px 5px #bad5fc;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top li:last-child{margin-right:0;}

.box_05 .news_center .bd .main .top li .img{width:380px;height:180px;overflow:hidden;}

.box_05 .news_center .bd .main .top li .img img{display:block;width:380px;height:180px;transition: all 1s;vertical-align:top;object-fit:cover;}

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

.box_05 .news_center .bd .main .top li .txt{width:350px;height:150px;padding:30px 15px 0 15px;overflow:hidden;position:relative;}

.box_05 .news_center .bd .main .top li .txt .date{width:90px;height:auto;position:absolute;top:30px;left:0;z-index:5;text-align:center;}

.box_05 .news_center .bd .main .top li .txt .date span:nth-of-type(1){display:block;font-size:24px;color:#333;font-weight:bold;line-height:20px;font-family:Arial;}

.box_05 .news_center .bd .main .top li .txt .date span:nth-of-type(2){display:block;font-size:14px;color:#999;line-height:12px;margin-top:10px;font-family:Arial;}

.box_05 .news_center .bd .main .top li .name{display:block;height:30px;font-size:16px;color:#333;line-height:16px;margin:4px 0 0 85px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top li:hover .name{color:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top li .name::after{content:'';width:25px;height:2px;background:#333;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top li:hover .name::after{content:'';width:50px;height:2px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top li p{font-size:14px;color:#999;line-height:30px;height:60px;overflow:hidden;margin-top:22px;}

.box_05 .news_center .bd .main .bottom{width:1200px;height:100px;margin:20px auto 0 auto;overflow:hidden;}

.box_05 .news_center .bd .main .bottom li{width:380px;height:50px;float:left;margin-right:30px;position:relative;overflow:hidden;}

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

.box_05 .news_center .bd .main .bottom li::before{content:'';width:380px;height:1px;background:#f5f5f5;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li::after{content:'';width:0px;height:1px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover::after{content:'';width:380px;height:1px;background:#3072d2;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li .name{display:block;padding-left:15px;width:270px;font-size:14px;line-height:50px;color:#333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover .name{color:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li .name::before{content:'';width:4px;height:4px;background:#ccc;position:absolute;top:23px;left:0;border-radius:2px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover .name::before{content:'';width:4px;height:4px;background:#3072d2;position:absolute;top:23px;left:0;border-radius:32px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li span{display:block;font-size:12px;color:#999;line-height:50px;font-family:Arial;float:right;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover span{color:#3072d2;-webkit-transition:all .7s;transition:all .7s;}






/* 友情链接 */
.links{width:100%;height:22px;background:#fff;padding-bottom:80px;overflow:hidden;}

.links .jz{width:1200px;height:22px;margin:0 auto;overflow:hidden;}

.links .jz .bt{width:110px;height:22px;float:left;background:url(../images/link.png) left center no-repeat;font-size:24px;line-height:22px;color:#3072d2;font-weight:bold;text-align:right;text-transform: Uppercase;}

.links .jz .bt span{color:#ee7912;}

.links .jz .lk{width:1060px;float:right;height:22px;line-height:22px;overflow:hidden;}

.links .jz .lk a{display:block;width:auto;font-size:14px;color:#808080;line-height:22px;margin-right:35px;float:left;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.links .jz .lk a:hover{color:#3072d2;-webkit-transition:all .7s;transition:all .7s;}







/* 联系我们 */
.box_06{width:100%;height:500px;background:url(../images/lx_back.jpg) center top no-repeat;overflow:hidden;}

.box_06 .center{width:1200px;height:500px;margin:0 auto;overflow:hidden;}

.box_06 .center .left{width:620px;height:500px;float:left;}

.box_06 .center .left h4{font-size:32px;color:#3072d2;font-weight:bold;line-height:34px;margin-top:86px;}

.box_06 .center .left .form{width:620px;height:230px;margin-top:70px;position:relative;overflow:hidden;}

.box_06 .center .left p{width:300px;height:45px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,0.8);}

.box_06 .center .left input{display:block;width:260px;height:45px;line-height:45px;color:#3072d2;font-size:14px;padding:0 20px;box-sizing:content-box;}

.box_06 .center .left p:nth-of-type(1){position:absolute;left:0;top:0;}

.box_06 .center .left p:nth-of-type(2){position:absolute;right:0;top:0;}

.box_06 .center .left p:nth-of-type(1) input{background:rgba(0,0,0,0);}

.box_06 .center .left p:nth-of-type(2) input{background:rgba(0,0,0,0);}

.box_06 .center .left p:nth-of-type(3){width:620px;height:80px;position:absolute;left:0;top:75px;}

.box_06 .center .left textarea{width:580px;height:70px;line-height:20px;font-size:14px;padding:10px 20px 0 20px;box-sizing:content-box;background:rgba(0,0,0,0);}

.box_06 .center .left p:nth-of-type(4){width:420px;height:45px;position:absolute;bottom:0;left:0;z-index:2;overflow:hidden;}

.box_06 .center .left p:nth-of-type(4) input{display:block;width:100px;height:45px;line-height:45px;color:#3072d2;font-size:14px;float:left;padding:0 20px;padding-right10px;background:rgba(0,0,0,0);}

.box_06 .center .left p:nth-of-type(4) img{display:block;float:right;width:90px;height:35px;cursor:pointer;margin:5px;}

.box_06 .center .left .tj{width:180px;height:45px;border:none;position:absolute;bottom:0;right:0;background:#fff;border-radius:25px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .center .left .tj .btn{display:block;width:180px;height:45px;line-height:45px;font-size:16px;color:#3072d2;border:none;background:none;cursor:pointer;font-weight:bold;padding:0px !important;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .center .left .tj:hover{background:#3072d2;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .center .left .tj:hover .btn{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .center .right{width:360px;height:500px;float:right;}

.box_06 .center .right .bt{width:170px;height:87px; background:url(../images/contact.png);margin:160px 0 40px 0;position:relative;}

.box_06 .center .right .bt h3{font-size:24px;color:#fff;font-weight:bold;line-height:26px;position:absolute;left:50px;top:30px; letter-spacing:5px;}

.box_06 .center .right p{height:32px;line-height:32px;padding-left:50px;font-size:18px;color:#fff;font-family:Arial;margin-bottom:25px;}

.box_06 .center .right p span{font-size:14px;}

.box_06 .center .right p:nth-of-type(1){background:url(../images/ft_icon_01.png) left center no-repeat;}

.box_06 .center .right p:nth-of-type(2){background:url(../images/ft_icon_01.png) left center no-repeat;}

.box_06 .center .right p:nth-of-type(3){background:url(../images/ft_icon_03.png) left top no-repeat;font-size:16px;height:64px;}










/* 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:21s; }
.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);
  }
}