/*



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:340px;height:86px;margin:0 auto;text-align:center;}



.h_title .pos{width:340px;height:52px;position:relative;}



.h_title .pos h3{width:340px;height:52px;font-size:68px;line-height:52px;color:#eee;font-weight:bold;text-transform: Uppercase;position:absolute;top:0;left:0;}



.h_title .pos p{width:340px;height:52px;font-size:30px;line-height:52px;color:#262626;font-weight:bold;text-transform: Uppercase;position:absolute;top:0;left:0;}



.h_title span{display:block;width:75px;height:22px;font-size:14px;line-height:22px;color:#fff;margin:10px auto 0 auto;background:#0791f2;}

.h_title span a{display:block;color:#fff;}









/* 搜索 */

.tback{background:#fafafa;width:100%;height:60px;}



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



.search .left{width:480px;color:#808080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}



.search .left p{font-size:14px;line-height:60px;}



.search .right{width:280px;height:32px;margin:13px 0;float:right;overflow:hidden;border:solid 1px #0791f2;}



.search .right .input{width:238px;height:32px;line-height:32px;color:#808080;display:inline-block;background:rgba(255,255,255,0);padding-left:10px;float:left;font-size:12px;}



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











/* 产品中心 */ 

.box_01{width:1200px;height:auto;margin:60px auto;position:relative;}



.box_01 .center{width:1200px;height:765px;margin:40px auto 0 auto;}



.box_01 .center .left{width:276px;height:765px;position:relative;float:left;background:#0791f2;overflow:hidden;border-radius:0 15px 0 0;}



.box_01 .center .left .bt{width:276px;height:83px;padding-top:17px;color:#fff;background:url(../images/pro_icon.png) 120px 17px no-repeat;}



.box_01 .center .left .bt h4{font-size:24px;line-height:24px;font-weight:bold;position:absolute;top:33px;left:40px;}



.box_01 .center .left .bt p{font-size:14px;line-height:10px;text-transform: Uppercase;position:absolute;top:50px;right:38px;}



.box_01 .center .left ul{width:256px;height:645px;padding-top:10px;background:#fff;overflow:auto;overflow-x:hidden;margin:0 auto;border-radius:10px;}



.box_01 .center .left ul li{width:225px;height:45px;line-height:45px;margin:0 auto;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_01 .center .left ul li::before{content:'';width:225px;height:1px;background:#deecfc;position:absolute;bottom:0;left:0;}



.box_01 .center .left ul li::after{content:'';width:0px;height:1px;background:#0791f2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left ul li:hover::after{content:'';width:225px;height:1px;background:#0791f2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left ul li a{display:block;width:170px;height:44px;line-height:44px;padding:0 20px 0 35px;font-size:14px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/yuan_01.png) 13px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left ul li:hover a{color:#0791f2;background:url(../images/yuan_02.png) 13px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.pro-center{width:900px;height:765px;float:right;overflow:hidden;}



.pro-center li{width:287px;height:240px;float:left;margin:0 19px 22px 0;}



.pro-center li:nth-of-type(3n){margin-right:0px;}



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



.pro-center li .box{position: relative;overflow: hidden;}



.box:before,

.box:after,

.box-content:before,

.box-content:after{content:'';background:rgba(7,145,242,0.4);height:100%;width:25%;transform:translateY(-100%);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s;}



.pro-center li:hover .box:before,

.pro-center li:hover .box:after,

.pro-center li:hover .box .box-content:before,

.pro-center li:hover .box .box-content:after{transform: translateY(0);}



.box:after{left: 25%; }

.box .box-content:before{ left: 50%; }

.box .box-content:after{ left: 75%; }

.pro-center li:hover .box:before{transition-delay: 0.225s; }

.pro-center li:hover .box:after{transition-delay: 0.075s; }

.pro-center li:hover .box .box-content:before{ transition-delay: 0.15s; }

.pro-center li:hover .box .box-content:after{ transition-delay: 0s; }



.pro-center li .box .img{width:285px;height:214px;border:solid 1px #fafafa;overflow:hidden;}



.pro-center li .box .img img{width:285px;height:214px;vertical-align:top;}



.pro-center li .fa{display:inline-block;width:56px;height:56px; background:url(../images/more.png) center center no-repeat;position:relative;z-index:10;}



.pro-center li .box .icon{width:39px;height:40px;position: absolute;top:80px;left:115px;z-index: 2;}



.pro-center li .box .icon p{opacity: 0;transform: scale(0) rotate(360deg);transition:400ms;}



.pro-center li:hover .box .icon p{opacity:1;transform: scale(1) rotate(0);}



.pro-center li .txt{width:287px;height:14px;margin-top:10px;}



.pro-center li .name{display:block;width:247px;height:14px;line-height:14px;font-size:14px;color:#4c4c4c;padding:0 20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.pro-center li:hover .name{color:#0791f2;-webkit-transition:all .5s;transition:all .5s;}









/* 横栏广告 */

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



.box_02 .center{width:1200px;padding-top:87px;height:300px;margin:0 auto;overflow:hidden;position:relative;}



.box_02 .center .txt{width:500px;position:absolute;top:87px;right:70px;color:#fff;text-align:center;}



.box_02 .center .txt .dh{width:500px;height:42px;margin-bottom:19px;text-align:center;border-bottom:solid 1px #bee3fe;font-size:24px;line-height:24px;font-weight:bold;position:relative;}



.box_02 .center .txt .dh::after{content:'';width:500px;height:1px;background:#bee3fe;position:absolute;bottom:2px;left:0;}



.box_02 .center .txt p:nth-of-type(2){width:500px;height:18px;line-height:18px;font-size:18px;overflow:hidden;}



.box_02 .center .txt p:nth-of-type(2) span:nth-of-type(1){display:block;float:left;padding-left:18px;}



.box_02 .center .txt p:nth-of-type(2) span:nth-of-type(2){display:block;float:left;padding-left:39px;}



.box_02 .center .txt p:nth-of-type(2) span:nth-of-type(3){display:block;float:left;padding-left:39px;}



.box_02 .center .txt p:nth-of-type(2) span:nth-of-type(4){display:block;float:left;padding-left:39px;}



.box_02 .center .txt p:nth-of-type(2) span:nth-of-type(5){display:block;float:left;padding-left:38px;}



.box_02 .center .tel{width:500px;height:40px;margin-top:35px;overflow:hidden;color:#fff;}



.box_02 .center .tel p{font-size:16px;line-height:40px;float:left;}



.box_02 .center .tel p span{font-size:24px;font-weight:bold;}



.box_02 .center .tel a{display:block;width:120px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#fc6306;float:right;position:relative;z-index:0;}



.box_02 .center .tel a::after{content:'';width:0px;height:40px;background:#0791f2;position:absolute;top:0;left:60px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .tel a:hover::after{content:'';width:60px;height:40px;background:#0791f2;position:absolute;top:0;left:60px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .tel a::before{content:'';width:0px;height:40px;background:#0791f2;position:absolute;top:0;right:60px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .tel a:hover::before{content:'';width:60px;height:40px;background:#0791f2;position:absolute;top:0;right:60px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 案例展示 */

.box_03{width:1200px;height:980px;margin:60px auto 30px auto;position:relative;}



	/*瀑布流布局*/

.box_03 .waterfall{margin-top:40px;-moz-column-count:3;-webkit-column-count:3;column-count:3;}



.box_03 .item{width:380px;height:auto;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;margin-bottom:10px;position:relative;}



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



.box_03 .item a{display:block;}



.box_03 .item .img{width:380px;height:285px;overflow:hidden;}



.box_03 .item .img img{width:380px;height:285px;transition: all 1s;vertical-align:top;}



.box_03 .item:hover .img  img{transform: scale(1.2);}



.box_03 .item .txt{width:360px;height:45px;padding:15px 10px;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .item .txt .name{font-size:16px;color:#4c4c4c;line-height:16px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .item:hover .txt .name{color:#0791f2;-webkit-transition:all .5s;transition:all .5s;} 



.box_03 .item:hover .txt{height:160px;padding:15px 10px;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .item .txt p:nth-of-type(1){overflow:hidden;font-size:14px;line-height:14px;color:#b2b2b2}



.box_03 .item .txt p:nth-of-type(1) i:nth-of-type(1){display:inline-block;padding-right:12px;border-right:solid 1px #b2b2b2;}



.box_03 .item .txt p:nth-of-type(1) i:nth-of-type(2){display:inline-block;padding-left:8px;}



.box_03 .item .txt p:nth-of-type(2){display:none;font-size:14px;line-height:28px;max-height:56px;overflow:hidden;color:#808080;padding-top:11px;margin-top:15px;position:relative;} 



.box_03 .item .txt p:nth-of-type(2)::after{content:'';width:50px;height:2px;background:#0791f2;position:absolute;top:0;left:0;}



.box_03 .item:hover .txt p:nth-of-type(2){display:block;}



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



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



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



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



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











/* 企业优势 */

.box_04{width:100%;height:780px;overflow:hidden;}



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



.look_center .bt{width:340px;height:86px;position:absolute;top:130px;left:-22px;z-index:5;}



.look_center .bt .pos{width:340px;height:52px;position:relative;}



.look_center .bt .pos h3{width:340px;height:52px;font-size:68px;line-height:52px;color:#eee;font-weight:bold;text-transform: Uppercase;position:absolute;top:0;left:0;text-align:center;}



.look_center .bt .pos p{width:318px;height:52px;font-size:30px;line-height:52px;padding-left:22px;color:#262626;font-weight:bold;text-transform: Uppercase;position:absolute;top:0;left:0;}



.look_center .bt span{display:block;width:75px;height:22px;font-size:14px;line-height:22px;color:#fff;margin:10px 0 0 22px;background:#0791f2;text-align:center;}



.look_center .bd{width:1200px;height:780px;}



.look_center .bd .main{width:1200px;height:780px;position:absolute;top:0;left:0;z-index:4;}



.look_center .bd .main .txt{width:600px;height:780px;float:left;position:relative;}



.look_center .bd .main .txt img{display:block;width:960px;height:780px;position:absolute;right:0;top:0;z-index:1;}



.look_center .bd .main .txt .wz{width:600px;height:200px;position:absolute;left:0;top:275px;z-index:2;}



.look_center .bd .main .txt h4{font-size:20px;line-height:20px;font-weight:bold;margin-bottom:28px;color:#0791f2;text-transform: Uppercase;}



.look_center .bd .main .txt h4 span{display:inline-block;font-size:12px;font-weight:normal;color:#b2b2b2;margin-left:15px;}



.look_center .bd .main .txt p{width:465px;font-size:14px;line-height:30px;color:#808080;}



.look_center .bd .main .txt i{font-size:140px;font-weight:bold;color:rgba(7,145,242,0.1);line-height:110px;position:absolute;top:0;right:40px;}



.look_center .bd .main .img{width:600px;height:780px;float:right;position:relative;}



.look_center .bd .main .img img{display:block;width:960px;height:780px;position:absolute;left:0;top:0;z-index:1;}



.look_center .hd{width:960px;height:172px;position:absolute;left:0;bottom:115px;z-index:9;}



.look_center .hd ul{width:960px;height:172px;overflow:hidden;}



.look_center .hd ul li{width:240px;height:172px;cursor:pointer;float:left;background:#0791f2;text-align:center;position:relative;z-index:0;}



.look_center .hd ul li::before{content:'';width:1px;height:86px;background:#52b2f6;position:absolute;top:43px;right:0;}



.look_center .hd ul li.on::before{content:'';width:1px;height:86px;background:#fd9251;position:absolute;top:43px;right:0;}



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



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



.look_center .hd ul li .num{width:240px;height:172px;line-height:172px;font-size:140px;color:rgba(255,255,255,0.06);position:absolute;left:0;top:0;}



.look_center .hd ul li .pos{width:240px;height:172px;position:absolute;left:0;top:0;text-align:center;color:#fff;}



.look_center .hd ul li .pos p:nth-of-type(1){font-size:20px;line-height:20px;font-weight:bold;margin:65px 0 10px 0;}



.look_center .hd ul li .pos p:nth-of-type(2){font-size:14px;line-height:12px;text-transform: Uppercase;}









/* 公司新闻 */

.box_05{width:1200px;height:auto;margin:60px auto;position:relative;}



.box_05 .list{width:1200px;height:520px;margin:40px auto 0 auto;}



.box_05 .list li{width:378px;height:520px;float:left;margin-right:33px;position:relative;}



.box_05 .list li:hover{-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:0px 0px 10px #e9e9e9; -webkit-box-shadow:0px 0px 10px #e9e9e9; box-shadow:0px 0px 10px #e9e9e9;}



.box_05 .list li:last-child{margin-right:0;}



.box_05 .list li .img{width:378px;height:310px;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li:hover .img{width:378px;height:310px;position:absolute;top:210px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li .img img{width:378px;height:310px;vertical-align:top;}



.box_05 .list li .txt{width:330px;height:210px;padding:0 24px;background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li:hover .txt{position:absolute;bottom:310px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li .txt .date{width:170px;height:38px;margin-top:30px;position:relative;}



.box_05 .list li .txt .date::after{content:'';width:45px;height:2px;background:#0791f2;position:absolute;top:18px;right:0;}



.box_05 .list li .txt .date span:nth-of-type(1){display:block;font-size:48px;line-height:38px;color:#0791f2;position:absolute;left:0;top:0;}



.box_05 .list li .txt .date span:nth-of-type(2){display:block;font-size:16px;line-height:12px;color:#b2b2b2;position:absolute;left:75px;top:5px;}



.box_05 .list li .txt .date span:nth-of-type(3){display:block;font-size:16px;line-height:12px;color:#b2b2b2;position:absolute;left:75px;bottom:5px;}



.box_05 .list li .txt .name{display:block;font-size:16px;line-height:16px;margin-top:20px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li:hover .txt .name{color:#0791f2;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li .txt p{font-size:14px;line-height:30px;max-height:60px;margin-top:15px;color:#808080;overflow:hidden;}



.box_05 .list li .txt .more{display:block;width:90px;font-size:12px;line-height:10px;margin-top:12px;color:#b2b2b2;background:url(../images/gd_01.png) right center no-repeat;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .list li:hover .txt .more{color:#0791f2;background:url(../images/gd_02.png) right center no-repeat;-webkit-transition:all .5s;transition:all .5s;}









/* 公司实力 */

.box_06{width:1200px;height:auto;margin:0 auto 60px auto;position:relative;}



#factory{display:block;}



.powerbox .powertabli{width:520px;height:40px;margin:40px auto;}



.powerbox .powertabli li{width:160px;height:40px;float: left;margin-right:20px;cursor:pointer;background:#0791f2;position:relative;z-index:0;}



.powerbox .powertabli li::after{content:'';width:0px;height:40px;background:#fc6306;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.powerbox .powertabli li.active::after{content:'';width:160px;height:40px;background:#fc6306;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.powerbox .powertabli li:nth-of-type(3){margin-right:0;}



.powerbox .powertabli li a{display:block;width:160px;line-height:40px;text-align:center;font-size:14px;color:#fff;}



.powerbox .powercontent {position: relative;width: 1200px;height:242px;margin: 0 auto;overflow:hidden;}



.powerbox .powercontent .powerscroll {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 242px;}



.powerbox .powercontent .powerscroll .hd {position: absolute;bottom:5px;left: 0;width: 100%;height:11px;}



.powerbox .powercontent .powerscroll .hd ul {width: 100%;height: 12px;text-align: center;}



.powerbox .powercontent .powerscroll .hd ul li {position:relative;display: inline-block;width:11px;height:11px;margin:0 4px;text-indent: 100px;overflow: hidden;border-radius: 50%;

background:url(../images/dian01.png);cursor: pointer;}

  

.powerbox .powercontent .powerscroll .hd ul li.on{background:url(../images/dian02.png);}



.powerbox .powercontent .powerscroll .bd {width: 100%;height: 210px;overflow:hidden;}



.powerbox .powercontent .powerscroll .bd ul {width: 100%;height: 210px;}



.powerbox .powercontent .powerscroll .bd ul li {width: 280px;height: 210px;float: left;margin-right: 26px;position:relative;}



.powerbox .powercontent .powerscroll .bd ul li .imgbox{display: block;width: 280px;height: 210px;overflow:hidden;}



.powerbox .powercontent .powerscroll .bd ul li .imgbox img{width: 280px;height: 210px;transition: all 1s;}



.powerbox .powercontent .powerscroll .bd ul li:hover .imgbox img{transform:scale(1.2);}



.powerbox .powercontent .powerscroll .bd ul li .powername{width:240px;height:35px;line-height:35px;padding:0 20px;background:rgba(250,250,250,0.9);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #666;font-size: 14px;position:absolute;left:0;bottom:0;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.powerbox .powercontent .powerscroll .bd ul li .powername::before{content:'';width:0;height:35px;background:rgba(7,145,242,0.9);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.powerbox .powercontent .powerscroll .bd ul li:hover .powername::before{content:'';width:280px;height:35px;background:rgba(7,145,242,0.9);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.powerbox .powercontent .powerscroll .bd ul li:hover .powername{background:rgba(0,0,0,0);color:#fff;-webkit-transition:all .5s;transition:all .5s;}









/* 关于我们 */

.box_07{width:100%;height:600px;padding:60px 0; background:url(../images/about_back.jpg) center top no-repeat;overflow:hidden;}



.box_07 .center{width:1200px;height:600px;margin:0 auto;}



.box_07 .center .left{width:600px;height:600px;float:left;position:relative;}



.box_07 .center .left img{width:960px;height:600px;position:absolute;top:0;right:0;}



.box_07 .center .right{width:505px;height:600px;float:right;}



.box_07 .center .right .bt{width:340px;height:86px;margin:47px 0 25px -22px;}



.box_07 .center .right .bt .pos{width:340px;height:52px;position:relative;}



.box_07 .center .right .bt .pos h3{width:340px;height:52px;font-size:68px;line-height:52px;color:#eee;font-weight:bold;text-transform: Uppercase;position:absolute;top:0;left:0;text-align:center;}



.box_07 .center .right .bt .pos p{width:318px;height:52px;font-size:30px;line-height:52px;padding-left:22px;color:#262626;font-weight:bold;text-transform: Uppercase;position:absolute;top:0;left:0;}



.box_07 .center .right .bt span{display:block;width:75px;height:22px;font-size:14px;line-height:22px;color:#fff;margin:10px 0 0 22px;background:#0791f2;text-align:center;}



.box_07 .center .right i{display:block;width:200px;height:3px; background:#0791f2;margin-bottom:75px;}



.box_07 .center .right h4{font-size:20px;line-height:20px;font-weight:bold;color:#0791f2;margin-bottom:45px;}



.box_07 .center .right p{font-size:14px;line-height:35px;max-height:175px;overflow:hidden;color:#808080;margin-bottom:45px;}



.box_07 .center .right .click{width:131px;height:37px;position:relative;z-index:0;}



.box_07 .center .right .click::after{content:'';width:0px;height:37px;background:#0791f2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .right .click:hover::after{content:'';width:131px;height:37px;background:#0791f2;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .right .click p{width:131px;height:37px;position:relative;}



.box_07 .center .right .click p::before{content:'';width:126px;height:2px;background:#0791f2;position:absolute;top:0;left:5px;}



.box_07 .center .right .click p::after{content:'';width:2px;height:33px;background:#0791f2;position:absolute;top:4px;right:0;}



.box_07 .center .right .click a{display:block;width:131px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#333;text-transform: Uppercase;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .right .click:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .center .right .click a::before{content:'';width:126px;height:2px;background:#0791f2;position:absolute;bottom:0;right:5px;}



.box_07 .center .right .click a::after{content:'';width:2px;height:33px;background:#0791f2;position:absolute;bottom:4px;left:0;}









/* 新闻资讯 */

.box_08{width:1200px;height:auto;margin:60px auto 0 auto;position:relative;}



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



.box_08 .center .left{width:520px;height:581px;float:left;}



.box_08 .center .left h4{height:31px;color:#999;font-size:14px;margin-bottom:30px;position:relative;text-transform: Uppercase;}



.box_08 .center .left h4::before{content:'';width:520px;height:1px;background:#e6e6e6;position:absolute;bottom:1px;left:0;}



.box_08 .center .left h4::after{content:'';width:30px;height:3px;background:#0791f2;position:absolute;bottom:0;left:0;}



.box_08 .center .left h4 a{display:inline-block;font-size:18px;line-height:20px;font-weight:bold;color:#0791f2;}



.box_08 .center .left .img{width:520px;height:160px;overflow:hidden;}



.box_08 .center .left .img img{width:520px;height:160px; vertical-align:top;}



.box_08 .center .left ul{width:520px;height:360px;overflow:hidden;}



.box_08 .center .left ul li{width:520px;height:45px;position:relative;overflow:hidden;}



.box_08 .center .left ul li::before{content:'';width:520px;height:1px;background:#f5f5f5;position:absolute;bottom:0;left:0;}



.box_08 .center .left ul li::after{content:'';width:0;height:1px;background:#0791f2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left ul li:hover::after{content:'';width:520px;height:1px;background:#0791f2;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left ul li a{display:block;width:410px;height:44px;line-height:44px;font-size:14px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}



.box_08 .center .left ul li:hover a{color:#0791f2;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left ul li span{display:block;width:auto;height:44px;line-height:44px;font-size:12px;color:#808080;-webkit-transition:all .5s;transition:all .5s;float:right;}



.box_08 .center .left ul li:hover span{color:#0791f2;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right{width:630px;height:581px;float:right;}



.box_08 .center .right h4{height:31px;color:#999;font-size:14px;margin-bottom:30px;position:relative;text-transform: Uppercase;}



.box_08 .center .right h4::before{content:'';width:630px;height:1px;background:#e6e6e6;position:absolute;bottom:1px;left:0;}



.box_08 .center .right h4::after{content:'';width:30px;height:3px;background:#0791f2;position:absolute;bottom:0;left:0;}



.box_08 .center .right h4 a{display:inline-block;font-size:18px;line-height:20px;font-weight:bold;color:#0791f2;}



.box_08 .center .right ul{width:630px;height:520px;overflow:hidden;}



.box_08 .center .right ul li{width:630px;height:158px;overflow:hidden;margin-bottom:22px;}



.box_08 .center .right ul li:last-child{margin-bottom:0;}



.box_08 .center .right ul li .img{width:262px;height:156px;overflow:hidden;border:solid 1px #f0f0f0;float:left;}



.box_08 .center .right ul li .img img{width:262px;height:156px;vertical-align:top;}



.box_08 .center .right ul li .txt{width:345px;height:158px;overflow:hidden;float:right;}



.box_08 .center .right ul li .txt a{display:block;width:345px;height:16px;line-height:16px;font-size:16px;color:#4c4c4c;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li:hover .txt a{color:#0791f2;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li .txt p{line-height:28px;max-height:56px;overflow:hidden;font-size:14px;color:#808080;margin-top:15px;}



.box_08 .center .right ul li .txt span{display:block;line-height:12px;font-size:14px;color:#808080;margin-top:20px;}

























































































































































































































































































































































/* 友情链接 */

.links{width:100%;height:auto;margin:60px 0;}



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



.links .link .ks{width:1200px;height:41px;background:url(../images/yqlj.png) 100px 4px no-repeat;font-size:33px;line-height:25px;text-transform:Uppercase;color:#0791f2;border-bottom:solid 1px #e6e6e6;}



.links .link ul{overflow:hidden;margin-top:20px;}



.links .link ul li{width:auto;margin-right:30px;float:left;}



.links .link ul li a{display:block;width:auto;font-size:14px;height:14px;line-height:14px;color:#808080;}



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



.links .link a:hover{text-decoration:underline;color:#0791f2;}













/* 在线留言 */

.box_10{width:1200px;height:40px;padding:30px 100px;background:#fafafa;margin:0 auto -50px auto;position:relative;z-index:5;}



.box_10 .form{width:1200px;height:40px;margin:0 auto;position:relative;}



.box_10 .form p{width:194px;height:40px;}



.box_10 .form input{width:192px;display:inline-block;height:38px;line-height:38px;border:solid 1px #0791f2;padding-left:38px;color:#0791f2;font-size:14px;}



.box_10 .form p:nth-of-type(1){position:absolute;top:0;left:0;}



.box_10 .form p:nth-of-type(2){position:absolute;top:0;left:214px;}



.box_10 .form p:nth-of-type(1) input{background:url(../images/name.png) 10px center no-repeat #fafafa;}



.box_10 .form p:nth-of-type(2) input{background:url(../images/phone.png) 10px center no-repeat #fafafa;}



.box_10 .form p:nth-of-type(3){width:368px;height:40px;position:absolute;top:0;left:426px;}



.box_10 .form textarea{width:366px;height:38px;line-height:36px;padding-left:38px;border:solid 1px #0791f2;font-size:14px;color:#0791f2;background:url(../images/liuyan.png) 10px center no-repeat #fafafa;}



.box_10 .form p:nth-of-type(4){width:226px;height:40px;position:absolute;top:0;right:160px;overflow:hidden;background:#fafafa;}



.box_10 .form p:nth-of-type(4) input{display:block;width:110px;height:38px;line-height:38px;padding-left:8px;color:#0791f2;font-size:14px;background:#fafafa;border:solid 1px #0791f2;float:left;}



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



.box_10 .form .tj{width:140px;height:40px;background:#0791f2;position:absolute;top:0;right:0;}



.box_10 .form .tj .btn{width:140px;height:40px;line-height:40px;display: block;text-align:center;font-size:14px;color:#fff;background:#0791f2;cursor: pointer;border:none;position:relative;z-index:0;}



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



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



.box_10 .form .tj .btn::after{content:'';width:0px;height:40px;background:#fc6306;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



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































.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: #0791f2;

}



.bz-buttonAnimat02::before,

.bz-buttonAnimat02::after,

.bz-buttonAnimat02 .inner::before,

.bz-buttonAnimat02 .inner::after {

    background-color: #fff;

}





.bz-buttonAnimat:before,

.bz-buttonAnimat:after,

.bz-buttonAnimat .inner:before,

.bz-buttonAnimat .inner:after {

    position: absolute;

    content: "";

    display: block;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s

}



.bz-buttonAnimat.horizontal:before,

.bz-buttonAnimat.horizontal:after,

.bz-buttonAnimat.both:before,

.bz-buttonAnimat.both:after {

    left: 0;

    width: 100%;

    height: 1px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.bz-buttonAnimat.horizontal .inner:before,

.bz-buttonAnimat.horizontal .inner:after,

.bz-buttonAnimat.both .inner:before,

.bz-buttonAnimat.both .inner:after {

    top: 0;

    width: 1px;

    height: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}



.bz-buttonAnimat.horizontal .inner:before,

.bz-buttonAnimat.both .inner:before {

    left: 0

}



.bz-buttonAnimat.horizontal .inner:after,

.bz-buttonAnimat.both .inner:after {

    right: 0

}



.bz-buttonAnimat.horizontal .inner:hover:before,

.bz-buttonAnimat.horizontal .inner:hover:after,

.bz-buttonAnimat.both .inner:hover:before,

.bz-buttonAnimat.both .inner:hover:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.bz-buttonAnimat.horizontal:before,

.bz-buttonAnimat.both:before {

    top: 0

}



.bz-buttonAnimat.horizontal:after,

.bz-buttonAnimat.both:after {

    bottom: 0

}



.bz-buttonAnimat.horizontal:hover:before,

.bz-buttonAnimat.horizontal:hover:after,

.bz-buttonAnimat.both:hover:before,

.bz-buttonAnimat.both:hover:after {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.bz-buttonAnimat.horizontal:hover .inner:before,

.bz-buttonAnimat.horizontal:hover .inner:after,

.bz-buttonAnimat.both:hover .inner:before,

.bz-buttonAnimat.both:hover .inner:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.bz-buttonAnimat.horizontal.clockwise .inner:before,

.bz-buttonAnimat.both.clockwise .inner:before {

    -webkit-transform-origin: top center;

    transform-origin: top center

}



.bz-buttonAnimat.horizontal.clockwise .inner:after,

.bz-buttonAnimat.both.clockwise .inner:after {

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center

}



.bz-buttonAnimat.horizontal.clockwise:before,

.bz-buttonAnimat.both.clockwise:before {

    -webkit-transform-origin: right center;

    transform-origin: right center

}



.bz-buttonAnimat.horizontal.clockwise:after,

.bz-buttonAnimat.both.clockwise:after {

    -webkit-transform-origin: left center;

    transform-origin: left center

}



.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,

.bz-buttonAnimat.both.clockwise:hover .inner:before {

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center

}



.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,

.bz-buttonAnimat.both.clockwise:hover .inner:after {

    -webkit-transform-origin: top center;

    transform-origin: top center

}



.bz-buttonAnimat.horizontal.clockwise:hover:before,

.bz-buttonAnimat.both.clockwise:hover:before {

    -webkit-transform-origin: left center;

    transform-origin: left center

}