/*

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:486px;height:auto;margin:0 auto;text-align:center;}

.h_title h3{width:486px;height:25px;font-size:28px;line-height:28px;color:#333;font-weight:bold;background:url(../images/h_back.png) center center no-repeat;}

.h_title h3 span{color:#333;font-weight:normal;}

.h_title p{font-size:14px;line-height:10px;color:#a9a9a9;margin-top:14px;font-family:Arial;text-transform: Uppercase;}



/* 搜索 */
.tback{width:100%;height:80px;background:url(../images/search_back.jpg) center top no-repeat;}

.search{width:1200px;margin:0 auto;overflow:hidden;}

.search .left{width:auto;height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}

.search .left p:nth-of-type(1){width:190px;font-size:16px;line-height:80px;color:#fff;text-align:center;float:left;margin-right:45px;}

.search .left p:nth-of-type(2){width:auto;font-size:14px;line-height:80px;color:#858585;float:left;}

.search .right{width:350px;height:40px;margin:20px 0;float:right;overflow:hidden;background:#fff;position:relative;}

.search .right .input{width:255px;height:40px;line-height:40px;font-size:14px;color:#bcbcbc;display:inline-block;padding-left:15px;float:left;box-sizing:content-box;}

.search .right .button{width:80px;height:40px;line-height:40px;display:inline-block;background:url(../images/search.png) center center no-repeat #007eca;cursor:pointer;border:none;float:right;}




/* 产品中心 */ 
.box_01{width:1200px;height:auto;margin:60px auto 50px auto;}

.box_01 .center{width:1200px;height:820px;margin-top:40px;}

.box_01 .center .left{width:262px;height:820px;position:relative;float:left;background:#007eca;-moz-box-shadow:0px 0px 10px #999;-webkit-box-shadow:0px 0px 10px #999;box-shadow:0px 0px 10px #999;}

.box_01 .center .left .bt{width:182px;height:64px;padding:32px 0 0 80px;color:#fff;background:url(../images/pro_icon.png) 18px 32px no-repeat #007eca;}

.box_01 .center .left .bt h4{font-size:20px;line-height:20px;margin-bottom:10px;font-weight:bold;}

.box_01 .center .left .bt p{font-size:12px;line-height:10px;font-family:Arial;text-transform:Uppercase;}

.box_01 .center .left ul{width:262px;height:555px;padding-top:20px;background:#fff;overflow:auto;overflow-x:hidden;margin:0 auto;position:relative;}

.box_01 .center .left ul li{width:220px;height:36px;border:dashed 1px #dcdcdc;margin:0 auto 18px auto;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_01 .center .left ul li::after{content:'';width:0;height:36px;background:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li:hover::after{content:'';width:220px;height:36px;background:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li:hover{border:solid 1px #e50112;;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li:last-child{margin-bottom:0;}

.box_01 .center .left ul li a{display:block;width:130px;height:36px;line-height:36px;padding:0 20px 0 70px;font-size:14px;color:#545454;background:url(../images/pro_xian_01.png) 12px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li:hover a{color:#fff;background:url(../images/pro_xian_02.png) 12px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .tel{width:262px;height:150px;position:absolute;left:0;bottom:0;color:#fff;}

.box_01 .center .left .tel .bx:nth-of-type(1){height:45px;padding-left:55px;background:url(../images/db1.png) left center no-repeat;margin:20px 0 0 20px;}

.box_01 .center .left .tel .bx:nth-of-type(2){height:45px;padding-left:55px;background:url(../images/db2.png) left center no-repeat;margin:20px 0 0 20px;}

.box_01 .center .left .tel .bx span:nth-of-type(1){display:block;font-size:14px;line-height:14px;}

.box_01 .center .left .tel .bx span:nth-of-type(2){display:block;font-size:24px;line-height:20px;margin-top:10px;}





.box_01 .center .left .tel p:nth-of-type(1){font-size:18px;line-height:20px;font-weight:bold;margin:25px 0 0 45px;}

.box_01 .center .left .tel p:nth-of-type(2){font-size:16px;line-height:18px;padding-left:80px;margin-top:21px;background:url(../images/tel02.png) 45px center no-repeat;}

.box_01 .center .left .tel p:nth-of-type(3){font-size:16px;line-height:18px;padding-left:80px;margin-top:20px;background:url(../images/tel03.png) 45px center no-repeat;}















.pro-center{width:898px;height:820px;overflow:hidden;float:right;}

.pro-center li{width:284px;height:260px;margin:0 23px 20px 0;cursor:pointer;float:left;overflow:hidden;position:relative;}

.pro-center li:nth-of-type(3n){margin-right:0;}

.pro-center li a{display:block;}

.pro-center li .img{width:282px;height:258px;border:solid 1px #d2d2d2;overflow:hidden;}

.pro-center li .img img{width:282px;height:258px;transition: all 1s;vertical-align:top;}

.pro-center li:hover .img img{transform: scale(1.2);}

.pro-center li .name{width:240px;height:36px;line-height:36px;padding:0 22px;font-size:14px;color:#fff;text-align:center;background:rgba(0,0,0,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;bottom:0;z-index:0;-webkit-transition:all .5s;transition:all .5s;}


.pro-center li .name::before{content:'';width:0px;height:36px;background:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center li:hover .name::before{content:'';width:284px;height:36px;background:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center li .hide{display:none;width:256px;height:135px;padding-top:95px;background:url(../images/dbx_back.png) center center no-repeat;position:absolute;right:0;bottom:0;transform-origin:right bottom;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;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 li:hover  .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.pro-center li .hide .mz{width:140px;height:35px;line-height:16px;border-bottom:solid 1px #ea8f96;margin:0 auto;font-size:16px;color:#fff;font-weight:bold;padding:0 30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.pro-center li .hide p{width:200px;font-size:14px;line-height:24px;max-height:50px;margin:15px auto 0 auto;color:#fff;text-align:center;overflow:hidden;}





/* 横栏广告 */
.box_02{width:100%;height:300px;background:url(../images/ad_back.jpg) center top no-repeat;}

.box_02 .center{width:1200px;height:300px;margin:0 auto;overflow:hidden;position:relative;}

.box_02 .center .txt{width:620px;height:auto;position:absolute;top:60px;left:0;color:#fff;}

.box_02 .center .txt p:nth-of-type(1){font-size:36px;line-height:36px;font-weight:bold;margin-bottom:28px;}

.box_02 .center .txt p:nth-of-type(2){font-size:20px;line-height:20px;margin-bottom:45px;}

.box_02 .center .txt .tel{width:580px;height:44px;}

.box_02 .center .txt .tel span{display:block;width:auto;height:44px;line-height:44px;font-size:16px;float:left;padding-left:40px;float:left;background:url(../images/tel04.png) left center no-repeat;}

.box_02 .center .txt .tel span i{font-size:24px;}

.box_02 .center .txt .tel a{display:block;width:260px;height:44px;line-height:44px;text-align:center;font-size:16px;color:#007ec9;overflow:hidden;background:#fff;border-radius:8px;float:right;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a::before{content:'';width:0px;height:44px;background:#e50112;position:absolute;top:0;right:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a:hover::before{content:'';width:130px;height:44px;background:#e50112;position:absolute;top:0;right:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a::after{content:'';width:0px;height:44px;background:#e50112;position:absolute;top:0;left:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a:hover::after{content:'';width:130px;height:44px;background:#e50112;position:absolute;top:0;left:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}






/* 合作客户 */
.box_03{width:1200px;height:auto;margin:60px auto 0 auto;overflow:hidden;}

.box_03 ul{width:1200px;height:auto;margin:30px auto 0 auto;overflow:hidden;}

.box_03 ul li{width:232px;float:left;margin-right:10px;}

.box_03 ul li:last-child{margin-right:0;}

.box_03 ul li a{display:block;}

.box_03 ul li .img{width:230px;height:108px;overflow:hidden;border:solid 1px #d2d2d2;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li:hover .img{border:solid 1px #007eca;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li .img img{width:230px;height:108px;transition: all 1s;vertical-align:top;}

.box_03 ul li:hover .img img{transform: scale(1.2);}

.box_03 ul li .name{font-size:14px;color:#545454;line-height:15px;margin-top:20px;padding:0 20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li:hover .name{color:#007eca;-webkit-transition:all .5s;transition:all .5s;}





/* 企业优势 */
.box_04{width:100%;height:auto;margin-top:60px;overflow:hidden;}

.box_04 .bt{width:590px;height:79px;border-bottom:solid 1px #bdbdbd;margin:0 auto;position:relative;}

.box_04 .bt::before{content:'';width:66px;height:1px;background:#ccc;position:absolute;top:17px;right:200px;}

.box_04 .bt h4{font-size:36px;line-height:36px;color:#333;position:absolute;top:0;left:50px;}

.box_04 .bt h4 span{font-weight:bold;}

.box_04 .bt h4 i{font-weight:bold;}

.box_04 .bt p:nth-of-type(1){font-size:24px;line-height:36px;color:#ccc;font-family:Arial;position:absolute;top:0;right:37px;text-transform: Uppercase;}

.box_04 .bt p:nth-of-type(2){font-size:16px;line-height:16px;color:#545454;position:absolute;bottom:14px;left:0;text-align:center;letter-spacing:38px;margin-left:50px;}

.box_04 .center{width:1200px;height:740px;background:#f8f8f8;margin:35px auto 0 auto;}

.box_04 .center .ys_01{width:1200px;height:370px;}

.box_04 .center .ys_01 .img{width:470px;height:370px;float:left;position:relative;}

.box_04 .center .ys_01 .img img{width:470px;height:370px;position:absolute;right:0;top:0; vertical-align:top;}

.box_04 .center .ys_01 .txt{width:520px;height:325px;padding-top:45px;float:left;overflow:hidden;}

.box_04 .center .ys_01 .txt .bx{overflow:hidden;margin-bottom:35px;}

.box_04 .center .ys_01 .txt .bx .num{width:48px;height:40px;background:#ccc;line-height:40px;text-align:center;font-size:24px;color:#fff;float:left;}

.box_04 .center .ys_01 .txt .bx:nth-of-type(2) .num{background:#e50112;}

.box_04 .center .ys_01 .txt .bx .wz{width:440px;float:right;}

.box_04 .center .ys_01 .txt .bx .wz h4{font-size:24px;line-height:24px;font-weight:bold;color:#333;margin-bottom:13px;}

.box_04 .center .ys_01 .txt .bx:nth-of-type(2) .wz h4{color:#e50112;}

.box_04 .center .ys_01 .txt .bx .wz span{display:block;font-size:14px;height:22px;line-height:10px;color:#c9c9c9; font-family:Arial;margin-bottom:15px;border-bottom:solid 1px #cfcfcf;text-transform: Uppercase;}

.box_04 .center .ys_01 .txt .bx .wz p{font-size:14px;line-height:25px;max-height:50px;overflow:hidden;color:#999;}

.box_04 .center .ys_02{width:1200px;height:370px;}

.box_04 .center .ys_02 .txt{width:550px;height:325px;padding-top:45px;float:left;margin-left:180px;overflow:hidden;}

.box_04 .center .ys_02 .txt .bx{overflow:hidden;margin-bottom:35px;}

.box_04 .center .ys_02 .txt .bx .wz{width:470px;float:left;text-align:right;}

.box_04 .center .ys_02 .txt .bx .wz h4{font-size:24px;line-height:24px;font-weight:bold;color:#333;margin-bottom:13px;}

.box_04 .center .ys_02 .txt .bx:nth-of-type(2) .wz h4{color:#e50112;}

.box_04 .center .ys_02 .txt .bx .wz span{width:440px;margin-left:30px;display:block;font-size:14px;height:22px;line-height:10px;color:#c9c9c9; font-family:Arial;margin-bottom:15px;border-bottom:solid 1px #cfcfcf;text-transform: Uppercase;}

.box_04 .center .ys_02 .txt .bx .wz p{font-size:14px;line-height:25px;max-height:50px;overflow:hidden;color:#999;}

.box_04 .center .ys_02 .txt .bx .num{width:48px;height:40px;background:#ccc;line-height:40px;text-align:center;font-size:24px;color:#fff;float:right;}

.box_04 .center .ys_02 .txt .bx:nth-of-type(2) .num{background:#e50112;}

.box_04 .center .ys_02 .img{width:470px;height:370px;float:right;position:relative;}

.box_04 .center .ys_02 .img img{width:470px;height:370px;position:absolute;left:0;top:0;vertical-align:top;}




/* 工程案例 */
.box_05{width:100%;height:auto;margin-top:60px;}

.box_05 ul{width:98%;height:275px;margin:40px auto 0 auto;overflow:hidden;}

.box_05 ul li{width:19.2%;height:275px;margin-right:1%;cursor:pointer;float:left;overflow:hidden;position:relative;}

.box_05 ul li:last-child{margin-right:0;}

.box_05 ul li a{display:block;}

.box_05 ul li .img{width:100%;height:275px;overflow:hidden;}

.box_05 ul li .img img{width:100%;height:275px;transition: all 1s;vertical-align:top;}

.box_05 ul li:hover .img img{transform: scale(1.2);}

.box_05 ul li .name{width:80%;height:40px;line-height:40px;padding:0 10%;font-size:14px;color:#fff;text-align:center;background:rgba(0,0,0,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;bottom:0;z-index:0;-webkit-transition:all .5s;transition:all .5s;}




.box_05 ul li .name::before{content:'';width:0px;height:40px;background:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li:hover .name::before{content:'';width:100%;height:40px;background:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}








.box_05 ul li .hide{display:none;width:310px;height:135px;padding-top:95px;background:url(../images/dbx_back_02.png) center center no-repeat;position:absolute;right:0;bottom:0;transform-origin:right bottom;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;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  .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.box_05 ul li .hide .mz{width:200px;height:38px;line-height:18px;border-bottom:solid 1px #f3848a;margin:0 auto;font-size:18px;color:#fff;font-weight:bold;padding:0 25px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_05 ul li .hide p{width:250px;font-size:14px;line-height:24px;max-height:50px;margin:17px auto 0 auto;color:#fff;overflow:hidden;}






/* 关于我们 */
.box_06{width:100%;height:560px;background:url(../images/about_back.jpg) center top no-repeat;margin-top:55px;}

.box_06 .center{width:1200px;height:560px;margin:0 auto;}

.box_06 .center .txt{width:560px;height:560px;float:left;position:relative;}

.box_06 .center .txt .wz{height:295px;padding-top:25px;position:relative;}

.box_06 .center .txt .bt{width:475px;height:40px;line-height:40px;position:relative;overflow:hidden;margin:0 0 0 -225px;}

.box_06 .center .txt .bt::after{content:'';width:80px;height:1px;background:#bfbfbf;position:absolute;right:120px;top:19px;}

.box_06 .center .txt .bt span{display:block;font-size:48px;line-height:40px;font-weight:bold;color:#e1e1e1;float:left;}

.box_06 .center .txt .bt h4{font-size:24px;line-height:40px;font-weight:bold;color:#007ec9;float:right;}

.box_06 .center .txt p{font-size:14px;color:#858585;line-height:30px;max-height:160px;overflow:hidden;margin-top:20px;}

.box_06 .center .txt .more{display:block;width:140px;height:40px;font-size:14px;color:#fff;line-height:40px; background:#007eca;text-transform: Uppercase;position:absolute;bottom:20px;right:65px;z-index:0;text-align:center;}

.box_06 .center .txt .more::before{content:'';width:0px;height:40px;background:#e50112;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .txt .more:hover::before{content:'';width:70px;height:40px;background:#e50112;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .txt .more::after{content:'';width:0px;height:40px;background:#e50112;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .txt .more:hover::after{content:'';width:70px;height:40px;background:#e50112;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup{width:560px;height:210px;position:absolute;left:0;bottom:0;}

.box_06 .slideGroup .parHd{width:560px;height:29px;line-height:29px;border-bottom:solid 1px #dfdfdf;position:relative;}

.box_06 .slideGroup .parHd ul{width:200px;height:29px;font-size:16px;}

.box_06 .slideGroup .parHd ul li{width:100px;height:29px;line-height:29px;cursor:pointer;color:#a5a5a5;text-align:center;float:left;position:relative;z-index:0;}

.box_06 .slideGroup .parHd ul li.on{color:#fff;}

.box_06 .slideGroup .parHd ul li::before{content:'';width:0px;height:29px;background:#e50112;position:absolute;top:0;right:50px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup .parHd ul li.on::before{content:'';width:50px;height:29px;background:#e50112;position:absolute;top:0;right:50px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup .parHd ul li::after{content:'';width:0px;height:29px;background:#e50112;position:absolute;top:0;left:50px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup .parHd ul li.on::after{content:'';width:50px;height:29px;background:#e50112;position:absolute;top:0;left:50px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup .parHd ul li:last-child{float:right;}

.box_06 .slideGroup .parBd .slideBox{position:relative;width:560px;margin-top:10px;}

.box_06 .slideGroup .parBd .slideBox .tempWrap{width:560px;margin:0 auto;overflow:hidden;}

.box_06 .slideGroup .parBd ul{overflow:hidden; zoom:1;overflow:hidden;}

.box_06 .slideGroup .parBd ul li{width:270px;margin-right:20px;overflow:hidden;text-align:center;float:left;position:relative;}

.box_06 .slideGroup .parBd ul li .img{width:270px;height:170px;overflow:hidden;}

.box_06 .slideGroup .parBd ul li .img img{width:270px;height:170px;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{display:block;width:220px;padding:0 25px;height:35px;line-height:35px;font-size:14px;color:#fff;background:rgba(3,3,3,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;bottom:0;z-index:0;}

.box_06 .slideGroup .parBd ul li .name::before{content:'';width:0px;height:35px;background:#e50112;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:#e50112;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .img{width:610px;height:560px;float:right;}

.box_06 .center .img img{width:610px;height:560px;vertical-align:top;}





/* 新闻中心 */
.box_07{width:100%;height:auto;padding:40px 0 60px 0;background:#f8f8f8;margin-top:50px;}

.box_07 .center{width:1200px;height:auto;margin:30px auto 0 auto;overflow:hidden;}

.box_07 .center .top{width:1200px;height:410px;overflow:hidden;}

.box_07 .center .top .left{width:600px;height:410px;overflow:hidden;float:left;position:relative;}

.box_07 .center .top .left a{display:block;}

.box_07 .center .top .left .img{width:600px;height:410px;overflow:hidden;}

.box_07 .center .top .left img{width:600px;height:410px;vertical-align:top;transition: all 1s;}

.box_07 .center .top .left:hover img{transform:scale(1.1);}

.box_07 .center .top .left .pos{width:600px;height:90px;background:rgba(3,3,3,0.5);overflow:hidden;position:absolute;left:0;bottom:0;z-index:0;}

.box_07 .center .top .left .pos::after{content:'';width:0;height:90px;background:rgba(0,126,202,0.7);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .left:hover .pos::after{content:'';width:600px;height:90px;background:rgba(0,126,202,0.7);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .left .pos .date{width:114px;height:90px;text-align:center;color:#fff;float:left;position:relative;}

.box_07 .center .top .left .pos .date::after{content:'';width:1px;height:50px;background:#7b7873;position:absolute;top:20px;right:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .left:hover .pos .date::after{content:'';width:1px;height:50px;background:#fff;position:absolute;top:20px;right:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .left .pos .date span:nth-of-type(1){display:block;font-size:26px;color:#fff;line-height:22px;margin:22px 0 13px 0;}

.box_07 .center .top .left .pos .date span:nth-of-type(2){display:block;font-size:14px;color:#fff;line-height:12px;}

.box_07 .center .top .left .txt{width:440px;padding-right:20px;float:right;}

.box_07 .center .top .left .name{width:440px;font-size:16px;height:16px;line-height:16px;color:#fff;margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_07 .center .top .left p{font-size:14px;color:#fff;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_07 .center .top .right{width:580px;height:410px;overflow:hidden;float:right;}

.box_07 .center .top .right .bx{width:580px;height:97px;margin-bottom:7px;overflow:hidden;background:#fff;position:relative;z-index:0;}

.box_07 .center .top .right .bx:last-child{margin-bottom:0;}

.box_07 .center .top .right .bx::after{content:'';width:0;height:97px;background:#007eca;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx:hover::after{content:'';width:578px;height:97px;background:#007eca;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx .date{width:114px;height:97px;text-align:center;float:left;position:relative;}

.box_07 .center .top .right .bx .date::after{content:'';width:1px;height:60px;background:#dadada;position:absolute;top:18px;right:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx:hover .date::after{content:'';width:1px;height:60px;background:#4da5d9;position:absolute;top:18px;right:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx .date span{display:block;color:#999;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx:hover .date span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx .date span:nth-of-type(1){font-size:26px;line-height:22px;font-weight:bold;margin:25px 0 14px 0;}

.box_07 .center .top .right .bx .date span:nth-of-type(2){font-size:14px;line-height:12px;}

.box_07 .center .top .right .bx .txt{width:430px;padding-right:20px;float:right;}

.box_07 .center .top .right .bx .name{display:block;width:430px;font-size:16px;height:16px;line-height:16px;color:#545454;margin:20px 0 25px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx p{font-size:14px;color:#999;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .top .right .bx:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom{overflow:hidden;}

.box_07 .center .bottom li{width:340px;height:51px;line-height:50px;font-size:16px;padding-left:25px;margin:10px 51px 0 0;background:url(../images/dian01.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;float:left;position:relative;overflow:hidden;}

.box_07 .center .bottom li:nth-of-type(3n){margin-right:0;}

.box_07 .center .bottom li::before{content:'';width:365px;height:1px;background:#d7d7d7;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom li::after{content:'';width:0px;height:1px;background:#007eca;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom li:hover::after{content:'';width:365px;height:1px;background:#007eca;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom li a{display:block;height:50px;line-height:50px;width:240px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_07 .center .bottom li span{display:block;width:auto;height:50px;line-height:50px;color:#858585;font-size:12px;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom li:hover{background:url(../images/dian02.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom li:hover a{;color:#007eca;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .bottom li:hover span{color:#007eca;-webkit-transition:all .5s;transition:all .5s;}





/* 在线留言 */
.box_08{width:100%;height:287px;padding-top:40px;background:url(../images/ly_back.jpg) center top no-repeat;overflow:hidden;}

.box_08 .link{width:1200px;height:44px;margin:0 auto;overflow:hidden;}

.box_08 .link p{width:263px;height:44px;line-height:55px;color:#fff;font-size:18px;font-weight:bold;text-transform: Uppercase;float:left;overflow:hidden; background:url(../images/yqlj.png) right bottom no-repeat;position:relative;margin-right:20px;}

.box_08 .link p span{font-size:48px;line-height:35px;margin-right:25px;float:left;}

.box_08 .link p::after{content:'';width:215px;height:1px;background:#80bfe4;position:absolute;bottom:0;left:0;}

.box_08 .link a{display:inline-block;width:auto;padding:0 20px;font-size:14px;height:14px;line-height:14px;margin-top:15px;color:#a3c5e5;border-right:solid 1px #a3c5e5;}

.box_08 .link a:last-child{border-right:0;}

.box_08 .link a:hover{color:#fff;}

.box_08 .form{width:1200px;height:163px;margin:40px auto 0 auto;padding-top:40px;position:relative;background:#f2f2f2;}

.box_08 .form p{width:540px;height:50px;overflow:hidden;background:#fff;border:solid 1px #e5e5e5;}

.box_08 .form input{display:block;width:487px;height:52px;line-height:52px;padding-left:55px;color:#989898;float:right;font-size:14px;border-radius:2px;box-sizing:content-box;}

.box_08 .form p:nth-of-type(1) input{background:url(../images/name.png) 20px center no-repeat #fff;}

.box_08 .form p:nth-of-type(2) input{background:url(../images/phone.png) 20px center no-repeat #fff;}

.box_08 .form p:nth-of-type(1){position:absolute;left:38px;top:40px;}

.box_08 .form p:nth-of-type(2){position:absolute;right:38px;top:40px;}

.box_08 .form p:nth-of-type(3){position:absolute;left:38px;bottom:40px;}

.box_08 .form textarea{width:487px;height:52px;line-height:52px;background:url(../images/liuyan.png) 20px center no-repeat #fff;padding-left:55px;box-sizing:content-box;}

.box_08 .form p:nth-of-type(4){width:303px;height:52px;position:absolute;bottom:40px;right:275px;z-index:0;overflow:hidden;}

.box_08 .form p:nth-of-type(4) input{display:block;width:150px;height:52px;line-height:52px;padding-left:28px;color:#989898;font-size:14px;background:#fff;float:left;border-radius:2px;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:50px;border:none;position:absolute;bottom:40px;right:38px;background:#e50112;z-index:0;}

.box_08 .form .tj .btn{display: block;width:200px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;border:none;background:none;}

.box_08 .form .tj::before{content:'';width:0px;height:50px;background:#007eca;position:absolute;top:0;right:100px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj:hover::before{content:'';width:100px;height:50px;background:#007eca;position:absolute;top:0;right:100px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj::after{content:'';width:0px;height:50px;background:#007eca;position:absolute;top:0;left:100px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj:hover::after{content:'';width:100px;height:50px;background:#007eca;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: #007eca;
}

.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
}
