@charset "utf-8";
.project,.case,.partner,.yzkehu{padding:40px 0}
.case,.news{background: #ebecf0}

/* Title */
.Title{text-align:center}
.Title h1,.Title h2{font-size: 24px;color: #333333;font-weight: normal;margin:0}
.Title h1 a,.Title h2 a{color: #333333;text-decoration: none;}
.Title p{font-size: 28px;color: #1e1e1e;font-family: arial;text-transform: uppercase;word-spacing: 2px;font-weight: bold;}
.Title i{display: block;width: 100%;height: 4px;margin: 13px auto 0;background: url(Img/Index/title_xian.png) no-repeat center;}



/* banner */
.banner{width: 100%;overflow: hidden;height: 598px;position: relative;}
.banner a{display: block;height: 598px;}

#flashs{ position:relative; height:598px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btnList{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0; z-index:999; }
#flashs .btnList span{display: inline-block;width:80px;height: 5px;cursor: pointer; font-size:0; background: #fff;margin-left:2px;}
#flashs .btnList span:first-child{margin-left: 0;}
#flashs .btnList span.cur{background: #131313;}

/*
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}


/* search */
.search{width:100%;height:79px;background:#f3f4f6;}
.search p{float:left;font-size:14px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:79px;line-height:79px}
.search p a{font-size:14px;color:#333;font-weight:normal;margin-right:16px}
.search .Input{width:280px;height:39px;float:right;margin-top:20px}
@media (max-width:860px){.search .Input{display:none}}
.search .Input input{padding:0 4px 0 10px;font-size:13px;outline:none;border:none;color:#999;height:39px;line-height:39px;width:200px;float:left;border:none}
.search .Input a{display:block;float:left;width:54px;height:39px;text-decoration:none;text-align:center;background:url(Img/Index/searchBtn.png) no-repeat center;}

/* project */
.project .ipro{height:250px;padding-top:6px;background:#f3f4f6;text-align: center;position:relative;margin-top:20px}
.project .ipro a{display: block;text-decoration: none;}
.project .ipro img{display: block;}
.project .ipro .Pics{position:relative}
.project .ipro .caise{position: absolute;top: 0;left: 0;display: block;}
.project .ipro h3{font-size:16px;color:#333;font-weight:normal}
.project .ipro p{font-size:14px;color:#666}
.project .ipro span{display:block;width:40px;height:40px;position:absolute;bottom:25px;left:50%;margin-left:-20px;overflow:hidden}
.project .ipro span img{position: relative;}
.project .ipro:hover{box-shadow: 5px 5px 40px rgba(0,0,0,.2);transform: scale(1.05)}
.project .ipro:hover .caise{display: block;}
.project .ipro:hover span img{top: -40px;}
@media (max-width: 992px){.project li:last-child{display:none}}


/* case */
.case{width:100%;text-align:center}
.case .menu{height:66px;background:#313538;position:relative;margin-top:20px}
.case .menu ul{height:50px}
.case .menu li{width:20%;float:left;height:66px;border-left:1px solid #232628;border-right:1px solid #3b3f42}
.case .menu li p{line-height: 66px;height: 66px;position: relative;font-size: 16px;color: #fff;}
.case .menu li p a{display: block;text-decoration: none;color: #fff;}
.case .menu li p i{display: none;width: 11px;height: 6px;position: absolute;left: 50%;margin-left: -5px;bottom: -6px;z-index: 9}
.case .menu li img{display: block;}
.case .menu li.cur i{display: block;}
.case .menu li.cur p{background: #fc6b00;font-weight: bold;}
.case .menu li.cur{border-color: #fc6b00;}
.case .caseList{width:100%;background:url(Img/Index/caseBg01.jpg);padding:10px 0;overflow:hidden;position:relative}
.case .caseList .container{height:47px;overflow:hidden;position: relative;}
.case .caseList .box{overflow:hidden;height:47px}
.case .caseList .box a{display: block;float: left;width: 102px;height: 47px;line-height: 47px;font-size: 14px;color: #333333;background: #fff;margin-left: 10px;text-decoration: none;}
.case .caseList .box a:hover{color: #fc6b00;font-weight: bold;}
.case .mainCon{width: 100%;}
.case .mainCon li{float:left;width:25%}
@media (max-width: 992px){.case  .mainCon  li{width: 50%}}
.case .mainCon li img{display: block;width: 100%;height:100%;object-fit:cover;transform: scale(1);transition: all 1s ease-out;}
.case .mainCon li .Pics{position:relative;overflow:hidden;height:260px}
@media (max-width: 992px){.case .mainCon li .Pics{height:200px}}
.case .mainCon li .intro{position:absolute;width:100%;height:100%;background:url(Img/Index/caseBg02.png);left:0;top:0;overflow:hidden;display: none;padding: 5% 5% 0;}
.case .mainCon li .intro .box{border: 1px solid #333333;width: 100%;height:100%;}
.case .mainCon li .intro .box i{display:block;overflow:hidden;height:140px}
.case .mainCon li .intro p{font-size:13px;color:#fff;line-height:20px;
    font-style: normal;
    padding: 0% 5% 0;
    height: 20px;
    margin-bottom: 0!important;
    overflow: hidden;
    text-overflow: ellipsis;}
.case .mainCon li .intro span{display: block;font-size:14px;color: #e2e2e2;font-family: arial;margin-top:30%}
.case .mainCon li .PicTitle{padding-top: 18px;height: 55px;background: #f7f7f7;}
.case .mainCon li .PicTitle p{font-size:14px;color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case .mainCon li .PicTitle i{display: block;width: 25%;height: 2px;background: #e2e2e2;margin:10px auto 0;}
.case .mainCon li a{display: block;text-decoration: none;}
.case .mainCon li:hover .intro{display: block;}
.case .mainCon li:hover .intro i{display:none}
.case .mainCon li:hover .PicTitle{background: #fc6b00;}
.case .mainCon li:hover .PicTitle p{color: #fff;}
.case .mainCon li:hover .PicTitle i{background: #fff;}
.case .mainCon li:hover img{transform: scale(1.2);}

/* trouble */
.trouble{width: 100%;background: url(Img/Index/troubleBg.jpg) no-repeat center;height: 680px;overflow: hidden;}
.trouble .container{height: 680px;position: relative;}
.trouble .box{padding-top: 220px;width: 382px;overflow: hidden;}
.trouble .box dl{height: 49px;padding-top: 12px;border-bottom: 1px dotted #ebebeb;position: relative;left: -600px;opacity: 0;}
.trouble .box dt{width: 36px;height: 35px;line-height: 35px;text-align: center;font-size: 22px;color: #fff;background: url(Img/Index/trouble_y.png) no-repeat center;font-family: arial;float: left;}
.trouble .box dd{height: 35px;line-height: 35px;float: left;margin-left: 14px;font-size: 16px;color: #414141;}
.trouble .people{position: absolute;left: 546px;bottom: -1000px;opacity: 0;}
.trouble img{display: block;}
.trouble span{display: block;position: absolute;}
.trouble span.wz01{left: 490px;top: 1200px;opacity: 0;}
.trouble span.wz02{left: 543px;top: 1200px;opacity: 0;}
.trouble span.wz03{left: 912px;top: 1200px;opacity: 0;}
.trouble span.wz04{right: 0;top: 1200px;opacity: 0;}


/* adv */
.adv{width: 100%;background: url(Img/Index/advBg.jpg);}
.adv .title{width: 100%;padding-top: 51px;}
.adv .title img{display: block;margin: 0 auto;}
.adv .mainCon{width: 100%;margin-top: 52px;}
.adv .mainCon .con{height: 445px;background: #f7f7f7;}
.adv .mainCon .con dl{width: 1100px;margin: 0 auto;}
.adv .mainCon .con dt{width: 508px;height:360px;float: left;padding-top: 85px;padding-right: 42px;overflow: hidden;}
.adv .mainCon .con dt span{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt h3{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt i{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt p{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dd{width: 550px;float: right;height: 445px;position: relative;}
.adv .mainCon .con dd img{display: block;transform: scale(1);transition: all 1s ease-out;}
.adv .mainCon .con.same dd span{width: 960px;height: 445px;overflow: hidden;position: absolute;right:-1500px;top: 0;opacity: 0;}
.adv .mainCon .con.dif dt{float: right;}
.adv .mainCon .con.dif dd{float: left;position: relative;}
.adv .mainCon .con.dif dd span{display: block;position: absolute;left:-1500px;top: 0;overflow: hidden;opacity: 0;}
.adv .mainCon .con.dif dt{padding-left: 42px;padding-right: 0;}
.adv .mainCon .con dt span{overflow:hidden;display:block}
.adv .mainCon .con dt em.kuang{width: 68px;height: 61px;    font-family: "微软雅黑";line-height: 61px;text-align: center;font-size: 42px;color: #fc6b00;border: 5px solid #fc6b00;display: block;float:left}
.adv .mainCon .con dt em.num{display:block;float:left;line-height:71px;font-size:50px;color:#fc6b00;margin-right:10px}
.adv .mainCon .con dt h3{font-size: 20px;color: #333333;margin-top: 34px;}
.adv .mainCon .con dt i{display: block;width: 42px;height: 3px;background: #fc6b00;margin-top: 12px;}
.adv .mainCon .con dt p{font-size: 16px;line-height: 25px;margin-top: 26px;color: #666666;}
/* .adv .mainCon .con:hover dd img{transform: scale(1.2);} */

/* partner */
.partner .mainCon{width: 100%;margin-top: 37px;}
.partner .mainCon .conBox{width: 100%;height: 330px;position: relative;overflow: hidden;}
.partner .mainCon .conBox ul{float: left;position: absolute;left: 0;top: 0;}
.partner .mainCon .conBox li{width: 1100px;float: left;overflow: hidden;height: 330px;}
.partner .mainCon .conBox li a{display: block;float: left;text-align: center;text-decoration: none;margin-bottom: 25px;}
.partner .mainCon .conBox li a span{display: block;border: 1px solid #e4e4e4;border-left: none;}
.partner .mainCon .conBox li a.dif span{border-left: 1px solid #e4e4e4;}
.partner .mainCon .conBox li em{display: block;font-size: 13px;color: #333333;margin-top: 10px;}
.partner .mainCon .conBox li img{display: block;}
.partner .mainCon .btnList{text-align: center;margin-top:12px;}
.partner .mainCon .btnList span{display: inline-block;*display: inline-block;width: 12px;height: 11px;background: url(Img/Index/partner_icon01.png) no-repeat center;margin: 0 3px;cursor: pointer;} 
.partner .mainCon .btnList span.cur{background: url(Img/Index/partner_icon02.png) no-repeat center;}

/* flow */
.flow{width: 100%;background: url(Img/Index/flowBg02.jpg) no-repeat center;height: 366px;}
.flow .container{height: 309px;padding-top: 57px;}
.flow .khflow{float: left;margin-left: 480px;margin-right: 32px;}
.flow a{display: block;width: 292px;height: 255px;float: left;}

/* yzkehu */
.yzkehu{background:url(Img/Index/kehuBg.jpg)}
.yzkehu li{margin-top:20px}
.yzkehu li .Pics{position:relative;overflow:hidden;display:block}
.yzkehu li img{display: block;transform: scale(1);transition: all 1s ease-out;}
.yzkehu li:hover img{transform: scale(1.2);}
.yzkehu li .intro{padding:20px 20px 0;height:175px;background:#fff;text-align:center;position:relative}
.yzkehu li .intro h3{font-size: 14px;color: #333333;}
.yzkehu li .intro h3 a{color: #333333;text-decoration: none;}
.yzkehu li .intro p{font-size:14px;line-height:22px;color:#666;margin-top:10px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.yzkehu li .intro a.details{width:124px;height:30px;display:block;line-height:30px;text-align:center;background: #e3e3e3;font-size:13px;color:#979797;bottom:20px;left:50%;margin-left:-62px;position:absolute;text-decoration:none}
.yzkehu li:hover a.details{background: #fc6b00;color: #fff;}


/* honor */
.honor{padding:50px 0}
.honor .mainCon{width: 100%;margin-top: 30px;}
.honor .mainCon .conBox1{width: 100%;height: 181px;background: url(Img/Index/honorBg01.jpg) no-repeat left;padding-top: 38px;}
.honor .mainCon .conBox1 ul{margin-left: 248px;width: 814px;}
.honor .mainCon .conBox1 li{float: left;width: 372px;padding-left: 14px;background: url(Img/Index/honor_icon01.png) no-repeat left center;font-size: 14px;color: #333333;margin-bottom: 12px;margin-left: 20px;}
.honor .mainCon .conBox1 li a{color: #333333}
.honor .mainCon .conBox2{width: 100%;position: relative;margin-top: 36px;}
.honor .mainCon .conBox2 i{display: block;width: 14px;height: 29px;position: absolute;top: 103px;cursor: pointer;overflow: hidden;}
.honor .mainCon .conBox2 i img{display: block;position: relative;}
.honor .mainCon .conBox2 i.prev{left: 0;}
.honor .mainCon .conBox2 i.next{right: 0;}
.honor .mainCon .conBox2 i:hover img{top: -29px;}
.honor .mainCon .conBox2 .box{width: 988px;margin: 0 auto;position: relative;height: 248px;overflow: hidden;}
.honor .mainCon .conBox2 .box ul{width: 102%;position: absolute;top: 0;left: 0;}
.honor .mainCon .conBox2 .box li{float: left;width: 235px;margin-right: 16px;height: 248px;background: url(Img/Index/honor_yy.png) no-repeat center bottom;}
.honor .mainCon .conBox2 .box li a{display: block;border: 1px solid #f2f3f7;height: 203px;padding-top: 29px;text-decoration: none;}
.honor .mainCon .conBox2 .box li span{display:block;width:189px;height:138px;padding-top:3px;background: url(Img/Index/honorBg02.png) no-repeat center;margin: 0 auto;}
.honor .mainCon .conBox2 .box li img{display:block;width:182px;height:132px;margin:0 auto;}
.honor .mainCon .conBox2 .box li em{display: block;font-size: 13px;color: #333333;margin-top: 20px;text-align: center;}


/* mien */
.mien{background: url(Img/Index/mienBg.jpg) no-repeat center}
.mien .container{width:60%!important}
@media(min-width:993px){.mien{height:660px}.mien .mienCon{height:500px}.mien .iteam,.mien .iteam img{width:830px!important}}
@media(max-width:2000px){.mien{height:620px}.mien .container{width:60%!important}}
@media(max-width:1600px){.mien{height:620px}.mien .container{width:70%!important}}
@media(max-width:1400px){.mien{height:620px}.mien .container{width:80%!important}}
@media(max-width:1200px){.mien{height:620px}.mien .container{width:90%!important}}
@media(max-width:992px){.mien{height:620px}.mien .container{width:90%!important}}
@media(max-width:768px){.mien{height:520px}.mien .container{width:100%!important}}
@media(max-width:576px){.mien{height:440px}.mien .mainCon{}}
.mien .mainCon{width: 100%;margin-top: 38px;.mien .mainCon{}}
.mien .Title{padding-top:35px}
.mien .Title h2 a{color: #fff;}
.mien .Title p{color: #fff;}
.mien .Title i{background: url(Img/Index/title_xian02.png) no-repeat center}
.mien .mainCon{ width:100%; height:456px; position:relative;margin-top:34px;overflow:hidden}
.mien .mainCon span,.news .button{ display:block; width:14px; height:29px; cursor:pointer; position:absolute; top:50%; margin-top:-14px;overflow: hidden;z-index: 9999999;}
.mien .mainCon .btn01,.news .next{ background:url(Img/Index/mienBtn01.png) no-repeat left top; left:92px;}
.mien .mainCon .btn02,.news .prev{  background:url(Img/Index/mienBtn02.png) no-repeat left top; right:92px;}
.mien .mienCon{ overflow:hidden;height:500px; margin:0 auto; position:relative}
.mien .mienCon .mienBox{width: 1000px;height: 456px;margin: 0 auto;}
.mien .mienCon .iteam .Pic{position: relative;display: block;}
.mien .mienCon .iteam img{ display:block}
.mien .mienCon .iteam b{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(Img/Index/mienBg02.png);}
.mien .mienCon .iteam.active b{ display:none;}
.mien .mienCon .iteam.active{height: 456px;top: 0 !important;}
.mien .mienCon .iteam.active .Pic{display: block;border: 5px solid #f6f6f6;}
.mien .mienCon .iteam.active p{color: #fff;font-size: 14px;margin-top: 22px;text-align: center;}
.mien .mienCon .iteam.active p a{color: #fff;}
.mien .mienCon .iteam{overflow: hidden;position: absolute;}
.mien .mienCon .iteam p a{font-size:16px;}
/* liuy */
.liuy{width: 100%;background: url(Img/Index/lyBg.jpg) no-repeat center;height:523px;}
@media(min-width: 1400px){.liuy .container {max-width:60%}}
.liuy .mainCon{width: 100%;padding-top: 100px;height: 423px;position: relative;}
.liuy .mainCon .phone{position: absolute;left: 175px;top: 388px;background:url(Img/Index/ly_phone.png) no-repeat left center;padding-left: 32px;}
.liuy .mainCon .phone p{font-size: 20px;color: #fc6b00;line-height: 24px;}
.liuy .mainCon .box{width: 320px;margin-left: 730px;}
.liuy .mainCon .box p{font-size: 16px;color: #333333;}
.liuy .mainCon .box p em{font-weight: bold;color: #fc6b00;}
.liuy .mainCon .box .Input{height: 36px;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.liuy .mainCon .box .Input span{display:block;font-size: 14px;color: #999999;line-height: 36px;width: 85px;float: left;}
.liuy .mainCon .box .Input input{width: 235px;border: none;float: left;display: block;outline: none;font-size: 14px;height: 36px;line-height: 36px;}
.liuy .mainCon .box .Textarea span{display:block;font-size: 14px;color: #999999;line-height: 38px;}
.liuy .mainCon .box .Textarea textarea{width: 307px;height: 82px;border: 1px solid #eaeaea;outline: none;resize: none;padding: 10px 0 0 10px;}
.liuy .mainCon .box a{display: block;margin-top: 10px;height: 40px;line-height: 40px;text-align: center;background: #fc6b00;font-size: 16px;color: #fff;text-decoration: none;}

/* news */
.news{padding:30px 0;position: relative}
.news .nbox{margin:10px 0;padding:20px 0;background: #fff;border-radius:4px;}
.news .top{text-align: center;}
.news .top h2{font-size: 22px;color: #fc6b00;}
.news .top h2 a{text-decoration: none;color: #fc6b00;}
.news .top p{font-size: 16px;color: #999999;margin-top:4px;}
.news .top p i{display: inline-block;width: 78px;height: 1px;background: #eaeaea;margin: 0 8px;position: relative;top: -4px;}
.news .con{margin-top: 16px;padding: 0 20px;}
.news .con dl{padding: 0 10px}
.news .con dd h2{font-size:14px;color:#333;line-height:20px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news .con dd h2 a{color:#666}
.news .con dd h2 a:hover{color:#fc6b00;}
.news .con dd p{font-size:13px;color:#666;margin-top:5px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news .con .box{margin-top: 20px;}
.news .con .box p,.news .con .box h3{font-size: 13px;padding-left: 12px;color: #666666;background: url(Img/Index/news_icon01.png) no-repeat left center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 14px;}
.news .con .box p a,.news .con .box h3 a{color: #666666;font-weight:normal}
.news .con .box p:hover a,.news .con .box h3:hover a{color: #fc6b00;font-weight: bold;}

.probtx {color: #F01414;display: block;margin-top: 5px;font-size: 12px;}
.lymsg{color:#F01414;}

 .adv{height:846px;overflow:hidden;background:url(Img/Index/adv_bg.jpg) no-repeat center 0;}    
    .adv-list{float:right;padding-top:90px;width:720px;overflow:hidden;}
    .adv-list .item{float:left;margin-left:80px;margin-bottom:22px;width:280px;overflow:hidden;}
    .adv-list .item i{display:block;margin:0 auto;width:60px;height:60px;overflow:hidden;}
    .adv-list .item i img{display:block;width:60px;height:60px;}
    .adv-list .item h3{position:relative;padding-bottom:5px;height:42px;line-height:42px;font-size:20px;text-align:center;color:#333;}
    .adv-list .item h3:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-23px;width:46px;height:2px;content:"";background:#fc7008;}
    .adv-list .item p{margin-top:12px;height:220px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}