/*



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

}





/* 产品中心 */

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



.box_01 .h_title{width:340px;height:auto;margin:0 auto;text-align:center;}



.box_01 .h_title h3{font-size:36px;color:#333;font-weight:bold;line-height:38px;}



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



.box_01 .h_title span{display:block;width:20px;height:2px; background:#0074db;margin:15px auto 0 auto;}



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



.box_01 .center{width:1300px;height:690px;margin:10px auto 0 auto;overflow:hidden;}



.box_01 .center .left{width:235px;height:690px;position:relative;float:left;}



.box_01 .center .left .bt{padding-left:70px;height:50px;margin-bottom:40px;background:url(../images/pro_icon_01.png) left center no-repeat;}



.box_01 .center .left .bt h4{font-size:24px;color:#0074db;font-weight:bold;line-height:26px;}



.box_01 .center .left .bt p{font-size:12px;color:#666;line-height:10px;text-transform: Uppercase;font-family:Arial;margin-top:10px;}



.menu .list .menuItem{display:none;}



.menu .list .show{display:block;}



.menu{width:235px;height:600px;overflow: auto;overflow-x: hidden;}



.menu::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}



.menu::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #0074db;}



.menu .list{width:235px;margin-bottom:20px;}



.menu .list p{width:235px;height:40px;line-height:40px;font-size:16px;background:#f2f8fd;-webkit-transition:all .7s;transition:all .7s;}



.menu .list p a{display:block;width:150px;padding:0 15px 0 70px;color:#4c4c4c;background:url(../images/dian01.png) 40px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.menu .list .xia{background:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.menu .list .xia a{color:#fff;background:url(../images/dian02.png) 40px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul{width:170px;margin:5px auto 0 auto;padding-bottom:6px;}



.menu .list ul li{width:170px;height:42px;position:relative;}



.menu .list ul li::before{content:'';width:170px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li::after{content:'';width:0px;height:1px;background:#0074db;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li:hover::after{content:'';width:170px;height:1px;background:#0074db;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li a{display:block;width:120px;height:42px;line-height:41px;font-size:14px;color:#666;padding:0 12px 0 38px;background:url(../images/dian03.png) 15px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li:hover a{color:#0074db;background:url(../images/dian04.png) 15px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .right{width:1015px;height:690px;overflow:hidden;float:right;}



.box_01 .center .right .top{width:1015px;height:50px;overflow:hidden;}



.box_01 .center .right .top .bt{padding-left:70px;height:50px;margin-bottom:40px;background:url(../images/pro_icon_02.png) left center no-repeat;float:left;}



.box_01 .center .right .top .bt h4{font-size:24px;color:#333;line-height:26px;}



.box_01 .center .right .top .bt p{font-size:12px;color:#666;line-height:10px;text-transform: Uppercase;font-family:Arial;margin-top:10px;}



.box_01 .center .right .top .more{display:block;width:90px;height:26px;line-height:26px;margin:12px 0;padding-left:17px;background:url(../images/more01.png) 80px center no-repeat #0074db;font-size:12px;color:#fff;text-transform: Uppercase;font-family:Arial;float:right;}



.box_01 .center .pro_list{width:1015px;height:620px;margin-top:20px;}



.box_01 .center .pro_list li{width:305px;height:270px;border:solid 5px #e6e6e6;float:left;margin:30px 35px 0 0;position:relative;-webkit-transition:all .7s;transition:all .7s;}



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



.box_01 .center .pro_list li:hover{border:solid 5px #0074db;-webkit-transition:all .7s;transition:all .7s;}



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



.box_01 .center .pro_list li .img{width:305px;height:270px;overflow:hidden;}



.box_01 .center .pro_list li .img img{width:305px;height:270px;transition: all 1s;vertical-align:top;object-fit:cover;}



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



.box_01 .center .pro_list li .txt{width:275px;height:45px;line-height:45px;padding:0 15px;position:absolute;left:0;bottom:0;overflow:hidden;background:rgba(255,255,255,0.6);-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list li:hover  .txt{background:rgba(0,116,219,1);-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list li .txt .name{width:180px;font-size:14px;color:#333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list li:hover .txt .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list li .txt .more{width:60px;height:45px;background:url(../images/more02.png) right center no-repeat;float:right;text-transform: Uppercase;font-family:Arial;-webkit-transition:all .7s;transition:all .7s;}



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











/* 工序流程 */

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



.box_02 .h_title{width:340px;height:auto;margin:0 auto;text-align:center;}



.box_02 .h_title h3{font-size:36px;color:#333;font-weight:bold;line-height:38px;}



.box_02 .h_title span{display:block;width:20px;height:2px; background:#0074db;margin:15px auto 0 auto;}



.box_02 .h_title p{font-size:12px;color:#666;line-height:12px;text-transform: Uppercase;font-family:Arial;margin-top:20px;}



.box_02 .lc_list{width:1300px;height:150px;margin:40px auto 0 auto;display:flex;justify-content: space-between;}



.box_02 .lc_list li{width:110px;height:150px;float:left;position:relative;cursor:pointer;position:relative;z-index:0;}



.box_02 .lc_list li::after{content:'';width:16px;height:18px;background:url(../images/lc_jt01.png);position:absolute;bottom:46px;right:-14px;z-index:1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active::after{content:'';width:16px;height:18px;background:url(../images/lc_jt02.png);position:absolute;bottom:46px;right:-14px;z-index:1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:last-child::after{content:'';width:0;height:0;background:none;position:absolute;bottom:46px;right:-14px;z-index:1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:last-child.active::after{content:'';width:0;height:0;background:none;position:absolute;bottom:46px;right:-14px;z-index:1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li p{font-size:16px;color:#333;line-height:16px;text-align:center;}



.box_02 .lc_list li .icon{width:110px;height:110px;margin-top:24px;background:#fff;border-radius:50%;position:relative;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active .icon{background:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li .icon i{display:block;width:110px;height:110px;}



.box_02 .lc_list li .icon i:nth-of-type(1){position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active .icon i:nth-of-type(1){position:absolute;top:-110px;left:0;-webkit-transition:all .7s;transition:all .7s;}





.box_02 .lc_list li .icon i:nth-of-type(2){position:absolute;top:110px;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active .icon i:nth-of-type(2){position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}









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



.box_02 .lc_list li:nth-of-type(2) .icon i:nth-of-type(1){background:url(../images/lc_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(3) .icon i:nth-of-type(1){background:url(../images/lc_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(4) .icon i:nth-of-type(1){background:url(../images/lc_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(5) .icon i:nth-of-type(1){background:url(../images/lc_icon_09.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(6) .icon i:nth-of-type(1){background:url(../images/lc_icon_11.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



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



.box_02 .lc_list li:nth-of-type(8) .icon i:nth-of-type(1){background:url(../images/lc_icon_15.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}









.box_02 .lc_list li:nth-of-type(1).active .icon i:nth-of-type(2){background:url(../images/lc_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(2).active .icon i:nth-of-type(2){background:url(../images/lc_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(3).active .icon i:nth-of-type(2){background:url(../images/lc_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(4).active .icon i:nth-of-type(2){background:url(../images/lc_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(5).active .icon i:nth-of-type(2){background:url(../images/lc_icon_10.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(6).active .icon i:nth-of-type(2){background:url(../images/lc_icon_12.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(7).active .icon i:nth-of-type(2){background:url(../images/lc_icon_14.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(8).active .icon i:nth-of-type(2){background:url(../images/lc_icon_16.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}









/* 企业优势 */

.box_03{width:100%;height:455px;padding:80px 0;overflow:hidden;}



.box_03 .ys{width:1300px;height:455px;margin:0 auto;display:flex;justify-content: space-between;}



.box_03 .ys li{width:307px;height:455px;float:left;position:relative;overflow:hidden;cursor:pointer;}



.box_03 .ys li::before{content:'';width:307px;height:455px;background:rgba(0,116,219,0);position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li.active::before{content:'';width:307px;height:455px;background:rgba(0,116,219,0.5);position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li .img{width:307px;height:257px;}



.box_03 .ys li .img img{width:307px;height:257px; vertical-align:top;}



.box_03 .ys li .txt{width:307px;height:275px;background:url(../images/ys_bk01.png);position:absolute;left:0;bottom:0;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li.active .txt{background:url(../images/ys_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li .txt .icon{width:32px;height:32px;background:#fff;border:solid 2px rgba(0,116,219,0.6);border-radius:50%;margin:20px auto 0 auto;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li .txt .icon i{display:block;idth:32px;height:32px;}



.box_03 .ys li.active .txt .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_03 .ys li:nth-of-type(1) .txt .icon i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li:nth-of-type(2) .txt .icon i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li:nth-of-type(3) .txt .icon i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li:nth-of-type(4) .txt .icon i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li h4{font-size:18px;color:#333;line-height:18px;text-align:center;margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li.active h4{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li span{display:block;width:30px;height:1px; background:#999;margin:10px auto 0 auto;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li.active span{background:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li p{width:240px;font-size:14px;color:#808080;line-height:30px;margin:15px auto 0 auto;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .ys li.active p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}









/* 工程案例 */

.box_04{width:100%;height:auto;padding-bottom:80px;background:url(../images/case_back.png) center 127px no-repeat;overflow:hidden;}



.box_04 .h_title{width:340px;height:auto;margin:0 auto;text-align:center;}



.box_04 .h_title h3{font-size:36px;color:#333;font-weight:bold;line-height:38px;}



.box_04 .h_title span{display:block;width:20px;height:2px; background:#0074db;margin:15px auto 0 auto;}



.box_04 .h_title p{font-size:12px;color:#666;line-height:12px;text-transform: Uppercase;font-family:Arial;margin-top:20px;}



.box_04 .fl_case{width:1300px;height:70px;margin:40px auto 0 auto;overflow:hidden;display:flex;justify-content: space-between;}



.box_04 .fl_case li{width:260px;height:70px;float:left;position:relative;z-index:0;}



.box_04 .fl_case li::before{content:'';width:260px;height:0px;background:#0074db;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .fl_case li.active::before{content:'';width:260px;height:70px;background:#0074db;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .fl_case li a{display:block;width:120px;padding:0 20px 0 120px;line-height:70px;background:url(../images/dian05.png) 65px center no-repeat;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .fl_case li.active a{background:url(../images/dian06.png) 65px center no-repeat;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case_list{width:1300px;height:800px;margin:0 auto;overflow:hidden;}



.box_04 .case_list li{width:420px;height:360px;margin:40px 20px 0 0;overflow:hidden;float:left;}



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



.box_04 .case_list li a{display:block;}



.box_04 .case_list li .img{width:400px;height:290px;border:solid 1px #e6e6e6;background:#fff;padding:9px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case_list li:hover .img{border:solid 1px #0074db;background:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .case_list li .img .pic{width:400px;height:290px;overflow:hidden;}



.box_04 .case_list li .img .pic img{display:block;width:400px;height:290px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_04 .case_list li:hover .img .pic img{transform: scale(1.05);}



.box_04 .case_list li .txt{width:400px;padding:0 10px;height:49px;line-height:49px;border-bottom:solid 1px #e6e6e6;overflow:hidden;}



.box_04 .case_list li .txt .name{width:300px;font-size:16px;color:#333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_04 .case_list li .txt .more{width:auto;font-size:12px;color:#666;float:right;text-transform: Uppercase;font-family:Arial;}









/* 厂区风貌 */

.box_05{width:100%;height:auto;padding-bottom:80px;background:url(../images/show_back.png) center 100px no-repeat;overflow:hidden;}



.box_05 .slideGroup02{width:1300px;margin:0 auto;overflow:hidden;}



.box_05 .slideGroup02 .parHd{width:1300px;height:76px;position:relative;overflow:hidden;}



.box_05 .slideGroup02 .parHd ul{width:340px;height:76px;margin:0 auto;overflow:hidden;display:flex;justify-content: space-between;}



.box_05 .slideGroup02 .parHd ul li{width:155px;height:76px;cursor:pointer;background:#f2f8fd;border-radius:10px;float:left;font-size:24px;color:#666;line-height:60px;text-align:center;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parHd ul li.on{background:#0074db;font-weight:bold;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parHd ul li::after{content:'';width:25px;height:2px;background:#ccc;position:absolute;bottom:15px;left:65px;}



.box_05 .slideGroup02 .parBd{width:1300px;margin-top:80px;height:360px;}



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



.box_05 .slideGroup02 .parBd .slideBox .arrow{width:80px;height:35px;position:absolute;right:0;top:-133px;}



.box_05 .slideGroup02 .parBd .slideBox .arrow .sNext{float:left;cursor:pointer;width:35px;height:35px;background:url(../images/show_jt_01.png) center center no-repeat #f2f8fd;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parBd .slideBox .arrow .sPrev{float:right;cursor:pointer;width:35px;height:35px;background:url(../images/show_jt_03.png) center center no-repeat #f2f8fd;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parBd .slideBox .arrow .sNext:hover{background:url(../images/show_jt_02.png) center center no-repeat #0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parBd .slideBox .arrow .sPrev:hover{background:url(../images/show_jt_04.png) center center no-repeat #0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parBd .slideBox .tempWrap{width:1300px !important;height:360px;margin:0 auto;overflow:hidden;}



.box_05 .slideGroup02 .parBd ul{width:1300px;height:360px;overflow:hidden;}



.box_05 .slideGroup02 .parBd ul li{width:420px;height:360px;overflow:hidden;margin-right:20px;float:left;position:relative;}



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



.box_05 .slideGroup02 .parBd ul li .img{width:400px;height:290px;border:solid 1px #e6e6e6;background:rgba(0,0,0,0);padding:9px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parBd ul li:hover .img{border:solid 1px #0074db;background:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .slideGroup02 .parBd ul li .img .pic{width:400px;height:290px;overflow:hidden;}



.box_05 .slideGroup02 .parBd ul li .img .pic img{display:block;width:400px;height:290px;vertical-align:top;transition: all 1s;object-fit:cover;}



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



.box_05 .slideGroup02 .parBd ul li .txt{width:400px;padding:0 10px;height:49px;line-height:49px;border-bottom:solid 1px #e6e6e6;overflow:hidden;}



.box_05 .slideGroup02 .parBd ul li .txt .name{width:300px;font-size:16px;color:#333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_05 .slideGroup02 .parBd ul li .txt .more{width:auto;font-size:12px;color:#666;float:right;text-transform: Uppercase;font-family:Arial;}









/* 关于我们 */

.box_06{width:100%;height:452px;padding-bottom:80px;overflow:hidden;}



.box_06 .center{width:1300px;height:452px;margin:0 auto;}



.box_06 .center .left{width:580px;height:452px;float:left;}



.box_06 .center .left .h_title{width:580px;height:auto;margin-top:55px;}



.box_06 .center .left .h_title h3{font-size:36px;color:#333;font-weight:bold;line-height:38px;}



.box_06 .center .left .h_title span{display:block;width:20px;height:2px; background:#0074db;margin-top:15px;}



.box_06 .center .left .h_title p{font-size:12px;color:#666;line-height:12px;text-transform: Uppercase;font-family:Arial;margin-top:20px;}



.box_06 .center .left .txt{width:580px;height:auto;margin-top:55px;}



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



.box_06 .center .left .txt p{font-size:16px;color:#666;line-height:30px;margin-top:23px;height:90px;overflow:hidden;}



.box_06 .center .left .txt .more{display:block;width:110px;height:32px;line-height:32px;margin:50px 0 0 0;padding-left:20px;background:url(../images/more01.png) 100px center no-repeat #0074db;font-size:12px;color:#fff;text-transform: Uppercase;font-family:Arial;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .center .left .txt .more:hover{margin:50px 0 0 10px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .center .right{width:552px;height:452px;float:right;position:relative;}



.box_06 .center .right .img{width:862px;height:452px;position:absolute;top:0;left:0;}



.box_06 .center .right .img img{display:block;width:862px;height:452px; vertical-align:top;}



.box_06 .center .right .yyzz{width:187px;height:261px;padding:20px;background:url(../images/yy_bk.png);overflow:hidden;position:absolute;bottom:0;left:-113px;}



.box_06 .center .right .yyzz img{display:block;width:187px;height:261px;vertical-align:top;object-fit:cover;}









/* 在线留言 */

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



.box_07 .center{width:1300px;height:288px;margin:0 auto;overflow:hidden;}



.box_07 .center .left{width:750px;height:288px;float:left;}



.box_07 .center .left h4{font-size:24px;color:#333;font-weight:bold;line-height:26px;margin-top:45px;}



.box_07 .center .left .form{width:750px;height:130px;margin-top:40px;position:relative;}



.box_07 .center .left .form p{width:230px;height:50px;overflow:hidden;background:rgba(255,255,255,1);border-radius:5px;}



.box_07 .center .left .form input{display:block;width:180px;height:50px;line-height:50px;color:#808080;font-size:14px;padding:0 15px 0 35px;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;left:260px;top:0;}



.box_07 .center .left .form p:nth-of-type(1) input{background:url(../images/name.png) 10px center no-repeat;}



.box_07 .center .left .form p:nth-of-type(2) input{background:url(../images/phone.png) 10px center no-repeat;}



.box_07 .center .left .form p:nth-of-type(3){width:490px;height:50px;position:absolute;left:0;bottom:0;}



.box_07 .center .left .form textarea{width:440px;height:50px;line-height:50px;font-size:14px;padding:0 15px 0 35px;box-sizing:content-box;background:url(../images/liuyan.png) 10px center no-repeat;}



.box_07 .center .left .form p:nth-of-type(4){width:230px;position:absolute;right:0;top:0;}



.box_07 .center .left .form p:nth-of-type(4) input{display:block;width:80px;height:50px;line-height:50px;color:#808080;font-size:14px;float:left;padding:0 5px 0 35px;background:url(../images/yzm.png) 10px center no-repeat;}



.box_07 .center .left .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:36px;cursor:pointer;margin:7px;}



.box_07 .center .left .form .tj{width:230px;height:50px;border:none;overflow:hidden;position:absolute;z-index:0;right:0;bottom:0;border-radius:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .form .tj .btn{display:block;width:230px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;padding:0 !important;-webkit-transition:all .7s;transition:all .7s;}



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



.btn_bubble_3{background-color: #0074db;background-repeat: no-repeat;}



.btn_bubble_3:hover, .btn_bubble_3:focus {

 -webkit-animation: btn_3 1s forwards ease-out;

 animation: btn_3 1s forwards ease-out;

 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;

 background-color: #0074db;

 background-repeat: no-repeat;

}



@-webkit-keyframes btn_3 {

 100% {

  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;

  box-shadow: inset 0 -140px 0 #0074db;

 }

}



@keyframes btn_3 {

 100% {

  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;

  box-shadow: inset 0 -140px 0 #0074db;

 }

}



.box_07 .center .right{width:375px;height:288px;float:right;}



.box_07 .center .right p:nth-of-type(1){font-size:36px;color:#fff;line-height:36px;margin-top:50px;}



.box_07 .center .right p:nth-of-type(2){font-size:12px;color:#fff;line-height:14px;margin-top:12px;}



.box_07 .center .right p:nth-of-type(3){width:320px;height:36px;background:rgba(255,255,255,0.1);font-size:18px;color:#fff;line-height:36px;text-align:center;margin-top:35px;border-radius:4px;letter-spacing:2px;}



.box_07 .center .right .tel{padding-left:40px;position:relative;height:33px;line-height:33px;color:#fff;font-size:14px;margin-top:30px;}



.box_07 .center .right .tel span{font-size:24px;font-weight:bold; font-family:Arial;}



.box_07 .center .right .tel::before{content:'';width:31px;height:33px;background:url(../images/tel02.png);position:absolute;top:0;left:0;animation: msClock 1.2s linear infinite;}



















/* 新闻资讯 */

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



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



.box_08 .news_center .hd{width:1300px;height:80px;position:relative;overflow:hidden;}



.box_08 .news_center .hd .h_title{width:auto;height:80px;float:left;margin-right:335px;}



.box_08 .news_center .hd .h_title h3{font-size:36px;color:#333;font-weight:bold;line-height:38px;}



.box_08 .news_center .hd .h_title span{display:block;width:20px;height:2px; background:#0074db;margin-top:12px;}



.box_08 .news_center .hd .h_title p{font-size:12px;color:#666;line-height:12px;text-transform: Uppercase;font-family:Arial;margin-top:15px;}



.box_08 .news_center .hd ul{width:470px;height:40px;float:left;margin:20px 0;display:flex;justify-content: space-between;}



.box_08 .news_center .hd ul li{width:140px;height:40px;cursor:pointer;float:left;background:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .hd ul li.on{background:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .hd ul li a{display:block;width:90px;padding-left:50px;height:40px;font-size:16px;color:#333;line-height:40px;-webkit-transition:all .7s;transition:all .7s;}



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



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



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



.box_08 .news_center .hd ul li:nth-of-type(3) a{background:url(../images/n_icon_05.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



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



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



.box_08 .news_center .hd ul li:nth-of-type(3).on a{background:url(../images/n_icon_06.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .hd .more{width:110px;height:40px;line-height:40px;float:right;margin:20px 0;font-size:12px;color:#666;background:url(../images/more03.png) right center no-repeat;text-transform: Uppercase;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .hd .more:hover{color:#0074db;background:url(../images/more04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



























.box_08 .news_center .bd{width:1300px;height:520px;margin:30px auto 0 auto;overflow:hidden;}



.box_08 .news_center .bd .main{width:1300px;height:520px;overflow:hidden;position:relative;}



.box_08 .news_center .bd .main .left{width:845px;height:435px;position:absolute;left:0;top:0;overflow:hidden;}



.box_08 .news_center .bd .main .left li{width:400px;height:433px;border:solid 1px #fafafa;overflow:hidden;float:left;position:relative;}



.box_08 .news_center .bd .main .left li a{display:block;}



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



.box_08 .news_center .bd .main .left li .img{width:400px;height:260px;overflow:hidden;}



.box_08 .news_center .bd .main .left li .img img{width:400px;height:260px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_08 .news_center .bd .main .left li:hover .img img{transform: scale(1.03);}



.box_08 .news_center .bd .main .left li .txt{width:340px;height:135px;padding:37px 30px 0 30px;border-top:solid 1px #fafafa;overflow:hidden;position:relative;background:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .left li:hover .txt{background:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .left li .txt .name{width:250px;font-size:16px;color:#333;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



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



.box_08 .news_center .bd .main .left li .txt span{display:block;font-size:14px;color:#666;line-height:16px;position:absolute;top:37px;right:30px;-webkit-transition:all .7s;transition:all .7s;}



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



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



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







.box_08 .news_center .bd .main .right{width:410px;height:435px;position:absolute;right:0;top:0;overflow:hidden;}



.box_08 .news_center .bd .main .right li{width:410px;height:131px;border-bottom:solid 1px #e6e6e6;margin-bottom:19px;overflow:hidden;}



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



.box_08 .news_center .bd .main .right li a{display:block;}



.box_08 .news_center .bd .main .right li .img{width:160px;height:110px;overflow:hidden;float:left;}



.box_08 .news_center .bd .main .right li .img img{width:160px;height:110px;vertical-align:top;transition: all 1s;object-fit:cover;}



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



.box_08 .news_center .bd .main .right li .txt{width:240px;height:110px;overflow:hidden;float:right;}



.box_08 .news_center .bd .main .right li .txt .name{font-size:14px;color:#333;line-height:15px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .right li:hover .txt .name{margin-left:5px;color:#0074db;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .right li .txt p{font-size:14px;color:#666;line-height:25px;height:50px;margin-top:10px;overflow:hidden;}



.box_08 .news_center .bd .main .right li .txt .more{width:24px;height:7px;background:url(../images/n_jt_01.png);margin-top:10px;-webkit-transition:all .7s;transition:all .7s;}



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



.box_08 .news_center .bd .main .bottom{width:1300px;height:50px;overflow:hidden;position:absolute;left:0;bottom:0;}



.box_08 .news_center .bd .main .bottom li{width:270px;height:50px;float:left;margin-right:73px;position:relative;}



.box_08 .news_center .bd .main .bottom li::after{content:'';width:1px;height:50px;background:#ccc;position:absolute;top:0;right:-36px;-webkit-transition:all .7s;transition:all .7s;}



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



.box_08 .news_center .bd .main .bottom li span{display:block;height:14px;line-height:14px;font-size:14px;color:#666;background:url(../images/n_line01.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom li:hover span{background:url(../images/n_line02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .news_center .bd .main .bottom li .name{display:block;font-size:16px;color:#333;line-height:16px;margin-top:15px;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{margin-left:5px;color:#0074db;-webkit-transition:all .7s;transition:all .7s;}











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

  }

}