/*



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:400px;height:auto;padding-top:15px;margin:0 auto;text-align:center;position:relative;}



.h_title span{display:block;width:400px;font-size:36px;line-height:28px;color:#ececec;text-transform:Uppercase;position:absolute;left:0;top:0;}



.h_title h3{height:42px;font-size:30px;line-height:30px;color:#333;position:relative;z-index:2;}



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



.h_title h3::after{content:'';width:62px;height:2px;background:#0047bb;position:absolute;bottom:0;left:50%;margin-left:-31px;}



.h_title h3 i{color:#0047bb;}



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











/* 第一个板块 */

.box_01{width:100%;height:74px;background:url(../images/ss_back.jpg) center center no-repeat;overflow:hidden;}



.box_01 .center{width:1200px;height:74px;margin:0 auto;overflow:hidden;}



.txtScroll-top{width:750px;height:38px;margin:18px 0;float:left;}



.txtScroll-top h4{width:140px;height:38px;font-size:18px;line-height:38px;color:#fff;font-weight:bold;background:url(../images/hot.png) left center no-repeat;text-align:right;float:left;margin-right:25px;}



.txtScroll-top .bd{width:550px;height:38px;line-height:38px;float:left;}



.txtScroll-top .infoList li{height:38px;line-height:38px;overflow:hidden;}



.txtScroll-top .infoList li a{font-size:14px;color:#fff;display:block;width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;float:left;-webkit-transition:all .5s;transition:all .5s;}



.txtScroll-top .infoList li:hover a{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}



.txtScroll-top .infoList li span{display:block;float:right;font-size:14px;color:#fff;height:38px;line-height:38px;}



.box_01 .right{width:365px;height:36px;margin:19px 0;float:right;overflow:hidden;}



.box_01 .right .input{width:290px;height:30px;line-height:30px;color:#adadad;display:block;background:rgba(0,0,0,0);padding-left:10px;float:left;font-size:14px;box-sizing:content-box;border-bottom:solid 1px #5c5c5c;margin-top:2px;}



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









/* 第二个板块 */

.box_02{width:1200px;height:240px;margin:60px auto 0 auto;-moz-box-shadow:0px 0px 20px #eee;-webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}



.box_02 .list{width:1200px;height:240px;overflow:hidden;}



.box_02 .list li{width:240px;height:240px;float:left;background:url(../images/list_xian.png) right center no-repeat;text-align:center;position:relative;}



.box_02 .list li::after{content:'';width:0px;height:5px;background:#0047bb;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .list li:hover::after{content:'';width:240px;height:5px;background:#0047bb;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .list li h4{font-size:24px;color:#262626;line-height:26px;margin-top:50px;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .list li:hover h4{color:#0047bb;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .list li p{font-size:18px;color:#999999;line-height:20px;margin-top:25px;}



.box_02 .list li i{display:block;width:43px;height:34px;margin:25px auto 0 auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_02 .list li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_02 .list li:nth-of-type(1) i{background:url(../images/list_icon_01.png) center center no-repeat;}



.box_02 .list li:nth-of-type(2) i{background:url(../images/list_icon_03.png) center center no-repeat;}



.box_02 .list li:nth-of-type(3) i{background:url(../images/list_icon_05.png) center center no-repeat;}



.box_02 .list li:nth-of-type(4) i{background:url(../images/list_icon_07.png) center center no-repeat;}



.box_02 .list li:nth-of-type(5) i{background:url(../images/list_icon_09.png) center center no-repeat;}



.box_02 .list li:nth-of-type(1):hover i{background:url(../images/list_icon_02.png) center center no-repeat;}



.box_02 .list li:nth-of-type(2):hover i{background:url(../images/list_icon_04.png) center center no-repeat;}



.box_02 .list li:nth-of-type(3):hover i{background:url(../images/list_icon_06.png) center center no-repeat;}



.box_02 .list li:nth-of-type(4):hover i{background:url(../images/list_icon_08.png) center center no-repeat;}



.box_02 .list li:nth-of-type(5):hover i{background:url(../images/list_icon_10.png) center center no-repeat;}











/* 产品中心 */

.box_03{width:1200px;height:auto;margin:60px auto 0 auto;overflow:hidden;}



.box_03 .list{width:1200px;height:120px;margin:30px auto 0 auto;border-radius:15px;background:#0047bb;overflow:hidden;}



.box_03 .list li{width:150px;height:60px;line-height:60px;float:left;position:relative;z-index:0;}



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



.box_03 .list li:hover::before{content:'';width:150px;height:60px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .list li a{display:block;width:120px;padding-left:30px;font-size:14px;color:#fff;background:url(../images/yuan01.png) 6px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .main{width:1200px;height:auto;margin:40px auto 30px auto;overflow:hidden;}



.box_03 .main li{width:378px;height:318px;border:solid 1px #dcdcdc;float:left;margin:0 30px 30px 0;overflow:hidden;}



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



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



.box_03 .main li .img{width:378px;height:258px;overflow:hidden;position:relative;}



.box_03 .main li .img::before{content:'';width:45px;height:53px;background:url(../images/pro_icon.png);position:absolute;top:10px;left:10px;z-index:2;display:none;}



.box_03 .main li .img .pic{width:378px;height:258px;overflow:hidden}



.box_03 .main li .img .pic img{width:378px;height:258px;transition: all 1s;vertical-align:top;}



.box_03 .main li:hover .img .pic img{transform: scale(1.1);}



.box_03 .main li .img .hide{display:block;width:378px;height:258px;background:url(../images/link.png) center center no-repeat rgba(27,27,27,0.5);position:absolute;left:0;top:0;z-index:3;/*旋转中心位置*/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;}



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



.box_03 .main li .txt{width:378px;height:59px;border-top:solid 1px #dcdcdc;background:#fff;overflow:hidden;position:relative;z-index:0;}



.box_03 .main li .txt::before{content:'';width:0px;height:59px;background:#0047bb;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .main li:hover .txt::before{content:'';width:378px;height:59px;background:#0047bb;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .main li .txt .name{width:270px;height:59px;line-height:59px;padding:0 78px 0 30px;font-size:16px;color:#333;background:url(../images/xian01.png) 330px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .main li:hover .txt .name{color:#fff;background:url(../images/xian02.png) 330px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}











/* 企业优势 */

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



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



.look_center .h_bt{width:auto;height:auto;position:absolute;left:0;top:0;}



.look_center .h_bt span{display:block;font-size:48px;color:#333;line-height:38px;font-weight:bold;text-transform: Uppercase;}



.look_center .h_bt h3{font-size:30px;height:45px;color:#333;line-height:32px;font-weight:bold;margin-top:20px;position:relative;}



.look_center .h_bt h3 i{font-weight:bold;color:#0047bb;}



.look_center .h_bt h3::after{content:'';width:65px;height:2px;background:#545454;position:absolute;bottom:0;left:0;}



.look_center .h_bt p{font-size:16px;color:#545454;line-height:16px;margin-top:15px;}



.look_center .num{width:100px;height:430px;background:#0047bb;text-align:center;position:absolute;left:0;bottom:0;}



.look_center .num::before{content:'';width:1px;height:210px;background:#fff;position:absolute;top:75px;left:50px;}



.look_center .num p{writing-mode: tb-rl;font-size:16px;color:#fff;line-height:100px;}



.look_center .num p:nth-of-type(1){position:absolute;left:0;top:40px;}



.look_center .num p:nth-of-type(2){position:absolute;left:0;bottom:110px;}



.look_center .td{width:300px;height:auto;position:absolute;left:200px;bottom:0;z-index:5;}



.look_center .td p{padding-left:35px;line-height:16px;background:url(../images/ys_sjx.png) left center no-repeat;font-size:16px;color:#333;margin-bottom:30px;}



.look_center .td p:last-child{margin-bottom:0;}



.look_center .hd{width:610px;height:110px;position:absolute;top:25px;right:0;z-index:2;}



.look_center .hd ul{width:610px;height:110px;overflow:hidden;}



.look_center .hd ul li{width:110px;height:110px;cursor:pointer;float:left;margin-right:56px;}



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



.look_center .hd ul li .icon{width:108px;height:108px;border:solid 1px #333;border-radius:60px;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li.on .icon{background:#0047bb;border:solid 1px #0047bb;border-radius:60px;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li i{display:block;width:108px;height:108px;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.look_center .hd ul li.on i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



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



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



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



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



.look_center .hd ul li:nth-of-type(1).on i{background:url(../images/ys_icon_02.png) center center no-repeat;}



.look_center .hd ul li:nth-of-type(2).on i{background:url(../images/ys_icon_04.png) center center no-repeat;}



.look_center .hd ul li:nth-of-type(3).on i{background:url(../images/ys_icon_06.png) center center no-repeat;}



.look_center .hd ul li:nth-of-type(4).on i{background:url(../images/ys_icon_08.png) center center no-repeat;}



.look_center .bd{width:1000px;height:400px;position:absolute;bottom:0;right:0;overflow:hidden;}



.look_center .bd .main{width:1000px;height:400px;}



.look_center .bd .main .txt{width:390px;height:auto;float:left;}



.look_center .bd .main .txt h4{line-height:55px;font-size:30px;color:#333;font-weight:bold;}



.look_center .bd .main .txt h4 span{display:block;font-size:60px;color:#0047bb;line-height:46px;float:left;margin-right:35px;}



.look_center .bd .main .txt p{font-size:16px;color:#333;line-height:30px;margin-top:20px;}



.look_center .bd .main .img{width:530px;height:400px;overflow:hidden;float:right;}



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









/* 横栏广告 */

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



.box_05 .center{width:1200px;height:240px;margin:0 auto;overflow:hidden;}



.box_05 .center .left{width:205px;height:240px;padding:0 30px;background:#333;float:left;color:#fff;}



.box_05 .center .left p:nth-of-type(1){font-size:36px;line-height:38px;height:54px;margin-bottom:25px;font-weight:bold;text-align:center;border-bottom:solid 1px #5c5c5c;margin-top:40px;}



.box_05 .center .left p:nth-of-type(2){text-align:center;font-size:20px;line-height:22px;font-weight:bold;margin-top:15px;}



.box_05 .center .left a{display:block;width:125px;height:45px;line-height:45px;font-size:16px;color:#0047bb;padding-left:80px;background:url(../images/ad_zx.png) 40px center no-repeat #fff;border-radius:8px;margin-top:30px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .left a:hover{margin-top:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .right{width:830px;height:240px;float:right;overflow:hidden;}



.box_05 .center .right h4{font-size:24px;color:#fff;line-height:25px;margin-top:30px;}



.box_05 .center .right .form{width:830px;height:130px;margin-top:25px;position:relative;}



.box_05 .center .right .form p{width:400px;height:50px;overflow:hidden;background:#fff;}



.box_05 .center .right .form input{display:block;width:350px;height:50px;line-height:50px;color:#0047bb;font-size:14px;padding-left:50px;box-sizing:content-box;}



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



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



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



.box_05 .center .right .form p:nth-of-type(1) input{background:url(../images/name.png) 12px center no-repeat rgba(0,0,0,0);}



.box_05 .center .right .form p:nth-of-type(2) input{background:url(../images/phone.png) 12px center no-repeat rgba(0,0,0,0);}



.box_05 .center .right .form textarea{width:350px;height:50px;line-height:50px;color:#0047bb;font-size:14px;padding-left:50px;box-sizing:content-box;background:url(../images/liuyan.png) 12px center no-repeat rgba(0,0,0,0);}



.box_05 .center .right .form p:nth-of-type(4){width:250px;height:50px;position:absolute;bottom:0;left:430px;overflow:hidden;}



.box_05 .center .right .form p:nth-of-type(4) input{display:block;width:110px;height:50px;line-height:50px;padding-left:20px;color:#0047bb;font-size:14px;float:left;background:rgba(0,0,0,0);}



.box_05 .center .right .form p:nth-of-type(4) img{display:block;float:right;width:100px;height:40px;margin:5px;}



.box_05 .center .right .form .tj{width:120px;height:50px;border:none;position:absolute;bottom:0;right:0;background:#333;overflow:hidden;z-index:0;}



.box_05 .center .right .form .tj .btn{display: block;width:120px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#919191;border:none;background:none;cursor:pointer;}



.box_05 .center .right .form .tj .btn:hover{color:#0047bb;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .right .form .tj::before{content:'';width:120px;height:0px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .right .form .tj:hover::before{content:'';width:120px;height:50px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 工程案例 */

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



.box_06 .list{width:98%;height:480px;margin:40px auto 0 auto;display:flex;justify-content: space-between;}



.box_06 .list li{width:23%;padding:10px 10px 0 10px;overflow:hidden;background:#eff0f2;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .list li:hover{background:#0047bb;-webkit-transition:all .5s;transition:all .5s;}



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



.box_06 .list li .img{width:100%;height:400px;overflow:hidden;position:relative;}



.box_06 .list li .img .pic{width:100%;height:400px;overflow:hidden}



.box_06 .list li .img .pic img{width:100%;height:400px;transition: all 1s;vertical-align:top;}



.box_06 .list li:hover .img .pic img{transform: scale(1.1);}



.box_06 .list li .img .hide{display:block;width:100%;height:400px;background:url(../images/link.png) center center no-repeat rgba(27,27,27,0.5);position:absolute;left:0;top:0;z-index:3;/*旋转中心位置*/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;}



.box_06 .list li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.box_06 .list li .name{width:80%;height:80px;line-height:80px;padding:0 15% 0 5%;font-size:16px;color:#545454;background:url(../images/yuan02.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .list li:hover .name{color:#fff;background:url(../images/yuan03.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .list li .more{width:56px;height:46px;background:url(../images/jia01.png);position:absolute;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .list li:hover .more{width:56px;height:46px;background:url(../images/jia02.png);-webkit-transition:all .5s;transition:all .5s;}











.test{width:98%;height:auto;margin:50px auto 0 auto;position:relative;}



.test .ment{width:100%;height:auto;position:relative;overflow:hidden;padding-bottom:100px;}



.test .ment .show{width:100%;margin:0 auto;}



.test .ment .show .tempWrap{width:100%;margin:0 auto;overflow:hidden;}



.test .ment .show ul{width:100%;overflow:hidden;}



.test .ment .show ul li{width:22.5%;padding:10px 10px 0 10px;margin-right:22px;overflow:hidden;background:#eff0f2;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li:hover{background:#0047bb;-webkit-transition:all .5s;transition:all .5s;}



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



.test .ment .show ul li .img{width:100%;height:400px;overflow:hidden;position:relative;}



.test .ment .show ul li .img .pic{width:100%;height:400px;overflow:hidden}



.test .ment .show ul li .img .pic img{width:100%;height:400px;transition: all 1s;vertical-align:top;}



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



.test .ment .show ul li .img .hide{display:block;width:100%;height:400px;background:url(../images/link.png) center center no-repeat rgba(27,27,27,0.5);position:absolute;left:0;top:0;z-index:3;/*旋转中心位置*/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;}



.test .ment .show ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.test .ment .show ul li .name{width:80%;height:80px;line-height:80px;padding:0 15% 0 5%;font-size:16px;color:#545454;background:url(../images/yuan02.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li:hover .name{color:#fff;background:url(../images/yuan03.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li .more{width:56px;height:46px;background:url(../images/jia01.png);position:absolute;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li:hover .more{width:56px;height:46px;background:url(../images/jia02.png);-webkit-transition:all .5s;transition:all .5s;}





















/* 关于我们 */

.box_07{width:100%;height:560px;overflow:hidden;}



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



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



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



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



.box_07 .center .right::before{content:'';width:920px;height:320px;background:#f8f8f8;position:absolute;top:0;left:0;}



.box_07 .center .right .txt{width:520px;height:290px;padding:30px 0 0 40px;position:relative;z-index:2;}



.box_07 .center .right .txt h4{width:470px;height:38px;line-height:38px;margin-left:50px;overflow:hidden;position:relative;}



.box_07 .center .right .txt h4::before{content:'';width:80px;height:1px;background:#bfbfbf;position:absolute;top:18px;right:115px;}



.box_07 .center .right .txt h4 span{display:block;font-size:48px;color:#e1e1e1;font-weight:bold;float:left;}



.box_07 .center .right .txt h4 i{display:block;font-size:24px;color:#0047bb;font-weight:bold;float:right;}



.box_07 .center .right .txt p{font-size:14px;line-height:35px;max-height:175px;color:#999;overflow:hidden;margin-top:25px;text-indent:2em;}



.box_07 .center .right .txt .more{width:140px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#0047bb;position:absolute;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .right .txt .more:hover{position:absolute;right:10px;bottom:10px;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02{width:560px;height:220px;margin-top:20px;}



.box_07 .slideGroup02 .parHd{width:560px;height:29px;border-bottom:solid 1px #dfdfdf;}



.box_07 .slideGroup02 .parHd ul{width:210px;height:29px;line-height:29px;overflow:hidden;text-align:center;}



.box_07 .slideGroup02 .parHd ul li{width:100px;height:29px;font-size:16px;color:#a5a5a5;position:relative;z-index:0;float:left;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parHd ul li.on{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parHd ul li:last-child{float:right;}



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



.box_07 .slideGroup02 .parHd ul li.on::before{content:'';width:100px;height:29px;background:#0047bb;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parBd{margin-top:20px;height:170px;}



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



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



.box_07 .slideGroup02 .parBd ul{width:560px;overflow:hidden; zoom:1;}



.box_07 .slideGroup02 .parBd ul li{width:268px;height:168px;border:solid 1px #dfdfdf;margin-right:20px;float:left;position:relative;}



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



.box_07 .slideGroup02 .parBd ul li .img{width:268px;height:168px;overflow:hidden;}



.box_07 .slideGroup02 .parBd ul li .img img{width:268px;height:168px;transition: all 1s;vertical-align:top;}



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



.box_07 .slideGroup02 .parBd ul li .name{width:220px;height:34px;line-height:34px;padding:0 24px;font-size:14px;color:#fff;text-align:center;background:rgba(3,3,3,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:absolute;left:0;bottom:0;}













/* 新闻资讯 */

.box_08{width:1200px;height:auto;margin:60px auto;}



.box_08 .news_center{width:1200px;height:auto;margin:30px auto 0 auto;}



.box_08 .news_center .hd{width:480px;height:40px;margin:0 auto;overflow:hidden;}



.box_08 .news_center .hd ul{width:480px;height:40px;margin:0 auto;overflow:hidden;}



.box_08 .news_center .hd ul li{width:140px;height:40px;line-height:40px;text-align:center;float:left;margin-right:30px;font-size:14px;background:#333;position:relative;z-index:0;}



.box_08 .news_center .hd ul li::before{content:'';width:140px;height:0px;background:#0047bb;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .hd ul li.on::before{content:'';width:140px;height:40px;background:#0047bb;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .hd ul li:nth-of-type(3){margin-right:0;}



.box_08 .news_center .hd ul li a{display:block;color:#fff;}



.box_08 .news_center .bd{width:1200px;height:auto;margin-top:30px;overflow:hidden;}



.box_08 .news_center .bd .main{width:1200px;height:auto;overflow:hidden;}



.box_08 .news_center .bd .main .top{width:1200px;height:290px;overflow:hidden;}



.box_08 .news_center .bd .main .top li{width:555px;height:130px;float:left;overflow:hidden;margin-bottom:30px;position:relative;}



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



.box_08 .news_center .bd .main .top li:nth-of-type(3),

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



.box_08 .news_center .bd .main .top li .img{width:170px;height:130px;float:left;overflow:hidden;}



.box_08 .news_center .bd .main .top li .img img{width:170px;height:130px;transition: all 1s;vertical-align:top;}



.box_08 .news_center .bd .main .top li .txt{width:365px;height:130px;float:right;overflow:hidden;}



.box_08 .news_center .bd .main .top li .name{display:block;font-size:16px;color:#545454;line-height:18px;font-weight:bold;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .top li:hover .name{color:#0047bb;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}



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



.box_08 .news_center .bd .main .top li span{display:block;font-size:14px;color:#999;line-height:12px;position:absolute;bottom:5px;right:0;}



.box_08 .news_center .bd .main .bottom{width:1200px;height:160px;margin-top:20px;overflow:hidden;}



.box_08 .news_center .bd .main .bottom li{width:545px;height:70px;line-height:70px;padding:0 20px;margin-bottom:20px;background:#f8f8f8;float:left;overflow:hidden;}



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



.box_08 .news_center .bd .main .bottom li:nth-of-type(3),

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



.box_08 .news_center .bd .main .bottom li a{display:block;width:390px;height:70px;padding-left:25px;font-size:14px;color:#545454;float:left;background:url(../images/yuan04.png) 0 center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:hover a{padding-left:35px;color:#0047bb;background:url(../images/yuan05.png) 10px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li span{display:block;width:auto;height:70px;font-size:14px;color:#999;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:hover span{color:#0047bb;-webkit-transition:all .5s;transition:all .5s;}

























.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: #018ad4;

}



.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

}