/*banner*/
.focus{width:100%;height:910px;position:relative;float:center}
.banner{width:100%;height:910px;overflow:hidden}
.banner li{width:100%;height:910px;}
.banner li .banner_img{width:100%; height:910px; position: relative;}
.banner li .banner_img img{ animation: pulse 6s; -webkit-animation: pulse 6s ;/* animation-name: bgMagnify; animation-duration: 10s; animation-delay: 1.2s; */}
.banner li .banner01_sub01{width: 640px; height: 330px; position: absolute; z-index: 99; top:20%; right:3%; animation-name: fadeInRight; animation-duration: 2.5s; animation-delay:3s;animation-fill-mode: both;}
.banner li .banner01_sub02{width: 140px; height: 40px; position: absolute; z-index: 99; top:64%; right:29%;animation-name: fadeInRight; animation-duration: 1s; animation-delay: 1.5s;animation-fill-mode: both;}
.banner li .banner03_sub01{ height:78px; width: 645px; position: absolute; z-index: 99; top:32%; left:10%; animation-name: fadeInUp; animation-duration: 1.2s;animation-delay:1s;animation-fill-mode: both;}
.banner li .banner03_sub02{height: 52px; width: 653px; position: absolute; z-index: 99; top:43%; left:10%;animation-name: fadeInUp;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}
.banner li .banner03_sub03{ width:760px; line-height:48px; position: absolute; z-index: 99; top:50%; left:10%; animation-name: fadeInUp;animation-duration: 1.2s;animation-delay: 1.5s;animation-fill-mode: both; color: #27272; font-size: 26px;}
.banner li .banner04_sub01{ height:441px; width: 1134px; position: absolute; z-index: 99; top:24%; left:20%; animation-name: zoomInDown;animation-duration: 1s;animation-delay:0.8s;animation-fill-mode: both;}
.banner li .banner05_sub01{ height:441px; width: 1134px; position: absolute; z-index: 99; top:24%; left:20%; animation-name: zoomInDown;animation-duration: 1s;animation-delay:0.8s;animation-fill-mode: both;}
.banner li .banner06_sub01{ height:82px; width: 618px;position: absolute; z-index: 99; top:30%; left:12%; animation-name: fadeInUp; animation-duration: 1.5s;animation-delay:1.0s;animation-fill-mode: both;}
.banner li .banner06_sub02{line-height:56px; position: absolute; z-index: 99; top:42%; left:12%; font-size: 30px;  color: #272727;animation-name: fadeInUp;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}
.banner li .banner07_sub01{ height:560px; width: 1114px; position: absolute; z-index: 99; top:37%; right:6%; animation-name: fadeInRightBig; animation-duration: 1.5s;animation-delay:2.5s;animation-fill-mode: both;}
.banner li .banner07_sub02{line-height:56px; position: absolute; z-index: 99; top:32%; left:6%; animation-name:fadeInLeft;animation-duration: 1s;animation-delay: 3s;animation-fill-mode: both;}
.banner li .banner14_sub01{width: 290px; height:60px; position: absolute; z-index: 99; top:25%; left:10%; animation-name: fadeInLeft; animation-duration: 1.5s; animation-delay:2s;animation-fill-mode: both; font-size: 60px; color: #fff; line-height: 60px; font-weight: 800;}
.banner li .banner14_sub02{width: 340px; height:20px; position: absolute; z-index: 99; top:34%; left:10%;animation-name: fadeInLeft; animation-duration: 1.5s; animation-delay: 2s;animation-fill-mode: both; font-size: 16px; line-height:20px; color: #fff;}
.banner li .banner14_sub03{width:1500px; height:456px; animation-name: fadeInUp; animation-duration: 1.5s;animation-delay:2.2s;animation-fill-mode: both; top:25%; left:10%; position: absolute; z-index: 102;}
.banner li .banner14_sub04{width:200px; height:120px; animation-name: zoomInDown;animation-duration: 1s;animation-delay:2.2s;animation-fill-mode: both; top:23%; left:44%; position: absolute; z-index: 104;}


.rslides{width:100%;position:relative;list-style:none;padding:0; margin:0 auto;}
.rslides_nav{height:64px;width:64px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:2%;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/left_btn.png) no-repeat;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(../images/right_btn.png) no-repeat;right:2%}
.rslides_tabs{margin:-60px auto 20px auto;clear:both;text-align:center; z-index:120; position: relative;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;display:inline-block;width:80px;height:6px;margin-right:11px;background:#fff;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);overflow:hidden; border-radius: 3px;}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .9);background:#e80115}

/*index_con*/
.product_con{width:100%; overflow:hidden; display: block;}
.product_con .products{width:1400px; margin: 0 auto; padding-top: 20px;}
.product_con .products .title_con{width:1400px; float: left; height:40px; padding-top:60px;}
.product_con .products .title_con h2{width:aut0; float: left; height: 40px; line-height: 40px; color: #333; font-size: 36px; letter-spacing: 1px;}
.product_con .products .title_con h2 span{color: #e80115;}
.product_con .products .title_con p{width:aut0; float: left; height: 24px; line-height:24px; color: #979797; font-size: 22px; padding-top: 16px; padding-left:6px;}
.product_con .products .title_con .conmore{width: 96px; height: 26px; line-height: 26px; padding-top: 14px; float: right; font-size: 18px; color: #666;}
.product_con .products .title_con .conmore a{color: #666; background: url(../images/more_icon.png) no-repeat right; height: 26px; padding-right: 24px; width: 72px;transition: all 0.5s;}
.product_con .products .title_con .conmore a:hover{color: #e80115; background: url(../images/more_hover_icon.png) no-repeat right;}

.product_con .products .category{width:1400px;float: left; height:58px; padding-top:40px;}
.product_con .products .category ul{width:1400px; float: left; height:58px; color: #333; line-height: 58px;}
.product_con .products .category ul li{width:320px; float: left; height:58px; margin-right: 40px; text-align: center;}
.product_con .products .category ul .spe{margin-right:0px;}
.product_con .products .category a{width:320px; height:58px; color: #333; background: #f7f8fc; float: left; border-radius: 4px; transition: 0.4s all ease;   font-size: 20px; font-weight:bold;}
.product_con .products .category a:hover{color: #fff; background: #e80115;}

.product_con .products .pro_box{width:1400px; float: left; padding:40px 0;}
.product_con .products .pro_box ul{width:1400px; margin: 0 auto; height:800px;}
.product_con .products .pro_box ul li{width:440px; float: left; margin-right: 40px; margin-bottom: 40px;}
.product_con .products .pro_box ul .no3{margin-right:0;}
.product_con .products .pro_box ul li .pro_img{width:440px; height: 330px; overflow: hidden;}
.product_con .products .pro_box ul li .pro_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.product_con .products .pro_box ul li .pro_name{width:440px; height: 56px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 56px;}
.product_con .products .pro_box ul li a{overflow: hidden; font-size: 20px; color:#000; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.product_con .products .pro_box ul li a:hover{background: #e80115;}
.product_con .products .pro_box ul li a:hover .pro_name{color: #fff;}
.product_con .products .pro_box ul li a:hover .pro_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}

.intro_con{width:100%; height: 510px; background: url(../images/about_bg.png) no-repeat #e80115; margin: 0 auto;}
.intro_con .about_box{width:1400px; margin:0 auto; padding:60px 0px;}
.intro_con .about_box .about_left{width:760px; float: left; margin-right: 40px;}
.intro_con .about_box .about_left .title_con{width:760px; float: left; margin-right: 40px; height:40px; padding-top: 20px;}
.intro_con .about_box .about_left .title_con h2{width:aut0; float: left; height: 40px; line-height: 40px; color: #333; font-size: 36px; letter-spacing: 1px;}
.intro_con .about_box .about_left .title_con h2 span{color: #e80115;}
.intro_con .about_box .about_left .title_con p{width:aut0; float: left; height: 24px; line-height:24px; color: #979797; font-size: 22px; padding-top: 16px; padding-left:6px;}
.intro_con .about_box .about_left .about_text{width: 760px; overflow: hidden; line-height:40px; font-size: 20px; color: #272722; padding-top: 20px; font-weight:400;}
.intro_con .about_box .about_left .conmore{width: 96px; height: 26px; line-height: 26px; padding-top: 14px; float: right; font-size: 18px; color: #666;}
.intro_con .about_box .about_left .conmore a{color: #666; background: url(../images/more_icon.png) no-repeat right; height: 26px; padding-right: 24px; width: 72px;transition: all 0.5s;}
.intro_con .about_box .about_left .conmore a:hover{color: #e80115; background: url(../images/more_hover_icon.png) no-repeat right;}
.intro_con .about_box .about_right{width:600px; float: right; height: 360px; overflow: hidden; padding-top: 10px;}

.scene_con{width:100%; margin: 0 auto; background: #fff;  overflow:hidden; display: block;}
.scene_con .scene_box{width:1400px; margin:0 auto;padding:60px 0px;}
.scene_con .scene_box .title_con{width:1400px; float: left; height:40px;}
.scene_con .scene_box .title_con h2{width:aut0; float: left; height: 40px; line-height: 40px; color: #333; font-size: 36px; letter-spacing: 1px;}
.scene_con .scene_box .title_con h2 span{color: #e80115;}
.scene_con .scene_box .title_con p{width:aut0; float: left; height: 24px; line-height:24px; color: #979797; font-size: 22px; padding-top: 16px; padding-left:6px;}
.scene_con .scene_box .title_con .conmore{width: 96px; height: 26px; line-height: 26px; padding-top: 14px; float: right; font-size: 18px; color: #666;}
.scene_con .scene_box .title_con .conmore a{color: #666; background: url(../images/more_icon.png) no-repeat right; height: 26px; padding-right: 24px; width: 72px;transition: all 0.5s;}
.scene_con .scene_box .title_con .conmore a:hover{color: #e80115; background: url(../images/more_hover_icon.png) no-repeat right;}
.scene_con .scene_box .scene_list{width:1400px; float: left;  position: relative; height: 292px; overflow: hidden; margin:40px 0px 80px 0px; }
.scene_con .scene_box .scene_list ul{width:1400px; margin: 0 auto; position: relative;}
.scene_con .scene_box .scene_list ul li{width:320px; float: left; margin-right: 40px; display: inline-block; height: 292px;}
.scene_con .scene_box .scene_list ul .no4{margin-right:0;}
.scene_con .scene_box .scene_list ul li .scene_img{width:320px; height: 240px; overflow: hidden;}
.scene_con .scene_box .scene_list ul li .scene_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.scene_con .scene_box .scene_list ul li .scene_name{width:320px; height: 52px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 52px;}
.scene_con .scene_box .scene_list ul li a{overflow: hidden; font-size: 20px; color:#272727; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.scene_con .scene_box .scene_list ul li a:hover{background: #e80115;}
.scene_con .scene_box .scene_list ul li a:hover .scene_name{color: #fff;}
.scene_con .scene_box .scene_list ul li a:hover .scene_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}
.scene_con .scene_box .fr{width: 1400px; float: left; margin: 0 auto; text-align: center; padding-bottom: 60px;}
.scene_con .scene_box .fr .tab-T-3{width:66px; margin: auto;}
.scene_con .scene_box .fr .tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-right:10px;cursor:pointer;display:inline; border-radius: 12px;}
.scene_con .scene_box .fr .tab-T-3 li.cur{background-color:#e80115;}

.news_con{width:100%; margin: 0 auto; overflow:hidden; display: block; background: url(../images/news_con_bg.png) no-repeat #fff; height: 930px;}
.news_con .news_box{width: 1400px; margin: 0 auto; padding-top: 60px; overflow: hidden;}
.news_con .news_box .title_con{width:1400px; float: left; height:40px;}
.news_con .news_box .title_con h2{width:aut0; float: left; height: 40px; line-height: 40px; color: #333; font-size: 36px; letter-spacing: 1px;}
.news_con .news_box .title_con h2 span{color: #e80115;}
.news_con .news_box .title_con p{width:aut0; float: left; height: 24px; line-height:24px; color: #979797; font-size: 22px; padding-top: 16px; padding-left:6px;}
.news_con .news_box .title_con .conmore{width: 96px; height: 26px; line-height: 26px; padding-top: 14px; float: right; font-size: 18px; color: #666;}
.news_con .news_box .title_con .conmore a{color: #666; background: url(../images/more_icon.png) no-repeat right; height: 26px; padding-right: 24px; width: 72px;transition: all 0.5s;}
.news_con .news_box .title_con .conmore a:hover{color: #e80115; background: url(../images/more_hover_icon.png) no-repeat right;}
.news_con .news_box .magic_tab{width: 1400px;float: left; margin-top:30px;}
.news_con .news_box .magic_tab .magic_tab_head{width: 1400px; height:40px; float: left; border-bottom:#ededed solid 1px; margin-bottom: 30px;}
.news_con .news_box .magic_tab .magic_tab_head ul{width: 1400px; height:40px; margin: 0 auto;}
.news_con .news_box .magic_tab .magic_tab_head ul li{width: 120px; height:40px; float: left; color: #666; font-size: 18px; text-align: center; line-height: 40px;transition: all 0.5s; cursor: pointer;}
.news_con .news_box .magic_tab .magic_tab_head ul li:hover{color: #fff; font-weight: 600; background: #e80115;}
.news_con .news_box .magic_tab .magic_tab_head ul .on{color: #fff; font-weight: 600; background: #e80115;}
.news_con .news_box .magic_tab .magic_tab_body{width: 1400px; float: left; overflow: hidden;}
.news_con .news_box .magic_tab .magic_tab_body .news_left{width:580px; float: left; margin-right: 40px;}
.news_con .news_box .magic_tab .magic_tab_body .news_left a{width:580px; overflow: hidden; background: #eee; display: block; transition: all 0.5s;}
.news_con .news_box .magic_tab .magic_tab_body .news_left a:hover{background: #e80115;}
.news_con .news_box .magic_tab .magic_tab_body .news_left .news_bigpic{width:580px; height:430px; overflow: hidden;}
.news_con .news_box .magic_tab .magic_tab_body .news_left .news_bigpic img{width:100%; transition: transform 0.6s ease;  transform: scale(1); }
.news_con .news_box .magic_tab .magic_tab_body .news_left  a:hover .news_bigpic img{transform: scale(1.1); /* 悬停时放大1.1倍 */}
.news_con .news_box .magic_tab .magic_tab_body .news_left .news_intro{width:580px; height:190px; overflow: hidden;}
.news_con .news_box .magic_tab .magic_tab_body .news_left .news_intro .news_titel{width:540px; height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; color: #272727; padding: 10px 20px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_con .news_box .magic_tab .magic_tab_body .news_left a:hover .news_titel{color: #fff;}
.news_con .news_box .magic_tab .magic_tab_body .news_left .news_intro .intro_text{width:540px; line-height: 30px; font-size: 16px; color: #666; padding:0 20px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; /* 设置为想要的行数 */overflow: hidden;text-overflow: ellipsis;}
.news_con .news_box .magic_tab .magic_tab_body .news_left a:hover .intro_text{color: #fff;}
.news_con .news_box .magic_tab .magic_tab_body .news_left .news_intro .news_time{width:540px; height: 30px; line-height: 30px; font-size: 20px;  color: #666; padding: 5px 20px 0px 20px;}
.news_con .news_box .magic_tab .magic_tab_body .news_left a:hover .news_time{color: #fff;}
.clearfix::after {clear: both;content: ".";display: block; height: 0;visibility: hidden;}
.clearfix {}
.news_con .news_box .magic_tab .magic_tab_body .news_right{width:780px; float: left;}
.news_con .news_box .magic_tab .magic_tab_body .news_right ul{width:780px;}
.news_con .news_box .magic_tab .magic_tab_body .news_right ul li{width:780px; height: 180px; overflow: hidden; margin-bottom: 40px;}
.news_con .news_box .magic_tab .magic_tab_body .news_right a{width:780px; height: 180px; overflow: hidden; background: #eee; display: block; transition: all 0.5s;}
.news_con .news_box .magic_tab .magic_tab_body .news_right a:hover{background: #e80115;}
.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro{width:780px; height: 180px; overflow: hidden;}
.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro .right_news_pic{width:240px; height: 180px; float: left; overflow: hidden;}
.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro .right_news_pic img{width:100%; transition: transform 0.6s ease;  transform: scale(1); }
.news_con .news_box .magic_tab .magic_tab_body .news_right  a:hover .right_news_intro .right_news_pic img{transform: scale(1.1); /* 悬停时放大1.1倍 */}
.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro .right_intro_con{width:500px; height: 180px; float: left; overflow: hidden; padding: 0 20px;}

.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro .right_intro_con .intro_title{width:500px; height:50px; line-height:50px; font-size: 18px; foncolor: #272727; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; margin-top: 10px;}
.news_con .news_box .magic_tab .magic_tab_body .news_right a:hover .intro_title{color: #fff; font-weight: bold;}
.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro .right_intro_con .intro_text{width:500px; line-height:24px; font-size:14px; color: #666; padding:5px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 设置为想要的行数 */overflow: hidden;text-overflow: ellipsis;}
.news_con .news_box .magic_tab .magic_tab_body .news_right a:hover .right_news_intro .right_intro_con .intro_text{color: #fff;}
.news_con .news_box .magic_tab .magic_tab_body .news_right .right_news_intro .right_intro_con .news_time{width:500px; height: 30px; line-height: 30px; font-size: 16px;  color: #666;}.news_con .news_box .magic_tab .magic_tab_body .news_right a:hover .right_news_intro .right_intro_con .news_time{color: #fff;}