@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;overflow-x: hidden;}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0;line-height: 2;border-top: 1px dashed #dfdfdf;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wengzhengfanye b{font-weight: normal}
.wengzhengfanye a:hover{color: #ea0018}


/* 文章类别上下页 */
.page{text-align:center;overflow:hidden;margin-top: 50px}
.page span,.page a
{ display:inline-block;text-align:center;width:38px;line-height: 36px;color: #999;border-radius: 5px;margin: 0 6px;border: 1px solid #ccc}
.page a:hover,.page a.on {background: #ea0018;color: #fff;border-color: #ea0018}
.page span{display:inline-block; color:#fff; background:#ea0018;border-color: #ea0018}

/*========================================= 首页 =====================================*/
.container { width:1200px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.top{background: #f2f2f2;line-height: 40px;color: #888;}
.top a{color: #888}

header{/*position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;transition: all .5s ease;*/}

.head{align-items: center;padding: 20px 0}
.logo{align-items: center;}
.logo img{max-width: 100%}
.logo h1{font-size: 16px;font-weight: normal;line-height: 1.8;background: url("../img/line.png") no-repeat left;padding-left: 18px;margin-left: 45px;margin-top: 8px}
.headr{background: url("../img/tel.png") no-repeat left;padding-left: 40px;}
.headr p{font-size: 16px}
.headr b{font-size: 26px;}

.menu{width: 17px;display: none}
.menu img{max-width: 100%}

.nav{background: url("../img/nav.png") no-repeat center}
.nav ul{display: flex;}
.nav li{position:relative;overflow: hidden;line-height: 46px;font-size: 16px;width: 150px;text-align: center}
.nav li a{display: block;position: relative;color: #fff;}
.nav li.active{background: url("../img/navli.png")  no-repeat right}
.nav li.active a{color: #ea0018;font-weight: bold}

/*header.on{background: #fff;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);transition: all .5s ease;}
header.on .nav li a{color: #333}
header.on .head .tel:after{background-color: #0046a3}
header.on .logo2{display: block}
header.on .logo1{display: none}*/


/*.xlnav{display:none;z-index: 100;width: 100%;position: absolute;top: 90px;left: 50%;margin-left:-50%;animation: fadeInUp 0.5s .1s ease both;
    background-color: #fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);}
.xlnav dd{width: 100%;line-height: 37px;transition: all .3s ease 0s;}
.xlnav dd a{padding: 0 10px;display: block;color: #333!important;font-size: 14px;}
.xlnav dd:hover a{color: #fff!important;background: #0c347c!important;}*/
.head .tel{font-size: 20px;font-weight: bold;color: #fff;padding-left: 30px;position: relative;line-height: 112px}
.head .tel b{position: relative;z-index: 1;background: url("../img/tel.png") no-repeat 0;padding-left: 35px}
.head .tel:after{content: '';position: absolute;top: 0;margin: auto;left: 0;background-color: rgba(14, 104, 176, 0);height: 100%;width: 600px;transition: all .5s ease;}

/*浮动导航*/
.top_fd {width:100%; height: 100%;position:fixed; top:0; left:0; z-index:99; display:none;}
.maskbg {background:#333; position:absolute; left:0; top:0; opacity:0.3; height:100%; width:100%;}
.mask-close{cursor:pointer; color:#fff; font-size:22px; position:absolute; top:3px; right:15px;z-index: 2}
.top_fd ul{overflow:hidden; background:#333; position:relative; top:0;overflow-y: auto;width: 100%;height: 100%}
.top_fd ul li{width:100%;border-bottom:1px solid #fff;overflow: hidden}
.top_fd ul li a{color:#fff; height:40px; line-height:40px; padding-left:20px;float: left}
.submenu-toggle{cursor:pointer;line-height:36px;color:#fff; display:inline-block; float:right; font-size:28px; padding-right:17px;}
.top_fd ul li .sub-menu {background:#fff; overflow:hidden;display: none;width: 100%}
.top_fd ul li .sub-menu a{display:block; height:35px; line-height:35px; padding-left:35px;color: #1f1d1c;width: 100%;font-size: 12px}


/*banner图片切换样式*/
.banner{overflow:hidden;position: relative}
.banner li{overflow:hidden;height:400px;display:flex;justify-content:center;align-items:center;text-align: center}
.banner .swiper-pagination{bottom:20px!important; }
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;margin: 0 10px!important;opacity: 0.5;color: transparent;}
.banner .swiper-pagination > span {display: inline-block;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff}


.title{position: relative;text-align: center;margin-top: 60px}
.title dd{background: #fff;position: relative;display: inline-block;padding: 0 10px;z-index: 1}
.title dd b{color: rgba(234,0,24,0.4);opacity: 0.2;text-transform: uppercase;font-size: 40px;font-family: Arial}
.title dd h2{font-size: 32px;color: #000;margin-top: -45px}
.title:before{content: '';width: 50%;height: 1px;background: #e2e2e2;position: absolute;top: 20px;left: 0;}
.title:after{content: '';width: 50%;height: 1px;background: #e2e2e2;position: absolute;top: 20px;right: 0;}
.title dd:before{content: '';width: 42px;height: 3px;position: absolute;top: 19px;left: -40px;background: #ef001d}
.title dd:after{content: '';width: 42px;height: 3px;position: absolute;top: 19px;right: -40px;background: #ef001d}

.oneA{}
.oneA ul li{width: 185px;height: 220px;border-radius: 30px;border: 1px solid #eaeaea;text-align: center;padding: 0 10px;margin-top: 40px}
.oneA ul li dd{width: 61px;height: 31px;background: url("../img/oali.png") no-repeat center;margin: 30px auto;}
.oneA ul li h3{font-size: 18px;font-weight: normal}
.oneA ul li p{color: #666;line-height: 1.8}
.oneA ul li i{display: inline-block;width: 28px;height: 2px;background: #ea0015;margin: 12px 0}

.oneB{margin-top: 40px;overflow: hidden}
.oneBl{width: 651px;}
.oneBtit b{color: rgba(234,0,24,0.4);opacity: 0.2;text-transform: uppercase;font-size: 34px;font-family: Arial}
.oneBtit h2{font-size: 24px;color: #000;margin-top: -38px}
.oneBl .text{line-height: 1.8;margin: 25px 0}
.oneBl .more a{display: flex;background: #ea0018;width: 156px;line-height: 32px;color: #fff;font-size: 16px;text-align: center;
    align-items: center;justify-content: center}
.oneBr{width: 528px;}
.oneBr img{max-width: 100%}

.oneC{position: relative;width: 1350px;margin: 0 auto;margin-top: 40px;}
.oneC ul li{width: 278px;}
.oneC ul li dd{width: 100%;height: 200px;overflow: hidden;border-radius: 15px}
.oneC ul li dd img{height: 100%}
.oneC ul li h3{font-size: 16px;margin: 16px 0 12px}
.oneC ul li p{color: #666}
.oneC ul li:hover dd{box-shadow: 0 0 5px #ea0018}
.oneC .swiper-button-prev,.oneC .swiper-button-next{background: transparent;width: auto;height: auto;margin-top: -55px}


.oneD{margin-top: 40px;overflow: hidden}
.oneDa{width: 382px;}
.oneDtit{align-items: center;border-bottom: 1px solid #333333;padding-bottom: 12px;line-height: 20px}
.oneDtit h2{font-size: 20px;border-left: 4px solid #ea0018;padding-left: 15px}
.oneDtit a{color: #999;display: flex;align-items: center}
.oneDtit a img{margin-left: 12px}

.oneD ul li{line-height: 38px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #999}
.oneD ul li a{width: 75%;display: flex;align-items: center}
.oneD ul li i{display: inline-block;width: 4px;height: 4px;background: #e10011;margin: 0 10px}
.oneD ul li span{font-size: 13px;color: #666}
.oneD ul li a:hover{color: #e10011}


.oneE{margin-top: 40px}
.oneE ul li{padding: 10px 15px;background: #f5f5f5;display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 26px}
.oneE ul li dd{width: 1110px;}
.oneE ul li dt{font-weight: bold;}
.oneE ul li dd a{display: inline-block;color: #666;margin-right: 20px;}
.oneE ul li:nth-child(2n){background: #fff}
.oneE ul li dd a:hover{color: #e10011}


footer{margin-top: 66px}
.foot{background: #101010;padding: 30px 0;}
.foots{display: flex;align-items: center;justify-content: space-between}
.footl{width: 760px;line-height: 2;color: #fff}
.footl a{color: #fff}
.footr{width: 130px;color: #fff;text-align: center}
.footr img{max-width: 100%}
.footr p{margin-top: 15px}

/*手机底部*/
.foot_m{line-height: 1.8;padding: 20px 15px 70px;display: none}
.foot_m_tel{background: #ea0018;text-align: center;line-height: 50px;border-radius: 10px 10px 0 0;display: none;
    position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999}
.foot_m_tel img{width: 22px;height: 22px}
.foot_m_tel a{color: #fff;font-size: 16px;display: flex;align-items: center;justify-content: center}

/*========================================= 关于我们 =====================================*/
.ny_con{margin-top: 40px;}
.ny_conl{width: 288px;}

.ny_title{display: flex;align-items: center;padding-bottom: 16px;border-bottom: 1px solid #ebebeb;position: relative}
.ny_title h2{font-size: 24px;font-weight: normal}
.ny_title span{font-size: 12px;color: #999;text-transform: uppercase}
.ny_title:before{content: '';width: 53px;height: 1px;background: #ea0018;position: absolute;bottom: -1px;left: 0}

.ny_nav{margin-top: 7px;overflow: hidden;margin-bottom: 30px}
.ny_nav ul li{width: 138px;line-height: 42px;border: 1px solid #dfdfdf;border-radius: 3px;float: left;text-align: center;margin-top: 9px;}
.ny_nav ul li a{display: block;width: 100%;height: 100%}
.ny_nav ul li:nth-child(2n){float: right}
.ny_nav ul li:hover,.ny_nav ul li.active{background: #ea0018;border-color: #ea0018}
.ny_nav ul li:hover a,.ny_nav ul li.active a{color: #fff}

.ny_news{margin-bottom: 30px}
.ny_news ul li{display: flex;justify-content: space-between;align-items: center;margin-top: 20px}
.ny_news ul li a{width: 100%;display: flex;align-items: center}
.ny_news ul li i{display: inline-block;width: 4px;height: 4px;background: #e10011;margin-right: 8px}

.ny_contact{}
.ny_contact p{margin-top: 20px}
.ny_contact p span{color: #e10011}
.ny_contact dd{width: 195px;margin-top: 25px}
.ny_contact dd img{max-width: 100%}

.ny_conr{width: 882px;}
.local{background: url("../img/local.png") no-repeat left 2px;border-bottom: 2px solid #ea0018;padding-bottom: 16px;font-size: 16px;padding-left: 28px;color: #666}
.local a{color: #666}
.location{display: none}

.one{line-height: 2;margin-top: 24px;min-height: 200px}
.one img{max-width: 100%}

.case{margin-top: 30px}
.case ul li{width: 278px;margin: 0 24px 24px 0;float: left}
.case ul li dd{width: 100%;height: 200px;overflow: hidden;border-radius: 15px}
.case ul li dd img{height: 100%}
.case ul li h3{font-size: 16px;margin: 16px 0 12px}
.case ul li p{color: #666;font-size: 12px}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li:hover dd{box-shadow: 0 0 5px #ea0018}

.news{margin-top: 30px}
.news ul li{padding: 20px;box-shadow: 0 0 10px #ccc;margin-bottom: 20px;border-radius: 5px}
.news ul li h3{font-size: 16px;display: flex;justify-content: space-between;align-items: center}
.news ul li p{color: #666;line-height: 1.8;margin-top: 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news ul li span{color: #999;font-weight: normal;font-size: 14px}
.news ul li:hover h3{color: #ea0018}

/*=======================================新闻详情页============================================*/
.news_info{overflow:hidden;margin-top: 30px;}
.info_title h1{font-size:24px;text-align: center;font-weight: normal}
.info_laiyuan{color: #999;margin-top: 15px;text-align: center;}
.info_text{line-height:2;min-height: 300px;margin-top: 20px;border-top: 1px dashed #dfdfdf;padding: 20px 0}
.info_text img{max-width:100%;}


@media screen and (max-width: 960px) {
    .container{width: auto;padding: 0 15px}
    .top{display: none}
    .logo h1{display: none}
    .logo{width: 55%}
    .headr{display: none}
    .nav{display: none}
    .menu{display: block}
    .head{padding: 10px 15px}
    .banner li{height: 200px}
    .banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px!important;}
    .banner .swiper-pagination{bottom: 12px!important;}
    .title{margin: 30px 15px 0}
    .title dd b{font-size: 28px;}
    .title dd h2{font-size: 20px;margin-top: -32px}
    .title:before,.title:after{top: 15px}
    .title dd:before,.title dd:after{top: 14px;width: 32px}
    .title dd:before{left: -30px}
    .title dd:after{right: -30px}
    .oneA{margin-top: 10px}
    .oneA ul li{margin-top: 20px;height: 190px;width: 48.5%}
    .oneA ul li dd{margin: 20px auto}
    .oneA ul li h3{font-size: 16px}
    .oneA ul li p{font-size: 12px}
    .oneB{margin-top: 30px}
    .oneBl{width: 100%}
    .oneBtit{display: none}
    .oneBl .text{margin: 0}
    .oneBl .more a{font-size: 14px;width: 145px;margin-top: 20px}
    .oneBr{width: 100%;margin-top: 20px}
    .oneC{width: auto;margin: 30px 15px 0}
    .oneC ul li dd{height: 145px}
    .oneC ul li h3{font-size: 14px;margin: 10px 0 6px}
    .oneC ul li p{font-size: 12px}
    .oneC .swiper-button-prev, .oneC .swiper-button-next{display: none}
    .oneDtit h2{font-size: 16px;border-left: 3px solid #ea0018;padding-left: 6px}
    .oneD{margin-top: 0}
    .oneDa{width: 100%;margin-top: 30px}
    .oneDtit a{font-size: 12px}
    .oneDtit a img{margin-left: 6px}
    .oneD ul li{line-height: 35px}
    .oneD ul li span{font-size: 12px}
    .oneE ul li dd{width: 85%}
    .foot{display: none}
    footer{margin-top: 0}
    .foot_m{display: block}
    .foot_m_tel{display: block}

    .ny_con{margin-top: 20px}
    .ny_conl{width: 100%;display: none}
   /* .ny_title2,.ny_news,.ny_title3,.ny_contact{display: none}
    .ny_title{padding-bottom: 0;background: #ea0018;line-height: 45px;justify-content: center;margin-top: 20px}
    .ny_title h2{font-size: 18px;text-align: center;color: #fff}
    .ny_title span{display: none}
    .ny_title:before{opacity: 0}
    .ny_nav{background: #f5f5f5;margin: 0;padding: 0 9px 9px 9px}
    .ny_nav ul li{width: 32%;margin-right: 2%;line-height: 36px;background: #fff}
    .ny_nav ul li:nth-child(2n){float: left}
    .ny_nav ul li:nth-child(3n){margin-right: 0}*/

    .ny_conr{width: 100%}
    .local{font-size: 12px;border-bottom: 1px solid #ea0018;padding-bottom: 10px;background: url(../img/local.png) no-repeat left 0;display: none}
    .location{display: block}

    .case ul li{width: 48.5%;margin: 0 0 20px 0}
    .case ul li:nth-child(2n){float: right}
    .case ul li dd{height: 145px}
    .case ul li h3{font-size: 14px;margin: 10px 0 6px}

    .news{}
    .news ul li{padding: 12px}
    .news ul li span{font-size: 12px}
    .news ul li h3{font-size: 14px}
    .news ul li p{font-size: 12px;margin-top: 8px}

    .news_info{margin-top: 20px}
    .info_title h1{font-size: 20px}
    .info_laiyuan{font-size: 12px;}

    .page{margin-top: 25px}
    .page span, .page a{width: 30px;line-height: 28px;margin: 0 3px;}
}