@font-face
{
 font-family:'BEBAS';
 src:url('../fonts/BEBAS.TTF');
 font-weight:normal;
 font-style:normal;
}

.layui-container{ width: 1200px;}

.search{ width: 100%; height: 83px; background:url(../images/search_col_bg.jpg) repeat-x;}
.search .container{ width: 1250px;}
.search .container .dl_col{ width: 100%;}
.search .container .dl_col dd{float:left;}
.search .container .dl_col dd.content{margin:22px 0px 15px 0px}
.search .container .dl_col dd.se_content{margin:16px 0px 15px 0px}
.search .container .dl_col dd.d_c1{ width: 157px;}
.search .container .dl_col dd.d_c2{ margin-left: 20px; width: 170px;}
.search .container .dl_col dd.d_c3{margin-left: 20px; width: 175px;}
.search .container .dl_col dd.d_c4{margin-left: 20px; width: 170px;}
.search .container .dl_col dd.d_c5{ margin-left: 20px;width: 210px;}
.search .container .dl_col dd.d_c6{ margin-left: 20px;width: 180px;}
.search .container .dl_col dd.d_c7{ margin-left: 5px;width: 60px;}
.search .container .dl_col .inputcss1{ width: 80px;}
.search .container .dl_col .inputcss2{ width: 40px;}
.search .container .dl_col .inputcss_long{ width: 80px;}
.search .container .dl_col .selectcss{ width: 40px;}
.layui-btn-blue { background-color:blue; border-radius:0;}


.about_mod{ width: 100%;min-height:300px;margin-top:100px;}
.about_mod .hd{ width: 100%;height:88px; margin-bottom:20px;}
.about_mod .hd .title{ float: left; width: 350px; overflow: hidden;}
.about_mod .hd .btn-mod em{ display:inline-block}
.about_mod .hd .btn-mod{ float: right;  overflow: hidden;}
.about_mod .hd .btn-mod .btn-more{ background: url(../images/btn-more_1.png) no-repeat; width: 64px; height: 64px; overflow: hidden;}
.about_mod .hd .btn-mod .btn-more:hover{background: url(../images/btn-more_cur.png) no-repeat;}
.about_mod .content{ margin-top:10px; line-height: 22px; font-size: 14px; color: #333333;}
.about_mod .content p{ line-height: 26px; font-size: 15px; padding:5px 0px 18px 0px;}


.in_abbox{clear:both;width:100%;height:880px;overflow:hidden;background:url(../images/about_history_bg.jpg) top center no-repeat;background-size:auto 100%;}

.history .lc{ clear:both; position:relative;}
.history .lc .hx{ width:100%; height:1px; background:#A6A6A6; position:absolute; left:0px; top:240px;}
.history .lc .cont{ width:1230px; margin:0 auto; position:relative;} 
.history .lc .cont .btn{ display:block; width:28px; height:28px; border:2px solid #A6A6A6; border-radius:50%; background:#FFF; position:absolute; top:224px; z-index:10; transition:all 0.2s ease;}
.history .lc .cont .prev{ left:0;}
.history .lc .cont .next{ right:0;}
.history .lc .cont .btn em{ display:block; width:10px; height:10px; margin:8px 0 0 10px; border-top:2px solid #A6A6A6; border-right:2px solid #A6A6A6; transform:rotate(-135deg); transition:all 0.2s ease;}
.history .lc .cont .next em{ transform:rotate(45deg); margin-left:6px;}
.history .lc .cont .btn:hover{ border-color:#DA251C;}
.history .lc .cont .btn:hover em{ border-color:#DA251C;}
.history .lc .cont .box{ width:1210px; height:100px; margin:0 auto; padding-top:190px; overflow:hidden;}
.history .lc .cont ul{ padding:0 0 0 135px;}
.history .lc .cont li{ float:left; width:60px; height:100px; margin-right:120px; position:relative; transition:all 0.3s ease;}
.history .lc .cont li .p_1{ color:#da241c; font-size:22px; position:absolute; left:0; top:0; transition:all 0.3s ease; font-family:'BEBAS';}
.history .lc .cont li .span_1{ display:block; width:15px; height:15px; border:2px solid #DA251C; border-radius:50%; background:#FFF; margin:41px 0 0 13px;}
.history .lc .cont li .span_1 em{ display:block; width:11px; height:11px; margin:2px 0 0 2px; background:#DA251C; border-radius:50%; transition:all 0.3s ease;}
.history .lc .cont li .info{ width:290px; height:158px; position:absolute; left:-123px; top:-100px; background:#DA251C; color:#FFF; line-height:23px; border-radius:4px; visibility:hidden; opacity:0; transition:all 0.3s ease;}
.history .lc .cont li .info b{ display:block; font-size:20px; height:25px; line-height:25px; margin:20px 0 0 27px;}
.history .lc .cont li .info p{ padding:0 27px ; font-size:13px; max-height:75px; overflow:hidden;}
.history .lc .cont li .info span{ display:block; float:right; height:27px; font-size:25px; margin:10px 18px 0 0;}
.history .lc .cont li .info em{ margin:43px 0 0 133px; display:inline-block; border-left:12px solid transparent; border-right:12px solid transparent; border-top:10px solid #DA251C;}
.history .lc .cont li:hover .p_1{ top:75px;}
.history .lc .cont li:hover .span_1 em{ width:0; height:0; margin:7px 0 0 7px;}
.history .lc .cont li:hover .info{ visibility:visible; opacity:1; top:-145px;}
.history .more{ position:relative; display:block; left:50%; margin:60px 0 0 -111px; width:158px; height:57px; border-radius:57px;  border:1px solid #C4C4C4; font-size:19px; color:#666; line-height:57px; padding-left:64px; overflow:hidden; transition:all 0.3s ease;}
.history .more span{ display:inline-block; width:12px; height:12px; margin:0 0 0 24px; border-top:2px solid #828282; border-right:2px solid #828282; transform:rotate(45deg);}
.history .more:hover{ border-color:#DA251C; color:#FFF;}
.history .more:hover span{ border-color:#FFF;}
.history .more::after{ content:""; display:block; width:0; height:57px; border-radius:57px; background:#DA251C; margin:-57px 0 0 -64px; transition:all 0.5s ease;}
.history .more:hover::after{ width:222px;}



.app_area_main{clear:both;width:100%;background:url(../images/app_bg.jpg) center top no-repeat;height:960px;}
.app_area{ width:1230px; margin:0 auto;}
.app_area .p_1{ padding-top:68px;}
.app_area .p_2{ padding-top:8px; color:#CECECE;}
.app_area .p_2 b{ font-size:25px; color:#da241c; margin-right:15px;}
.app_area .ctg{ float:right; margin-top:-34px;}
.app_area .ctg ul{ overflow:auto;}
.app_area .ctg li{ float:left; margin-left:8px;}
.app_area .ctg li span{ display:block; padding:0 30px; height:34px; line-height:34px; border-radius:34px; border:1px solid #474748; font-size:16px; color:#FFF; overflow:hidden; transition:all 0.3s ease;}
.app_area .box{ clear:both; border:1px solid #F00;}
.app_area .imgs{ width:1224px; height:670px; margin-top:85px;}


.productsbox{clear:both;width:100%;height:730px;background:url(../images/product_bg.jpg) center top no-repeat;position:relative;}
.productsbox .hx{ width:100%; height:1px;  position:absolute; left:0; top:223px;}
.productsbox .top{ width:1230px; margin:0 auto; overflow:hidden; padding-top:82px;}
.productsbox .top .lt{ float:left; width:135px;}
.productsbox .top .lt b{ display:inline-block; font-size:25px; color:#da241c; margin-top:8px;}
.productsbox .top .rt{ float:left; width:915px; color:#CECECF; line-height:33px; font-size:15px; padding-top:21px;}
.productsbox  .product_tab_main{ background: #FFF;  width: 1293px; height: 480px; margin:40px auto;}
.productsbox  .product_tab_main .select_nav{ width: 100%; height: 58px; line-height: 58px; background: #807e7c; }
.productsbox  .product_tab_main .select_nav ul li{ cursor: pointer; zoom: 1; height: 58px; float: left; width: 322px; text-align: center; background: #807e7c;border-right: 1px solid #a2a2a2;}
.productsbox  .product_tab_main .select_nav ul li a{ font-size: 18px;color: #FFF;}
.productsbox  .product_tab_main .select_nav ul li.cur{background:#da251c; color: #FFF;}
.productsbox  .product_tab_main .select_nav ul li.endli{border-right:none;}

.productsbox  .product_tab_main .select_nav .l-area{ float: left;background:#da251c; color: #FFF; padding: 0px 25px;}
.productsbox  .product_tab_main .select_nav .r-area{ float: right;}
.productsbox  .product_tab_main .pro-layui-container{ padding: 0 25px 0 0px; font-size: 18px; color: #FFF;}
.productsbox  .product_tab_main .select_nav .r-area a{ color: #FFF;}

.productsbox  .product_tab_main .prodcatelist{ width: 100%;}
.productsbox  .product_tab_main .prodcatelist li{ float:left; margin-right:25px; margin-bottom: 15px;  font-size: 16px ;}
.productsbox  .product_tab_main .prodcatelist li a.cur{ color:#333;}
.productsbox  .product_tab_main .prodcatelist li a:hover{  color:#DA261D;}





.productsbox  .tab_content_container{ margin: 30px 20px 30px 20px;}
.productsbox  .pro_list{ width: 100%; margin-top:50px; margin-left: 15px;}
.productsbox  .pro_list ul li .images{ border: 1px solid #e2e2e2; width: 278px; height: 278px; overflow: hidden; }
.productsbox  .pro_list ul li .images img{max-width: 279px;max-height: 279px;}
.productsbox  .pro_list ul li .title{ font-size: 14px; line-height: 50px; text-align: center; width:278px; height: 40px; overflow: hidden; }



.news_mod{ clear:both; width:1230px; margin:0 auto;}
.news_mod .p_1 img{ margin:56px 0 8px 0;}
.news_mod .p_2 b{ font-size:25px; color:#da241c; margin-right:15px;}
.news_mod .box{ overflow:hidden; padding:40px 0 65px 0;}
.news_mod .box .lt{ float:left; width:575px; height:369px; overflow:hidden; position:relative; z-index:11;}
.news_mod .box .lt a{ display:block; width:575px; height:368px; overflow:hidden; position:relative;}
.news_mod .box .lt .info{ width:100%; height:76px; background:rgba(0, 0, 0, 0.7); color:#FFF; font-size:15px; position:absolute; left:0; bottom:0;}
.news_mod .box .lt .info .tm{ float:left; width:81px; height:100%; text-align:center; background:#D9251C;}
.news_mod .box .lt .info .tm b{ display:block; font-size:30px; line-height:35px; margin-top:14px;}
.news_mod .box .lt .info .tm span{ display:block; line-height:18px;}
.news_mod .box .lt .info .tit{ float:right; width:455px; padding-right:20px; line-height:76px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_mod .box .lt img{ transition:all 0.5s ease;}
.news_mod .box .lt a:hover img{ transform:scale(1.05);}
.news_mod .box .rt{ float:left; width:655px; position:relative; z-index:12;}
.news_mod .box .rt li{ width:100%; height:123px; overflow:hidden; position:relative;}
.news_mod .box .rt li a{ position:relative; z-index:12;}
.news_mod .box .rt li .tm{ float:left; width:125px; height:100%; text-align:center;}
.news_mod .box .rt li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;}
.news_mod .box .rt li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;}
.news_mod .box .rt li .cont{ float:right; width:500px; padding:20px 25px 0 0;}
.news_mod .box .rt li .cont p{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;}
.news_mod .box .rt li .cont div{ padding-top:10px; font-size:13px; line-height:23px; height:46px; overflow:hidden; color:#737373; transition:all 0.5s ease;}
.news_mod .box .rt li::after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background-color:#DA251C; z-index:-1; transition:all 0.5s ease;}
.news_mod .box .rt li:hover::after{ width:100%;}
.news_mod .box .rt li:hover .tm b,.news_mod .box .rt li:hover .tm span{ color:#FFF;}
.news_mod .box .rt li:hover .cont p,.news_mod .box .rt li:hover .cont div{ color:#FFF;}

.index_bar .swiper-container .swiper-slide img{ width: 100%;}