/*



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:70px;margin:0 auto;text-align:center;position:relative;}



.h_title::before{content:'';width:70px;height:1px; background:#0058ba;position:absolute;bottom:2px;left:50%;margin-left:-35px;}



.h_title::after{content:'';width:20px;height:5px;background:#0058ba;position:absolute;bottom:0px;left:50%;margin-left:-10px;}



.h_title h3{font-size:26px;line-height:26px;color:#0058ba;}



.h_title p{font-size:20px;line-height:20px;margin-top:10px;color:#adadad;}







/* 搜索 */

.search{width:100%;height:40px;padding:20px 0;background:#0058ba;}



.search .center{width:1200px;overflow:hidden;margin:0 auto;height:40px;}



.search .center .left{font-size:18px;color:#fff;height:40px;line-height:40px;float:left;}



.search .center .right{float:right;width:340px;height:40px;}



.search .right .input{width:288px;height:40px;line-height:40px;color:#b2b2b2;display:inline-block;background:#fff;padding-left:10px;float:left;font-size:14px;}



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







/* 产品中心 */

.box_01{width:1200px;margin:45px auto 0 auto;}



.box_01 .center{height:865px;margin-top:20px;padding-top:30px;border-top:solid 1px #d9d9d9;overflow:hidden;}



.box_01 .center .left{width:250px;height:865px;position:relative;float:left;}



.box_01 .center .left::after{content:'';width:250px;height:20px; background:#0058ba;position:absolute;left:0;bottom:0;}



.box_01 .center .left h4{width:250px;height:110px;}



.box_01 .center .left h4 img{width:250px;height:110px; vertical-align:top;}



.scr_con {position:relative;border-left:dashed 1px #0058ba;border-right:solid 1px #0058ba;width:248px;height:720px;padding-top:20px;}



#dv_scroll{position:absolute;height:720px;overflow:hidden;width:182px;left:34px;}



#dv_scroll .Scroller-Container{width:100%;}



#dv_scroll .newslist{height:720px;}



#dv_scroll .newslist li{width:180px;height:50px;line-height:50px;text-align:center;border:solid 1px #e6e6e6;background:#f5f5f5;border-radius:26px 0 26px 0;margin-bottom:20px;-webkit-transition:all 1s;transition:all 1s;}



#dv_scroll .newslist li a{display:block;width:168px;height:38px;line-height:38px;font-size:16px;color:#8d8d8d;border:solid 1px #f5f5f5;border-radius:26px 0 26px 0;margin:5px;-webkit-transition:all 1s;transition:all 1s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



#dv_scroll .newslist li:hover{border:solid 1px #0058ba;background:#0058ba;-webkit-transition:all 1s;transition:all 1s;}



#dv_scroll .newslist li:hover a{border:solid 1px #fff;color:#fff;-webkit-transition:all 1s;transition:all 1s;}



#dv_scroll_bar {position:absolute;right:0;top:0;width:14px;height:720px;}



#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:14px;height:700px;}



#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:4px;top:0;width:22px;height:44px;overflow:hidden;background:url(../images/srcoll.png) no-repeat;cursor:pointer;}



#dv_scroll_text {position:absolute;}



.pro-center{width:930px;position:relative;float:right;}



.pro-center .hd{width:610px;height:40px;position:absolute;left:0;top:0;}



.pro-center .hd ul{width:610px;height:40px;line-height:40px;overflow:hidden;font-size:16px;}



.pro-center .hd ul li{width:303px;height:38px;float:left;line-height:38px;cursor:pointer;color:#8d8d8d;text-align:center;background:#f5f5f5;border:solid 1px #e5e5e5;}



.pro-center .hd ul li:last-child{float:right;}



.pro-center .hd ul li.on{background:#0058ba;border:solid 1px #0058ba;color:#fff;}



.pro-center .bd{width:930px;height:865px;}



.pro-center .bd ul{width:930px;height:865px;position:relative;}



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



.pro-center .bd ul li:nth-of-type(1){width:610px;position:absolute;top:40px;left:0;}



.pro-center .bd ul li:nth-of-type(1) .img{width:610px;height:475px;position:relative;}



.pro-center .bd ul li:nth-of-type(1) .img img{width:610px;height:475px;position:relative;}



.pro-center .bd ul li:nth-of-type(1) .img .tj{display:none;width:590px;height:455px;padding:10px;position:absolute;top:0;left:0;}



.pro-center .bd ul li:nth-of-type(1) .img .hide{width:590px;height:455px;}



.pro-center .bd ul li:nth-of-type(1) .txt{width:610px;height:40px;padding:2px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-top:10px;}



.pro-center .bd ul li:nth-of-type(1) .txt .name{width:450px;padding:0 110px 0 50px;height:40px;line-height:40px;font-size:16px;color:#8d8d8d;background:url(../images/right_01.png) 555px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(1):hover .txt .name{background:url(../images/right_02.png) 555px center no-repeat #0058ba;color:#fff;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(2){width:295px;position:absolute;top:0;right:0;}



.pro-center .bd ul li:nth-of-type(2) .img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(2) .img img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(2) .img .tj{display:none;width:275px;height:200px;padding:10px;position:absolute;top:0;left:0;}



.pro-center .bd ul li:nth-of-type(2) .img .hide{width:275px;height:200px;}



.pro-center .bd ul li:nth-of-type(2) .txt{width:295px;height:40px;padding:2px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-top:10px;}



.pro-center .bd ul li:nth-of-type(2) .txt .name{width:200px;padding:0 75px 0 20px;height:40px;line-height:40px;font-size:16px;color:#8d8d8d;background:url(../images/right_01.png) 260px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(2):hover .txt .name{background:url(../images/right_02.png) 260px center no-repeat #0058ba;color:#fff;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(3){width:295px;position:absolute;top:295px;right:0;}



.pro-center .bd ul li:nth-of-type(3) .img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(3) .img img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(3) .img .tj{display:none;width:275px;height:200px;padding:10px;position:absolute;top:0;left:0;}



.pro-center .bd ul li:nth-of-type(3) .img .hide{width:275px;height:200px;}



.pro-center .bd ul li:nth-of-type(3) .txt{width:295px;height:40px;padding:2px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-top:10px;}



.pro-center .bd ul li:nth-of-type(3) .txt .name{width:200px;padding:0 75px 0 20px;height:40px;line-height:40px;font-size:16px;color:#8d8d8d;background:url(../images/right_01.png) 260px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(3):hover .txt .name{background:url(../images/right_02.png) 260px center no-repeat #0058ba;color:#fff;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(4){width:295px;position:absolute;bottom:0;left:0;}



.pro-center .bd ul li:nth-of-type(4) .img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(4) .img img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(4) .img .tj{display:none;width:275px;height:200px;padding:10px;position:absolute;top:0;left:0;}



.pro-center .bd ul li:nth-of-type(4) .img .hide{width:275px;height:200px;}



.pro-center .bd ul li:nth-of-type(4) .txt{width:295px;height:40px;padding:2px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-top:10px;}



.pro-center .bd ul li:nth-of-type(4) .txt .name{width:200px;padding:0 75px 0 20px;height:40px;line-height:40px;font-size:16px;color:#8d8d8d;background:url(../images/right_01.png) 260px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(4):hover .txt .name{background:url(../images/right_02.png) 260px center no-repeat #0058ba;color:#fff;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(5){width:295px;position:absolute;bottom:0;left:315px;}



.pro-center .bd ul li:nth-of-type(5) .img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(5) .img img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(5) .img .tj{display:none;width:275px;height:200px;padding:10px;position:absolute;top:0;left:0;}



.pro-center .bd ul li:nth-of-type(5) .img .hide{width:275px;height:200px;}



.pro-center .bd ul li:nth-of-type(5) .txt{width:295px;height:40px;padding:2px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-top:10px;}



.pro-center .bd ul li:nth-of-type(5) .txt .name{width:200px;padding:0 75px 0 20px;height:40px;line-height:40px;font-size:16px;color:#8d8d8d;background:url(../images/right_01.png) 260px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(5):hover .txt .name{background:url(../images/right_02.png) 260px center no-repeat #0058ba;color:#fff;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(6){width:295px;position:absolute;bottom:0;right:0;}



.pro-center .bd ul li:nth-of-type(6) .img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(6) .img img{width:295px;height:220px;position:relative;}



.pro-center .bd ul li:nth-of-type(6) .img .tj{display:none;width:275px;height:200px;padding:10px;position:absolute;top:0;left:0;}



.pro-center .bd ul li:nth-of-type(6) .img .hide{width:275px;height:200px;}



.pro-center .bd ul li:nth-of-type(6) .txt{width:295px;height:40px;padding:2px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-top:10px;}



.pro-center .bd ul li:nth-of-type(6) .txt .name{width:200px;padding:0 75px 0 20px;height:40px;line-height:40px;font-size:16px;color:#8d8d8d;background:url(../images/right_01.png) 260px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.pro-center .bd ul li:nth-of-type(6):hover .txt .name{background:url(../images/right_02.png) 260px center no-repeat #0058ba;color:#fff;-webkit-transition:all 1s;transition:all 1s;}







/* 小banner */

.box_02{width:100%;height:290px; background:url(../images/ad_back.jpg) center top no-repeat;margin-top:50px;}



.box_02 .center{width:1200px;height:290px;margin:0 auto;position:relative;}



.box_02 .center .txt{width:495px;height:290px;color:#fff;position:absolute;top:0;right:0;}



.box_02 .center .txt h4{font-size:26px;line-height:26px;font-weight:bold;margin:35px 0 20px 0;}



.box_02 .center .txt p:nth-of-type(1){width:458px;height:38px;line-height:38px;text-align:center;font-size:26px;color:#0058ba;margin-bottom:20px; background:#fff;}



.box_02 .center .txt p:nth-of-type(2){width:495px;font-size:26px;line-height:26px;padding-bottom:10px;border-bottom:solid 1px #99bce3;color:#fff;margin-bottom:20px;font-weight:bold;}



.box_02 .center .txt p:nth-of-type(2) span{font-weight:normal;font-size:16px;line-height:26px;display:inline-block;margin-left:20px;text-transform: Uppercase;}



.box_02 .center .num{width:460px;height:47px;overflow:hidden;}



.box_02 .center .num span{display:block;width:auto;font-size:28px;font-weight:bold;line-height:47px;background:url(../images/tel02.png) left center no-repeat;padding-left:47px;float:left;}



.box_02 .center .num .tel{float:right;width:160px;height:41px;padding:2px 0;border-top:solid 1px #fff;border-bottom:solid 1px #fff;-webkit-transition:all 1s;transition:all 1s;}



.box_02 .center .num .tel .click{display: block;width:160px;height:41px;line-height:41px;text-align:center;font-size:16px;color:#0058ba;background:#fff;cursor: pointer;}



.box_02 .center .num .tel:hover{margin-right:15px;-webkit-transition:all 1s;transition:all 1s;}



.box_03{width:1200px;height:460px;margin:45px auto 0 auto; background:url(../images/list_back.jpg) center top no-repeat;position:relative;}



.box_03 li.left h3{font-size:20px;font-weight:bold;color:#0058ba;line-height:20px;} 



.box_03 li.left p{font-size:14px;color:#414141;line-height:14px;margin-top:15px;line-height:25px;} 



.box_03 li:nth-of-type(1){width:350px;height:85px;padding-left:80px;position:absolute;top:8px;left:0;}



.box_03 li:nth-of-type(1) i{display:block;width:62px;height:62px;position:absolute;top:0;left:0; background:url(../images/icon_01.png);}



.box_03 li:nth-of-type(2){width:300px;height:85px;padding-left:80px;position:absolute;top:129px;left:0;}



.box_03 li:nth-of-type(2) i{display:block;width:62px;height:62px;position:absolute;top:0;left:0; background:url(../images/icon_02.png);}



.box_03 li:nth-of-type(3){width:310px;height:85px;padding-left:80px;position:absolute;top:249px;left:0;}



.box_03 li:nth-of-type(3) i{display:block;width:62px;height:62px;position:absolute;top:0;left:0; background:url(../images/icon_03.png);}



.box_03 li:nth-of-type(4){width:350px;height:85px;padding-left:80px;position:absolute;bottom:3px;left:0;}



.box_03 li:nth-of-type(4) i{display:block;width:62px;height:62px;position:absolute;top:0;left:0; background:url(../images/icon_04.png);}



.box_03 li.right h3{font-size:20px;font-weight:bold;color:#0058ba;line-height:20px;text-align:right;} 



.box_03 li.right p{font-size:14px;color:#414141;line-height:14px;margin-top:15px;line-height:25px;text-align:right;} 



.box_03 li:nth-of-type(5){width:350px;height:85px;padding-right:80px;position:absolute;top:8px;right:0;}



.box_03 li:nth-of-type(5) i{display:block;width:62px;height:62px;position:absolute;top:0;right:0; background:url(../images/icon_05.png);}



.box_03 li:nth-of-type(6){width:350px;height:85px;padding-right:80px;position:absolute;top:129px;right:0;}



.box_03 li:nth-of-type(6) i{display:block;width:62px;height:62px;position:absolute;top:0;right:0; background:url(../images/icon_06.png);}



.box_03 li:nth-of-type(7){width:350px;height:85px;padding-right:80px;position:absolute;top:249px;right:0;}



.box_03 li:nth-of-type(7) i{display:block;width:62px;height:62px;position:absolute;top:0;right:0; background:url(../images/icon_07.png);}



.box_03 li:nth-of-type(8){width:350px;height:85px;padding-right:80px;position:absolute;bottom:3px;right:0;}



.box_03 li:nth-of-type(8) i{display:block;width:62px;height:62px;position:absolute;top:0;right:0; background:url(../images/icon_08.png);}



.box_03 li i{-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



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







/* 企业优势 */

.box_04{width:1200px;margin:50px auto 0 auto;}



.look_center{width:1200px;margin:20px auto 0 auto;overflow:hidden;padding-top:30px;border-top:solid 1px #d9d9d9;}



.look_center .hd{width:540px;float:right;position:relative;}



.look_center .hd ul{font-size:20px;width:540px;}



.look_center .hd ul li{width:538px;height:90px;line-height:90px;cursor:pointer;overflow:hidden;margin-bottom:20px;border:solid 1px #e6e6e6;background:#f5f5f5;border-radius:50px;}



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



.look_center .hd ul li i{display:block;width:62px;height:62px;float:left;margin:14px 20px 0 20px;}



.look_center .hd ul li p{float:left;font-size:20px;color:#414141;}



.look_center .hd ul li span{display:block;width:24px;height:24px;background:url(../images/ys_jia_01.png) center center no-repeat;float:right;margin:33px 25px 0 0;}



.look_center .hd ul li.on{background:#0058ba;}



.look_center .hd ul li.on p{color:#fff;font-weight:bold;font-style:italic;}



.look_center .hd ul li.on span{background:url(../images/ys_jia_02.png) center center no-repeat;}



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



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



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



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



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



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



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



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



/* 下面是前/后按钮代码，如果不需要删除即可 */

.look_center .hd .arrow{width:90px;height:100px;position:absolute;left:-255px;bottom:45px;overflow:hidden;}



.look_center .hd .arrow a{display:block;width:38px;height:98px;border:dashed 1px #0058ba;overflow:hidden;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd .arrow .prev{background:url(../images/ys_jt_01.png) center center no-repeat #fff;float:left;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd .arrow .next{background:url(../images/ys_jt_03.png) center center no-repeat #fff;float:right;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd .arrow .prev:hover{background:url(../images/ys_jt_02.png) center center no-repeat #0058ba;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd .arrow .next:hover{background:url(../images/ys_jt_04.png) center center no-repeat #0058ba;-webkit-transition:all .5s;transition:all .5s;}



.look_center .bd{width:540px;float:left;}



.look_center .bd .main{overflow:hidden;height:425px; position:relative;}



.look_center .bd .main h4{width:480px;height:108px;line-height:108px;text-align:center;font-size:26px;color:#0058ba;font-style:italic;margin:0 auto 20px auto;}



.look_center .bd .main p{width:530px;margin:0 auto 30px auto;font-size:14px;color:#414141;line-height:25px;text-align:center;}



.look_center .bd .main img{width:380px;height:190px; vertical-align:top;position:absolute;left:0;bottom:0;}



.look_center .bd .ys_01 h4{ background:url(../images/ys_zm_01.jpg) center center no-repeat;}



.look_center .bd .ys_02 h4{ background:url(../images/ys_zm_02.jpg) center center no-repeat;}



.look_center .bd .ys_03 h4{ background:url(../images/ys_zm_03.jpg) center center no-repeat;}



.look_center .bd .ys_04 h4{ background:url(../images/ys_zm_04.jpg) center center no-repeat;}







/* 关于我们 */

.box_05{width:100%;height:760px;padding-top:50px;background:url(../images/about_back.jpg) center top no-repeat;margin-top:50px;}



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



.box_05 .center .img{width:595px;height:400px;float:left;}



.box_05 .center .img img{width:595px;height:400px; vertical-align:top;}



.box_05 .center .about{width:565px;height:400px;float:right;position:relative;}



.box_05 .center .about h3{font-size:24px;line-height:24px;font-weight:bold;margin:40px 0 30px 0;color:#fff;}



.box_05 .center .about h4{width:90px;height:41px;font-size:22px;line-height:41px;color:#fff;border-top:solid  1px #fff;border-bottom:solid  1px #fff;text-align:center;}



.box_05 .center .about p{font-size:14px;color:#fff;margin-top:30px;line-height:25px;max-height:100px; overflow:hidden;text-indent:2em;}



.box_05 .center .about .more{display:block;width:54px;height:54px;background:url(../images/more.jpg) #c9c9c9;position:absolute;left:0;bottom:40px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02{width:1200px;margin:35px auto 0 auto;position:relative;}



.box_05 .slideGroup02 .parHd{width:760px;height:82px;margin:0 auto;padding-bottom:2px;}



.box_05 .slideGroup02 .parHd ul{width:760px;height:82px;padding-bottom:2px;overflow:hidden;font-size:16px;}



.box_05 .slideGroup02 .parHd ul li{width:200px;padding:15px 20px;height:50px;line-height:50px;cursor:pointer;color:#fff;float:left;border:solid 1px #e3e3e3;background:#fff;margin-right:16px;overflow:hidden;-moz-box-shadow:0px 2px 5px #f0f0f0; -webkit-box-shadow:0px 2px 5px #f0f0f0; box-shadow:0px 2px 5px #f0f0f0;}



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



.box_05 .slideGroup02 .parHd ul li i{display:block;width:44px;height:50px;float:left;}



.box_05 .slideGroup02 .parHd ul li span{display:block;width:135px;height:48px;border:dashed 1px #bfbfbf;float:right;font-size:20px;color:#414141;text-align:center;background:#fff;}



.box_05 .slideGroup02 .parHd ul li.on span{border:dashed 1px #0058ba;color:#fff;background:url(../images/ab_dian.png) 10px center no-repeat,url(../images/ab_dian.png) 120px center no-repeat #0058ba;}



.box_05 .slideGroup02 .parHd ul li:nth-of-type(1) i {background:url(../images/ab_icon_01.png) center center no-repeat;}



.box_05 .slideGroup02 .parHd ul li:nth-of-type(1).on i{background:url(../images/ab_icon_02.png) center center no-repeat;}



.box_05 .slideGroup02 .parHd ul li:nth-of-type(2) i {background:url(../images/ab_icon_03.png) center center no-repeat;}



.box_05 .slideGroup02 .parHd ul li:nth-of-type(2).on i{background:url(../images/ab_icon_04.png) center center no-repeat;}



.box_05 .slideGroup02 .parHd ul li:nth-of-type(3) i {background:url(../images/ab_icon_05.png) center center no-repeat;}



.box_05 .slideGroup02 .parHd ul li:nth-of-type(3).on i{background:url(../images/ab_icon_06.png) center center no-repeat;}



.box_05 .slideGroup02 .parBd{margin-top:10px;}



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



.box_05 .slideGroup02 .parBd .slideBox .tempWrap{width:1060px;margin:0 auto;}



.box_05 .slideGroup02 .parBd ul{width:1060px;overflow:hidden;zoom:1;}



.box_05 .slideGroup02 .parBd ul li{width:255px;margin:0 5px;cursor:pointer;float:left;}



.box_05 .slideGroup02 .parBd ul li .pic{width:255px;height:190px;}



.box_05 .slideGroup02 .parBd ul li .pic img{width:245px;height:180px;border:solid 5px rgba(0,0,0,0);border-radius:7px;vertical-align:top;-webkit-transition: all .5s;transition: all .5s;}



.box_05 .slideGroup02 .parBd ul li .name{display:block;width:205px;height:40px;line-height:40px;padding:0 20px;text-align:center;font-size:16px;color:#414141;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative; background:url(../images/aback.png) center center no-repeat;}



.box_05 .slideGroup02 .parBd ul li .name::after{content:'';width:0px;height:1px; background:#0058ba;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .parBd ul li:hover .name::after{content:'';width:245px;height:1px; background:#0058ba;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .parBd ul li:hover img{border-radius:7px;border:solid 5px #0058ba;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .parBd ul li:hover .name{color:#0058ba;background:none;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .sPrev{position:absolute;left:0px;top:65px;display:block;width:60px;height:60px;background:url(../images/ab_jt_01.png);-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .sNext{position:absolute;right:0px;top:65px;display:block;width:60px;height:60px;background:url(../images/ab_jt_03.png);-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .sPrev:hover{background:url(../images/ab_jt_02.png);-webkit-transition:all .5s;transition:all .5s;}



.box_05 .slideGroup02 .sNext:hover{background:url(../images/ab_jt_04.png);-webkit-transition:all .5s;transition:all .5s;}







/* 案例展示 */

.box_06{width:100%;margin-top:50px;}







.casecontent {

  position: relative;border-top:solid 1px #d9d9d9;margin-top:20px;padding-top:30px;

  width: 100%;

  height: 340px;

}

.casecontent .clickPrev {

  display: block;

  z-index: 99;

  cursor: pointer;

  position: absolute;

  left: 162px;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  width: 63px;

  height: 62px;

  background: url('../images/case_arrow_left.png') no-repeat;

}

.casecontent .clickNext {

  display: block;

  z-index: 99;

  cursor: pointer;

  position: absolute;

  right: 162px;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  width: 63px;

  height: 62px;

  background: url('../images/case_arrow_right.png') no-repeat;

}

.casecontent .home-photo-container {

  float: left;

  width: 100%;

  height: 340px;

  background: #222;

}

.casecontent .home-photo-container .slide-left {

  float: left;

  display: block;

  width: 384px;

  height: 100%;

  overflow: hidden;

}

.casecontent .home-photo-container .slide-left .caroufredsel_wrapper {

  position: relative;

  width: 100% !important;

  height: 100% !important;

}

.casecontent .home-photo-container .slide-left .caroufredsel_wrapper #foo .caselist {

  display: block;

  width: 370px;

  height: 340px;

  float: left;

  opacity: 0.4;

  position: relative;

  overflow: hidden;

}

.casecontent .home-photo-container .slide-left .caroufredsel_wrapper #foo .caselist img {

  position: absolute;

  width: auto;

  height: 100%;

}

.casecontent .home-photo-container .slide-center {

  float: left;

  display: block;

  width: 440px;

  height: 100%;

  overflow: hidden;

}

.casecontent .home-photo-container .slide-center .caroufredsel_wrapper {

  position: relative;

}

.casecontent .home-photo-container .slide-center .caroufredsel_wrapper #foo1 .caselist {

  display: block;margin:0 10px;

  width: 440px;

  height: 340px;

  float: left;

  overflow: hidden;

  position: relative;

}

.casecontent .home-photo-container .slide-center .caroufredsel_wrapper #foo1 .caselist .mask {

  z-index: 11;

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(0) rotateY(0);

  -moz-transform: scale(0) rotateY(0);

  -o-transform: scale(0) rotateY(0);

  transform: scale(0) rotateY(0);

  -webkit-transition: all .4s;

  -moz-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s;

  opacity: 0;

  background-color: rgba(0, 0, 0, 0.1);

}

.casecontent .home-photo-container .slide-center .caroufredsel_wrapper #foo1 .caselist .mask i {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  width: 62px;

  height: 62px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background: url('../images/scale.png') center center no-repeat;

}

.casecontent .home-photo-container .slide-center .caroufredsel_wrapper #foo1 .caselist:hover .mask {

  opacity: 1;

  -webkit-transform: scale(1) rotateY(360deg);

  -moz-transform: scale(1) rotateY(360deg);

  -o-transform: scale(1) rotateY(360deg);

  transform: scale(1) rotateY(360deg);

}

.casecontent .home-photo-container .slide-center .caroufredsel_wrapper #foo1 .caselist img {

  width: 458px;

  height: 340px;

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 10;

}





.caselist .txt{display:block;width:478px;height:50px;line-height:50px;position:absolute;left:0;bottom:20px; background:rgba(255,255,255,0.9); z-index:999;-webkit-transition:all 1s;transition:all 1s;}



.caselist .txt .name{display:block;width:350px;padding:0 108px 0 20px;font-size:16px;color:#414141;background:url(../images/right_01.png) 420px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 1s;transition:all 1s;}



.caselist:hover .txt{background:rgba(0,88,186,0.9);-webkit-transition:all 1s;transition:all 1s;}



.caselist:hover .txt .name{background:url(../images/right_02.png) 420px center no-repeat;color:#fff;-webkit-transition:all 1s;transition:all 1s;}





.casecontent .home-photo-container .slide-right {

  float: left;

  display: block;

  width: 1110px;

  height: 100%;

  overflow: hidden;

}

.casecontent .home-photo-container .slide-right .caroufredsel_wrapper {

  position: relative;

  width: 100% !important;

  height: 100% !important;

}

.casecontent .home-photo-container .slide-right .caroufredsel_wrapper #foo2 .caselist {

  display: block;

  width: 370px;

  height: 100%;

  float: left;

  opacity: 0.4;

  overflow: hidden;

  position: relative;

}

.casecontent .home-photo-container .slide-right .caroufredsel_wrapper #foo2 .caselist img {

  position: absolute;

  width: auto;

  height: 100%;

}













































































































/* 新闻资讯 */

.box_07{width:1200px;margin:50px auto 0 auto;}



.box_07 .center{width:1200px;margin:20px auto 0 auto;overflow:hidden;border-top:solid 1px #d9d9d9;}



.box_07 .news_center{width:790px;margin-top:20px;float:left;}



.box_07 .news_center .hd{width:320px;height:40px;}



.box_07 .news_center .hd ul{font-size:16px;overflow:hidden;}



.box_07 .news_center .hd ul li{width:148px;cursor:pointer;height:38px;line-height:38px;text-align:center;border-radius:20px;color:#adadad;border:solid 1px #d9d9d9; background:#f5f5f5;float:left;margin-right:20px;}



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



.box_07 .news_center .hd ul li.on{color:#fff;border:solid 1px #0058ba; background:#0058ba;}



.box_07 .news_center .hd ul li a{display:block;color:#adadad;}



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



.box_07 .news_center .bd{margin-top:30px;}



.box_07 .news_center .bd .main{overflow:hidden;}



.box_07 .news_center .bd .imgtxt{height:120px;padding:20px 0;overflow:hidden;border-top:solid 1px #dadada;border-bottom:solid 1px #dadada;}



.box_07 .news_center .bd .imgtxt .left{width:180px;height:120px;float:left;}



.box_07 .news_center .bd .imgtxt .left img{width:180px;height:120px; vertical-align:top;}



.box_07 .news_center .bd .imgtxt .right{width:580px;height:120px;float:right;}



.box_07 .news_center .bd .imgtxt .right a{display:block;color:#414141;font-weight:bold;font-size:16px;width:480px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1){width:77px;margin-top:15px;font-size:14px;color:#adadad;line-height:14px;padding-bottom:8px;border-bottom:solid 1px #0058ba;overflow:hidden;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(2){font-size:14px;color:#959595;line-height:25px;max-height:50px;overflow: hidden;margin-top:10px;}



.box_07 .news_center .bd .imgtxt:hover .right a{color:#0058ba;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul{overflow:hidden;margin-top:10px;}



.box_07 .news_center .bd ul li{width:385px;height:55px;line-height:55px;float:left;font-size:14px;background:url(../images/xian_01.jpg) left center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_07 .news_center .bd ul li:nth-of-type(2n){float:right;}



.box_07 .news_center .bd ul li::before{content:'';width:385px;height:1px; background:#dadada;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li::after{content:'';width:0px;height:1px; background:#0058ba;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover::after{content:'';width:385px;height:1px; background:#0058ba;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li a{display:block;height:55px;line-height:55px;width:245px;padding-left:27px;color:#adadad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}



.box_07 .news_center .bd ul li span{display:block;height:55px;line-height:55px;color:#adadad;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover{background:url(../images/xian_02.jpg) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover a{color:#414141;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover span{color:#414141;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa{width:365px;margin-top:20px;float:right;}



.box_07 .qa h4{width:148px;cursor:pointer;height:38px;line-height:38px;color:#fff;font-size:16px;border-radius:20px;border:solid 1px #0058ba; background:#0058ba;margin-bottom:20px;text-align:center;}



.box_07 .qa h4 a{display:block;color:#fff;}



.box_07 .qa img{width:365px;height:160px;margin-bottom:30px;}



.box_07 .qa .quest{width:325px;height:50px;padding:14px 19px 14px 19px; background:#fff;margin-bottom:18px;border:solid 1px #d9d9d9;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa .quest:hover{border:solid 1px #fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa .quest:last-child{margin-bottom:0px;}



.box_07 .qa .quest p{overflow:hidden;height:20px;line-height:20px;font-size:14px;}



.box_07 .qa .quest p:nth-of-type(1) span{display:block;width:20px;height:20px;line-height:20px;text-align:center;background:#0058ba;color:#fff;float:left;}



.box_07 .qa .quest p:nth-of-type(1) a{width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa .quest p:nth-of-type(2){margin-top:10px;}



.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(1){display:block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#414141;float:left;}



.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(2){width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;}



.box_07 .qa .quest p:hover a{color:#0058ba;-webkit-transition:all .5s;transition:all .5s;}









/* 友情链接 */

.links{width:100%;height:50px;margin-top:50px;background:#0058ba;}



.links .link{width:1200px;height:50px;line-height:50px;margin:0 auto;overflow:hidden;}



.links .link p{font-size:22px;color:#fff;position:relative;text-transform: Uppercase;float:left;height:50px;line-height:50px;overflow:hidden;}



.links .link a{display:inline-block;width:119px;text-align:center;font-size:14px;height:15px;line-height:15px;margin-top:12px;color:#fff;border-right:solid 1px #fff;}



.links .link a:last-child{border-right:0;}



.links .link a:hover{text-decoration:underline;}







.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:nth-of-type(1):before,

.bz-buttonAnimat:nth-of-type(1):after,

.bz-buttonAnimat:nth-of-type(1) .inner:before,

.bz-buttonAnimat:nth-of-type(1) .inner:after {

    background-color: #0058ba;

}



.bz-buttonAnimat:nth-of-type(2):before,

.bz-buttonAnimat:nth-of-type(2):after,

.bz-buttonAnimat:nth-of-type(2) .inner:before,

.bz-buttonAnimat:nth-of-type(2) .inner:after {

    background-color: #0058ba;

}



.bz-buttonAnimat:nth-of-type(3):before,

.bz-buttonAnimat:nth-of-type(3):after,

.bz-buttonAnimat:nth-of-type(3) .inner:before,

.bz-buttonAnimat:nth-of-type(3) .inner:after {

    background-color: #0058ba;

}

.bz-buttonAnimat:nth-of-type(4):before,

.bz-buttonAnimat:nth-of-type(4):after,

.bz-buttonAnimat:nth-of-type(4) .inner:before,

.bz-buttonAnimat:nth-of-type(4) .inner:after {

    background-color: #0058ba;

}

.bz-buttonAnimat:nth-of-type(5):before,

.bz-buttonAnimat:nth-of-type(5):after,

.bz-buttonAnimat:nth-of-type(5) .inner:before,

.bz-buttonAnimat:nth-of-type(5) .inner:after {

    background-color: #0058ba;

}

.bz-buttonAnimat:nth-of-type(6):before,

.bz-buttonAnimat:nth-of-type(6):after,

.bz-buttonAnimat:nth-of-type(6) .inner:before,

.bz-buttonAnimat:nth-of-type(6) .inner:after {

    background-color: #0058ba;

}



.bz-buttonAnimat02:nth-of-type(1):before,

.bz-buttonAnimat02:nth-of-type(1):after,

.bz-buttonAnimat02:nth-of-type(1) .inner:before,

.bz-buttonAnimat02:nth-of-type(1) .inner:after {

    background-color: #0058ba;

}



.bz-buttonAnimat02:nth-of-type(2):before,

.bz-buttonAnimat02:nth-of-type(2):after,

.bz-buttonAnimat02:nth-of-type(2) .inner:before,

.bz-buttonAnimat02:nth-of-type(2) .inner:after {

    background-color: #0058ba;

}



.bz-buttonAnimat02:nth-of-type(3):before,

.bz-buttonAnimat02:nth-of-type(3):after,

.bz-buttonAnimat02:nth-of-type(3) .inner:before,

.bz-buttonAnimat02:nth-of-type(3) .inner:after {

    background-color: #0058ba;

}

.bz-buttonAnimat02:nth-of-type(4):before,

.bz-buttonAnimat02:nth-of-type(4):after,

.bz-buttonAnimat02:nth-of-type(4) .inner:before,

.bz-buttonAnimat02:nth-of-type(4) .inner:after {

    background-color: #0058ba;

}



.bz-buttonAnimat02:nth-of-type(5):before,

.bz-buttonAnimat02:nth-of-type(5):after,

.bz-buttonAnimat02:nth-of-type(5) .inner:before,

.bz-buttonAnimat02:nth-of-type(5) .inner:after {

    background-color: #0058ba;

}

.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

}