/*



overflow:hidden;text-overflow:ellipsis;white-space:nowrap;



-webkit-transition:all .5s;transition:all .5s;



transition: all 1s;



outline: 1px dashed #fff;outline-offset: -5px;



transform:rotate(360deg);



text-transform: Uppercase;



*/



/* 公用标题 */

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



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



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



.h_title h3 span{color:#ed7a1e;}



.h_title p{font-size:14px;line-height:12px;color:#999;text-transform: Uppercase;margin-top:15px;}











/* 搜索 */

.tback{background:#f6f9fe;width:100%;height:60px;}



.search{width:1200px;margin:0 auto; overflow:hidden;}



.search .left{width:480px;color:#808080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}



.search .left p{font-size:14px;line-height:60px;}



.search .right{width:280px;height:32px;margin:13px 0;float:right;overflow:hidden;border:solid 1px #0d48be;}



.search .right .input{width:238px;height:32px;line-height:32px;color:#808080;display:inline-block;background:rgba(255,255,255,0);padding-left:10px;float:left;font-size:14px;}



.search .right .button{width:32px;height:32px;line-height:32px;display:inline-block;background:url(../images/search.png) center center no-repeat #0d48be;cursor:pointer;border:none;float:right;}









/* 产品中心 */

.box_01{width:100%;height:628px;margin-top:80px;background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;}



.box_01 .center{width:1200px;height:628px;margin:0 auto;}



.box_01 .center .left{width:275px;height:628px;position:relative;float:left;}



.box_01 .center .left .bt{width:275px;height:65px;padding-top:35px;}



.box_01 .center .left .bt h4{font-size:22px;line-height:24px;font-weight:bold;margin-bottom:10px;padding-left:55px;background:url(../images/pro_icon.png) 23px center no-repeat;}



.box_01 .center .left .bt h4 a{display:block;color:#0d48be;}



.box_01 .center .left .bt p{font-size:14px;color:#0d48be;line-height:14px;padding-left:55px;}



.menu{width:275px;height:500px;padding-top:25px;}



.menu .list{width:275px;height:310px;overflow: auto;overflow-x:hidden;}



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



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



.menu .list li{width:275px;height:50px;line-height:50px;}



.menu .list li a{display:block;width:200px;padding:0 35px 0 40px;font-size:16px;color:#4c4c4c;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.menu .list li a::before{content:'';width:6px;height:6px;background:#ccc;border-radius:3px;position:absolute;top:22px;left:25px;-webkit-transition:all .5s;transition:all .5s;}



.menu .list li:hover a::before{content:'';width:6px;height:6px;background:#0d48be;border-radius:3px;position:absolute;top:22px;left:35px;-webkit-transition:all .5s;transition:all .5s;}



.menu .list li:hover a{width:190px;padding:0 35px 0 50px;color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.menu .tel{width:235px;height:auto;margin-top:25px;padding-left:40px;}



.menu .tel p:nth-of-type(1){font-size:14px;color:#4c4c4c;line-height:16px;margin-bottom:25px;}



.menu .tel p:nth-of-type(2){font-size:14px;color:#4c4c4c;line-height:18px;}



.menu .tel p:nth-of-type(2) span{font-size:20px;color:#0d48be;font-weight:bold;}



.pro-center{width:900px;height:628px;float:right;}



.pro-center .hd{width:320px;height:40px;}



.pro-center .hd ul{width:320px;height:40px;line-height:40px;font-size:14px;cursor:pointer;}



.pro-center .hd ul li{width:150px;height:40px;line-height:40px;text-align:center;background:#0d48be;color:#fff;float:left;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .hd ul li::before{content:'';width:150px;height:0px;background:#ed7a1e;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .hd ul li.on::before{content:'';width:150px;height:40px;background:#ed7a1e;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .hd ul li:last-child{float:right;}



.pro-center .bd{width:900px;height:auto;}



.pro-center .bd .main{width:900px;height:588px;}



.pro-center .bd .main li a{display:block;}



.pro-center .bd .main li{width:286px;height:275px;margin:19px 20px 0 0;overflow:hidden;float:left;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.pro-center .bd .main li:hover{-moz-box-shadow:0px 0px 10px #ccd8f2;-webkit-box-shadow:0px 0px 10px #ccd8f2;box-shadow:0px 0px 10px #ccd8f2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.pro-center .bd .main li:nth-of-type(3n){margin-right:0;}



.pro-center .bd .main li .img{width:286px;height:215px;overflow:hidden;position:relative;}



.pro-center .bd .main li .img .pic{width:286px;height:215px;overflow:hidden}



.pro-center .bd .main li .img .pic img{width:286px;height:215px;transition: all 1s;vertical-align:top;}



.pro-center .bd .main li:hover .img .pic img{transform: scale(1.2);}



.pro-center .bd .main li .img .hide{display:block;width:286px;height:215px;background:url(../images/line.png) center center no-repeat;position:absolute;left:0;top:0;transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.pro-center .bd .main li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.pro-center .bd .main li .txt{width:256px;height:60px;padding:0 15px;background:#fafafa;position:relative;z-index:0;overflow:hidden;}



.pro-center .bd .main li .txt::before{content:'';width:286px;height:0px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover .txt::before{content:'';width:286px;height:60px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li .txt::after{content:'';width:286px;height:1px;background:#ccd8f2;position:absolute;bottom:15px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover .txt::after{content:'';width:286px;height:2px;background:#0d48be;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li .name{width:200px;line-height:44px;font-size:14px;color:#4c4c4c;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;text-align:center;}



.pro-center .bd .main li span{display:block;width:auto;line-height:44px;font-size:12px;color:#b2b2b2;float:right;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover .name{line-height:58px;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover span{line-height:58px;-webkit-transition:all .5s;transition:all .5s;}











/* 工程案例 */

.box_02{width:1200px;height:auto;margin:70px auto 50px auto;overflow:hidden;}



.test{width:1200px;height:auto;margin:40px auto 0 auto;position:relative;}



.test .ment{width:1200px;height:auto;position:relative;overflow:hidden;}



.test .ment .show{width:1065px;margin:0 auto;overflow:hidden;}



.test .ment .show .tempWrap{width:1065px;margin:0 auto;}



.test .ment .show ul{width:1065px;height:130px;}



.test .ment .show ul li{width:190px;height:130px;margin-right:28px;position:relative;float:left;overflow:hidden;}



.test .ment .show ul li a{display:block;}



.test .ment .show ul li .img{width:188px;height:88px;border:solid 1px #e6e6e6;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li .img img{width:188px;height:88px;transition: all 1s;vertical-align:top;}



.test .ment .show ul li:hover .img img{transform: scale(1.1);}



.test .ment .show ul li:hover .img{border:solid 1px #0d48be;-moz-box-shadow:0px 0px 10px #ccd8f2;-webkit-box-shadow:0px 0px 10px #ccd8f2;box-shadow:0px 0px 10px #ccd8f2;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li .name{width:150px;height:40px;line-height:40px;text-align:center;padding:0 20px;font-size:14px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li:hover .name{color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.test .sPrev{position:absolute;left:0;top:30px;display:block;width:30px;height:30px;border-radius:50%;background:url(../images/hb_jt_01.png) center center no-repeat #0d48be;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.test .sPrev:hover{background:url(../images/hb_jt_01.png) center center no-repeat #ed7a1e;-webkit-transition:all .5s;transition:all .5s;}



.test .sNext{position:absolute;right:0;top:30px;display:block;width:30px;height:30px;border-radius:50%;background:url(../images/hb_jt_02.png) center center no-repeat #0d48be;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.test .sNext:hover{background:url(../images/hb_jt_02.png) center center no-repeat #ed7a1e;-webkit-transition:all .5s;transition:all .5s;}









/* 横栏广告 */

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



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



.box_03 .center .pos{width:446px;height:auto;position:absolute;top:30px;right:0;}



.box_03 .center .pos p:nth-of-type(1){font-size:24px;line-height:46px;font-weight:bold;color:#0d48be;margin-bottom:17px;text-align:right;}



.box_03 .center .pos p:nth-of-type(1) span{font-size:46px;color:#ed7a1e;}



.box_03 .center .pos p:nth-of-type(2){height:28px;font-size:12px;line-height:10px;color:#b7c4ea;text-align:right;margin-bottom:17px;text-transform: Uppercase;position:relative;}



.box_03 .center .pos p:nth-of-type(2)::after{content:'';width:361px;height:1px;background:#dbdbdb;position:absolute;bottom:0;right:0;}



.box_03 .center .pos p:nth-of-type(3){width:225px;padding-left:40px;line-height:30px;background:url(../images/tel02.png) left center no-repeat;font-size:14px;color:#4c4c4c;margin-left:185px;margin-bottom:15px;}



.box_03 .center .pos p:nth-of-type(3) span{font-size:22px;font-weight:bold;color:#0d48be;}



.box_03 .center .pos a{display:block;width:140px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#0d48be;float:right;position:relative;z-index:0;}



.box_03 .center .pos a::before{content:'';width:140px;height:0px;background:#ed7a1e;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .center .pos a:hover::before{content:'';width:140px;height:40px;background:#ed7a1e;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 合作案例 */

.box_04{width:1200px;margin:70px auto;}



.box_04 .case{width:1200px;height:395px;background:#fff;margin-top:40px;}



.box_04 .case .succ{width:1200px;height:395px;position:relative;overflow:hidden;}



.box_04 .case .succ .show{width:1200px;margin:0 auto;}



.box_04 .case .succ .show .tempWrap{width:580px;margin:0 auto;}



.box_04 .case .succ .show ul{overflow:hidden;}



.box_04 .case .succ .show ul li{width:1200px;height:395px;position:relative;float:left;overflow:hidden;}



.box_04 .case .succ .show ul li a{display:block;}



.box_04 .case .succ .show ul li .txt{width:460px;height:395px;float:left;position:relative;}



.box_04 .case .succ .show ul li .txt h4{font-size:30px;font-weight:bold;color:#0d48be;line-height:32px;margin-top:50px;}



.box_04 .case .succ .show ul li .txt .name{font-size:16px;font-weight:bold;color:#4c4c4c;height:40px;line-height:18px;margin-top:20px;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .case .succ .show ul li:hover .txt .name{color:#ed7a1e;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .case .succ .show ul li .txt .name::before{content:'';width:460px;height:1px;background:#ebebeb;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .case .succ .show ul li .txt .name::after{content:'';width:0px;height:1px;background:#ed7a1e;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .case .succ .show ul li:hover .txt .name::after{content:'';width:460px;height:1px;background:#ed7a1e;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .case .succ .show ul li .txt p{font-size:14px;color:#808080;line-height:30px;max-height:120px;overflow:hidden;margin-top:15px;}



.box_04 .case .succ .show ul li .txt .tel{width:460px;position:absolute;left:0;bottom:55px;height:42px;}



.box_04 .case .succ .show ul li .txt .tel span{display:block;font-size:14px;color:#4c4c4c;line-height:42px;float:left;}



.box_04 .case .succ .show ul li .txt .tel span i{font-size:22px;font-weight:bold;color:#0d48be;}



.box_04 .case .succ .show ul li .txt .tel a{display:block;width:100px;padding-left:58px;height:40px;line-height:40px;font-size:14px;color:#999;border:solid 1px #e6e6e6;float:right; background:url(../images/dian01.png) 29px center no-repeat;}



.box_04 .case .succ .show ul li .txt .tel a:hover{animation: msClock 1.2s linear infinite;animation: msClock 1.5s linear infinite;}



@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	10%,30% {transform: rotate(-15deg) scale(1.1);}

	20%,40% {transform: rotate(15deg) scale(1.1);}

}



.box_04 .case .succ .show ul li .img{width:690px;height:395px;float:right;}



.box_04 .case .succ .show ul li img{width:690px;height:395px;vertical-align:top;}



.box_04 .case .arrow{width:66px;height:33px;position:absolute;left:394px;top:55px;z-index:9;}



.box_04 .case .sPrev{width:33px;height:33px;background:url(../images/case_jt_01.png) center center no-repeat #0d48be;float:left;-webkit-transition:all .5s;transition:all .5s;cursor:pointer;}



.box_04 .case .sNext{width:33px;height:33px;background:url(../images/case_jt_02.png) center center no-repeat #ed7a1e;float:right;-webkit-transition:all .5s;transition:all .5s;cursor:pointer;}



.box_04 .case .sPrev:hover{border-radius:15px 0 15px 0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .case .sNext:hover{border-radius:0 15px 0 15px;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .list{width:1200px;margin:30px auto 0 auto;height:260px;overflow:hidden;}



.box_04 .list li{width:280px;height:260px;float:left;overflow:hidden;margin-right:26px;}



.box_04 .list li:last-child{margin-right:0;}



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



.box_04 .list li .img{width:280px;height:210px;overflow:hidden;}



.box_04 .list li .img img{width:280px;height:210px;transition: all 1s;vertical-align:top;}



.box_04 .list li:hover .img img{transform: scale(1.2);}



.box_04 .list li .txt{width:250px;height:50px;padding:0 15px;background:#fafafa;position:relative;z-index:0;overflow:hidden;}



.box_04 .list li .txt::before{content:'';width:280px;height:0px;background:#0d48be;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .list li:hover .txt::before{content:'';width:280px;height:50px;background:#0d48be;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .list li .name{width:190px;line-height:50px;font-size:14px;color:#4c4c4c;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;text-align:center;}



.box_04 .list li span{display:block;width:auto;line-height:50px;font-size:14px;color:#999999;float:right;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .list li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_04 .list li:hover span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}











/* 企业优势 */

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



.look_center{width:1200px;height:750px;margin:0 auto;position:relative;}



.look_center .bt{width:405px;height:60px;background:url(../images/reasons.png) center bottom no-repeat;position:absolute;left:0;top:0;z-index:9;}



.look_center .bt h3{font-size:28px;color:#0d48be;font-weight:bold;line-height:30px;letter-spacing:5px;}



.look_center .hd{width:480px;height:490px;float:left;margin-top:105px;}



.look_center .hd ul{width:480px;height:490px;overflow:hidden;}



.look_center .hd ul li{width:480px;height:90px;overflow:hidden;cursor:pointer;margin-bottom:43px;border-radius:0 45px 45px 0;overflow:hidden;position:relative;z-index:0;}



.look_center .hd ul li:last-child{margin-bottom:0;}



.look_center .hd ul li::before{content:'';width:0px;height:90px;background:#0d48be;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li.on::before{content:'';width:480px;height:90px;background:#0d48be;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li .wz{width:350px;height:40px;padding:25px 0 25px 130px;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li.on .wz{width:330px;height:40px;padding:25px 0 25px 150px;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li .wz h4{font-size:18px;color:#0d48be;line-height:20px;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li .wz span{display:block;font-size:12px;color:#808080;line-height:10px;text-transform: Uppercase;margin-top:10px;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(1) .wz{background:url(../images/sz01a.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(2) .wz{background:url(../images/sz02a.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(3) .wz{background:url(../images/sz03a.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(4) .wz{background:url(../images/sz04a.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(1).on .wz{background:url(../images/sz01b.png) 20px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(2).on .wz{background:url(../images/sz02b.png) 20px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(3).on .wz{background:url(../images/sz03b.png) 20px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li:nth-of-type(4).on .wz{background:url(../images/sz04b.png) 20px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li.on .wz h4{font-size:18px;color:#fff;line-height:20px;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li.on .wz span{display:block;font-size:12px;color:#fff;line-height:10px;text-transform: Uppercase;margin-top:10px;-webkit-transition:all .5s;transition:all .5s;}



.look_center .bd{width:660px;height:715px;margin-top:35px;float:right;overflow:hidden;}



.look_center .bd .main{width:660px;height:715px;position:relative;}



.look_center .bd .main .img{width:660px;height:435px;}



.look_center .bd .main .img img{width:660px;height:435px;vertical-align:top;}



.look_center .bd .main .txt{width:610px;height:280px;padding:50px 25px 0 25px;background:url(../images/txt_back.jpg);position:relative;}



.look_center .bd .main .txt p{font-size:14px;color:#fff;line-height:30px;height:145px;overflow:hidden;border-bottom:solid 1px #4370c9;position:relative;z-index:2;}



.look_center .bd .main .txt span{display:block;font-size:12px;color:#5c7ccd;line-height:10px;margin-top:30px;text-transform: Uppercase;position:relative;z-index:2;}



.look_center .bd .main .txt i{display:block;color:#3660c2;font-size:100px;line-height:78px;position:absolute;top:20px;right:15px;}







/* 客户见证 */

.box_06{width:1200px;height:auto;margin:70px auto;}



.box_06 .center{width:1200px;height:544px;margin-top:40px;background:url(../images/jz_xian.png) center top no-repeat;}



.box_06 .center .left{width:545px;height:544px;float:left;}



.box_06 .center .left li{width:545px;height:194px;}



.box_06 .center .left li:nth-of-type(1){margin-bottom:55px;}



.box_06 .center .left li .txt{width:205px;height:194px;float:left;}



.box_06 .center .left li a{display:block;}



.box_06 .center .left li .txt .name{font-size:16px;color:#4c4c4c;line-height:16px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .left li:hover .txt .name{margin-left:10px;color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .left li .txt p{font-size:14px;color:#808080;line-height:25px;max-height:50px;margin-top:25px;overflow:hidden;}



.box_06 .center .left li .txt .more{width:98px;height:26px;border:solid 1px #f5f5f5;border-radius:15px;margin-top:30px;font-size:12px;color:#999;line-height:26px;text-transform: Uppercase;text-align:center;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .left li:hover .txt .more{color:#0d48be;border:solid 1px #0d48be;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .left li .img{width:312px;height:186px;border:solid 4px #fafafa;float:right;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .left li:hover .img{border:solid 4px #c9d7f4;-moz-box-shadow:0px 0px 20px #dbe6fb;-webkit-box-shadow:0px 0px 20px #dbe6fb;box-shadow:0px 0px 20px #dbe6fb;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .left li .img img{width:312px;height:186px;transition: all 1s;vertical-align:top;}



.box_06 .center .left li:hover .img img{transform: scale(1.1);}



.box_06 .center .right{width:545px;height:544px;float:right;}



.box_06 .center .right li{width:545px;height:194px;}



.box_06 .center .right li:nth-of-type(1){margin:100px 0 55px 0;}



.box_06 .center .right li .img{width:312px;height:186px;border:solid 4px #fafafa;float:left;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right li:hover .img{border:solid 4px #c9d7f4;-moz-box-shadow:0px 0px 20px #dbe6fb;-webkit-box-shadow:0px 0px 20px #dbe6fb;box-shadow:0px 0px 20px #dbe6fb;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right li .img img{width:312px;height:186px;transition: all 1s;vertical-align:top;}



.box_06 .center .right li:hover .img img{transform: scale(1.1);}



.box_06 .center .right li .txt{width:205px;height:194px;float:right;}



.box_06 .center .right li a{display:block;}



.box_06 .center .right li .txt .name{font-size:16px;color:#4c4c4c;line-height:16px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right li:hover .txt .name{margin-left:10px;color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right li .txt p{font-size:14px;color:#808080;line-height:25px;max-height:50px;margin-top:25px;overflow:hidden;}



.box_06 .center .right li .txt .more{width:98px;height:26px;border:solid 1px #f5f5f5;border-radius:15px;margin-top:30px;font-size:12px;color:#999;line-height:26px;text-transform: Uppercase;text-align:center;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right li:hover .txt .more{color:#0d48be;border:solid 1px #0d48be;-webkit-transition:all .5s;transition:all .5s;}









/* 关于我们 */

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



.box_07 .center{width:1200px;height:560px;margin:0 auto;}



.box_07 .center .vedio{width:580px;height:560px;float:left;position:relative;}



.box_07 .center .vedio img{width:940px;height:560px;position:absolute;top:0;right:0;}



.box_07 .center .vedio iframe{width:940px;height:560px;position:absolute;top:0;right:0;}



.box_07 .center .about{width:570px;height:560px;float:right;position:relative;color:#fff;}



.box_07 .center .about h4{font-size:24px;line-height:25px;font-weight:bold;margin-top:50px;}



.box_07 .center .about h5{width:80px;height:40px;line-height:40px;border-top:solid 1px #fff;border-bottom:solid 1px #fff;text-align:center;font-size:20px;font-weight:bold;margin-top:30px;}



.box_07 .center .about p{font-size:14px;line-height:28px;max-height:112px;overflow:hidden;text-indent:2em;margin-top:30px;}



.box_07 .center .about .gd{display:block;width:144px;height:40px;line-height:40px;border:solid 1px #fff;overflow:hidden;margin-top:35px;}



.box_07 .center .about .gd span{display:block;width:110px;float:left;text-align:center;font-size:14px;color:#fff;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .about .gd:hover span{color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .about .gd span::after{content:'';width:0px;height:40px;background:#fff;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .about .gd:hover span::after{content:'';width:110px;height:40px;background:#fff;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .about .gd i{display:block;width:34px;height:40px;float:left;background:url(../images/ab_jt.png) center center no-repeat #fff;}



.box_07 .center .about .gd:hover{animation: msClock 1.2s linear infinite;animation: msClock 1.5s linear infinite;}



@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	10%,30% {transform: rotate(-15deg) scale(1.1);}

	20%,40% {transform: rotate(15deg) scale(1.1);}

}









/* 厂区实景 */

.box_08{width:1200px;margin:-50px auto 0 auto;height:auto;}



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



.box_08 .slideGroup02 .parHd{width:570px;height:50px;margin:0px 0 0 630px;}



.box_08 .slideGroup02 .parHd ul{width:570px;height:50px;overflow:hidden;font-size:14px;}



.box_08 .slideGroup02 .parHd ul li{width:170px;height:50px;line-height:50px;background:#0d48be;color:#fff;text-align:center;cursor:pointer;float:left;margin-right:30px;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}



.box_08 .slideGroup02 .parHd ul li::before{content:'';width:170px;height:0;background:#ed7a1e;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .slideGroup02 .parHd ul li.on::before{content:'';width:170px;height:50px;background:#ed7a1e;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .slideGroup02 .parHd ul li:last-child{margin-right:0px;}



.box_08 .slideGroup02 .parBd{width:1200px;height:280px;margin:40px auto 0 auto;overflow:hidden}



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



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



.box_08 .slideGroup02 .parBd ul{width:1000px;overflow:hidden; zoom:1;}



.box_08 .slideGroup02 .parBd ul li{width:320px;margin-right:20px;cursor:pointer;float:left;-webkit-transition: all .5s;transition: all .5s;}



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



.box_08 .slideGroup02 .parBd ul li .img{width:320px;height:230px;overflow:hidden;}



.box_08 .slideGroup02 .parBd ul li .img img{width:320px;height:230px;transition: all 1s;vertical-align:top;}



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



.box_08 .slideGroup02 .parBd ul li .name{height:50px;line-height:49px;position:relative;width:270px;padding:0 50px 0 0px;font-size:14px;color:#4c4c4c;background:url(../images/show_jt_05.png) 312px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .slideGroup02 .parBd ul li:hover .name{width:270px;padding:0 40px 0 10px;color:#0d48be;background:url(../images/show_jt_06.png) 302px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .slideGroup02 .parBd ul li .name::before{content:'';width:320px;height:1px;background:#f5f5f5;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .slideGroup02 .parBd ul li .name::after{content:'';width:0px;height:1px;background:#0d48be;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .slideGroup02 .parBd ul li:hover .name::after{content:'';width:320px;height:1px;background:#0d48be;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .sPrev{position:absolute;left:0;top:85px;width:58px;height:58px;border:solid 1px #0d48be;border-radius:30px;background:url(../images/show_jt_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .sPrev:hover{border:solid 1px #ed7a1e;background:url(../images/show_jt_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .sNext{position:absolute;right:0;top:85px;width:58px;height:58px;border:solid 1px #0d48be;border-radius:30px;background:url(../images/show_jt_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .sNext:hover{border:solid 1px #ed7a1e;background:url(../images/show_jt_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



















































/* 新闻资讯 */

.box_09{width:100%;height:auto;background:#fff;position:relative;margin-top:70px;}



.box_09 .center{width:1200px;height:570px;margin:40px auto 0 auto;overflow:hidden;}



.box_09 .news_center{width:520px;height:570px;float:left;position:relative;}



.box_09 .news_center .hd{width:520px;height:28px;margin-bottom:25px;position:relative;}



.box_09 .news_center .hd::after{content:'';width:520px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;}



.box_09 .news_center .hd ul{width:180px;height:28px;overflow:hidden;font-size:16px;}



.box_09 .news_center .hd ul li{width:75px;height:28px;line-height:16px;text-align:center;float:left;position:relative;;}



.box_09 .news_center .hd ul li:last-child{float:right;}



.box_09 .news_center .hd ul li::after{content:'';width:0px;height:2px;background:#0d48be;position:absolute;bottom:0;left:0px;z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .hd ul li.on::after{content:'';width:45px;height:2px;background:#0d48be;position:absolute;bottom:0;left:0px;z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .hd ul li a{display:block;color:#4c4c4c;}



.box_09 .news_center .hd ul li.on a{color:#0d48be;}



.box_09 .news_center .bd{width:520px;height:height;overflow:hidden;}



.box_09 .news_center .bd .main{overflow:hidden;height:auto;}



.box_09 .news_center .bd .main .top{width:520px;height:342px;border-bottom:dashed 1px #f5f5f5;}



.box_09 .news_center .bd .main .top img{display:block;width:520px;height:230px;vertical-align:top;}



.box_09 .news_center .bd .main .top .bt{width:520px;height:15px;overflow:hidden;margin-top:20px;}



.box_09 .news_center .bd .main .top .bt .name{display:block;width:410px;font-size:14px;color:#0d48be;line-height:15px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .top:hover .bt .name{margin-left:15px;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .top .bt span{display:block;width:auto;font-size:12px;color:#0d48be;line-height:15px;float:right;}



.box_09 .news_center .bd .main .top p{font-size:14px;color:#808080;line-height:25px;max-height:50px;overflow:hidden;margin-top:15px;}



.box_09 .news_center .bd .main .bottom{overflow:hidden;margin-top:10px;}



.box_09 .news_center .bd .main .bottom li{width:520px;height:41px;line-height:40px;font-size:14px;overflow:hidden;position:relative;}



.box_09 .news_center .bd .main .bottom li::before{content:'';width:520px;height:1px;background:#f5f5f5;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



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



.box_09 .news_center .bd .main .bottom li:hover::after{content:'';width:520px;height:1px;background:#0d48be;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .bottom li a{display:block;line-height:40px;width:400px;padding-left:10px;color:#4c4c4c;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_09 .news_center .bd .main .bottom li span{display:block;line-height:40px;color:#808080;font-size:12px;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .bottom li a::before{content:'';width:4px;height:4px;background:#b3b3b3;border-radius:2px;position:absolute;left:0;top:18px;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .bottom li:hover a::before{background:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .bottom li:hover a{color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .news_center .bd .main .bottom li:hover span{color:#0d48be;-webkit-transition:all .5s;transition:all .5s;}















.box_09 .center .right{width:630px;height:570px;float:right;}



.box_09 .center .right h4{width:630px;height:28px;position:relative;font-size:16px;line-height:16px;margin-bottom:20px;}



.box_09 .center .right h4::before{content:'';width:630px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;}



.box_09 .center .right h4::after{content:'';width:45px;height:2px;;background:#0d48be;position:absolute;bottom:0px;left:0;}



.box_09 .center .right h4 a{color:#0d48be;}





































.box_09 .center .right ul{width:630px;height:auto;overflow:hidden;}



.box_09 .center .right ul li{width:630px;height:160px;overflow:hidden;margin-bottom:25px;}



.box_09 .center .right ul li:last-child{margin-bottom:0;}



.box_09 .center .right ul li .img{width:265px;height:160px;float:left;}



.box_09 .center .right ul li .img img{width:265px;height:160px;vertical-align:top;}



.box_09 .center .right ul li .txt{width:350px;height:160px;float:right;}



.box_09 .center .right ul li .txt a{display:block;font-size:16px;line-height:18px;color:#4c4c4c;margin-top:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .center .right ul li .txt a:hover{margin-left:10px;color:#0d48be;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .center .right ul li .txt p{font-size:14px;line-height:25px;max-height:50px;overflow:hidden;color:#808080;margin-top:20px;}



.box_09 .center .right ul li .txt span{display:block;font-size:14px;line-height:15px;color:#999;margin-top:20px;}





























/* 友情链接 */

.links{width:100%;background:#fff;height:23px;padding:70px 0;}



.links .link{width:1200px;height:23px;margin:0 auto;overflow:hidden;}



.links .link .ks{width:129px;height:23px;float:left;background:url(../images/link.png) left center no-repeat;margin-right:20px;}



.links .link a{display:inline-block;width:auto;padding:0 20px;font-size:14px;height:15px;line-height:15px;margin-top:4px;color:#808080;border-right:solid 1px #808080;}



.links .link a:last-child{border-right:0;}



.links .link a:hover{text-decoration:underline;color:#0d48be;}















.hvr-float-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  /* W3C */

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

  /* move the element up by 5px */

}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */

}









/* 提交按钮的线条边框特效 */

.bz-buttonAnimat {

    position: relative

}

/*

.bz-buttonAnimat .inner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}

*/

.bz-buttonAnimat::before,

.bz-buttonAnimat::after,

.bz-buttonAnimat .inner::before,

.bz-buttonAnimat .inner::after {

    background-color: #0d48be;

}



.bz-buttonAnimat02::before,

.bz-buttonAnimat02::after,

.bz-buttonAnimat02 .inner::before,

.bz-buttonAnimat02 .inner::after {

    background-color: #fff;

}





.bz-buttonAnimat:before,

.bz-buttonAnimat:after,

.bz-buttonAnimat .inner:before,

.bz-buttonAnimat .inner:after {

    position: absolute;

    content: "";

    display: block;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s

}



.bz-buttonAnimat.horizontal:before,

.bz-buttonAnimat.horizontal:after,

.bz-buttonAnimat.both:before,

.bz-buttonAnimat.both:after {

    left: 0;

    width: 100%;

    height: 1px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.bz-buttonAnimat.horizontal .inner:before,

.bz-buttonAnimat.horizontal .inner:after,

.bz-buttonAnimat.both .inner:before,

.bz-buttonAnimat.both .inner:after {

    top: 0;

    width: 1px;

    height: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}



.bz-buttonAnimat.horizontal .inner:before,

.bz-buttonAnimat.both .inner:before {

    left: 0

}



.bz-buttonAnimat.horizontal .inner:after,

.bz-buttonAnimat.both .inner:after {

    right: 0

}



.bz-buttonAnimat.horizontal .inner:hover:before,

.bz-buttonAnimat.horizontal .inner:hover:after,

.bz-buttonAnimat.both .inner:hover:before,

.bz-buttonAnimat.both .inner:hover:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.bz-buttonAnimat.horizontal:before,

.bz-buttonAnimat.both:before {

    top: 0

}



.bz-buttonAnimat.horizontal:after,

.bz-buttonAnimat.both:after {

    bottom: 0

}



.bz-buttonAnimat.horizontal:hover:before,

.bz-buttonAnimat.horizontal:hover:after,

.bz-buttonAnimat.both:hover:before,

.bz-buttonAnimat.both:hover:after {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.bz-buttonAnimat.horizontal:hover .inner:before,

.bz-buttonAnimat.horizontal:hover .inner:after,

.bz-buttonAnimat.both:hover .inner:before,

.bz-buttonAnimat.both:hover .inner:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.bz-buttonAnimat.horizontal.clockwise .inner:before,

.bz-buttonAnimat.both.clockwise .inner:before {

    -webkit-transform-origin: top center;

    transform-origin: top center

}



.bz-buttonAnimat.horizontal.clockwise .inner:after,

.bz-buttonAnimat.both.clockwise .inner:after {

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center

}



.bz-buttonAnimat.horizontal.clockwise:before,

.bz-buttonAnimat.both.clockwise:before {

    -webkit-transform-origin: right center;

    transform-origin: right center

}



.bz-buttonAnimat.horizontal.clockwise:after,

.bz-buttonAnimat.both.clockwise:after {

    -webkit-transform-origin: left center;

    transform-origin: left center

}



.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,

.bz-buttonAnimat.both.clockwise:hover .inner:before {

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center

}



.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,

.bz-buttonAnimat.both.clockwise:hover .inner:after {

    -webkit-transform-origin: top center;

    transform-origin: top center

}



.bz-buttonAnimat.horizontal.clockwise:hover:before,

.bz-buttonAnimat.both.clockwise:hover:before {

    -webkit-transform-origin: left center;

    transform-origin: left center

}