/*



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

}



@keyframes rotate {

    0% {

        transform: rotate(90deg); }

    100% {

        transform: rotate(450deg); }

}

@keyframes mouse {

    from { transform: translateY(0); -webkit-transform: translateY(0); }

    to { transform: translateY(10px); -webkit-transform: translateY(10px); }

}



@-webkit-keyframes mouse {

    from { transform: translateY(0); -webkit-transform: translateY(0); }

    to { transform: translateY(10px); -webkit-transform: translateY(10px); }

}















/* 询盘信息 */

.topxunpan {width:auto;height:52px;float:left;margin-top:0;}



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



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



.topxunpan .xp i {display:inline-block;color:#fff;font-size:16px;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: #213764;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: #213764;}



.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_01{width:100%;height:1275px;padding-top:70px; background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;}



.box_01 .top{width:1225px;height:52px;padding:0 20px 0 35px;background:#213764;margin:0 auto;}



.box_01 .top .ss{width:250px;height:32px;background:#fff;margin:10px 0;border-radius:16px;overflow:hidden;float:right;}



.box_01 .top .ss .input{width:170px;height:32px;line-height:32px;color:#898989;display:block;background:rgba(0,0,0,0);font-size:14px;padding:0 15px;box-sizing:content-box;float:left;}



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



.box_01 .top .ss .input::-webkit-input-placeholder{color:#898989 !important;}



.box_01 .mid{width:1280px;height:196px;background:url(../images/pbk.png);margin:0 auto;}



.box_01 .mid .h_title{width:110px;height:150px; background:#fff;border-radius:10px;margin:22px 0 22px 35px;float:left;}



.box_01 .mid .h_title p{width:24px;height:150px; background:url(../images/bt_pro.png) center center no-repeat;float:left;margin:0 17px 0 20px;}



.box_01 .mid .h_title h3{writing-mode: tb-rl;font-size:28px;color:#333;font-weight:bold;line-height:30px;float:left;text-align:center;height:150px;}



.box_01 .mid .fl_list{width:1095px;height:192px;float:right;}



.box_01 .mid .fl_list a{display:block;width:310px;height:145px;padding:47px 0 0 54px;border-left:solid 1px #dbe4f2;float:left;overflow:hidden;position:relative;z-index:2;}



.box_01 .mid .fl_list a:nth-of-type(1)::after{content:'';width:146px;height:192px;background:url(../images/pro_ty01.png) center center no-repeat;position:absolute;top:0;right:42px;z-index:1;}



.box_01 .mid .fl_list a:nth-of-type(2)::after{content:'';width:146px;height:192px;background:url(../images/pro_ty02.png) center center no-repeat;position:absolute;top:0;right:42px;z-index:1;}



.box_01 .mid .fl_list a:nth-of-type(3)::after{content:'';width:146px;height:192px;background:url(../images/pro_ty03.png) center center no-repeat;position:absolute;top:0;right:42px;z-index:1;}



.box_01 .mid .fl_list a i{width:146px;height:192px;background:url(../images/pro_ty.png) center center no-repeat;position:absolute;top:0;right:42px;z-index:-1;}



.box_01 .mid .fl_list a .num{font-family: "Impact";font-size:30px;color:#213764; text-transform:uppercase;line-height:26px;}



.box_01 .mid .fl_list a p{width:110px;font-size:16px;color:#333;line-height:16px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .mid .fl_list a:hover p{ letter-spacing:2px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .mid .fl_list a span{display:block;width:23px;height:7px;background:url(../images/pro_jt_01.png) 0 center no-repeat;margin-top:35px;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .mid .fl_list a:hover span{background:url(../images/pro_jt_02.png) 8px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list{width:1280px;height:920px;margin:10px auto 0 auto;}



.box_01 .pro_list li{width:260px;height:420px;margin:30px 53px 0 0;padding:10px 10px 0 10px; background:url(../images/pbk01.png);overflow:hidden;float:left;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active{box-shadow: 0 0 15px #e3e1e1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li::after{content:'';width:0px;height:2px;background:#1553b0;position:absolute;bottom:0;left:50%;margin-left:-0px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active::after{content:'';width:280px;height:2px;background:#1553b0;position:absolute;bottom:0;left:50%;margin-left:-140px;-webkit-transition:all .7s;transition:all .7s;}



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



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



.box_01 .pro_list li .img{width:260px;height:360px;overflow:hidden;}



.box_01 .pro_list li .img img{display:block;width:260px;height:360px;object-fit:cover;vertical-align:top;transition: all 1s;}



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



.box_01 .pro_list li .name{width:260px;font-size:16px;color:#333;line-height:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}









/* 企业优势 */

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



.box_02 .center{width:1280px;height:724px;position:relative;margin:0 auto;}



.box_02 .look_center{width:1280px;height:584px;position:relative;margin:0 auto;z-index:5;}



.box_02 .look_center .hd{width:1280px;height:584px;position:relative;}



.box_02 .look_center .hd .arrow{width:290px;height:70px;position:absolute;right:0;bottom:0;z-index:9;cursor:pointer;background:url(../images/ys_bk03.png);}



.box_02 .look_center .hd .arrow .prev{width:140px;height:70px;background:url(../images/ys_jt_01.png) 53px center no-repeat;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .arrow .next{width:140px;height:70px;background:url(../images/ys_jt_02.png) 53px center no-repeat;float:right;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .arrow .prev:hover{background:url(../images/ys_jt_01.png) 48px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .arrow .next:hover{background:url(../images/ys_jt_02.png) 58px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul{width:1280px;height:416px;display:flex;justify-content: space-between;}



.box_02 .look_center .hd ul li{width:246px;height:416px;float:left;position:relative;z-index:2;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li.on{width:418px;height:416px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li:nth-of-type(1){background:url(../images/ys_bk01.png) center 125px no-repeat;}



.box_02 .look_center .hd ul li:nth-of-type(2){background:url(../images/ys_bk01.png) center 85px no-repeat;}



.box_02 .look_center .hd ul li:nth-of-type(3){background:url(../images/ys_bk01.png) center 35px no-repeat;}



.box_02 .look_center .hd ul li:nth-of-type(4){background:url(../images/ys_bk01.png) center 15px no-repeat;}



.box_02 .look_center .hd ul li::after{content:'';width:418px;height:416px;background:url(../images/ys_bk02.png);position:absolute;top:0;left:50%;-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 .7s, opacity .7s;-moz-transition: transform .7s, opacity .7s;-o-transition: transform .7s, opacity .7s;-ms-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;}



.box_02 .look_center .hd ul li.on::after{content:'';-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;}



.box_02 .look_center .hd ul li .num{font-size:70px;color:#213764;font-family: "Impact";line-height:62px;transform: skew(-10deg);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li:nth-of-type(1) .num{position:absolute;left:52px;top:212px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(2) .num{position:absolute;left:52px;top:172px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(3) .num{position:absolute;left:52px;top:122px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(4) .num{position:absolute;left:52px;top:102px;z-index:2;}



.box_02 .look_center .hd ul li.on .num{font-size:240px;color:#fff;font-family: "Impact";line-height:200px;transform: skew(-10deg);position:absolute;left:-10px;top:-10px;z-index:2;text-shadow:5px 5px 15px #f1f1f1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li span{display:block;font-size:14px;color:#707070;line-height:14px;transform: skew(-10deg);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li:nth-of-type(1) span{position:absolute;left:92px;top:257px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(2) span{position:absolute;left:92px;top:217px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(3) span{position:absolute;left:92px;top:167px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(4) span{position:absolute;left:92px;top:147px;z-index:2;}



.box_02 .look_center .hd ul li.on span{position:absolute;left:205px;top:200px;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li p{width:290px;font-size:16px;color:#213764;line-height:30px;position:absolute;top:230px;left:55%;z-index:2;-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 .7s, opacity .7s;-moz-transition: transform .7s, opacity .7s;-o-transition: transform .7s, opacity .7s;-ms-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;}



.box_02 .look_center .hd ul li.on p{-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;}



.box_02 .look_center .hd ul li h4{width:95px;font-size:22px;color:#333;font-weight:bold;line-height:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li:nth-of-type(1) h4{position:absolute;left:115px;top:215px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(2) h4{position:absolute;left:115px;top:175px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(3) h4{position:absolute;left:115px;top:125px;z-index:2;}



.box_02 .look_center .hd ul li:nth-of-type(4) h4{position:absolute;left:115px;top:105px;z-index:2;}



.box_02 .look_center .hd ul li.on h4{width:418px;font-size:22px;color:#213764;line-height:24px;position:absolute;left:0;top:155px;text-align:center;z-index:2;-webkit-transition:all .7s;transition:all .7s;}



.example {

	width:500px;

	height: 140px;

	font-size:16px; letter-spacing:20px;

	color: #fff;position:absolute;left:0;bottom:160px;

}



.box_02 .bottom{width:1280px;height:215px;position:absolute;left:0;bottom:85px;z-index:2;}



.box_02 .bottom .left{width:395px;height:auto;position:absolute;left:0;bottom:0;}



.box_02 .bottom .left .line{width:395px;height:1px; background:rgba(255,255,255,0.2);}



.box_02 .bottom .left .tel{width:395px;height:40px;line-height:40px;margin-top:39px;}



.box_02 .bottom .left .tel p{width:auto;height:40px;float:left;font-size:26px;color:#fff;font-family: "Impact";}



.box_02 .bottom .left .tel p i{font-size:20px;color:#ffcb51;font-weight:bold;margin-right:5px;float:left;}



.box_02 .bottom .left .tel p span{font-size:14px;color:#fff;margin-right:10px;float:left;}



.box_02 .bottom .left .tel a{display:block;width:100px;height:40px; background:#ffcb51;float:right;position:relative;z-index:2;font-size:14px;color:#444;line-height:40px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .bottom .left .tel a:hover{color:#213764;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .bottom .left .tel a::before{content:'';width:0px;height:40px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .bottom .left .tel a:hover::before{content:'';width:100px;height:40px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .bottom .h_title{width:695px;height:215px;position:absolute;right:0;bottom:0;}



.box_02 .bottom .h_title h3{width:375px;font-size:28px;color:#fff;font-weight:bold;line-height:30px; background:url(../images/ys_line.png) right bottom no-repeat;position:absolute;top:0;right:0;}



.box_02 .bottom .h_title p{width:695px;height:22px; background:url(../images/bt_ys.png) right center no-repeat;position:absolute;top:50px;right:0;}



.box_02 .bottom .h_title span{width:705px;font-size:16px;color:#fff;line-height:16px; letter-spacing:35px;position:absolute;bottom:0;right:-35px;}









/* 成功案例 */

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



.box_03 .top{width:1280px;height:65px;margin:0 auto;}



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



.box_03 .top .h_title h3{width:225px;font-size:28px;color:#333;font-weight:bold;line-height:30px;background:url(../images/line01.png) right bottom no-repeat;}



.box_03 .top .h_title p{width:269px;height:22px; background:url(../images/bt_case.png) right center no-repeat;margin-top:12px;}



.box_03 .top .more{width:97px;height:41px;float:right;margin-top:12px;position:relative;z-index:2; background:url(../images/more01.png);}



.box_03 .top .more::before{content:'';width:0px;height:41px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more:hover::before{content:'';width:97px;height:41px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more a{display:block;width:90px;padding-left:7px;font-size:14px;color:#333;line-height:41px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more:hover a{color:#fff;width:80px;padding-left:17px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more a::after{content:'+';width:20px;height:20px;background:#ffcb51;font-size:14px;color:#333;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more:hover a::after{content:'+';width:20px;height:20px;background:#213764;font-size:14px;color:#fff;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center{width:1280px;height:385px;margin:41px auto 0 auto;position:relative;}



.box_03 .case_center .bd{width:1140px;height:385px;float:left;}



.box_03 .case_center .bd .main{width:1140px;height:385px;position:relative;}



.box_03 .case_center .bd .main li{width:350px;height:385px;float:left;margin-right:45px;}



.box_03 .case_center .bd .main li:nth-of-type(3){margin-right:0;}



.box_03 .case_center .bd .main li a{display:block;}



.box_03 .case_center .bd .main li .img{width:330px;height:245px; background:url(../images/cbk.png);padding:10px;overflow:hidden;position:relative;}



.box_03 .case_center .bd .main li .img:before {

  content: '';

  position: absolute;

  width:100%;

  height:100%;

  top: 0;

  left:0;

  background: -webkit-gradient(linear, left top, right top, from(#213764), to(#213764)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #213764), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #213764), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#213764), to(#213764)), -webkit-gradient(linear, right top, left top, from(#213764), to(#213764));

  background: linear-gradient(to right, #213764 0%, #213764 100%), linear-gradient(to top, #213764 50%, transparent 50%), linear-gradient(to top, #213764 50%, transparent 50%), linear-gradient(to right, #213764 0%, #213764 100%), linear-gradient(to left, #213764 0%, #213764 100%);

  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;

  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;

  background-repeat: no-repeat, no-repeat;

  -webkit-transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, background-position 0.5s ease-in-out, background-size 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  -webkit-transform: scaleX(0) rotate(0deg);

          transform: scaleX(0) rotate(0deg);

  -webkit-transition-delay: 1s, 0.5s, 0s;

          transition-delay: 1s, 0.5s, 0s;

}

.box_03 .case_center .bd .main li:hover .img:before {

  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;

  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;

  -webkit-transform: scaleX(1) rotate(0deg);

          transform: scaleX(1) rotate(0deg);

  -webkit-transition-delay: 0s, 0.5s, 1s;

          transition-delay: 0s, 0.5s, 1s;

}



.box_03 .case_center .bd .main li .img .pic{width:330px;height:245px;overflow:hidden;}



.box_03 .case_center .bd .main li .img .pic img{display:block;width:330px;height:245px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_03 .case_center .bd .main li:hover .img .pic img{transform: scale(1.05);}



.box_03 .case_center .bd .main li .txt{width:320px;height:75px;margin-top:15px;padding:30px 15px 0 15px;position:relative;overflow:hidden;box-shadow: 0 0 10px #eaeaea;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main li:hover .txt{box-shadow: 0 0 10px #b9cffd;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main li .txt .name{font-size:16px;color:#333;line-height:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main li:hover .txt .name{color:#213764;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main li .txt p{font-size:14px;color:#bdbdbd;line-height:15px;margin-top:20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_03 .case_center .hd{width:60px;height:385px;position:relative;float:right;}



.box_03 .case_center .hd::before{content:'/';width:40px;font-size:14px;color:#999;line-height:14px;text-align:center;position:absolute;top:80px;left:0;}



.box_03 .case_center .hd ul{width:60px;height:210px;margin-top:125px;}



.box_03 .case_center .hd ul li{width:60px;height:70px;font-size:12px;color:#8f8f8f;line-height:70px;text-transform: Uppercase;font-family:Arial;position:relative;z-index:2;cursor:pointer;}



.box_03 .case_center .hd ul li::before{content:'';width:0px;height:8px;background:#ffcb51;position:absolute;top:35px;left:-3px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .hd ul li.on::before{content:'';width:80px;height:8px;background:#ffcb51;position:absolute;top:35px;left:-3px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .hd .next{width:70px;height:70px;background:url(../images/case_jt.png) center center no-repeat #213764;border-radius:35px;position:absolute;position:absolute;bottom:-85px;right:0;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .hd .next:hover{background:url(../images/case_jt.png) center center no-repeat #ffcb51;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .bottom{width:1140px;height:auto;margin:50px auto 0 auto;position:relative;padding-right:140px;}



.box_03 .bottom .left{width:auto;height:auto;float:left;margin-left:20px;}



.box_03 .bottom .left p{font-size:18px;color:#444;line-height:18px;margin-top:28px;}



.box_03 .bottom .left span{display:block;font-size:12px;color:#cecece;line-height:10px;text-transform: Uppercase;font-family:Arial;margin-top:20px;}



.box_03 .bottom .right{width:395px;height:70px;float:right;}



.box_03 .bottom .right .line{width:395px;height:1px; background:#d0d0d0;}



.box_03 .bottom .right .tel{width:395px;height:40px;line-height:40px;margin-top:29px;}



.box_03 .bottom .right .tel p{width:auto;height:40px;float:left;font-size:26px;color:#213764;font-family: "Impact";}



.box_03 .bottom .right .tel p i{font-size:20px;color:#213764;font-weight:bold;margin-right:5px;float:left;}



.box_03 .bottom .right .tel p span{font-size:14px;color:#8f8f8f;margin-right:10px;float:left;}



.box_03 .bottom .right .tel a{display:block;width:100px;height:40px; background:#ffcb51;float:right;position:relative;z-index:2;font-size:14px;color:#444;line-height:40px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .bottom .right .tel a:hover{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .bottom .right .tel a::before{content:'';width:0px;height:40px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .bottom .right .tel a:hover::before{content:'';width:100px;height:40px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}









/* 关于我们 */

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



.box_04 .center{width:1280px;height:640px;margin:0 auto;display:flex;justify-content: space-between;}



.box_04 .center .left{width:133px;height:640px;float:left;background:url(../images/left_bk.png);}



.box_04 .center .left .bx{width:133px;height:auto;margin-top:85px;}



.box_04 .center .left .bx a{display:block;width:133px;height:auto;margin-bottom:75px;}



.box_04 .center .left .bx a .icon{width:50px;height:50px;padding:10px;margin:0 auto;position:relative;z-index:2;}



.box_04 .center .left .bx a .icon::before{content:'';width:70px;height:70px;background:url(../images/ab_yuan.png);position:absolute;top:0;left:0;z-index:-1;animation-play-state: paused;}



.box_04 .center .left .bx a.active .icon::before{content:'';width:70px;height:70px;background:url(../images/ab_yuan.png);position:absolute;top:0;left:0;z-index:-1;animation: rotate 10s infinite linear;animation-play-state: running;}



.box_04 .center .left .bx a .icon p{width:50px;height:50px;background:#f2f5fa;border-radius:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .bx a.active .icon p{width:50px;height:50px;background:#ffcb51;border-radius:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .bx a .icon p i{display:block;width:50px;height:50px;}



.box_04 .center .left .bx a.active .icon p i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_04 .center .left .bx a:nth-of-type(1) .icon p i{background:url(../images/ab_icon_01.png) center center no-repeat;}



.box_04 .center .left .bx a:nth-of-type(2) .icon p i{background:url(../images/ab_icon_02.png) center center no-repeat;}



.box_04 .center .left .bx a:nth-of-type(3) .icon p i{background:url(../images/ab_icon_03.png) center center no-repeat;}



.box_04 .center .left .bx a h4{font-size:16px;color:#333;line-height:20px;margin-top:15px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .bx a.active h4{font-weight:bold;webkit-transition:all .7s;transition:all .7s;}



@keyframes rotate {

    0% {

        transform: rotate(90deg); }

    100% {

        transform: rotate(450deg); }

}



.box_04 .center .mid{width:480px;height:640px;float:left;}



.box_04 .center .mid h4{font-size:24px;color:#fff;font-weight:bold;line-height:26px;margin-top:105px;}



.box_04 .center .mid .line{width:40px;height:5px; background:#ffcb51;margin-top:22px;}



.box_04 .center .mid p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;line-height:35px;height:175px;font-size:15px;color:#adc1de;margin-top:50px;}



.box_04 .center .mid .more{width:97px;height:41px;margin-top:90px;position:relative;z-index:2; background:url(../images/more02.png);}



.box_04 .center .mid .more::before{content:'';width:0px;height:41px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .mid .more:hover::before{content:'';width:97px;height:41px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .mid .more a{display:block;width:90px;padding-left:7px;font-size:14px;color:#fff;line-height:41px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .mid .more:hover a{color:#213764;width:80px;padding-left:17px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .mid .more a::after{content:'+';width:20px;height:20px;background:#ffcb51;font-size:14px;color:#333;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .mid .more:hover a::after{content:'+';width:20px;height:20px;background:#fff;font-size:14px;color:#213764;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .right{width:560px;height:600px;float:right;}



.box_04 .center .right .h_title{width:315px;height:auto;position:absolute;top:45px;right:0; background:url(../images/dian01.png) right bottom no-repeat;}



.box_04 .center .right .h_title h3{width:225px;font-size:28px;color:#fff;font-weight:bold;line-height:30px;background:url(../images/ys_line.png) right bottom no-repeat;}



.box_04 .center .right .h_title p{width:270px;height:22px; background:url(../images/bt_ab.png) right center no-repeat;margin-top:12px;}



.box_04 .center .right .img{width:560px;height:428px;position:absolute;bottom:0;right:0;}



.box_04 .center .right .img img{display:block;width:560px;height:428px; vertical-align:top;}









/* 厂区展示 */

.box_05{width:100%;height:465px;padding-top:90px; background:url(../images/show_back.jpg) center top no-repeat;overflow:hidden;}



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



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



.box_05 .top .h_title h3{width:225px;font-size:28px;color:#333;font-weight:bold;line-height:30px;background:url(../images/line01.png) right bottom no-repeat;}



.box_05 .top .h_title p{width:224px;height:22px; background:url(../images/bt_show.png) right center no-repeat;margin-top:12px;}



.box_05 .top .more{width:97px;height:41px;float:right;margin-top:12px;position:relative;z-index:2; background:url(../images/more01.png);}



.box_05 .top .more::before{content:'';width:0px;height:41px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top .more:hover::before{content:'';width:97px;height:41px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top .more a{display:block;width:90px;padding-left:7px;font-size:14px;color:#333;line-height:41px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top .more:hover a{color:#fff;width:80px;padding-left:17px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top .more a::after{content:'+';width:20px;height:20px;background:#ffcb51;font-size:14px;color:#333;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_05 .top .more:hover a::after{content:'+';width:20px;height:20px;background:#213764;font-size:14px;color:#fff;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left01{width:1280px;height:300px;margin:40px auto 0 auto;}



.box_05 .picScroll-left01 .bd{width:1280px;height:300px;overflow:hidden;position:relative;z-index:5;}



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



.box_05 .picScroll-left01 .bd ul li{width:280px;height:290px;padding:10px 10px 0 10px;background:#fff;overflow:hidden;float:left;margin-right:26px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left01 .bd ul li:hover{background:#213764;-webkit-transition:all .7s;transition:all .7s;}



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



.box_05 .picScroll-left01 .bd ul li .img{width:280px;height:220px;overflow:hidden;}



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



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



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



.box_05 .picScroll-left01 .bd ul li:hover .name{color:#fff;background:url(../images/cq_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















/* 新闻动态 */

.box_06{width:100%;height:auto;padding:90px 0 40px 0;overflow:hidden;}



.box_06 .tops{width:1280px;height:65px;margin:0 auto;}



.box_06 .tops .h_title{width:auto;height:auto;float:left;}



.box_06 .tops .h_title h3{width:225px;font-size:28px;color:#333;font-weight:bold;line-height:30px;background:url(../images/line01.png) right bottom no-repeat;}



.box_06 .tops .h_title p{width:290px;height:22px; background:url(../images/bt_news.png) right center no-repeat;margin-top:12px;}



.box_06 .tops .more{width:97px;height:41px;float:right;margin-top:12px;position:relative;z-index:2; background:url(../images/more01.png);}



.box_06 .tops .more::before{content:'';width:0px;height:41px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .tops .more:hover::before{content:'';width:97px;height:41px;background:#213764;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .tops .more a{display:block;width:90px;padding-left:7px;font-size:14px;color:#333;line-height:41px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .tops .more:hover a{color:#fff;width:80px;padding-left:17px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .tops .more a::after{content:'+';width:20px;height:20px;background:#ffcb51;font-size:14px;color:#333;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_06 .tops .more:hover a::after{content:'+';width:20px;height:20px;background:#213764;font-size:14px;color:#fff;border-radius:10px;position:absolute;top:0;right:0;text-align:center;line-height:20px;webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center{width:1280px;height:835px;margin:40px auto 0 auto;position:relative;}



.box_06 .news_center .bk{width:530px;height:400px;background:url(../images/news.jpg);position:absolute;top:0;right:-320px;}



.box_06 .news_center .hd{width:237px;height:400px; background:url(../images/news_left.png);position:absolute;left:0;top:0;z-index:9;}



.box_06 .news_center .hd ul{width:197px;height:auto;margin:60px auto 0 auto;}



.box_06 .news_center .hd ul li{width:197px;height:56px;background:#fff;cursor:pointer;margin-bottom:54px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li.on{background:#ffcb51;border-radius:6px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li a{display:block;width:120px;padding:0 47px 0 30px;font-size:20px;color:#213764;line-height:56px;background:url(../images/n_jt_01.png) 152px center no-repeat;}



.box_06 .news_center .hd .more{display:block;width:200px;height:28px;margin-top:9px;text-align:right;font-size:16px;color:#333;line-height:28px;float:right;text-transform:uppercase;font-family: 'Times New Roman';position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd .more:hover{color:#187d3b;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd .more::after{content:'';width:95px;height:1px;background:#333;position:absolute;top:14px;left:38px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd .more:hover::after{content:'';width:95px;height:1px;background:#187d3b;position:absolute;top:14px;left:38px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd .more::before{content:'';width:16px;height:28px;background:url(../images/mouse01.png);position:absolute;top:-5px;left:0;animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running;}



.box_06 .news_center .hd .more:hover::before{content:'';width:16px;height:28px;background:url(../images/mouse02.png);position:absolute;top:-5px;left:0;animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running;}



.box_06 .news_center .bd{width:1280px;height:835px;margin:0 auto;}



.box_06 .news_center .bd .main{width:1280px;height:835px;position:relative;}



.box_06 .news_center .bd .main .top{width:725px;height:400px;overflow:hidden;position:relative;margin-left:290px;}



.box_06 .news_center .bd .main .top li{width:325px;height:400px;float:left;overflow:hidden;}



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



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



.box_06 .news_center .bd .main .top li .date{height:26px;line-height:26px;margin-top:48px;font-size:14px;color:#213764;}



.box_06 .news_center .bd .main .top li .date span{font-size:32px;margin-right:10px;}



.box_06 .news_center .bd .main .top li .name{font-size:16px;color:#333;line-height:16px;margin-top:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .name{margin-left:5px;color:#213764;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:25px;height:50px;font-size:14px;color:#b8b8b8;margin-top:25px;}



.box_06 .news_center .bd .main .top li .more{width:70px;height:65px;padding-left:20px;font-size:14px;color:#333;line-height:65px; text-transform:uppercase;background:url(../images/n_jt_02.png) right center no-repeat;margin-top:75px;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .more{color:#213764;background:url(../images/n_jt_03.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li .more::before{content:'';width:1px;height:65px;background:#d2d2d2;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li .more::after{content:'';width:1px;height:0px;background:#213764;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .more::after{content:'';width:1px;height:65px;background:#213764;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom{width:1280px;height:380px;overflow:hidden;margin-top:55px; background:url(../images/nbk.png) center center no-repeat;}



.box_06 .news_center .bd .main .bottom li{width:370px;height:auto;margin:0 85px 58px 0;float:left;overflow:hidden;position:relative;}



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



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



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



.box_06 .news_center .bd .main .bottom li:hover .name{margin-left:5px;color:#213764;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li p{font-size:14px;color:#b8b8b8;line-height:15px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_06 .news_center .bd .main .bottom li span{display:block;font-size:14px;color:#213764;line-height:12px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_06 .news_center .bd .main .bottom li .more{display:block;width:32px;height:32px;border:solid 1px #e0e0e0;background:#fff;margin-top:25px;font-size:16px;color:#213764;line-height:32px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li:hover .more{border:solid 1px #213764;color:#fff;background:#213764;-webkit-transition:all .7s;transition:all .7s;}















/* animated home */

.sjcTop,

.sjcTop2,

.sjcBottom,

.sjcLeft,

.sjcRight,

.bg,

.leftWow,

.rightWow,

.bottomWow {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}

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

  }

}