/*







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);}



}











/* banner 开始 */



.box_01{width:100%;height: 710px;position:relative;background:url(../images/ba_back.jpg) left center no-repeat;overflow:hidden;}







.banner {width: 100%;height:710px;position:absolute;bottom:0;right:0;}







.banner .nivoSlider {position: relative;width:100%;height: 100%;}



.banner .nivoSlider img {display: block;width: auto;margin: 0 auto;height: auto;width: 100%;height: 100%;object-fit: cover;}



.banner .nivoSlider a {border: 0;display: block;margin: 0 auto;text-align: center;width: 100%;height: 100%;}



.banner .nivo-controlNav-bg {position: absolute;left: 0;bottom:0;width:0;height: 44px;z-index: 100;}



.banner .nivo-controlNav {position: absolute;width: 352px;height:43px;bottom:30px;left: 50%;z-index: 101; background:url(../images/bback.png);transform: translateX(-50%);text-align: center;background-size: cover;}



.nivo-directionNav{z-index:666; display:block !important;width:60px;height:43px;position:relative;left:240px;top:637px; background:url(../images/bbline.png) center center no-repeat;}



.banner .nivo-directionNav a {position: absolute;bottom:0;z-index: 9;cursor: pointer;text-indent: -9999px;}



.banner .nivo-prevNav{left:0;}



.banner .nivo-nextNav {right:0;}



.banner .nivo-directionNav a.nivo-prevNav{display: block;width:12px;height:43px;background: url(../images/b_jt_01.png) center center no-repeat;z-index:101;-webkit-transition:all .7s;transition:all .7s;}



.banner .nivo-directionNav a.nivo-nextNav{display: block;width:12px;height:43px;background: url(../images/b_jt_02.png) center center no-repeat;z-index:101;-webkit-transition:all .7s;transition:all .7s;}



.banner .nivo-controlNav a{display: inline-block;width:23px;height:23px;background:url(../images/dian01.png) center center no-repeat;margin:10px 10px 0 ;overflow:hidden; text-indent:-999px;}



.banner .nivo-controlNav a.active {background:url(../images/dian02.png) center center no-repeat;}



.banner .nivo-caption {display: block;}



.banner .nivo-caption a {color: #fff;border-bottom: 1px dotted #fff;}



.banner .nivo-caption a:hover {color: #fff;}



.banner .nivoSlider {position: relative;}



.banner .nivoSlider img {position: absolute;top: 0px;left: 0px;margin: 0 auto;object-fit: cover;}



.banner .nivoSlider a.nivo-imageLink {position: relative;top: 0px;left: 0px;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;z-index: 6;display: none;text-align: center;}



.banner .nivo-slice {display: block;position: absolute;z-index: 5;height: 100%;}



.banner .nivo-box {display: block;position: absolute;z-index: 5;}



.banner .nivo-caption {position: absolute;left: 0px;bottom: 0px;background: #000;color: #fff;opacity: 0.8;width: 100%;z-index: 8;}



.banner .nivo-caption p {padding: 5px;margin: 0;}



.banner .nivo-caption a {display: inline !important;}



.banner .nivo-html-caption {display: none;}



















/* 询盘信息 */



.topxunpan{width:1200px;height:23px;position:absolute;left:50%;margin-left:-600px;bottom:50px;display: none;}







.topxunpan .thisxp{width:215px;height:23px;line-height:23px;}







.topxunpan .xp {position: relative;color:#999;font-size:12px;cursor: pointer;}







.topxunpan .xp img {margin:5px 5px 0 0; vertical-align:top !important;}







.topxunpan .xp i {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;border-radius:11px;background:#c70b0b;box-sizing: border-box;font-size:12px;}







.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: #c81912;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: #c81912;}







.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;}







/* banner 结束 */



























/* 产品中心 */



.box_02{width:100%;height:820px;margin-top:80px; background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;}







.box_02 .pro-center{width:1200px;height:740px;margin:0 auto;position:relative;}







.box_02 .pro-center .h_title{width:200px;padding:0 12px 0 11px;height:57px;background:url(../images/h_back.png);position:absolute;left:0;top:0;z-index:9;}







.box_02 .pro-center .h_title h3{font-size:24px;color:#262626;line-height:26px;font-weight:bold;}







.box_02 .pro-center .h_title h3 a{display:block;color:#262626;display:flex;justify-content: space-between;}







.box_02 .pro-center .hd{width:820px;height:109px;margin:0 auto;overflow:hidden;position:absolute;top:0;right:-15px;z-index:9;}







.box_02 .pro-center .hd ul{width:820px;height:109px;overflow:hidden;position:relative;display:flex;justify-content: space-between;}







.box_02 .pro-center .hd ul li{width:59px;height:109px;float:left;cursor:pointer;background:url(../images/on02.png) left top no-repeat;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .hd ul li.on{background:url(../images/on01.png) left top no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .hd ul li::after{content:'';width:59px;height:26px;background:url(../images/yun01.png);position:absolute;bottom:-30px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .hd ul li.on::after{content:'';width:59px;height:26px;background:url(../images/yun01.png);position:absolute;bottom:0px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .hd ul li a{display:block;width:45px;height:100px;padding-top:9px;font-size:14px;color:#262626;line-height:45px;text-align:left;writing-mode: tb-rl;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .hd ul li.on a{color:#c70b0b;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .bd{width:1200px;height:740px;}







.box_02 .pro-center .bd .main{width:1200px;height:740px;position:relative;}







.box_02 .pro-center .bd .main .left{width:380px;height:650px;position:absolute;left:0;bottom:0;}







.box_02 .pro-center .bd .main .left .bx{width:380px;height:310px;position:relative;}







.box_02 .pro-center .bd .main .left .bx:nth-of-type(1){margin-bottom:30px;}







.box_02 .pro-center .bd .main .left .bx a{display:block;}







.box_02 .pro-center .bd .main .left .bx .img{width:380px;height:280px;border-radius:6px;overflow:hidden;}







.box_02 .pro-center .bd .main .left .bx .img img{width:380px;height:280px;transition: all 1s;vertical-align:top;object-fit:cover;}







.box_02 .pro-center .bd .main .left .bx:hover .img img{transform: scale(1.1);}







.box_02 .pro-center .bd .main .left .bx .txt{width:320px;height:50px;padding:0 10px;border-radius:6px;background:#fff;overflow:hidden;position:absolute;left:20px;bottom:0;-moz-box-shadow:0px 0px 10px #eae9e9; -webkit-box-shadow:0px 0px 10px #eae9e9; box-shadow:0px 0px 10px #eae9e9;}







.box_02 .pro-center .bd .main .left .bx .txt .name{width:260px;height:50px;line-height:50px;padding-right:60px;font-size:14px;color:#333;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_02 .pro-center .bd .main .left .bx:hover .txt .name{color:#c70b0b;background:url(../images/pro_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .pro-center .bd .main .right{width:750px;height:580px;position:absolute;right:0;bottom:0;}







.box_02 .pro-center .bd .main .right a{display:block;}







.box_02 .pro-center .bd .main .right .img{width:750px;height:510px;border-radius:6px;overflow:hidden;}







.box_02 .pro-center .bd .main .right .img img{width:750px;height:510px;transition: all 1s;vertical-align:top;object-fit:cover;}







.box_02 .pro-center .bd .main .right:hover .img img{transform: scale(1.05);}







.box_02 .pro-center .bd .main .right .txt{width:600px;height:155px;position:absolute;left:75px;bottom:0;}







.box_02 .pro-center .bd .main .right .txt .name{max-width:570px;width:auto;padding:0 15px;height:55px;line-height:55px;font-size:14px;color:#fff;background:#c70b0b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:10px 10px 0 0;position:absolute;top:0;left:0;}







.box_02 .pro-center .bd .main .right .txt p{padding:20px;width:560px;height:60px; background:#fff;-moz-box-shadow:0px 0px 10px #eae9e9; -webkit-box-shadow:0px 0px 10px #eae9e9; box-shadow:0px 0px 10px #eae9e9;position:absolute;bottom:0;left:0;}







.box_02 .pro-center .bd .main .right .txt p span{display:block;width:560px;height:60px;font-size:14px;color:#808080;line-height:30px;overflow:hidden;}































/* 企业优势 */



.box_03{width:100%;height:796px;padding-top:34px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}







.box_03 .center{width:1200px;height:796px;margin:0 auto;}







.look_center{width:580px;height:796px;position:relative;float:left;}







.look_center .h_bt{width:200px;padding:0 12px 0 11px;height:57px;margin-top:23px;background:url(../images/h_back.png);}







.look_center .h_bt h3{font-size:24px;color:#262626;line-height:26px;font-weight:bold;display:flex;justify-content: space-between;}







.look_center .bd{width:580px;height:716px;}







.look_center .bd .main{width:580px;height:716px;}







.look_center .bd .main .txt{width:580px;height:396px;float:right;position:relative;}







.look_center .bd .main .txt h4{width:100px;height:200px;padding:33px 23px 0 0;margin-top:20px;color:rgba(255,255,255,0.3);line-height:25px;text-align:center;font-weight:bold;font-size:30px;background:url(../images/ys_bt.png);overflow:hidden;position:absolute;top:20px;left:110px;}







.look_center .bd .main .txt h4 span{display:block;margin-top:10px;line-height:100px;color:#fff;font-weight:bold;font-size:24px;writing-mode: tb-rl; letter-spacing:2px;}







.look_center .bd .main .txt p{width:auto;height:340px;border-right:solid 1px rgba(204,204,204,0.5);writing-mode: tb-rl;color:#808080;font-size:14px;position:absolute;top:0;right:60px;}







.look_center .bd .main .txt p span{display:block;height:340px;line-height:59px;float:left;border-left:solid 1px rgba(204,204,204,0.5);}







.look_center .bd .main .img{width:580px;height:320px;border-radius:10px 0 0 0;overflow:hidden;}







.look_center .bd .main .img img{display:block;width:580px;height:320px;vertical-align:top;}







.look_center .hd{width:60px;height:60px;position:absolute;left:180px;bottom:345px;z-index:9;}







.look_center .hd .prev{position:absolute;left:0;top:0;cursor:pointer;width:30px;height:30px;background:url(../images/ys_jt_01.png) center center no-repeat #2d2d2d;-webkit-transition:all .7s;transition:all .7s;}







.look_center .hd .next{position:absolute;right:0;bottom:0;cursor:pointer;width:30px;height:30px;background:url(../images/ys_jt_02.png) center center no-repeat #2d2d2d;-webkit-transition:all .7s;transition:all .7s;}







.look_center .hd .prev:hover{background:url(../images/ys_jt_01.png) center center no-repeat #e70000;-webkit-transition:all .7s;transition:all .7s;}







.look_center .hd .next:hover{background:url(../images/ys_jt_02.png) center center no-repeat #e70000;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .center .ys_right{width:620px;height:796px;float:right;position:relative;}







.box_03 .center .ys_right img{display:block;width:740px;height:796px;position:absolute;top:0;left:0;}



























/* 案例 */



.box_04{width:100%;height:1147px;padding-top:80px;background:url(../images/case_back.jpg) center top no-repeat;overflow:hidden;}







.box_04 .center{width:1200px;height:1147px;margin:0 auto;position:relative;}







.box_04 .center .h_bt{width:200px;padding:0 12px 0 11px;height:57px;background:url(../images/h_back.png);position:absolute;left:0;top:0;}







.box_04 .center .h_bt h3{font-size:24px;color:#262626;line-height:26px;font-weight:bold;display:flex;justify-content: space-between;}







.box_04 .center .list{width:1200px;height:1070px;margin:0 auto;position:relative;}







.box_04 .center .list li{width:590px;height:435px;}







.box_04 .center .list li a{display:block;}







.box_04 .center .list li:nth-of-type(1){position:absolute;left:0;top:140px;}







.box_04 .center .list li:nth-of-type(2){position:absolute;left:0;bottom:0;}







.box_04 .center .list li:nth-of-type(3){position:absolute;right:0;top:20px;}







.box_04 .center .list li:nth-of-type(4){position:absolute;right:0;bottom:120px;}







.box_04 .center .list li:nth-of-type(1) .img,



.box_04 .center .list li:nth-of-type(2) .img{width:590px;height:370px;position:absolute;top:0;left:0;overflow:hidden;border-radius:6px;}







.box_04 .center .list li:nth-of-type(1) .img img,



.box_04 .center .list li:nth-of-type(2) .img img{width:590px;height:370px;vertical-align:top;transition: all 1s;object-fit:cover;}







.box_04 .center .list li:nth-of-type(1):hover .img img,



.box_04 .center .list li:nth-of-type(2):hover .img img{transform: scale(1.05);}







.box_04 .center .list li:nth-of-type(1) .txt,



.box_04 .center .list li:nth-of-type(2) .txt{width:460px;height:120px;position:absolute;bottom:0;left:40px;padding:0 25px;background:#fff;border-radius:6px 0 6px 6px;-moz-box-shadow:0px 0px 10px #eae9e9; -webkit-box-shadow:0px 0px 10px #eae9e9; box-shadow:0px 0px 10px #eae9e9;}







.box_04 .center .list li:nth-of-type(1) .txt .name,



.box_04 .center .list li:nth-of-type(2) .txt .name{width:170px;font-size:20px;line-height:22px;color:#262626;font-weight:bold;height:50px;float:left;margin-top:40px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(1):hover .txt .name,



.box_04 .center .list li:nth-of-type(2):hover .txt .name{color:#c70b0b;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(1) .txt .name::before,



.box_04 .center .list li:nth-of-type(2) .txt .name::before{content:'';width:30px;height:2px;background:#262626;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(1):hover .txt .name::before,



.box_04 .center .list li:nth-of-type(2):hover .txt .name::before{content:'';width:70px;height:2px;background:#c70b0b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(1) .txt p,



.box_04 .center .list li:nth-of-type(2) .txt p{width:270px;font-size:14px;line-height:25px;color:#808080;height:50px;float:right;margin-top:35px;overflow:hidden;}







.box_04 .center .list li:nth-of-type(1) .txt .more,



.box_04 .center .list li:nth-of-type(2) .txt .more{width:30px;height:30px; background:#c70b0b;position:absolute;top:-30px;right:0;}







.box_04 .center .list li:nth-of-type(1) .txt .more::before,



.box_04 .center .list li:nth-of-type(2) .txt .more::before{content:'';width:11px;height:1px;background:#fff;position:absolute;top:15px;left:10px;}







.box_04 .center .list li:nth-of-type(1) .txt .more::after,



.box_04 .center .list li:nth-of-type(2) .txt .more::after{content:'';width:1px;height:11px;background:#fff;position:absolute;top:10px;left:15px;}







.box_04 .center .list li:nth-of-type(3) .img,



.box_04 .center .list li:nth-of-type(4) .img{width:590px;height:370px;position:absolute;bottom:0;left:0;overflow:hidden;border-radius:6px;}







.box_04 .center .list li:nth-of-type(3) .img img,



.box_04 .center .list li:nth-of-type(4) .img img{width:590px;height:370px;vertical-align:top;transition: all 1s;object-fit:cover;}







.box_04 .center .list li:nth-of-type(3):hover .img img,



.box_04 .center .list li:nth-of-type(4):hover .img img{transform: scale(1.05);}







.box_04 .center .list li:nth-of-type(3) .txt,



.box_04 .center .list li:nth-of-type(4) .txt{width:460px;height:120px;position:absolute;top:0;left:40px;padding:0 25px;background:#fff;border-radius:6px 0 6px 6px;-moz-box-shadow:0px 0px 10px #eae9e9; -webkit-box-shadow:0px 0px 10px #eae9e9; box-shadow:0px 0px 10px #eae9e9;}







.box_04 .center .list li:nth-of-type(3) .txt .name,



.box_04 .center .list li:nth-of-type(4) .txt .name{width:170px;font-size:20px;line-height:22px;color:#262626;font-weight:bold;height:50px;float:left;margin-top:40px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(3):hover .txt .name,



.box_04 .center .list li:nth-of-type(4):hover .txt .name{color:#c70b0b;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(3) .txt .name::before,



.box_04 .center .list li:nth-of-type(4) .txt .name::before{content:'';width:30px;height:2px;background:#262626;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(3):hover .txt .name::before,



.box_04 .center .list li:nth-of-type(4):hover .txt .name::before{content:'';width:70px;height:2px;background:#c70b0b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .list li:nth-of-type(3) .txt p,



.box_04 .center .list li:nth-of-type(4) .txt p{width:270px;font-size:14px;line-height:25px;color:#808080;height:50px;float:right;margin-top:35px;overflow:hidden;}







.box_04 .center .list li:nth-of-type(3) .txt .more,



.box_04 .center .list li:nth-of-type(4) .txt .more{width:30px;height:30px; background:#c70b0b;position:absolute;top:-30px;right:0;}







.box_04 .center .list li:nth-of-type(3) .txt .more::before,



.box_04 .center .list li:nth-of-type(4) .txt .more::before{content:'';width:11px;height:1px;background:#fff;position:absolute;top:15px;left:10px;}







.box_04 .center .list li:nth-of-type(3) .txt .more::after,



.box_04 .center .list li:nth-of-type(4) .txt .more::after{content:'';width:1px;height:11px;background:#fff;position:absolute;top:10px;left:15px;}























/* 关于我们 */



.box_05{width:100%;height:760px;padding-top:100px;background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;}







.box_05 .h_bt{width:150px;height:160px;margin:0 auto;}







.box_05 .h_bt p{font-size:14px;color:#666;line-height:28px;float:left;margin-top:45px;writing-mode: tb-rl;}







.box_05 .h_bt h3{width:86px;height:155px;font-size:24px;color:#fff;line-height:86px;font-weight:bold;float:right; background:url(../images/ab_bt.png); text-align:center; letter-spacing:3px;writing-mode: tb-rl;}







.box_05 .center{width:1200px;height:488px;margin:37px auto 0 auto;position:relative;}







.box_05 .center .left{width:450px;height:488px;float:left;}







.box_05 .center .left .yyzz{width:450px;height:305px;}







.box_05 .center .left .yyzz img{width:450px;height:305px;vertical-align:top;}







.box_05 .center .left .bx{width:390px;height:65px;margin-top:90px;display:flex;justify-content: space-between;}







.box_05 .center .left .bx a{display:block;width:145px;height:65px;}







.box_05 .center .left .bx a .icon{width:63px;height:63px;border:solid 1px #fff;border-radius:50%;float:left;}







.box_05 .center .left .bx a .icon i{display:block;width:63px;height:63px;}







.box_05 .center .left .bx a:hover .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}







.box_05 .center .left .bx a:nth-of-type(1) .icon i{background:url(../images/ab_icon_01.png) center center no-repeat;}







.box_05 .center .left .bx a:nth-of-type(2) .icon i{background:url(../images/ab_icon_02.png) center center no-repeat;}







.box_05 .center .left .bx a .txt{width:auto;height:63px;float:right;}







.box_05 .center .left .bx a .txt h4{font-size:16px;color:#fff;line-height:16px;margin-top:13px;}







.box_05 .center .left .bx a .txt p{font-size:12px;color:rgba(255,255,255,0.3);line-height:14px;margin-top:12px;}







.box_05 .center .right{width:640px;height:488px;float:right;}







.box_05 .center .right p{width:530px;height:419px;background:url(../images/ab_line.png);font-size:14px;color:#666;line-height:66.25px;float:left;overflow:hidden;writing-mode: tb-rl;}







.box_05 .center .right h4{width:54px;height:314px;background:url(../images/ab_wz.png);float:right;}







































/* 新闻资讯 */



.box_06{width:100%;height:900px;background:url(../images/news_back.jpg) center top no-repeat;padding-top:77px;overflow:hidden;}







.box_06 .center{width:1200px;height:700px;margin:0 auto;position:relative;}







.box_06 .center .news_center{width:1200px;height:700px;position:relative;}







.box_06 .center .news_center .hd{width:240px;height:225px;overflow:hidden;position:absolute;left:0;top:0;z-index:9;}







.box_06 .center .news_center .h_title{width:200px;padding:0 12px 0 11px;height:57px;background:url(../images/h_back.png);}







.box_06 .center .news_center .h_title h3{font-size:24px;color:#262626;line-height:26px;font-weight:bold;}







.box_06 .center .news_center .h_title h3 a{display:block;color:#262626;display:flex;justify-content: space-between;}







.box_06 .center .news_center .hd ul{width:240px;height:135px;font-size:16px;margin-top:33px;display:flex;justify-content: space-between;}







.box_06 .center .news_center .hd ul li{width:71px;height:135px;background:url(../images/on03.png);-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .hd ul li.on{background:url(../images/on04.png);-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .hd ul li a{display:block;width:56px;height:110px;padding-top:25px;line-height:56px;color:#262626;letter-spacing:3px;writing-mode: tb-rl;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd{width:1200px;height:700px;margin:0 auto;}







.box_06 .center .news_center .bd .main{width:1200px;height:700px;}







.box_06 .center .news_center .bd .main .top{width:850px;height:200px;padding:12px 20px;margin-left:310px;border-radius:10px;overflow:hidden;-moz-box-shadow:0px 0px 10px #eae9e9; -webkit-box-shadow:0px 0px 10px #eae9e9; box-shadow:0px 0px 10px #eae9e9;}







.box_06 .center .news_center .bd .main .top .img{width:260px;height:200px;border-radius:10px;overflow:hidden;float:left;}







.box_06 .center .news_center .bd .main .top .img img{width:260px;height:200px;transition: all 1s;vertical-align:top;object-fit:cover;}







.box_06 .center .news_center .bd .main .top:hover img{transform: scale(1.1);}







.box_06 .center .news_center .bd .main .top .txt{width:560px;height:200px;float:right;}







.box_06 .center .news_center .bd .main .top .txt .date{width:auto;height:auto;}







.box_06 .center .news_center .bd .main .top .txt .date span:nth-of-type(1){display:block;font-size:42px;color:#333;line-height:40px;}







.box_06 .center .news_center .bd .main .top .txt .date span:nth-of-type(2){display:block;font-size:12px;color:#ccc;line-height:10px;margin-top:8px;}







.box_06 .center .news_center .bd .main .top .txt .name{display:block;font-size:16px;color:#333;line-height:16px;margin-top:25px;padding-left:40px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .top:hover .txt .name{color:#c70b0b;padding-left:60px;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .top .txt .name::before{content:'';width:30px;height:3px;background:#e6e6e6;position:absolute;top:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .top:hover .txt .name::before{content:'';width:45px;height:3px;background:#c70b0b;position:absolute;top:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .top .txt p{font-size:14px;color:#808080;line-height:30px;height:60px;overflow:hidden;margin-top:22px;}







.box_06 .center .news_center .bd .main .bottom{width:1200px;height:425px;margin:50px auto 0 auto;}







.box_06 .center .news_center .bd .main .bottom li{width:320px;padding:0 25px;height:188px;margin-right:45px;float:left;background:url(../images/li_back01.png);position:relative;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li:hover{background:url(../images/li_back02.png);-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li:nth-of-type(3n){margin-right:0;}







.box_06 .center .news_center .bd .main .bottom li:nth-of-type(1),



.box_06 .center .news_center .bd .main .bottom li:nth-of-type(2),



.box_06 .center .news_center .bd .main .bottom li:nth-of-type(3){margin-bottom:49px;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(1){width:320px;height:40px;margin-top:40px;position:relative;overflow:hidden;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(1)::before{content:'';width:320px;height:1px;background:#eee;position:absolute;bottom:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(1)::after{content:'';width:0px;height:1px;background:#c70b0b;position:absolute;bottom:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li:hover p:nth-of-type(1)::after{content:'';width:320px;height:1px;background:#c70b0b;position:absolute;bottom:7px;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(1) a{display:block;width:240px;float:left;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li:hover p:nth-of-type(1) a{color:#c70b0b;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(1) span{display:block;float:right;font-size:16px;line-height:18px;color:#666;font-family:Arial;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(1) span i{font-size:24px;color:#333;line-height:18px;}







.box_06 .center .news_center .bd .main .bottom li p:nth-of-type(2){font-size:14px;color:#808080;line-height:25px;height:50px;overflow:hidden;margin-top:20px;}







.box_06 .center .news_center .bd .main .bottom li .more{width:24px;height:24px;background:#ccc;border-radius:12px;position:absolute;bottom:-12px;left:25px;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li:hover .more{background:#c70b0b;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .center .news_center .bd .main .bottom li .more::before{content:'';width:12px;height:2px;background:#fff;position:absolute;top:11px;left:6px;}







.box_06 .center .news_center .bd .main .bottom li .more::after{content:'';width:2px;height:12px;background:#fff;position:absolute;top:6px;left:11px;}







.box_06 .links{width:1200px;margin:95px auto 80px auto;height:25px;overflow:hidden;}







.box_06 .links p{width:115px;font-size:30px;line-height:25px;color:#c70b0b;text-align:right;background:url(../images/links.png) left center no-repeat;float:left;text-transform: Uppercase;}







.box_06 .links .lk{width:1075px;float:right;height:25px;line-height:25px;overflow:hidden;}







.box_06 .links .lk a{display:block;width:auto;padding:0 30px;font-size:14px;color:#808080;float:left;position:relative;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .links .lk a:hover{color:#c70b0b;-webkit-transition:all .7s;transition:all .7s;}







.box_06 .links .lk a::after{content:'';width:2px;height:15px;background:#b9b9b9;position:absolute;top:5px;right:-1px;}































/* 在线留言 */



.box_07{width:100%;height:455px;padding-top:85px;background:url(../images/ly_back.jpg) center top no-repeat;overflow:hidden;}







.box_07 .center{width:1200px;height:455px;margin:0 auto;position:relative;}







.box_07 .center .left{width:620px;height:455px;float:left;}







.box_07 .center .left h4{font-size:32px;color:#c70b0b;font-weight:bold;line-height:34px;}







.box_07 .center .left .form{width:620px;height:230px;margin-top:120px;position:relative;}







.box_07 .center .left .form p{width:300px;height:45px;overflow:hidden;border-radius:4px;}







.box_07 .center .left .form input{display:block;width:270px;height:45px;line-height:45px;color:#c70b0b;font-size:14px;padding:0 10px 0 20px;box-sizing:content-box;}







.box_07 .center .left .form p:nth-of-type(1){position:absolute;left:0;top:0;}







.box_07 .center .left .form p:nth-of-type(2){position:absolute;right:0;top:0;}







.box_07 .center .left .form p:nth-of-type(1) input{background:rgba(255,255,255,0.8);}







.box_07 .center .left .form p:nth-of-type(2) input{background:rgba(255,255,255,0.8);}







.box_07 .center .left .form p:nth-of-type(3){width:620px;height:80px;position:absolute;left:0;top:76px;}







.box_07 .center .left .form textarea{width:590px;height:65px;line-height:20px;color:#c70b0b;font-size:14px;padding:15px 10px 0 20px;box-sizing:content-box;background:rgba(255,255,255,0.8);}







.box_07 .center .left .form p:nth-of-type(4){width:420px;height:45px;position:absolute;bottom:0;left:0;z-index:2;overflow:hidden;background:rgba(255,255,255,0.8);}







.box_07 .center .left .form p:nth-of-type(4) input{display:block;width:250px;height:45px;line-height:45px;color:#c70b0b;font-size:14px;float:left;padding:0 10px 0 20px;box-sizing:content-box;background:rgba(0,0,0,0);}







.box_07 .center .left .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:35px;cursor:pointer;margin:5px;}







.box_07 .center .left .form .tj{width:180px;height:45px;border:none;border-radius:23px;position:absolute;bottom:0;right:0;background:#fff;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}







.box_07 .center .left .form .tj .btn{display: block;width:180px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#c70b0b;font-weight:bold;border:none;background:none;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}







.box_07 .center .left .form .tj:hover{width:180px;height:45px;border:none;border-radius:23px;position:absolute;bottom:0;right:0;background:#c70b0b;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}







.box_07 .center .left .form .tj:hover .btn{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







.box_07 .center .right{width:390px;height:455px;float:right;}







.box_07 .center .right h4{width:169px;height:87px; background:url(../images/contact.png);position:relative;margin:85px 0 60px 0;}







.box_07 .center .right h4 span{font-size:24px;color:#fff;font-weight:bold;line-height:26px;position:absolute;top:30px;right:3px; letter-spacing:3px;}







.box_07 .center .right p{width:auto;height:32px;padding-left:60px;margin-bottom:28px;font-size:18px;font-family:Arial;color:#fff;line-height:32px;}







.box_07 .center .right p:nth-of-type(1){background:url(../images/ft_icon_01.png) 10px center no-repeat;}







.box_07 .center .right p:nth-of-type(2){background:url(../images/ft_icon_02.png) 10px center no-repeat;}







.box_07 .center .right p:nth-of-type(3){background:url(../images/ft_icon_03.png) 10px center no-repeat;}







.box_07 .center .right p span{font-size:14px;}







.box_07 .center .right p:nth-of-type(3){font-size:14px;}











































/* animated home */



.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }



.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}



.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }







@-webkit-keyframes fadeInUp {



    0% {



        opacity:0;



        -webkit-transform:translate3d(0, 100%, 0);



        transform:translate3d(0, 100%, 0)



    }



    100% {



        opacity:1;



        -webkit-transform:none;



        transform:none



    }



}



@keyframes fadeInUp {



    0% {



        opacity:0;



        -webkit-transform:translate3d(0, 100%, 0);



        transform:translate3d(0, 100%, 0)



    }



    100% {



        opacity:1;



        -webkit-transform:none;



        transform:none



    }



}



.fadeInUp {



    -webkit-animation-name: fadeInUp;



    animation-name: fadeInUp



}







.animated_1 { animation-delay:0.3s; }



.animated_2 { animation-delay:0.6s; }



.animated_3 { animation-delay:0.9s; }



.animated_4 { animation-delay:1.2s; }



.animated_5 { animation-delay:1.7s; }



.animated_6 { animation-delay:1.8s; }



.animated_7 { animation-delay:2.1s; }



.animated_8 { animation-delay:2.4s; }



.animated_9 { animation-delay:2.7s; }



.animated_10 { animation-delay:3s; }



.animated_11 { animation-delay:3.3s; }



.animated_12 { animation-delay:3.6s; }







/* animated end */



























@keyframes jello {



  from,



  11.1%,



  to {



    -webkit-transform: none;



    -moz-transform: none;



    transform: none;



  }



  22.2% {



    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);



    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);



    transform: skewX(-12.5deg) skewY(-12.5deg);



  }



  33.3% {



    -webkit-transform: skewX(6.25deg) skewY(6.25deg);



    -moz-transform: skewX(6.25deg) skewY(6.25deg);



    transform: skewX(6.25deg) skewY(6.25deg);



  }



  44.4% {



    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);



    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);



    transform: skewX(-3.125deg) skewY(-3.125deg);



  }



  55.5% {



    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);



    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);



    transform: skewX(1.5625deg) skewY(1.5625deg);



  }



  66.6% {



    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);



    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);



    transform: skewX(-0.78125deg) skewY(-0.78125deg);



  }



  77.7% {



    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);



    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);



    transform: skewX(0.390625deg) skewY(0.390625deg);



  }



  88.8% {



    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



  }



}



