/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .5s;transition:all .5s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;

*/

/* 公用标题 */
.h_title{width:400px;height:auto;margin:0 auto;text-align:center;}

.h_title h3{font-size:24px;height:46px;line-height:24px;color:#0d0d0d;font-weight:bold;position:relative;}

.h_title h3::before{content:'';width:320px;height:1px;background:#e0e0e0;position:absolute;bottom:1px;left:40px;}

.h_title h3::after{content:'';width:50px;height:3px;background:#0d0d0d;position:absolute;bottom:0;left:50%;margin-left:-25px;}

.h_title h3 a{display:block;color:#0d0d0d;}

.h_title p{font-size:16px;line-height:16px;color:#4c4c4c;margin-top:18px;}




/* 关于我们 */
.box_01{width:100%;height:610px;overflow:hidden;padding-top:60px;background:#fafafa;}

.box_01 .juzhong{width:1200px;height:610px;overflow:hidden;margin:0 auto;position:relative;}

.box_01 .center{width:1200px;height:530px;overflow:hidden;margin:0 auto;}

.box_01 .center .img{width:600px;height:530px;float:left;}

.box_01 .center .img img{width:600px;height:530px; vertical-align:top;}

.box_01 .center .txt{width:550px;height:530px;float:right;}

.box_01 .center .txt h4{font-size:40px;font-weight:bold;color:#0d0d0d;line-height:32px;text-transform: Uppercase;margin-top:38px;}

.box_01 .center .txt h5{font-size:24px;color:#0d0d0d;line-height:25px;margin-top:20px;font-weight:bold;}

.box_01 .center .txt p{font-size:14px;color:#808080;line-height:28px;max-height:140px;overflow:hidden;margin-top:32px;text-indent:2em;}

.box_01 .center .txt .more{display:block;font-size:14px;color:#0d0d0d;line-height:13px;margin-top:45px;float:right;text-transform: Uppercase;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .txt .more::after{content:'';width:90px;height:1px;background:#c1c0c6;position:absolute;top:6px;right:100px;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .txt .more:hover{margin-right:15px;color:#0075cf;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .txt .more:hover::after{content:'';width:90px;height:1px;background:#0075cf;position:absolute;top:6px;right:100px;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .pos{width:600px;height:240px;padding-left:80px; background:#fff;position:absolute;right:0;bottom:0;}

.box_01 .list{width:600px;height:240px;margin:0 auto;}

.box_01 .list li{width:300px;height:120px;float:left;position:relative;}

.box_01 .list li::before{content:'';width:1px;height:70px;background:#c1c0c6;position:absolute;top:25px;right:0;}

.box_01 .list li:nth-of-type(2n)::before{content:'';width:1px;height:60px;background:none;position:absolute;top:3px;right:0;}

.box_01 .list li .txts{width:300px;margin:35px auto 0 auto;text-align:center;}

.box_01 .list li .txts p:nth-of-type(1){position: relative;font-size:14px;line-height:38px;color:#929292;overflow:hidden;}

.box_01 .list li .txts p:nth-of-type(1) i{line-height:38px;font-size:44px;line-height:38px;color:#4c4c4c;margin-right:20px;}

.box_01 .list li .txts p:nth-of-type(2){font-size:16px;line-height:16px;color:#4c4c4c;text-align:center;}

.box_01 .list li:nth-of-type(1)  .txts p:nth-of-type(1) span{display:inline-block;position: absolute;bottom:25px;right:100px;font-size:20px;color:#4c4c4c;}

.box_01 .list li:nth-of-type(2)  .txts p:nth-of-type(1) span{display:inline-block;position: absolute;bottom:25px;right:100px;font-size:20px;color:#4c4c4c;}

.box_01 .list li:nth-of-type(3)  .txts p:nth-of-type(1) span{display:inline-block;position: absolute;bottom:25px;right:65px;font-size:20px;color:#4c4c4c;}

.box_01 .list li:nth-of-type(4)  .txts p:nth-of-type(1) span{display:inline-block;position: absolute;bottom:25px;right:110px;font-size:20px;color:#4c4c4c;}

.box_01 .icon01{width:80px;height:80px; background:url(../../images/img/ab_icon_01.jpg);position:absolute;bottom:80px;left:-80px;}

.box_01 .icon02{width:80px;height:80px; background:url(../../images/img/ab_icon_02.jpg);position:absolute;bottom:0;left:0;}

.box_01 .icon03{display:block;width:80px;height:80px; background:url(../../images/img/more.jpg);position:absolute;bottom:80px;left:0;}

.box_01 .icon04{width:auto;height:80px;line-height:80px;font-size:12px;font-weight:bold;color:#0d0d0d;text-transform: Uppercase;position:absolute;bottom:0;left:-300px;}

.box_01 .icon04 span{color:#4c4c4c;}







/* 产品中心 */
.box_02{width:100%;padding:60px 0 30px 0;background:#fafafa;}

.pro-center{width:1200px;margin:40px auto 0 auto;overflow:hidden;}

.pro-center .hd{width:1200px;height:80px;border-top:solid 4px #0d0d0d;margin:0 auto;}

.pro-center .hd ul{width:1200px;height:80px;overflow:hidden;font-size:16px;float:left; background:#fff;-moz-box-shadow:0 10px 15px -1px #f3f3f3;-webkit-box-shadow:0 10px 15px -1px #f3f3f3;box-shadow:0 10px 15px -1px #f3f3f3;}

.pro-center .hd ul li{width:150px;height:80px;line-height:80px;float:left;padding-left:50px;background:url(../../images/img/pro_xian.png) right center no-repeat;}

.pro-center .hd ul li:last-child{background:none;}

.pro-center .hd ul li a{color:#4c4c4c;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li a::before{content:'';width:0%;height:2px;background:#0d0d0d;position:absolute;bottom:-6px;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on a::before{content:'';width:100%;height:2px;background:#0d0d0d;position:absolute;bottom:-6px;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on a{color:#0d0d0d;}

.pro-center .bd{width:1200px;margin-top:40px;}

.pro-center .bd .main{width:1200px;height:auto;overflow:hidden;}

.pro-center .bd .main li{width:370px;height:344px;float:left;margin:0 36px 30px 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:370px;height:278px;overflow:hidden;position:relative;}

.pro-center .bd .main li .img .pic{width:370px;height:278px;overflow:hidden}

.pro-center .bd .main li .img .pic img{width:370px;height:278px;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{width:260px;height:60px;padding:20px 10px;background:rgba(13,13,13,0.5);position:absolute;bottom:-100px;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .img .hide{position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .img .hide p{width:260px;height:60px;font-size:14px;line-height:30px;max-height:60px;overflow:hidden;color:#fff;text-indent:2em;}

.pro-center .bd .main li .txt{width:370px;height:50px;line-height:50px;background:#ebebeb;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .txt::before{content:'';width:370px;height:0px;background:#0d0d0d;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:370px;height:50px;background:#0d0d0d;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .name{width:330px;height:50px;line-height:50px;padding:0 50px 0 10px;font-size:14px;color:#4c4c4c;background:url(../../images/img/pro_jt_01.png) 302px center no-repeat;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/img/pro_jt_02.png) 302px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}







/* 企业优势 */
.box_03{width:100%;height:auto;overflow:hidden;background:#fafafa;}

.box_03 .bt{width:1200px;height:auto;margin:0 auto;}

.box_03 .bt h3{font-size:24px;line-height:25px;color:#0d0d0d;font-weight:bold;position:relative;}

.box_03 .bt h3::after{content:'';width:50px;height:3px;background:#0d0d0d;position:absolute;top:11px;left:145px;}









.look_center{width:1200px;height:408px;margin:35px auto 0 auto;position:relative;}

.look_center .bd .main{width:1200px;height:408px;overflow:hidden;}

.look_center .bd .main .left{width:530px;height:408px;float:left;}

.look_center .bd .main .left p{font-size:14px;color:#808080;line-height:28px;text-indent:2em;}

.look_center .bd .main .right{width:600px;height:408px;float:right;}

.look_center .bd .main .right img{width:600px;height:408px; vertical-align:top;}





.look_center .hd{width:476px;height:316px;position:absolute;left:0;bottom:0;overflow:hidden;}

.look_center .hd ul{width:476px;height:316px;overflow:hidden;}

.look_center .hd ul li{width:236px;height:156px;border:solid 1px #f0f0f0;cursor:pointer;overflow:hidden;background:#f9f7f6;z-index:0;float:left;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on{border:solid 1px #0d0d0d;-webkit-transition:all .5s;transition:all .5s;}



.look_center .hd ul li::before{content:'';width:0px;height:156px;background:#0d0d0d;position:absolute;top:0;right:118px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on::before{content:'';width:118px;height:156px;background:#0d0d0d;position:absolute;top:0;right:118px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li::after{content:'';width:0px;height:156px;background:#0d0d0d;position:absolute;top:0;left:118px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on::after{content:'';width:118px;height:156px;background:#0d0d0d;position:absolute;top:0;left:118px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li i{display:block;width:50px;height:50px;margin:35px auto 15px auto;-webkit-transform: rotateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

.look_center .hd ul li.on i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.look_center .hd ul li.on p:nth-of-type(1){color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on p:nth-of-type(2){color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(1) i{background:url(../../images/img/ys_icon_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2) i{background:url(../../images/img/ys_icon_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3) i{background:url(../../images/img/ys_icon_05.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4) i{background:url(../../images/img/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 i{background:url(../../images/img/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 i{background:url(../../images/img/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 i{background:url(../../images/img/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 i{background:url(../../images/img/ys_icon_08.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li p{font-size:16px;color:#4c4c4c;line-height:18px;text-align:center;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on p{font-size:16px;font-weight:bold;line-height:18px;color:#fff;margin-top:10px;-webkit-transition:all .5s;transition:all .5s;}









/* 案例展示 */
.box_04{width:100%;height:auto;padding:5px 0;position:relative; background:#fafafa;}

.box_04 .center{width:1200px;height:455px;margin:40px auto 0 auto;}

	/*瀑布流布局*/
.box_04 .waterfall{width:1200px;height:455px;}





.box_04 .item{width:380px;height:330px;-webkit-transition: all .4s;float:left;margin-right:20px;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;margin-bottom:10px;position:relative;}

.box_04 .item:last-chihld{margin-right:0;}


.box_04 .item.active{-moz-box-shadow:0px 0px 10px #dcdcdc;-webkit-box-shadow:0px 0px 10px #dcdcdc;box-shadow:0px 0px 10px #dcdcdc;}

.box_04 .item a{display:block;}

.box_04 .item .img{width:378px;height:283px;overflow:hidden;border:1px solid #e5e5e5;}

.box_04 .item .img img{width:378px;height:283px;transition: all 1s;vertical-align:top;}

.box_04 .item.active .img  img{transform: scale(1.2);}

.box_04 .item .txt{width:360px;height:45px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .item .txt .name{width: 360px;height: 44px;padding: 0 10px;background: url(../../images/img/pro_jt_01.png) 340px center no-repeat;font-size:16px;color:#4c4c4c;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
	
.box_04 .item .txt i{display:block;font-size:14px;line-height:15px;color:#b3b3b3;padding: 0 10px;}
	
	
.box_04 .item.active{height: 455px;background:#fff;}

.box_04 .item.active .txt .name{color:#0d0d0d;font-size: 16px;-webkit-transition:all .5s;transition:all .5s;} 

.box_04 .item.active .txt{height:170px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .item .txt p{display:none;font-size:14px;line-height:28px;max-height:56px;overflow:hidden;color:#808080;padding-top:11px;margin:15px 0 0 10px;position:relative;} 

.box_04 .item .txt p::after{content:'';width:50px;height:2px;background:#0d0d0d;position:absolute;top:0;left:0px;}

.box_04 .item.active .txt p{display:block;}

.box_04 .item .txt span{display:block;width:400px;height:3px;position:absolute;left:-10px;bottom:15px;}

.box_04 .item .txt span::after{content:'';width:0px;height:3px;background:#0d0d0d;position:absolute;bottom:0;left:200px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .item.active .txt span::after{content:'';width:200px;height:3px;background:#0d0d0d;position:absolute;bottom:0;left:200px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .item .txt span::before{content:'';width:0px;height:3px;background:#0d0d0d;position:absolute;bottom:0;right:200px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .item.active .txt span::before{content:'';width:200px;height:3px;background:#0d0d0d;position:absolute;bottom:0;right:200px;-webkit-transition:all .5s;transition:all .5s;}

















































/* 横栏广告 */
.box_05{width:100%;height:400px;background:url(../../images/img/ad_back.jpg) no-repeat center;}

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

.box_05 .center .txt{width:525px;height:auto;position:absolute;top:60px;right:0;}

.box_05 .center .txt h3{font-size:24px;line-height:25px;color:#0d0d0d;font-weight:bold;position:relative;}

.box_05 .center .txt h3::after{content:'';width:50px;height:3px;background:#0d0d0d;position:absolute;top:11px;left:145px;}

.box_05 .center .txt p:nth-of-type(1){font-size:16px;line-height:30px;max-height:60px;overflow:hidden;color:#808080;margin-top:50px;text-indent:2em;}

.box_05 .center .txt p:nth-of-type(2){font-size:16px;line-height:20px;margin:38px 0 48px 0;}

.box_05 .center .txt p:nth-of-type(2) span{font-size:24px;font-weight:bold;color:#0d0d0d;}

.box_05 .center .txt p:nth-of-type(3){width:300px;height:40px;overflow:hidden;}

.box_05 .center .txt p:nth-of-type(3) a:nth-of-type(1){float:left;}

.box_05 .center .txt p:nth-of-type(3) a:nth-of-type(2){float:right;}

.box_05 .center .txt p:nth-of-type(3) a{display:block;width:140px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#0d0d0d;position:relative;z-index:0;}

.box_05 .center .txt p:nth-of-type(3) a::before{content:'';width:0px;height:40px;background:#333;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .center .txt p:nth-of-type(3) a:hover::before{content:'';width:70px;height:40px;background:#333;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .center .txt p:nth-of-type(3) a::after{content:'';width:0px;height:40px;background:#333;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .center .txt p:nth-of-type(3) a:hover::after{content:'';width:70px;height:40px;background:#333;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}






/* 投资者关系 */
.box_06{width:100%;height:410px;padding-top:70px;overflow:hidden; background:#fafafa;}

.box_06 .center{width:1200px;height:410px;margin:0 auto;overflow:hidden;}

.box_06 .center .left{width:530px;height:410px;float:left;}

.box_06 .center .left h3{font-size:24px;line-height:25px;color:#0d0d0d;font-weight:bold;margin-top:95px;position:relative;}

.box_06 .center .left h3::after{content:'';width:50px;height:3px;background:#0d0d0d;position:absolute;top:11px;left:145px;}

.box_06 .center .left p{font-size:16px;line-height:30px;max-height:60px;overflow:hidden;color:#808080;margin-top:50px;text-indent:2em;}

.box_06 .center .left a{display:block;width:140px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#0d0d0d;margin-top:48px;position:relative;z-index:0;}

.box_06 .center .left a::before{content:'';width:0px;height:40px;background:#333;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left a:hover::before{content:'';width:70px;height:40px;background:#333;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left a::after{content:'';width:0px;height:40px;background:#333;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left a:hover::after{content:'';width:70px;height:40px;background:#333;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .right{width:600px;height:410px;float:right;}

.box_06 .center .right img{width:600px;height:410px;vertical-align:top;}






/* 新闻中心 */
.box_07{width:100%;height:auto;padding:60px 0;overflow:hidden; background:#fafafa;}

.box_07 .main{width:1200px;height:450px;margin:40px auto 0 auto;overflow:hidden;}

.box_07 .main .left{width:640px;height:450px;float:left;}

.box_07 .main .left li{width:640px;height:130px;overflow:hidden;margin-bottom:30px;}

.box_07 .main .left li .img{width:210px;height:130px;float:left;}

.box_07 .main .left li .img img{width:210px;height:130px;vertical-align:top;}

.box_07 .main .left li .txt{width:400px;height:130px;float:right;}

.box_07 .main .left li .txt a{display:block;font-size:16px;line-height:25px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .main .left li .txt a:hover{margin-left:10px;color:#0d0d0d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .main .left li .txt p{font-size:14px;line-height:30px;max-height:60px;overflow:hidden;color:#808080;margin-top:10px;}

.box_07 .main .left li .txt span{display:block;font-size:12px;line-height:15px;color:#b2b2b2;margin-top:18px;padding-left:25px;background:url(../../images/img/date.png) left center no-repeat;}

.box_07 .main .right{width:500px;height:450px;float:right;position:relative;}

.box_07 .main .right::before{content:'';width:1px;height:450px;background:#e6e6e6;position:absolute;top:0;left:7px;}

.box_07 .main .right li{width:450px;height:15px;padding:20px 0 20px 50px;overflow:hidden;background:url(../../images/img/dian01.png) left center no-repeat;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:2;}

.box_07 .main .right li:hover{background:url(../../images/img/dian02.png) left center no-repeat;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .main .right li a{display:block;width:360px;font-size:14px;color:#4c4c4c;line-height:15px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .main .right li:hover a{color:#0d0d0d;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .main .right li span{display:block;font-size:12px;color:#7f7f7f;line-height:15px;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .main .right li:hover span{color:#0d0d0d;-webkit-transition:all .5s;transition:all .5s;}






/* 在线留言 */
.box_08{width:100%;height:502px;background:#fafafa;overflow:hidden;}

.box_08 .center{width:1200px;height:502px;margin:0 auto;}

.box_08 .center .left{width:290px;height:502px;float:left;}

.box_08 .center .left h3{font-size:24px;line-height:25px;color:#0d0d0d;font-weight:bold;margin-top:65px;position:relative;}

.box_08 .center .left h3::after{content:'';width:50px;height:3px;background:#0d0d0d;position:absolute;top:11px;right:95px;}

.box_08 .center .left ul{width:290px;margin-top:70px;}

.box_08 .center .left ul li{width:240px;padding-left:50px;height:82px;line-height:82px;border-top:solid 1px #e8e8e8;}

.box_08 .center .left ul li a{font-size:18px;font-weight:bold;color:#4c4c4c;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .left ul li a:hover{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .right{width:910px;height:502px;float:right;position:relative;}

.box_08 .center .right .img{width:1270px;height:502px;position:absolute;top:0;left:0;}

.box_08 .center .right .back{width:410px;height:502px; background:rgba(13,13,13,0.3);position:absolute;left:0;top:0;}

.box_08 .center .right .back .form{width:340px;height:340px;margin:80px auto 0 auto;}

.box_08 .center .right .back .form p{width:338px;height:43px;border:solid 1px #e6e6e6;position:relative;margin-bottom:20px;}

.box_08 .center .right .back .form input{width:295px;display:inline-block;height:43px;line-height:43px;padding-left:43px;color:#e5e5e5;font-size:12px;box-sizing:content-box;}

.box_08 .center .right .back .form p:nth-of-type(1) input{background:url(../../images/img/name.png) 9px center no-repeat rgba(0,0,0,0);}

.box_08 .center .right .back .form p:nth-of-type(2) input{background:url(../../images/img/phone.png) 9px center no-repeat rgba(0,0,0,0);}

.box_08 .center .right .back .form p:nth-of-type(3){width:338px;height:88px;}

.box_08 .center .right .back .form textarea{width:285px;height:76px;padding:12px 10px 0 43px;font-size:12px;color:#fff;background:url(../../images/img/liuyan.png) 9px 12px no-repeat rgba(0,0,0,0);box-sizing:content-box;}

.box_08 .center .right .back .form p:nth-of-type(4){width:220px;height:40px;overflow:hidden;border:none;background:rgba(0,0,0,0);}

.box_08 .center .right .back .form p:nth-of-type(4)::before{content:'';width:1px;height:14px;background:none;position:absolute;top:14px;left:33px;}

.box_08 .center .right .back .form p:nth-of-type(4) input{display:block;width:108px;height:38px;line-height:38px;border:solid 1px #e6e6e6;color:#fff;font-size:14px;background:rgba(0,0,0,0);float:left;padding-left:10px;}

.box_08 .center .right .back .form p:nth-of-type(4) img{display:block;float:right;width:100px;height:40px;}

.box_08 .center .right .back .form .tj{width:140px;height:40px;border:none;background:#0d0d0d;position:relative;z-index:0;}

.box_08 .center .right .back .form .tj .btn{display: block;width:140px;height:40px;line-height:36px;text-align:center;font-size:14px;color:#fff;border:none;background:none; cursor:pointer;}

.box_08 .center .right .back .form .tj::before{content:'';width:0px;height:40px;background:#333;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .right .back .form .tj:hover::before{content:'';width:70px;height:40px;background:#333;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .right .back .form .tj::after{content:'';width:0px;height:40px;background:#333;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .center .right .back .form .tj:hover::after{content:'';width:70px;height:40px;background:#333;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}





/* 友情链接 */
.links{width:100%;padding:60px 0;background:#fafafa;}

.links .bt{width:1200px;margin:0 auto;font-size:30px;color:#0d0d0d;font-weight:bold;text-align:center;line-height:24px;padding-bottom:20px;border-bottom:solid 1px #e6e6e6;text-transform: Uppercase;}

.links .link{width:1200px;height:14px;margin:20px auto 0 auto;overflow:hidden;}

.links .link a{display:inline-block;width:auto;text-align:center;float:left;font-size:14px;height:14px;line-height:14px;color:#808080;padding:0 25px;border-right:solid 1px #808080;}

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

.links .link a:hover{text-decoration:underline;color:#0d0d0d;}






.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: #0075cf;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #0075cf;
}


.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
}