/*



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:970px;padding-top:70px;background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;}



.box_01 .top{width:1280px;height:67px;margin:0 auto;}



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



.box_01 .top .h_title p{width:185px;height:33px; background:url(../images/bt_pro.png);position:relative;}



.box_01 .top .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.box_01 .top .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:10px; letter-spacing:25px;}



.box_01 .top .ss{width:445px;height:60px;margin:2px 0;float:right;overflow:hidden;border:solid 1px #ededed;}



.box_01 .top .ss .input{width:335px;height:60px;line-height:60px;color:#808080;display:block;background:rgba(0,0,0,0);font-size:16px;padding:0 20px;box-sizing:content-box;float:left;}



.box_01 .top .ss .button{width:70px;height:60px;display:inline-block;background:url(../images/search.png) center center no-repeat #f7f7f7;cursor:pointer;border:none;float:right;}



.box_01 .center{width:1280px;height:784px;margin:50px auto 0 auto;overflow:hidden;}



.box_01 .center .left{width:200px;height:784px;position:relative;float:left;background:url(../images/left_bk.png);}



.box_01 .center .left .h_bt{width:200px;height:74px; background:#203d69;}



.box_01 .center .left .h_bt h4{padding-left:70px;width:130px;font-size:24px;color:#fff;line-height:74px;font-weight:bold;background:url(../images/pro_icon.png) 32px center no-repeat;}



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



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



.menu{width:180px;height:680px;overflow: auto;overflow-x: hidden;margin:20px auto 0 auto;}



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



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



.menu .list{width:180px;}



.menu .list p{width:180px;height:49px;line-height:49px;font-size:18px;border-bottom:solid 1px #ededed;-webkit-transition:all .7s;transition:all .7s;}



.menu .list p a{display:block;width:130px;padding:0 30px 0 20px;color:#333;background:url(../images/you.png) 160px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



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



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



.menu .list ul{width:180px;margin:15px auto;}



.menu .list ul li{width:180px;height:35px;}



.menu .list ul li a{display:block;width:120px;height:35px;line-height:35px;font-size:16px;color:#333;padding:0 15px 0 45px;background:url(../images/dian01.png) 25px 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:#203d69;background:url(../images/dian02.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list{width:1040px;height:784px;overflow:hidden;float:right;}



.box_01 .center .pro_list li{width:300px;height:220px;padding:10px;overflow:hidden;float:left;margin:0 40px 32px 0;background:url(../images/pro_bk.png);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 a{display:block;}



.box_01 .center .pro_list li .img{width:300px;height:220px;overflow:hidden;}



.box_01 .center .pro_list li .img img{width:300px;height:220px;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:130px;height:46px;padding:0 40px 0 20px;background:url(../images/pro_bk01.png);position:absolute;left:5px;bottom:5px;z-index:2;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list li.active .txt{background:url(../images/pro_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .pro_list li .txt .name{font-size:16px;color:#333;line-height:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



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



.box_01 .center .pro_list li .txt p{width:22px;height:20px;line-height:20px;text-align:center;position:absolute;right:0;bottom:0;font-size:12px;color:#fff; font-family:Arial;}



.box_01 .center .pro_list li .txt .more{width:110px;height:30px;background:#fafafa;line-height:30px;border-radius:10px;text-align:center;font-size:12px;color:#999;margin-right:15px;float:right;text-transform: Uppercase;-webkit-transition:all .7s;transition:all .7s;}



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









/* 横栏广告 */

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



.box_02 .center{width:1280px;height:200px;margin:0 auto;overflow:hidden;}



.box_02 .center .right{width:576px;height:200px;float:right;position:relative;}



.box_02 .center .right .pos{width:auto;height:auto;position:absolute;left:0;bottom:0;}



.box_02 .center .right .pos p:nth-of-type(1){font-size:12px;color:#fff;line-height:12px; letter-spacing:30px;}



.box_02 .center .right .pos p:nth-of-type(2){font-size:12px;color:rgba(255,255,255,0.2);line-height:15px;margin-top:7px;letter-spacing:7.8px;}



.box_02 .center .right .form{width:576px;height:200px;position:relative;}



.box_02 .center .right .form p{width:276px;height:50px;overflow:hidden;background:url(../images/ly_bk.png);}



.box_02 .center .right .form input{display:block;width:220px;height:50px;line-height:50px;color:#fff;font-size:14px;padding:0 6px 0 50px;box-sizing:content-box;}



.box_02 .center .right .form p:nth-of-type(1){position:absolute;left:0;top:0;}



.box_02 .center .right .form p:nth-of-type(2){position:absolute;right:0;top:0;}



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



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



.box_02 .center .right .form p:nth-of-type(3){width:276px;height:50px;position:absolute;right:0;top:73px;}



.box_02 .center .right .form textarea{width:220px;height:50px;line-height:50px;font-size:14px;padding:0 6px 0 50px;box-sizing:content-box;background:url(../images/liuyan.png) 20px center no-repeat;}



.box_02 .center .right .form p:nth-of-type(4){width:276px;height:50px;position:absolute;left:0;top:73px;}



.box_02 .center .right .form p:nth-of-type(4) input{display:block;width:90px;height:50px;line-height:50px;color:#fff;font-size:14px;float:left;padding:0 6px 0 50px;background:url(../images/yzm.png) 20px center no-repeat;}



.box_02 .center .right .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:38px;cursor:pointer;margin:6px;}



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



.box_02 .center .right .form .tj .btn{display:block;width:160px;height:50px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;padding:0 !important;box-sizing:content-box;-webkit-transition:all .7s;transition:all .7s;}



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



.btn_bubble_3{background-color: #f1a808;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: #f1a808;



 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 #f1a808;



 }



}



@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 #f1a808;



 }



}









/* 四大特点 */

.box_03{width:100%;height:auto;padding:70px 0;position:relative;}



.box_03 .pos{width:250px;height:243px; background:url(../images/td_pos.png);position:absolute;bottom:-60px;right:0;z-index:2;}



.td_center{width:1280px;height:560px;margin:0 auto;position:relative;}



.td_center .h_title{width:auto;height:auto;position:absolute;left:0;top:0;z-index:8;}



.td_center .h_title p{width:358px;height:34px; background:url(../images/bt_td.png);position:relative;}



.td_center .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.td_center .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:10px; letter-spacing:25px;}



.td_center .tel{width:530px;padding:0 50px 0 30px;height:90px;position:absolute;left:0;bottom:0;background:#203d69;z-index:8;}



.td_center .tel .wz{padding-left:56px;width:auto;height:90px;float:left;position:relative;}



.td_center .tel .wz::before{content:'';width:36px;height:36px;background:url(../images/tel02.png) center center no-repeat;position:absolute;top:27px;left:0;animation: msClock 1.2s linear infinite;}



.td_center .tel .wz p:nth-of-type(1){font-size:14px;color:#e5e5e5;line-height:12px;margin-top:25px;text-transform: Uppercase; letter-spacing:11px;}



.td_center .tel .wz p:nth-of-type(2){font-size:24px;color:#fff;line-height:20px;margin-top:8px;}



.td_center .tel .qq{display:block;width:118px;height:28px;border:solid 1px #fff;line-height:28px;float:right;margin:30px 0;font-size:16px;color:#fff;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.td_center .tel .qq:hover{border:solid 1px #f1a808; background:#f1a808;-webkit-transition:all .7s;transition:all .7s;}



.td_center .bd{width:1280px;height:560px;overflow:hidden;}



.td_center .bd .main{width:1280px;height:560px;position:relative;}



.td_center .bd .main .txt{width:615px;height:auto;float:left;margin-right:85px;position:relative;}



.td_center .bd .main .txt h4{line-height:26px;font-size:24px;color:#203d69;font-weight:bold;margin-top:155px;}



.td_center .bd .main .txt span{display:block;font-size:14px;color:#ccc;line-height:12px;margin-top:12px;text-transform: Uppercase;font-family:'Times New Roman';}



.td_center .bd .main .txt p{font-size:16px;color:#808080;line-height:40px;margin-top:40px;}



.td_center .bd .main .txt .num{width:55px;height:42px;position:absolute;top:155px;right:0;}



.td_center .bd .main:nth-of-type(1) .txt .num{background:url(../images/td_num01.png) right top no-repeat;}



.td_center .bd .main:nth-of-type(2) .txt .num{background:url(../images/td_num02.png) right top no-repeat;}



.td_center .bd .main:nth-of-type(3) .txt .num{background:url(../images/td_num03.png) right top no-repeat;}



.td_center .bd .main:nth-of-type(4) .txt .num{background:url(../images/td_num04.png) right top no-repeat;}



.td_center .bd .main .img{width:369px;height:370px;float:left;margin-top:111px;}



.td_center .bd .main .img img{display:block;width:369px;height:370px;vertical-align:top;}



.td_center .hd{width:420px;height:525px;position:absolute;bottom:0;right:0;z-index:5;}



.td_center .hd ul{width:420px;height:525px;overflow:hidden;}



.td_center .hd ul li{width:auto;height:52px;cursor:pointer;}



.td_center .hd ul li:nth-of-type(1){position:absolute;left:0;top:0;}



.td_center .hd ul li:nth-of-type(2){position:absolute;right:0;top:120px;}



.td_center .hd ul li:nth-of-type(3){position:absolute;right:0;bottom:120px;}



.td_center .hd ul li:nth-of-type(4){position:absolute;left:0;bottom:0;}



.td_center .hd ul li .icon{width:52px;height:52px;float:left;margin-right:10px;background:url(../images/td_yuan01.png);-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li.on .icon{background:url(../images/td_yuan02.png);-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li .icon i{display:block;width:52px;height:52px;}



.td_center .hd ul li.on .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



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



.td_center .hd ul li:nth-of-type(2) .icon i{background:url(../images/td_icon03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li:nth-of-type(3) .icon i{background:url(../images/td_icon05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li:nth-of-type(4) .icon i{background:url(../images/td_icon07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li:nth-of-type(1).on .icon i{background:url(../images/td_icon02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li:nth-of-type(2).on .icon i{background:url(../images/td_icon04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li:nth-of-type(3).on .icon i{background:url(../images/td_icon06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li:nth-of-type(4).on .icon i{background:url(../images/td_icon08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd ul li .wz{width:201px;height:52px;float:left;}



.td_center .hd ul li .wz p{width:201px;height:20px;margin-top:5px;}



.td_center .hd ul li .wz h4{font-size:18px;color:#333;line-height:18px;margin-top:10px;}



.td_center .hd ul li:nth-of-type(1) .wz p{background:url(../images/td_zm01.png) left center no-repeat;}



.td_center .hd ul li:nth-of-type(2) .wz p{background:url(../images/td_zm02.png) left center no-repeat;}



.td_center .hd ul li:nth-of-type(3) .wz p{background:url(../images/td_zm03.png) left center no-repeat;}



.td_center .hd ul li:nth-of-type(4) .wz p{background:url(../images/td_zm04.png) left center no-repeat;}



.td_center .hd .arrow{width:100px;height:40px;position:absolute;left:-860px;bottom:155px;z-index:9;}



.td_center .hd .arrow .prev{width:40px;height:40px;background:url(../images/td_jt_01.png) center center no-repeat #203d69;cursor:pointer;float:left;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd .arrow .next{width:40px;height:40px;background:url(../images/td_jt_02.png) center center no-repeat #203d69;cursor:pointer;float:right;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd .arrow .prev:hover{background:url(../images/td_jt_01.png) center center no-repeat #f1a808;-webkit-transition:all .7s;transition:all .7s;}



.td_center .hd .arrow .next:hover{background:url(../images/td_jt_02.png) center center no-repeat #f1a808;-webkit-transition:all .7s;transition:all .7s;}













/* 成功案例 */

.box_04{width:100%;height:554px;padding-top:50px;background:url(../images/case_back.jpg) center top no-repeat;overflow:hidden;}



.box_04 .top{width:1280px;height:68px;margin:0 auto;}



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



.box_04 .top .h_title p{width:128px;height:34px; background:url(../images/bt_case.png);position:relative;}



.box_04 .top .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.box_04 .top .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:10px; letter-spacing:25px;}



.box_04 .swiper-father{width:1280px;height:385px;margin:50px auto 0 auto;position:relative;}



.box_04 .swiper-father .swiper-container{width:100%;height:100%;margin:0 auto;overflow:hidden;}

 

.box_04 .swiper-container .swiper-slide{width:400px;height:385px;float:left;position:relative;background:#fff;-webkit-transition:all .7s;transition:all .7s;}

 

.box_04 .swiper-container .swiper-slide-active{background:#203d69;-webkit-transition:all .7s;transition:all .7s;}



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



.box_04 .swiper-container .swiper-slide .img{width:400px;height:300px;overflow:hidden;}



.box_04 .swiper-container .swiper-slide .img img{width:400px;height:300px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_04 .swiper-container .swiper-slide:hover .img img{transform: scale(1.05);}



.box_04 .swiper-container .swiper-slide .txt{width:340px;height:85px;background:url(../images/line02.png) center center no-repeat;padding:0 30px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .swiper-container .swiper-slide-active .txt{background:url(../images/line03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .swiper-container .swiper-slide .txt .name{width:120px;font-size:18px;color:#333;line-height:85px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .swiper-container .swiper-slide-active .txt .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .swiper-container .swiper-slide .txt .more{font-size:14px;color:#808080;line-height:85px;float:right;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .swiper-container .swiper-slide-active .txt .more{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .num{width:425px;height:40px;position:absolute;right:170px;top:-105px;z-index:9;background:url(../images/line01.png) center center no-repeat;}



.box_04 .num .swiper-pagination{width:425px;height:40px;position:absolute;bottom:0;color:#fff;}



.box_04 .num .swiper-pagination .swiper-pagination-current{font-size:30px;opacity:1;line-height:40px;position:absolute;top:0;left:0;width:33px;text-align:right;color:#333;font-weight:bold;font-family:Arial;}



.box_04 .num .swiper-pagination .swiper-pagination-current::after{content:'0';font-size:30px;line-height:40px;position:absolute;top:0;left:0;color:#333;font-weight:bold;font-family:Arial;}



.box_04 .num .swiper-pagination .swiper-pagination-total{font-size:30px;opacity:1;line-height:40px;position:absolute;bottom:0;right:0;width:35px;text-align:right;color:#ccc;font-weight:bold;font-family:Arial;}



.box_04 .num .swiper-pagination .swiper-pagination-total::after{content:'0';font-size:30px;line-height:40px;position:absolute;top:0;left:0px;color:#ccc;font-weight:bold;font-family:Arial;}



.box_04 .arrow{width:100px;height:40px;position:absolute;right:0px;top:-105px;z-index:9;}



.box_04 .arrow .swiper-button-prev{width:40px;height:40px;margin-top:0;background:url(../images/td_jt_01.png) center center no-repeat #203d69;cursor:pointer;position:absolute;left:0;top:0;outline: none;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .arrow .swiper-button-next{width:40px;height:40px;margin-top:0;background:url(../images/td_jt_02.png) center center no-repeat #203d69;cursor:pointer;position:absolute;right:0;top:0;outline: none;-webkit-transition:all .7s;transition:all .7s;}



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



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









/* 企业优势 */

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



.box_05 .top{width:1280px;height:72px;margin:0 auto 30px auto;}



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



.box_05 .top .h_title p{width:270px;height:43px; background:url(../images/bt_ys.png);position:relative;}



.box_05 .top .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.box_05 .top .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:5px; letter-spacing:25px;}



/* 询盘信息 */

.topxunpan {width:auto;height:21px;position:relative;float:right;margin-top:15px;}



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



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



.topxunpan .xp img {margin:0 5px 0 0; vertical-align:top !important;}



.topxunpan .xp i {display:inline-block;color:#808080;font-size:14px;text-align:center;}



.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;background-color: #203d69;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: #203d69;}



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



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



.box_05 .ys{width:1280px;height:358px;margin:0 auto;overflow:hidden;display:flex;justify-content: space-between;}



.box_05 .ys .left{width:620px;height:358px;float:left;overflow:hidden;}



.box_05 .ys .left .txt{width:620px;height:68px;overflow:hidden;margin:65px 0 30px 0;}



.box_05 .ys .left .txt .num{width:67px;height:68px;line-height:68px;text-align:center;font-size:36px;color:#203d69;font-weight:bold;font-family:Arial;background:url(../images/ys_bk01.png);float:left;margin-right:20px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .ys:hover .left .txt .num{background:url(../images/ys_bk02.png);color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .ys .left .txt .wz{width:500px;height:68px;float:left;}



.box_05 .ys .left .txt .wz h4{font-size:24px;color:#333;line-height:24px;margin-top:4px;}



.box_05 .ys .left .txt .wz span{display:block;font-size:12px;color:#b2b2b2;line-height:16px;margin-top:4px;}



.box_05 .ys .left p{font-size:16px;color:#808080;padding-left:30px; background:url(../images/ys_icon.png) left center no-repeat;line-height:48px;margin-left:55px;}



.box_05 .ys .right{width:620px;height:358px;float:left;overflow:hidden;}



.box_05 .ys .ys01{background:url(../images/ys_bk.png) top right no-repeat;}



.box_05 .ys .ys01 img{display:block;width:600px;height:338px;margin-top:20px; vertical-align:top;}



.box_05 .ys .ys02{background:url(../images/ys_bk.png) top left no-repeat;}



.box_05 .ys .ys02 img{display:block;width:600px;height:338px;margin:20px 0 0 20px; vertical-align:top;}









/* 横栏广告 */

.box_06{width:100%;height:250px;padding-top:70px;background:url(../images/ad_back02.jpg) center top no-repeat;}



.box_06 .center{width:1280px;height:250px;margin:0 auto;}



.box_06 .center .left{width:auto;height:auto;margin-top:25px;float:left;}



.box_06 .center .left h4{font-size:36px;color:#fff;font-weight:bold;line-height:38px;height:68px; letter-spacing:15px;background:url(../images/line04.png) left bottom no-repeat;}



.box_06 .center .left p{font-size:24px;color:#fff;line-height:24px;letter-spacing:6.5px;margin-top:30px;}



.box_06 .center .left span{display:block;font-size:12px;color:rgba(255,255,255,0.4);line-height:14px;margin-top:12px;}



.box_06 .center .right{width:390px;height:250px;float:right;position:relative;}



.box_06 .center .right p{padding-left:90px;width:auto;height:49px;position:relative;font-size:16px;color:#fff;line-height:49px;}



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



.box_06 .center .right p::before{content:'';width:50px;height:49px;background:url(../images/tel03.png) center center no-repeat;position:absolute;top:0;left:0;animation: msClock 1.2s linear infinite;}



.box_06 .center .right .pos{width:297px;height:333px; background:url(../images/ad_pos.png);margin-top:35px;position:relative;z-index:5;}









/* 关于我们 */

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



.box_07 .top{width:1280px;height:68px;margin:0 auto;}



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



.box_07 .top .h_title p{width:270px;height:34px; background:url(../images/bt_ab.png) left center no-repeat;;position:relative;}



.box_07 .top .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.box_07 .top .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:10px; letter-spacing:25px;}



.box_07 .center{width:1280px;height:550px;margin:55px auto 0 auto;overflow:hidden;}



.box_07 .center .left{width:675px;height:550px;float:left;}



.box_07 .center .left .txt{width:675px;height:auto;margin-top:15px;}



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



.box_07 .center .left .txt span{display:block;font-size:14px;color:#808080;line-height:15px;margin-top:12px;font-family:'Times New Roman';}



.box_07 .center .left .txt .line{width:30px;height:2px; background:#f1a40a;margin-top:20px;}



.box_07 .center .left .txt p{font-size:16px;color:#808080;line-height:35px;height:140px;margin-top:12px;}



.box_07 .center .left .more{width:675px;height:99px;margin-top:22px; background:url(../images/about.png);position:relative;}



.box_07 .center .left .more a{display:block;width:150px;height:46px; background:#203d69;line-height:46px;text-align:center;font-size:14px;color:#fff;position:absolute;left:0;bottom:5px;z-index:0;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .more:hover a{background:#f1a40a;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .more a::after{content:'';width:150px;height:46px;background:rgba(32,61,105,0.16);position:absolute;bottom:-5px;right:-5px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .more:hover a::after{content:'';width:150px;height:46px;background:rgba(241,164,10,0.16);position:absolute;bottom:-5px;right:-5px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx{width:640px;height:auto;margin-top:90px;display:flex;justify-content: space-between;}



.box_07 .center .left .bx a{display:block;width:auto;height:auto;float:left;}



.box_07 .center .left .bx a i{display:block;width:30px;height:30px;margin:0 auto;}



.box_07 .center .left .bx a:hover i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_07 .center .left .bx a:nth-of-type(1) i{background:url(../images/ab_icon01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(2) i{background:url(../images/ab_icon03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(3) i{background:url(../images/ab_icon05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(4) i{background:url(../images/ab_icon07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(1):hover i{background:url(../images/ab_icon02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(2):hover i{background:url(../images/ab_icon04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(3):hover i{background:url(../images/ab_icon06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:nth-of-type(4):hover i{background:url(../images/ab_icon08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a p{font-size:16px;color:#333;line-height:16px;margin-top:16px;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .left .bx a:hover p{color:#f1a40a;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .center .right{width:556px;height:503px;float:right;position:relative;}



.box_07 .center .right .img{width:556px;height:503px;overflow:hidden;}



.box_07 .center .right .img img{display:block;width:556px;height:503px; vertical-align:top;}



.box_07 .center .right .yyzz{width:188px;height:125px;padding:18px;box-sizing:content-box;background:url(../images/yy_bk.png);overflow:hidden;position:absolute;left:0;top:0;}



.box_07 .center .right .yyzz img{display:block;width:188px;height:125px;vertical-align:top;object-fit:cover;}







/* 厂区环境 */

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



.box_08 .top{width:1280px;height:72px;margin:0 auto;}



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



.box_08 .top .h_title p{width:180px;height:42px; background:url(../images/bt_hj.png);position:relative;}



.box_08 .top .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.box_08 .top .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:5px; letter-spacing:25px;}



.box_08 .top .txt{width:auto;height:auto;float:right;text-align:right;margin-top:25px;}



.box_08 .top .txt p{font-size:14px;color:#808080;line-height:14px; letter-spacing:10px;margin-right:-10px;}



.box_08 .top .txt span{display:block;font-size:12px;color:#cccccc;line-height:10px;margin-top:12px;text-transform: Uppercase;font-family:'Times New Roman';}



.box_08 .picScroll-left01{width:1280px;height:270px;margin:50px auto 0 auto;overflow:hidden;position:relative;}



.box_08 .picScroll-left01 .bd{width:1280px;height:270px;}



.box_08 .picScroll-left01 .bd ul{width:1280px;height:270px;overflow:hidden; zoom:1;}



.box_08 .picScroll-left01 .bd ul li{width:300px;height:270px;overflow:hidden;margin-right:26.6px;position:relative;}



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



.box_08 .picScroll-left01 .bd ul li .img{width:280px;height:210px;padding:10px;overflow:hidden;background:url(../images/hj_bk01.png);-webkit-transition:all .7s;transition:all .7s;}



.box_08 .picScroll-left01 .bd ul li:hover .img{background:url(../images/hj_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_08 .picScroll-left01 .bd ul li .img .pic{width:280px;height:210px;overflow:hidden;}



.box_08 .picScroll-left01 .bd ul li .img .pic img{display:block;width:280px;height:210px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_08 .picScroll-left01 .bd ul li:hover .img .pic img{transform: scale(1.05);}



.box_08 .picScroll-left01 .bd ul li .name{width:220px;font-size:18px;color:#333;line-height:20px;padding:0 60px 0 20px;margin:20px auto 0 auto;background:url(../images/hj_jt01.png) center center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_08 .picScroll-left01 .bd ul li:hover .name{background:url(../images/hj_jt02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}











/* 新闻资讯 */

.box_09{width:100%;height:auto;padding-bottom:70px;overflow:hidden;}



.box_09 .news_center{width:1280px;height:auto;margin:0 auto;position:relative;}



.box_09 .news_center .hd{width:1280px;height:67px;margin:0 auto;}



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



.box_09 .news_center .hd .h_title p{width:118px;height:33px; background:url(../images/bt_news.png);position:relative;}



.box_09 .news_center .hd .h_title p::after{content:'';width:297px;height:7px;background:url(../images/h_back.png);position:absolute;top:13px;left:-320px;}



.box_09 .news_center .hd .h_title h3{font-size:24px;color:#333;line-height:24px;margin-top:10px; letter-spacing:25px;}



.box_09 .news_center .hd ul{width:604px;height:57px;float:right;margin:5px 0;overflow:hidden;display:flex;justify-content: space-between;}



.box_09 .news_center .hd ul li{width:172px;height:57px;float:left;background:#ededed;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .hd ul li.on{background:#203d69;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .hd ul li a{display:block;width:102px;padding-left:70px;line-height:57px;font-size:18px;color:#333;-webkit-transition:all .7s;transition:all .7s;}



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



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



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



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



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



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



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



.box_09 .news_center .bd{width:1280px;height:720px;margin:40px auto 0 auto;overflow:hidden;position:relative;}



.box_09 .news_center .bd .main{width:1280px;height:720px;position:relative;}



.box_09 .news_center .bd .main .top{width:1280px;height:490px;overflow:hidden;}



.box_09 .news_center .bd .main .top li{width:390px;height:490px;overflow:hidden; background:#fafafa;position:relative;float:left;margin-right:55px;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .bd .main .top li.active{height:450px;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .bd .main .top li::after{content:'';width:0px;height:6px;background:#f1a40a;position:absolute;bottom:0;left:50%;margin-left:-0px;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .bd .main .top li.active::after{content:'';width:390px;height:6px;background:#f1a40a;position:absolute;bottom:0;left:50%;margin-left:-195px;-webkit-transition:all .7s;transition:all .7s;}



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



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



.box_09 .news_center .bd .main .top li .img{width:390px;height:290px;overflow:hidden;}



.box_09 .news_center .bd .main .top li .img img{width:390px;height:290px;vertical-align:top;transition: all 1s;object-fit:cover;}



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



.box_09 .news_center .bd .main .top li .txt{width:330px;height:auto;margin:30px auto 0 auto;overflow:hidden;}



.box_09 .news_center .bd .main .top li .txt .name{font-size:16px;color:#333;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_09 .news_center .bd .main .top li .txt p{font-size:14px;color:#808080;line-height:30px;height:60px;overflow:hidden;margin-top:20px;}



.box_09 .news_center .bd .main .top li .txt span{display:block;font-size:14px;color:#808080;line-height:14px;margin-top:32px;background:url(../images/news_jt.png) right center no-repeat;}



.box_09 .news_center .bd .main .bottom{width:1280px;height:190px;margin-top:40px;}



.box_09 .news_center .bd .main .bottom li{width:390px;height:80px;float:left;margin:0 55px 30px 0;position:relative;z-index:0;overflow:hidden;}



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



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



.box_09 .news_center .bd .main .bottom li::before{content:'';width:390px;height:1px;background:#dedede;position:absolute;bottom:0;left:0;z-index:-1;}



.box_09 .news_center .bd .main .bottom li .show{width:390px;height:80px;position:absolute;left:0;top:0;overflow:hidden;}



.box_09 .news_center .bd .main .bottom li .show .name{width:310px;padding:0 30px 0 50px;font-size:16px;color:#333;margin-top:15px; background:url(../images/dian03.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_09 .news_center .bd .main .bottom li .show span{display:block;font-size:14px;color:#808080;line-height:12px;margin-top:15px;}



.box_09 .news_center .bd .main .bottom li .show .more{font-size:14px;color:#808080;margin-top:12px;position:absolute;right:15px;bottom:10px;}



.box_09 .news_center .bd .main .bottom li .hide{width:390px;height:80px;position:absolute;left:0;top:0;z-index:2;opacity:0;background:#203d69;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .bd .main .bottom li.active .hide{opacity:1;-webkit-transition:all .7s;transition:all .7s;}



.box_09 .news_center .bd .main .bottom li .hide .name{width:310px;padding:0 40px;font-size:16px;color:#fff;line-height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}





















/* 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.7s; }

.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.7s; }

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

  }

}