/*



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



.h_title h3{height:48px;font-size:28px;line-height:30px;color:#2057ca;font-weight:bold;background:url(../images/h_back.png) center bottom no-repeat;}



.h_title h3 a{display:block;color:#2057ca;}



.h_title p{font-size:14px;line-height:12px;color:#999999;text-transform: Uppercase;margin-top:13px;}









/* 第一个板块 */

.box_01{width:100%;height:80px;background:url(../images/dwy_back.png) center top no-repeat;position:relative;margin-top:-80px;z-index:8;}



.box_01 .center{width:1200px;height:65px;padding-top:15px;margin:0 auto;overflow:hidden;}



.box_01 .center p:nth-of-type(1){font-size:22px;line-height:24px;color:#fff;font-weight:bold;}



.box_01 .center p:nth-of-type(2){font-size:16px;line-height:16px;color:#fff;margin-top:10px;}









/* 产品中心 */

.box_02{width:100%;height:auto;padding:80px 0;background:#fff;}



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



.box_02 .center .left{width:302px;height:600px;position:relative;float:left;background:#2057ca;}



.box_02 .center .left .bt{width:207px;height:95px;padding:40px 0 0 95px; background:url(../images/pro_line.png) center 5px no-repeat,url(../images/pro_icon.png) 40px 40px no-repeat;color:#fff;}



.box_02 .center .left .bt h4{font-size:20px;font-weight:bold;line-height:22px}



.box_02 .center .left .bt p{font-size:12px;line-height:10px;text-transform: Uppercase;margin-top:10px;font-weight:bold;}



.menu .list .menuItem{display:none;}



.menu .list .show{display:block;}



.menu{width:292px;height:430px;margin:0 auto;padding-top:15px;overflow: auto;overflow-x: hidden;background:#fff;border-radius:10px;}



.menu::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}



.menu::-webkit-scrollbar-thumb {border-radius: 10px;background-color:#666;}



.menu .list{width:280px;margin:0 auto 10px auto;}



.menu .list p{width:180px;height:50px;line-height:50px;margin:0 auto;border-radius:5px;font-size:16px;padding:0 60px 0 40px;background:url(../images/you.png) 245px center no-repeat #2057ca;-webkit-transition:all .5s;transition:all .5s;}



.menu .list .xia{width:180px;background:url(../images/xia.png) 245px center no-repeat #2057ca;-webkit-transition:all .5s;transition:all .5s;}



.menu .list p a{display:block;color:#fff;font-weight:bold;font-size:16px;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/pro_jt_02.png) left center no-repeat;}



.menu .list ul{width:280px;margin:0 auto 20px auto;}



.menu .list ul li{width:180px;height:43px;line-height:42px;font-size:14px;padding:0 60px 0 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/pro_jt_01.png) 245px center no-repeat;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.menu .list ul li:hover{background:url(../images/pro_jt_03.png) 245px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.menu .list ul li::before{content:'';width:280px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;}



.menu .list ul li::after{content:'';width:0;height:1px;background:#2057ca;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.menu .list ul li:hover::after{content:'';width:280px;height:1px;background:#2057ca;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.menu .list ul li a{display:block;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.menu .list ul li:hover a{color:#2057ca;padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}



.pro-center{width:860px;height:600px;overflow:hidden;float:right;}



.pro-center .hd{width:860px;height:50px;overflow:hidden;}



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



.pro-center .hd ul li{width:160px;height:40px;line-height:40px;text-align:center;background:#2057ca;color:#fff;float:left;position:relative;z-index:0;}



.pro-center .hd ul li::before{content:'';width:160px;height:0px;background:#cb1f26;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .hd ul li.on::before{content:'';width:160px;height:40px;background:#cb1f26;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



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



.pro-center .bd{width:860px;}



.pro-center .bd .main{overflow:hidden;}



.pro-center .bd .main li{width:268px;height:250px;float:left;margin:25px 28px 0 0;overflow:hidden;position:relative;z-index:0;background:#fafafa;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li::before{content:'';width:268px;height:40px;background:url(../images/pro_by.png) center center no-repeat;position:absolute;bottom:-40px;left:0;-webkit-transition:all .5s;transition:all .5s;}



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



.pro-center .bd .main li::after{content:'';width:268px;height:0px;background:#2057ca;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover::after{content:'';width:268px;height:250px;background:#2057ca;position:absolute;bottom:0;left:0;z-index:-1;-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:268px;height:200px;overflow:hidden}



.pro-center .bd .main li .img img{width:268px;height:200px;transition: all 1s;vertical-align:top;}



.pro-center .bd .main li:hover .img img{transform: scale(0.98);}



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







/* 横栏广告 */

.box_03{width:100%;height:300px;background:url(../images/ad_back.jpg) no-repeat center;overflow:hidden;}



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



.box_03 .center .pos{width:540px;height:auto;position:absolute;top:60px;right:75px;}



.box_03 .center .pos p:nth-of-type(1){font-size:30px;line-height:32px;font-weight:bold;color:#fff;margin-bottom:25px;text-align:center;}



.box_03 .center .pos p:nth-of-type(2){width:540px;height:50px;line-height:50px;background:#fff;font-size:28px;color:#2057ca;text-align:center;margin-bottom:30px;}



.box_03 .center .pos .tel{width:540px;height:50px;overflow:hidden;}



.box_03 .center .pos .tel span{display:block;font-size:30px;color:#fff;font-weight:bold;line-height:50px;padding-left:50px;background:url(../images/tel01.png) left center no-repeat;float:left;}



.box_03 .center .pos .tel a{display:block;width:160px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#2057ca;background:#fff;outline:1px solid #2057ca;outline-offset:-5px;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;float:right;}



.box_03 .center .pos .tel a:hover{color:#fff;outline:1px solid #fff;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .center .pos .tel a::before{content:'';width:160px;height:0px;background:#cb1f26;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .center .pos .tel a:hover::before{content:'';width:160px;height:50px;background:#cb1f26;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 工程案例 */

.box_04{width:1200px;height:auto;margin:80px auto 75px auto;overflow:hidden;}



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



.test .ment{width:1200px;height:auto;position:relative;overflow:hidden;}



.test .ment .show{width:1040px;margin:0 auto;overflow:hidden;}



.test .ment .show .tempWrap{width:1040px;margin:0 auto;}



.test .ment .show ul{width:1040px;overflow:hidden;}



.test .ment .show ul li{width:333px;height:300px;margin-right:20px;position:relative;float:left;overflow:hidden;}



.test .ment .show ul li a{display:block;overflow:hidden;}



.test .ment .show ul li .img{width:333px;height:250px;overflow:hidden;position:relative;}



.test .ment .show ul li .img .pic{width:333px;height:250px;overflow:hidden}



.test .ment .show ul li .img .pic img{width:333px;height:250px;transition: all 1s;vertical-align:top;}



.test .ment .show ul li:hover .img .pic img{transform: scale(1.2);}



.test .ment .show ul li .img .hide{display:block;width:333px;height:250px;background:url(../images/link.png) center center no-repeat rgba(57,57,57,0.6);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.test .ment .show ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.test .ment .show ul li .txt{width:333px;height:40px;background:#fafafa;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:0 5px 5px -1px #e7e7e7;-webkit-box-shadow:0 5px 5px -1px #e7e7e7;box-shadow:0 5px 5px -1px #e7e7e7;}



.test .ment .show ul li .txt::after{content:'';width:0px;height:40px;background:#2057ca;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li:hover .txt::after{content:'';width:333px;height:40px;background:#2057ca;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li .name{width:270px;height:40px;line-height:40px;text-align:center;padding:0 53px 0 10px;font-size:14px;color:#959595;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/pro_jt_04.png) 305px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.test .ment .show ul li:hover .name{color:#fff;background:url(../images/pro_jt_05.png) 305px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.test .sPrev{position:absolute;left:0;top:130px;display:block;width:58px;height:58px;border:solid 1px #bfbfbf;border-radius:50%;background:url(../images/case_jt_01.png) center center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.test .sPrev:hover{border:solid 1px #2057ca;background:url(../images/case_jt_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.test .sNext{position:absolute;right:0;top:130px;display:block;width:58px;height:58px;border:solid 1px #bfbfbf;border-radius:50%;background:url(../images/case_jt_03.png) center center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.test .sNext:hover{border:solid 1px #2057ca;background:url(../images/case_jt_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}









/* 企业优势 */

.box_05{width:1200px;margin:0 auto;}



.box_05 .center{width:1200px;height:1135px;margin-top:40px;overflow:hidden;background:url(../images/ys_xian.png) 55px 50px no-repeat;position:relative;}



.box_05 .center .bt{width:480px;height:auto;position:absolute;left:560px;top:0;}



.box_05 .center .bt h4{font-size:30px;color:#2057ca;font-weight:bold;line-height:32px;margin-bottom:18px;}



.box_05 .center .bt p{width:480px;height:30px;background:#739bee;border-radius:15px;font-size:16px;color:#fff;line-height:30px;text-align:center;margin-bottom:20px;}



.box_05 .center .bt span{display:block;font-size:24px;line-height:25px;color:#393939;}



.box_05 .center .bt span i{font-weight:bold;color:#2057ca;}



.box_05 .ys01{width:1200px;height:660px;margin:0 auto;overflow:hidden;}



.box_05 .ys01 .left{width:490px;height:660px;float:left;position:relative;}



.box_05 .ys01 .left img{width:479px;height:650px;position:absolute;top:10px;right:0;}



.box_05 .ys01 .right{width:640px;height:auto;margin-top:190px;float:right;}



.box_05 .ys01 .right .bx{overflow:hidden;}



.box_05 .ys01 .right .bx h4{width:260px;height:40px;padding-left:20px;background:#2057ca;border-radius:20px;font-size:22px;color:#fff;line-height:40px;margin-bottom:25px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys01 .right .bx:hover h4{margin-left:20px;background:#cb1f26;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys01 .right .bx h4 span{display:block;font-size:30px;float:left;margin-right:10px;}



.box_05 .ys01 .right .bx p{font-size:14px;color:#878787;line-height:25px;margin:25px 0 50px 0;}



.box_05 .ys02{width:1200px;height:480px;margin:0 auto;overflow:hidden;}



.box_05 .ys02 .left{width:600px;height:auto;margin-top:80px;float:left;}



.box_05 .ys02 .left .bx{overflow:hidden;}



.box_05 .ys02 .left .bx h4{width:260px;height:40px;padding-left:20px;margin-left:320px;background:#2057ca;border-radius:20px;font-size:22px;color:#fff;line-height:40px;margin-bottom:25px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys02 .left .bx:hover h4{margin-left:300px;background:#cb1f26;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys02 .left .bx h4 span{display:block;font-size:30px;float:left;margin-right:10px;}



.box_05 .ys02 .left .bx p{font-size:14px;color:#878787;line-height:25px;margin:25px 0 50px 0;}



.box_05 .ys02 .right{width:600px;height:480px;float:right;position:relative;}



.box_05 .ys02 .right img{width:448px;height:396px;position:absolute;top:0;left:100px;}











/* 关于我们 */

.box_06{width:100%;height:460px;background:url(../images/ab_back.jpg) center top no-repeat;padding-top:70px;overflow:hidden;}



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



.box_06 .center .left{width:640px;height:430px;padding:0 20px;float:left;}



.box_06 .center .left img{width:640px;height:430px;vertical-align:top;}



.box_06 .center .right{width:470px;height:430px;float:right;color:#fff;position:relative;}



.box_06 .center .right h5{font-size:50px;line-height:40px;font-weight:bold;margin-top:35px;text-transform: Uppercase;}



.box_06 .center .right h4{width:340px;font-size:26px;line-height:26px;padding-top:9px;margin-top:20px;border-top:solid 1px #fff;}



.box_06 .center .right span{display:block;width:340px;font-size:12px;line-height:13px;padding-bottom:10px;margin-top:13px;border-bottom:solid 1px #fff;}



.box_06 .center .right p{font-size:14px;line-height:25px;max-height:75px;overflow:hidden;margin-top:45px;}



.box_06 .center .right .more{display:block;width:58px;height:58px;border:solid 1px #2057ca;border-radius:30px;position:absolute;bottom:30px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right .more::before{content:'';width:16px;height:2px;background:#2057ca;position:absolute;top:28px;left:21px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right .more::after{content:'';width:2px;height:16px;background:#2057ca;position:absolute;top:21px;left:28px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right .more:hover{display:block;width:58px;height:58px;border:solid 1px #cb1f26;border-radius:30px;position:absolute;bottom:40px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right .more:hover::before{content:'';width:16px;height:2px;background:#cb1f26;position:absolute;top:28px;left:21px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .center .right .more:hover::after{content:'';width:2px;height:16px;background:#cb1f26;position:absolute;top:21px;left:28px;-webkit-transition:all .5s;transition:all .5s;}









/* 厂区实景 */

.box_07{width:1200px;margin:20px auto 0 auto;height:auto;position:relative;z-index:9;}



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



.box_07 .slideGroup02 .parHd{width:1200px;height:40px;margin:0;position:relative;}



.box_07 .slideGroup02 .parHd ul{width:490px;height:40px;overflow:hidden;font-size:16px;margin:0 auto;}



.box_07 .slideGroup02 .parHd ul li{width:150px;height:40px;line-height:40px;background:#2057ca;color:#fff;text-align:center;cursor:pointer;float:left;margin-right:20px;position:relative;z-index:0;}



.box_07 .slideGroup02 .parHd ul li::before{content:'';width:150px;height:0px;background:#cb1f26;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parHd ul li.on::before{content:'';width:150px;height:40px;background:#cb1f26;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



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



.box_07 .slideGroup02 .parBd{width:1200px;height:295px;margin:20px auto 0 auto;}



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



.box_07 .slideGroup02 .parBd .slideBox .tempWrap{width:1040px;margin:0 auto;overflow:hidden;}



.box_07 .slideGroup02 .parBd ul{width:1040px;overflow:hidden; zoom:1;}



.box_07 .slideGroup02 .parBd ul li{width:333px;height:295px;margin-right:20px;cursor:pointer;float:left;overflow:hidden;position:relative;}



.box_07 .slideGroup02 .parBd ul li a{display:block;}



.box_07 .slideGroup02 .parBd ul li .img{width:333px;height:250px;overflow:hidden;position:relative;}



.box_07 .slideGroup02 .parBd ul li .img .pic{width:333px;height:250px;overflow:hidden}



.box_07 .slideGroup02 .parBd ul li .img .pic img{width:333px;height:250px;transition: all 1s;vertical-align:top;}



.box_07 .slideGroup02 .parBd ul li:hover .img .pic img{transform: scale(1.2);}



.box_07 .slideGroup02 .parBd ul li .img .hide{display:block;width:333px;height:250px;background:url(../images/link.png) center center no-repeat rgba(57,57,57,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.box_07 .slideGroup02 .parBd ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.box_07 .slideGroup02 .parBd ul li .name{width:270px;height:45px;line-height:45px;padding:0 53px 0 10px;font-size:14px;color:#4c4c4b;background:url(../images/pro_jt_04.png) 305px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}



.box_07 .slideGroup02 .parBd ul li:hover .name{color:#2057ca;background:url(../images/pro_jt_06.png) 305px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sPrev{position:absolute;left:0;top:130px;display:block;width:58px;height:58px;border:solid 1px #bfbfbf;border-radius:50%;background:url(../images/show_jt_01.png) center center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sPrev:hover{border:solid 1px #2057ca;background:url(../images/show_jt_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sNext{position:absolute;right:0;top:130px;display:block;width:58px;height:58px;border:solid 1px #bfbfbf;border-radius:50%;background:url(../images/show_jt_03.png) center center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sNext:hover{border:solid 1px #2057ca;background:url(../images/show_jt_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}











/* 新闻资讯 */

.box_08{width:100%;padding-top:50px;background:#f5f5f5;margin-top:65px;}



.box_08 .news_center{width:1200px;height:434px;margin:40px auto 0 auto;}



.box_08 .news_center .hd{width:520px;height:44px;line-height:44px;margin:0 auto;}



.box_08 .news_center .hd ul{width:520px;height:44px;}



.box_08 .news_center .hd ul li{width:160px;height:44px;line-height:44px;background:#2057ca;text-align:center;float:left;font-size:14px;margin-right:20px;position:relative;z-index:0;}



.box_08 .news_center .hd ul li:nth-of-type(3){margin-right:0;}



.box_08 .news_center .hd ul li::before{content:'';width:160px;height:0px;background:#cb1f26;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .hd ul li.on::before{content:'';width:160px;height:44px;background:#cb1f26;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



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



.box_08 .news_center .bd{width:1200px;height:auto;margin-top:40px;}



.box_08 .news_center .bd .main{height:auto;overflow:hidden;}



.box_08 .news_center .bd .main .top{width:1200px;height:200px;overflow:hidden;}



.box_08 .news_center .bd .main .top .img{width:370px;height:200px;float:left;}



.box_08 .news_center .bd .main .top .img img{width:370px;height:200px;vertical-align:top;}



.box_08 .news_center .bd .main .top ul{width:785px;height:200px;float:right;overflow:hidden;}



.box_08 .news_center .bd .main .top ul li{width:370px;float:left;}



.box_08 .news_center .bd .main .top ul li:last-child{float:right;}



.box_08 .news_center .bd .main .top ul li .name{display:block;height:15px;line-height:15px;font-size:14px;color:#4c4c4c;margin:30px 0 25px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .top ul li:hover .name{padding-left:10px;color:#2057ca;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .top ul li p{line-height:30px;max-height:60px;overflow:hidden;font-size:14px;color:#808080;text-indent:2em;}



.box_08 .news_center .bd .main .top ul li span{display:block;font-size:14px;color:#b2b2b2;line-height:15px;padding-top:17px;position:relative;margin-top:20px;}



.box_08 .news_center .bd .main .top ul li span::before{content:'';width:40px;height:1px;background:#ebebeb;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .top ul li span::after{content:'';width:0px;height:1px;background:#2057ca;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .top ul li:hover span::after{content:'';width:40px;height:1px;background:#2057ca;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom{width:1200px;overflow:hidden;}



.box_08 .news_center .bd .main .bottom li{width:370px;height:50px;line-height:49px;font-size:14px;overflow:hidden;position:relative;float:left;margin-right:45px;}



.box_08 .news_center .bd .main .bottom li::before{content:'';width:370px;height:1px;background:#e5e5e5;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li::after{content:'';width:0;height:1px;background:#2057ca;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:hover::after{content:'';width:370px;height:1px;background:#2057ca;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:nth-of-type(3n){margin-right:0;}



.box_08 .news_center .bd .main .bottom li a{display:block;line-height:49px;width:280px;padding-left:10px;color:#4c4c4c;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_08 .news_center .bd .main .bottom li a::before{content:'';width:4px;height:4px;background:#ccc;border-radius:2px;position:absolute;left:0;top:23px;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:hover a::before{content:'';width:4px;height:4px;background:#2057ca;border-radius:2px;position:absolute;left:10px;top:23px;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li span{display:block;line-height:49px;color:#999;font-size:12px;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:hover a{width:270px;color:#2057ca;padding-left:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .news_center .bd .main .bottom li:hover span{color:#2057ca;-webkit-transition:all .5s;transition:all .5s;}













/* 友情链接 */

.links{width:100%;padding:80px 0;background:#f5f5f5;}



.links .bt{width:1200px;margin:0 auto;font-size:18px;color:#2057ca;font-weight:bold;text-align:center;line-height:19px;text-transform: Uppercase;background:url(../images/yqlj_xian.png) center center no-repeat;}



.links .bt span{font-size:14px;}



.links .link{width:1200px;height:14px;margin:30px 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:#666;padding:0 30px;border-right:solid 1px #666;}



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



.links .link a:hover{text-decoration:underline;color:#2057ca;}









/* 在线留言 */

.box_09{width:100%;height:400px;background:url(../images/ly_back.jpg) center top no-repeat;overflow:hidden;}



.box_09 .center{width:900px;height:400px;padding-left:300px;margin:0 auto;overflow:hidden;}



.box_09 .center .left{width:475px;height:400px;float:left;color:#fff;}



.box_09 .center .left h4{font-size:30px;line-height:30px;font-weight:bold;height:39px;border-bottom:solid 1px #fff;margin-top:55px;}



.box_09 .center .left p:nth-of-type(1){font-size:20px;font-weight:bold;line-height:22px;margin-top:20px;}



.box_09 .center .left p:nth-of-type(2){font-size:16px;font-weight:bold;margin-top:50px;overflow:hidden;text-align:center;}



.box_09 .center .left p:nth-of-type(2) span{display:block;width:98px;line-height:26px;float:left;text-align:center;margin-right:10px;}



.box_09 .center .left .tel{padding-left:72px;background:url(../images/tel02.png) left center no-repeat;height:52px;padding-top:10px;margin-top:65px;}



.box_09 .center .left .tel span:nth-of-type(1){display:block;font-size:14px;color:#f5f5f5;line-height:15px;}



.box_09 .center .left .tel span:nth-of-type(2){display:block;font-size:26px;color:#f5f5f5;font-weight:bold;line-height:22px;margin-top:10px;}



.box_09 .center .right{width:345px;height:400px;padding:0 25px;float:right;background:#fff;}



.box_09 .center .right h4{font-size:24px;line-height:24px;height:35px;color:#2057ca;text-align:center;background:url(../images/ly_xian.png) center bottom no-repeat;margin:20px 0 15px 0;}



.box_09 .center .right span{display:block;font-size:14px;color:#999;line-height:24px;text-align:center;}



.box_09 .center .right .form{width:310px;height:250px;margin:15px auto 0 auto;position:relative;}



.box_09 .center .right .form p{width:308px;height:38px;border:solid 1px #e6e6e6;border-radius:5px;overflow:hidden;position:relative;margin-bottom:13px;}



.box_09 .center .right .form input{width:262px;display:inline-block;height:38px;line-height:38px;padding-left:46px;color:#c9c9c9;font-size:14px;box-sizing:content-box;}



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



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



.box_09 .center .right .form p:nth-of-type(3){width:308px;height:85px;}



.box_09 .center .right .form textarea{width:252px;height:73px;padding:12px 10px 0 46px;font-size:12px;color:#fff;background:url(../images/liuyan.png) 11px 12px no-repeat #fafafa;box-sizing:content-box;}



.box_09 .center .right .form p:nth-of-type(4){width:188px;height:38px;overflow:hidden;border-radius:0;background:#fafafa;position:absolute;bottom:0;left:0;margin-bottom:0;}



.box_09 .center .right .form p:nth-of-type(4) input{display:block;width:90px;height:38px;line-height:38px;color:#c9c9c9;font-size:12px;background:rgba(0,0,0,0);float:left;padding-left:10px;}



.box_09 .center .right .form p:nth-of-type(4) img{display:block;float:right;width:86px;height:36px;margin:1px;}



.box_09 .center .right .form .tj{width:100px;height:40px;border:none;background:#2057ca;position:absolute;bottom:0;right:0;z-index:0;border-radius:5px;overflow:hidden;}



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



.box_09 .center .right .form .tj::before{content:'';width:100px;height:0px;background:#cb1f26;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_09 .center .right .form .tj:hover::before{content:'';width:100px;height:40px;background:#cb1f26;position:absolute;top:0;right:0;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: #0749ce;

}



.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

}