/*



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);}

}



@keyframes rotate {

    0% {

        transform: rotate(90deg); }

    100% {

        transform: rotate(450deg); }

}

@keyframes mouse {

    from { transform: translateY(0); -webkit-transform: translateY(0); }

    to { transform: translateY(10px); -webkit-transform: translateY(10px); }

}



@-webkit-keyframes mouse {

    from { transform: translateY(0); -webkit-transform: translateY(0); }

    to { transform: translateY(10px); -webkit-transform: translateY(10px); }

}







/* 效果二 */

.position-f{width:100%;position:fixed;top:0;left:0;z-index:9999999999;}



#percentage {

  display: block;

  width: 0;

  height: 0;

  border-top: 10px solid #d77933;

  transition: all 250ms ease;

  border-image: -webkit-linear-gradient(#fc9e58, #d77933) 20 0;

}

#num{position:absolute;top:8px;font-size:12px;color:#d77933;}







/* 产品展示 */

.box_01{width:100%;height:auto;padding:40px 0;overflow:hidden;}



.box_01 .top{width:1360px;height:360px;margin:0 auto;position:relative;}



.box_01 .top .left{width:340px;height:360px;float:left;position:absolute;top:0;left:0;z-index:2;}



.box_01 .top .left .h_title{width:auto;height:auto;}



.box_01 .top .left .h_title p{width:318px;height:41px; background:url(../images/bt_pro.png);}



.box_01 .top .left .h_title h3{width:265px;font-size:26px;color:#333;line-height:26px; background:url(../images/h_back01.png) right center no-repeat;margin-top:18px;}



.box_01 .top .left .pos{width:490px;height:202px; background:url(../images/pro_pos.jpg);position:absolute;bottom:5px;right:170px;z-index:-1;}









.box_01 .top .fl_list{width:1140px;height:360px;float:right;}



.box_01 .top .fl_list a{display:block;width:130px;height:160px;padding:0 115px 0 25px;margin:0 20px 40px 0;overflow:hidden;position:relative;float:left;background:url(../images/pbk01.jpg);box-shadow: 0 0 10px #ebeaea;}



.box_01 .top .fl_list a:nth-of-type(1){margin-left:290px;}



.box_01 .top .fl_list a:nth-of-type(3),

.box_01 .top .fl_list a:nth-of-type(7){margin-right:0;}



.box_01 .top .fl_list a .txt{width:130px;height:130px;padding-top:30px;}



.box_01 .top .fl_list a .txt p{font-size:18px;color:#333;font-weight:bold;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list a.active .txt p{color:#d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list a .txt span{display:block;width:18px;height:16px; background:url(../images/pro_jt_01.png) right center no-repeat;position:relative;margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list a.active .txt span{width:28px;background:url(../images/pro_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list a .txt span::before{content:'';width:4px;height:4px;background:#d9d9d9;position:absolute;left:0;top:6px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list a.active .txt span::before{content:'';width:14px;height:2px;background:#d77933;position:absolute;left:0;top:7px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list a .txt .num{font-size:22px;color:#e5e5e5;line-height:18px;margin-top:36px;}



.box_01 .top .fl_list a .img{width:308px;height:308px;position:absolute;bottom:-154px;right:-154px;border-radius:50%;overflow:hidden;}



.box_01 .top .fl_list a .img img{display:block;width:308px;height:308px;object-fit:cover;vertical-align:top;transition: all 1s;}













.box_01 .pro_list{width:1360px;height:680px;margin:10px auto 0 auto;}



.box_01 .pro_list li{width:280px;height:270px;padding:15px;margin:40px 40px 0 0;overflow:hidden;float:left;position:relative; background:url(../images/pbk02.png);}



.box_01 .pro_list li:nth-of-type(4n){margin-right:0;}



.box_01 .pro_list li:before {

  content: '';

  position: absolute;

  width:100%;

  height:100%;

  top: 0;

  left:0;

  background: -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, right top, left top, from(#d77933), to(#d77933));

  background: linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to left, #d77933 0%, #d77933 100%);

  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;

  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;

  background-repeat: no-repeat, no-repeat;

  -webkit-transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  -webkit-transform: scaleX(0) rotate(0deg);

          transform: scaleX(0) rotate(0deg);

  -webkit-transition-delay: 1s, 0.5s, 0s;

          transition-delay: 1s, 0.5s, 0s;

}



.box_01 .pro_list li.active:before {

  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;

  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;

  -webkit-transform: scaleX(1) rotate(0deg);

          transform: scaleX(1) rotate(0deg);

  -webkit-transition-delay: 0s, 0.5s, 1s;

          transition-delay: 0s, 0.5s, 1s;

}



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



.box_01 .pro_list li .img{width:280px;height:200px;overflow:hidden;}



.box_01 .pro_list li .img img{display:block;width:280px;height:200px;object-fit:cover;vertical-align:top;transition: all 1s;}



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



.box_01 .pro_list li .txt{width:250px;padding:0 15px;margin-top:15px;height:55px; background:#f5f5f5;position:relative;z-index:2;overflow:hidden;}



.box_01 .pro_list li .txt::before{content:'';width:280px;height:0px;background:#d77933;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active .txt::before{content:'';width:280px;height:55px;background:#d77933;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .txt .name{width:210px;padding-right:40px;font-size:16px;color:#333;line-height:55px;background:url(../images/dian01.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active .txt .name{color:#fff;background:url(../images/dian02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}











/* 关于我们 */

.box_02{width:100%;height:690px;padding-top:130px;background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;}



.box_02 .list{width:1360px;height:170px;margin:0 auto;display:flex;justify-content: space-between;}



.box_02 .list li{width:auto;height:170px;float:left;position:relative;}



.box_02 .list li span{display:block;font-size:50px;line-height:42px;color:#fff;font-weight:bold;}



.box_02 .list li p{font-size:14px;color:#fff;line-height:14px;}



.box_02 .list li:nth-of-type(1) p{position:absolute;top:24px;left:130px;}



.box_02 .list li:nth-of-type(2) p{position:absolute;top:24px;left:65px;}



.box_02 .list li:nth-of-type(3) p{position:absolute;top:24px;left:130px;}



.box_02 .list li:nth-of-type(4) p{position:absolute;top:24px;left:100px;}



.box_02 .list li h4{font-size:16px;color:#fff;line-height:16px;margin-top:22px;text-align:center;}



.box_02 .center{width:1360px;height:440px;margin:80px auto 0 auto;}



.box_02 .center .left{width:340px;height:auto;float:left;border-right:solid 2px rgba(215,121,51,0.2);padding:10px 0 5px 0;}



.box_02 .center .left .h_title{width:auto;height:auto;}



.box_02 .center .left .h_title p{width:184px;height:32px; background:url(../images/bt_ab.png);}



.box_02 .center .left .h_title h3{width:265px;font-size:26px;color:#333;line-height:26px; background:url(../images/h_back01.png) right center no-repeat;margin-top:26px;}



.box_02 .center .left .logo{width:232px;height:73px; background:url(../images/ab_logo.png);margin-top:90px;}



.box_02 .center .right{width:950px;height:440px;float:right;position:relative;}



.box_02 .center .right .txt{width:auto;height:auto;}



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



.box_02 .center .right .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:40px;height:160px;font-size:15px;color:#808080;margin-top:45px;}



.box_02 .center .right .bx{width:670px;height:140px;float:left;display:flex;justify-content: space-between;position:absolute;left:0;bottom:0;}



.box_02 .center .right .bx a{display:block;width:120px;height:140px; background:#fff;position:relative;z-index:2;}



.box_02 .center .right .bx a::before{content:'';width:0px;height:140px;background:#d77933;position:absolute;top:0;left:50%;margin-left:-0px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right .bx a.active::before{content:'';width:120px;height:140px;background:#d77933;position:absolute;top:0;left:50%;margin-left:-60px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right .bx a .icon{width:46px;height:46px;background:#d77933;border-radius:23px;margin:22px auto 0 auto;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right .bx a.active .icon{background:#fff;-webkit-transition:all .7s;transition:all .7s;}



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



.box_02 .center .right .bx a.active .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(4) .icon i{background:url(../images/ab_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right .bx a:nth-of-type(1).active .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).active .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).active .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:nth-of-type(4).active .icon i{background:url(../images/ab_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right .bx a p{font-size:18px;color:#333;line-height:18px;margin-top:24px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .right .bx a.active p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







/* 发展历程 */

.box_03{width:100%;height:720px;padding-top:90px;/*background:url(../images/lc_back.jpg) center top no-repeat;*/position:relative;z-index:2;overflow:hidden;}



.box_03::after{content:'';width:100%;height:1px;background:#e6e6e6;position:absolute;bottom:102px;left:0;z-index:-1;}



.box_03 .lc_center{width:1360px;height:700px;margin:0 auto;position:relative;z-index:2;}



.box_03 .lc_center .h_title{width:auto;height:auto;position:absolute;left:0;top:-10px;z-index:5;}



.box_03 .lc_center .h_title p{width:426px;height:41px; background:url(../images/bt_lc.png);}



.box_03 .lc_center .h_title h3{width:265px;font-size:26px;color:#333;line-height:26px; background:url(../images/h_back01.png) right center no-repeat;margin-top:18px;}



.box_03 .lc_center .bd{width:1360px;height:533px;}



.box_03 .lc_center .bd .main{width:1360px;height:533px;position:relative;}



.box_03 .lc_center .bd .main .list{width:720px;height:auto;float:left;overflow:hidden;margin-top:160px;}



.box_03 .lc_center .bd .main .list li{width:310px;height:90px;float:left;margin-bottom:25px;position:relative;}



.box_03 .lc_center .bd .main .list li:nth-of-type(2n){float:right;}



.box_03 .lc_center .bd .main .list li .num{width:40px;height:40px;font-size:18px;color:#fff;line-height:40px;text-align:center;background:#ebbc99;border-radius:20px;position:absolute;top:5px;left:0;}



.box_03 .lc_center .bd .main .list li h4{font-size:18px;color:#333;line-height:20px;font-weight:bold;position:absolute;top:0;left:55px;}



.box_03 .lc_center .bd .main .list li span{display:block;font-size:16px;color:#333;line-height:20px;position:absolute;top:0;left:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_03 .lc_center .bd .main .list li p{font-size:14px;color:#666;line-height:30px;position:absolute;top:30px;left:55px;}



.box_03 .lc_center .bd .main .img{width:575px;height:565px;position:relative;z-index:2;float:right;}



.box_03 .lc_center .bd .main .img::after{content:'';width:544px;height:465px;background:url(../images/lc_ty.png);position:absolute;bottom:-32px;left:0;}



.box_03 .lc_center .bd .main .img img{display:block;width:560px;height:504px;position:absolute;top:0;right:-37px;z-index:5;}



.box_03 .lc_center .hd{width:1280px;height:auto;margin:0 auto;}



.box_03 .lc_center .hd ul{width:600px;margin:0 auto;height:auto;display:flex;justify-content: space-between;}



.box_03 .lc_center .hd ul li{width:60px;height:auto;float:left;cursor:pointer;}



.box_03 .lc_center .hd ul li:nth-of-type(1){margin-top:54px;}



.box_03 .lc_center .hd ul li:nth-of-type(2){margin-top:54px;}



.box_03 .lc_center .hd ul li:nth-of-type(3){margin-top:54px;}



.box_03 .lc_center .hd ul li:nth-of-type(4){margin-top:54px;}



.box_03 .lc_center .hd ul li .icon{width:60px;height:60px;position:relative;background:url(../images/dian03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .lc_center .hd ul li.on .icon{background:url(../images/dian04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .lc_center .hd ul li .icon i{display:block;width:60px;height:60px;position:absolute;top:0;left:50%;z-index:2;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .7s, opacity .7s;-moz-transition: transform .7s, opacity .7s;-o-transition: transform .7s, opacity .7s;-ms-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;}



.box_03 .lc_center .hd ul li.on .icon i{-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}



.box_03 .lc_center .hd ul li:nth-of-type(1) .icon i{background:url(../images/lc_icon_01.png) center center no-repeat;}



.box_03 .lc_center .hd ul li:nth-of-type(2) .icon i{background:url(../images/lc_icon_02.png) center center no-repeat;}



.box_03 .lc_center .hd ul li:nth-of-type(3) .icon i{background:url(../images/lc_icon_03.png) center center no-repeat;}



.box_03 .lc_center .hd ul li:nth-of-type(4) .icon i{background:url(../images/lc_icon_04.png) center center no-repeat;}



.box_03 .lc_center .hd ul li h4{font-size:16px;color:#333;line-height:16px;text-align:center;margin-top:0px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .lc_center .hd ul li.on h4{margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}











/* 询盘信息 */

.topxunpan {width:auto;height:22px;padding-left:20px;box-sizing:content-box;background:url(../images/xp.png) left center no-repeat;float:right;margin-top:22px;}



.thisxp{width:auto;height:22px;}



.topxunpan .xp {position: relative;line-height:22px;color: #808080;font-size:14px;cursor: pointer;}



.topxunpan .xp i {display:inline-block;color:#fff;font-size:12px; background:#d77933;width:22px;height:22px;border-radius:11px;text-align:center;}



.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;background-color: #d77933;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}



.topxunpan .xp #xunpantip::after {content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: (-50%); transform: translateX(-50%); border: 8px solid transparent;border-bottom-color: #d77933;}



.topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}



.topxunpan i {font-weight: normal;font-style: normal;}









/* 参考案例 */

.box_04{width:100%;height:auto;padding:60px 0 80px 0;overflow:hidden;}



.box_04 .top{width:1360px;height:75px;margin:0 auto;position:relative;z-index:2;}



.box_04 .top .h_title{width:auto;height:auto;float:left;}



.box_04 .top .h_title p{width:328px;height:23px;background:url(../images/bt_case.png);}



.box_04 .top .h_title h3{width:265px;font-size:26px;color:#333;line-height:26px; background:url(../images/h_back01.png) right center no-repeat;margin-top:26px;}



.box_04 .case{width:1360px;height:510px;margin:50px auto 0 auto;position: relative;}



.box_04 .case .swiper-container {width:1360px;height:510px;}



.box_04 .case .swiper-slide{width:420px;height:510px;overflow: hidden;position: relative;z-index:2;background:url(../images/cbk.png);-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide:before {

  content: '';

  position: absolute;

  width:100%;

  height:100%;

  top: 0;

  left:0;z-index:-1;

  background: -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, right top, left top, from(#d77933), to(#d77933));

  background: linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to left, #d77933 0%, #d77933 100%);

  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;

  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;

  background-repeat: no-repeat, no-repeat;

  -webkit-transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  -webkit-transform: scaleX(0) rotate(0deg);

          transform: scaleX(0) rotate(0deg);

  -webkit-transition-delay: 1s, 0.5s, 0s;

          transition-delay: 1s, 0.5s, 0s;

}



.box_04 .case .swiper-slide-active:before {

  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;

  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;

  -webkit-transform: scaleX(1) rotate(0deg);

          transform: scaleX(1) rotate(0deg);

  -webkit-transition-delay: 0s, 0.5s, 1s;

          transition-delay: 0s, 0.5s, 1s;

}



.box_04 .case .swiper-slide a{display:block;}



.box_04 .case .swiper-slide .bx{width:390px;height:480px;margin:15px auto 0 auto;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide .bx .img{width:390px;height:280px;overflow:hidden;}



.box_04 .case .swiper-slide .bx .img img{display:block;width:390px;height:280px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_04 .case .swiper-slide:hover .bx .img img{transform: scale(1.1);}



.box_04 .case .swiper-slide .bx .txt{width:390px;height:auto;margin-top:30px;}



.box_04 .case .swiper-slide .bx .txt .name{font-size:16px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide-active .bx .txt .name{color:#d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide .bx .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;line-height:30px;height:60px;font-size:14px;color:#808080;margin-top:20px;}



.box_04 .case .swiper-slide .bx .txt .more{width:110px;font-size:14px;line-height:14px;color:#808080;margin-top:30px;position:relative;text-align:right;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide-active .bx .txt .more{color:#d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide .bx .txt .more::before{content:'';width:30px;height:1px;background:#e6e6e6;position:absolute;top:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide-active .bx .txt .more::before{content:'';width:30px;height:1px;background:#d77933;position:absolute;top:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide .bx .txt .more::after{content:'';width:12px;height:12px;border:solid 1px #e6e6e6;border-radius:7px;position:absolute;top:0;left:23px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-slide-active .bx .txt .more::after{content:'';width:12px;height:12px;border:solid 1px #d77933;border-radius:7px;position:absolute;top:0;left:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-button-prev{width:46px;height:46px;margin-top:0;background:url(../images/ys_jt_02.png) center center no-repeat #333;border-radius:23px;position:absolute;left:-70px;top:200px;outline:none;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-button-next{width:46px;height:46px;margin-top:0;background:url(../images/ys_jt_04.png) center center no-repeat #333;border-radius:23px;position:absolute;right:-70px;top:200px;outline:none;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-button-prev:hover{background:url(../images/ys_jt_02.png) center center no-repeat #d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case .swiper-button-next:hover{background:url(../images/ys_jt_04.png) center center no-repeat #d77933;-webkit-transition:all .7s;transition:all .7s;}













/* 企业优势 */

.box_05{width:100%;height:605px;padding-top:95px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}



.box_05 .look_center{width:1360px;height:605px;margin:0 auto;position:relative;z-index:2;}



.box_05 .look_center .h_title{width:auto;height:auto;position:absolute;left:300px;top:-25px;z-index:5;}



.box_05 .look_center .h_title p{width:416px;height:32px;background:url(../images/bt_ys.png);}



.box_05 .look_center .h_title h3{width:365px;font-size:26px;color:#fff;line-height:26px; background:url(../images/h_back02.png) right center no-repeat;margin-top:26px;}



.box_05 .look_center .tel{width:auto;padding-left:50px;height:30px;font-size:26px;color:#fff;font-weight:bold;line-height:30px;position:absolute;left:300px;bottom:115px;z-index:5; background:url(../images/tel01.png) left center no-repeat;}



.box_05 .look_center .tel span{display:block;float:left;font-size:16px; text-transform:uppercase;font-weight:normal;}



.box_05 .look_center .hd{width:210px;height:auto;float:left;position:relative;z-index:5;}



.box_05 .look_center .hd ul{width:210px;height:auto;}



.box_05 .look_center .hd ul li{width:210px;height:100px;overflow:hidden;margin-bottom:35px;position:relative; background:#b46d36;cursor:pointer;}



.box_05 .look_center .hd ul li::before{content:'';width:208px;height:98px;border:solid 1px #fff;position:absolute;top:0;left:0;z-index:3;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd ul li.on::before{content:'';width:206px;height:96px;border:solid 2px #fff;position:absolute;top:0;left:0;z-index:3;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd ul li img{display:block;width:210px;height:100px;position:absolute;left:0;top:0;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd ul li.on img{display:block;width:210px;height:100px;position:absolute;left:-70px;top:0;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd ul li p{height:42px;font-size:28px;color:#fff;font-weight:bold;line-height:24px;position:absolute;top:25px;left:50px;opacity:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd ul li.on p{position:absolute;top:25px;left:150px;opacity:1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd ul li p::after{content:'';width:20px;height:2px;background:#fff;position:absolute;bottom:0;left:0;}



.box_05 .look_center .hd .arrow{width:110px;height:46px;position:absolute;left:645px;bottom:40px;}



.box_05 .look_center .hd .prev{float:left;width:46px;height:46px;background:url(../images/ys_jt_01.png) center center no-repeat #fff;cursor:pointer;border-radius:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd .next{float:right;width:46px;height:46px;background:url(../images/ys_jt_03.png) center center no-repeat #fff;cursor:pointer;border-radius:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd .prev:hover{background:url(../images/ys_jt_02.png) center center no-repeat #d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .hd .next:hover{background:url(../images/ys_jt_04.png) center center no-repeat #d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .look_center .bd{width:1060px;height:605px;float:right;}



.box_05 .look_center .bd .main{width:1060px;height:605px;position:relative;}



.box_05 .look_center .bd .main .txt{width:600px;height:auto;padding-top:155px;}



.box_05 .look_center .bd .main .txt h4{font-size:22px;color:#fff;font-weight:bold;line-height:24px;}



.box_05 .look_center .bd .main .txt span{display:block;height:45px;font-size:12px;color:rgba(255,255,255,0.3);line-height:10px;margin-top:18px;text-transform: Uppercase;position:relative;}



.box_05 .look_center .bd .main .txt span::after{content:'';width:30px;height:3px;background:rgba(255,255,255,0.5);position:absolute;bottom:0;left:0;}



.box_05 .look_center .bd .main .txt p{font-size:15px;color:rgba(255,255,255,0.8);line-height:40px;margin-top:25px;}















/* 新闻资讯 */

.box_06{width:100%;height:auto;padding:80px 0;overflow:hidden;}



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



.box_06 .news_center .hd{width:1360px;height:85px;}



.box_06 .news_center .hd .h_title{width:auto;height:auto;float:left;}



.box_06 .news_center .hd .h_title p{width:456px;height:32px;background:url(../images/bt_news.png);}



.box_06 .news_center .hd .h_title h3{width:265px;font-size:26px;color:#fff;line-height:26px; background:url(../images/h_back01.png) right center no-repeat;margin-top:26px;}



.box_06 .news_center .hd ul{width:350px;height:54px;margin-top:20px;overflow:hidden;float:right;display:flex;justify-content: space-between;}



.box_06 .news_center .hd ul li{width:160px;height:54px;background:url(../images/nbk01.png);overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}



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



.box_06 .news_center .hd ul li a{display:block;width:90px;padding-left:70px;line-height:54px;font-size:15px;color:#333;-webkit-transition:all .7s;transition:all .7s;}



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



.box_06 .news_center .hd ul li:nth-of-type(1) a{background:url(../images/n_icon_01.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li:nth-of-type(2) a{background:url(../images/n_icon_02.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd{width:1360px;height:710px;margin:50px auto 0 auto;position:relative;}



.box_06 .news_center .bd .main{width:1360px;height:710px;position:relative;}



.box_06 .news_center .bd .main .top{width:1360px;height:470px;overflow:hidden;}



.box_06 .news_center .bd .main .top li{width:380px;height:470px;padding:0px 20px;float:left;position:relative;z-index:2;background:url(../images/nbk03.png);margin-right:50px;overflow:hidden;}



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



.box_06 .news_center .bd .main .top li:before {

  content: '';

  position: absolute;

  width:100%;

  height:100%;

  top: 0;

  left:0;z-index:-1;

  background: -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, right top, left top, from(#d77933), to(#d77933));

  background: linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to left, #d77933 0%, #d77933 100%);

  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;

  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;

  background-repeat: no-repeat, no-repeat;

  -webkit-transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  -webkit-transform: scaleX(0) rotate(0deg);

          transform: scaleX(0) rotate(0deg);

  -webkit-transition-delay: 1s, 0.5s, 0s;

          transition-delay: 1s, 0.5s, 0s;

}



.box_06 .news_center .bd .main .top li.active:before {

  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;

  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;

  -webkit-transform: scaleX(1) rotate(0deg);

          transform: scaleX(1) rotate(0deg);

  -webkit-transition-delay: 0s, 0.5s, 1s;

          transition-delay: 0s, 0.5s, 1s;

}



.box_06 .news_center .bd .main .top li a{display:block;}



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



.box_06 .news_center .bd .main .top li.active .name{color:#d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li span{display:block;width:135px;font-size:14px;color:#b2b2b2;line-height:12px;margin-top:25px; background:url(../images/line01.png) left center no-repeat;text-align:right;}



.box_06 .news_center .bd .main .top li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:30px;height:60px;font-size:14px;color:#808080;margin-top:22px;}



.box_06 .news_center .bd .main .top li .img{width:380px;height:240px;overflow:hidden;margin-top:30px;}



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



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



.box_06 .news_center .bd .main .bottom{width:1360px;height:200px;overflow:hidden;margin-top:40px;}



.box_06 .news_center .bd .main .bottom li{width:380px;height:200px;padding:0px 20px;float:left;position:relative;z-index:2;background:url(../images/nbk04.png);margin-right:50px;overflow:hidden;}



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



.box_06 .news_center .bd .main .bottom li:before {

  content: '';

  position: absolute;

  width:100%;

  height:100%;

  top: 0;

  left:0;z-index:-1;

  background: -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d77933), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#d77933), to(#d77933)), -webkit-gradient(linear, right top, left top, from(#d77933), to(#d77933));

  background: linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to top, #d77933 50%, transparent 50%), linear-gradient(to right, #d77933 0%, #d77933 100%), linear-gradient(to left, #d77933 0%, #d77933 100%);

  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;

  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;

  background-repeat: no-repeat, no-repeat;

  -webkit-transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  -webkit-transform: scaleX(0) rotate(0deg);

          transform: scaleX(0) rotate(0deg);

  -webkit-transition-delay: 1s, 0.5s, 0s;

          transition-delay: 1s, 0.5s, 0s;

}



.box_06 .news_center .bd .main .bottom li.active:before {

  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;

  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;

  -webkit-transform: scaleX(1) rotate(0deg);

          transform: scaleX(1) rotate(0deg);

  -webkit-transition-delay: 0s, 0.5s, 1s;

          transition-delay: 0s, 0.5s, 1s;

}



.box_06 .news_center .bd .main .bottom li a{display:block;}



.box_06 .news_center .bd .main .bottom li .name{line-height:20px;font-size:16px;color:#000;margin-top:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li.active .name{color:#d77933;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li span{display:block;width:135px;font-size:14px;color:#b2b2b2;line-height:12px;margin-top:25px; background:url(../images/line01.png) left center no-repeat;text-align:right;}



.box_06 .news_center .bd .main .bottom li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:30px;height:60px;font-size:14px;color:#808080;margin-top:20px;}















/* animated home */

.sjcTop,

.sjcTop2,

.sjcBottom,

.sjcLeft,

.sjcRight,

.bg,

.leftWow,

.rightWow,

.bottomWow {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}

/* 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);

  }

}