/*



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;



*/



/* 共用标题 */













.G012-level-5-item-container{width:210px;}



.G012-level-5-item-container a{display:block;width:210px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/* Application */

.box_01{width:100%;height:520px;background:#f8f8f8;}



.box_01 .center{width:1200px;height:460px;padding-top:60px;margin:0 auto;position:relative;}



.box_01 .center .h_bt{position:absolute;left:-110px;top:60px;writing-mode: tb-rl;font-size:40px;color:#333;font-weight:bold;line-height:40px;padding-right:30px;font-family:Arial;z-index:99; letter-spacing:5px;}



.box_01 .center .h_bt::before{content:'';width:2px;height:285px;background:#333333;position:absolute;top:-70px;right:0;}



.box_01 .picScroll-left01{width:1200px;height:460px;margin:0 auto;position:relative;}



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



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



.box_01 .picScroll-left01 .bd ul li{width:290px;height:320px;margin-right:13.3px;overflow:hidden;position:relative;}



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



.box_01 .picScroll-left01 .bd ul li .img{width:280px;height:250px;border:solid 5px #fff;overflow:hidden;}



.box_01 .picScroll-left01 .bd ul li .img img{width:280px;height:250px;vertical-align:top;transform: scale(1.1);object-fit:cover;transition: all 1s;}



.box_01 .picScroll-left01 .bd ul li:hover .img img{transform: scale(1);}



.box_01 .picScroll-left01 .bd ul li .name{width:auto;padding:0 50px 0 40px;height:20px;margin-top:40px;font-size:16px;color:#333;line-height:20px;font-family:Arial;background:url(../images/jt_01.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .bd ul li:hover .name{color:#25aa38;background:url(../images/jt_02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .bd ul li .txt{width:380px;height:50px;background:#f5f5f5;overflow:hidden;position:relative;z-index:0;}



.box_01 .picScroll-left01 .bd ul li .txt::before{content:'';width:380px;height:0px;background:#0d47a1;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .bd ul li:hover .txt::before{content:'';width:380px;height:50px;background:#0d47a1;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .hd{width:190px;height:45px;position:absolute;bottom:40px;left:50%;margin-left:-95px;z-index:1;}



.box_01 .picScroll-left01 .hd .prev{width:90px;height:45px;background:url(../images/jt_031.png) center center no-repeat #fff;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .hd .next{width:90px;height:45px;background:url(../images/jt_042.png) center center no-repeat #fff;float:right;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .hd .prev:hover{background:url(../images/jt_032.png) center center no-repeat #25aa38;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .picScroll-left01 .hd .next:hover{background:url(../images/jt_041.png) center center no-repeat #25aa38;-webkit-transition:all .7s;transition:all .7s;}











/* Application */

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



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



.box_02 .center .left{width:auto;height:293px;float:left;}



.box_02 .center .left h3{font-size:26px;color:#fff;font-weight:bold;line-height:22px; font-family:Arial;text-transform: Uppercase;margin-top:115px;}



.box_02 .center .left p{font-size:16px;color:#acacad;line-height:20px;font-family:Arial;margin-top:40px;}



.box_02 .center .round{display:block;width:75px;height:75px;float:right;position:relative;margin-top:100px;z-index:5;}



.circle {background:url(../images/zx.png) center center no-repeat rgba(255,255,255,0.5);border-radius:50%;width:75px;height:75px;z-index: 999;text-align: center;top:0;left:0;position: absolute;}



.circle_bottom{background: rgba(255,255,255,0.3);border-radius: 100%;width:85px;height:85px;filter: alpha(opacity=30);z-index: -100;position: absolute;top:-5px;left: -5px;}



.circle_bottom2{background: rgba(255,255,255,0.2);border-radius: 100%;width:105px;height:105px;filter: alpha(opacity=20);z-index: -110;position: absolute;top:-15px;left: -15px;}



.animation{-webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}



.animation2{ -webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}



@-webkit-keyframes twinkling {

	0% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}



	50% {

		opacity: 0.5;

		filter: alpha(opacity=50);

		-webkit-transform: scale(1.12);

	}



	100% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}

}



@keyframes twinkling {

	0% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}



	50% {

		opacity: 0.5;

		filter: alpha(opacity=50);

		-webkit-transform: scale(1.12);

	}



	100% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}

}







/* about */

.box_03{width:100%;height:auto;padding:70px 0 50px 0;background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;}



.box_03 .center{width:1200px;height:837px;margin:0 auto;position:relative;}



.box_03 .center .h_bt{position:absolute;left:-170px;top:345px;writing-mode: tb-rl;font-size:40px;color:#333;font-weight:bold;line-height:40px;padding-right:30px;font-family:Arial;z-index:99; letter-spacing:5px;}



.box_03 .center .h_bt::before{content:'';width:2px;height:285px;background:#333333;position:absolute;top:0px;right:0;}



.box_03 .center .left{width:530px;height:837px;float:left;}



.box_03 .center .left .txt{width:530px;height:auto;}



.box_03 .center .left .txt h4{font-size:16px;color:#333;height:35px;font-weight:bold;line-height:14px;font-family:Arial;text-transform: Uppercase;position:relative;}



.box_03 .center .left .txt h4::after{content:'';width:80px;height:1px;background:#333;position:absolute;bottom:0;left:0;}



.box_03 .center .left .txt p{font-size:14px;color:#333;line-height:30px;height:60px;overflow:hidden;font-family:Arial;margin-top:30px;}



.box_03 .center .left .txt a{display:block;width:95px;height:14px;text-align:left;font-size:16px;line-height:14px;color:#25aa38;font-weight:bold;font-family:Arial;background:url(../images/jt_06.png) right center no-repeat;margin-top:50px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center .left .txt a:hover{margin-left:10px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center .left .case_01{width:530px;height:500px;position:relative;z-index:2;margin-top:70px;-moz-box-shadow:5px 5px 5px #d8d8d8;-webkit-box-shadow:5px 5px 5px #d8d8d8;box-shadow:5px 5px 5px #d8d8d8;}



.box_03 .center .left .case_01 .swiper-slide{width:530px;cursor:pointer;position:relative;overflow:hidden;}



.box_03 .center .left .case_01 .swiper-slide .img{display:block;width:530px;height:500px;overflow:hidden;}



.box_03 .center .left .case_01 .swiper-slide .img img{width:530px;height:500px;vertical-align:top;object-fit:cover;}



.box_03 .center .left .case_01 .swiper-pagination-bullets{}



.box_03 .center .left .case_01 .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:#25aa38;opacity:0.5;z-index:9 !important;}



.box_03 .center .left .case_01 .swiper-pagination-bullet-active{width:10px;height:10px;background:#25aa38;opacity:1;}



.box_03 .center .left .case_01 .swiper-pagination-bullet:hover{background:url(../images/kuang02.png);}



.box_03 .center .right{width:600px;height:837px;;float:right;}



.box_03 .center .right .case_02{width:580px;height:520px;position:relative;z-index:2;border:solid 10px #fff;}



.box_03 .center .right .case_02 .swiper-slide{width:580px;cursor:pointer;position:relative;overflow:hidden;}



.box_03 .center .right .case_02 .swiper-slide .img{display:block;width:580px;height:520px;overflow:hidden;}



.box_03 .center .right .case_02 .swiper-slide .img img{width:580px;height:520px;vertical-align:top;object-fit:cover;}



.box_03 .center .right .case_02 .swiper-pagination-bullets{}



.box_03 .center .right .case_02 .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:#25aa38;opacity:0.5;z-index:9 !important;}



.box_03 .center .right .case_02 .swiper-pagination-bullet-active{width:10px;height:10px;background:#25aa38;opacity:1;}



.box_03 .center .right .case_02 .swiper-pagination-bullet:hover{background:url(../images/kuang02.png);}



.box_03 .center .right .txt{width:600px;height:auto;margin-top:40px;}



.box_03 .center .right .txt h4{font-size:16px;color:#25aa38;font-weight:bold;line-height:14px;font-family:Arial;text-transform: Uppercase;position:relative;}



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



.box_03 .center .right .txt a{display:block;width:126px;height:45px;padding-left:15px;font-size:14px;line-height:45px;color:#fff;font-family:Arial;background:url(../images/jt_05.png) 90px center no-repeat #25aa38;margin-top:60px;-webkit-transition:all .7s;transition:all .7s;-moz-box-shadow:5px 5px 5px #d8d8d8;-webkit-box-shadow:5px 5px 5px #d8d8d8;box-shadow:5px 5px 5px #d8d8d8;}



.box_03 .center .right .txt a:hover{margin-left:10px;-webkit-transition:all .7s;transition:all .7s;}













/* news */

.box_04{width:100%;height:auto;padding:70px 0;}



.box_04 .center{width:1200px;height:350px;margin:0 auto;position:relative;}



.box_04 .center .h_bt{position:absolute;right:-110px;top:70px;z-index:99;}



.box_04 .center .h_bt::before{content:'';width:2px;height:295px;background:#333;position:absolute;top:-170px;left:0;}



.box_04 .center .h_bt a{display:block;font-family:Arial;writing-mode: tb-rl;font-size:40px;color:#333;font-weight:bold;line-height:40px;padding-left:30px;letter-spacing:3px;}



.box_04 .center .list{width:1200px;height:350px;}



.box_04 .center .list li{width:372px;height:350px;float:left;margin-right:28px;}



.box_04 .center .list li:last-child{margni-right:0;}



.box_04 .center .list li .txt{width:310px;height:260px;padding:30px 31px 0 31px;overflow:hidden; background:#f8f8f8;-moz-box-shadow:0px 0px 10px #e1dede; -webkit-box-shadow:0px 0px 10px #e1dede; box-shadow:0px 0px 10px #e1dede;}



.box_04 .center .list li .txt span{display:block;height:25px;line-height:25px;font-size:14px;color:#999;}



.box_04 .center .list li .txt span i{font-size:30px;color:#25aa38;font-weight:bold;}



.box_04 .center .list li .txt .name{display:block;font-size:16px;color:#333;line-height:18px;height:40px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}



.box_04 .center .list li .txt .name::after{content:'';width:50px;height:1px;background:#dedede;position:absolute;bottom:0;left:0;}



.box_04 .center .list li .txt p{font-size:14px;color:#666;line-height:25px;height:100px;overflow:hidden;margin-top:20px;}



.box_04 .center .list li .card{width:310px;height:60px;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#25aa38;position: absolute;-webkit-transform-origin: top; transform-origin: top; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);-webkit-transition: all 0.5s 0.5s ease-out; transition: all 0.5s 0.5s ease-out; z-index:5;}



.box_04 .center .list li:hover .card{-webkit-transition: all 0.5s 0s ease-out; transition: all 0.5s 0s ease-out;-webkit-transform: rotateX(0deg); transform: rotateX(0deg);}



.box_04 .center .list li .card a{display:block;width:310px;height:60px;font-size:14px;color:#fff;text-align:center;font-family:Arial;position:relative;padding:0 !important;}



.box_04 .center .list li .card a::after{content:'';width:80px;height:1px;background:#fff;position:absolute;bottom:10px;left:50%;margin-left:-40px;}



































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

  }

}