/*

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:382px;height:55px;margin:0 auto;text-align:center;overflow:hidden;background:url(../images/h_back_01.png) center 15px no-repeat;}

.h_title h3{font-size:30px;line-height:30px;color:#62c7f1;}

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

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





/* 第一个板块 */
.box_01{width:100%;height:130px;background:#f7f7f7;}

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

.box_01 .center .left{width:385px;padding-left:14px;height:130px;float:left;text-align:left;overflow:hidden;border-right:solid 1px #e8e8e8;}

.box_01 .center .left a{display:inline-block;font-size:14px;color:#858585;padding:0 10px 0 52px;line-height:130px;float:left;}

.box_01 .center .left a:hover{color:#62c7f1;}

.box_01 .center .left a:nth-of-type(1){background:url(../images/t_icon_01.png) left center no-repeat;}

.box_01 .center .left a:nth-of-type(2){background:url(../images/t_icon_02.png) left center no-repeat;}

.box_01 .center .left a:nth-of-type(3){background:url(../images/t_icon_03.png) left center no-repeat;position:relative;}

.box_01 .center .left a:nth-of-type(3)::after{content:'';width:1px;height:12px; background:#858585;position:absolute;top:59px;right:0px;}

.box_01 .center .left a:nth-of-type(4){padding:0 0 0 10px;}

.box_01 .center .mid{width:400px;height:130px;float:left;position:relative;text-align:center;}

.box_01 .center .mid::after{content:'';width:1px;height:130px;background:#e8e8e8;position:absolute;top:0;right:0;}

.box_01 .center .mid img{display:block;width:287px;height:24px;margin:40px auto 17px auto;}

.box_01 .center .mid p{font-size:14px;color:#858585;line-height:14px;}

.box_01 .center .right{width:400px;height:130px;float:right;position:relative;}

.topxunpan{width:270px;height:40px;margin:12px 0;position:absolute;top:50px;left:30px;}

.topxunpan::after{content:'';width:220px;height:1px;background:#e6e6e6;position:absolute;bottom:0;right:0;}

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

.topxunpan .xp {position: relative;float: right;width:270px;line-height: 40px;color: #999;font-size: 14px;cursor: pointer;}

.topxunpan .xp img {position: relative;top:10px;margin-right:45px;float:left;}

.topxunpan .xp i {display:inline-block;width:25px;height:22px;line-height:22px;margin:0 4px;text-align:center;background:#62c7f1;color:#fff;border-radius:10px;box-sizing: border-box;}

.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: #62c7f1;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: #62c7f1;}

.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_02{width:100%;height:auto;padding:60px 0;background:#fff;}

.box_02 .center{width:1200px;height:740px;margin:40px auto 0 auto;}

.box_02 .center .left{width:285px;height:740px;position:relative;float:left;background:#62c7f1;border-radius:0 20px 0 20px;}

.box_02 .center .left .bt{width:285px;height:70px;padding-top:30px; background:url(../images/pro_icon.png) 50px 20px no-repeat;color:#fff;}

.box_02 .center .left .bt h4{font-size:24px;line-height:24px;margin-left:113px;}

.box_02 .center .left .bt p{font-size:14px;line-height:12px;text-transform: Uppercase;margin:15px 0 0 50px;font-family:Arial;}

.box_02 .center .left .search{width:250px;height:38px;margin:0 auto 17px auto;overflow:hidden;border-radius:8px;}

.box_02 .center .left .search .input{width:190px;height:38px;line-height:38px;color:#999999;display:inline-block;background:#fff;padding-left:10px;float:left;font-size:14px;box-sizing:content-box;}

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

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

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

.menu{width:250px;height:530px;margin:0 auto;padding-top:20px;overflow: auto;overflow-x: hidden;}

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

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

.menu .list{width:250px;margin:0 auto 20px auto;}

.menu .list p{width:170px;height:40px;line-height:40px;margin:0 auto;font-size:16px;padding:0 25px 0 55px;background:url(../images/dian01.png) 13px center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.menu .list .xia{width:170px;background:url(../images/dian01.png) 13px center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.menu .list p a{display:block;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

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

.menu .list ul li{width:170px;height:32px;line-height:32px;font-size:14px;padding:0 25px 0 55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.menu .list ul li a{display:block;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.menu .list ul li:hover a{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center{width:895px;height:740px;overflow:hidden;float:right;}

.pro-center li{width:285px;height:235px;float:left;margin:0 20px 17px 0;overflow:hidden;}

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

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

.pro-center li .img{width:285px;height:190px;overflow:hidden}

.pro-center li .img img{width:285px;height:190px;transition: all 1s;vertical-align:top;}

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

.pro-center li .txt{width:185px;height:45px;line-height:45px;padding:0 50px;background:#f7f7f7;position:relative;z-index:0;}

.pro-center li .txt::before{content:'';width:0px;height:45px;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center li:hover .txt::before{content:'';width:285px;height:45px;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center li .txt::after{content:'';width:34px;height:30px;background:url(../images/sjx_01.png);position:absolute;bottom:0;right:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center li:hover .txt::after{content:'';width:34px;height:30px;background:url(../images/sjx_02.png);position:absolute;bottom:1px;right:1px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center li .name{width:185px;height:45px;line-height:45px;font-size:14px;color:#545454;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

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







/* 企业优势 */
.box_03{width:100%;height:680px;padding-top:40px;background:url(../images/ys_back.jpg) center top no-repeat;}

.box_03 .h_title{width:382px;height:55px;margin:0 auto;text-align:center;overflow:hidden;background:url(../images/h_back_02.png) center 15px no-repeat;}

.box_03 .h_title h3{font-size:30px;line-height:30px;color:#fff;}

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

.box_03 .center{width:1200px;height:505px;margin:60px auto 0 auto;background:url(../images/ys_img.png) center 25px no-repeat;}

.box_03 .center ul{width:1200px;height:505px;position:relative;}

.box_03 .center ul li:nth-of-type(1){width:330px;height:auto;position:absolute;left:0;top:0;}

.box_03 .center ul li:nth-of-type(1) .txt{width:330px;height:auto;overflow:hidden;background:url(../images/one.png) right top no-repeat}

.box_03 .center ul li:nth-of-type(1) .num{font-size:30px;width:80px;line-height:30px;font-family:Arial;font-weight:bold;color:#359ed5;margin-top:12px;text-align:center;margin-left:207px;}

.box_03 .center ul li p{font-size:16px;line-height:28px;color:#fff;margin-top:20px;clear:both;}

.box_03 .center ul li:nth-of-type(2){width:320px;height:auto;position:absolute;right:0;top:0;}

.box_03 .center ul li:nth-of-type(2) .txt{width:320px;height:auto;overflow:hidden;background:url(../images/two.png) left top no-repeat}

.box_03 .center ul li:nth-of-type(2) .num{font-size:30px;width:80px;line-height:30px;font-family:Arial;font-weight:bold;color:#359ed5;margin-top:12px;text-align:center;margin-left:45px;}

.box_03 .center ul li:nth-of-type(3){width:290px;height:auto;position:absolute;left:0;top:188px;}

.box_03 .center ul li:nth-of-type(3) .txt{width:290px;height:auto;overflow:hidden;background:url(../images/three.png) right top no-repeat}

.box_03 .center ul li:nth-of-type(3) .num{font-size:30px;width:80px;line-height:30px;font-family:Arial;font-weight:bold;color:#359ed5;margin-top:11px;text-align:center;margin-left:117px;}

.box_03 .center ul li:nth-of-type(3) p{font-size:16px;line-height:28px;color:#fff;margin-top:20px;clear:both;}

.box_03 .center ul li:nth-of-type(4){width:275px;height:auto;position:absolute;right:0;top:188px;}

.box_03 .center ul li:nth-of-type(4) .txt{width:275px;height:auto;overflow:hidden;background:url(../images/four.png) left top no-repeat}

.box_03 .center ul li:nth-of-type(4) .num{font-size:30px;width:80px;line-height:30px;font-family:Arial;font-weight:bold;color:#359ed5;margin-top:12px;text-align:center;margin-left:70px;}

.box_03 .center ul li:nth-of-type(5){width:325px;height:auto;position:absolute;left:0;bottom:0;}

.box_03 .center ul li:nth-of-type(5) .txt{width:325px;height:auto;overflow:hidden;background:url(../images/five.png) right top no-repeat;}

.box_03 .center ul li:nth-of-type(5) .num{font-size:30px;width:80px;line-height:30px;font-family:Arial;font-weight:bold;color:#359ed5;margin-top:11px;text-align:center;margin-left:195px;}

.box_03 .center ul li:nth-of-type(6){width:320px;height:auto;position:absolute;right:0;bottom:0;}

.box_03 .center ul li:nth-of-type(6) .txt{width:320px;height:auto;overflow:hidden;background:url(../images/six.png) left top no-repeat}

.box_03 .center ul li:nth-of-type(6) .num{font-size:30px;width:80px;line-height:30px;font-family:Arial;font-weight:bold;color:#359ed5;margin-top:12px;text-align:center;margin-left:28px;}






/* 横栏广告 */
.box_04{width:100%;height:300px;background:url(../images/ad_back.jpg) no-repeat center;}

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

.box_04 .center .txt{width:702px;height:auto;position:absolute;top:53px;left:0;}

.box_04 .center .txt img{display:block;width:177px;height:35px; vertical-align:top;}

.box_04 .center .txt p:nth-of-type(1){width:675px;height:53px;line-height:53px;padding-left:27px;background:url(../images/ad_dbx.png);font-size:20px;color:#fff;margin-bottom:52px;margin-top: 30px;}

.box_04 .center .txt p:nth-of-type(2){height:27px;font-size:20px;line-height:27px;color:#62c7f1;}

.box_04 .center .txt p:nth-of-type(2) span{display:block;float:left;padding-left:50px; background:url(../images/gou.png) left center no-repeat;margin:0 30px 0 25px;}

.box_04 .center .tel{width:280px;height:222px;position:absolute;top:0;right:0;background:url(../images/tel02.png) left top no-repeat;}

.box_04 .center .tel p:nth-of-type(1){font-size:16px;line-height:16px;color:#545454;margin:76px 0 0 80px;}

.box_04 .center .tel p:nth-of-type(2){font-size:30px;line-height:26px;color:#62c7f1;margin:12px 0 0 80px;}

.box_04 .center .tel a{display:block;width:280px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#62c7f1;background:#fff;margin-top:45px;outline:1px solid #62c7f1;outline-offset: -6px;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .tel a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .tel a::after{content:'';width:0px;height:50px;background:#62c7f1;position:absolute;top:0;left:140px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .tel a:hover::after{content:'';width:140px;height:50px;background:#62c7f1;position:absolute;top:0;left:140px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .tel a::before{content:'';width:0px;height:50px;background:#62c7f1;position:absolute;top:0;right:140px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .tel a:hover::before{content:'';width:140px;height:50px;background:#62c7f1;position:absolute;top:0;right:140px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}




/* 解决方案 */
.box_05{width:100%;height:auto;margin:60px auto 0 auto;position:relative;}

.box_05 ul{width:98%;margin:40px auto 0 auto;overflow:hidden;}

.box_05 ul li{width:23.95%;height:auto;margin-right:1.4%;float:left;position:relative;background:#eff0f2;z-index:0;}

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

.box_05 ul li::before{content:'';width:56px;height:46px;background:url(../images/jia01.png);position:absolute;bottom:0;right:0;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li:hover::before{content:'';width:56px;height:46px;background:url(../images/jia02.png);position:absolute;bottom:0;right:0;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li::after{content:'';width:100%;height:0;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li:hover::after{content:'';width:100%;height:100%;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li a{display:block;overflow:hidden;}

.box_05 ul li .img{padding:38%;overflow:hidden;position:relative;z-index:2;}

.box_05 ul li .img img{width:94%;height:98%;position:absolute;top:3%;left:3%;right:3%;bottom: 0;overflow: hidden;box-sizing:border-box;}

.box_05 ul li .img .hide{display:block;width:94%;height:98%;background:url(../images/link.png) center center no-repeat rgba(14,14,14,0.5);position:absolute;left:0;top: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_05 ul li:hover .img .hide{position:absolute;left:3%;top:3%;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

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

.box_05 ul li:hover .name{background:url(../images/dian03.png) 3% center no-repeat;color:#fff;-webkit-transition:all .5s;transition:all .5s;}





/* 关于我们 */
.box_06{width:100%;height:560px;margin:60px auto 0 auto;overflow:hidden;}

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

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

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

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

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

.box_06 .center .right .top .txt{width:520px;height:290px;padding:30px 0 0 40px;position:relative;}

.box_06 .center .right .top .txt .bt{width:470px;height:38px;overflow:hidden;margin:0 0 20px 50px;position:relative;}

.box_06 .center .right .top .txt .bt::after{content:'';width:80px;height:1px;background:#bfbfbf;position:absolute;top:18px;right:115px;}

.box_06 .center .right .top .txt .bt h4{font-size:48px;line-height:38px;color:#a5a5a5;text-transform:Uppercase;font-family:Arial;float:left;}

.box_06 .center .right .top .txt .bt p{font-size:24px;line-height:38px;color:#62c7f1;font-weight:bold;float:right;}

.box_06 .center .right .top .txt .ms{font-size:14px;color:#858585;line-height:30px;max-height:180px;overflow:hidden;text-indent:2em;}

.box_06 .center .right .top .txt a{display:block;width:140px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#fff;position:absolute;bottom:0;right:0;background:#62c7f1;z-index:0;}

.box_06 .center .right .top .txt a::before{content:'';width:0px;height:40px;background:#545454;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right .top .txt a:hover::before{content:'';width:70px;height:40px;background:#545454;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right .top .txt a::after{content:'';width:0px;height:40px;background:#545454;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right .top .txt a:hover::after{content:'';width:70px;height:40px;background:#545454;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup{width:560px;position:absolute;left:0;bottom:0;}

.box_06 .slideGroup .parHd{width:560px;height:30px;border-bottom:solid 1px #dfdfdf;}

.box_06 .slideGroup .parHd ul{width:200px;font-size:16px;overflow:hidden;position:relative;z-index:2;text-align:center;}

.box_06 .slideGroup .parHd ul li{width:100px;height:30px;line-height:30px;float:left;cursor:pointer;color:#a5a5a5;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}

.box_06 .slideGroup .parHd ul li::after{content:'';width:100px;height:0;background:#62c7f1;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup .parHd ul li.on::after{content:'';width:100px;height:30px;background:#62c7f1;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

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

.box_06 .slideGroup .parBd{margin-top:20px;}

.box_06 .slideGroup .parBd .slideBox{position:relative;width:560px;overflow:hidden;}

.box_06 .slideGroup .parBd ul{overflow:hidden;zoom:1;overflow:hidden;}

.box_06 .slideGroup .parBd ul li{width:270px;height:170px;margin-right:20px;overflow:hidden;float:left;text-align:center;position:relative;}

.box_06 .slideGroup .parBd ul li a{display:block;}

.box_06 .slideGroup .parBd ul li .img{width:268px;height:168px;border:solid 1px #d2d2d2;overflow:hidden;}

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

.box_06 .slideGroup .parBd ul li:hover .img img{transform: scale(1.2);}

.box_06 .slideGroup .parBd ul li .name{width:220px;padding:0 25px;font-size:14px;height:35px;line-height:35px;color:#fff;background:rgba(3,3,3,0.4);position:absolute;left:0;bottom:0;z-index:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_06 .slideGroup .parBd ul li .name::before{content:'';width:0px;height:35px;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup .parBd ul li:hover .name::before{content:'';width:270px;height:35px;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}






/* 新闻中心 */
.box_07{width:1200px;height:auto;margin:60px auto 0 auto;overflow:hidden;}

.box_07 .center{width:1200px;height:auto;margin-top:40px;overflow:hidden;}

.box_07 .center .news{width:380px;float:left;margin-right:30px;}

.box_07 .center .news:last-child{margin-right:0;}

.box_07 .center .news h4{width:235px;height:67px;line-height:67px;padding-left:145px;margin-bottom:10px;}

.box_07 .center .news:nth-of-type(1) h4{background:url(../images/news_icon_01.png) 85px center no-repeat #62c7f1;}

.box_07 .center .news:nth-of-type(2) h4{background:url(../images/news_icon_02.png) 85px center no-repeat #62c7f1;}

.box_07 .center .news:nth-of-type(3) h4{background:url(../images/news_icon_03.png) 85px center no-repeat #62c7f1;}

.box_07 .center .news h4 a{display:block;font-size:24px;color:#fff;}

.box_07 .center .news ul{width:380px;height:auto;}

.box_07 .center .news ul li{width:380px;height:55px;padding:10px 0;overflow:hidden;position:relative;z-index:0;}

.box_07 .center .news ul li::before{content:'';width:0px;height:75px;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li:hover::before{content:'';width:380px;height:75px;background:#62c7f1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li .date{width:71px;height:55px;border-right:solid 1px #dadada;float:left;text-align:center;margin-right:15px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li .date p:nth-of-type(1){font-size:14px;line-height:12px;color:#999;margin-top:8px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li .date p:nth-of-type(2){font-size:24px;line-height:20px;color:#545454;margin-top:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li:hover .date{border-right:solid 1px #fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li:hover .date p:nth-of-type(1){color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li:hover .date p:nth-of-type(2){color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li .txt{width:280px;height:55px;float:left;}

.box_07 .center .news ul li .txt a{display:block;line-height:16px;font-size:16px;color:#545454;margin:3px 0 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li .txt p{line-height:15px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li:hover .txt a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .news ul li:hover .txt p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}





/* 联系我们 */
.box_08{width:100%;height:120px;padding:40px 0;background:#f7f7f7;margin-top:50px;overflow:hidden;}

.box_08 .form{width:1200px;height:120px;margin:0 auto;position:relative;}

.box_08 .form p{width:542px;height:52px;overflow:hidden;}

.box_08 .form input{width:485px;height:50px;line-height:50px;border:solid 1px #e5e5e5;display:inline-block;padding-left:55px;color:#989898;font-size:14px;box-sizing:content-box;}

.box_08 .form p:nth-of-type(1){position:absolute;top:0;left:38px;}

.box_08 .form p:nth-of-type(2){position:absolute;top:0;right:38px;}

.box_08 .form p:nth-of-type(1) input{background:url(../images/name.png) 15px center no-repeat #fff;}

.box_08 .form p:nth-of-type(2) input{background:url(../images/phone.png) 15px center no-repeat #fff;}

.box_08 .form p:nth-of-type(3){position:absolute;bottom:0;left:38px;}

.box_08 .form textarea{width:485px;height:50px;line-height:50px;border:solid 1px #e5e5e5;padding-left:55px;font-size:14px;background:url(../images/liuyan.png) 15px center no-repeat #fff;box-sizing:content-box;}

.box_08 .form p:nth-of-type(4){width:300px;height:52px;border:none;position:absolute;bottom:0;right:280px;overflow:hidden;}

.box_08 .form p:nth-of-type(4) input{display:block;width:153px;height:50px;line-height:50px;padding-left:20px;color:#989898;font-size:14px;background:#fff;border:solid 1px #e5e5e5;float:left;box-sizing:content-box;}

.box_08 .form p:nth-of-type(4) img{display:block;float:right;width:125px;height:52px;}

.box_08 .form .tj{width:200px;height:52px;background:#62c7f1;position:absolute;bottom:0;right:38px;overflow:hidden;}

.box_08 .form .tj .btn{width:200px;height:52px;line-height:52px;display: block;text-align:center;font-size:14px;color:#fff;background:#62c7f1;cursor: pointer;border:none;position:relative;z-index:0;}

.box_08 .form .tj .btn::before{content:'';width:0px;height:52px;background:#545454;position:absolute;top:0;right:100px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj .btn:hover::before{content:'';width:100px;height:52px;background:#545454;position:absolute;top:0;right:100px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj .btn::after{content:'';width:0px;height:52px;background:#545454;position:absolute;top:0;left:100px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj .btn:hover::after{content:'';width:100px;height:52px;background:#545454;position:absolute;top:0;left:100px;z-index:-1;-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: #11438a;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #11438a;
}


.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: 2px;
    -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: 2px;
    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
}