@charset "utf-8";


/*banner*/
.banner{height: 500px;max-width: 1920px;margin:0 auto!important;position: relative;margin-top: -34px;}
.banner .bd li{float: left;width: 100%; text-align:center}
.banner .bd li img{height:500px;}
.banner .bd li a{display: block;}
.banner .prev{position:absolute;top:40%;left: 6%;z-index: 10;cursor: pointer;}
.banner .next{position:absolute;top:40%;right: 6%;z-index: 10;cursor: pointer;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:8%;}
.banner .hd li{width: 40px;height: 8px;background: #fff;margin: 0 5px;display: inline-block;}
.banner .hd li.on{background: #D7342F;}

/*??????*/
.search{height: 81px;background:#fff;}
.keyword{font-size: 14px;color: #888;padding-left:30px;line-height: 81px;background: url(img/hot.png) no-repeat left center;padding-left: 68px;}
.keyword b{color: #999;margin-right: 10px;font-weight: normal;}
.keyword a{color: #999;display:inline-block;margin-right: 18px;}
.sou{margin-top: 18px;position: relative;width: 447px;height: 43px;overflow: hidden;background:rgba(238,238,238,0.5);}
.sou .ipt1{width: 390px;height: 43px;font-size: 14px;color: #999;border:none;background: none;text-indent:20px;line-height: 43px;}
.sou .ipt2{background:url(img/search.png) no-repeat;display: block;width: 25px;height: 24px;border: none;float: right;margin-right: 19px;margin-top: 9px;}

/*??????*/
.yz{background: url(img/yz_bg.jpg) no-repeat center top;height: 608px;padding-top: 12px;}
.yz h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.yz h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.yz p.ms{display: block;margin-top: 40px;text-align: center;font-size:16px;}
.yz p.ms span.one{display: block;}
.yz p.ms span{margin-right: 15px;line-height: 30px;}
.yz a.more{font-size: 16px;color: #d7342f;display: block;font-weight: bold;text-align: center;margin-top: 18px;text-decoration: underline;}
.yz ul{margin-top: 75px;}
.yz ul li{float: left;text-align: center;width: 175px;border-right: 1px solid #bcbdbe;padding: 0 40px;}
.yz ul li:first-child{padding-left: 0;}
.yz ul li:last-child{padding-right:0;border-right: none;}
.yz ul li p{display: inline-block;position: relative;}
.yz ul li p img{width: auto;max-width: 126px;}
.yz ul li p i{width: 32px;height: 32px;background: #333;color: #fff;font-size: 29px;display: block;line-height: 32px;text-align: center;border-radius: 50%;overflow: hidden;position: absolute;right: -20px;top: -15px;}
.yz ul li:nth-child(3) p i,.yz ul li:nth-child(4) p i,.yz ul li:nth-child(5) p i{font-size: 18px;}
.yz ul li span{display: inline-block;font-size: 20px;color: #D7342F;font-weight: bold;margin-left: 18px;}
.yz ul li em{display: block;font-size: 24px;color: #333;margin-top: 16px;}


/*????????????*/
.pro{height:823px;}
.pro h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.pro h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.pro .prol{margin-top: 30px;width: 260px;float: left;}
.pro .prol h3{width: 260px;height: 86px;background:#079d2b url(img/pro_tbg.png) no-repeat center;text-align: center;color: #fff;font-size: 24px;font-weight: normal;padding-top: 28px;}
.pro .prol h3 span{font-size: 14px;color: #fff;display: block;font-weight: lighter;text-transform: uppercase;margin-top: 5px;}
.pro .prol h3 a{display: block;color: #fff;}
.pro .prol .list{border: 1px solid #d2d2d2;border-top: none;}
.pro .prol .list h4{line-height:56px;background: #eeeeee url(img/pro_lsj.png) no-repeat 176px center;font-size: 18px;color: #333;font-weight: normal;border-bottom: 1px solid #fff;}
.pro .prol .list h4 a{display: block;padding-left: 40px;}
.pro .prol .list h4 a:hover{color: #D7342F;}
.pro .prol .list ul{min-height:153px;}
.pro .prol .list ul.cur{display: block;}
.pro .prol .list li{padding-left:45px;font-size: 13px;color:#666;margin-bottom: 20px;line-height: 18px;margin-top: 20px;padding-right:10px;position: relative;}
.pro .prol .list li:before{content:"";width: 0; height: 0; border-width: 5px; border-style: solid; border-color:transparent transparent transparent #da423d;display: block;left:40px;top: 3px;position: absolute;}
.pro .prol .list li a{display: block;}
.pro .prol .list li a:hover{color: #D7342F;}
.pro .pror{float: right;width: 887px;margin-top: 30px;}
.pro .pror .hot{width: 887px;height: 498px;position: relative;overflow: hidden;}
.pro .pror .hot dt{line-height: 0;}
.pro .pror .hot dd{position: absolute;background: url(img/pro_rbg.png);right: 20px;bottom: 20px;height:430px;padding-left: 43px;width:40%;padding:16px;}
.pro .pror .hot dd a{display: inline-block;}
.pro .pror .hot dd b{color: #fff;font-size: 24px;font-weight: bold;margin: 24px 0 0 20px;display: block;}
.pro .pror .hot dd b a{color:#fff;}
.pro .pror .hot dd span{line-height: 24px;color: #D1D1D1;display: block;width: 301px;letter-spacing: 1.5px;margin: 24px 0 0 20px}
.pro .pror .hot dd span a.yb{display: inline-block;color: #d7342f;font-weight: bold;}
.pro .pror .hot img{width: 887px;height: 498px;}
.pro .pror .hotb{margin-top: 28px;}
.pro .pror .hotb li{float: left;margin-right: 15px;display:inline;}
.pro .pror .hotb li:last-child{margin-right: 0;}
.pro .pror .hotb li a{display: block;}
.pro .pror .hotb li img{width: 285px;height: 158px;box-sizing: border-box;border: 1px solid #D2D2D2;}
.pro .pror .hotb li span{display: block;text-align: center;margin-top: 12px;line-height: 110%;font-size: 14px;color: #333;}

/*????????????*/
.ys{background: #f6f6f6;height: 850px;overflow: hidden;}
.ys h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.ys h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.ys .tit{margin-top: 32px;margin-bottom: 39px;}
.ys .tit li{float:left;width: 237px;height: 46px;text-align: center;line-height: 46px;color: #333;font-size: 18px;position: relative;}
.ys .tit li:after{content: "";width: 1px;height: 14px;background:rgba(48,48,48,0.3);position: absolute;right: 0;top: 16px;}
.ys .tit li.cur{background:#d7342f;color: #fff;margin-left: -1px;}
.ys .tit li.cur:after,.ys .tit li:last-child:after{display: none;}
.ys .con{}
.ys .con dt{float: left;width: 745px;height: 420px;}
.ys .con dt img{width: 745px;height: 420px;}
.ys .con dd{background: url(img/ys_bg.jpg) no-repeat -1px top;width: 392px;height:365px;float: right;padding-left: 63px;padding-top: 55px;}
.ys .con dd h3{font-size: 30px;color: #D7342F;font-weight: normal;line-height: 110%;margin-bottom: 36px;position: relative;}
.ys .con dd h3:before{position: absolute;content: "";width: 80px;height: 1px;background:#D7342F;left: -120px;top:20px;}
.ys .con dd h3:after{content:"";background: url(img/ys_sj.png) no-repeat;width: 14px;height: 22px;display: inline-block;
    position: absolute;
    left: -30px;
    top: 8px;
}
.ys .con dd p{font-size: 14px;color: #666;line-height: 24px;width: 330px;height:24px;overflow:hidden;}
.ys .con dd em{display: block;margin-top: 27px;font-size: 24px;color: #D7342F;font-weight: bold;}
.ys .con dd em b{background: url(img/ys_tel.png) no-repeat left center;line-height: 22px;padding-left: 31px;display: block;font-weight: normal;color: #666;margin-bottom: 7px;font-size: 14px;}
.ys .con dd a.zx{width:120px; height:40px; background:rgba(215,52,47,1);display: block;text-align: center;line-height: 40px;color: #fff;margin-top: 35px;}
.ys .tedian{margin-top: 52px;}
.ys .tedian li{width: 266px;float: left;border-bottom: 1px solid #afafaf;padding-bottom: 32px;padding-left: 34px;}
.ys .tedian li em{float:left;width: 66px;height: 53px;text-align: center;background: #9F9F9F;border-radius: 50%;overflow: hidden;padding-top: 13px;margin-right: 20px;}
.ys .tedian li p{float: left;width: 160px;line-height: 24px;padding-top: 12px;}
.ys .tedian li p b{display: block;color: #D7342F}
.ys .tedian li:hover{border-bottom: 5px solid #D7342F;padding-bottom: 30px;}
.ys .tedian li:hover em{background: #D7342F;}


/*????????????*/
.service{background:url(img/fw_bg.jpg) no-repeat center top;height: 929px;overflow: hidden;}
.service h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.service h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.service ul{}
.service ul li{float: left;width: 376px;margin-right:30px;margin-top: 45px;background: #fff;height: 605px;border: 2px solid #fff;}
.service ul li img{width: 376px;height: 376px;}
.service ul li a{display: block;}
.service ul li em{display: block;width: 80px;height:63px;background: #D7342F;border-radius: 50%;overflow: hidden;text-align: center;padding-top: 17px;margin: 0 auto;margin-top: -40px;position: relative;z-index: 1;}
.service ul li em img{width: 40px;height: 42px;}
.service ul li b{font-size: 28px;color: #D7342F;font-weight: normal;text-align: center;display: block;margin-top: 16px;}
.service ul li p{font-size: 14px;color: #666;line-height: 24px;padding: 0 42px;margin-top: 20px;text-align: justify;}
.service ul li:last-child{margin-right: 0;}
.service ul li:hover{border: 2px solid #d7342f;}


/*??????????????????*/
.case{background:#fff;height: 1077px;overflow: hidden;}
.case h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.case h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.case .tit{border-bottom: 1px solid #9f9f9f;height: 50px;line-height: 50px;margin-top: 28px;margin-bottom: 47px;}
.case .tit li,.case .tit em{float: left;display:block;}
.case .tit li a,.case .tit em a{font-size: 16px;color: #333;margin-right:55px;display: inline-block;cursor: pointer;}
.case .tit em a{margin-right: 0;}
.case .tit li.cur a,.case .tit li a:hover,.case .tit em a:hover{font-weight: bold;color: #d7342f;position: relative;}
.case .tit li.cur a:after,.case .tit li a:hover:after,.case .tit em a:hover:after{content: ""; width: 30px; height: 5px; background: #D7342F; display: block; vertical-align: bottom; margin: 0 auto;margin-top: -2px;}
.case .con dl{}
.case .con dl dt{width: 800px;height: 450px;float: left;position: relative;}
.case .con dl dt a{display: block;}
.case .con dl dt img{width: 800px;height: 450px;}
.case .con dl dt em.pageState{position: absolute;display: block;width: 132px;height: 60px;background: #fff;right: 0;bottom: 0;text-align: center;line-height: 60px;font-size: 18px;font-style: italic;letter-spacing: 2px;}
.case .con dl dt em.pageState span{font-style: italic;color: #D7342F;}
.case .con dl dd{float: left;width: 355px;padding-left: 45px;}
.case .con dl dd h3{font-size: 24px;color: #333;line-height: 36px;display: block;padding-top: 40px;margin-bottom: 7px;}
.case .con dl dd p{line-height: 25px;color: #666;font-size: 14px;}
.case .con dl dd a.more{display: block;width: 130px;height: 40px;background: #d7342f;text-align: center;line-height: 40px;color: #fff;margin-top: 55px;}
.case .con2{margin-top: 60px;}
.case .con2 i{float: left;padding-top: 88px;}
.case .con2 i.qh_l{margin-left: -47px;}
.case .con2 i.qh_r{margin-right: -47px;float: right;}
.case .con2 li{float: left;width: 282px;height: 158px;margin-right: 24px;display: inline;height: 211px;}
.case .con2 .tempWrap{width: 1200px!important;float: left;}
.case .con2 li a{display: block;}
.case .con2 li img{width: 282px;height: 158px;}
.case .con2 li span{display: block;line-height: 48px;text-align: center;border-bottom: 1px solid #dbdbdb;position:relative;}
.case .con2 li span:after{content: "";width: 54px;height: 3px;display: block;background: #d7342f;bottom: -1px;left:0;position: absolute;transition: all .25s linear;}
.case .con2 li:hover span:after{width: 100%;}

/*????????????*/
.shil{height:902px;overflow: hidden;}
.shil h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.shil h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.shil .tit{width: 1200px;margin: 0 auto;}
.shil .tit li{float: left;width: 240px;height:88px;background: #eee;text-align:center;font-size: 20px;color:#333;line-height: 110%;padding-top: 16px;cursor: pointer;position: relative;}
.shil .tit li:before{content: "";display: block;width: 2px;height: 24px;background: #9f9f9f;right: 0;top:38px;position: absolute;}
.shil .tit li span{display: block;margin-bottom: 7px;}
.shil .tit li.cur{background: #d7342f;color: #fff;margin-left: -2px;width: 242px;}
.shil .tit li:first-child.cur{margin-left: 0;width: 240px;}
.shil .tit li:last-child.cur{width: 242px;}
.shil .tit li.cur:before,.shil .tit li:last-child:before{display: none;}
.shil .tit li.cur:after{content:"";display: block;width: 0; height: 0; border-width: 22px; border-style: solid; border-color: transparent transparent #d7342f transparent;position: absolute;top: -44px;left:98px;}
.shil .con{margin-top: 35px;height: 572px;position: relative;width: 100% !important}
.shil .con .list{width: 1200px;margin: 0 auto;}
.shil .con .list .tempWrap{margin-left: -1290px!important;}
.shil .con dl{width: 1200px;height: 572px;position: relative;float: left;margin-right:90px;overflow: hidden;}
.shil .con dl dt{width: 1200px;height: 572px;line-height: 0;}
.shil .con dl dt img{width: 1200px;height: 572px;}
.shil .con dl dd{position: absolute;width: 416px;height: 408px;background:rgba(215,52,47,0.9);right: 0;bottom: 73px;padding-left: 65px;padding-right: 45px;overflow: hidden;display: none;}
.shil .con dl.cur dd{display: block;}
.shil .con dl dd h3{font-size: 30px;color: #fff;width: 92px;white-space: nowrap;border-bottom: 1px solid #fff;padding-bottom: 25px;padding-top: 60px;}
.shil .con dl dd p{line-height: 28px;color: #fff;font-size: 16px;margin: 25px 0 29px 0}
.shil .con dl dd em{font-size: 100px;font-weight: bold;color: #fff;opacity: 0.5;position: absolute;right: 50px;bottom: -30px;line-height: 100%;}
.shil .qh{position: relative;top: 260px;z-index: 1;cursor: pointer;}
.shil .qh:before{position: absolute;width: 1200px;height: 572px;background: #000;opacity: 0.3;content: "";display: block;top: -260px;left: -1290px;z-index: 1;}
.shil .qh:after{position: absolute;width: 1200px;height: 572px;background: #000;opacity: 0.3;content: "";display: block;top: -260px;right: -1290px;z-index: 1;}
.shil .qh .qh_l{margin-left: -64px;float: left;}

.shil .qh .qh_r{margin-right: -64px;float: right;}

/*??????????????????*/
.about{background:#fff;height:965px;overflow: hidden;}
.about h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.about h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.about_t{width: 1200px;height: 513px;line-height: 0;margin-top: 36px;}
.about_t a{display: block;}
.about_t img{width: 1200px;height: 513px;}
.about_b{width: 949px;height: 238px;margin:0 auto;background: #fff;margin-top: -100px;border-top: 8px solid #d7342f;position: relative;z-index: 1;box-shadow:0px 0px 5px rgba(190,190,190,0.3);}
.about_b p{padding: 36px 64px 0;color: #666;line-height: 30px;letter-spacing: 0.8px;}
.about_b p a{font-weight: bold;color: #D7342F;}
.about_b ul{padding: 0 69px 0 120px;margin: 26px 82px 0;height: 86px;border-bottom: 1px solid #df3532;}
.about_b li{float: left;margin: 0 31px;text-align: center;}
.about_b li:after{content: "";width: 10px;height: 10px;border-radius: 50%;overflow: hidden;background: #9f9f9f;display: inline-block;bottom: 0;border: 2px solid #fff;}
.about_b li a{display: block;padding-bottom: 7px;}
.about_b li img{width: 40px;height: 40px;margin: 0 auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.about_b li span{display: block;color: #333;font-size: 16px;margin-top: 7px;}
.about_b li.cur img,.about_b li:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.about_b li.cur span,.about_b li:hover span{color: #D7342F;}
.about_b li.cur:after,.about_b li:hover:after{background:#D7342F;}
.about_b li img{-webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s;}
.about_b li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}


/*????????????*/
.new{background:url(img/new_bg.jpg) no-repeat center top;height:854px;overflow: hidden;}
.new h2{font-size: 48px;color: #333;text-align: center;padding-top: 76px;background: url(img/tit.png) no-repeat center 155px;}
.new h2 span{display: block;font-size: 16px;font-weight: normal;margin-top: 38px;}
.new ul{margin-top: 40px;}
.new li{width: 575px;float: left;margin-right: 35px;display: inline;border-bottom: 3px solid #959595;}
.new li:last-child{margin-right: 0;}
.new li h3{border-left: 3px solid #D7342F;padding-left: 22px;font-size: 18px;color: #333;line-height: 28px;margin-bottom: 27px;}
.new li h3:after{content: "";width: 265px;height: 1px;background: #dcdcdc;display: inline-block;vertical-align: middle;margin-left: 12px;}
.new li i{width: 376px;height: 212px;display: block;line-height: 0;}
.new li i img{width: 576px;height: 312px;}
.new li i a{display: block;}
.new li em{background: url(img/new_dot.png) no-repeat right top;display: block;margin-top: 36px;font-size: 16px;color: #5F5F5F;}
.new li em span{display: inline-block;width: 48px;height: 48px;background: #D7342F;font-size: 28px;color: #fff;text-align: center;line-height: 48px;vertical-align: bottom;margin-right: 13px;}
.new li b{font-size: 16px;color: #333;display: block;margin: 25px 0;line-height: 26px;}
.new li p{line-height: 26px;color:#666;}
.new li p a{display: block;color: #555;}
.new li a.more{width: 108px;height: 32px;background:#9F9F9F;border-radius:16px;display: block;text-align: center;line-height: 32px;color: #555;font-size: 14px;margin-top: 30px;margin-bottom: 29px;}
.new li:hover a.more{background: #df3532;color: #fff;}
.new li:hover{border-bottom: 3px solid #df3532;}
.new  .li2 {
width:500px	
}
.new .li2 h3{border-left: 3px solid #D7342F;padding-left: 12px;font-size: 18px;color: #333;line-height: 28px;margin-bottom: 27px; float:left;}
.new .li2 h3:after{content: "";width: 50px;height: 1px;background: #dcdcdc;display: inline-block;vertical-align: middle;margin-left: 12px; }