/*

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:420px;height:auto;margin:0 auto;text-align:center;}

.h_title p{width:420px;height:21px;text-align:center;margin-bottom:20px;}

.h_title h3{font-size:24px;line-height:24px;color:#4dafa2;font-weight:bold;padding-top:13px;position:relative;}

.h_title h3 a{display:block;color:#4dafa2;}

.h_title h3::before{content:'';width:40px;height:1px;background:#2e4a85;position:absolute;top:1px;left:50%;margin-left:-20px;}

.h_title h3::after{content:'';width:10px;height:3px;background:#2e4a85;position:absolute;top:0px;left:50%;margin-left:-5px;}






/* 产品中心 */
.box_01{width:100%;padding:60px 0;background:#fff;}

.box_01 .center{width:1200px;height:640px;margin:30px auto 0 auto;overflow:hidden;}

.box_01 .center .left{width:250px;height:640px;position:relative;float:left;background:#4dafa2;border-radius:20px;}

.box_01 .center .left .bt{width:250px;height:65px;padding-top:30px;text-align:center;}

.box_01 .center .left .bt h4{font-size:24px;color:#fff;line-height:24px;font-weight:bold;}

.box_01 .center .left .bt p{height:11px;margin-top:11px;}

.box_01 .center .left .bt p img{width:194px;height:11px; vertical-align:top;}

.box_01 .center .left .list{width:230px;height:510px;background:#fff;margin:0 auto;overflow: auto;overflow-x: hidden;padding-top:10px;}

.list::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}

.list::-webkit-scrollbar-thumb {border-radius:10px;background-color:#333;}

.box_01 .center .left .list li{width:210px;height:38px;line-height:37px;margin:0 auto;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li::before{content:'';width:210px;height:1px;background:#d3d3d3;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:#4dafa2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li:hover::after{content:'';width:210px;height:1px;background:#4dafa2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li a{display:block;width:190px;height:37px;line-height:37px;padding-right:20px;font-size:15px;color:#181e23;background:url(../images/pro_jt_01.png) 190px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li a:hover{background:url(../images/pro_jt_02.png) 190px center no-repeat;color:#4dafa2;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .tel{width:165px;height:27px;margin:25px auto 0 auto;padding-left:65px; background:url(../images/tel02.png) 17px center no-repeat;font-size:22px;line-height:27px;font-weight:bold;color:#fff;}

.pro-center{width:930px;height:640px;overflow:hidden;float:right;}

.pro-center .hd{width:930px;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;line-height:40px;float:left;cursor:pointer;color:#fff;text-align:center;border-radius:10px;overflow:hidden;background:#2e4a85;position:relative;z-index:0;}

.pro-center .hd ul li:last-child{float:right;}

.pro-center .hd ul li::after{content:'';width:0px;height:40px;background:#4dafa2;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on::after{content:'';width:75px;height:40px;background:#4dafa2;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li::before{content:'';width:0px;height:40px;background:#4dafa2;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on::before{content:'';width:75px;height:40px;background:#4dafa2;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .right{width:320px;height:40px;float:right;border-radius:10px;overflow:hidden;}

.pro-center .hd .right .input{width:258px;height:40px;line-height:40px;color:#fff;display:inline-block;background:#4dafa2;padding-left:20px;float:left;font-size:14px;box-sizing:content-box;}

.pro-center .hd .right .button{width:42px;height:40px;line-height:40px;display:inline-block;background:url(../images/search.png) left center no-repeat #4dafa2;cursor:pointer;border:none;float:right;}

.pro-center .bd{width:930px;}

.pro-center .bd .main{overflow:hidden;}

.pro-center .bd .main li{width:296px;height:276px;float:left;margin:24px 21px 0 0;overflow:hidden;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:296px;height:220px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}

.pro-center .bd .main li .img .pic{width:296px;height:220px;overflow:hidden}

.pro-center .bd .main li .img .pic img{width:296px;height:220px;transition: all 1s;vertical-align:top;}

.pro-center .bd .main li:hover .img .pic img{transform: scale(1.2);}

.pro-center .bd .main li .img .hide{display:block;width:296px;height:220px;background:url(../images/jia.png) center center no-repeat rgba(24,30,35,0.5);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;}

.pro-center .bd .main li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.pro-center .bd .main li .txt{width:294px;height:54px;line-height:54px;border:solid 1px #dadada;background:#fff;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .txt{border:solid 1px #4dafa2;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .txt::before{content:'';width:0px;height:54px;background:#4dafa2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .txt::before{content:'';width:294px;height:54px;background:#4dafa2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .txt::after{content:'';width:1px;height:20px;background:#d6d6d6;position:absolute;top:17px;right:58px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .txt::after{content:'';width:1px;height:20px;background:#fff;position:absolute;top:17px;right:58px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .name{width:200px;height:54px;line-height:54px;padding:0 76px 0 18px;font-size:14px;color:#3d4345;background:url(../images/pro_jt_03.png) 256px center no-repeat #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .name{color:#fff;background:url(../images/pro_jt_04.png) 256px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}





/* 横栏广告 */
.box_02{width:100%;height:300px;background:url(../images/ad_back.jpg) no-repeat center;}

.box_02 .center{width:1200px;height:300px;margin:0 auto;overflow:hidden;position:relative;color:#fff;}

.box_02 .center .txt{width:560px;height:auto;position:absolute;top:45px;left:0;}

.box_02 .center .txt img{display:block;width:269px;height:29px; vertical-align:top;margin-bottom:14px;}

.box_02 .center .txt p:nth-of-type(1){width:280px;font-size:25px;line-height:25px;font-weight:bold;color:#fff;padding-top:17px;border-top:solid 1px #fff;margin-bottom:20px;}

.box_02 .center .txt p:nth-of-type(2){width:490px;height:36px;line-height:36px;text-align:center; background:#2e4a85;font-size:22px;margin-bottom:30px;color:#fff;}

.box_02 .center .txt .tel{width:560px;height:40px;overflow:hidden;}

.box_02 .center .txt .tel span{display:block;font-size:24px;line-height:40px;padding-left:37px;height:40px;background:url(../images/tel02.png) left center no-repeat;font-weight:bold;float:left;}

.box_02 .center .txt .tel a{display:block;width:150px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#181e23;background:#fff;float:right;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a::after{content:'';width:0px;height:40px;background:#2e4a85;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a:hover::after{content:'';width:75px;height:40px;background:#2e4a85;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a::before{content:'';width:0px;height:40px;background:#2e4a85;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .txt .tel a:hover::before{content:'';width:75px;height:40px;background:#2e4a85;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}





/* 企业优势 */
.box_03{width:100%;height:auto;padding:60px 0;background:#fff;}

.look_center{width:1200px;height:550px;margin:40px auto 0 auto;position:relative;}

.look_center::after{content:'';width:450px;height:510px;background:#4dafa2;position:absolute;bottom:0px;left:-40px;}

.look_center .bd{width:450px;height:510px;position:relative;z-index:2;float:left;}

.look_center .bd .main{width:450px;height:510px;margin:0 auto;position:relative;overflow:hidden;}

.look_center .bd .main img{width:450px;height:510px;vertical-align:top;}

.look_center .hd{width:710px;height:550px;position:relative;z-index:2;float:right;}

.look_center .hd ul{width:710px;height:500px;margin-top:50px;}

.look_center .hd ul li{width:335px;height:auto;cursor:pointer;float:left;position:relative;margin-bottom:60px;}

.look_center .hd ul li:nth-of-type(1)::before{content:'';width:8px;height:8px;background:#fff;border:solid 2px #fff;border-radius:10px;position:absolute;top:475px;right:680px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(1).on::before{background:#4dafa2;border:solid 2px #fff;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2)::before{content:'';width:8px;height:8px;background:#fff;border:solid 2px #fff;border-radius:10px;position:absolute;top:475px;right:1035px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2).on::before{background:#4dafa2;border:solid 2px #fff;border-radius:5px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3)::before{content:'';width:8px;height:8px;background:#fff;border:solid 2px #fff;border-radius:10px;position:absolute;top:227px;right:640px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3).on::before{background:#4dafa2;border:solid 2px #fff;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4)::before{content:'';width:8px;height:8px;background:#fff;border:solid 2px #fff;border-radius:10px;position:absolute;top:227px;right:995px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4).on::before{background:#4dafa2;border:solid 2px #fff;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2n){float:right;}

.look_center .hd ul li .icon{width:63px;height:63px;margin-bottom:17px;-webkit-transform:rotateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

.look_center .hd ul li.on .icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.look_center .hd ul li:nth-of-type(1) .icon{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2) .icon{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3) .icon{background:url(../images/ys_icon_05.png) center center no-repeat ;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4) .icon{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(1).on .icon{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2).on .icon{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3).on .icon{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4).on .icon{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li h4{font-size:18px;color:#181e23;line-height:18px;font-weight:bold;margin-bottom:15px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on h4{color:#2e4a85;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li p{font-size:14px;color:#929292;line-height:25px;}





/* 产品优势 */
.baozhang{width: 100%;height:400px;padding-top:58px;position:relative; background:url(../images/cp_back.jpg) center top no-repeat;}

.baozhang:after{content:'';width:100%;height:1px;background:#ccc;position:absolute;bottom:128px;left:0;}

.baozhang .clearfix:after{display:block; content:''; clear:both;}

.baozhang .clearfix{zoom:1;text-align: center;}

.baozhang .fl{float:left;}

.baozhang .fr{float:right;}

.part5 .tBox{width: 1200px;height:230px;margin:30px auto 0 auto;position: relative;z-index:2;}

.part5 .tBox .picBox{width: 1200px;margin: 0 auto;height: 100%;	overflow: hidden;position: relative;}

#posBox{width: 1200px;position: absolute;left: 0;top: 0;}

.part5 .tBox .picBox .roll{width:300px;height: 230px;position: relative;cursor: pointer;}

.roll .box-img{width:300px;height:230px;transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}

.roll:hover .box-img{transform: rotateY(-90deg);}

.roll .box-img i{display:block;width:47px;height:48px;margin:25px auto 0 auto;}

.roll:nth-of-type(1) .box-img i{ background:url(../images/cp_icon_01.png);}

.roll:nth-of-type(2) .box-img i{ background:url(../images/cp_icon_03.png);}

.roll:nth-of-type(3) .box-img i{ background:url(../images/cp_icon_05.png);}

.roll:nth-of-type(4) .box-img i{ background:url(../images/cp_icon_07.png);}

.roll .box-img .t1{font-size:16px;line-height:16px;font-weight:bold;color: #2e343a;margin-top:18px;}

.roll .box-img .t2{font-size: 12px;color:#4dafa2;margin-top:10px;text-transform: Uppercase;}

.roll .box-img .t3{width:13px;height:13px;background:#fff;border:solid 2px #4dafa2;border-radius:10px;margin:20px auto 0;}

.roll .box-img .t4{font-size:24px;line-height:20px;color:#b0b0b0;margin-top:20px;}

.roll .box-content{width:300px;height: 230px;position: absolute;top: 0;left: 0;background: #2e4a85;transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;}

.roll:hover .box-content{transform: rotateY(0);}

.roll .box-content i{display:block;width:45px;height:46px;margin:25px auto 0 auto;}

.roll:nth-of-type(1) .box-content i{ background:url(../images/cp_icon_02.png);}

.roll:nth-of-type(2) .box-content i{ background:url(../images/cp_icon_04.png);}

.roll:nth-of-type(3) .box-content i{ background:url(../images/cp_icon_06.png);}

.roll:nth-of-type(4) .box-content i{ background:url(../images/cp_icon_08.png);}

.roll .box-content .t1{font-size:16px;line-height:16px;font-weight: bold;color: #fff;margin-top:18px;}

.roll .box-content .t2{width:13px;height:13px;background:#2e4a85;border:solid 2px #fff;border-radius:10px;margin:20px auto 0;}

.roll .box-content .t3{width:240px;font-size:14px;line-height:25px;color:#fff;margin:20px auto 0 auto;}






/* 关于我们 */
.box_05{width:100%;height:410px;background:url(../images/about_back.jpg) center top no-repeat;padding-top:60px;overflow:hidden;}

.box_05 .center{width:1200px;height:410px;margin:0 auto;position:relative;}

.box_05 .center .left{width:530px;height:410px;float:left;position:relative;}

.box_05 .center .left h4{width:102px;height:18px;margin-bottom:20px;}

.box_05 .center .left h4 img{width:102px;height:18px; vertical-align:top;}

.box_05 .center .left h5{height:52px;line-height:22px;font-size:22px;color:#fff;font-weight:bold;margin-bottom:35px;position:relative;}

.box_05 .center .left h5::after{content:'';width:70px;height:2px;background:#2e4a85;position:absolute;bottom:0;left:0;}

.box_05 .center .left p{font-size:14px;color:#fff;line-height:25px;max-height:150px;}

.box_05 .center .left .more{display:block;width:60px;height:60px;background:url(../images/more.jpg);-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;position:absolute;left:0;bottom:40px;}

.box_05 .center .left .more:hover{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}

.box_05 .center .right{width:580px;height:380px;float:right;margin:10px;}

.box_05 .center .right img{width:580px;height:380px;vertical-align:top;}





/* 企业展示 */
.box_06{width:1200px;margin:30px auto 60px auto;height:auto;overflow:hidden;}

.box_06 .slideGroup02{width:1200px;margin:0 auto;}

.box_06 .slideGroup02 .parHd{width:490px;height:40px;margin:0 auto;}

.box_06 .slideGroup02 .parHd ul{width:490px;height:40px;overflow:hidden;font-size:16px;}

.box_06 .slideGroup02 .parHd ul li{width:150px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#fff;text-align:center;background:#4dafa2;float:left;margin-right:20px;position:relative;z-index:0;}

.box_06 .slideGroup02 .parHd ul li:last-child{margin-right:0px;}

.box_06 .slideGroup02 .parHd ul li::after{content:'';width:0px;height:40px;background:#2e4a85;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup02 .parHd ul li.on::after{content:'';width:75px;height:40px;background:#2e4a85;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup02 .parHd ul li::before{content:'';width:0px;height:40px;background:#2e4a85;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup02 .parHd ul li.on::before{content:'';width:75px;height:40px;background:#2e4a85;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup02 .parBd{margin-top:30px;height:230px;}

.box_06 .slideGroup02 .parBd .slideBox{position:relative;}

.box_06 .slideGroup02 .parBd .slideBox .tempWrap{width:1060px;margin:0 auto;overflow:hidden;}

.box_06 .slideGroup02 .parBd ul{width:1060px;overflow:hidden; zoom:1;}

.box_06 .slideGroup02 .parBd ul li{width:250px;height:230px;margin-right:20px;cursor:pointer;float:left;-webkit-transition: all .5s;transition: all .5s;}

.box_06 .slideGroup02 .parBd ul li a{display:block;}

.box_06 .slideGroup02 .parBd ul li .img{width:250px;height:190px;overflow:hidden;position:relative;}

.box_06 .slideGroup02 .parBd ul li .img .pic{width:250px;height:190px;overflow:hidden;}

.box_06 .slideGroup02 .parBd ul li .img .pic img{width:250px;height:190px;transition: all 1s;vertical-align:top;}

.box_06 .slideGroup02 .parBd ul li:hover .img img{transform: scale(1.2);}

.box_06 .slideGroup02 .parBd ul li .img .hide{display:block;width:250px;height:190px;background:url(../images/jia.png) center center no-repeat rgba(24,30,35,0.5);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_06 .slideGroup02 .parBd ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.box_06 .slideGroup02 .parBd ul li .name{width:230px;height:38px;line-height:38px;border:solid 1px #d2d2d2;padding:0 9px;background:#fff;text-align:center;font-size:14px;color:#181e23;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}

.box_06 .slideGroup02 .parBd ul li:hover .name{border:solid 1px #4dafa2;color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup02 .parBd ul li .name::before{content:'';width:0px;height:40px;background:#4dafa2;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .slideGroup02 .parBd ul li:hover .name::before{content:'';width:255px;height:40px;background:#4dafa2;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .sPrev{position:absolute;left:0;top:90px;display:block;width:48px;height:48px;border:solid 1px #4dafa2;border-radius:50%;background:url(../images/show_jt_01.png) center center no-repeat #fff;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .sNext{position:absolute;right:0;top:90px;display:block;width:48px;height:48px;border:solid 1px #4dafa2;border-radius:50%;background:url(../images/show_jt_03.png) center center no-repeat #fff;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .sPrev:hover{background:url(../images/show_jt_02.png) center center no-repeat #2e4a85;border:solid 1px #2e4a85;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .sNext:hover{background:url(../images/show_jt_04.png) center center no-repeat #2e4a85;border:solid 1px #2e4a85;-webkit-transition:all .5s;transition:all .5s;}





/*案例展示*/ 
.box_07{width:100%;height:1014px;background:url(../images/case_back.jpg) center top no-repeat;padding-top:60px;}

.box_07 ul{width:1200px;height:auto;margin:30px auto 0 auto;overflow:hidden;}

.box_07 ul li{width:380px;height:410px;margin:0 30px 30px 0;float:left;position:relative;-webkit-transition:all .5s;transition:all .5s;float:left;-webkit-transition: all .5s;transition: all .5s;}

.box_07 ul li:nth-of-type(3n){margin-right:0;}

.box_07 ul li a{display:block;}

.box_07 ul li .img{width:380px;height:285px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}

.box_07 ul li .img .pic{width:380px;height:285px;overflow:hidden}

.box_07 ul li .img .pic img{width:380px;height:285px;transition: all 1s;vertical-align:top;}

.box_07 ul li:hover .img .pic img{transform: scale(1.2);}

.box_07 ul li .img .hide{display:block;width:380px;height:285px;background:url(../images/jia.png) center center no-repeat rgba(24,29,33,0.5);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_07 ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.box_07 ul li .txt{width:340px;height:105px;padding:20px 20px 0 20px;background:#fff;position:relative;z-index:0;}

.box_07 ul li .txt::before{content:'';width:0px;height:125px;background:#4dafa2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li:hover .txt::before{content:'';width:380px;height:125px;background:#4dafa2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li .name{width:340px;height:17px;line-height:17px;font-size:16px;color:#181e23;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li p{width:340px;height:28px;line-height:14px;font-size:14px;color:#929292;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_07 ul li p::before{content:'';width:340px;height:1px;background:#dbdbdb;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li p::after{content:'';width:0;height:1px;background:#94cfc7;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li:hover p::after{content:'';width:340px;height:1px;background:#94cfc7;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li .more{width:340px;height:12px;line-height:12px;font-size:12px;color:#929292;font-weight:bold;margin-top:13px;background:url(../images/case_jt_01.png) right center no-repeat;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}

.box_07 ul li:hover .more{color:#fff;background:url(../images/case_jt_02.png) right center no-repeat;-webkit-transition:all .5s;transition:all .5s;}




/* 在线留言 */
.box_08{width:100%;height:175px;padding-top:120px;background:url(../images/ly_back.jpg) center top no-repeat;overflow:hidden;}

.box_08 .form{width:1140px;height:110px;padding:0 30px;margin:0 auto;position:relative;}

.box_08 .form p:nth-of-type(1){width:368px;height:38px;border:solid 1px #e3e3e3;position:absolute;top:0;left:30px;}

.box_08 .form p:nth-of-type(1) input{display:block;width:313px;height:38px;line-height:38px;padding-left:55px;color:#929292;font-size:14px;background:url(../images/name.png) 19px center no-repeat #fff;box-sizing:content-box;}

.box_08 .form p:nth-of-type(2){width:368px;height:38px;border:solid 1px #e3e3e3;position:absolute;top:0;left:420px;}

.box_08 .form p:nth-of-type(2) input{display:block;width:313px;height:38px;line-height:38px;padding-left:55px;color:#929292;font-size:14px;background:url(../images/phone.png) 19px center no-repeat #fff;box-sizing:content-box;}

.box_08 .form p:nth-of-type(3){width:368px;height:38px;border:solid 1px #e3e3e3;position:absolute;top:0;right:30px;}

.box_08 .form textarea{display:block;width:313px;height:38px;line-height:38px;padding-left:55px;color:#929292;font-size:14px;background:url(../images/liuyan.png) 19px center no-repeat #fff;box-sizing:content-box;}

.box_08 .form p:nth-of-type(4){width:260px;height:40px;position:absolute;bottom:0;left:330px;z-index:0;overflow:hidden;}

.box_08 .form p:nth-of-type(4) input{display:block;width:135px;height:38px;line-height:38px;border-bottom:solid 2px #000;padding-left:25px;color:#929292;font-size:14px;background:#fff;float:left;background:url(../images/yzm.png) left center no-repeat #fff;}

.box_08 .form p:nth-of-type(4) img{display:block;float:right;width:100px;height:40px;}

.box_08 .form .tj{width:260px;height:40px;border:none;position:absolute;bottom:0;right:330px;background:#4dafa2;z-index:0;}

.box_08 .form .tj .btn{display: block;width:260px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;border:none;background:none;}

.box_08 .form .tj::before{content:'';width:0px;height:40px;background:#2e4a85;position:absolute;top:0;right:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj:hover::before{content:'';width:130px;height:40px;background:#2e4a85;position:absolute;top:0;right:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj::after{content:'';width:0px;height:40px;background:#2e4a85;position:absolute;top:0;left:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .form .tj:hover::after{content:'';width:130px;height:40px;background:#2e4a85;position:absolute;top:0;left:130px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}




/* 新闻资讯 */
.box_09{width:1200px;margin:55px auto 0 auto;background:#fff;}

.box_09 .center{width:1200px;height:450px;margin:30px auto 0 auto;overflow:hidden;}

.box_09 .news_center{width:660px;height:450px;float:left;overflow:hidden;}

.box_09 .news_center .hd{width:660px;height:32px;border-bottom:solid 1px #d3d3d3;overflow:hidden;}

.box_09 .news_center .hd{width:660px;height:32px;}

.box_09 .news_center .hd ul{width:auto;height:32px;float:left;}

.box_09 .news_center .hd ul li:nth-of-type(1){width:auto;height:32px;line-height:32px;padding:0px 20px;float:left;font-size:16px;color:#000;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_09 .news_center .hd ul li:nth-of-type(1)::after{content:'';width:1px;height:16px; background:#bfbfbf;position:absolute;top:8px;right:0;}

.box_09 .news_center .hd ul li:nth-of-type(1) span{display:none;}

.box_09 .news_center .hd ul li:nth-of-type(1).on{padding:0px 20px 0px 27px;color:#4dafa2; background:url(../images/news_icon.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .hd ul li:nth-of-type(1).on span{display:inline-block;}

.box_09 .news_center .hd ul li:nth-of-type(2){width:auto;height:32px;line-height:32px;padding:0px 20px;float:left;font-size:16px;color:#000;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_09 .news_center .hd ul li:nth-of-type(2) span{display:none;}

.box_09 .news_center .hd ul li:nth-of-type(2).on{padding:0px 20px 0px 47px;color:#4dafa2; background:url(../images/news_icon.png) 20px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .hd ul li:nth-of-type(2).on span{display:inline-block;}

.box_09 .news_center .hd ul li:nth-of-type(1) .more{display:none;width:auto;line-height:32px;font-size:12px;color:#b3b3b3;text-transform: Uppercase;float:right;-webkit-transition:all .5s;transition:all .5s;position:absolute;left:610px;top:0;}

.box_09 .news_center .hd ul li:nth-of-type(1).on .more{display:block;}

.box_09 .news_center .hd ul li:nth-of-type(2) .more{display:none;width:auto;line-height:32px;font-size:12px;color:#b3b3b3;text-transform: Uppercase;float:right;-webkit-transition:all .5s;transition:all .5s;position:absolute;left:508px;top:0;}

.box_09 .news_center .hd ul li:nth-of-type(2).on .more{display:block;}

.box_09 .news_center .hd ul li .more:hover{color:#4dafa2;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd{margin-top:20px;}

.box_09 .news_center .bd .main{overflow:hidden;}

.box_09 .news_center .bd .imgtxt{width:660px;height:170px;overflow:hidden;background:#fff;}

.box_09 .news_center .bd .imgtxt .left{width:250px;height:170px;float:left;}

.box_09 .news_center .bd .imgtxt .left img{width:250px;height:170px;vertical-align:top;}

.box_09 .news_center .bd .imgtxt .right{width:390px;height:170px;float:right;cursor:pointer;}

.box_09 .news_center .bd .imgtxt .right .name{display:block;width:390px;color:#000;font-size:16px;height:16px;line-height:16px;margin:20px 0 25px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd .imgtxt:hover .right .name{margin-left:15px;color:#4dafa2;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd .imgtxt .right p:nth-of-type(1){font-size:14px;color:#929292;line-height:25px;max-height:50px;margin-bottom:25px;overflow:hidden;}

.box_09 .news_center .bd .imgtxt .right p:nth-of-type(2){line-height:15px;overflow:hidden;}

.box_09 .news_center .bd .imgtxt .right p:nth-of-type(2) span{display:block;font-size:14px;height:15px;line-height:15px;color:#929292;float:left;margin-right:25px;}

.box_09 .news_center .bd .imgtxt .right p:nth-of-type(2) .more{display:block;font-size:14px;height:15px;line-height:15px;color:#4dafa2;float:left;}

.box_09 .news_center .bd ul{overflow:hidden;margin-top:10px;}

.box_09 .news_center .bd ul li{width:645px;height:42px;line-height:42px;padding-left:15px;font-size:14px;border-bottom:solid 1px #d3d3d3;position:relative;z-index:0;overflow:hidden;}

.box_09 .news_center .bd ul li::before{content:'';width:0px;height:42px;background:#4dafa2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd ul li:hover::before{content:'';width:660px;height:42px;background:#4dafa2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd ul li::after{content:'';width:6px;height:6px;background:url(../images/dian01.png);position:absolute;top:18px;left:0;-webkit-transition:all .5s;transition:all .5s;z-index:2;}

.box_09 .news_center .bd ul li:hover::after{content:'';width:6px;height6px;background:url(../images/dian02.png);position:absolute;top:18px;left:10px;-webkit-transition:all .5s;transition:all .5s;z-index:2;}

.box_09 .news_center .bd ul li a{display:block;height:42px;line-height:42px;width:500px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_09 .news_center .bd ul li span{display:block;height:42px;line-height:42px;color:#929292;font-size:14px;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd ul li:hover{width:625px;padding:0 10px 0 25px;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd ul li:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .news_center .bd ul li:hover span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .qa{width:480px;float:right;}

.box_09 .qa .bt{width:480px;height:32px;overflow:hidden;margin-bottom:20px;border-bottom:solid 1px #d3d3d3;overflow:hidden;}

.box_09 .qa .bt h4{width:auto;line-height:32px;font-size:16px;font-weight:bold;padding:0px 20px 0px 27px;color:#4dafa2;background:url(../images/news_icon.png) left center no-repeat;float:left;}

.box_09 .qa .bt a{width:auto;line-height:32px;font-size:12px;color:#b3b3b3;text-transform: Uppercase;float:right;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .qa .bt a:hover{color:#4dafa2;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .qa .quest{width:440px;height:62px;padding:15px 20px;background:url(../images/wd_back.jpg);margin-bottom:9px;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .qa .quest:last-child{margin-bottom:0px;}

.box_09 .qa .quest p{overflow:hidden;height:24px;line-height:24px;font-size:14px;}

.box_09 .qa .quest p:nth-of-type(1) span{display:block;width:24px;height:24px;line-height:24px;background:url(../images/w.png) center center no-repeat #4dafa2;border-radius:50%;float:left;}

.box_09 .qa .quest p:nth-of-type(1) a{width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#181e23;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .qa .quest p:nth-of-type(2){margin-top:14px;}

.box_09 .qa .quest p:nth-of-type(2) span:nth-of-type(1){display:block;width:24px;height:24px;line-height:24px;background:url(../images/d.png) center center no-repeat #2e4a85;border-radius:50%;float:left;}

.box_09 .qa .quest p:nth-of-type(2) span:nth-of-type(2){width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#929292;float:right;}

.box_09 .qa .quest:hover p a{color:#4dafa2;-webkit-transition:all .5s;transition:all .5s;}







/* 友情链接 */
.links{width:100%;height:40px;padding:40px 0;margin-top:60px;background:#181e23;cursor:default !important;}

.link{width:1200px;height:40px;margin:0 auto;overflow:hidden;}

.link p{font-size:26px;color:#4dafa2;font-weight:bold;text-transform: Uppercase;float:left;width:130px;text-align:center;height:40px;line-height:40px;font-style:italic;background:#fff;margin-right:20px;}

.link a{display:inline-block;width:auto;padding:0 20px;font-size:14px;height:14px;line-height:14px;margin-top:13px;color:#a1a1a1;border-right:solid 1px #a1a1a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.link a:last-child{border-right:0;}

.link a:hover{color:#fff;}









.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: #4dafa2;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #4dafa2;
}


.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
    top: 0;
    width: 2px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
    left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
    right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
    top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
    bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}
