/*



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



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



transition: all 1s;



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



transform:rotate(360deg);



text-transform: Uppercase;font-family:Arial;



*/



/* 公用标题 */

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}





/* 产品中心 */

.box_01{width:100%;height:auto;padding:80px 0;background:url(../images/pro_back.jpg) center bottom no-repeat #f8f8f8;overflow:hidden;}



.box_01 .top{width:1300px;height:116px;margin:0 auto;}



.box_01 .top .h_title{width:515px;height:116px;float:left;position:relative;}



.box_01 .top .h_title h3{width:219px;height:116px; background:url(../images/bt_pro.png);}



.box_01 .top .h_title h3 a{display:block;width:219px;height:116px;}



.box_01 .top .h_title p{font-size:16px;color:#595959;line-height:16px; letter-spacing:30px;position:absolute;bottom:3px;right:0;}



.box_01 .top .ss{width:420px;height:50px;line-height:50px;background:url(../images/ss_bk.png);margin:15px 0;overflow:hidden;float:right;position:relative;}



.box_01 .top .ss .input{width:290px;height:50px;line-height:50px;color:#bfbfbf;display:block;background:rgba(0,0,0,0);font-size:14px;padding:0 15px;box-sizing:content-box;float:left;}



.box_01 .top .ss .buttons{width:50px;height:50px;display:inline-block;background:url(../images/search.png) center center no-repeat #40635d;cursor:pointer;border:none;float:right;}



.box_01 .pro_center{width:1300px;height:auto;margin:50px auto 0 auto;position:relative;}



.box_01 .pro_center .hd{width:1300px;height:80px;position:relative;}



.box_01 .pro_center .hd ul{width:1300px;height:80px;position:relative;display:flex;justify-content: space-between; }



.box_01 .pro_center .hd ul li{width:200px;height:80px;float:left;cursor:pointer;background:url(../images/pro_bk01.png);position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on{background:url(../images/pro_bk02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li::after{content:'';width:236px;height:116px;background:url(../images/yy.png);position:absolute;top:0;left:-10px;z-index:-1;opacity:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on::after{content:'';width:236px;height:116px;background:url(../images/yy.png);position:absolute;top:-10px;left:-10px;z-index:-1;opacity:1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li a{display:block;width:100px;padding:0 10px 0 90px;font-size:16px;color:#595959;line-height:75px;height:80px;position:relative;background:url(../images/dian01.png) 35px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on a{color:#fff;background:url(../images/dian02.png) 35px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li a::after{content:'';width:61px;height:1px;background:#d3dad9;position:absolute;bottom:24px;left:90px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd{width:1300px;height:390px;margin-top:100px;overflow:hidden;}



.box_01 .pro_center .bd .main{width:1300px;height:390px;position:relative;}



.box_01 .pro_center .bd .main a{display:block;}



.box_01 .pro_center .bd .main .img{width:540px;height:370px;border:solid 1px #e4e4e4;padding:9px;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main:hover .img{border:solid 1px #40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .img .pic{width:540px;height:370px;overflow:hidden;}



.box_01 .pro_center .bd .main .img .pic img{width:540px;height:370px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_01 .pro_center .bd .main:hover .img .pic img{transform: scale(1.05);}



.box_01 .pro_center .bd .main .txt{width:690px;height:274px;float:right;border-bottom:solid 1px #cdd9da;overflow:hidden;position:relative;}



.box_01 .pro_center .bd .main .txt .name{font-size:18px;color:#333;line-height:20px;margin-top:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main:hover .txt .name{margin-left:5px;color:#40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt p{font-size:16px;color:#808080;line-height:35px;height:70px;margin-top:30px;overflow:hidden;}



.box_01 .pro_center .bd .main .txt .more{width:95px;height:40px;margin-top:20px;position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt .more:hover{padding:0 15px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt .more::before{content:'';width:100%;height:0;background:#40635d;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt .more:hover::before{content:'';width:100%;height:40px;background:#40635d;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt .more a{display:block;font-size:14px;color:#666;line-height:40px;background:url(../images/pro_jt_01.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt .more:hover a{color:#fff;background:url(../images/pro_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .tel{width:650px;padding-left:40px;position:absolute;bottom:40px;right:0;z-index:9;line-height:21px;font-size:22px;color:#333;font-weight:bold;font-family: 'Times New Roman';background:url(../images/tel02.png) left center no-repeat;}



.box_01 .pro_center .tel span{font-size:16px;display:block;float:left;text-transform: Uppercase;margin-right:10px;}



.box_01 .pro_list{width:1300px;height:390px;margin:60px auto 0 auto;overflow:hidden;position:relative;}



.box_01 .pro_list li{width:400px;height:390px;float:left;overflow:hidden;margin-right:50px;position:relative;}



.box_01 .pro_list li:last-child{margin-right:0;}



.box_01 .pro_list li::after{content:'';width:0;height:2px;background:#40635d;position:absolute;bottom:0;left:50%;margin-left:-0px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li:hover::after{content:'';width:400px;height:2px;background:#40635d;position:absolute;bottom:0;left:50%;margin-left:-200px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li a{display:block;}



.box_01 .pro_list li .img{width:400px;height:300px;overflow:hidden;filter: brightness(1) saturate(1) contrast(1);transition: filter 200ms linear,transform 200ms linear;}



.box_01 .pro_list li .img img{width:400px;height:300px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_01 .pro_list li:hover .img img{transform: scale(1.05);}



.box_01 .pro_list li .txt{width:400px;height:65px;padding-top:25px;overflow:hidden;position:relative;background:url(../images/dian04.png) 350px center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li:hover .txt{background:url(../images/dian03.png) 350px center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .txt .name{width:285px;padding-left:27px;font-size:16px;color:#333;line-height:16px;position:relative;border-left:solid 3px #40635d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li:hover  .txt .name{color:#40635d;border-left:solid 3px #fff;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .txt p{width:285px;padding-left:30px;font-size:14px;color:#bfbfbf;line-height:15px;position:relative;font-family: 'Times New Roman';margin-top:12px;}



.box_01 .pro_list li .txt p::after{content:'';width:220px;height:1px;background:#e8f0f2;position:absolute;top:7px;right:0;}



.box_01 .pro_list:hover > li:not(:hover) .img{filter: brightness(1) saturate(0) contrast(1) blur(0px);}















/* 企业优势 */

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



.box_02 .center{width:1300px;height:860px;margin:0 auto;position:relative;}



.box_02 .center .z_left{width:230px;height:860px;float:left;}



.box_02 .center .z_left .h_title{width:216px;height:auto;}



.box_02 .center .z_left .h_title h3{width:216px;height:116px; background:url(../images/bt_ys.png);}



.box_02 .center .z_left .h_title p{font-size:16px;color:#fff;line-height:16px;margin-top:27px;letter-spacing:15px;}



.box_02 .center .z_left .list{width:216px;height:auto;margin-top:95px;}



.box_02 .center .z_left .list li{padding-left:30px;font-size:16px;color:#c2cac8;line-height:20px;margin-top:30px; background:url(../images/dian05.png) left center no-repeat;}



.box_02 .center .z_left .txt{width:230px;height:auto;margin-top:110px;}



.box_02 .center .z_left .txt p:nth-of-type(1){font-size:16px;color:#c2cac8;line-height:32px;}



.box_02 .center .z_left .txt p:nth-of-type(2){font-size:12px;color:#5f7974;line-height:18px;font-family: 'Times New Roman';margin-top:30px;}



.main_centent{width:1024px;height:765px;float:right;position:relative;}



.main_centent .tel{position:absolute;left:95px;bottom:100px;z-index:9;padding-left:30px;font-size:22px;color:#40635d;font-weight:bold;font-family: 'Times New Roman';line-height:20px;background:url(../images/tel03.png) left center no-repeat;}



.main_centent .tel span{display:block;float:left;font-size:16px;color:#4c4c4c;float:left;font-weight:normal;margin-right:8px;text-transform: Uppercase;}



.main_centent .left_box{width:300px;height:765px;padding:0 42px;background:url(../images/ys_txt.png);position:absolute;left:0;top:0;z-index:5;overflow:hidden;}



.main_centent .left_box::before{content:'';width:22px;height:162px;background:url(../images/reason.png);position:absolute;top:45px;left:50%;margin-left:-11px;-webkit-transition:all .7s;transition:all .7s;}



.main_centent .left_box .banner_txt{width:300px;height:465px;padding-top:250px;position:relative;}



.main_centent .left_box .banner_txt ul{width:300px;height:465px;position:relative;}



.main_centent .left_box .banner_txt li{width:300px;height:465px;left:0;top:0;overflow:hidden;position:absolute;vertical-align:middle;display:table-cell;text-align:center;}



.banner_txt .title{font-size:20px;color:#40635d;font-weight:bold;line-height:22px;transform:translateX(-110%);transition:1s 0.1s;}



.banner_txt .bannerline_01{display:block;font-size:14px;color:#40635d;line-height:14px;text-transform: Uppercase;font-family: 'Times New Roman';margin:25px auto 0 auto;transition:1s 0.2s;transform:translateX(-110%);}



.banner_txt .name_en{width:3px;height:20px; background:#40635d;margin:25px auto 0 auto;transition:1s 0.4s;text-transform:uppercase;transform:translateX(-400px);}



.banner_txt .name{font-size:16px;color:#8c8c8c;line-height:30px;margin:20px auto 0 auto;transition:1s 0.3s;transform:translateX(-210%);}



.banner_txt .classification{display:block;width:118px;height:34px;color:#333;font-size:14px;line-height:34px;margin-top:50px;border:solid 1px #fecb00;text-align:center;border-radius:20px;transition:1s 0.3s;transform:translateX(-110%);}



.banner_txt .classification:hover{color:#333;border:solid 1px #fecb00; background:#fecb00;-webkit-transition:all .7s;transition:all .7s;}



.banner_txt .show{z-index:1;}



.banner_txt .show .title,.banner_txt .show .bannerline_01,.banner_txt .show .name,.banner_txt .show .name_en,.banner_txt .show .details,.banner_txt .show .bannerline_02,.banner_txt .show .classification{transform:translateX(0%) !important;}



.banner_txt .show .classifications{transform:translateX(0%) !important;}



.banner_switch{width:170px;height:45px; background:#40635d;overflow:hidden;position:absolute;left:105px;bottom:180px;z-index:9;display:flex;justify-content: space-between;}



.banner_switch .quantity{width:auto;font-size:20px;color:#333;line-height:25px; font-family:Arial;display:flex;justify-content: space-between;display:none !important;}



.banner_switch .quantity font{font-size:30px;color:#fecb00;margin-right:3px;}



.banner_switch .previous{width:85px;height:45px;cursor:pointer;background:url(../images/ys_jt_01.png) center center no-repeat;float:left;-webkit-transition:all .7s;transition:all .7s;}



.banner_switch .next{width:85px;height:45px;cursor:pointer;background:url(../images/ys_jt_02.png) center center no-repeat;float:right;-webkit-transition:all .7s;transition:all .7s;}



.main_centent .right_box_big{width:950px;height:765px;position:absolute;left:384px;top:0;overflow:hidden;z-index:1;}



.right_box{width:950px;height:765px;overflow:hidden;transition:1s;position:relative;filter:grayscale(100%);transform:scale(0.3,0.3);}



.right_box .banner_pic{width:950px;height:765px;overflow:hidden;transition:1s;position:absolute;transform:scale(1,1);transform:translateY(100vh);}



.right_box .banner_pic_in{transition:1s 0.5s;z-index:9;transform:scale(1.2,1.2);transform:translateY(0vh);}



.right_box .banner_pic_out{transition:1s 0.5s;z-index:8;transform:scale(1.2,1.2);transform:translateY(-100vh);}



.right_box_big .banner_pic img{height:490px;text-align:right;float:right; vertical-align:top;}









/* 工程案例 */

.box_03{width:100%;height:auto;padding:80px 0 70px 0;overflow:hidden;}



.box_03 .top{width:1300px;height:116px;margin:0 auto;}



.topxunpan {width:auto;height:22px;position:relative;float:left;margin-top:45px;}



.thisxp{width:auto;height:22px;}



.topxunpan .xp {position: relative;line-height:22px;color: #333;font-size:14px;cursor: pointer;}



.topxunpan .xp img {margin:4px 5px 0 0; vertical-align:top !important;}



.topxunpan .xp i {display:inline-block;color:#fff;font-size:12px;width:22px;height:22px; background:#40635d;border-radius:11px;text-align:center;}



.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform 1s, opacity 1s;-moz-transition: transform 1s, opacity 1s;-o-transition: transform 1s, opacity 1s;-ms-transition: transform 1s, opacity 1s;transition: transform 1s, opacity 1s;background-color: #40635d;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}



.topxunpan .xp #xunpantip::after {content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: (-50%); transform: translateX(-50%); border: 8px solid transparent;border-bottom-color: #40635d;}



.topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}



.topxunpan i {font-weight: normal;font-style: normal;}



.box_03 .top .h_title{width:490px;height:116px;float:right;position:relative;}



.box_03 .top .h_title h3{width:490px;height:116px; background:url(../images/bt_case.png) right center no-repeat;}



.box_03 .top .h_title p{font-size:16px;color:#595959;line-height:16px; letter-spacing:30px;position:absolute;bottom:3px;left:0;}



.box_03 .case_list{width:1300px;height:410px;margin:50px auto 0 auto;overflow:hidden;position:relative;}



.box_03 .case_list li{width:398px;height:408px;float:left;border:solid 1px #e8f0f2;overflow:hidden;margin-right:50px;position:relative; #fff;}



.box_03 .case_list li:last-child{margin-right:0;}



.box_03 .case_list li a{display:block;}



.box_03 .case_list li .img{width:398px;height:298px;overflow:hidden;}



.box_03 .case_list li .img img{width:398px;height:298px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_03 .case_list li:hover .img img{transform: scale(1.05);}



.box_03 .case_list li .txt{width:350px;height:110px;overflow:hidden;margin:0 auto;}



.box_03 .case_list li .txt .name{width:300px;padding-right:50px;font-size:16px;color:#333;line-height:54px;border-bottom:dashed 1px #eae9e9;background:url(../images/dian05.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_list li:hover  .txt .name{color:#40635d;border-bottom:dashed 1px #40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_list li .txt p{width:350px;font-size:14px;color:#808080;line-height:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_03 .case_center{width:1300px;height:390px;margin:50px auto 0 auto;position:relative;}



.box_03 .case_center .hd{width:170px;height:45px;background:#40635d;overflow:hidden;position:absolute;right:480px;top:0;z-index:9;display:flex;justify-content: space-between;}



.box_03 .case_center .hd .prev{width:85px;height:45px;cursor:pointer;background:url(../images/ys_jt_01.png) center center no-repeat;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .hd .next{width:85px;height:45px;cursor:pointer;background:url(../images/ys_jt_02.png) center center no-repeat;float:right;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd{width:1300px;height:390px;overflow:hidden;}



.box_03 .case_center .bd .main{width:1300px;height:390px;position:relative;}



.box_03 .case_center .bd .main a{display:block;}



.box_03 .case_center .bd .main .img{width:550px;height:370px;border:solid 1px #e4e4e4;padding:9px;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main:hover .img{border:solid 1px #40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main .img .pic{width:550px;height:370px;overflow:hidden;}



.box_03 .case_center .bd .main .img .pic img{width:550px;height:370px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_03 .case_center .bd .main:hover .img .pic img{transform: scale(1.05);}



.box_03 .case_center .bd .main .txt{width:650px;height:320px;float:right;margin-top:80px;overflow:hidden;position:relative;}



.box_03 .case_center .bd .main .txt .name{font-size:20px;color:#333;line-height:22px;font-weight:bold;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main:hover .txt .name{color:#40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main .txt span{display:block;font-size:14px;color:#bfbfbf;line-height:12px;text-transform: Uppercase;font-family: 'Times New Roman';text-align:right;margin-top:22px;}



.box_03 .case_center .bd .main .txt .line{width:650px;height:3px;position:relative;margin-top:30px;}



.box_03 .case_center .bd .main .txt .line::before{content:'';width:650px;height:1px;background:#f0f0f0;position:absolute;top:1px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main .txt .line::after{content:'';width:50px;height:3px;background:#40635d;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main:hover .txt .line::after{content:'';width:150px;height:3px;background:#40635d;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .case_center .bd .main .txt p{font-size:16px;color:#8c8c8c;line-height:35px;height:70px;overflow:hidden;margin-top:25px;text-align:right;}



.box_03 .case_center .tel{width:auto;padding-right:100px;position:absolute;bottom:40px;right:0;z-index:9;line-height:51px;font-size:22px;color:#333333;font-weight:bold;font-family: 'Times New Roman';background:url(../images/tel04.png) right center no-repeat;}









/* 关于我们 */

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



.box_04 .center{width:1300px;height:470px;margin:0 auto;position:relative;z-index:2;}



.box_04 .center::after{content:'';width:231px;height:74px;background:url(../images/2015.png);position:absolute;top:-53px;right:-65px;z-index:-1;}



.box_04 .center .left{width:490px;height:470px;float:left;overflow:hidden;position:relative;}



.box_04 .center .left .h_title{width:219px;height:116px;position:relative;}



.box_04 .center .left .h_title h3{width:219px;height:116px; background:url(../images/bt_ab.png);}



.box_04 .center .left h4{font-size:24px;color:#40635d;font-weight:bold;line-height:26px;margin-top:75px;}



.box_04 .center .left p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height:35px;height:105px;font-size:16px;color:#808080;margin-top:30px;}



.box_04 .center .left .bx{width:310px;height:45px;position:absolute;left:0;bottom:0;}



.box_04 .center .left .bx .more{display:block;width:90px;height:45px;float:left;padding-left:50px; background:url(../images/ab_icon_01.png) 15px center no-repeat #e8f0f2;font-size:16px;color:#333;line-height:45px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .bx .more:hover{background:url(../images/ab_icon_02.png) 15px center no-repeat #40635d;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .bx .zcxc{display:block;width:90px;height:45px;float:right;padding-left:50px;background:url(../images/ab_icon_04.png) 15px center no-repeat #40635d;font-size:16px;color:#fff;line-height:45px;}



.box_04 .picScroll-left01{width:1300px;height:270px;margin:50px auto 0 auto;overflow:hidden;position:relative;}



.box_04 .picScroll-left01 .bd{width:1300px;height:270px;position:relative;margin:0 auto;z-index:5;overflow:hidden;}



.box_04 .picScroll-left01 .bd ul{width:1280px;height:270px;overflow:hidden; zoom:1;}



.box_04 .picScroll-left01 .bd ul li{width:300px;height:270px;overflow:hidden;margin-right:33.3px;position:relative;}



.box_04 .picScroll-left01 .bd ul li a{display:block;}



.box_04 .picScroll-left01 .bd ul li .img{width:280px;height:200px;border:solid 1px #e4e4e4;padding:9px;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li:hover .img{border:solid 1px #40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li .img .pic{width:280px;height:200px;overflow:hidden;}



.box_04 .picScroll-left01 .bd ul li .img .pic img{width:280px;height:200px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_04 .picScroll-left01 .bd ul li:hover .img .pic img{transform: scale(1.05);}



.box_04 .picScroll-left01 .bd ul li .name{width:240px;padding:0 50px 0 10px;height:50px;line-height:50px;position:relative;font-size:16px;color:#333;background:url(../images/ab_icon_02.png) 270px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s}



.box_04 .picScroll-left01 .bd ul li:hover .name{color:#40635d;background:url(../images/ab_icon_01.png) 270px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li .name::after{content:'';width:0px;height:1px;background:#40635d;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li:hover .name::after{content:'';width:300px;height:1px;background:#40635d;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

















/* 新闻资讯 */

.box_05{width:100%;height:600px;padding:160px 0 80px 0;overflow:hidden;}



.box_05 .news_center{width:1300px;height:600px;margin:0 auto;position:relative;}



.box_05 .news_center .hd{width:236px;height:420px;position:absolute;right:0;top:0;z-index:9;}



.box_05 .news_center .hd .h_title{width:219px;height:116px;position:absolute;top:-80px;right:0;}



.box_05 .news_center .hd .h_title h3{width:219px;height:116px; background:url(../images/bt_news.png);}



.box_05 .news_center .hd .h_title h3 a{display:block;width:219px;height:116px;}



.box_05 .news_center .hd ul{width:236px;height:330px;position:absolute;bottom:0;right:0;overflow:hidden;-moz-box-shadow:0px 0px 15px #eee;-webkit-box-shadow:0px 0px 15px #eee;box-shadow:0px 0px 15px #eee;}



.box_05 .news_center .hd ul li{width:236px;height:110px;background:#fff;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li.on{background:#40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li::after{content:'';width:236px;height:1px;background:#d9e0df;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(3)::after{content:'';width:236px;height:1px;background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li a{display:block;width:120px;padding-left:106px;line-height:110px;font-size:16px;color:#333;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(1) a{background:url(../images/n_icon_01.png) 60px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(2) a{background:url(../images/n_icon_03.png) 60px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(3) a{background:url(../images/n_icon_05.png) 60px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(1).on a{background:url(../images/n_icon_02.png) 60px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(2).on a{background:url(../images/n_icon_04.png) 60px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .hd ul li:nth-of-type(3).on a{background:url(../images/n_icon_06.png) 60px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd{width:1300px;height:600px;overflow:hidden;position:relative;}



.box_05 .news_center .bd .main{width:1300px;height:600px;position:relative;}



.box_05 .news_center .bd .main .top{width:990px;height:420px;overflow:hidden;}



.box_05 .news_center .bd .main .top li{width:260px;height:390px;padding:28px 19px 0 19px;border:solid 1px #e8f0f2;float:left;margin-right:45px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd .main .top li:last-child{margin-right:0;}



.box_05 .news_center .bd .main .top li:hover{border:solid 1px #40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd .main .top li a{display:block;}



.box_05 .news_center .bd .main .top li span{display:block;font-size:24px;color:#333;font-weight:bold;line-height:22px;font-family: 'Times New Roman';}



.box_05 .news_center .bd .main .top li .name{font-size:18px;color:#333;line-height:18px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd .main .top li:hover .name{color:#40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd .main .top li p{padding-left:25px;font-size:15px;color:#8c8c8c;line-height:30px;height:60px;overflow:hidden;margin-top:15px;position:relative;}



.box_05 .news_center .bd .main .top li p::before{content:'';width:2px;height:50px;background:#eee;position:absolute;top:5px;left:0;}



.box_05 .news_center .bd .main .top li .img{width:260px;height:195px;margin-top:25px;overflow:hidden;}



.box_05 .news_center .bd .main .top li .img img{width:260px;height:195px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_05 .news_center .bd .main .top li:hover .img img{transform: scale(1.05);}



.box_05 .news_center .bd .main .bottom{width:1220px;padding:0 40px;height:130px;margin:50px auto 0 auto;overflow:hidden; background:url(../images/n_bk.png);}



.box_05 .news_center .bd .main .bottom li{width:380px;height:65px;line-height:65px;float:left;overflow:hidden;margin-right:40px;}



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



.box_05 .news_center .bd .main .bottom li a{display:block;}



.box_05 .news_center .bd .main .bottom li .name{width:260px;padding-left:20px;background:url(../images/ndian01.png) left center no-repeat;font-size:15px;color:#333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd .main .bottom li:hover .name{margin-left:5px;color:#40635d;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .news_center .bd .main .bottom li span{display:block;font-size:12px;color:#bfbfbf;float:right; font-family:Arial;}













/* 友情链接 */

.links{width:100%;height:auto;padding:0 0 70px 0;overflow:hidden;}



.links .center{width:1300px;height:auto;margin:0 auto;}



.links .center p{width:154px;height:35px;float:left;background:url(../images/links.png) center center no-repeat;position:relative;}



.links .center p span{display:block;font-size:16px;color:#40635d;line-height:16px;position:absolute;top:-3px;left:44px;}



.links .center .lk{width:1110px;height:auto;float:right;position:relative;}



.links .center .lk a{display:block;width:auto;font-size:14px;color:#8c8c8c;margin-right:40px;line-height:35px;float:left;-webkit-transition:all .7s;transition:all .7s;}



.links .center .lk a:hover{color:#40635d;-webkit-transition:all .7s;transition:all .7s;}

























/* animated home */

.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }



@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated_1 { animation-delay:0.7s; }

.animated_2 { animation-delay:0.6s; }

.animated_3 { animation-delay:0.9s; }

.animated_4 { animation-delay:1.2s; }

.animated_5 { animation-delay:1.7s; }

.animated_6 { animation-delay:1.8s; }

.animated_7 { animation-delay:2.1s; }

.animated_8 { animation-delay:2.4s; }

.animated_9 { animation-delay:2.7s; }

.animated_10 { animation-delay:3s; }

.animated_11 { animation-delay:3.7s; }

.animated_12 { animation-delay:3.6s; }



/* animated end */









@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}