/*

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:250px;height:79px;margin:0 auto;text-align:center;background:url(../image/h_back.png) center bottom no-repeat;}

.h_title h3{width:250px;height:26px;font-size:26px;line-height:26px;color:#00a3ed;font-weight:bold;}

.h_title p{width:250px;font-size:20px;line-height:21px;color:#f08205;margin-top:16px;font-weight:bold;}





/* 搜索 */
.tback{background:#00a3ed;width:100%;height:60px;}

.search{width:1200px;margin:0 auto;overflow:hidden;}

.search .left{width:auto;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}

.search .left p{font-size:14px;line-height:60px;}

.search .right{width:330px;height:30px;padding:4px;margin:10px 0;float:right;overflow:hidden;box-sizing:content-box;border:solid 1px #fff;background:#00a3ed;border-radius:20px;}

.search .right .input{width:245px;height:30px;line-height:30px;color:#fff;display:inline-block;background:rgba(0,0,0,0);padding-left:20px;float:left;font-size:14px;box-sizing:content-box;border-radius:20px 0 0 20px;}

.search .right .button{width:60px;height:30px;line-height:30px;display:inline-block;background:url(../image/search.png) center center no-repeat #f08205;cursor:pointer;border:none;float:right;border-radius:15px;}





/* 产品中心 */
.box_01{width:100%;padding:50px 0;background:#ebeef5;}

.box_01 .content{width:1200px;height:720px;margin:30px auto 0 auto;overflow:hidden;}

.box_01 .content .left{width:250px;height:720px;position:relative;float:left;background:url(../image/pro_left.jpg);}

.box_01 .content .left .bt{width:250px;height:94px;padding-top:26px;text-align:center;}

.box_01 .content .left .bt h4{font-size:24px;color:#fff;line-height:24px;font-weight:bold;position:relative;padding-bottom:23px;}

.box_01 .content .left .bt h4::before{content:'';width:20px;height:2px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-10px;}

.menu{width:230px;height:590px;overflow: auto;overflow-x: hidden;margin:0 auto; background:#fff;}

.menu::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}

.menu::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #373e46;}

.menu .list{width:200px;margin:20px auto 0 auto;}

.menu .list p{width:160px;height:36px;line-height:36px;font-size:16px;color:#fff;padding:0 20px;cursor:pointer;background:#00a3ed;text-align:center;}

.menu .list p a{width:160px;display:block;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.menu .list ul{width:200px;margin:0 auto;}

.menu .list ul li{width:160px;height:43px;line-height:42px;font-size:14px;padding:0 20px;text-align:center;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.menu .list ul li::before{content:'';width:200px;height:1px;background:#dadada;position:absolute;bottom:0;left:0;}

.menu .list ul li::after{content:'';width:0;height:1px;background:#00a3ed;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.menu .list ul li:hover::after{content:'';width:200px;height:1px;background:#00a3ed;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.menu .list ul li a{display:block;color:#5e5e5e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.menu .list ul li:hover a{color:#00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.pro-center{width:920px;height:720px;overflow:hidden;float:right;}

.pro-center .hd{width:920px;height:40px;overflow:hidden;}

.pro-center .hd ul{width:320px;height:40px;line-height:40px;overflow:hidden;font-size:16px;float:left;}

.pro-center .hd ul li{width:150px;height:40px;float:left;line-height:40px;cursor:pointer;color:#fff;text-align:center;background:url(../image/on_01.jpg);-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li:last-child{float:right;}

.pro-center .hd ul li.on{background:url(../image/on_02.jpg);-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .more{height:40px;padding-left:10px;border-left:solid 2px #00a3ed;float:right;}

.pro-center .hd .more span:nth-of-type(1){display:block;font-size:18px;font-weight:bold;color:#2f343a;line-height:20px;}

.pro-center .hd .more span:nth-of-type(2){display:block;font-size:14px;color:#2f343a;line-height:20px;}

.pro-center .bd{width:920px;}

.pro-center .bd .main{overflow:hidden;}

.pro-center .bd .main li{width:273px;height:310px;padding:10px 10px 0 10px;border:solid 1px #dcdcdc;float:left;background:#fff;margin:18px 17px 0 0;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:nth-of-type(3n){margin-right:0;}

.pro-center .bd .main li a{display:block;}

.pro-center .bd .main li .img{width:273px;height:200px;overflow:hidden;position:relative;}

.pro-center .bd .main li .img img{width:273px;height:200px;transition: all 1s;vertical-align:top;}

.pro-center .bd .main li:hover .img img{transform: scale(1.2);}

.pro-center .bd .main li .name{width:255px;height:52px;line-height:52px;font-size:14px;color:#5e5e5e;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.pro-center .bd .main li .name:before{content:'';width:255px;height:1px;background:#d7d7d7;position:absolute;bottom:0;left:0;}

.pro-center .bd .main li .name::after{content:'';width:0;height:1px;background:#4dbff2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .name::after{content:'';width:255px;height:1px;background:#4dbff2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover{background:#00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li span{display:block;width:200px;height:52px;line-height:52px;font-size:14px;color:#979797;margin:0 auto;padding-right:55px;background:url(../image/pro_jt_01.png) 240px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover span{color:#fff;background:url(../image/pro_jt_02.png) 240px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}




/* 横栏广告 */
.box_02{width:100%;height:326px;background: url(../image/ad_back.jpg) no-repeat center;}

.box_02 .center{width:1200px;padding-top:64px;height:262px;margin:0 auto;overflow:hidden;position:relative;}

.box_02 .center .txt{width:545px;position:absolute;top:64px;left:343px;color:#fff;}

.box_02 .center .txt p:nth-of-type(1){font-size:26px;line-height:26px;font-weight:bold;margin-bottom:20px;}

.box_02 .center .txt p:nth-of-type(2){width:545px;height:36px;text-align:center;background:#f08205;font-size:22px;font-weight:bold;margin-bottom:30px;}

.box_02 .center .txt p:nth-of-type(3){font-size:21px;line-height:21px;padding-bottom:10px;border-bottom:solid 1px #fff;margin-bottom:22px;}

.box_02 .center .txt p:nth-of-type(4){font-size:18px;line-height:20px;font-weight:bold;overflow:hidden;}

.box_02 .center .txt p span:nth-of-type(1){display:block;float:left;margin-left:36px;}

.box_02 .center .txt p span:nth-of-type(2){display:block;float:left;margin-left:81px;}

.box_02 .center .txt p span:nth-of-type(3){display:block;float:left;margin-left:83px;}

.box_02 .center .tel{width:auto;position:absolute;top:101px;right:0;overflow:hidden;color:#fff;}

.box_02 .center .tel .top{padding-left:59px;height:49px;background:url(../image/tel02.png) left top no-repeat;position:relative;}

.box_02 .center .tel .top p:nth-of-type(1){font-size:14px;line-height:14px;margin-top:3px;font-style:italic;}

.box_02 .center .tel .top p:nth-of-type(2){font-size:24px;line-height:20px;font-weight:bold;margin-top:10px;font-style:italic;padding-right:5px;}

.box_02 .center .tel .click{width:160px;height:40px;background:#fff;margin-top:25px;float:right;position:relative;z-index:0;}

.box_02 .center .tel .click::after{content:'';width:0px;height:40px;background:#f08205;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .tel .click:hover::after{content:'';width:160px;height:40px;background:#f08205;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .tel .click a{display:block;width:160px;height:40px;line-height:40px;font-size:16px;color:#1c2023;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .tel .click:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}




/* 企业优势 */
.box_03{width:1200px;margin:50px auto;}

.look_center{width:1200px;height:613px;margin:30px auto 0 auto;background:url(../image/ys_back.jpg) center top no-repeat;overflow:hidden;position:relative;}

.look_center .hd{width:560px;height:130px;position:absolute;top:25px;right:0;z-index:9;}

.look_center .hd ul{width:560px;height:130px;overflow:hidden;}

.look_center .hd ul li{width:268px;height:45px;cursor:pointer;float:left;padding-left:12px;position:relative;}

.look_center .hd ul li:nth-of-type(1),.look_center .hd ul li:nth-of-type(2){margin-bottom:40px;}

.look_center .hd ul li::before{content:'';width:2px;height:45px;background:#e6e6e6;position:absolute;top:0;left:0;}

.look_center .hd ul li::after{content:'';width:2px;height:0;background:#00a3ed;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on::after{content:'';width:2px;height:45px;background:#00a3ed;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li p:nth-of-type(1){font-size:18px;font-weight:bold;color:#1c2023;line-height:18px;margin-top:5px;}

.look_center .hd ul li p:nth-of-type(2){font-size:12px;color:#999;line-height:10px;margin-top:9px;text-transform: Uppercase;}

.look_center .hd ul li.on p:nth-of-type(1){color:#00a3ed;}

.look_center .bd{width:1200px;height:433px;position:absolute;bottom:0;left:0;}

.look_center .bd .main{width:1200px;height:433px;margin:0 auto;position:relative;}

.look_center .bd .main .left{width:330px;height:249px;padding:40px 40px 0 40px;background:url(/templates/pc_wjdh/images/left_back.jpg);position:absolute;bottom:28px;left:40px;}

.look_center .bd .main .left h4{height:38px;line-height:18px;font-size:18px;font-weight:bold;color:#00a3ed;margin-bottom:28px;position:relative;}

.look_center .bd .main .left h4::after{content:'';width:30px;height:2px;background:#1c2023;position:absolute;bottom:0;left:0;}

.look_center .bd .main .left p{font-size:14px;color:#848484;line-height:26px;position:relative;}

.look_center .bd .main .left p::after{content:'';width:6px;height:6px;border:solid 1px #cfcfcf;border-radius:5px;position:absolute;top:10px;left:-18px;}

.look_center .bd .main .right{width:675px;height:433px;position:absolute;right:0;bottom:0;}

.look_center .bd .main .right img{width:675px;height:433px;vertical-align:top;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.look_center .hd a{display:block;width:43px;height:28px;border:solid 1px #00a3ed;cursor:pointer;}

.look_center .hd .prev{position:absolute;top:215px;left:-600px;background:url(../image/ys_jt_02.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd .next{position:absolute;top:215px;left:-550px;background:url(../image/ys_jt_04.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd .prev:hover{background:url(../image/ys_jt_01.png) center center no-repeat #00a3ed;border-radius:20px 0 20px 0;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd .next:hover{background:url(../image/ys_jt_03.png) center center no-repeat #00a3ed;border-radius:0 20px 0 20px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .pos01{font-size:40px;font-weight:bold;color:#00a3ed;line-height:32px;padding-top:32px;text-transform: Uppercase;position:absolute;top:60px;left:40px;}

.look_center .pos01::after{content:'';width:40px;height:2px;background:#00a3ed;position:absolute;top:0;left:0;}

.look_center .pos02{width:auto;height:45px;padding:5px 5px 0 58px;background:url(../image/tel03.png) left center no-repeat;position:absolute;top:100px;right:60px;}

.look_center .pos02 p:nth-of-type(1){font-size:14px;line-height:14px;color:#1c2023;font-style:italic;}

.look_center .pos02 p:nth-of-type(2){font-size:24px;line-height:20px;color:#00a3ed;font-weight:bold;margin-top:7px;}




/* 关于我们 */
.box_04{width:100%;height:455px;background:url(../image/about_back.jpg) center top no-repeat;padding-top:50px;}

.box_04 .center{width:1120px;height:440px;padding:20px 60px 0 20px;margin:0 auto;}

.box_04 .center .bx{width:1120px;height:440px;}

.box_04 .center .bx .left{width:610px;height:394px;float:left;}

.box_04 .center .bx .left img{width:610px;height:394px;vertical-align:top;}

.box_04 .center .bx .right{width:450px;height:440px;float:right;}

.box_04 .center .bx .right h4{font-size:26px;line-height:22px;color:#00a3ed;font-weight:bold;margin:30px 0 40px 0;}

.box_04 .center .bx .right span{display:block;width:72px;height:38px;font-size:18px;color:#2e343a;line-height:38px;font-weight:bold;border-top:solid 1px #00a3ed;border-bottom:solid 1px #00a3ed;margin-bottom:45px;}

.box_04 .center .bx .right p{font-size:14px;color:#848484;line-height:25px;max-height:100px;overflow:hidden;text-indent:2em;margin-bottom:45px;}

.box_04 .center .bx .right .more{display:block;width:50px;height:50px;background:url(../image/more.jpg);-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_04 .center .bx .right .more:hover{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}



/* 荣誉资质 */
.box_05{width:100%;margin-top:24px;height:500px;background:#fff;}

.box_05 .slideGroup02{width:100%;position:relative;}

.box_05 .slideGroup02 .parHd{width:450px;height:130px;margin:0 auto;}

.box_05 .slideGroup02 .parHd ul{width:450px;height:130px;overflow:hidden;font-size:14px;}

.box_05 .slideGroup02 .parHd ul li{width:85px;height:130px;text-align:center;cursor:pointer;float:left;margin-right:96px;position:relative;}

.box_05 .slideGroup02 .parHd ul li::after{content:'';width:24px;height:1px;background:#999;position:absolute;left:50%;margin-left:-12px;bottom:0;}

.box_05 .slideGroup02 .parHd ul li.on::after{content:'';width:24px;height:2px;background:#f08205;position:absolute;left:50%;margin-left:-12px;bottom:0;}

.box_05 .slideGroup02 .parHd ul li:last-child{margin-right:0px;}

.box_05 .slideGroup02 .parHd ul li i{display:block;width:83px;height:83px;border-radius:50px;border:solid 1px #dbdbdb;margin-bottom:9px;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li.on i{border:solid 1px #00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li:nth-of-type(1) i{background:url(../image/show_icon_01.png) #fff;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li:nth-of-type(2) i{background:url(../image/show_icon_03.png) #fff;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li:nth-of-type(3) i{background:url(../image/show_icon_05.png) #fff;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li:nth-of-type(1).on i{background:url(../image/show_icon_02.png) #00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li:nth-of-type(2).on i{background:url(../image/show_icon_04.png) #00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li:nth-of-type(3).on i{background:url(../image/show_icon_06.png) #00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parHd ul li p{font-size:16px;color:#1c2023;}

.box_05 .slideGroup02 .parHd ul li.on p{font-weight:bold;color:#1c2023;}

.box_05 .slideGroup02 .parBd{width:1200px;height:287px;margin:30px auto 0 auto;}

.box_05 .slideGroup02 .parBd .slideBox{position:relative;}

.box_05 .slideGroup02 .parBd .slideBox .tempWrap{width:1020px;margin:0 auto;overflow:hidden;}

.box_05 .slideGroup02 .parBd ul{width:1020px;overflow:hidden; zoom:1;}

.box_05 .slideGroup02 .parBd ul li{width:320px;margin-right:30px;cursor:pointer;float:left;-webkit-transition: all .5s;transition: all .5s;}

.box_05 .slideGroup02 .parBd ul li a{display:block;}

.box_05 .slideGroup02 .parBd ul li .img{width:320px;height:240px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}

.box_05 .slideGroup02 .parBd ul li:hover .img{background:#20c068;-webkit-transition: all .5s;transition: all .5s;}

.box_05 .slideGroup02 .parBd ul li .img .pic{width:320px;height:240px;overflow:hidden}

.box_05 .slideGroup02 .parBd ul li .img .pic img{width:320px;height:240px;transition: all 1s;vertical-align:top;}

.box_05 .slideGroup02 .parBd ul li:hover .img .pic img{transform: scale(1.2);}

.box_05 .slideGroup02 .parBd ul li .img .hide{display:block;width:320px;height:240px;background:url(../image/jia.png) center center no-repeat rgba(28,32,35,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}

.box_05 .slideGroup02 .parBd ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.box_05 .slideGroup02 .parBd ul li .name{width:228px;height:40px;line-height:40px;margin:4px auto 0 auto;border:solid 1px #ddd;padding:0 70px 0 20px;font-size:14px;color:#5e5e5e; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;background: -webkit-linear-gradient(left, #00a3ed, #00a3ed) no-repeat;background: linear-gradient(to right, #00a3ed, #00a3ed) no-repeat;background-size: 0% 100%;}

.box_05 .slideGroup02 .parBd ul li .name::after{content:'';width:19px;height:11px;background:url(../image/show_jt_01.png);position:absolute;top:15px;right:20px;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup02 .parBd ul li:hover .name{background: -webkit-linear-gradient(left, #00a3ed, #00a3ed) no-repeat;color:#fff;background: linear-gradient(to right, #00a3ed, #00a3ed) no-repeat;background-size: 100% 100%;}

.box_05 .slideGroup02 .parBd ul li:hover .name::after{content:'';width:19px;height:11px;background:url(../image/show_jt_02.png);position:absolute;top:15px;right:20px;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .sPrev{position:absolute;left:0;top:118px;display:block;width:50px;height:50px;background:url(../image/show_jt_01.jpg);background-position:0 0;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .sNext{position:absolute;right:0;top:118px;display:block;width:50px;height:50px;background:url(../image/show_jt_02.jpg);background-position:0 0;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .sPrev:hover{background-position: 0 50px;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .sNext:hover{background-position: 0 50px;-webkit-transition:all .5s;transition:all .5s;}





/* 公司新闻 */
.box_06{width:100%;height:auto;padding:50px 0;background:#ebeef5;}

.box_06 .center{width:1200px;height:580px;margin:30px auto 0 auto;overflow:hidden;}

.case{width:560px;height:580px;float:left; background:#fff;}

.case .succ{width:560px;height:580px;position:relative;overflow:hidden;}

.case .succ .show{width:560px;margin:0 auto;}

.case .succ .show .tempWrap{width:560px;margin:0 auto;}

.case .succ .show ul{overflow:hidden;}

.case .succ .show ul li{width:560px;height:580px;position:relative;-webkit-transition:all .5s;transition:all .5s;float:left;}

.case .succ .show ul li a{display:block;overflow:hidden;}

.case .succ .show ul li .img{width:560px;height:230px;}

.case .succ .show ul li img{width:560px;height:230px;transition: all 1s;vertical-align:top;}

.case .succ .show ul li:hover img{transform: scale(1.2);}

.case .succ .show ul li .txt{width:450px;height:145px;position:absolute;left:50px;bottom:42px;}

.case .succ .show ul li .txt span{display:block;font-size:24px;line-height:20px;color:#00a3ed;font-weight:bold;margin-bottom:28px;}

.case .succ .show ul li .txt span i{font-size:14px;color:#979797;}

.case .succ .show ul li .txt .name{display:block;font-size:16px;height:16px;line-height:16px;color:#1c2023;margin-bottom:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.case .succ .show ul li:hover .txt .name{padding-left:20px;color:#00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.case .succ .show ul li .txt p{font-size:14px;color:#979797;line-height:25px;max-height:50px;overflow:hidden;margin-top:25px;}

.case .sPrev{position:absolute;right:50px;top:290px;display:block;width:50px;height:50px;background:url(../image/news_jt_01.png) center center no-repeat #2e343a;-webkit-transition:all .5s;transition:all .5s;z-index:99;}

.case .sNext{position:absolute;right:0;top:290px;display:block;width:50px;height:50px;background:url(../image/news_jt_02.png) center center no-repeat #00a3ed;-webkit-transition:all .5s;transition:all .5s;z-index:99;}

.case .sPrev:hover{border-radius:25px 0 25px 0;-webkit-transition:all .5s;transition:all .5s;}

.case .sNext:hover{border-radius:0 25px 0 25px;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right{width:620px;height:580px;float:right;background:#fff;position:relative;}

.box_06 .center .right ul{width:580px;height:auto;margin:11px auto 0 auto;}

.box_06 .center .right ul li{width:580px;height:53px;line-height:53px;font-size:14px;background:url(../image/dian01.png) left center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;overflow:hidden;position:relative;}

.box_06 .center .right ul li::before{content:'';width:580px;height:1px; background:#ebebeb;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right ul li::after{content:'';width:0px;height:1px; background:#00a3ed;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right ul li:hover::after{content:'';width:580px;height:1px; background:#00a3ed;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right ul li a{display:block;height:52px;line-height:52px;width:420px;padding-left:25px;color:#2e343a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_06 .center .right ul li span{display:block;height:52px;line-height:52px;color:#979797;font-size:14px;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right ul li:hover{background:url(../image/dian02.png) 15px center no-repeat;width:580px;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right ul li:hover a{padding-left:40px;color:#00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right ul li:hover span{color:#00a3ed;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right img{display:block;width:620px;height:220px;position:absolute;left:0;bottom:0;}





/* 案例展示 */
.box_07{width:1200px;margin:50px auto;position:relative;}

.certify {position: relative;width:100%;height:440px;margin:25px auto 0 auto;}

.certify .pos{width:1200px;margin:0 auto;position:relative;}

.certify .swiper-container {width:1200px;}

.certify  .swiper-slide{width: 570px;height:370px;position:relative;padding-bottom:70px;cursor:pointer;}

.certify  .swiper-slide .show{width:570px;height:370px;position:relative;}

.certify  .swiper-slide .show a{display:block;}

.certify  .swiper-slide .show img{display:block;width: 570px;height:370px; vertical-align:top;}

.certify  .swiper-slide .show span{display:block;width: 570px;height:370px;background:rgba(0, 0, 0, 0.3);position:absolute;bottom:0;left:0;}

.certify  .swiper-slide-active{
    position: relative;
}
.certify .swiper-slide-active .show{
    position: absolute;width:570px;
    left: 0;
}

.certify  .swiper-slide .hide{display:none;width:530px;height:60px;background:url(../image/show_jt_01.png) 530px center no-repeat #ebeef5;padding:0 20px;position:absolute;bottom:0;left:0;}

.certify  .swiper-slide .hide .name{display:block;width:460px;font-size:16px;line-height:60px;color:#5e5e5e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.certify  .swiper-slide.swiper-slide-active .show span{display:none;}

.certify  .swiper-slide.swiper-slide-active .hide{display:block;}

.certify .swiper-button-prev{position:absolute;left:20px;top:155px;display:block;width:58px;height:58px;border:solid 1px #fff;background:url(../image/sb_jt_03.png) center center no-repeat rgba(0,0,0,0);border-radius:30px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;outline:none;}

.certify .swiper-button-next{position:absolute;right:20px;top:155px;display:block;width:58px;height:58px;border:solid 1px #fff;background:url(../image/sb_jt_04.png) center center no-repeat rgba(0,0,0,0);border-radius:30px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;outline:none;}

.certify .swiper-button-prev:hover{border:solid 1px #f08205;background:url(../image/sb_jt_03.png) center center no-repeat #f08205;-webkit-transition:all .5s;transition:all .5s;}

.certify .swiper-button-next:hover{border:solid 1px #f08205;background:url(../image/sb_jt_04.png) center center no-repeat #f08205;-webkit-transition:all .5s;transition:all .5s;}






/* 在线留言 */
.box_08{width:100%;height:211px;background:url(../image/ly_back.jpg) center top no-repeat;}

.box_08 .form{width:1200px;height:211px;margin:0 auto;position:relative;}

.box_08 .form p{width:346px;height:50px;border:solid 1px #e5e5e5;}

.box_08 .form input{width:346px;display:inline-block;height:50px;line-height:50px;padding-left:54px;color:#989898;font-size:14px;}

.box_08 .form p:nth-of-type(1){position:absolute;top:50px;left:40px;}

.box_08 .form p:nth-of-type(2){position:absolute;top:50px;left:426px;}

.box_08 .form p:nth-of-type(1) input{background:url(../image/name.png) left center no-repeat #ebeef5;}

.box_08 .form p:nth-of-type(2) input{background:url(../image/phone.png) left center no-repeat #ebeef5;}

.box_08 .form p:nth-of-type(3){width:346px;height:50px;position:absolute;top:50px;right:40px;}

.box_08 .form textarea{width:346px;height:50px;line-height:50px;padding-left:54px;font-size:14px;background:url(../image/liuyan.png) left center no-repeat #ebeef5;}

.box_08 .form .tj{width:190px;height:30px;background:#f08205;padding:5px;position:absolute;bottom:40px;left:50%;margin-left:-100px;}

.box_08 .form .tj .btn{width:190px;height:30px;line-height:30px;display: block;text-align:center;font-size:14px;color:#fff;background:#f08205;border:none;}




/* 行业资讯 */
.box_09{width:100%;height:auto;padding:50px 0; background:#ebeef5;}

.box_09 .center{width:1200px;height:auto;margin:30px auto 0 auto;overflow:hidden;}

.box_09 .center .top{width:1200px;height:220px;margin-bottom:10px;overflow:hidden;}

.box_09 .center .left{width:600px;height:220px;float:left;}

.box_09 .center .left img{width:600px;height:220px; vertical-align:top;}

.box_09 .center .right{width:520px;height:220px;float:right;padding:0 40px;background:#fff;}

.box_09 .center .right span{display:block;font-size:20px;line-height:17px;color:#3c4250;font-weight:bold;margin:29px 0 19px 0;}

.box_09 .center .right .name{display:block;font-size:16px;line-height:16px;color:#3c4250;margin-bottom:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .right p{font-size:14px;line-height:25px;max-height:50px;overflow:hidden;color:#a1a1a1;margin-bottom:15px;}

.box_09 .center .right .more{display:block;width:57px;font-size:14px;height:22px;line-height:22px;color:#3c4250; background:url(../image/xuxian.png) center top no-repeat,url(../image/xuxian.png) center bottom no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .right:hover .name{color:#00a3ed;padding-left:15px;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .right .more:hover{color:#00a3ed;margin-left:15px;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .bottom{overflow:hidden;}

.box_09 .center .bottom li{width:520px;padding:0 50px 0 20px;height:50px;line-height:50px;font-size:14px;border:solid 1px #dfdfdf;background:#fff;margin-top:10px;-webkit-transition:all .5s;transition:all .5s;float:left;position:relative;z-index:0;}

.box_09 .center .bottom li:nth-of-type(2n){float:right;}

.box_09 .center .bottom li::before{content:'';width:0px;height:50px;background:#00a3ed;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .bottom li:hover::before{content:'';width:590px;height:50px;background:#00a3ed;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .bottom li::after{content:'';width:19px;height:11px;background:url(../image/show_jt_01.png);position:absolute;top:20px;right:20px;-webkit-transition:all .5s;transition:all .5s;z-index:2;}

.box_09 .center .bottom li:hover::after{content:'';width:19px;height:11px;background:url(../image/show_jt_02.png);position:absolute;top:20px;right:20px;-webkit-transition:all .5s;transition:all .5s;z-index:2;}

.box_09 .center .bottom li a{display:block;height:50px;line-height:50px;width:380px;color:#55595c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_09 .center .bottom li span{display:block;height:50px;line-height:50px;color:#aaa;font-size:14px;float:right;padding-right:12px;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_09 .center .bottom li span::after{content:'';width:1px;height:30px;background:#dfdfdf;position:absolute;right:0;top:10px;z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .bottom li:hover span::after{background:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .bottom li:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .center .bottom li:hover span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



/* 友情链接 */
.links{width:1200px;margin:50px auto;background:#fff;}

.links .bt{width:1200px;font-size:20px;color:#00a3ed;font-weight:bold;text-align:center;height:20px;padding-bottom:20px;border-bottom:solid 1px #e3e3e3;text-transform: Uppercase;}

.links .link{width:1200px;height:16px;margin:20px auto 0 auto;overflow:hidden;}

.links .link a{display:inline-block;width:120px;text-align:center;float:left;font-size:14px;height:16px;line-height:16px;color:#7b7b7b; background:url(../image/link_shu.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.links .link a:last-child{ background:none;}

.links .link a:hover{text-decoration:underline;color:#00a3ed;}





.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: #00a3ed;
}

.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
}
