/*



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;



*/



/* 公用标题 */



.h_title{width:600px;height:82px;margin:0 auto;text-align:center; background:url(../images/h_back.png) center bottom no-repeat;}



.h_title h3{font-size:24px;line-height:26px;color:#333;font-weight:bold;}



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



.h_title p{font-size:16px;color:#808080;line-height:16px;margin-top:10px;}





@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%;height:auto;margin:0 auto;padding:80px 0;overflow:hidden;}



.box_01 .list{width:1200px;height:180px;margin:40px auto 0 auto;display:flex;justify-content: space-between;}



.box_01 .list li{width:280px;height:180px;float:left;overflow:hidden;-moz-box-shadow:0px 0px 10px #e9e7e7;-webkit-box-shadow:0px 0px 10px #e9e7e7;box-shadow:0px 0px 10px #e9e7e7;}



.box_01 .list li h4{padding-left:65px;height:34px;margin-top:25px;font-size:22px;color:#2196f3;line-height:34px;font-weight:bold;}



.box_01 .list li h4 i{width:40px;height:34px;float:left;margin-right:15px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .list li:hover h4 i{width:40px;height:34px;float:left;margin-right:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .list li:hover h4 i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_01 .list li:nth-of-type(1) h4 i{background:url(../images/pz_icon_01.png) left center no-repeat;}



.box_01 .list li:nth-of-type(2) h4 i{background:url(../images/pz_icon_02.png) left center no-repeat;}



.box_01 .list li:nth-of-type(3) h4 i{background:url(../images/pz_icon_03.png) left center no-repeat;}



.box_01 .list li:nth-of-type(4) h4 i{background:url(../images/pz_icon_04.png) left center no-repeat;}



.box_01 .list li p{font-size:14px;color:#808080;line-height:30px;margin-top:15px;text-align:center;}









/* 产品展示 */

.box_02{width:100%;height:auto;margin:0 auto;padding-bottom:50px;overflow:hidden;}



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



.box_02 .top .center{width:1200px;height:460px;margin:0 auto;overflow:hidden;}



.box_02 .top .center .h_bt{width:90px;height:400px;float:left;display:flex;justify-content: space-between;}



.box_02 .top .center .h_bt h3{writing-mode: tb-rl;text-align:right;background:url(../images/pro_zm.png) top center no-repeat;width:54px;}



.box_02 .top .center .h_bt h3 a{display:block;line-height:70px;font-size:16px;color:#666;}



.box_02 .top .center .h_bt p{writing-mode: tb-rl;font-size:16px;color:#666;width:16px;line-height:16px;background:url(../images/pro_line.png) bottom center no-repeat; letter-spacing:5px;}



.box_02 .top .center .right{width:985px;height:460px;float:right;}



.box_02 .top .center .right .bx{width:985px;height:40px;margin-top:31px;overflow:hidden;}



.box_02 .top .center .right .bx h4{width:140px;height:40px;text-align:center;float:left;}



.box_02 .top .center .right .bx h4 a{display:block;width:140px;background:url(../images/li_back01.png);float:left;font-size:16px;color:#333;line-height:40px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .center .right .bx h4:hover a{background:url(../images/li_back02.png);color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .center .right .list{width:810px;float:right;height:40px;line-height:40px;overflow:hidden;}



.box_02 .top .center .right .list li{width:auto;float:left;margin-right:30px;}



.box_02 .top .center .right .list li:last-child{margin-right:0;}



.box_02 .top .center .right .list li a{display:block;width:auto;height:40px;line-height:40px;font-size:14px;color:#808080;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .center .right .list li:hover a{color:#127fe4;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .center .right .list li a::after{content:'';width:0%;height:2px;position:absolute;bottom:5px;left:0;background:#2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .center .right .list li:hover a::after{content:'';width:100%;height:2px;position:absolute;bottom:5px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list{width:1200px;height:620px;margin:45px auto 0 auto;}



.box_02 .pro_list li{width:380px;height:280px;float:left;margin:0 30px 30px 0;background:url(../images/li_back03.png);border-radius:6px;overflow:hidden;-moz-box-shadow:0px 0px 10px #e9e7e7;-webkit-box-shadow:0px 0px 10px #e9e7e7;box-shadow:0px 0px 10px #e9e7e7;-webkit-transition:all .7s;transition:all .7s;}



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



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



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



.box_02 .pro_list li .img{width:320px;height:280px;float:left;position:relative;overflow:hidden;}



.box_02 .pro_list li .img img{display:block;width:320px;height:280px;object-fit:cover;position:absolute;bottom:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list li:hover .img img{display:block;width:310px;height:270px;object-fit:cover;border-radius:6px 0 0 6px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list li .txt{width:45px;height:240px;padding:20px 0;float:right;position:relative;overflow:hidden;}



.box_02 .pro_list li .txt span{display:block;width:45px;height:55px;text-align:center;font-size:20px;color:#333;line-height:16px;position:relative;}



.box_02 .pro_list li .txt span::after{content:'';width:2px;height:30px; background:#e6e6e6;position:absolute;bottom:0;left:21px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list li .txt a{width:45px;height:150px;padding-bottom:30px;text-align:center;line-height:45px;margin-top:15px;font-size:14px;color:#4c4c4c;background:url(../images/pro_jt_01.png) center bottom no-repeat;writing-mode: tb-rl;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .pro_list li:hover .txt a{color:#fff;background:url(../images/pro_jt_02.png) center bottom no-repeat;-webkit-transition:all .7s;transition:all .7s;}











/* 企业优势 */

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



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



.box_03 .center .h_bt{width:565px;height:110px;position:absolute;top:110px;right:0;z-index:9;overflow:hidden;}



.box_03 .center .h_bt h3{font-size:24px;color:#fff;font-weight:bold;line-height:26px;}



.box_03 .center .h_bt p{font-size:14px;color:rgba(255,255,255,0.6);line-height:15px;margin-top:15px;}



.box_03 .center .h_bt i{display:block;width:20px;height:3px;background:#127fe4;margin-top:15px;}



.box_03 .center .h_bt span{display:block;font-size:60px;color:rgba(255,255,255,0.1);font-weight:bold;line-height:65px;position:absolute;bottom:10px;right:0;}



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



.box_03 .center .ys01 .img{width:578px;height:557px;border:solid 3px #2196f3;float:left;overflow:hidden;}



.box_03 .center .ys01 .img img{width:578px;height:557px;transition: all 1s;vertical-align:top;}



.box_03 .center .ys01:hover .img img{transform: scale(1.05);}



.box_03 .center .ys01 .txt{width:535px;height:563px;float:right;position:relative;}



.box_03 .center .ys01 .txt h4{font-size:30px;color:#2196f3;line-height:32px;font-weight:bold;margin-top:300px;-webkit-transition:all .7s;transition:all .7s;}



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



.box_03 .center .ys01 .txt i{display:block;font-size:60px;line-height:48px;color:rgba(33,150,243,0.4);position:absolute;top:300px;right:0;}



.box_03 .center .ys01 .txt span{display:block;font-size:12px;color:#808080;line-height:15px;margin-top:10px;}



.box_03 .center .ys01 .txt p{font-size:15px;color:#808080;line-height:30px;margin-top:20px;padding-left:20px;background:url(../images/ys_icon.png) left 8px no-repeat;}



.box_03 .center .ys02{width:1200px;height:365px;margin:0 auto;}



.box_03 .center .ys02 .txt{width:530px;height:365px;float:left;position:relative;}



.box_03 .center .ys02 .txt h4{font-size:30px;color:#2196f3;line-height:32px;font-weight:bold;margin-top:105px;-webkit-transition:all .7s;transition:all .7s;}



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



.box_03 .center .ys02 .txt i{display:block;font-size:60px;line-height:48px;color:rgba(33,150,243,0.4);position:absolute;top:105px;right:0;}



.box_03 .center .ys02 .txt span{display:block;font-size:12px;color:#808080;line-height:15px;margin-top:10px;}



.box_03 .center .ys02 .txt p{font-size:15px;color:#808080;line-height:30px;margin-top:20px;padding-left:20px;background:url(../images/ys_icon.png) left 8px no-repeat;}



.box_03 .center .ys02 .img{width:537px;height:365px;float:right;position:relative;overflow:hidden;}



.box_03 .center .ys02 .img img{width:537px;height:390px;position:absolute;left:0;bottom:0;transition: all 1s;}



.box_03 .center .ys02:hover .img img{transform: scale(1.05);}



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



.box_03 .center .ys03 .img{width:568px;height:480px;border:solid 3px #2196f3;float:left;overflow:hidden;}



.box_03 .center .ys03 .img img{width:568px;height:480px;transition: all 1s;}



.box_03 .center .ys03:hover .img img{transform: scale(1.05);}



.box_03 .center .ys03 .txt{width:535px;height:563px;float:right;position:relative;}



.box_03 .center .ys03 .txt h4{font-size:30px;color:#2196f3;line-height:32px;font-weight:bold;margin-top:115px;-webkit-transition:all .7s;transition:all .7s;}



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



.box_03 .center .ys03 .txt i{display:block;font-size:60px;line-height:48px;color:rgba(33,150,243,0.4);position:absolute;top:115px;right:0;}



.box_03 .center .ys03 .txt span{display:block;font-size:12px;color:#808080;line-height:15px;margin-top:10px;}



.box_03 .center .ys03 .txt p{font-size:15px;color:#808080;line-height:30px;margin-top:20px;padding-left:20px;background:url(../images/ys_icon.png) left 8px no-repeat;}















/* 荣誉资质 */

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



.box_04 .picScroll-left04{width:1200px;height:450px;margin:40px auto 0 auto;position:relative;}



.box_04 .picScroll-left04 .bd{width:980px;height:450px;margin:0 auto;position:relative;z-index:5;overflow:hidden;}



.box_04 .picScroll-left04 .bd ul{width:980px;height:450px;overflow:hidden; zoom:1;}



.box_04 .picScroll-left04 .bd ul li{overflow:hidden;width:300px;height:450px;overflow:hidden;position:relative;margin-right:40px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left04 .bd ul li a{display:block;}



.box_04 .picScroll-left04 .bd ul li .img{width:274px;height:372px;padding:14px 13px; background:url(../images/yy_bk.png);overflow:hidden;}



.box_04 .picScroll-left04 .bd ul li .img img{width:274px;height:372px;vertical-align:top;object-fit:cover;}



.box_04 .picScroll-left04 .bd ul li .txt{width:300px;height:50px;background:#fff;overflow:hidden;position:relative;}



.box_04 .picScroll-left04 .bd ul li .txt::after{content:'';width:0px;height:2px;background:#2196f3;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left04 .bd ul li:hover .txt::after{content:'';width:300px;height:2px;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left04 .bd ul li .name{width:250px;height:50px;padding-right:50px;font-size:14px;color:#333;line-height:50px;background:url(../images/show_jt_03.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left04 .bd ul li:hover .name{color:#2196f3;background:url(../images/show_jt_04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left04 .hd{width:1200px;height:450px;position:absolute;top:0;left:0;z-index:2;overflow:hidden;}



.box_04 .picScroll-left04 .hd .prev{float:left;width:55px;height:55px;margin-top:175px;background:url(../images/yy_jt_01.png);-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left04 .hd .next{float:right;width:55px;height:55px;margin-top:175px;background:url(../images/yy_jt_02.png);-webkit-transition:all .7s;transition:all .7s;}











/* 客户案例 */

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



.box_05 .list{width:1200px;height:540px;margin:40px auto 0 auto;overflow:hidden;}



.box_05 .list li{width:280px;height:260px;float:left;overflow:hidden;margin:0 26.6px 10px 0;}



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



.box_05 .list li a{display:block;}



.box_05 .list li .img{width:280px;height:210px;border-radius:6px;overflow:hidden;}



.box_05 .list li .img img{width:280px;height:210px;transition: all 1s;}



.box_05 .list li:hover .img img{transform: scale(1.1);}



.box_05 .list li .txt{width:280px;height:50px;background:#fff;overflow:hidden;position:relative;}



.box_05 .list li .txt::after{content:'';width:0px;height:2px;background:#2196f3;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .list li:hover .txt::after{content:'';width:280px;height:2px;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .list li .name{width:230px;height:50px;padding-right:50px;font-size:14px;color:#333;line-height:50px;background:url(../images/show_jt_04.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .list li:hover .name{color:#2196f3;-webkit-transition:all .7s;transition:all .7s;}











/* 关于我们 */

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



.box_06 .center{width:1200px;height:640px;margin:0 auto;}



.box_06 .center .left{width:570px;height:640px;float:left;}



.box_06 .center .left .zm{width:570px;height:auto;}



.box_06 .center .left .zm p:nth-of-type(1){font-size:40px;color:#333;font-weight:bold;line-height:32px;text-transform: Uppercase;}



.box_06 .center .left .zm p:nth-of-type(2){font-size:40px;color:#333;font-weight:bold;line-height:32px;text-transform: Uppercase;margin-top:13px;}



.box_06 .center .left .txt{width:500px;height:auto;margin-top:60px;padding-left:70px; background:url(../images/ab_line.png) left center no-repeat;}



.box_06 .center .left .txt h4{font-size:24px;color:#333;font-weight:bold;line-height:26px;}



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



.box_06 .center .left .click{width:280px;height:36px;margin-top:42px;display:flex;justify-content: space-between;}



.box_06 .center .left .click a{display:block;width:130px;height:36px;line-height:36px;font-size:14px;color:#fff;text-align:center;border-radius:6px;}



.box_06 .center .left .click a:nth-of-type(1){background:#2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .center .left .click a:nth-of-type(2){background:#127fe4;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .center .left .click a:nth-of-type(1):hover{background:#127fe4;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .center .left .click a:nth-of-type(2):hover{background:#2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .center .left .tel{width:auto;height:34px;margin-top:95px;padding-left:120px;font-size:14px;color:#4c4c4c;line-height:34px;position:relative;}



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



.box_06 .center .left .tel span{font-size:20px;color:#2196f3;font-weight:bold;}



.box_06 .center .right{width:600px;height:640px;float:right;position:relative;}



.box_06 .center .right img{width:960px;height:640px;position:absolute;top:0;left:0;border-radius:50px 0 0 0;}















/* 厂区基地 */

.box_07{width:100%;height:380px;margin-top:-80px;overflow:hidden;position:relative;z-index:2;}



.box_07 .slideGroup02{width:1340px;height:380px;margin:0 auto;position:relative;z-index:2;}



.box_07 .slideGroup02 .parHd{width:600px;height:80px;margin-left:70px;}



.box_07 .slideGroup02 .parHd ul{width:600px;height:80px;border-radius:10px;overflow:hidden;font-size:18px;}



.box_07 .slideGroup02 .parHd ul li{width:170px;padding-left:130px;height:80px;line-height:80px;font-size:18px;color:#fff;float:left;}



.box_07 .slideGroup02 .parHd ul li:last-child{float:right;}



.box_07 .slideGroup02 .parHd ul li:nth-of-type(1){background:url(../images/show_icon_01.png) 90px center no-repeat #333;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parHd ul li:nth-of-type(1).on{background:url(../images/show_icon_01.png) 90px center no-repeat #2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parHd ul li:nth-of-type(2){background:url(../images/show_icon_02.png) 90px center no-repeat #333;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parHd ul li:nth-of-type(2).on{background:url(../images/show_icon_02.png) 90px center no-repeat #2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parBd{width:1340px;margin-top:30px;height:270px;}



.box_07 .slideGroup02 .parBd .slideBox{position:relative;}



.box_07 .slideGroup02 .parBd .slideBox .tempWrap{width:1220px;margin:0 auto;overflow:hidden;}



.box_07 .slideGroup02 .parBd ul{width:1220px;overflow:hidden; zoom:1;}



.box_07 .slideGroup02 .parBd ul li{width:280px;height:260px;padding:10px 10px 0 10px;margin-right:6.6px;float:left;position:relative;}



.box_07 .slideGroup02 .parBd ul li a{display:block;}



.box_07 .slideGroup02 .parBd ul li .img{width:260px;height:190px;padding:10px;border-radius:8px;overflow:hidden;-moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999;}



.box_07 .slideGroup02 .parBd ul li .img .pic{width:260px;height:190px;border-radius:8px;overflow:hidden;}



.box_07 .slideGroup02 .parBd ul li .img .pic img{width:260px;height:190px;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_07 .slideGroup02 .parBd ul li:hover .img .pic img{transform: scale(1.1);}



.box_07 .slideGroup02 .parBd ul li .txt{width:280px;height:50px;overflow:hidden;position:relative;}



.box_07 .slideGroup02 .parBd ul li .txt::after{content:'';width:0px;height:2px;background:#2196f3;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parBd ul li:hover .txt::after{content:'';width:280px;height:2px;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parBd ul li .name{width:230px;height:50px;padding-right:50px;font-size:14px;color:#333;line-height:50px;background:url(../images/show_jt_03.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .slideGroup02 .parBd ul li:hover .name{color:#2196f3;background:url(../images/show_jt_04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .sPrev{position:absolute;top:110px;left:0;z-index:9;width:40px;height:40px;cursor:pointer;border-radius:14px 2px 14px 2px;background:url(../images/show_jt_01.png) center center no-repeat #2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .sPrev:hover{background:url(../images/show_jt_01.png) center center no-repeat #127fe4;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .sNext{position:absolute;top:110px;right:0;z-index:9;width:40px;height:40px;cursor:pointer;border-radius:2px 14px 2px 14px;background:url(../images/show_jt_02.png) center center no-repeat #2196f3;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .sNext:hover{background:url(../images/show_jt_02.png) center center no-repeat #127fe4;-webkit-transition:all .7s;transition:all .7s;}























/* 新闻资讯 */

.box_08{width:100%;height:auto;padding:70px 0 80px 0;background:#fff;overflow:hidden;}



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



.box_08 .news_center .hd{width:1200px;line-height:50px;height:50px;overflow:hidden;}



.box_08 .news_center .hd .h_bt{width:460px;height:50px;float:left;position:relative;z-index:0;}



.box_08 .news_center .hd .h_bt span{display:block;font-size:60px;line-height:50px;color:#f4f4f4;position:absolute;left:0;top:0;font-weight:bold;z-index:-1;text-transform: Uppercase;}



.box_08 .news_center .hd .h_bt h3{font-size:20px;line-height:50px;color:#333;font-weight:bold;position:absolute;left:10px;top:0;}



.box_08 .news_center .hd .h_bt h3 a{display:block;color:#333;}



.box_08 .news_center .hd .h_bt p{font-size:14px;line-height:50px;color:#666;position:absolute;left:120px;top:0;}



.box_08 .news_center .hd ul{width:320px;height:40px;margin-top:10px;float:right;display:flex;justify-content: space-between;}



.box_08 .news_center .hd ul li{width:75px;height:40px;line-height:40px;font-size:14px;text-align:center;position:relative;}



.box_08 .news_center .hd ul li::after{content:'';width:0px;height:2px;background:#2196f3;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .hd ul li.on::after{content:'';width:75px;height:2px;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .hd ul li a{display:block;color:#666;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd{width:1200px;height:580px;margin:40px auto 0 auto;}



.box_08 .news_center .bd .main{width:1200px;height:580px;}



.box_08 .news_center .bd .main .top{width:1200px;height:280px;overflow:hidden;}



.box_08 .news_center .bd .main .top li{width:378px;height:280px;float:left;margin-right:33px;border-radius:6px;overflow:hidden;position:relative;}



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



.box_08 .news_center .bd .main .top li .img{width:378px;height:280px;position:absolute;top:0;left:0;}



.box_08 .news_center .bd .main .top li .img img{width:378px;height:280px;object-fit:cover;vertical-align:top;}



.box_08 .news_center .bd .main .top li .txt{width:330px;height:280px;padding:0 24px;position:absolute;top:0;left:0;background:url(../images/nt_back01.png);-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li:hover .txt{background:url(../images/nt_back02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li span{display:block;font-size:12px;color:#b2b2b2;line-height:10px;margin-top:35px;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li:hover span{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li .name{display:block;margin-top:12px;font-size:16px;color:#333;font-weight:bold;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;position:relative;}



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



.box_08 .news_center .bd .main .top li p{font-size:14px;color:#808080;line-height:25px;height:75px;overflow:hidden;margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li:hover p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li .more{display:block;width:330px;padding:0 24px;height:65px;border-top:solid 1px #e6e6e6;background:url(../images/n_jt_01.png) 345px center no-repeat;font-size:14px;color:#808080;line-height:65px;position:absolute;left:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .top li:hover .more{background:url(../images/n_jt_02.png) 345px center no-repeat;color:#fff;border-top:solid 1px #fff;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom{width:1150px;height:220px;padding:20px 25px 0 25px;margin-top:60px;overflow:hidden;-moz-box-shadow:0px 0px 10px #d0cece;-webkit-box-shadow:0px 0px 10px #d0cece;box-shadow:0px 0px 10px #d0cece;border-radius:2px 2px 20px 20px;}



.box_08 .news_center .bd .main .bottom li{width:550px;height:60px;line-height:60px;float:left;overflow:hidden;position:relative;}



.box_08 .news_center .bd .main .bottom li:nth-of-type(2n){float:right;}



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



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



.box_08 .news_center .bd .main .bottom li:hover::after{content:'';width:550px;height:1px;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom li .name{display:block;width:420px;padding-left:15px;font-size:14px;color:#4c4c4c;float:left;background:url(../images/dian01.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom li:hover .name{color:#127fe4;background:url(../images/dian02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom li span{display:block;font-size:12px;color:#808080;float:right;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom li:hover span{color:#127fe4;-webkit-transition:all .7s;transition:all .7s;}





























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

  }

}









.tanchuang{

  position: fixed;

  right: 0;

  bottom: 0%;

  z-index: 5;

  background: #fff;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

}



.tanchuang .tanchuang_box{

  position: relative;

  padding: 60px 30px 30px;

  width: 280px;

}



.tanchuang .tanchuang_box .txt{

  margin: 0 auto;



}



.tanchuang .tanchuang_box .txt h5{

  font-size: 16px;

  color: #333;

  margin-bottom: 5px;

}



.tanchuang .tanchuang_box .txt p{

  font-size: 14px;

  color: #333;

  line-height: 24px;
  font-size: 12px;

}



.tanchuang .tanchuang_box .close{

  position: absolute;

  left: 25px;

  top: 7px;

  width: 45px;

  height: 45px;

  background: url(../images/close.png) center no-repeat;

  cursor: pointer;

}