﻿@charset "utf-8";



.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:700px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 85px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 60px;height: 4px;background: #cccccc;margin: 0 5px;cursor: pointer;}
#flashs .btn span.cur {background: #cc2a1e;}

#flashs .bannerBtn{width: 65px;height: 78px;overflow: hidden;display: block;z-index: 999;position: absolute;cursor: pointer;top: 50%;background: rgba(0,0,0,0.3);}
#flashs .bannerBtn:hover{background: rgba(214,40,40,8);}
#flashs .prev{left: 5%;}
#flashs .next{right: 5%;}



/* searh */
.searh{border-bottom: 1px #ccc solid;background: #fff;height: 60px;line-height: 60px;}
.searh .gjc{font-size: 14px;color: #333;width: 850px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.searh .gjc span a{color: #333;}
.searh .gjc span a:hover{color: #fc0000;}
.searh .Input form{width:340px;float: left;border-right:0px #ccc solid;margin-right:0px;}
.searh .Input input.text{border: 1px #ccc solid;color: #999;border: 1px #ddd solid;width: 263px;height: 30px;padding: 0 50px 0 15px;outline: none;font-size: 14px;border-radius: 50px;}
.searh .Input input.searh_button{border:none;width:20px;height:30px;cursor: pointer;position: absolute;margin-left:-60px; outline: none;background: url(../Index/searh.png) no-repeat center center;margin-top:15px;}




/* News */
.News{background: url(../Img/Index/InforMation_bg.jpg) no-repeat center bottom;padding-bottom:50px;}
.NewsNav{text-align: center;}
.NewsNav ul{display: inline-block;*display: inline;zoom: 1;}
.NewsNav ul li{width: 123px;height: 45px;line-height: 45px;text-align: center;float: left;}
.NewsNav ul li a{font-size: 16px;color: #333;text-decoration: none;}
.NewsNav ul li.cur{background: #cc2a1e;}
.NewsNav ul li.cur a{color: #fff;}

.NewsList{margin-top: 40px;overflow: hidden;position: relative;}
.NewsList ul li a{text-decoration: none;display: block;padding-top: 25px;}
.NewsList ul li{width: 391px;background: url(../Img/Index/InforMationbg.jpg) no-repeat center;height: 508px;float:left;margin-left:13px;position: relative;}
.NewsList ul li:first-child{margin-left: 0;}
.NewsList ul li i{width: 1px;height: 140px;background: #c78047;display: block;position: absolute;top: 205px;left: 45px;z-index: 99;}
.NewsList ul li h3{font-size: 18px;color: #000;font-weight: normal;margin-bottom: 25px;margin: 35px 30px 25px 77px;}
.NewsList ul li p{font-size: 14px;color: #999;margin: 0 30px 0 77px;line-height: 20px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.NewsList ul li span{display: block;width: 344px;height: 242px;margin: 0 auto;overflow: hidden;}
.NewsList ul li span img{width: 344px;height: 242px; transition: all .8s ease-out;}
.NewsList ul li:hover span img{transform: scale(1.1);}

.NewsList ul li .calendar{border-top: 1px #ddd solid;margin-top: 38px;height: 60px;line-height: 60px;}
.NewsList ul li .calendar h4{background: url(../Img/Index/calendar.png) no-repeat left;padding-left: 30px;background-size: initial;font-style: italic;font-weight: bold;color: #ccc;font-size: 14px;float: left;margin-left: 44px;}
.NewsList ul li .calendar em{float: right;width: 76px;height: 60px;line-height: 60px;border-left: 1px #ddd solid;}
.NewsList ul li .calendar em img{width: 10px;height: 19px;display: block;margin: 20px auto;}
.NewsList ul li:hover a h3{color: #cc2a1e;}

/* newsListCon */
.innewsListCon{width: 1200px;margin: 0 auto;}
.innewsListCon dl{width:100%;padding-top: 39px;height: 200px;border: 1px solid #dfdfdf;border-top: none;background: #fff;position: relative;}
.innewsListCon dl:first-child{border-top: 1px solid #dfdfdf;}
.innewsListCon dt{width: 220px;height: 156px;float: left;margin-left: 40px;overflow: hidden;}
.innewsListCon dt img{display: block;transform: scale(1);transition: all 2s ease-out; width:220px; height:155px;}
.innewsListCon dl:hover dt img{transform: scale(1.2);}
.innewsListCon dd{width: 875px;height: 155px;position: relative;margin-left: 28px;float: left;}
.innewsListCon dd h3{font-size: 20px;font-weight: normal;width: 650px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.innewsListCon a dd h3{color: #000000;text-decoration: none;}
.innewsListCon dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 17px;}
.innewsListCon dd .label{font-size: 12px;color: #999999;display: block;padding-left: 26px;position: absolute;left: 0;bottom: 0;background: url(../Img/mub01Inpage/newsList_icon03.png) no-repeat left center;line-height: 16px;}
.innewsListCon dd .label a:hover{color: #ce0000;}
.innewsListCon dd .rq{display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 10px;padding-left: 24px;padding-top: 2px;}

.innewsListCon a dd .more{display: block;width: 36px;height: 36px;background: url(../Img/mub01Inpage/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;right: 6px;bottom: 0;}
.innewsListCon dl a:hover dd .more{background-position: left bottom;}
.innewsListCon dl a:hover dd h3{color: #ce0000;}
.innewsListCon dl a:hover {box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;}

/* About */
.About{background: url(../Img/Index/About.jpg) no-repeat center;margin-top:20px;}
.AboutTop{width: 570px;}
.AboutTop h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 40px;}
.AboutTop p{font-size: 14px;color: #666;line-height: 25px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.AboutTop .button{border: 1px #ccc solid;width: 160px;height: 60px;text-align: center;line-height: 60px;margin-top: 45px;}
.AboutTop .button:hover{background: #cc2a1e;border: 1px #cc2a1e solid;}
.AboutTop .button:hover a{color: #fff;}
.AboutTop .button:hover i{background: url(../Img/Index/more02.png) no-repeat center;}
.AboutTop .button a{font-size: 18px;color: #999;font-weight: bold;text-decoration: none;}
.AboutTop .button a i{width: 20px;height: 13px;background: url(../Img/Index/more.png) no-repeat center;display: inline-block;margin-left: 15px;}

.AboutNav{border: 1px #ddd solid;width: 394px;margin:40px 0 35px;}
.AboutNav ul li{font-size: 18px;width: 197px;height: 82px;line-height: 82px;text-align: center;float: left;}
.AboutNav ul li.cur{background: #cc2a1e;}
.AboutNav ul li a{color: #666;text-decoration: none;}
.AboutNav ul li.cur a{color: #fff;}

.AboutList ul li{float: left;width: 294px;height: 205px;margin-left: 5px;overflow: hidden;border: 1px #f4f4f4 solid;}
.AboutList ul li img{width: 294px;height: 205px;transition: all .8s ease-out;}
.AboutList ul li:first-child{margin-left: 0;}
.AboutList ul li:hover img{transform: scale(1.1);}

/* source */
.sourceTop{background: url(../Img/Index/source.jpg) no-repeat center;height: 825px;}
.sourceTop .container{width: 1720px;position: absolute;left: 50%;margin-left: -860px;top: 0;}
.sourceTop .mainCon{position: relative;height: 426px;}
.sourceImg dl dd{float: left;border: 10px #c78047 solid;width: 592px;height: 406px;}
.sourceImg dl dd:first-child{border: 6px #dec1a9 solid;margin-right: 21px;width: 227px;height: 209px;}
.sourceTop .mainCon .sourceTop-lunb{width: 1720px;height: 426px;}
.sourceTop .mainCon .sourceTop-lunb ul{position: absolute;left: 0;top: 0;}
.sourceTop .mainCon .sourceTop-lunb li{float: left; width: 1720px;}
.sourceImg{width: 874px;}
.sourceText{width: 522px; margin-right: 260px;}
.sourceText dt h2{color: #999;font-size: 35px;line-height: 30px;float: left;font-family: "ymffonts";}
.sourceText dt em{color: #dec3ad;font-size: 35px;display: block; float: right;font-family: "ymffonts";}
.sourceText dd i{width: 1px;height: 52px;background: #666;display: block;margin: 24px 0 28px;}
.sourceText dd h3{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 30px;}
.sourceText dd p{font-size: 14px;color: #666;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.sourceBottom{height: 100px;background: url(../Img/Index/sourcebg.png) no-repeat center 38px;}
.sourceBottom ul{margin-top: -54px;}
.sourceBottom ul li{float: left;background: url(../Img/Index/source02.png) no-repeat center;width: 88px;height: 89px;background-position: 0 0;text-align: center;cursor: pointer;margin-left: 40px;}
.sourceBottom ul li:first-child{margin-left: 0;}
.sourceBottom ul li a{font-size: 16px;color: #666;text-decoration: none;display: block;padding-top: 25px;}
.sourceBottom ul li:hover{background-position: 0 -89px;}
.sourceBottom ul li:hover a{color: #fff;cursor: default;}
.sourceBottom ul li:hover i{background: url(../Img/Index/projection02.png) no-repeat center;}
.sourceBottom ul li i{background: url(../Img/Index/projection01.png) no-repeat center;width: 131px;height: 130px;display: inline-block;margin: -20px 0 0 -20px;}
.sourceBottom ul li.Process{background: url(../Img/Index/source01.png) no-repeat center;width: 167px;height: 167px;margin-top: -45px;}
.sourceBottom ul li.Process a{font-size: 30px;color: #fff;margin-top: 20px;}
.sourceBottom ul li.Process i{margin: 5px 0 0 5px;}
.sourceBut .box{position: absolute;top: -64px;cursor: pointer;left: 700px;}
.sourceBut span{width: 65px;height: 64px;display: block;border: 2px #999999 solid;text-align: center;line-height: 64px;transition: all .5s ease-out;float: left;margin-right: 16px;overflow: hidden;}
.sourceBut span.next{left: 800px;}
.sourceBut{width: 1200px;margin: 0 auto;position: relative;}
.sourceBut em{font-size: 18px;color: #999999;font-family: "arial";font-weight: bold;display: none;text-transform: uppercase;}
.sourceBut i{display: inline-block;width: 20px;height: 13px;overflow: hidden;position: relative;*display: inline-block;top:0px;}
.sourceBut i img{display: block;width: 40px;height: 13px;position: relative;}
.sourceBut span:hover{width: 130px;height: 62px;border: 3px solid #cc2a1e;}
.sourceBut span:hover em{display: inline-block;}
.sourceBut span:hover i img{left: -20px;}
.sourceBut span:hover i{margin-left: 12px;top:0px;}

/* source */



.swiper-slide:hover{background: #ce0000;transition: all 2s ease-out; }
.swiper-pagination-progress .swiper-pagination-progressbar{background:#ce0000;position:absolute;left:0px;;}
.swiper-slide {background: #fff;text-align: center;font-size: 18px;width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



/* Cases */
.Cases{ padding-bottom:40px;}

.containerNav{text-align: center;margin-bottom: 40px;}
.containerNav ul{display: inline-block;*display: inline;zoom: 1;}
.containerNav ul li{background: #aaaaaa;width:240px;height: 50px;text-align: center;line-height: 50px;cursor: pointer;float: left;}
.containerNav ul li a{text-decoration: none;font-size: 18px;color: #fff;}
.containerNav ul li a b{font-weight: normal;}
.containerNav ul li.cur{background: #cc2a1e;}
.containerNav ul li.cur a b{font-weight: bold;}
.containerList ul{width: 102%;display:none;}
.containerList ul li{float: left;position: relative;margin-bottom: 3px;}
.containerList ul li.li2{float: left;margin-left: 4px;}
.containerList ul li.li1{float: left;}
.containerList ul li.li1 span,.containerList ul li.li2 span{width: 598px;height: 399px;display: block;overflow: hidden;}
.containerList ul li.li1 span img,.containerList ul li.li2 span img{width: 598px;height: 399px;transition: all .8s ease-out;}
.containerList ul li:hover.li1 span img,.containerList ul li:hover.li2 span img{transform: scale(1.1);}
.containerList ul li.li3{margin-right: 3px;}
.containerList ul li.li_gczs{width: 1200px;}
.containerList ul li.li_gczs img{width: 1200px; height:658px;}
/* .containerList ul li.li3:last-child{margin-right: 0;} */
.containerList ul li.li3 span{width: 398px;height: 265px;display: block;overflow: hidden;}
.containerList ul li.li3 span img{width: 398px;height: 265px;transition: all .8s ease-out;}
.containerList ul li:hover.li3 span img{transform: scale(1.1);}
.containerList ul li:hover .CasesText{background: url(../Img/Index/newsText.png) no-repeat center;}
.containerList ul li:hover .CasesText em{display: block;}
.containerList ul li:hover .CasesText h5{color: #c78047;font-weight: bold;}
.containerList ul li:hover .CasesText h5 p{color: #c78047;font-weight: normal;}

.CasesText{height: 60px;padding: 25px 45px 0 55px;position: absolute;bottom: 0;left: 0;right: 0;background: url(../Img/Index/newsText02.png) no-repeat center;}
.CasesText h5{float: left;font-size: 18px;color: #ccc;font-weight: normal;color: #fff;}
.CasesText p{font-size: 12px;color: #ccc;}
.CasesText em{float: right;width: 42px;height: 42px;display: none;}

/* Features */
.Features{background: #fff;padding-bottom:60px;}
.Features .container{position: relative;}
.FeaturesImg{width: 860px;height: 500px;position: absolute;right: -260px;}
.FeaturesImg img{width: 100%;height: 100%;}

.FeaturesText{width: 50%;}
.FeaturesText ul li{width: 240px;float: left;margin-right: 60px;margin-bottom: 55px;height: 254px;}
.FeaturesText ul li:nth-of-type(3),.FeaturesText ul li:nth-of-type(4){margin-bottom: 0;}
.FeaturesText ul li:hover h3 em{color: #cc2a1e;}
.FeaturesText ul li:hover span img{top: -68px;}
.FeaturesText ul li:nth-child(2n+2){margin-right: 0;}
.FeaturesText ul li span{width: 68px;height: 68px;display: block;overflow: hidden;position: relative;}
.FeaturesText ul li span img{width: 68px;height: 136px;position: relative;}
.FeaturesText ul li h3{margin: 30px 0 20px;}
.FeaturesText ul li h3 em{font-size: 24px;color: #333;border-right: 4px #cc2a1e solid;padding-right: 25px;}
.FeaturesText ul li a{text-decoration: none;    cursor: default;}
.FeaturesText ul li p{font-size: 14px;color: #999;line-height: 25px;}

.FeaturesBg{position: absolute;left: -360px;bottom:20px;}

/* concern */
.concern{ height: 600px;}
.concernNav{position: relative;height:215px;}
.concernNav ul li{width: 20%;text-align: center;float: left;position: absolute;height:120px;}

.concernNav ul li.li01{left: 23px;top: 13px;background: url(../images/injjfa_12.png) no-repeat center bottom;}
.concernNav ul li.li01:hover{background: url(../images/injjfa_13.png) no-repeat center bottom;}
.concernNav ul li.li02:hover{background: url(../images/injjfa_23.png) no-repeat center bottom;}
.concernNav ul li.li03:hover{background: url(../images/injjfa_33.png) no-repeat center bottom;}
.concernNav ul li.li04:hover{background: url(../images/injjfa_43.png) no-repeat center bottom;}
.concernNav ul li.li05:hover{background: url(../images/injjfa_53.png) no-repeat center bottom;}

.concernNav ul li.li02{left: 240px;top: 39px;background: url(../images/injjfa_22.png) no-repeat center bottom;}
.concernNav ul li.li03{left: 455px;top: 47px;background: url(../images/injjfa_32.png) no-repeat center bottom;}
.concernNav ul li.li04{left: 680px;top: -3px;background: url(../images/injjfa_42.png) no-repeat center bottom;}
.concernNav ul li.li05{left: 935px;top: 22px;background: url(../images/injjfa_52.png) no-repeat center bottom;}
.concernNav ul li.li03 h3{margin: 0;}
.concernNav ul li.li03 p{margin: 19px 0 8px;}
.concernNav ul li.cur a{color: #ea9a5a;}
.concernNav ul li.cur a i{background-position: -31px -2px;}
.concernNav ul li a{color: #fff;text-decoration: none;}
.concernNav ul li:hover h3,.concernNav ul li:hover p{color: #fc0000;text-decoration: none;}
.concernNav ul li a p{font-size: 16px;}
.concernNav ul li a h3{font-size: 24px;margin: 8px 0 19px;}
/*
.concernNav ul li a i{background: url(../Img/Index/concern.png) no-repeat center;width: 23px;height: 23px;display: inline-block;background-position: -2px -1px;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;
}*/

@keyframes future{
    0%{opacity:0.2;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
	100%{opacity:0.2;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.2;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
	100%{-webkit-opacity:0.2;transform:scale(0.7)}
}


.concernList{background: url(../images/concernContentbg.png) no-repeat center left;padding:10px 10px;position:relative;width: 400px;height: 120px;}
.concernList1{top:-300px;left:200px;}
.concernList2{top:-260px;left:400px;}
.concernList3{top:-240px;left:600px;}
.concernList4{top:-320px;left:800px;}
.concernList5{top:-300px;left:580px;background: url(../images/concernContentbg2.png) no-repeat center left;padding:10px 10px;position:relative;width: 400px;height: 120px;}

.concernBox{padding: 0px 20px 0 60px;}
.concernBox .concernText{padding-top:20px;}
.concernBox .concernText h3{font-size: 24px;color: #000;margin-bottom: 40px;}
.concernBox .concernText p{font-size: 14px;color: #000;margin-bottom: 20px;line-height: 25px;}
.concernBox .concernText p em{margin-right: 10px;float: left;}
.concernBox .concernText p span{float: left;width: 500px;}
.concernContent .concernList{display: none;}

.safety dt img{width: 484px;height: 259px;margin-right: 50px;display: block;}
.safety .concernBox{padding: 0 80px 0 60px;}
.safety .concernText{width: 450px;padding-top:0px;}
.safety .concernText h3{font-size: 18px;color: #ea9a5a;margin-bottom: 10px;}
.safety .concernText p{margin-bottom: 15px;}
.safety .concernText .p1{border-bottom: #554029 solid 1px;padding-bottom: 15px;}
.safety .concernText{margin-top: 40px;}


.life .concernText{padding-top:0px;}
.life .concernText h3{font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 29px;}
.life .concernText i{width: 46px;height: 1px;background: #ea9a5a;display: block;margin-bottom: 27px;}
.life .concernText p{margin-bottom: 10px;line-height: normal;color: #ccc;}
.life .concernText p span{width: 420px;}
.life dt img{width: 533px;height: 270px;margin-right: 40px;display: block;}
.life .concernBox{padding: 0 80px 0 40px;}
.life .concernText{width: 455px;margin-top: 100px;}

.Insulation .concernText h3{color: #fff;font-size: 18px;font-weight: bold;}
.Insulation .concernText p{color: #fff;line-height: 25px;}
.Insulation .concernText i{height: 2px;}

.cycle h3{font-size: 30px;color: #fff;text-align: center;margin: 35px 0 25px;}
.cycle h3 em{color: #ea9a5a;margin-right: 10px;}
.cycle .concernBox{padding: 0;}
.cycle  span{width: 485px;height: 125px;display: block;margin: 0 auto;}
.cycle  span img{width: 100%;display: block;}
.cycleCon{margin-top: 10px;}
.cycleCon ul{width: 800px;margin: 0 auto;}
.cycleCon ul li{width: 350px;float: left;margin-left: 100px;}
.cycleCon ul li:first-child{margin-left: 0;text-align: right;}
.cycleCon ul li h2{font-size: 18px;color: #fff;margin-bottom: 10px;}
.cycleCon ul li p{color: #ccc;font-size: 14px;line-height: 25px;}
.cycleCon ul li h2 em{color: #ea9a5a;font-weight:bold;font-size:22px;}


.indexTop{width:1280px;height:120px;background:url(../images/indexTop.png) no-repeat;margin:-82px auto 0;position:relative;z-index:200}

.indexTop span{width:310px;height:120px;display:block;float:left}
.indexTop span a{width:254px;height:120px;display:block;}


.indexTop span.nm1{}
.indexTop span.nm1 a{background:url(../images/indexTop_11.png) no-repeat;margin:0px 0 0 35px}
.indexTop span.nm1 a:hover{background:url(../images/indexTop_12.png) no-repeat;}

.indexTop span.nm2{background:url(../bg/bg10.png) no-repeat left top;}
.indexTop span.nm2 a{background:url(../images/indexTop_21.png) no-repeat;margin:0px 0 0 35px}
.indexTop span.nm2 a:hover{background:url(../images/indexTop_22.png) no-repeat;}

.indexTop span.nm3{background:url(../bg/bg10.png) no-repeat left top;}
.indexTop span.nm3 a{background:url(../images/indexTop_31.png) no-repeat;margin:0px 0 0 35px}
.indexTop span.nm3 a:hover{background:url(../images/indexTop_32.png) no-repeat;}

.indexTop span.nm4{background:url(../bg/bg10.png) no-repeat left top;}
.indexTop span.nm4 a{background:url(../images/indexTop_41.png) no-repeat;margin:0px 0 0 35px}
.indexTop span.nm4 a:hover{background:url(../images/indexTop_42.png) no-repeat;}



.injjfa{padding-bottom:60px;margin-top:-40px;}

.injjfa ul li{width:286px; height:225px; float:left; background:url(../images/kk.png) no-repeat center;margin-left: 14px;    margin-bottom: -38px;transition: .5s;}
.injjfa ul li a{display:block;height:225px;padding-top:48px; box-sizing: border-box;color: #e24a53 }
.injjfa ul .proj1{margin-left: 163px;}
.injjfa ul .proj4{margin-left: 56px;}
.injjfa ul li span{display: block;width:45px;height:43px; margin:0 auto 14px; position: relative;}
.injjfa ul li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.injjfa ul li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.injjfa ul li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.injjfa ul li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.injjfa ul li strong{display: block; font-size: 24px; line-height: 24px; color:#ff5c5c; text-align: center;margin-bottom: 6px;}
.injjfa ul li strong i{font-weight: normal;font-style:normal}
.injjfa ul li b{display: block;width:115px; height:1px; background:#4B4B4B; opacity: 0.18;margin:0 auto 5px;}
.injjfa ul li em{display: block; font-size: 16px; color:#ff5c5c; line-height: 16px; text-align: center;}
.injjfa ul li:hover{background:url(../images/kk_h.png) no-repeat center;}
.injjfa ul li:hover strong{color:#FFF;}
.injjfa ul li:hover strong i{color:#FFF;font-weight: bold;}
.injjfa ul li:hover em{color:#FFF;}
.injjfa ul li:hover b{background:rgba(255,255,255,0.25);}


.swiper-slide {background-size: cover;background-position: center;}
.gallery-top {height:600px;width: 100%;margin-left: auto;margin-right: auto;}
.gallery-thumbs {height: 180px;box-sizing: border-box;padding: 0px 0;margin-bottom:20px;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 1;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-slide .warp-mask{height:100%;width:100%;background:url(../images/inalbjtu.png) no-repeat top center;}
.gallery-thumbs .swiper-slide-thumb-active .warp-mask{height:100%;width:100%;background: rgba(190,0,0,0.6);}
.gallery-thumbs .swiper-slide-thumb-active .warp-mask .bg{height:100%;width:100%;background:url(../images/inalbjtu.png) no-repeat top center;}
.gallery-thumbs .swiper-slide h2{color: #fff;padding-top:60px;text-align: center;display: block;font-size:26px;line-height:28px}











.inaboutbt{font-weight: normal;font-size:24px;color: #be0000;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.inabout-desc{line-height:2;color: #797979;overflow: hidden;font-size:14px;padding:0 20px;}
.inabout-desc p{line-height:2;font-size:14px;}



.inbutton{border: 1px #fff solid;width: 160px;height: 60px;text-align: center;line-height: 60px;margin: 45px auto 0;}
.inbutton:hover{background: #cc2a1e;border: 1px #cc2a1e solid;}
.inbutton:hover a{color: #fff;}
.inbutton:hover i{background: url(../Img/Index/more02.png) no-repeat center;}
.inbutton a{font-size: 18px;color: #fff;font-weight: bold;text-decoration: none;}
.inbutton a i{width: 20px;height: 13px;background: url(../Img/Index/more02.png) no-repeat center;display: inline-block;margin-left: 15px;}

.inbutton.incpbt{border: 1px #333 solid;width: 160px;height: 60px;text-align: center;line-height: 60px;margin: 25px auto 0;}
.inbutton.incpbt a{font-size: 18px;color: #333;font-weight: bold;text-decoration: none;}
.inbutton.incpbt a i{width: 20px;height: 13px;background: url(../Img/Index/more.png) no-repeat center;display: inline-block;margin-left: 15px;}
.inbutton.incpbt:hover a{color: #fff;}
.inbutton.incpbt:hover i{background: url(../Img/Index/more02.png) no-repeat center;}


.inaboutmore{border: 1px #999 solid;width: 160px;height: 40px;text-align: center;line-height: 40px;margin-top: 10px;float: right;margin-right:50px;}
.inaboutmore:hover{background: #ff5c5c;border: 1px #ff5c5c solid;}
.inaboutmore:hover a{color: #fff;}
.inaboutmore:hover i{background: url(../Img/Index/more02.png) no-repeat center;}
.inaboutmore a{font-size: 18px;color: #999;font-weight: bold;text-decoration: none;}
.inaboutmore a i{width: 20px;height: 13px;background: url(../Img/Index/more01.png) no-repeat center;display: inline-block;margin-left: 15px;}


.inabout{}
.inabout dl {border: 1px solid #dedede;margin-bottom:0px;padding:10px;background:rgba(233,233,233,.80);overflow: hidden;}
.inabout dt {width:48%;float: left;}
.inabout dt img {width:100%;display: block;}
.inabout dd{background: #fff;width: 50%;float: right;min-height:360px;padding:10px 1%;}
.inabout dd h4 {height: 40px;font-weight: normal;font-size:18px;color: #ff5c5c;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.inabout dl:hover{border:1px solid #eee;}
.inabout dl:hover h4 a {color: #ff5c5c;}

.Aboutbottom{ padding:20px 0 0px;}

.projects_bottom {height:250px;}
.Aboutbottom .projects_bottom .swiper-container {height: 100%;}
.Aboutbottom .projects_bottom .swiper-container .swiper-wrapper{height: 100%;width:100%;background: none;}

.Aboutbottom .projects_bottom .swiper-button-next{background:rgba(0,0,0,0.4) url("../images/banner_left_button.png") no-repeat center center;left:10px;right:auto;z-index: 99;width:30px;height: 60px;display:block;position:relative;top:-110px;}
.Aboutbottom .projects_bottom .swiper-button-next:hover{background:rgba(0,0,0,0.4) url("../images/banner_left_button2.png") no-repeat center center;}
.Aboutbottom .projects_bottom .swiper-button-prev:hover{background:rgba(0,0,0,0.4) url("../images/banner_right_button2.png") no-repeat center center;}
.Aboutbottom .projects_bottom .swiper-button-prev{background:rgba(0,0,0,0.4) url("../images/banner_right_button.png") no-repeat center center;left:1160px;right:auto;width:30px;height: 60px;display:block;position:relative;top:-140px;}

.projects_bottom .swiper-container .swiper-wrapper .warp-mask{background:none;}
.Aboutbottom .projects_bottom .swiper-container .swiper-wrapper img {width:280px;height: auto !important;border:3px solid #ccc;margin:10px;}
/*.Aboutbottom .projects_bottom .swiper-container .swiper-wrapper img:hover{border:3px solid #ff5c5c;}*/

.swiper-slide a h3 {font-size: 16px; line-height:40px;text-align: center;padding-top:0px;}
.swiper-slide a p{line-height: 20px;font-size: 12px;padding-bottom:20px;}
.swiper-slide a:hover img{}
.swiper-slide a:hover h3,.swiper-slide a:hover p{color: #fff;}
.swiper-container {width:100%;padding:0 0px 20px;box-sizing: border-box;}

.inaboutdh .box{width: 100%;margin:20px 0 0 20px;}
.inaboutdh .box .zx{display: block;width: 160px;height: 50px;float: left;font-size: 22px;color: #fff;line-height: 50px;background: url(../Img/mub01Inpage/proDetailsIntroBg.png) no-repeat center;text-align: center;text-decoration: none;}
.inaboutdh .box .zx img{position: relative;top: 4px;margin-left: 8px;}
.inaboutdh .box .phone{float: left;padding-left: 56px;;background: url(../Img/mub01Inpage/proListClassify_phone2.png) no-repeat left center;margin-left: 46px;margin-top:0px;}
.inaboutdh .box .phone span{display: block;font-size: 14px;color: #333333;}
.inaboutdh .box .phone em{display: block;font-size: 24px;color: #ff5c5c;font-family: arial;}