@charset "utf-8";
/*=============================公共样式=====================================*/
:root{--wz-color:#bc0202}
:root{--wz-color2:#bc0202}
:root{--bt-color:#333333}
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
html,body{width:100%;position:relative;height:auto;font-size: 14px;color:var(--font-color);}
*[align="center"]{margin:0 auto;}
html{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust: none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}

::-webkit-scrollbar {width:8px;height:8px;background:#f1f1f1;}
::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:10px;background:#c1c1c1;}
::selection{background:#bc0202;color:#fff;}
::-moz-selection{background:#bc0202;color:#fff;}
::-webkit-selection{background:#bc0202;color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a,input,img,:focus{mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}/*去除a标签带来的虚框*/
input, textarea {outline-style: none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul,li{list-style:none}
i, cite, em, var, address, dfn {font-style: normal;}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0; color:#333333;}
ins{background-color:#bc0202;color:#000;text-decoration:none}
mark{background-color:#bc0202;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle;border:0;}
input{padding: 0 5px;vertical-align: middle;line-height: normal;}

img{max-width:100%;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.bold{font-weight: bold;}
.c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.c-label.onsell{color: #bc0202;border-color: #bc0202;}
.tc{width: 100%;text-align: center;}
.pr{position: relative;}
.f12 {font-size: 12px;}
/*css定义超链接四个状态也有顺序的。*/
a:link, a:visited{text-decoration: none;cursor:pointer !important;}
a:hover, a:active{border: none;color:#bc0202;}

/*辅助样式*/
.fl,.left{float:left !important;}
.fr,.right{float:right !important;}
.no_bg{background:none !important;}
.no_border{border:0 !important;}
.no_padding{padding:0 !important;}
.no_margin{margin:0 !important;}
.no_bg_img{background-image:none !important;}
.fix{position:fixed;top:0;*padding-top:50px;}
.border{border:1px solid #dedede;}
.clear{clear:both;}
.clearfix:after,.main_box:after,.wrap:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.main_box,.wrap {display: block;width:1360px;margin:0 auto; position: relative;*z-index:1;}
.h_x{color:#fe0505;font-weight:bold;padding-left:10px;padding-top:10px;}
.dd{background: #d6d7d9;border-radius:50%;height:7px;display:inline-block;width:7px;margin:0 10px;}
hr{display:block;height:1px;border:0;background:#e0dede;margin:10px 0 30px 0;padding:0}
/*==============滚动条=====================*/
/*pc*/
.header{width:100%;z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;}
.header.xg{background:#fff;}
.header:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.header .logobox{height:80px;display:flex; align-items: center;*justify-content: center;}
.header .logobox a img{width:100%;}
.toper{height:140px;display:flex;align-items: center;justify-content: space-between;}
.toper .toptel{display:flex;}
.toper .toptel img{height:42px;width:42px;padding-right:10px;}
.toper .toptel p{color:#666666;font-size:18px;}
.toper .toptel span{display:block;font-size:24px;color:#bc0202;font-weight:bold;}
.menu-btn{display:none;}

.header .search_box{width:420px; position: relative;}
.header .search_box .header .search_box{display:flex; align-items: center;justify-content: center;}
.header .search_box .inpubox .searchBtn{width:80px;height:42px;font-size:18px;cursor: pointer;background:#bc0202;color:#fff;float: left;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.header .search_box .inpubox input[type="text"]{border:1px solid #e5e5e5;*width: 100%;height:42px;line-height:42px;font-size: 16px;color:#666;padding-left: 10px;padding: 0 16px 0 10px;box-sizing: border-box;width: calc(100% - 80px);float: left;}
.header .search_box .inpubox input[type="text"]::-webkit-input-placeholder{color: #999999;}
.header .search_box .inpubox input[type="text"]:-moz-placeholder{color: #999999;}
.header .search_box .inpubox input[type="text"]::-moz-placeholder{color: #999999;}
.header .search_box .inpubox input[type="text"]:-ms-input-placeholder{color: #999999;}
.keyword {padding-top:12px;}
.keyword a{color:#999999;font-size:14px;padding-right:16px;}
.keyword a:hover{color:#bc0202;}
.header .nav_box{height:60px;background:#bc0202;width:100%;}
.header .nav_box>ul>li{float:left;position:relative;width:14.28%;text-align:center;}
.header .nav_box>ul>li.on,.header .nav_box>ul>li:hover{background:#880304;}
.header .nav_box>ul>li>a{font-size:18px;color:#ffffff;line-height:60px;display:block;position: relative;}
.header .nav_box>ul>li>.sub{display:none;position: absolute;top:60px;z-index:2;width:100%;background:rgba(255 255 255 /1);}

.header .nav_box .sub .box{padding:20px 0;}
.header .nav_box .sub ul li{line-height:36px;text-align:center;}
.header .nav_box .sub ul li a{font-size:16px;color:#666666;}
.header .nav_box .sub ul li:hover a,.header .nav_box .sub ul li:hover:before{color:#bc0202;}
.header .nav_box>ul>li>.sub2 ul li:nth-child(3){margin-bottom:0px;}
.header .nav_box>ul>li>.sub2 ul li:nth-child(3) h3{margin-bottom:0px;}
.header .nav_box>ul>li>.sub2 ul li:last-child h3:after{*display:none;}

.banner{position: relative;}
.banner .swiper-slide{overflow: hidden;height:33.33vw;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.banner .swiper-slide:after{content:'';position:absolute;width:100%;height:100%;*background:rgba(0 0 0 /0.4);top:0;left:0;}
.banner .swiper-slide a{display:block;}
.banner .swiper-slide .img{*height:900px;height:33.33vw; position: relative; background-repeat:no-repeat;background-position: center; background-size: cover;*background-attachment: fixed;}
.banner .swiper-slide .img .text{position: absolute;top:37%;right:calc(50% - 700px);color:#FFFFFF;}
.banner .swiper-slide .img .text h3{font-size:60px;font-weight:400;margin-bottom:40px;position: relative;top:25px;-webkit-animation: sectitle0 2s ease-in-out 100ms forwards;animation: sectitle0 2s ease-in-out 100ms forwards;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.banner .swiper-slide .img .text h6{font-size:26px;line-height:42px;position: relative;top:25px;-webkit-animation: sectitle0 3s ease-in-out 100ms forwards;animation: sectitle0 3s ease-in-out 100ms forwards;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
@-webkit-keyframes sectitle0{
    0%{
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%);
        filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
    }
    100%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
    }
}
@keyframes sectitle0{
    0%{
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%);
        filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
    }
    100%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
    }
}

.banner .swiper-slide.swiper-slide-active .img .text h3{top:0px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .swiper-slide.swiper-slide-active .img .text h6{top:0px;filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .swiper-container-horizontal .swiper-pagination{bottom:30px;}
.banner .swiper-button-next, .banner .swiper-button-prev{opacity: 0.5; color:#FFFFFF;*background:rgba(238 115 0 / 100%);padding:0;width:50px;height:50px;border-radius:50%;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size:36px;}
.banner .swiper-button-next{right:-80px;}
.banner .swiper-button-prev{left:-80px;}
.banner:hover .swiper-button-next{right:40px;}
.banner:hover .swiper-button-prev{left:40px;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{opacity: 1;}
.banner .swiper-pagination span{width:14px;height:14px;border-radius:100%;opacity:1;overflow:hidden;background:#FFFFFF;margin:0 10px !important;position: relative;-webkit-transition-duration:0.4s;-moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;}

.banner .swiper-pagination .swiper-pagination-bullet::after {content: " ";width: 0;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;z-index: 2;background: #bc0202;-webkit-transition-duration: 0;-moz-transition-duration: 0;-ms-transition-duration: 0;-o-transition-duration: 0; transition-duration: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active {opacity:.5;}
.banner .swiper-pagination .swiper-pagination-bullet-active::after {display:none;width:0%;transition:all 5s;animation:swipermove 5s linear;/*-webkit-transition-duration: 12s;-moz-transition-duration: 12s;-ms-transition-duration: 12s; -o-transition-duration: 3s; transition-duration: 12s;*/}

@keyframes swipermove{0%{width:0%}100%{width:100%}}

.i_titbox{text-align:center; color:#000000;}
.i_titbox .i_tit{position: relative;text-align: center;margin-bottom:40px;}
.i_titbox .i_tit h3{position: relative;font-weight:400;font-size:34px;display:inline-block;}
.i_titbox .i_tit p{color:#666666;font-size:18px;text-transform: uppercase;padding-top:8px;}
.i_titbox .i_tit h3:after{content:'';width:12px;height:12px;border-radius:40px;border:3px solid #bc0202;position:absolute;top: 0px;right: -20px;}
.more1{display:flex;flex-direction: column;align-items: center;justify-content: center;background:rgb(188 2 2 / 40%);border-radius:100%;width:90px;height:90px;position:absolute;z-index: 9;overflow:hidden;left:50%;top: 50%;margin-top:-45px;margin-left:-45px;}
.more1 span{color:#fff;z-index:2;font-size:16px;}
.more1 img{width:17px;height:10px;margin-top:10px;}
.view_btn{display:none;}
/**/

.index_box1{overflow:hidden;padding:80px 0;}
.index_box1 .titbox{position:relative;}
.index_box1 .titbox .i_titbox .text{color:#666666;font-size:18px;line-height:36px;}
.swiper-button-box{display: block;position: absolute;width: 100%;top: 50%;margin-top: -20px;}
.index_box1 .list{position: relative;}
.index_box1 .swiper-button-box div{width:38px;height:38px;background:rgb(0 0 0 / 30%);}
.index_box1 .list .swiper-button-next:after,.index_box1 .list .swiper-button-prev:after{font-size:20px;color:rgb(255 255 255 / 54%);}
.index_box1 .swiper-button-box div:hover{background:#bc0202;}
.index_box1 .list .swiper-button-next:hover:after,.index_box1 .list .swiper-button-prev:hover:after{color:#fff;}
.index_box1 .list .swiper-slide a,.index_box1 .list .swiper-slide .img{display:block;position: relative;}
.index_box1 .list .swiper-slide .img{position: relative;width: 100%;padding-bottom:71.6%;overflow: hidden;}
.index_box1 .list .swiper-slide a:hover .img img{transform: scale(1.1);}
.index_box1 .list .swiper-slide a .img:after{content:'';width:0%;height:3px;background:#bc0202;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;position:absolute;bottom:0;left:0;}
.index_box1 .list .swiper-slide a:hover .img:after{width:100%;}
.index_box1 .list .swiper-slide .img img{position: absolute;width: 100%;height: 100%;object-fit:cover;top:0;right:0;bottom:0;left:0;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.index_box1 .list .swiper-slide .text{text-align:center;transition: all 0.5s ease;}
.index_box1 .list .swiper-slide .text h3{line-height:40px;font-size:20px;color:#222222;padding-top:10px;}
.index_box1 .list .swiper-slide:hover .text h3{font-weight:bold;}
.index_box1 .list .swiper-slide:hover .view_btn{display:block;}
/**/
.index_box2{padding:80px 0 ;background:url('../images/case_bg.jpg') no-repeat center; background-size:cover;}
.index_box2 .i_casebox{}
.index_box2 .i_casebox .f_case{width:31%;margin-left:2.33%;margin-bottom:24px;position: relative;}
.index_box2 .i_casebox .f_case:first-child,.index_box2 .i_casebox .f_case:lath-child(4){margin-left:0;}
.index_box2 .i_casebox .f_case .img{max-height:340px;overflow: hidden;}
.index_box2 .i_casebox .f_case .img a{display:block;}
.index_box2 .i_casebox .f_case .img img{width:100%;transition: all 0.5s ease;}
.index_box2 .i_casebox .f_case .img:hover img{transform: scale(1.1);}
.index_box2 .i_casebox .f_case .text{position: absolute;bottom:2px;background:url('../images/case_bg.png') no-repeat center bottom;width:100%;height: 100%;display: flex;    align-items: flex-end;}
.index_box2 .i_casebox .f_case .text h3{box-sizing: border-box;padding:0 15px 15px;font-size:20px;text-align: center;width: 100%;}
.index_box2 .i_casebox .f_case .text h3 a{color:#fff;}
.index_box2 .i_casebox .f_case a{display:block;position:relative;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1;}
.index_box2 .i_casebox .f_case:hover .view_btn{display:block;}

.more_view{width:210px;height:52px;line-height:52px;text-align:center;background-image: linear-gradient(to right,#bc0202,#880304);margin:25px auto 0;border-radius:50px;transition: all 0.3s linear;}
.more_view span{color:#fff;font-size:18px;}
.more_view:hover{padding:0 30px;}
/**/
.index_box3{padding:80px 0 ;background:url('../images/flow_bg.jpg') no-repeat center; background-size:cover;}
.index_box3 ul{position:relative;display:flex;justify-content: space-between;}
.index_box3 .flow_box li{position:relative;text-align:center;width:22%;padding:0 20px;display: flex;flex-direction: column;align-items: center;z-index: 10;}
.index_box3 .flow_box .img{margin:0 auto 30px;display: flex;justify-content: center;align-items: center; }
.index_box3 .flow_box img{width:70px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_box3 .flow_box .t_box .int1{padding-bottom:14px;color:#222222;font-size:22px;}
.index_box3 .flow_box .t_box .int2 span{color:rgb(0 0 0 / 60%);line-height:28px;font-size:16px;}
.index_box3 .flow_box li:hover img{ animation: jello 1.2s;}
@keyframes jello {
	from, 	11.1%, 	to {-webkit-transform: none;-moz-transform: none;transform: none}
	22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);-moz-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg) 	}
	33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);-moz-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg) 	}
	44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);-moz-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg) 	}
	55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);-moz-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg) 	}
	66.6% {-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);-moz-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg) 	}
	77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);-moz-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg) 	}
	88.8% {-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg) 	}
}
.index_box3 .pathNum{margin-top:40px;height: 30px;padding: 0 6px;background:#fcfcfd;}
.index_box3 .pathNum span{font-weight:bold;font-size:18px;font-weight:bold;background:#f4f5f9;border-radius:100%;color:#999999;width: 38px;height: 38px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.index_box3 ul:after{content: '';position: absolute;left: 0;right: 0;bottom: 10px;height:2px;background:#e9e9e9;}
/**/
.index_box4{position: relative;padding:80px 0 ;background:url('../images/about_bg.jpg') no-repeat center; background-size:cover;background-attachment: fixed;}
.index_box4 .content_box{color:#fff;text-align:left;}
.index_box4 .content_box .i_titbox{color:#fff;}
.index_box4 .content_box .box{float:left;}
.index_box4 .i_titbox .i_tit p{color:rgb(255 255 255 / 50%);}
.index_box4 .content_box .content{width:550px;font-size:18px;line-height:38px;padding-bottom:30px}
.index_box4 .img_box{float:right;}
.index_box4 .i_titbox .i_tit{text-align:left;}
.index_box4 .more_view{margin:0;}
.index_box4 ul{display:flex;justify-content: space-between;}
.index_box4 .adv_box li{text-align:center;width:22%;padding:70px 20px 0;}
.index_box4 .adv_box .img{border:1px solid rgb(255 255 255 / 50%);width:88px;height:88px;border-radius:100%;margin:0 auto 30px;display: flex;justify-content: center;align-items: center; }
.index_box4 .adv_box img{max-width:45px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_box4 .adv_box li:hover img{transform: rotate(360deg); }
.index_box4 .adv_box .t_box .int1{padding-bottom:14px;color:#fff;font-size:22px;}
.index_box4 .adv_box .t_box .int2 span{color:rgb(255 255 255 / 70%);line-height:28px;font-size:16px;}

@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.25); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(1.5);opacity:0;}}
/*新闻*/
.index_box5{padding:80px 0 ;}
.index_box5 .news_pic{float:left;width:610px;}
.index_box5 .news_pic .j_tab{background:rgba(188, 2, 2, 0.7);color:#fff;}
.index_box5 .news_pic a.img{position:relative;overflow: hidden;display:block;height:350px;}
.index_box5 .news_pic img{transition: .5s;width:100%;}
.index_box5 .news_pic:hover img{transform: scale(1.05);}
.index_box5 .news_pic a .j_tab{position:absolute;z-index:99;}
.index_box5 .news_pic a .j_tab span,.index_box5 .news_pic .j_tab_cel{color:#fff;}
.index_box5 .news_pic .text{width:100%;}
.index_box5 .news_pic h5{padding:15px 0 10px;font-size:20px;color:#000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_box5 .news_pic:hover h5{color:#bc0202;}
.index_box5 .news_pic .con{font-size:16px;line-height:24px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_box5 .news_list{float:right;width:675px;}
.index_box5 .news_list li{padding:22px 0;position: relative;overflow:hidden;}
.index_box5 .j_tab{float:left;font-size:16px;width:80px;height:80px;}
.index_box5 .news_list .text{width:calc(100% - 100px);float: right;}
.j_tab span.time{display: block;font-size:34px;font-weight:bold;color:#666666;}
.index_box5 .news_list li h5{margin-top:5px;font-size:20px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis}
.index_box5 .news_list li .con,.indenx_box2 .news_list li .con p{font-size:16px;color:#666666;padding-top:6px;line-height:26px;}
.index_box5 .news_list li .con{margin-top:8px;height:50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index_box5 .news_list li{border-bottom:1px solid #e5e5e5}
.index_box5 .news_list li:hover span.time,.index_box5 .news_list li:hover .j_tab_cel{color:#222;}
.index_box5 .j_tab_cel{text-align: center;}
.j_tab_cel {display: table-cell;vertical-align: middle;width: 100%;height: 100%;color: #666666;}
.j_tab {display: table;width:100%;height:100%;}
.index_box5 .content_box{margin-bottom:50px;}
/*留言*/
.index_box6{position: relative;padding:80px 0 ;background:url('../images/mess_bg.jpg') no-repeat center; background-size:cover;background-attachment: fixed;}
.index_box6 .i_titbox{color:#fff;}
.index_box6 .i_titbox .i_tit p{color:rgb(255 255 255 / 50%);}
.index_box6 .content_box{background:#fff;text-align:left;display:flex;align-items: center;height:450px;}
.index_box6 .content_box .img_box img{margin-top:2px;}
.index_box6 .content_box .box{width:550px;margin-left:50px;}
.index_box6 .content_box .box .text{padding-left:15px;margin-top:15px;font-size:16px;background:#fafafa;border:1px solid #edecec;/*border-radius:50px;*/height:46px;}
.index_box6 .content_box .box .text2{width:520px;}
.index_box6 .content_box .box .text1{width:240px;}
.index_box6 .content_box .box .text1:first-child{margin-right:17px;}
.index_box6 .more_view{color:#fff;font-size:18px;margin-top:30px;cursor:pointer;}
.index_box6 .mes_top h3{font-size:24px;}
.index_box6 .mes_top p{font-size:18px;color:#666666;padding:10px 0 10px;}
/*底部*/
.footer{background:url('../images/foot_bg.jpg') no-repeat center; background-size:cover;padding-top:70px ;}
.footer .f_nav{padding-top: 15px;}
.footer .f_nav>ul>li{display:block;float:left; position: relative;margin-left:130px;}
.footer .f_nav>ul>li:first-child{margin-left:0;}
.footer .f_nav>ul>li>a{display: block;color:#ffffff;font-size:20px;margin-bottom:30px;}
.footer .f_nav>ul>li>ul li a{color:#909090;font-size:18px;line-height:40px;}
.footer .f_nav>ul>li>ul li a:hover{color:#fff;}
.footer .f_tel{display:flex;align-items: center;justify-content: flex-end;}
.footer .f_tel img{width:42px;}
.footer .f_tel p{padding-left:10px;font-size:18px;line-height:26px;color:#fff;}
.footer .f_tel p span{font-size:24px;font-weight:bold;}
.f_link{line-height:24px;padding:10px 0;}
.f_link span{color:#fff;}
.f_link a{color:#616369;padding:0 5px;}
.f_link a:hover{color:#fff;}
.footer .f_copy{border-top:1px solid rgb(255 255 255 /0.15);padding:20px 0;line-height:32px;color:rgb(255 255 255 /0.25);font-size:14px;}
.footer .qrcode{margin-top:35px;display:flex;color:#fff;text-align:center;font-size:16px;}
.footer .qrcode div{margin-left:26px;}
.footer .qrcode div p{padding-top:6px;}
#footer{display:none;}
#footer{ z-index:999;position:fixed; bottom:0; left:0; width:100%;text-align: center;}
#footer ul{background: #bc0202;padding: 0 0;display: flex;flex-wrap: nowrap;}
#footer ul:after{content: " ";clear:both;display: table;}
#footer li{border-right: #ffffff42 1px solid;width:33.33%;float: left;}
#footer li a{display: block;color: #fff;font-size: 14px;height: 50px;line-height: 50px;}
#footer li img{opacity: 1;margin: -3px 0 0;}
#footer li a .j_iconfont{color: #929293;display: inline-block;margin-bottom:2px;margin-right: 6px;}
#footer li:last-child { border: none;}

/**/
.n_banner,.ny_pro_banner{position:relative;overflow:hidden;z-index:1; margin-top: 0; }
.n_banner .bg{background-repeat:no-repeat;background-position:top center; height:560px;display:flex;align-items: center; justify-content: flex-start;}
.n_banner h3{ font-size:54px; color:#fff; color: #FFFFFF;margin-top:60px;}
.n_banner h3 p{padding-top:20px;font-size:24px;}
/**/#n_mian{min-height:360px;padding-bottom:60px;}
.ibox-inner{border-bottom:1px solid #e4e4e4;margin-bottom:50px}
.n_position{color:#333;font-size:14px;display:flex;align-items: center;height:50px;line-height:50px;-webkit-box-sizing: border-box;box-sizing: border-box;background:url("../images/home.png")no-repeat center left;padding-left:30px;}
.n_position a{color:#333;}
.n_position i{padding:0 5px;}
.sub_menu{}
.sub_menu a{padding:0 20px;font-size:18px;line-height:50px;displaY:inline-block;margin-left:40px;}
.sub_menu a.on,.sub_menu a:hover{border-bottom:2px solid #bc0202;color:#bc0202;}
.ny_navbox {position: relative;width: 300px;float:left}
#m_n_nav{display:none;}
.ny_navbox h3{background:#bc0202;color:#fff;text-align:center;padding:30px 0;font-size:22px;font-weight:bold;}
.ny_navbox .n_nav { position: relative; text-align:center;}
.ny_navbox .n_nav a {border-bottom: #ededed 1px solid;display: block;position: relative;height: 58px;line-height: 58px;transition: all 0.3s;border-left: 7px solid #e5e5e5;margin-top: 15px;}
.ny_navbox .n_nav a:last-child{margin-right:0;}
.ny_navbox .n_nav a strong {display: block; position: relative;z-index: 4;transition: 0.3s ease-in-out;font-weight: normal;font-size:18px;}
.ny_navbox .n_nav a:before {content: "";width: 0;height: 3px;position: absolute;bottom: -1px;left: 0;background:#bc0202;transition: 0.6s ease-in-out;}
.ny_navbox .n_nav .on:before, .n_nav a:hover:before { width: 100%; }
.ny_navbox .n_nav .on, .n_nav a:hover {color:#bc0202;border-left: 7px solid #bc0202;}
.n_mainbox{float:right;width:1000px;}

.ar_article{ font-size:16px; color:#333;}
.ar_article p{font-size:16px;line-height:32px;padding-top:10px;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:16px !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important; }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,.ar_article ol{ margin-bottom:15px;}
.title001{margin-bottom:3.75rem;text-align: center;}
.title001 h3{ font-size:2.25rem; color:#bc0202;display:none;}
.title001 h4{ font-size:28px; color:#373737; margin-top:1rem}
.now-news {border: 1px solid #e5e5e5;padding: 0 20px;margin-top:30px;}
.now-news .tit span {font-size: 22px;}
.now-news ul{padding:10px 0;}
.now-news ul li {line-height: 40px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.ny_navbox .tit {padding:20px 0;border-bottom: 1px solid #e5e5e5;}

.side_contact{margin-top:30px;border:1px solid #dfdfdf;padding: 0 20px}
.side_contact .fit_up{padding:20px 0;font-size:16px;line-height:30px;}
.side_contact span{color:#bc0202;font-weight:bold;font-size:24px;}
/**/
.i_tit_box{text-align:center;padding:0 0 40px;}
.i_tit_box h3{font-size:36px;}
.i_tit_box p{font-size:18px;color:#999;padding-top:10px;text-transform: uppercase;}
.contact_box{}
.lianluo {padding-bottom:40px;display: flex;flex-direction: row;justify-content: space-between;}
.lianluo li img{width:60%;}
.lianluo li h3{font-size:22px;color:#333333}
.lianluo li p{display:flex;justify-content: center;align-items: center;background:#bc0202;widtH:60px;height:60px;border-radius:100%;}
.lianluo li .xin_tit{padding:12px 0 10px;display: block;}
.contact_box .xin_tit{font-size:18px;color:#666666;}
.amap-container {cursor: url(../images/openhand.cur),default;}
.map_a1 {width: 100%;height: 600px;border:#dfdfdf solid 1px;font-size: 12px;}
.message_box{padding-top:40px;}
.message_box form .group{ margin-bottom: 22px; width: 48.5%;}
.message_box form .group.textarea{ width: 100%;}
.message_box form .group.yzm{width: calc(100% - 169px);}
.message_box form .group.btnbox{ width: 150px;}
.message_box form .input{height: 46px;border: 1px solid #efefef;width: calc(100% - 36px);padding: 0 15px;font-size: 14px;color: #666;}
.message_box form textarea{border:1px solid #efefef;height:90px;line-height: 1.7;width: calc(100% - 36px);padding: 10px 15px;font-size: 14px;color: #666;font-family: "微软雅黑";}
.message_box form .btn_submit{ height:46px; width: 155px; background: #bc0202; color: #fff; border: 0; outline: 0; float: right;cursor:pointer;}
::-webkit-input-placeholder{color:#afafaf;}
::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#afafaf;}
::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#afafaf;}
::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#afafaf;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder { color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}
.case_wrap .text a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:40px;}
/**/
.news_list .tab_list ul:after{content:'';display:block;overflow: hidden;clear: both;height:0;}
.news_list .tab_list ul li{transition: all 0.5s ease;}
.news_list .tab_list a{display:block; position: relative;}
.news_list .tab_list .img{float:left;overflow: hidden;position: relative;width: 500px;}
.news_list .tab_list .text_box{float:right;width: 820px;}
.news_list .tab_list .img img{width:100%;transition: all 0.5s ease;}
.news_list .tab_list li:hover img{transform: scale(1.1);}
.news_list .tab_list .text h3{font-size:24px;color:#222;margin-bottom:10px;line-height:40px;}
.news_list .tab_list .text p{line-height:32px;font-size:18px;}
.news_list .tab_list .time{padding:15px 0 15px;}
.news_list .tab_list .time span{font-size:20px;}
.news_list .tab_list li:hover .img:after{height:100%;}

.news_list .bot_list{ margin-top:10px;}
.news_list .bot_list ul li{margin-top:20px;}
.news_list .bot_list ul li a{ display:block;background:#fafafa;padding:30px; position:relative; overflow:hidden;}
.news_list .bot_list ul li .time{ font-size:20px; color:#222; font-family:arial; display: flex;justify-content: space-between;align-items: center;}
.news_list .bot_list ul li h3{font-size:20px; color:#222;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news_list .bot_list ul li p{font-size:16px; color:#7a8087;padding: 10px 0 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_list .bot_list ul li:hover p{color:#333;}
.news_list .bot_list ul li:hover .time path{fill:#bc0202}
.news_list .bot_list ul li:hover h3{color:#bc0202}
.news_list .bot_list ul li a:after{ content:""; display:block; width:0; height:1px; background:#bc0202; position:absolute; bottom:0;left:0; transition: 0.3s ease-in-out;}
.news_list .bot_list ul li:hover a:after{width:100%; }

/**/
#news_show .news_content{width:calc(100% - 465px);}
#news_show .zxwz_list{width:340px;padding:30px 25px 40px;border:1px solid #efefef}
#news_show .show_title{border-bottom: #ebedf3 2px solid; position: relative; padding: 0 0 20px; margin-bottom: 40px;}
#news_show .show_title:after { content: ""; position: absolute; bottom: -2px; width: 40px; height: 2px; background:#bc0202;}
#news_show .show_title h3{font-size:30px;color: #333;line-height: 1.5; transition: .5s; *font-weight: bold;}
#news_show .show_title p{line-height:20px;margin:15px 0 0;}
#news_show .show_title p span{display: inline-block; margin-right:20px; font-size:16px; color: #666666;position: relative;}
#news_show .ar_article .join_more{width:100px;padding:0 15px;height:36px;line-height:36px;cursor: pointer;text-align:center; border-radius: 5px; background:#bc0202;}
#news_show .ar_article .join_more a{color:#FFFFFF;}
#news_show .ar_fot{ overflow: hidden;margin-top:50px;padding-top:40px;border-top:solid 1px #e1e1e1;}
#news_show .ar_fot a{display:block;}
#news_show .ar_fot div.prev,#news_show .ar_fot div.next{ width:100%; float: none;}
#news_show .ar_fot span{ display: inline-block; height: 36px; line-height: 36px; float: left; font-size:18px;margin-right:5px;}
#news_show .ar_fot h5{ line-height:36px; font-size:18px; color: #666666;}
#news_show .ar_fot div.next{margin-top:20px;}
#news_show .ar_fot div:hover h5{color:#333333}
#news_show .zxwz_list .zxwz_tit h3{font-size:24px;color:#3f4143;font-weight:600;position: relative;padding-left:15px;}
#news_show .zxwz_list .zxwz_tit h3 span{padding-left:10px;font-size:14px;color:#bc0202;font-weight:normal;}
#news_show .zxwz_list .zxwz_tit h3:before{content:'';display:block;position: absolute;width:3px;height:14px;left:0;top:calc(50% - 6px);background:#bc0202;}
#news_show .zxwz_list .list{margin-top:10px;}
#news_show .zxwz_list .list ul li{padding:15px 0 15px;border-bottom:1px dashed #e0e4ea;}
#news_show .zxwz_list .list ul li h3{margin-bottom:5px;line-height:28px;}
#news_show .zxwz_list .list ul li h3 a{font-size:18px;color:#222;}
#news_show .zxwz_list .list ul li span{font-size:16px;color:#999;}
#news_show .zxwz_list .list ul li:hover h3 a{color:#bc0202;}
/*翻页*/
.page,.pages{ text-align:center; margin-top:60px;}
.page{margin-bottom:10px;}
.page .pc_pages a,.pages .pc_pages a{background:#fbfaff;padding: 0 12px;min-width: 18px;height: 40px;line-height: 40px;border-radius:3px;display:inline-block;margin: 0 6px;font-size: 16px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .pc_pages .on,.pages .pc_pages .on { background:#bc0202; color:#fff; }
.page .pc_pages a:hover,.pages .pc_pages a:hover{ background:#bc0202; color:#fff;  }
.page .pc_pages a.total,.page .pc_pages a.pre,.page.pc_pages a.next{font-size:14px;}
.page .pc_pages a.total:hover,.pages .pc_pages a.total:hover{background:none; border:1px solid #dadbdf;  color:#333333; }
.ph_pages{display:none;}

/*案例*/

.case_wrap{margin:-1%;}
.case_wrap .f_case .img{overflow:hidden;}
.case_wrap .f_case{padding:12px;border:1px solid #dadbdf;width:28.78%;;margin: 1%;}
.case_wrap .f_case img{transition: all 0.5s ease;}
.case_wrap .f_case:hover img{transform: scale(1.1);}
.case_wrap .text{text-align:center;padding:10px;}
.case_wrap .f_case:hover .text h3 a{color:#bc0202}
.case_show .zxwz_list .list h3{text-align:center;font-size:20px;}
/**/
.n_title{font-size:36px;color:#222;padding-bottom:70px;}
.f_tc{text-align:center;}
/*荣誉*/

.case_show .zxwz_list .list h3{text-align:center;font-size:18px;}
.honor_wrap{margin:-1%;}
.honor_wrap .f_case .img{overflow:hidden;}
.honor_wrap .f_case{padding:12px;border:1px solid #dadbdf;width:28.78%;;margin: 1%;}
.honor_wrap .f_case img{transition: all 0.5s ease;}
.honor_wrap .f_case:hover{transform: translateY(-5px);transition: all 220ms;}
.honor_wrap .text{text-align:center;padding:10px;}
.honor_wrap .f_case:hover .text h3 a{color:#bc0202}


.online-qq-lx {position: fixed;bottom: 300px;width: 55px;z-index: 100;right: 10px;left: auto;}
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#b90508; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(../images/online_lx.png) no-repeat #b90508; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#b90508; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
	/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
	/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
	/* 二维码 */
.mbar-micro .mbar-tip  { top:-100px; min-width:110px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -160px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -160px; }
	/* 返回顶部 */

.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }

.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; }
.online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip {display:none; right:55px; left:auto; }
