/*

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;padding-top:5px;height:60px;margin:0 auto;text-align:center;position:relative;}

.h_title p{width:400px;font-size:50px;color:#f5f5f5;line-height:40px;position:absolute;left:0;top:0;font-family:Arial;font-weight:bold;text-transform: Uppercase;}

.h_title h3{font-size:30px;height:60px;line-height:32px;color:#23b1bf;font-weight:bold;position:relative;z-index:2; background:url(../images/h_back.png) center bottom no-repeat;}

.h_title h3 a{display:block;color:#23b1bf;}






/* 搜索 */
.tback{background:#fafafa;width:100%;height:60px;}

.search{width:1200px;margin:0 auto; overflow:hidden;}

.search .left{width:480px;color:#808080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}

.search .left p{font-size:14px;line-height:60px;}

.search .right{width:280px;height:32px;margin:13px 0;float:right;overflow:hidden;border:solid 1px #23b1bf;}

.search .right .input{width:238px;height:32px;line-height:32px;color:#808080;display:inline-block;background:rgba(255,255,255,0);padding-left:10px;float:left;font-size:12px;}

.search .right .button{width:32px;height:32px;line-height:32px;display:inline-block;background:url(../images/search.png) center center no-repeat #23b1bf;cursor:pointer;border:none;float:right;}







/* 产品中心 */
.box_01{width:1200px;margin:80px auto;height:auto;background:#fff;overflow:hidden;}

.box_01 .center{width:1200px;height:820px;margin:40px auto 0 auto;overflow:hidden;}

.box_01 .center .left{width:272px;height:820px;float:left;position:relative;border-radius:15px;overflow:hidden;}

.box_01 .center .left .bt{width:175px;height:90px;padding:40px 0 0 97px;background:url(../images/pro_icon.png) 40px 45px no-repeat #23b1bf;}

.box_01 .center .left .bt h4{font-size:22px;color:#fff;line-height:24px;font-weight:bold;}

.box_01 .center .left .bt p{font-size:14px;color:#fff;line-height:15px;margin-top:10px;}

.box_01 .center .left .list{width:270px;height:688px;border:solid 1px #f5f5f5;border-radius:0 0 15px 15px;overflow: auto;overflow-x: hidden;}

.box_01 .center .left .list::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}

.box_01 .center .left .list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #d2d2d2;}

.box_01 .center .left .list li{width:270px;height:62px;line-height:62px;overflow:hidden;position:relative;}

.box_01 .center .left .list li::before{content:'';width:270px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li::after{content:'';width:0px;height:1px;background:#23b1bf;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li:hover::after{content:'';width:270px;height:1px;background:#23b1bf;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li a{display:block;width:170px;padding:0 60px 0 40px;font-size:16px;color:#4c4c4c;font-weight:bold;background:url(../images/pro_jt_01.png) 275px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li:hover a{color:#23b1bf;background:url(../images/pro_jt_01.png) 230px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.pro-center{width:880px;height:820px;float:right;}

.pro-center .case02{width:880px;height:280px;overflow:hidden;}

.pro-center .case02 .succ02{width:880px;height:280px;position:relative;overflow:hidden;}

.pro-center .case02 .succ02 .show{width:880px;margin:0 auto;}

.pro-center .case02 .succ02 .show .tempWrap{width:880px;margin:0 auto;}

.pro-center .case02 .succ02 .show ul{overflow:hidden;}

.pro-center .case02 .succ02 .show ul li{width:880px;height:280px;position:relative;float:left;overflow:hidden;}

.pro-center .case02 .succ02 .show ul li a{display:block;}

.pro-center .case02 .succ02 .show ul li .img{width:363px;height:278px;border:solid 1px #dedede;float:left;}

.pro-center .case02 .succ02 .show ul li img{width:363px;height:278px;vertical-align:top;}

.pro-center .case02 .succ02 .show ul li .txt{width:433px;height:278px;padding:0 40px;border:solid 1px #dedede;float:right;position:relative;}

.pro-center .case02 .succ02 .show ul li .txt .name{font-size:18px;font-weight:bold;color:#23b1bf;line-height:20px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .case02 .succ02 .show ul li:hover .txt .name{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .case02 .succ02 .show ul li .txt span{display:block;font-size:16px;color:#4c4c4c;line-height:16px;margin-top:20px;}

.pro-center .case02 .succ02 .show ul li .txt p{font-size:14px;color:#808080;line-height:25px;height:75px;overflow:hidden;margin-top:20px;}

.pro-center .case02 .succ02 .show ul li .txt .more{display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background:#23b1bf;text-align:center;border-radius:20px;margin-top:30px;}

.pro-center .case02 .arrow{width:140px;height:40px;background:#23b1bf;border-radius:20px;position:absolute;right:125px;bottom:34px;z-index:9;}

.pro-center .case02 .arrow::before{content:'';width:1px;height:18px;background:#fff;position:absolute;top:11px;left:70px;}

.pro-center .case02 .sPrev{width:22px;height:16px;background:url(../images/pro_jt_02.png);position:absolute;top:12px;left:28px;cursor:pointer;}

.pro-center .case02 .sNext{width:22px;height:16px;background:url(../images/pro_jt_03.png);position:absolute;top:12px;right:28px;cursor:pointer;}

.pro-center .list{width:880px;height:auto;overflow:hidden;}

.pro-center .list li{width:280px;height:250px;float:left;overflow:hidden;margin:20px 20px 0 0;}

.pro-center .list li:nth-of-type(3n){margin-right:0;}

.pro-center .list li a{display:block;}

.pro-center .list li .img{width:278px;height:208px;border:solid 1px #f5f5f5;overflow:hidden;}

.pro-center .list li .img img{width:278px;height:208px;transition: all 1s;vertical-align:top;}

.pro-center .list li:hover .img img{transform: scale(1.1);}

.pro-center .list li .name{width:150px;padding:0 65px;line-height:40px;height:40px;font-size:14px;color:#4c4c4c;background:#fafafa;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.pro-center .list li .name::before{content:'';width:50px;height:1px;background:#999;position:absolute;top:19px;left:0;-webkit-transition:all .5s;transition:all .5s}

.pro-center .list li .name::after{content:'';width:50px;height:1px;background:#999;position:absolute;top:19px;right:0;-webkit-transition:all .5s;transition:all .5s}

.pro-center .list li:hover .name{color:#23b1bf;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .list li:hover .name::before{content:'';width:50px;height:1px;background:#23b1bf;position:absolute;top:19px;left:0;-webkit-transition:all .5s;transition:all .5s}

.pro-center .list li:hover .name::after{content:'';width:50px;height:1px;background:#23b1bf;position:absolute;top:19px;right:0;-webkit-transition:all .5s;transition:all .5s}






/* 在线留言 */
.box_02{width:100%;height:580px;padding-top:59px;background:url(../images/ly_back.jpg) center bottom no-repeat;overflow:hidden;}

.box_02 .center{width:1200px;height:580px;margin:0 auto;overflow:hidden;}

.box_02 .center .left{width:471px;height:580px;float:left;margin-left:40px;}

.box_02 .center .left img{width:471px;height:513px;vertical-align:top;}

.box_02 .center .right{width:560px;height:440px;float:right;margin-right:105px;}

.box_02 .center .right .top{width:560px;height:auto;margin-top:25px;text-align:center;}

.box_02 .center .right .top h4{font-size:26px;line-height:28px;font-weight:bold;color:#23b1bf;}

.box_02 .center .right .top p{width:558px;height:48px;line-height:48px;border:solid 1px #23b1bf;border-radius:15px;font-size:24px;color:#4c4c4c;margin-top:23px;}

.box_02 .center .right .top p span{color:#23b1bf;font-weight:bold;}

.box_02 .center .right .txt{width:560px;height:280px;padding-top:40px;background:url(../images/ly_txt_back.png);margin:40px auto 0 auto;-moz-box-shadow:0px 0px 20px #c8eff3;-webkit-box-shadow:0px 0px 20px #c8eff3;box-shadow:0px 0px 20px #c8eff3;}

.box_02 .center .right .txt h4{font-size:18px;line-height:20px;font-weight:bold;color:#23b1bf;text-align:center;}

.box_02 .center .right .form{width:520px;height:195px;margin:35px auto 0 auto;position:relative;}

.box_02 .center .right .form p{width:245px;height:34px;border-bottom:solid 1px #e5e5e5;position:relative;}

.box_02 .center .right .form input{width:220px;display:inline-block;height:34px;line-height:34px;padding-right:25px;color:#808080;font-size:14px;box-sizing:content-box;}

.box_02 .center .right .form p:nth-of-type(1){position:absolute;top:0px;left:0;}

.box_02 .center .right .form p:nth-of-type(2){position:absolute;top:0;right:0;}

.box_02 .center .right .form p:nth-of-type(1) input{background:url(../images/xx.png) right center no-repeat rgba(0,0,0,0);}

.box_02 .center .right .form p:nth-of-type(2) input{background:url(../images/xx.png) right center no-repeat rgba(0,0,0,0);}

.box_02 .center .right .form p:nth-of-type(3){width:520px;height:84px;position:absolute;top:50px;left:0;}

.box_02 .center .right .form textarea{width:490px;height:84px;padding-right:30px;font-size:14px;color:#808080;background:url(../images/xx.png) right 11px no-repeat rgba(0,0,0,0);box-sizing:content-box;}

.box_02 .center .right .form p:nth-of-type(4){width:245px;height:34px;position:absolute;bottom:0;left:0;overflow:visible;}

.box_02 .center .right .form p:nth-of-type(4) input{display:block;width:120px;height:34px;padding:0;line-height:34px;color:#808080;padding-right:25px;font-size:14px;background:url(../images/xx.png) right center no-repeat rgba(0,0,0,0);float:left;box-sizing:content-box;}

.box_02 .center .right .form p:nth-of-type(4) img{display:block;width:90px;height:35px;position:absolute;right:0;bottom:4px;}

.box_02 .center .right .form .anniu{width:250px;height:40px;border:none;position:absolute;bottom:0;right:0;overflow:hidden;background:url(../images/anniu.png);}

.box_02 .center .right .form .tj{width:125px;height:40px;border:none;overflow:hidden;background:#23b1bf;border-radius:20px;overflow:hidden;float:left;}

.box_02 .center .right .form .tj .btn{display: block;width:125px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;border:none;background:none;padding:0 !important; cursor:pointer;}

.box_02 .center .right .form a{width:123px;height:38px;line-height:38px;margin:1px;text-align:center;font-size:14px;color:#23b1bf;background:#fff;border-radius:20px;overflow:hidden;float:right;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .right .form a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .right .form a::before{content:'';width:123px;height:0px;background:#23b1bf;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .right .form a:hover::before{content:'';width:123px;height:38px;background:#23b1bf;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 关于我们 */
.box_03 {width:100%;height:730px;padding-top:80px;background:url(../images/case_back.jpg) center top no-repeat;overflow:hidden;}

.box_03 .case{width:1300px;height:auto;margin:40px auto 0 auto;}

.box_03 .case .succ{width:1300px;height:auto;position:relative;overflow:visible !important;}

.box_03 .case .succ .show{width:1200px;margin:0 auto;overflow:visible !important;}

.box_03 .case .succ .show .tempWrap{width:1200px;margin:0 auto;overflow:hidden;padding:10px 0 !important;}

.box_03 .case .succ .show ul{width:1200px;overflow:visible !important; zoom:1;}

.box_03 .case .succ .show ul li{width:360px;height:490px;padding:10px 10px 0 10px;margin:0 12px 0 10px;float:left; background:#fff;position:relative;-moz-box-shadow:0px 0px 10px #ededed;-webkit-box-shadow:0px 0px 10px #ededed;box-shadow:0px 0px 10px #ededed;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li:hover{height:530px;padding:30px 10px 0 10px;margin-top:-30px;-moz-box-shadow:0px 0px 10px #c8eff3;-webkit-box-shadow:0px 0px 10px #c8eff3;box-shadow:0px 0px 10px #c8eff3;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li a{display:block;}

.box_03 .case .succ .show ul li .img{width:360px;height:270px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li .img img{width:360px;height:270px;vertical-align:top;}

.box_03 .case .succ .show ul li:hover .img{width:360px;height:290px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li .img img{width:360px;height:290px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li .name{width:360px;line-height:20px;font-size:18px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:20px;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li:hover .name{color:#23b1bf;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .case .succ .show ul li p{line-height:30px;max-height:90px;font-size:14px;color:#808080;overflow:hidden;margin-top:15px;}

.box_03 .case .succ .show ul li .more{width:136px;line-height:36px;height:36px;font-size:14px;color:#fff;text-align:center;background:#23b1bf;border-radius:18px;margin:20px auto 0 auto;}

.box_03 .sPrev{position:absolute;left:0;top:235px;width:30px;height:30px;background:url(../images/case_jt_01.png) center center no-repeat #262626;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;z-index:2;}

.box_03 .sPrev:hover{background:url(../images/case_jt_01.png) center center no-repeat #23b1bf;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .sNext{position:absolute;right:0;top:235px;width:30px;height:30px;background:url(../images/case_jt_02.png) center center no-repeat #262626;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;z-index:2;}

.box_03 .sNext:hover{background:url(../images/case_jt_02.png) center center no-repeat #23b1bf;-webkit-transition:all .5s;transition:all .5s;}








/* 企业优势 */
.box_04{width:100%;height:auto;margin-top:70px;overflow:hidden;}

.look_center{width:1200px;height:440px;margin:40px auto 0 auto;position:relative;}

.look_center .bd{width:1200px;height:440px;margin:85px auto 0 auto;}

.look_center .bd .main{width:1200px;height:440px;position:relative;}

.look_center .bd .main .img{width:650px;height:440px;float:left;}

.look_center .bd .main .img img{display:block;width:650px;height:440px;vertical-align:top;}

.look_center .bd .main .txt{width:355px;height:440px;float:right;position:relative;}

.look_center .bd .main .txt::after{content:'';width:467px;height:66px;background:url(../images/reasons.png);position:absolute;bottom:35px;right:-60px;}

.look_center .bd .main .txt .top{width:355px;height:36px;line-height:36px;overflow:hidden;}

.look_center .bd .main .txt .top i:nth-of-type(1){display:block;width:145px;padding-right:10px;float:left;font-size:14px;color:#23b1bf;text-align:right;position:relative;}

.look_center .bd .main .txt .top i:nth-of-type(1)::before{content:'';width:125px;height:1px;background:#e6e6e6;position:absolute;top:17px;left:0;}

.look_center .bd .main .txt .top i:nth-of-type(1)::after{content:'';width:6px;height:6px;background:#23b1bf;border-radius:3px;position:absolute;top:15px;right:0;}

.look_center .bd .main .txt .top i:nth-of-type(2){display:block;width:185px;height:36px;float:right; background:#23b1bf;font-size:18px;color:#fff;text-align:center;position:relative;}

.look_center .bd .main .txt h4{line-height:22px;font-size:20px;color:#23b1bf;font-weight:bold;margin-top:35px;text-align:right;}

.look_center .bd .main .txt span{display:block;font-size:14px;height:30px;color:#a9dae0;line-height:15px;margin-top:8px;text-align:right;border-bottom:solid 1px #91d8df;}

.look_center .bd .main .txt p{font-size:14px;color:#808080;line-height:30px;text-align:right;margin-top:20px;}

.look_center .hd{width:180px;height:440px;margin:0 auto;position:absolute;top:0;right:395px;}

.look_center .hd ul{width:180px;height:440px;overflow:hidden;text-align:center;}

.look_center .hd ul li{width:155px;height:109px;border-bottom:solid 1px #4c4c4c;cursor:pointer;background:#333;position:relative;z-index:0;float:right;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on{width:180px;background:#23b1bf;border-bottom:solid 1px #23b1bf;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li h4{font-size:20px;color:#fff;line-height:22px;font-weight:bold;margin-top:22px;}

.look_center .hd ul li i{display:block;width:22px;height:2px; background:#d6d6d6;margin:15px auto;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on i{background:#d3eff2;margin:15px auto;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li span{display:block;font-size:14px;color:#bfbfbf;line-height:15px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on span{display:block;font-size:14px;color:#bce2e7;line-height:15px;-webkit-transition:all .5s;transition:all .5s;}









/* 车间展示 */
.box_05{width:1340px;height:auto;margin:80px auto 0 auto;overflow:hidden;}

.box_05 .team{width:1340px;height:250px;margin:40px auto 0 auto;overflow:hidden;}

.box_05 .team .fc{width:1340px;height:auto;margin:0 auto;position:relative;overflow:hidden;}

.box_05 .team .fc .show{width:1200px;height:250px;margin:0 auto;overflow:hidden;}

.box_05 .team .fc .show .tempWrap{width:1200px;margin:0 auto;overflow:hidden;}

.box_05 .team .fc .show ul{width:1200px;height:250px;overflow:hidden;position:relative;}

.box_05 .team .fc .show ul li{width:280px;height:250px;margin-right:26.6px;overflow:hidden;float:left;position:relative;}

.box_05 .team .fc .show ul li a{display:block;}

.box_05 .team .fc .show ul li .img{width:280px;height:210px;overflow:hidden;}

.box_05 .team .fc .show ul li .img img{width:280px;height:210px;vertical-align:top;transition: all 1s;}

.box_05 .team .fc .show ul li:hover .img img{transform: scale(1.1);}

.box_05 .team .fc .show ul li .name{width:240px;height:40px;line-height:39px;padding:0 20px;font-size:14px;color:#4c4c4c;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_05 .team .fc .show ul li:hover .name{color:#23b1bf;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .team .fc .show ul li .name::before{content:'';width:0px;height:1px;background:#23b1bf;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .team .fc .show ul li:hover .name::before{content:'';width:280px;height:1px;background:#23b1bf;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .team .sPrev{position:absolute;left:0;top:80px;width:50px;height:50px;background:url(../images/case_jt_01.png) center center no-repeat #262626;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .team .sPrev:hover{background:url(../images/case_jt_01.png) center center no-repeat #23b1bf;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .team .sNext{position:absolute;right:0;top:80px;width:50px;height:50px;background:url(../images/case_jt_02.png) center center no-repeat #262626;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .team .sNext:hover{background:url(../images/case_jt_02.png) center center no-repeat #23b1bf;-webkit-transition:all .5s;transition:all .5s;}






/* 关于我们 */
.box_06{width:100%;height:500px;background:url(../images/ab_back.jpg) center top no-repeat;margin:70px 0 80px 0;overflow:hidden;}

.box_06 .center{width:1200px;height:500px;margin:0 auto;}

.box_06 .center .img{width:600px;height:480px;float:left;position:relative;}

.box_06 .center .img img{width:960px;height:480px;position:absolute;top:0;right:0;}

.box_06 .center .txt{width:515px;height:480px;float:right;position:relative;}

.box_06 .center .txt span{display:block;font-size:46px;line-height:36px;font-weight:bold;color:#f5f5f5; font-family:Arial;text-transform: Uppercase;position:absolute;top:65px;left:-50px;}

.box_06 .center .txt h4{font-size:24px;line-height:26px;color:#23b1bf;font-weight:bold;margin-top:75px;text-align:right;}

.box_06 .center .txt p{font-size:14px;color:#808080;line-height:30px;max-heigh:150px;overflow:hidden;margin-top:50px;text-align:right;}

.box_06 .center .txt a{display:block;float:left;width:140px;height:38px;font-size:14px;line-height:38px;text-align:center;color:#23b1bf;background:url(../images/click.png);margin-top:55px;float:right;}







/* 新闻资讯 */
.box_07{width:100%;height:920px;padding-top:80px;overflow:hidden;background:url(../images/news_back.jpg) center top no-repeat;}

.box_07 .center{width:1200px;height:auto;margin:40px auto 0 auto;overflow:hidden;}

.box_07 .news_center{width:1200px;height:auto;overflow:hidden;}

.box_07 .news_center .hd{width:430px;height:36px;margin:0 auto;position:relative;}

.box_07 .news_center .hd ul{width:430px;height:36px;overflow:hidden;font-size:14px;margin:0 auto;}

.box_07 .news_center .hd ul li{width:130px;height:36px;line-height:36px;text-align:center;cursor:pointer;float:left;background:#262626;margin-right:20px;position:relative;z-index:0;}

.box_07 .news_center .hd ul li::before{content:'';width:130px;height:0px;background:#23b1bf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .hd ul li.on::before{content:'';width:130px;height:36px;;background:#23b1bf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .hd ul li:last-child{margin-right:0px;}

.box_07 .news_center .hd ul li a{display:block;color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd{width:1200px;height:auto;margin:40px auto 0 auto;}

.box_07 .news_center .bd .main{width:1200px;height:auto;overflow:hidden;}

.box_07 .news_center .bd .main .top{width:1200px;height:275px;overflow:hidden;}

.box_07 .news_center .bd .main .top .left{width:785px;height:275px;float:left;}

.box_07 .news_center .bd .main .top .left img{width:785px;height:275px; vertical-align:top;}

.box_07 .news_center .bd .main .top .right{width:370px;height:275px;float:right;}

.box_07 .news_center .bd .main .top .right li{width:330px;height:30px;padding:12px 25px 12px 15px;border-bottom:solid 1px #f9f9f9;background:#fff;overflow:hidden;position:relative;z-index:0;}

.box_07 .news_center .bd .main .top .right li::before{content:'';width:370px;height:0px;background:#23b1bf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .top .right li:hover::before{content:'';width:370px;height:54px;background:#23b1bf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .top .right li span{display:block;width:30px;height:30px;float:left;text-align:center;line-height:30px;background:#eeeff4;border-radius:15px;font-size:14px;color:#ccc;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .top .right li:hover span{background:#fff;color:#23b1bf;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .top .right li a{display:block;width:270px;height:30px;float:right;line-height:30px;font-size:14px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .top .right li:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .bottom{width:1200px;height:360px;overflow:hidden;margin-top:40px;}

.box_07 .news_center .bd .main .bottom li{width:350px;height:350px;padding:10px 10px 0 10px;float:left;margin-right:45px;background:#fff;}

.box_07 .news_center .bd .main .bottom li:last-child{margin-right:0;}

.box_07 .news_center .bd .main .bottom li .img{display:block;width:350px;height:200px;overflow:hidden;}

.box_07 .news_center .bd .main .bottom li .img img{width:350px;height:200px;transition: all 1s;vertical-align:top;}

.box_07 .news_center .bd .main .bottom li:hover .img img{transform: scale(1.1);}

.box_07 .news_center .bd .main .bottom li .name{display:block;margin-top:20px;font-size:14px;color:#4c4c4c;line-height:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_07 .news_center .bd .main .bottom li:hover .name{color:#23b1bf;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_07 .news_center .bd .main .bottom li p{font-size:14px;color:#808080;line-height:25px;max-height:50px;overflow:hidden;margin-top:15px;}

.box_07 .news_center .bd .main .bottom li span{display:block;font-size:12px;color:#999;line-height:10px;margin-top:15px;}

.box_07 .news_center .bd .main .bottom li .more{display:block;text-transform: Uppercase;width:74px;height:24px;margin-top:50px;font-size:12px;color:#fff;line-height:24px;background:#cecece;border-radius:12px;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .news_center .bd .main .bottom li:hover .more{background:#23b1bf;-webkit-transition:all .5s;transition:all .5s;}








/* 友情链接 */
.links{width:100%;height:auto;min-height:60px;background:#23b1bf;}

.links .jz{width:1200px;height:auto;min-height:60px;margin:0 auto;overflow:hidden;}

.links .jz p{width:100px;font-size:24px;color:#fff;text-transform: Uppercase;float:left;line-height:60px;background:url(../images/links.png) center right no-repeat;}

.links .jz .lins{width:1060px;float:right;height:auto;min-height:30px;padding:15px 0;box-sizing:content-box;}

.links .jz .lins a{display:block;width:auto;padding:0 25px;box-sizing:content-box;font-size:14px;line-height:30px;color:#fff;float:left;position:relative;}

.links .jz .lins a::after{content:'';width:2px;height:16px;background:#fff;position:absolute;top:7px;right:0;}






.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
}
