/*



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:300px;height:55px;margin:0 auto;text-align:center;}



.h_title h3{width:300px;height:24px;font-size:24px;line-height:24px;padding-bottom:11px;color:#1672d1;font-weight:bold;position:relative;}



.h_title h3::after{content:'';width:60px;height:1px;background:#1672d1;position:absolute;bottom:0;left:50%;margin-left:-30px;}



.h_title h3 a{display:block;color:#1672d1;}



.h_title p{width:300px;font-size:14px;line-height:12px;color:#999;margin-top:9px;font-family:Arial;text-transform:Uppercase;}













/* 搜索 */

.box_01{width:100%;height:69px;background:url(../images/search_back.png) center top no-repeat;position:relative;margin-top:-10px;z-index:9;}



.box_01 .center{width:1200px;margin:0 auto;overflow:hidden;}



.box_01 .center .left{width:780px;height:69px;float:left;}



.box_01 .center .left p{width:780px;font-size:16px;line-height:69px;color:#fff;}



.box_01 .right{width:380px;height:33px;margin-top:30px;border-bottom:solid 1px #dcdcdc;float:right;overflow:hidden;background:#fff;}



.box_01 .right .input{width:295px;height:33px;line-height:33px;font-size:14px;color:#999;display:inline-block;padding-left:5px;float:left;box-sizing:content-box;}



.box_01 .right .button{width:63px;height:33px;line-height:33px;display:inline-block;background:url(../images/search.png) center top no-repeat #fff;cursor:pointer;border:none;float:right;}









/* 产品中心 */

.box_02{width:100%;height:1033px;padding-top:60px;background:url(../images/pro_back.jpg) center bottom no-repeat;}



.box_02 .jy{width:1200px;height:250px;margin:0 auto 70px auto;overflow:hidden;text-align:center;position:relative;}



.box_02 .jy h3{font-size:24px;font-weight:bold;line-height:24px;color:#1672d1;margin-bottom:46px;}



.box_02 .jy p{width:1050px;margin:0 auto;font-size:14px;line-height:36px;max-height:144px;color:#545454;overflow:hidden;}



.box_02 .jy span{display:block;width:160px;text-align:right;font-size:16px;line-height:17px;color:#545454;position:absolute;right:75px;bottom:0;}



.box_02 .jy span::after{content:'';width:95px;height:1px;background:#999;position:absolute;top:8px;left:0;}



.box_02 .pro-center{width:1200px;height:auto;margin:40px auto 0 auto;overflow:hidden;}



.box_02 .pro-center .hd{width:1200px;height:100px;overflow:hidden;margin:0 auto;}



.box_02 .pro-center .hd ul{width:1200px;height:100px;overflow:hidden;}



.box_02 .pro-center .hd ul li{width:210px;height:40px;line-height:40px;font-size:14px;color:#545454;border-radius:20px;background:#ddd;cursor:pointer;float:left;margin:0 37px 20px 0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .hd ul li:nth-of-type(5n){margin-right:0;}



.box_02 .pro-center .hd ul li a{display:block;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .hd ul li.on a{display:block;color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .hd ul li p{width:140px;padding:0 50px 0 20px;height:40px;line-height:40px; background:url(../images/pro_sjx.png) 175px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_02 .pro-center .hd ul li.on{color:#fff;background:#1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd{width:1200px;height:auto;overflow:hidden;margin-top:40px;}



.box_02 .pro-center .bd .main{width:1200px;height:480px;overflow:hidden;}



.box_02 .pro-center .bd .main li{width:285px;height:220px;margin:0 20px 20px 0;float:left;background:#fff;overflow:hidden;position:relative;}



.box_02 .pro-center .bd .main li:nth-of-type(4n){margin-right:0;}



.box_02 .pro-center .bd .main li a{display:block;}



.box_02 .pro-center .bd .main li .kuang{width:283px;height:148px;border:solid 1px #d2d2d2;position:absolute;left:0;top:0;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li:hover .kuang{border:solid 1px #1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li .kuang::after{content:'';width:283px;height:0px;background:#1672d1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li:hover .kuang::after{content:'';width:283px;height:148px;background:#1672d1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li .content{width:260px;height:219px;position:absolute;left:11px;top:0;z-index:1;}



.box_02 .pro-center .bd .main li .content .name{width:260px;height:39px;line-height:39px;font-size:14px;color:#545454;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li:hover .content .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li .content .img{width:260px;height:180px;overflow:hidden;}



.box_02 .pro-center .bd .main li .content .img img{width:260px;height:180px;vertical-align:top;transition: all 1s;}



.box_02 .pro-center .bd .main li:hover .content .img img{transform: scale(1.2);}



.box_02 .pro-center .bd .main li .content .hide{width:260px;height:180px; background:url(../images/links.png) center center no-repeat rgba(34,34,34,0.5);position:absolute;bottom:-180px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .pro-center .bd .main li:hover .content .hide{background:url(../images/links.png) center center no-repeat rgba(34,34,34,0.5);position:absolute;bottom:0px;left:0;-webkit-transition:all .5s;transition:all .5s;}







/* 企业优势 */

.box_03{width:100%;height:657px;padding-top:60px;background:url(../images/ys_back.jpg) center top no-repeat;}



.box_03 .h_title{width:300px;height:55px;margin:0 auto;text-align:center;}



.box_03 .h_title h3{width:300px;height:24px;font-size:24px;line-height:24px;padding-bottom:11px;color:#fff;font-weight:bold;position:relative;}



.box_03 .h_title h3::after{content:'';width:60px;height:1px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-30px;}



.box_03 .h_title p{width:300px;font-size:14px;line-height:12px;color:#5e98dd;margin-top:9px;font-family:Arial;text-transform:Uppercase;}



.box_03 .center{width:1200px;height:440px;margin:70px auto 0 auto;background:url(../images/ys_img.png) center bottom no-repeat;}



.box_03 .center ul{width:1200px;height:440px;position:relative;}



.box_03 .center ul li:nth-of-type(1){width:510px;height:110px;position:absolute;left:0;top:0;}



.box_03 .center ul li:nth-of-type(1) .txt{width:510px;height:110px;text-align:center;overflow:hidden;background:url(../images/one.png) center top no-repeat}



.box_03 .center ul li:nth-of-type(1) .num{font-size:30px;line-height:30px; font-family:Arial;font-weight:bold;color:#fff;margin-top:13px;}



.box_03 .center ul li:nth-of-type(1) p{font-size:14px;line-height:14px;color:#fff;margin-top:34px;}



.box_03 .center ul li:nth-of-type(1) .icon{width:69px;height:69px; background:url(../images/ys_icon_01.png);position:absolute;bottom:0;right:0;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:nth-of-type(2){width:510px;height:110px;position:absolute;right:0;top:0;}



.box_03 .center ul li:nth-of-type(2) .txt{width:510px;height:110px;text-align:center;overflow:hidden;background:url(../images/two.png) center top no-repeat}



.box_03 .center ul li:nth-of-type(2) .num{font-size:30px;line-height:30px; font-family:Arial;font-weight:bold;color:#fff;margin-top:13px;}



.box_03 .center ul li:nth-of-type(2) p{font-size:14px;line-height:14px;color:#fff;margin-top:34px;}



.box_03 .center ul li:nth-of-type(2) .icon{width:69px;height:69px; background:url(../images/ys_icon_02.png);position:absolute;bottom:0;left:0;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:nth-of-type(3){width:430px;height:110px;position:absolute;left:0;top:155px;}



.box_03 .center ul li:nth-of-type(3) .txt{width:350px;height:110px;text-align:center;overflow:hidden;background:url(../images/three.png) center top no-repeat}



.box_03 .center ul li:nth-of-type(3) .num{font-size:30px;line-height:30px; font-family:Arial;font-weight:bold;color:#fff;margin-top:13px;}



.box_03 .center ul li:nth-of-type(3) p{font-size:14px;line-height:14px;color:#fff;margin-top:34px;}



.box_03 .center ul li:nth-of-type(3) .icon{width:69px;height:69px; background:url(../images/ys_icon_03.png);position:absolute;bottom:0;right:0;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:nth-of-type(4){width:430px;height:110px;position:absolute;right:0;top:155px;}



.box_03 .center ul li:nth-of-type(4) .txt{width:490px;height:110px;text-align:center;overflow:hidden;background:url(../images/four.png) center top no-repeat}



.box_03 .center ul li:nth-of-type(4) .num{font-size:30px;line-height:30px; font-family:Arial;font-weight:bold;color:#fff;margin-top:13px;}



.box_03 .center ul li:nth-of-type(4) p{font-size:14px;line-height:14px;color:#fff;margin-top:34px;}



.box_03 .center ul li:nth-of-type(4) .icon{width:69px;height:69px; background:url(../images/ys_icon_04.png);position:absolute;bottom:0;left:0;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:nth-of-type(5){width:528px;height:110px;position:absolute;left:0;bottom:0;}



.box_03 .center ul li:nth-of-type(5) .txt{width:500px;height:110px;text-align:center;overflow:hidden;background:url(../images/five.png) center top no-repeat}



.box_03 .center ul li:nth-of-type(5) .num{font-size:30px;line-height:30px; font-family:Arial;font-weight:bold;color:#fff;margin-top:13px;}



.box_03 .center ul li:nth-of-type(5) p{font-size:14px;line-height:14px;color:#fff;margin-top:34px;}



.box_03 .center ul li:nth-of-type(5) .icon{width:69px;height:69px; background:url(../images/ys_icon_05.png);position:absolute;bottom:0;right:0;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:nth-of-type(6){width:528px;height:110px;position:absolute;right:0;bottom:0;}



.box_03 .center ul li:nth-of-type(6) .txt{width:540px;height:110px;text-align:center;overflow:hidden;background:url(../images/six.png) center top no-repeat}



.box_03 .center ul li:nth-of-type(6) .num{font-size:30px;line-height:30px; font-family:Arial;font-weight:bold;color:#fff;margin-top:13px;}



.box_03 .center ul li:nth-of-type(6) p{font-size:14px;line-height:14px;color:#fff;margin-top:34px;}



.box_03 .center ul li:nth-of-type(6) .icon{width:69px;height:69px; background:url(../images/ys_icon_06.png);position:absolute;bottom:0;left:0;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:hover .icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}









/* 合作客户 */

.box_04{width:1200px;height:215px;margin:50px auto 0 auto;overflow:hidden;}



.box_04 ul{width:1200px;height:auto;margin:30px auto 0 auto;overflow:hidden;}



.box_04 ul li{width:222px;float:left;margin-right:22px;}



.box_04 ul li:last-child{margin-right:0;}



.box_04 ul li a{display:block;}



.box_04 ul li .img{width:220px;height:98px;overflow:hidden;border:solid 1px #d2d2d2;-webkit-transition:all .5s;transition:all .5s;}



.box_04 ul li:hover .img{border:solid 1px #1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_04 ul li .img img{width:220px;height:98px;transition: all 1s;vertical-align:top;}



.box_04 ul li:hover .img img{transform: scale(1.2);}



.box_04 ul li .name{font-size:14px;color:#545454;line-height:15px;margin-top:15px;padding:0 20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_04 ul li:hover .name{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}









/* 合作案例 */

.box_05{width:100%;height:auto;margin-top:55px;}



.box_05 .main{width:100%;height:auto;margin-top:50px;overflow:hidden;position:relative;}



.box_05 .main li{width:24.2%;height:auto;float:left;margin-right:1.06%;position:relative;overflow:hidden;margin-bottom:30px;}



.box_05 .main li a{display:block;}



.box_05 .main li:nth-of-type(4n){margin-right:0;}



.box_05 .main li .pad{position:relative;display:block;padding:31.5%;overflow:hidden;}



.box_05 .main li .pad .img{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom: 0;overflow: hidden;}



.box_05 .main li .pad .img img{width:100%;height:100%;vertical-align:top;}



.box_05 .main li .pad .hide{width:100%;height:100%;background:url(../images/link.png) center center no-repeat rgba(34,34,34,0.5);overflow:hidden;position:absolute;top:-100%;left:0%;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li:hover .pad .hide{top:0%;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li .txt{width:80%;padding:0 18% 0 2%;height:50px;line-height:50px;font-size:14px;color:#fff;background:url(../images/dian01.png) 98% center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li .txt::before{content:'';width:100%;height:1px;background:#ccc;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li .txt::after{content:'';width:0;height:1px;background:#1672d1;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li:hover .txt::after{content:'';width:100%;height:1px;background:#1672d1;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li:hover .txt{background:url(../images/dian02.png) 98% center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li .txt .name{width:90%;height:49px;line-height:49px;font-size:16px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li:hover .txt .name{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li .txt .name::after{content:'';width:1px;height:30px;background:#ccc;position:absolute;top:10px;left:85%;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .main li:hover .txt .name::after{content:'';width:1px;height:30px;background:#1672d1;position:absolute;top:10px;left:85%;-webkit-transition:all .5s;transition:all .5s;}











/* 关于我们 */

.box_06{width:100%;height:430px;margin-top:30px;background:#f3f3f3;}



.box_06 .center{width:1200px;height:430px;margin:0 auto;}



.box_06 .center .left{width:530px;height:430px;float:left;position:relative;}



.box_06 .center .left img{width:890px;height:430px; vertical-align:top;position:absolute;top:0;right:0;}



.box_06 .center .right{width:600px;height:430px;float:right;position:relative;}



.box_06 .center .right h4{font-size:14px;line-height:24px;color:#999;text-transform: Uppercase;margin-top:60px;}



.box_06 .center .right h4 a{display:inline-block;font-size:24px;color:#545454;}



.box_06 .center .right .ms{font-size:14px;line-height:30px;max-height:180px;overflow:hidden;color:#999;margin-top:40px;text-indent:2em;}



.box_06 .center .right ul{width:600px;height:100px;position:absolute;left:0;bottom:0;overflow:hidden;}



.box_06 .center .right ul li{width:150px;height:100px;float:left;background:url(../images/list_xian.png) right center no-repeat;}



.box_06 .center .right ul li:last-child{background:none;}



.box_06 .center .right ul li i{display:block;width:42px;height:33px;margin:15px auto 0 auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_06 .center .right ul li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_06 .center .right ul li:nth-of-type(1) i{background:url(../images/list_icon_01.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(2) i{background:url(../images/list_icon_03.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(3) i{background:url(../images/list_icon_05.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(4) i{background:url(../images/list_icon_07.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(1):hover i{background:url(../images/list_icon_02.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(2):hover i{background:url(../images/list_icon_04.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(3):hover i{background:url(../images/list_icon_06.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:nth-of-type(4):hover i{background:url(../images/list_icon_08.png);-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li a{display:block;font-size:16px;color:#858585;line-height:16px;margin-top:18px;text-align:center;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right ul li:hover a{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}







/* 最新资讯 */

.box_07{width:100%;height:240px;padding-top:30px;background:#f3f3f3;}



.box_07 .bt{width:1200px;height:55px;margin:0 auto;}



.box_07 .bt p{font-size:18px;line-height:14px;color:#999;margin-bottom:16px;font-family:Arial;text-transform:Uppercase;}



.box_07 .bt h3{height:24px;font-size:24px;line-height:24px;color:#545454;font-weight:bold;}



.case{width:1200px;height:auto;margin:30px auto 0 auto;}



.case .succ{width:1200px;height:auto;position:relative;overflow:hidden;}



.case .succ .show{width:1200px;margin:0 auto;overflow:hidden;}



.case .succ .show .tempWrap{width:1200px;margin:0 auto;overflow:hidden;}



.case .succ .show ul{overflow:hidden;height:100px;overflow:hidden;}



.case .succ .show ul li{width:380px;height:100px;margin-right:30px;float:left;overflow:hidden; background:#fff;}



.case .succ .show ul li a{display:block;}



.case .succ .show ul li .date{width:110px;height:100px;float:left;text-align:center;}



.case .succ .show ul li .date span:nth-of-type(1){display:block;font-size:36px;line-height:30px;font-weight:bold;margin-top:25px;color:#545454;}



.case .succ .show ul li .date span:nth-of-type(2){display:block;font-size:14px;line-height:12px;margin-top:15px;color:#999;}



.case .succ .show ul li .txt{width:270px;height:100px;float:right;position:relative;}



.case .succ .show ul li .txt .name{width:250px;font-size:16px;line-height:16px;margin-top:20px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt .name{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li .txt p{width:250px;font-size:14px;line-height:14px;margin-top:10px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.case .succ .show ul li .txt .more{width:270px;height:30px;background:#b5b5b5;position:absolute;left:0;bottom:0;z-index:0;}



.case .succ .show ul li .txt .more::after{content:'';width:0;height:30px;background:#1672d1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt .more::after{content:'';width:270px;height:30px;background:#1672d1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li .txt .more .xq{width:260px;height:30px;line-height:30px;padding:0 5px;color:#fff; background:url(../images/zx_jt.png) 185px center no-repeat;}









/* 新闻中心 */

.box_08{width:100%;height:auto;padding-top:50px;}



.box_08 .center{width:1200px;height:295px;margin:30px auto 0 auto;overflow:hidden;}



.box_08 .center a{display:block;}



.box_08 .center .left{width:610px;float:left;}



.box_08 .center .left h4{font-size:14px;line-height:18px;color:#b5b5b5;text-transform: Uppercase;font-family:Arial;padding-bottom:11px;border-bottom:solid 1px #e5e5e5;}



.box_08 .center .left h4 a{display:inline-block;font-size:18px;color:#005eb2;font-weight:bold;}



.box_08 .center .left .top{width:610px;height:120px;margin-top:20px;padding-bottom:19px;border-bottom:dashed 1px #d2d2d2;overflow:hidden;}



.box_08 .center .left .top .img{width:160px;height:120px;float:left;}



.box_08 .center .left .top .img img{width:160px;height:120px; vertical-align:top;}



.box_08 .center .left .top .txt{width:430px;height:120px;float:right;}



.box_08 .center .left .top .txt .name{display:block;width:430px;height:20px;line-height:20px;font-size:16px;color:#545454;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .top .txt .name:hover{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .top .txt span{display:block;width:auto;height:10px;line-height:10px;font-size:12px;color:#999;font-family:Arial;margin-bottom:22px;}



.box_08 .center .left .top .txt p{width:600px;line-height:25px;max-height:50px;overflow:hidden;font-size:14px;color:#999;}



.box_08 .center .left .bottom{overflow:hidden;}



.box_08 .center .left .bottom li{width:580px;height:45px;line-height:45px;margin-top:5px;padding-left:30px;float:left;font-size:14px;overflow:hidden;border-bottom:dashed 1px #d2d2d2;background:url(../images/news_icon_01.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .bottom li:hover{background:url(../images/news_icon_02.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .bottom li a{display:block;height:45px;line-height:45px;width:450px;color:#545454;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .bottom li span{display:block;height:45px;line-height:45px;color:#808080;font-size:14px;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .bottom li:hover{border-bottom:dashed 1px #1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .bottom li:hover a{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .left .bottom li:hover span{color:#1672d1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right{width:530px;float:right;}



.box_08 .center .right h4{font-size:14px;line-height:18px;color:#b5b5b5;text-transform: Uppercase;font-family:Arial;padding-bottom:11px;border-bottom:solid 1px #e5e5e5;}



.box_08 .center .right h4 a{display:inline-block;font-size:18px;color:#005eb2;font-weight:bold;}



.box_08 .center .right ul{width:530px;margin-top:20px;}



.box_08 .center .right ul li{width:530px;height:70px;position:relative;z-index:0;overflow:hidden;margin-top:16px;}



.box_08 .center .right ul li:nth-of-type(1){margin-top:0px;}



.box_08 .center .right ul li::after{content:'';width:0;height:70px;background:#1672d1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li:hover::after{content:'';width:530px;height:70px;background:#1672d1;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li .txt{width:410px;float:left;padding-left:10px;}



.box_08 .center .right ul li .txt a{width:410px;font-size:16px;line-height:16px;margin-top:10px;color:#545454;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:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li .txt p{width:410px;font-size:14px;line-height:14px;margin-top:15px;color:#858585;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li:hover .txt p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li .date{width:80px;height:70px;float:right;text-align:center;color:#858585;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li:hover .date{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .right ul li .date span:nth-of-type(1){display:block;font-size:30px;line-height:24px;margin-top:10px;}



.box_08 .center .right ul li .date span:nth-of-type(2){display:block;font-size:14px;line-height:12px;margin-top:10px;}









/* 联系我们 */

.box_09{width:100%;height:320px;padding-top:100px;background:url(../images/ly_back.jpg) center top no-repeat;margin-top:50px;}



.box_09 .form{width:1200px;height:280px;margin:0 auto;position:relative;}



.box_09 .form p{width:358px;height:48px;overflow:hidden;background:#fff;border:solid 1px #d2d2d2;}



.box_09 .form input{display:block;width:308px;height:48px;line-height:48px;padding-left:50px;color:#858585;font-size:14px;}



.box_09 .form p:nth-of-type(1) input{background:url(../images/name.png) 10px center no-repeat #fff;}



.box_09 .form p:nth-of-type(2) input{background:url(../images/phone.png) 10px center no-repeat #fff;}



.box_09 .form p:nth-of-type(1){position:absolute;left:20px;top:0;}



.box_09 .form p:nth-of-type(2){position:absolute;left:420px;top:0;}



.box_09 .form p:nth-of-type(3){width:360px;height:50px;border:none;position:absolute;top:0;right:20px;overflow:hidden;}



.box_09 .form p:nth-of-type(3) input{display:block;width:190px;height:48px;line-height:48px;padding-left:18px;color:#858585;border:solid 1px #d2d2d2;font-size:14px;background:#fff;float:left;}



.box_09 .form p:nth-of-type(3) img{display:block;float:right;width:125px;height:50px;}



.box_09 .form p:nth-of-type(4){width:1158px;height:108px;border:solid 1px #d2d2d2;position:absolute;left:20px;top:80px;}



.box_09 .form textarea{width:1108px;height:108px;line-height:48px;background:url(../images/liuyan.png) 10px 8px no-repeat #fff;padding-left:50px;}



.box_09 .form .tj{width:400px;height:60px;border:none;position:absolute;bottom:0;left:400px;background:#1672d1;z-index:0;border-radius:5px;overflow:hidden;}



.box_09 .form .tj .btn{display: block;width:400px;height:60px;line-height:60px;text-align:center;font-size:14px;color:#fff;border:none;background:none;}



.box_09 .form .tj::before{content:'';width:0px;height:60px;background:#2f3440;position:absolute;top:0;right:200px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .form .tj:hover::before{content:'';width:200px;height:60px;background:#2f3440;position:absolute;top:0;right:200px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .form .tj::after{content:'';width:0px;height:60px;background:#2f3440;position:absolute;top:0;left:200px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .form .tj:hover::after{content:'';width:200px;height:60px;background:#2f3440;position:absolute;top:0;left:200px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 友情链接 */

.links{width:1200px;margin:60px auto 40px auto;background:#fff;clear:both;}



.links .bt{width:1200px;height:40px;font-size:24px;color:#545454;line-height:40px;background:url(../images/link_xian.png) right 28px no-repeat;font-family:Arial;text-transform: Uppercase;overflow:hidden;position:relative;}



.links .bt i{font-size:48px;line-height:40px;}



.links .bt span{display:inline-block;font-size:16px;font-weight:bold;line-height:16px;position:absolute;left:100px;bottom:2px;}



.links .link{width:1200px;height:14px;margin:30px auto 0 auto;overflow:hidden;}



.links .link a{display:inline-block;width:120px;text-align:center;float:left;font-size:14px;height:14px;line-height:14px;color:#858585;border-right:solid 2px #ababab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.links .link a:last-child{border-right:none;}



.links .link a:hover{text-decoration:underline;color:#1672d1;}























.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: #66b4e1;

}



.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

}

