@charset "utf-8";


/*pro*/

.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 48px;color: #171717;line-height: 48px;}


.pro{padding:40px 0;background:#FFF;background-size: cover;}
.pro h2{margin-bottom: 20px;}
.pro_l{float: left;width: 21%;}
.pro_t{height: 70px;line-height: 70px;font-size: 24px;color: #fff;background: #171717;text-align: center;}
.pro_t img{vertical-align: middle;margin-right: 14px;}
.pro_ctg{background: #fff;padding: 30px 22px 10px;}
.pro_ctg h3 a{display: block;height: 38px;line-height: 38px;padding: 0 20px;font-size: 16px;color: #F4F4F4;background: url(../images/pro_jt1.png) no-repeat 230px center #8b8b8b;}
.pro_ctg p{padding: 10px 0 20px;}
.pro_ctg p a{display: block;font-size: 14px;color: #7A7A7A;line-height: 35px;padding-left: 20px;background: url(../images/dian1.jpg) no-repeat 7px center;}
.pro_ctg h3 a:hover{background-color: #DD0125;}
.pro_ctg p a:hover{color: #DD0125;}
.pro-x img{display: block;width: 100%;}
.pro_r{float: right;width: 75%;}
.pro_con{position: relative; border:8px solid #e6e6e6; }
.pro_con dl{background: #fff;}
.pro_con dt{float: left;width: 42%;overflow: hidden;}
.pro_con dt img{display: block;width: 100%;transition: all 0.5s;}
.pro_con dt:hover img{transform: scale(1.05);}
.pro_con dd{float: right;width: 58%;padding: 0 3%; padding-bottom:30px;box-sizing: border-box;background:#f1f1f1 url(../images/hot.png) no-repeat top right; z-index:9999}
.pro_con dd h4 a{display: block;font-size: 36px; font-weight:bold;color: #171717;line-height: 20px;padding: 44px 0 14px;}
.pro_con dd p{font-size: 17px;color: #7A7A7A;line-height: 30px;}
.pro_canshu{ height:200px; overflow:hidden}
.pro_size{font-size: 0;margin: 35px 0 40px;}
.pro_btn{height: 48px;}
.pro_btn a{display: inline-block;height: 48px;line-height: 44px;width: 132px;text-align: center;letter-spacing: 1px;font-size: 16px;color: #171717;font-weight: bold;border: 2px solid #171717;border-radius: 24px;box-sizing: border-box;margin-right: 22px;}
.pro_btn a img{vertical-align: middle;margin-right: 5px;}
.pro_btn a:nth-child(2){background: #ae7622;border-color: #ae7622;color: #fff;}
.pro_con .prev{position: absolute;width: 40px;left: 15px;top: 50%;transform: translateY(-50%);}
.pro_con .next{position: absolute;width: 40px;right:60%;top: 50%;transform: translateY(-50%);}
.pro_con .prev img,.pro_con .next img{display: block;width: 100%;}
.pro_list{margin-top: 10px;}
.pro_list li{float: left;margin-right: 2%;width: 32%;background: #e6e6e6;border: 8px solid #e6e6e6;box-sizing: border-box;}
.pro_list li:last-child{margin-right: 0;}
.pro_list li i{display: block;overflow: hidden;}
.pro_list li i img{display: block;width: 100%;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li h4{display: block;height: 45px;line-height: 50px;font-size: 18px;color: #171717;font-weight: normal;background: #e6e6e6;/*url(../images/pro_jt2.png) no-repeat right center;*/text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align:center}
/*.pro_list li:hover{border-color: #ae7622;}*/

.title_c{text-align: center;font-size: 40px;color: #222222; margin:15px 0;}
.title_c i{color: #333; font-weight:bold;}
.title_c span{display: block;font-size: 18px;margin: 5px 0 20px 0;}
.title_c span{ font-size:18px; color:#666666; font-weight:lighter; display:block; margin:8px 0 20px 0;}
.title_c:after{content:'';display:inline-block;width:150px;height:3px;background:url(../images/qqq.png) no-repeat center;-webkit-animation: 'flymove' 5s linear infinite;-moz-animation: 'flymove' 5s linear infinite;-ms-animation: 'flymove' 5s linear infinite;}
@-webkit-keyframes flymove{
	from{background-position:-94px 0px;}
	to{background-position:0 0;}
}
@-moz-keyframes flymove{
	from{background-position:-94px 0px;}
	to{background-position:0 0;}
}
@-ms-keyframes flymove{
	from{background-position:-94px 0px;}
	to{background-position:0 0;}
}



/**/
.slbj{height:770px;background:#f2f2f2;}
.sl{padding-top:60px;height:949px; position: relative;}
.sl h3{text-align: center;font-size: 48px; font-weight: bold; line-height: 50px; height:79px; color:#000; margin-bottom: 40px;}
.sl h3 i{display: block; font-size: 24px; color:#000; line-height: 14px; margin-top: 15px; font-weight: normal; text-transform: uppercase;}
.sl .sl_sm{width:978px; height:487px; float:left;padding-top:59px;padding-left:22px; background:#FFF}
.sl .sl_sm span{display: block; width:580px; height:419px;float:left;}
.sl .sl_sm span img{width:580px; height:419px;}
.sl .sl_sm dl{width:350px;float:left;padding-left:27px;}
.sl .sl_sm dl dt{margin-bottom: 27px;}
.sl .sl_sm dl dt i{display: block;width:66px;height:66px;padding-top:15px; border-top:3px solid #ae7622; font-size: 60px;margin-bottom: 17px;}
.sl .sl_sm dl dt i img{width:66px; height:66px;}
.sl .sl_sm dl dt strong{display: block; font-size: 28px; font-weight: bold; color:#333333; line-height: 24px;}
.sl .sl_sm dl dt strong em{display: block;font-size: 14px; font-weight: normal; color:#cccccc; line-height: 14px; text-transform: uppercase; margin-top: 12px;}
.sl .sl_sm dl dd p{margin-bottom: 30px;}
.sl .sl_sm dl dd p b{display: block;font-size:20px; color:#666666;padding-left:24px;background:url(../images/hg1.jpg) no-repeat left 10px;font-weight: normal;height: 30px;line-height: 18px;}
.sl .sl_sm dl dd a{display: block;width:144px; height:37px; text-align: center; line-height: 37px; background:#ae7622; border-radius: 20px; font-size:18px; color:#FFF}
.sl .hd{width:200px; float:right;z-index: 100;position: relative;}
.sl .hd ul li{width:200px; height:111px;background:#b5b5b5; margin-bottom: 1px; padding-top:25px;}
.sl .hd ul li i{display: block; width:43px; height:43px; margin:0 auto 16px;}
.sl .hd ul li i img{filter: brightness(100)!important;}
.sl .hd ul li span{display: block;text-align: center; font-size: 18px; color:#FFF; line-height: 18px;}
.sl .hd ul li span em{display: block; font-size: 16px; font-weight:bold;letter-spacing:-2px; color:#FFF; margin-top: 8px;}
.sl .hd ul li.cur{background:#ae7622;filter:}
.sl .hd ul li.cur span{ color:#FFF }
.sl .hd ul li.cur span em{ color:#FFF; }
/*.sl .hd ul li.cur i img{filter: brightness(0)!important;}*/

.sl .jt{width:108px; height:28px; position: absolute;top:612px; left:547px;}
.sl .jt i{display: block;float:left; width:54px; height:28px;}
.sl .jt .prev{background:url(../images/prev.jpg) no-repeat center;}
.sl .jt .next{background:url(../images/next.jpg) no-repeat center;}
.sl .fwtb{height:200px;padding-top:33px;}
.sl .fwtb h4{text-align: center;font-size: 24px; color:#333333; line-height: 24px; margin-bottom: 27px;}
.sl .fwtb span{float:left; width:150px; height:118px; background:#FFF;border-radius: 5px;padding-top:32px;}
.sl .fwtb span i{display: block;width:45px; height:35px;margin:0 auto 19px;}
.sl .fwtb span i.fw1{background:url(../images/sl1.png) no-repeat center;}
.sl .fwtb span i.fw2{background:url(../images/sl2.png) no-repeat center;}
.sl .fwtb span i.fw3{background:url(../images/sl3.png) no-repeat center;}
.sl .fwtb span i.fw4{background:url(../images/sl4.png) no-repeat center;}
.sl .fwtb span i.fw5{background:url(../images/sl5.png) no-repeat center;}
.sl .fwtb span i.fw6{background:url(../images/sl6.png) no-repeat center;}
.sl .fwtb span:hover i.fw1{background:url(../images/sl1_h.png) no-repeat center;}
.sl .fwtb span:hover i.fw2{background:url(../images/sl2_h.png) no-repeat center;}
.sl .fwtb span:hover i.fw3{background:url(../images/sl3_h.png) no-repeat center;}
.sl .fwtb span:hover i.fw4{background:url(../images/sl4_h.png) no-repeat center;}
.sl .fwtb span:hover i.fw5{background:url(../images/sl5_h.png) no-repeat center;}
.sl .fwtb span:hover i.fw6{background:url(../images/sl6_h.png) no-repeat center;}
.sl .fwtb span em{display: block; text-align: center; font-size: 14px; color:#333333; height:40px; line-height: 20px;}
.sl .fwtb b{display: block; float:left; width:60px; height:150px;}
.sl .fwtb b img{ width:60px; height:150px;}
.sl .fwtb span:hover{background:#ae7622;}
.sl .fwtb span:hover em{color:#FFF;}


.zxly {height: 373px;background:url(../images/liuyan_bg.jpg) no-repeat center top;}
.zxly .container {height: px;position: relative;}
.zxly .zxlyImg {position: absolute;left: -50px;top: -43px;}
.zxly .zxlyImg img {display: block;width: 744px; margin-top: 73px; height:318px}
.zxly .zxlyCon {margin-left: 820px;padding-top: 35px;}
.zxly .zxlyCon .p1 {font-size: 29px;color: #F00;margin-bottom: 10px;}
.zxly .zxlyCon .p33{ font-size:23px}
.zxly .zxlyCon .p1 i {font-size: 14px;}
.zxly .zxlyCon .info1 {margin-bottom: 6px;background: #fff;border-radius: 5px;overflow: hidden; font-size:16px;}
.zxly .zxlyCon .info1 p {height: 23px;padding: 6px 6px 6px 47px;background: url(../images/zxlyicon01.png) no-repeat 15px center;}
.zxly .zxlyCon .info1 input {height: 23px;border: none;line-height: 230px;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}
.zxly .zxlyCon .info2 {margin-bottom: 5px;background: #fff;border-radius: 5px;overflow: hidden;font-size:16px;}
.zxly .zxlyCon .info2 p {height: 23px;padding:  6px 6px 6px 47px;background: url(../images/zxlyicon02.png) no-repeat 15px center;}
.zxly .zxlyCon .info2 input {height: 23px;border: none;line-height: 230px;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}

.zxly .zxlyCon .info3 {margin-bottom: 6px;background: #fff;border-radius: 5px;overflow: hidden;font-size:16px;}
.zxly .zxlyCon .info3 p {height: 23px;padding: 10px 10px 25px 47px;background: url(../images/zxlyicon03.png) no-repeat 15px center;}
.zxly .zxlyCon .info3 input {height: 23px;border: none;line-height: 230px;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}
.zxly .zxlyCon .info3 textarea{height: 45px;border: none;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}

.zxly .zxlyCon .p2 a {display: block;height: 48px;line-height: 48px;border-radius: 5px;background: #222222;color: #fff;text-align: center;font-weight: bold;font-size: 16px;}




.so{ height: 680px;}
.so h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #ae7622;}
.so  h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.so .so_l{ float: left; width: 404px;}
.so .so_l li{ float: left; width: 193px; height:104px; margin-right: 9px; margin-bottom: 7px; background: #ededed; text-align: center; font-size: 18px; color: #000; line-height:15px;}
.so .so_l li  i{ width: 45px; height: 45px; margin:19px auto 12px; display: block;transition: all 0.5s ease-in-out;}
.so .so_l li:hover i{transform: rotateY(180deg);}
.so .so1 i{background:url(../images/so1.png) no-repeat center; }
.so .so2 i{background:url(../images/so2.png) no-repeat center; }
.so .so3 i{background:url(../images/so3.png) no-repeat center; }
.so .so4 i{background:url(../images/so4.png) no-repeat center; }
.so .so5 i{background:url(../images/so5.png) no-repeat center; }
.so .so6 i{background:url(../images/so6.png) no-repeat center; }
.so .so7 i{background:url(../images/so7.png) no-repeat center; }
.so .so8 i{background:url(../images/so8.png) no-repeat center; }
.so .so_l li:hover,.so .so_l li.cur{ background: #ae7622; color: #fff;}
.so .so_l li:hover a,.so .so_l li.cur a{color: #FFF;}
/*.so .so_l li:hover a,.so .so_l li a{ color:#000}*/
.so .so_l .so1:hover i,.so .so_l .so1.cur i{background:url(../images/so1h.png) no-repeat center; }
.so .so_l .so2:hover i,.so .so_l .so2.cur i{background:url(../images/so2h.png) no-repeat center; }
.so .so_l .so3:hover i,.so .so_l .so3.cur i{background:url(../images/so3h.png) no-repeat center; }
.so .so_l .so4:hover i,.so .so_l .so4.cur i{background:url(../images/so4h.png) no-repeat center; }
.so .so_l .so5:hover i,.so .so_l .so5.cur i{background:url(../images/so5h.png) no-repeat center; }
.so .so_l .so6:hover i,.so .so_l .so6.cur i{background:url(../images/so6h.png) no-repeat center; }
.so .so_l .so7:hover i,.so .so_l .so7.cur i{background:url(../images/so7h.png) no-repeat center; }
.so .so_l .so8:hover i,.so .so_l .so8.cur i{background:url(../images/so8h.png) no-repeat center; }
.so .so_r{float: right;}
.so .so_r dl{position: relative;}
.so .so_r dt{ height:437px;}
.so .so_r dt img{ width: 776px; height: 437px;}
.so .so_r dd{position: absolute; left: 0 ;bottom: 0; background: rgba(0,0,0,0.5); width: 776px;height: 85px;}
.so .so_r dd h3{ padding-top: 18px; padding-left: 45px;}
.so .so_r dd h3 a{ font-size: 18px; line-height: 24px;color: #ffffff; font-weight: normal;}
.so .so_r dd p{ padding-left: 45px; color: #fff; font-size: 14px; line-height: 24px; color:#fff;padding-top: 8px;}
.so .so_r dd p a{font-size: 14px; color: #fff; }

.ys{ height: 938px;background:url(../images/ys_bg.jpg) no-repeat center; }
.ys h2{text-align: center; padding-top: 40px;font-size: 34px; line-height: 24px;color: #ae7622;}
.ys h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.ys .tab2 li{ float: left; width: 126px; height:142px;background:url(../images/bai.png) no-repeat center;text-align: center; font-size: 20px; color: #333; padding: 0 87px;}
.ys .tab2 li i{ width: 40px; height: 40px; margin:32px auto 10px; display: block;transition: all 0.5s ease-in-out;}
.ys .y1 i{background:url(../images/ys_ic1.png) no-repeat center; }
.ys .y2 i{background:url(../images/ys_ic2.png) no-repeat center; }
.ys .y3 i{background:url(../images/ys_ic3.png) no-repeat center; }
.ys .y4 i{background:url(../images/ys_ic4.png) no-repeat center; }
.ys .tab2 li:hover i{transform: rotateY(180deg);}
.ys .tab2 li:hover,.ys .tab2 li.cur{background:url(../images/lv.png) no-repeat center; color: #FFF;}
.ys .y1:hover i,.ys .y1.cur i{background:url(../images/ys_ic1h.png) no-repeat center;}
.ys .y2:hover i,.ys .y2.cur i{background:url(../images/ys_ic2h.png) no-repeat center; }
.ys .y3:hover i,.ys .y3.cur i{background:url(../images/ys_ic3h.png) no-repeat center; }
.ys .y4:hover i,.ys .y4.cur i{background:url(../images/ys_ic4h.png) no-repeat center; }
.ys .ys_con{margin-top: 53px;}
.ys .ys_con dl{position: relative;}
.ys .ys_con dt img{ width: 1200px; height: 576px;}
.ys .ys_con dd{position: absolute; left: 0 ;bottom: 0; background: rgba(0,0,0,0.7); width:1110px;height: 76px; padding: 24px 45px;}
.ys .ys_con dd span{ display: block; width: 100px; height: 100px; background:#ae7622; border-radius: 5px; font-size: 60px; color: #FFF; font-weight:bold; text-align: center; line-height: 46px; float: left; margin-right: 27px; line-height:90px; margin-top:-10px}
.ys .ys_con dd span em{ display: block;font-weight: bold; padding: auto 0; font-size: 36px; line-height: 30px;}
.ys .ys_con dd p{font-size: 16px;color: #fff; line-height: 22px; padding-left: 15px;background:url(../images/xtb.png) no-repeat left;}
.ys .ys_con dd .ysh1{ float:left; color: #fff; margin-bottom: 8px; margin-top:10px;}
.ys .ys_con dd .ysh2{ float:left; width: 950px; color: #fff;background:url(../images/xtb.png) no-repeat left 5px;}
.ys .ys_con dd .ysh30{ font-size:24px}




.w1200{width:1200px; margin:0 auto;}
/* workshop */
.fac{ padding-bottom: 90px; background:#f7f7f7; padding-top:35px;}
.fac_box{ margin:0px auto; height: 335px; }
.fb_tab{ text-align:center; font-size:0; }
.fb_tab a{ font-size:18px; color:#000; display:inline-block; vertical-align:top; width:175px; height:42px; line-height:42px; border:1px solid #999; margin-right:15px }
.fb_tab a.cur{color:#FFF; font-weight:bold; background:#ae7622 }

.fb_con{ position:relative; margin: 30px auto;  width: 1300px;}
.fb_con li{ width:1300px; height:306px; position:relative; overflow:hidden; display:block; }
.fb_con li+li{ display:none; }
.fb_con li table{ position:absolute; top:0; left:0; }
.fb_con li td { width: 408px; display: inline-block; vertical-align: top; padding-left: 0px !important; margin: 0 12px; position: relative; height: 306px; overflow: hidden; }
.fb_con li td br{ display:none; }
.fb_con li td div a { line-height: 30px; font-size: 18px; font-weight: 700; text-align: center; left: 0px; color: #fff; display: block; transition: 0.2s all; }
.fb_con li td:hover div a { transition: 0.3s all; font-size: 18px; height: 306px; line-height: 306px; color: #fff; font-weight: bold; }
.fb_con li td div { display: block; background: rgba(0, 0, 0, 0.4); position: absolute; width: 408px; left: 0px; bottom: 0px; height: 46px; z-index: 1; transition: 0.3s all;/* padding-top: 0 !important; */}
.fb_con li td:hover div { height: 306px; bottom: 0px; transition: 0.3s all; }

.fb_con>div{ width:63px; height:63px; position:absolute; top:50%; margin-top:-31px; transition:600ms; }
.fbc_btnl{ left:-75px; background:url(../images/20210430163050_1913057381.png) no-repeat; }
.fbc_btnr{ right:-75px; background:url(../images/20210430163113_1633981199.png) no-repeat; }
.fb_con>div:hover{ background-position:-73px center; cursor: pointer; transition:600ms; }
/*.fb_con li:nth-child(3){height: 319px;}
.fb_con li:nth-child(3) td{width: 239px;     height: 319px;}
.fb_con li:nth-child(3) td div{width: 239px;  }
.fb_con li:nth-child(3) td:hover div a { transition: 0.3s all; font-size: 18px; height: 319px; line-height: 319px; color: #fff; font-weight: bold; }
.fb_con li:nth-child(3) td:hover div { height: 319px; bottom: 0px; transition: 0.3s all; }
*/


/*news*/
.news_bg{ padding:60px 0 30px 0; background:url(../images/news_bg.jpg) no-repeat center top;}
.nb_tab{font-size:1px;text-align: center; float: right; color:#b5b3b3; line-height: 70px;}
.news_t{border-bottom: 1px solid #ccc;   margin-bottom: 30px; }
.news_t1{float:left; font-size: 34px; color: #333; line-height: 70px; background:url(../images/20210422101943_216516722.png) no-repeat left; padding-left:50px; font-weight:bold}
.news_t1 b{font-size: 20px;   color: #000;  font-weight: bold;   padding-left: 10px; text-transform: uppercase;}
.nb_tab a{ display:inline-block; position:relative; font-size:18px; color:#343434; margin-left:23px;}
.nb_tab a+a{ margin-left:40px;}
.nb_tab a.cur{ color:#000; font-weight:bold;}
.nb_tab a:after,.nb_tab a:before{ content:''; display:block; transition:all .4s ease; position: absolute; top:26px;}
.nb_tab a:after{ width:0px; margin:0 auto; height:3px; background:#000; margin-top:48px;}
.nb_tab a.cur:after{ width:100%; font-weight:500;}
.nb_tab a:before{ position:absolute; left:-23px; top:6px;}

.nb_con{}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:660px;}
.nbcl_le .news_div_item{width:320px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:10px;}
.nbcl_le .news_div_item_pic img{width:300px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/20210430163142_1644259707.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:520px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f0f0f0;padding:30px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:380px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:"Noto Sans SC"!important;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight: bold;    line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}


