/*



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



.h_title h3{height:45px;font-size:24px;line-height:25px;color:#23a23c;font-weight:bold; background:url(../images/h_xian.png) center bottom no-repeat;}



.h_title h3 a{display:block;color:#23a23c;}



.h_title p{width:220px;font-size:14px;line-height:15px;color:#b2b2b2;text-transform: Uppercase;margin-top:15px;}















/* 第一个板块 */

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



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



.txtScroll-top{width:440px;height:20px;margin:20px 0;float:left;}



.txtScroll-top h4{width:25px;height:20px;font-size:14px;line-height:20px;color:#23a23c;background:url(../images/hot_01.png) left center no-repeat;text-align:right;float:left;}



.txtScroll-top .bd{width:410px;height:20px;line-height:20px;float:right;}



.txtScroll-top .infoList li{height:20px;line-height:20px;overflow:hidden;}



.txtScroll-top .infoList li a{font-size:14px;color:#808080;display:block;width:410px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.txtScroll-top .infoList li:hover a{color:#23a23c;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .right{width:280px;height:34px;margin:13px 0;float:right;overflow:hidden;}



.box_01 .right .input{width:233px;height:32px;line-height:32px;color:#acacac;display:block;background:#fafafa;padding-left:10px;float:left;font-size:14px;border:solid 1px #23a23c;border-right:none;box-sizing:content-box;}



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











/* 产品中心 */

.box_02{width:100%;padding:60px 0;background:#fff;}



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



.box_02 .center .left{width:260px;height:620px;position:relative;float:left;background:url(../images/l_f_back.jpg);}



.box_02 .center .left .bt{width:260px;height:75px;padding-top:25px;}



.box_02 .center .left .bt h4{width:160px;font-size:24px;color:#fff;line-height:32px;font-weight:bold;margin-bottom:15px;background:url(../images/pro_icon.png) 60px center no-repeat;padding-lefT:100px;}



.box_02 .center .left .bt p{font-size:14px;color:#fff;line-height:12px;font-weight:bold;text-align:center;text-transform: Uppercase;}



.menu{width:240px;height:375px;padding-top:20px;overflow: auto;overflow-x:hidden;background:#fff;margin:0 auto;}



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



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



.menu li{width:220px;height:42px;line-height:42px;margin:0 auto 10px auto;background:#f5f5f5;position:relative;z-index:0;}



.menu li::before{content:'';width:220px;height:0px;background:#23a23c;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.menu li:hover::before{content:'';width:220px;height:42px;background:#23a23c;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.menu li a{display:block;width:150px;padding:0 30px 0 40px;font-size:14px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.menu li:hover a{width:150px;padding:0 50px 0 20px;color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.menu li a::before{content:'';width:10px;height:2px;background:#b3b3b3;position:absolute;top:20px;left:20px;-webkit-transition:all .5s;transition:all .5s;}



.menu li:hover a::before{content:'';width:0px;height:2px;background:#b3b3b3;position:absolute;top:20px;left:20px;-webkit-transition:all .5s;transition:all .5s;}



.menu li a::after{content:'';width:0px;height:2px;background:#fff;position:absolute;top:20px;right:30px;-webkit-transition:all .5s;transition:all .5s;}



.menu li:hover a::after{content:'';width:10px;height:2px;background:#fff;position:absolute;top:20px;right:30px;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .tel{width:240px;height:auto;margin:30px auto 0 auto;}



.box_02 .center .left .tel p:nth-of-type(1){font-size:14px;color:#fff;line-height:18px;margin-left:30px;}



.box_02 .center .left .tel p:nth-of-type(1) span{font-size:18px;}



.box_02 .center .left .tel p:nth-of-type(2){font-size:14px;color:#fff;line-height:16px;margin:18px 0 0 16px;}



.box_02 .center .left .tel p:nth-of-type(2) span{font-size:20px;font-weight:bold;line-height:16px;}



.pro-center{width:920px;height:620px;float:right;}



.pro-center .hd{width:320px;height:40px;}



.pro-center .hd ul{width:320px;height:40px;line-height:40px;font-size:14px;float:left;}



.pro-center .hd ul li{width:100px;height:40px;line-height:40px;padding-left:50px;background:url(../images/hot_01.png) 25px center no-repeat #23a23c;color:#fff;float:left;-webkit-transition:all .5s;transition:all .5s;}



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



.pro-center .hd ul li.on{background:url(../images/hot_02.png) 25px center no-repeat #ff6012;-webkit-transition:all .5s;transition:all .5s;}



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



.pro-center .bd .main{width:920px;height:580px;position:relative;}



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



.pro-center .bd .main li{width:293px;height:270px;overflow:hidden;float:left;margin:20px 20px 0 0;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover{-moz-box-shadow:0px 0px 15px rgba(35,162,60,0.2);-webkit-box-shadow:0px 0px 15px rgba(35,162,60,0.2);box-shadow:0px 0px 15px rgba(35,162,60,0.2);-webkit-transition:all .5s;transition:all .5s;}



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



.pro-center .bd .main li .img{width:293px;height:220px;overflow:hidden;position:relative;}



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



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



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



.pro-center .bd .main li .img .hide{display:block;width:56px;height:52px;background:url(../images/links.png);position:absolute;right:-56px;top:-52px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.pro-center .bd .main li:hover .img .hide{position:absolute;right:0;top:0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.pro-center .bd .main li .txt{width:293px;height:50px;background:#fafafa;outline:1px dashed #fafafa;outline-offset: -5px;position:relative;z-index:0;}



.pro-center .bd .main li .txt::after{content:'';width:293px;height:0px;background:#23a23c;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover .txt::after{content:'';width:293px;height:50px;background:#23a23c;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li .name{width:220px;height:50px;line-height:50px;padding:0 53px 0 20px;font-size:14px;color:#4c4c4c;background:url(../images/hot_01.png) 270px 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/hot_02.png) 260px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}









/* 横栏广告 */

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



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



.box_03 .center .pos{width:440px;height:auto;position:absolute;top:70px;right:0;}



.box_03 .center .pos p:nth-of-type(1){font-size:20px;line-height:21px;font-weight:bold;color:#23a23c;margin-bottom:20px;text-align:right;}



.box_03 .center .pos p:nth-of-type(2){width:440px;height:36px;border-bottom:solid 1px #f5f5f5;font-size:16px;line-height:16px;color:#4c4c4c;text-align:right;margin-bottom:20px;}



.box_03 .center .pos .tel{width:420px;height:30px;margin-left:20px;overflow:hidden;}



.box_03 .center .pos .tel span{font-size:16px;color:#4c4c4c;line-height:30px;float:left;}



.box_03 .center .pos .tel span i{font-size:24px;color:#23a23c;font-weight:bold;}



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



.box_03 .center .pos .tel a::before{content:'';width:120px;height:0px;background:#ff6012;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:120px;height:30px;background:#ff6012;position:absolute;top:0;right:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 工程案例 */

.box_04{width:1200px;height:auto;padding:70px 0;margin:0 auto;}



.picture{width:1200px;height:440px;margin:20px auto 0 auto;position:relative;overflow:hidden;}



.picture .hd{position:absolute;left:0;top:0;z-index:5;width:1200px;height:1px;}



.picture .hd .prev{position:absolute;left:0;top:270px;z-index:5;width:35px;height:35px;background:url(../images/case_jt_03.png) center center no-repeat #646464;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.picture .hd .next{position:absolute;right:0;top:270px;z-index:5;width:35px;height:35px;background:url(../images/case_jt_04.png) center center no-repeat #646464;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;}



.picture .hd .prev:hover{background:url(../images/case_jt_03.png) center center no-repeat #ff6012;-webkit-transition:all .5s;transition:all .5s;}



.picture .hd .next:hover{background:url(../images/case_jt_04.png) center center no-repeat #ff6012;-webkit-transition:all .5s;transition:all .5s;}



.picture .bd{width:1190px;height:440px;position:relative;padding:0 5px;}



.picture ul{width:1200px;height:430px;padding:5px 0 !important;overflow:hidden;}



.picture ul li{width:360px;height:410px;padding:10px;margin-right:27px;background:#fff;position:relative;-webkit-transition:all .5s;transition:all .5s;float:left;}



.picture ul li::before{content:'';width:360px;height:100px;background:url(../images/case_back.png);position:absolute;bottom:-105px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li:hover::before{content:'';width:360px;height:100px;background:url(../images/case_back.png);position:absolute;bottom:0px;left:0;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li::after{content:'';width:22px;height:14px;background:url(../images/case_jt_01.png);position:absolute;bottom:20px;left:50%;margin-left:-11px;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li:hover::after{content:'';background:url(../images/case_jt_02.png);-webkit-transition:all .5s;transition:all .5s;}



.picture ul li:hover{background:#23a23c;-moz-box-shadow:0px 0px 15px rgba(35,162,60,0.2);-webkit-box-shadow:0px 0px 15px rgba(35,162,60,0.2);box-shadow:0px 0px 15px rgba(35,162,60,0.2);-webkit-transition:all .5s;transition:all .5s;}



.picture ul li a{display:block;overflow:hidden;}



.picture ul li .img{width:360px;height:250px;overflow:hidden;}



.picture ul li img{width:360px;height:250px;transition: all 1s;vertical-align:top;}



.picture ul li:hover img{transform: scale(1.2);}



.picture ul li .name{width:320px;height:34px;line-height:16px;text-align:center;font-size:16px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:25px auto 10px auto;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li .name::after{content:'';width:30px;height:2px;background:#e6e6e6;position:absolute;bottom:0;left:50%;margin-left:-15px;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li:hover .name::after{content:'';width:30px;height:2px;background:#fff;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li:hover .name{color:#fff;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li p{width:320px;line-height:30px;max-height:60px;font-size:14px;color:#808080;overflow:hidden;margin:0 auto;-webkit-transition:all .5s;transition:all .5s;}



.picture ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}









/* 企业优势 */

.box_05{width:100%;height:1010px;background:url(../images/ys_back.jpg) center top no-repeat;padding-top:60px;overflow:hidden;}



.box_05 .ys01{width:1200px;height:400px;margin:40px auto 0 auto;}



.box_05 .ys01 .left{width:600px;height:400px;float:left;overflow:hidden;}



.box_05 .ys01 .left .bx{overflow:hidden;margin-top:40px;}



.box_05 .ys01 .left .bx .num{width:44px;height:44px;float:left;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_05 .ys01 .left .bx:hover .num{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_05 .ys01 .left .bx:nth-of-type(1) .num{background:url(../images/ys_icon_01.png) center center no-repeat;} 



.box_05 .ys01 .left .bx:nth-of-type(2) .num{background:url(../images/ys_icon_02.png) center center no-repeat;} 



.box_05 .ys01 .left .bx .txt{width:540px;float:right;}



.box_05 .ys01 .left .bx .txt h4{font-size:24px;height:34px;font-weight:bold;color:#23a23c;line-height:25px;margin-top:5px;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys01 .left .bx:hover .txt h4{margin-left:15px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys01 .left .bx .txt h4::after{content:'';width:90px;height:2px;background:#23a23c;position:absolute;bottom:0;left:0;}



.box_05 .ys01 .left .bx .txt span{font-size:12px;color:#999;line-height:12px;text-transform: Uppercase; font-weight:normal;margin-left:15px;}



.box_05 .ys01 .left .bx .txt p{font-size:14px;color:#808080;line-height:25px;margin-top:15px;padding-left:20px;background:url(../images/ys_icon.png) left 8px no-repeat;}



.box_05 .ys01 .right{width:514px;height:358px;padding:20px;background:#fff;float:right;-moz-box-shadow:0px 0px 15px rgba(35,162,60,0.3);-webkit-box-shadow:0px 0px 15px rgba(35,162,60,0.3);box-shadow:0px 0px 15px rgba(35,162,60,0.3);}



.box_05 .ys01 .right img{width:514px;height:358px; vertical-align:top;}



.box_05 .ys02{width:1200px;height:400px;margin:30px auto 0 auto;}



.box_05 .ys02 .left{width:514px;height:358px;padding:20px;background:#fff;float:left;-moz-box-shadow:0px 0px 15px rgba(35,162,60,0.3);-webkit-box-shadow:0px 0px 15px rgba(35,162,60,0.3);box-shadow:0px 0px 15px rgba(35,162,60,0.3);}



.box_05 .ys02 .left img{width:514px;height:358px; vertical-align:top;}



.box_05 .ys02 .right{width:600px;height:400px;float:right;overflow:hidden;}



.box_05 .ys02 .right .bx{overflow:hidden;margin-top:50px;}



.box_05 .ys02 .right .bx .num{width:44px;height:44px;float:left;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_05 .ys02 .right .bx:hover .num{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_05 .ys02 .right .bx:nth-of-type(1) .num{background:url(../images/ys_icon_03.png) center center no-repeat;} 



.box_05 .ys02 .right .bx:nth-of-type(2) .num{background:url(../images/ys_icon_04.png) center center no-repeat;} 



.box_05 .ys02 .right .bx .txt{width:540px;float:right;}



.box_05 .ys02 .right .bx .txt h4{font-size:24px;height:34px;font-weight:bold;color:#23a23c;line-height:25px;margin-top:5px;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys02 .right .bx:hover .txt h4{margin-left:15px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .ys02 .right .bx .txt h4::after{content:'';width:90px;height:2px;background:#23a23c;position:absolute;bottom:0;left:0;}



.box_05 .ys02 .right .bx .txt span{font-size:12px;color:#999;line-height:12px;text-transform: Uppercase; font-weight:normal;margin-left:15px;}



.box_05 .ys02 .right .bx .txt p{font-size:14px;color:#808080;line-height:25px;margin-top:15px;padding-left:20px;background:url(../images/ys_icon.png) left 8px no-repeat;}









/* 关于我们 */

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



.box_06 .left{width:600px;height:450px;float:left;position:relative;}



.box_06 .left h4{font-size:30px;line-height:32px;font-weight:bold;color:#23a23c;margin:45px 0 20px 0;}



.box_06 .left span{display:block;height:36px;font-size:12px;color:#999;line-height:10px;text-transform: Uppercase;position:relative;}



.box_06 .left span::after{content:'';width:140px;height:2px;background:#23a23c;position:absolute;bottom:0;left:0;}



.box_06 .left .ms{font-size:14px;line-height:30px;max-height:180px;overflow:hidden;color:#808080;margin-top:30px;}



.box_06 .left .gd{width:160px;height:40px;background:#23a23c;position:absolute;left:0;bottom:0;z-index:0;}



.box_06 .left .gd::before{content:'';width:160px;height:0px;background:#ff6012;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .left .gd:hover::before{content:'';width:160px;height:40px;background:#ff6012;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .left .gd a{display:block;width:120px;height:40px;line-height:40px;padding-left:40px;font-size:14px;color:#fff;background:url(../images/more_jt.png) 110px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .left .gd:hover a{width:110px;padding-left:50px;background:url(../images/more_jt.png) 120px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .right{width:540px;height:450px;float:right;position:relative; background:url(../images/about_back.jpg) right bottom no-repeat;}



.box_06 .right img{width:506px;height:320px;position:absolute;left:0;bottom:30px;z-index:2;}











/* 厂区实景 */

.box_07{width:1390px;margin:60px auto 0 auto;height:auto;background:#fff;}



.box_07 .slideGroup02{width:1390px;margin:0 auto;position:relative;}



.box_07 .slideGroup02 .parHd{width:520px;height:40px;margin:40px auto 0 auto;}



.box_07 .slideGroup02 .parHd ul{width:520px;height:40px;overflow:hidden;font-size:14px;}



.box_07 .slideGroup02 .parHd ul li{width:160px;height:40px;line-height:40px;background:#23a23c;color:#fff;text-align:center;cursor:pointer;float:left;margin-right:20px;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}



.box_07 .slideGroup02 .parHd ul li::before{content:'';width:160px;height:0;background:#ff6012;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:160px;height:40px;background:#ff6012;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:1390px;height:260px;margin:40px auto 0 auto;overflow:hidden}



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



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



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



.box_07 .slideGroup02 .parBd ul li{width:280px;margin-right:26.6px;cursor:pointer;float:left;-webkit-transition: all .5s;transition: all .5s;}



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



.box_07 .slideGroup02 .parBd ul li .img{width:280px;height:210px;overflow:hidden;}



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



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



.box_07 .slideGroup02 .parBd ul li .txt{width:280px;height:50px;background:#fafafa;outline:1px dashed #fafafa;outline-offset: -5px;position:relative;z-index:0;}



.box_07 .slideGroup02 .parBd ul li .txt::after{content:'';width:280px;height:0px;background:#23a23c;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parBd ul li:hover .txt::after{content:'';width:280px;height:50px;background:#23a23c;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parBd ul li .name{width:220px;height:50px;line-height:50px;padding:0 50px 0 10px;font-size:14px;color:#4c4c4c;background:url(../images/show_jt_03.png) 253px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .slideGroup02 .parBd ul li:hover .name{width:210px;padding:0 50px 0 20px;color:#fff;background:url(../images/show_jt_04.png) 243px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sPrev{position:absolute;left:0;top:97px;display:block;width:66px;height:66px;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sPrev div{width:66px;height:66px;background:url(../images/by_01.png) no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sPrev .media-prev-p{display:block;width:66px;height:66px;background:url(../images/show_jt_01.png) center center no-repeat;position:absolute;left:0;top:0;cursor:pointer;}



.box_07 .sPrev:hover div{background:url(../images/by_02.png) no-repeat;-webkit-animation:rotate 1s linear infinite;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sNext{position:absolute;right:0;top:97px;display:block;width:66px;height:66px;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sNext div{width:66px;height:66px;background:url(../images/by_03.png) no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .sNext .media-next-p{display:block;width:66px;height:66px;background:url(../images/show_jt_02.png) center center no-repeat;position:absolute;left:0;top:0;cursor:pointer;}



.box_07 .sNext:hover div{background:url(../images/by_04.png) no-repeat;-webkit-animation:rotate 1s linear infinite;-webkit-transition:all .5s;transition:all .5s;}



@-webkit-keyframes rotate{

    0% {-webkit-transform:rotateZ(0deg);-webkit-transform-origin:50% 50%;}



    100% {-webkit-transform:rotateZ(360deg);-webkit-transform-origin:50% 50%;}

}









/* 新闻资讯 */

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



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



.box_08 .center .news_center{width:690px;height:465px;float:left;}



.box_08 .center .news_center .hd{width:690px;height:20px;line-height:20px;padding-bottom:8px;border-bottom:solid 6px #fafafa;position:relative;}



.box_08 .center .news_center .hd ul{width:200px;height:20px;}



.box_08 .center .news_center .hd ul li{width:90px;height:20px;line-height:20px;text-align:center;float:left;font-size:16px;text-align:right;}



.box_08 .center .news_center .hd ul li:nth-of-type(2){float:right;}



.box_08 .center .news_center .hd ul li:nth-of-type(1){background:url(../images/news_icon_01.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .hd ul li:nth-of-type(1).on{background:url(../images/news_icon_02.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .hd ul li:nth-of-type(2){background:url(../images/news_icon_03.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .hd ul li:nth-of-type(2).on{background:url(../images/news_icon_04.png) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .hd ul li a{display:block;color:#4c4c4c;}



.box_08 .center .news_center .hd ul li.on a{font-weight:bold;color:#23a23c;}























.box_08 .center .news_center .bd{width:690px;height:auto;margin-top:30px;}



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



.box_08 .center .news_center .bd .main .top{width:690px;height:150px;overflow:hidden;}



.box_08 .center .news_center .bd .main .top .img{width:198px;height:148px;border:solid 1px #e6e6e6;float:left;}



.box_08 .center .news_center .bd .main .top .img img{width:198px;height:148px;vertical-align:top;}



.box_08 .center .news_center .bd .main .top .txt{width:420px;height:150px;padding:0 35px;background:#fafafa;position:relative;z-index:0;float:right;}



.box_08 .center .news_center .bd .main .top .txt::after{content:'';width:0;height:150px;background:#23a23c;position:absolute;left:0;bottom:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .bd .main .top:hover .txt::after{content:'';width:490px;height:150px;background:#23a23c;position:absolute;left:0;bottom:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



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



.box_08 .center .news_center .bd .main .top:hover .txt .name{padding-left:10px;color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .bd .main .top .txt p{line-height:30px;max-height:60px;overflow:hidden;font-size:14px;color:#808080;text-indent:2em;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .bd .main .top:hover .txt p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .news_center .bd .main .bottom{overflow:hidden;}



.box_08 .center .news_center .bd .main .bottom li{width:690px;height:50px;line-height:49px;font-size:14px;overflow:hidden;position:relative;}



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



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



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



.box_08 .center .news_center .bd .main .bottom li a{display:block;line-height:49px;width:540px;padding-left:20px;background:url(../images/line_01.png) left center no-repeat;color:#4c4c4c;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



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



.box_08 .center .news_center .bd .main .bottom li:hover a{background:url(../images/line_02.png) left center no-repeat;color:#23a23c;-webkit-transition:all .5s;transition:all .5s;}



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



.box_08 .center .cjwt{width:440px;height:465px;float:right;}



.box_08 .center .cjwt .xbt{width:440px;height:20px;line-height:20px;padding-bottom:8px;border-bottom:solid 6px #fafafa;margin-bottom:30px;position:relative;}



.box_08 .center .cjwt .xbt::after{content:'';width:2px;height:20px;background:#23a23c;position:absolute;left:0;top:0;}



.box_08 .center .cjwt .xbt a{display:block;width:100px;height:20px;line-height:20px;text-align:center;font-size:16px;color:#23a23c;}



.box_08 .center .cjwt .quest{width:440px;height:184px;background:#fff;margin-bottom:30px;}



.box_08 .center .cjwt .quest:last-child{margin-bottom:0px;}



.box_08 .center .cjwt .quest a{display:block;width:320px;height:82px;line-height:82px;padding:0 40px 0 80px;font-size:14px;color:#4c4c4c;background:#fafafa;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}



.box_08 .center .cjwt .quest a::before{content:'';width:40px;height:40px;background:url(../images/q_01.png);position:absolute;left:20px;top:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .cjwt .quest a:hover::before{content:'';width:40px;height:40px;background:url(../images/q_02.png);position:absolute;left:20px;top:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .cjwt .quest a:hover{color:#fff;-webkit-transition: all .5s;transition: all .5s;}



.box_08 .center .cjwt .quest a::after{content:'';width:0;height:82px;background:#23a23c;position:absolute;left:0;bottom:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .cjwt .quest a:hover::after{content:'';width:440px;height:82px;background:#23a23c;position:absolute;left:0;bottom:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_08 .center .cjwt .quest p{width:335px;height:50px;padding:16px 80px 16px 25px;background:url(../images/a.png) 378px center no-repeat #fafafa;}



.box_08 .center .cjwt .quest p span{display:block;width:335px;height:50px;font-size:14px;line-height:25px;max-height:50px;overflow:hidden;color:#4c4c4c;text-indent:2em;}









/* 友情链接 */

.links{width:1200px;margin:60px auto 50px auto;background:#fff;}



.links .bt{width:1200px;font-size:18px;color:#23a23c;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:#808080;padding:0 30px;border-right:solid 1px #808080;}



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



.links .link a:hover{text-decoration:underline;color:#23a23c;}











.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

}