@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0; box-sizing: border-box}
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
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; }
.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;}/*限制文字,文字超出显示冒号*/
.t_center { text-align:center;}
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0;line-height: 2}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wengzhengfanye span {}
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;margin-top: 40px}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; font-size:12px; padding:6px 10px; border:solid 1px #ddd; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#1d2088; color:#fff; border:solid 1px #1d2088;}
.pagelink span{display:inline-block; color:#fff; background:#1d2088; border:solid 1px #1d2088;}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }

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

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: solid 1px rgba(255, 255, 255, .2);}
.head{display: flex;align-items: center;justify-content: space-between;}
.logo{width: 30%;padding: 10px 0}
.logo img{max-width: 100%}
.log2{display: none}
.header.on{background: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}
.header.on .nav li a{color: #333}
.header.on .nav li:after{background: #e5322c}
.header.on .log2{display: block}
.header.on .log1{display: none}
.header.on .nav li.active a{color: #e5322c}

.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{float:left; position:relative;padding: 0 15px;line-height: 92px;font-size: 16px}
.nav li a{display:block; position:relative;color: #fff;}
.nav li:after{content:'';position: absolute;bottom: 0;left: 0;right:0;width: 0;height: 2px;background: #fff;opacity: 0;margin: 0 auto;transition: all 0.5s}
.nav li:hover:after{width: 100%;opacity: 1}
.nav li.active a{color: #e5322c}
.xlnav{display:none;z-index: 100;width: 180px;position: absolute;top: 116px;left: 50%;margin-left:-90px;background: #fff;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);}
.xlnav dd{width: 100%;line-height: 42px;text-align: center;border-bottom: 1px solid #f2f2f2;transition: all .3s ease 0s;}
.xlnav dd a{color: #333!important;}
.xlnav dd a:after{opacity: 0!important;}
.xlnav dd:hover{background-color: #F8F8F8;}
.nav li:hover .xlnav{display: block}

/*banner图片切换样式*/
.banner{width:100%;  overflow:hidden;position:relative;}
.banner li{overflow:hidden;height: 100vh;display:flex;justify-content:center;align-items:center;}
.banner li dl{color: #fff}
.banner li p{display: flex;align-items: center;font-size: 16px}
.banner li p i{display: inline-block;width: 24px;height: 1px;background: #fff;margin: 0 5px}
.banner li p span{opacity: .5;}
.banner li h2{font-size: 34px;font-weight: normal;letter-spacing: 4px;padding: 70px 0 20px}
.banner li h3{font-weight: normal;font-size: 16px;letter-spacing: 4px}
.banner li a{display: flex;justify-content:space-between;align-items:center;padding: 0 8px;font-size: 16px;
    width: 160px;line-height: 36px;border: 1px solid #fff;border-top-right-radius: 15px;color: #fff;text-align: center;margin-top: 45px}
.banner li a i{font-style: normal}
.banner li a:hover{border-color: #e5322c;color: #e5322c}

.banner .swiper-button-prev,.banner .swiper-button-next { width:60px; height:90px; background:url(../img/banner_arrows.png); position:absolute; top:50%; margin-top:-45px;z-index:99; cursor:pointer;}
.banner .swiper-button-prev { background-position:0px 180px; left:5px;}
.banner .swiper-button-next { background-position:0px 90px; right:5px;}
.banner .swiper-button-prev:hover { background-position:0px 0px; left:5px;}
.banner .swiper-button-next:hover { background-position:0px 270px; right:5px;}
.banner .swiper-pagination{ position: absolute; bottom:30px!important; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:12px;height:12px;margin:0 8px!important;cursor: pointer;background-color:rgba(255,255,255,0.5);border-radius: 100%;position: relative}
.banner .swiper-pagination-bullet-active{background: #fff}

.title{text-align: center;margin-top: 40px;}
.title p{font-size: 38px;text-transform: uppercase;color: rgb(242, 242, 242);}
.title h2{font-size: 30px;margin-top: -30px;display: inline-block;}
.title i{display: inline-block;width: 80px;height: 3px;background: #e5322c;margin-top: 8px}

.oneA{overflow: hidden;margin-top: 20px}
.oneA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneA ul li{width: 19%;margin-top: 20px;padding: 10px 10px 0;background: #f5f6f8;transition: all 0.5s}
.oneA ul li dd{background: #fff;position: relative;height: 200px;}
.oneA ul li dd img{padding: 10px 25px;max-width: 100%;max-height:100%;transition: all 0.5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneA ul li dl{background: url("../img/oali.png") no-repeat right;padding: 20px 0}
.oneA ul li dl h3{font-size: 16px;font-weight: normal}
.oneA ul li:hover{background: #1d2088}
.oneA ul li:hover h3{color: #fff}
.oneA ul li:hover dl{background: url("../img/oalih.png") no-repeat right;}

.oneB{overflow: hidden;margin-top: 40px;padding: 78px 0 0;background: url("../img/ob.jpg") no-repeat top center;height: 648px;}
.oneBs{position: relative;overflow: hidden;height: 100%}
.oneBa h2{font-size: 36px;color: #fff;font-weight: normal;}
.oneBa h3{font-size: 28px;color: #e5322c;}
.oneBb{width: 70%;line-height: 2;color: #fff;margin: 50px 0}
.oneBc{position: absolute;bottom: 0;left: 0;display: flex;justify-content: space-between;width: 100%}
.oneBc ul{width: 60%;background: #1d2088;display: flex;justify-content: space-between;padding: 35px 0;}
.oneBc ul li{width: 33.3%;color: #fff;text-align: center;border-right: 1px dashed #fff}
.oneBc ul li .zi span.timer {position: relative;font-size: 60px;font-weight: 600;}
.oneBc ul li .zi span {position: absolute;font-weight: 500;font-size: 16px;margin: 13px 0 0 13px;}
.oneBc ul li .zi2 {font-size: 18px;margin-top: 8px;}
.oneBc ul li:last-child{border: none}
.oneBcr{width: 40%;}
.oneBcr img{max-width: 100%}

.oneC{overflow: hidden;margin-top: 40px}
.oneC ul{display: flex;justify-content: space-between}
.oneC ul li{width: 19%;border: 1px solid #e3e3e3;text-align: center;padding: 20px;}
.oneC ul li dd{overflow: hidden;height: 265px;position: relative;}
.oneC ul li dd img{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneC ul li p{padding-top: 20px;font-size: 16px;color: #666}
.oneC ul li:hover{background-image: linear-gradient(to top, #1d2088, #353BFF);transition: all 0.5s ease}
.oneC ul li:hover p{color: #fff}

.oneD{background: #F1F1F1;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.oneD .title p{color: #E7E7E7}
.oneD ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px}
.oneD ul li{width: 32%;margin-top: 30px;position: relative;}
.oneD ul li dd{width: 100%;height: 250px;overflow: hidden;position: relative}
.oneD ul li img{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneD ul li dl {position: absolute;left: 0;bottom: 0;background: white;width: 80%;padding: 8px 30px;height: 58px;border-top-right-radius: 15px}
.oneD ul li dl p{color: #000;opacity: 0.4}
.oneD ul li dl h3{font-size: 16px;font-weight: 500;color: #000000;}
.oneD ul li:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 50px;height: 50px;
background: url("../img/odli.png") no-repeat center;background-size: cover;opacity: 0}
.oneD ul li:hover dl{background: #1d2088}
.oneD ul li:hover dl p{color: #fff}
.oneD ul li:hover dl h3{color: #fff}
.oneD ul li:hover:after {opacity: 1;transition: ease all .5s;}

.oneE{display: flex;justify-content: space-between;margin-top: 40px}
.oneEl{width: 49%;position: relative;height: 375px;overflow: hidden}
.oneEl dd img{width: 100%}
.oneEl dl{position: absolute;left: 0;bottom: 0;padding: 15px 20px;color: #fff;line-height: 1.6}
.oneEl dl p{font-size: 20px;font-weight: bold}
.oneEr{width: 49%;}
.oneEr ul{display: flex;justify-content: space-between;height: 100%}
.oneEr ul li{width: 48%;border: 1px solid #e5e5e5;padding: 15px;position: relative}
.oneEr ul li h3{font-size: 18px;border-bottom: 1px solid #E5E5E5;padding: 10px 0 20px;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneEr ul li p{color: #666;line-height: 1.8;padding: 20px 0;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.oneEr ul li dd{position: absolute;bottom: 0;left: 0;padding: 20px 15px;width: 100%;background: url("../img/oeli.png") no-repeat 94%}
.oneEr ul li dd span{display: block;font-size: 12px;color: #666}
.oneEr ul li dd b{font-size: 20px}
.oneEr ul li:hover{background: #1d2088}
.oneEr ul li:hover h3{color: #fff}
.oneEr ul li:hover p{color: #fff}
.oneEr ul li:hover dd span{color: #fff}
.oneEr ul li:hover dd b{color: #fff}
.oneEr ul li:hover dd{background: url("../img/oelih.png") no-repeat 94%}

.oneF{background: #F1F1F1;overflow: hidden}
.oneF .title p{color: #E7E7E7}
.oneFs{overflow: hidden;padding: 40px 0 60px}
.oneFs ul li{text-align: center;border: 1px solid #F5F6F8;background: #fff}
.oneFs ul li dd{height: 180px;position: relative;overflow: hidden;border-bottom: 1px solid #F1F1F1}
.oneFs ul li dd img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s}
.oneFs ul li p{line-height: 40px;background: #fff}
.oneFs ul li:hover p{background: #1d2088}
.oneFs ul li:hover a{color: #fff;}
.oneFs ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}

.footer { width:100%;margin-top: 60px;position: relative;}
.mask {position: absolute;height: calc(100% + 160px);left: 0;top: -80px;width: 100%;background-color: #fff;
    -webkit-mask-size: 100% 100%;-webkit-mask-repeat: repeat;animation: mask linear 4s infinite;z-index: -1;}
@keyframes mask {
    0% {
        -webkit-mask-position-x: 0;
    }

    100% {
        -webkit-mask-position-x: 100vw;
    }
}

.foot{padding: 100px 0 40px;overflow: hidden;display: flex;justify-content: space-between;}
.footl{width: 58%;display: flex;justify-content: space-between}
.footla{line-height: 2.3;color: #fff;opacity: 0.7;}
.footla a{color: #fff}
.footlb{text-align: center;color: #fff;margin-top: 33px}
.footlb p{margin-top: 10px}
.footlb img{width: 100px;border: 5px solid #fff}
.footc{width: 30%}
.footc img{max-width: 100%;margin-bottom: 30px}
.footc ul{display: flex;justify-content: flex-end;flex-wrap: wrap}
.footc ul li{margin-left: 30px;margin-bottom: 20px}
.footc ul li a{color: #fff;opacity: 0.7}

/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 450px;display:flex;justify-content:center;align-items:center;text-align: center}
.ny_ban dl{color: #fff}
.ny_ban dl h2{font-size: 34px;margin-bottom: 10px;font-weight: normal}
.ny_ban dl p{font-size: 28px;text-transform: uppercase}

.ny_nav{width: 100%;border-bottom: 1px solid #e5e5e5;}
.ny_nav ul{display: flex;justify-content: center;flex-wrap: wrap}
.ny_nav ul li{line-height: 80px;position: relative;margin: 0 50px;font-size: 16px}
.ny_nav ul li:after{content: "";width: 0;height: 2px;background: #e5322c;position: absolute;left: 0;bottom: 0;transition: 0.4s;z-index: -1;}
.ny_nav ul li:hover:after,.ny_nav ul li.active:after{width: 100%}
.ny_nav ul li:hover a,.ny_nav ul li.active a{color: #e5322c}

.about{overflow: hidden;line-height: 2;margin-top: 40px;min-height: 300px;font-size: 16px}
.about img{max-width: 100%}

.honor{/*background: url("../img/ry.jpg") fixed no-repeat center;overflow: hidden*/}
.honorA{margin-top: 50px;height:565px;position: relative;/*padding-bottom: 158px;*/}
.honorA:before{position: absolute;left: 50%;margin-left: -50%;bottom: 0;content: "";width: 100%;height: 235px;background: url("../img/ry2.png") center no-repeat;}
.honor .swiper-container{width: 80%;padding-top: 40px}
.honor ul li{text-align: center;padding: 0 20px 30px;transform: scale(1);}
.honor ul li dd{padding: 10px;height:350px;border: 1px solid #eee;/*box-shadow: 0 0 10px #ccc;*/background: #F8F8F8;position: relative}
.honor ul li img{max-width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.honor ul li.swiper-slide-active {transform: scale(1.2)}
.honorA .swiper-button-prev{width: 54px;height: 80px;position: absolute;top: 44%;margin-top: -40px;background: url("../img/prev.png") no-repeat center rgba(0, 0, 0, 0.2);transition: 0.4s;outline: none;}
.honorA .swiper-button-next{width: 54px;height: 80px;position: absolute;top: 44%;margin-top: -40px;background: url("../img/next.png") no-repeat center rgba(0, 0, 0, 0.2);transition: 0.4s;outline: none;}
.honorA .swiper-button-prev:hover{background: url("../img/prev.png") no-repeat center #1d2088;}
.honorA .swiper-button-next:hover{background: url("../img/next.png") no-repeat center #1d2088;}

.honors{overflow: hidden;}
.honors ul li{margin-top: 40px;width: 23.5%;border: 1px solid #e3e3e3;text-align: center;padding: 20px;float: left;margin-right: 2%;transition: all 0.5s ease}
.honors ul li dd{overflow: hidden;height: 340px;position: relative;background: #F8F8F8}
.honors ul li dd img{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.honors ul li p{padding-top: 20px;font-size: 16px;color: #666}
.honors ul li:hover{background-image: linear-gradient(to top, #1d2088, #353BFF);transition: all 0.5s ease}
.honors ul li:hover p{color: #fff}
.honors ul li:nth-child(4n){margin-right: 0}

.news{overflow: hidden}
.news ul li{background: #F8F8F8;overflow: hidden;margin-top: 40px}
.news ul li a{display: flex;justify-content: space-between}
.news ul li dd{width: 25%;height: 190px;overflow: hidden}
.news ul li dd img{max-width: 100%;transition: all 0.5s}
.news ul li dl{width: 75%;padding: 20px 40px}
.news ul li dl h3{font-size: 18px;margin-bottom: 20px;font-weight: normal}
.news ul li dl p{min-height:60px;margin-bottom:15px;color: #666;line-height:1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news ul li dl span{color: #999;font-size: 12px}
.news ul li:hover{background: #1d2088}
.news ul li:hover dl h3,.news ul li:hover dl p,.news ul li:hover dl span{color: #fff;}
.news ul li:hover dd img{transform: scale(1.1);transition: all 0.5s}

.product{overflow: hidden;margin-top: 20px;}
.product ul{display: flex;flex-wrap: wrap}
.product ul li{width: 32.25%;margin-top: 20px;padding: 10px 10px 0;background: #f5f6f8;transition: all 0.5s;margin-right: 1%}
.product ul li dd{background: #fff;position: relative;height: 285px;}
.product ul li dd img{padding: 10px 25px;max-width: 100%;max-height:100%;transition: all 0.5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.product ul li dl{background: url("../img/oali.png") no-repeat right;padding: 20px 0}
.product ul li dl h3{font-size: 16px;font-weight: normal}
.product ul li:hover{background: #1d2088}
.product ul li:hover h3{color: #fff}
.product ul li:hover dl{background: url("../img/oalih.png") no-repeat right;}
.product ul li:nth-child(3n){margin-right: 0}

.case{background: none;margin-top: 0;padding-bottom: 0}
.case ul li{border: 1px solid #E5E5E5}

.contactA{margin-top: 40px;overflow: hidden;}
.contactAl{width: 48%;line-height: 1.8;font-size: 16px;padding-top: 20px}
.contactAl .title{text-align: left}
.contactAl ul{margin-top: 80px}
.contactAl ul li{color: #666;font-size: 16px;margin-bottom: 30px}
.contactAl ul li img{vertical-align: middle;width: 24px;margin-right: 20px}
.contactAr{width: 48%;}
#dituContent{height: 360px;}

.message{overflow: hidden}
.message dl{display: flex;justify-content: space-between;margin-top: 40px}
.message input{width: 31%;line-height: 40px;padding: 0 15px;border: 1px solid #ccc;border-radius: 5px;color: #333}
.message textarea{width: 100%;min-height: 200px;padding: 15px;border-radius: 5px;font-family: "微软雅黑";border: 1px solid #ccc;}
.message a{display:block;line-height: 45px;background: #1D2088;color: #fff;width: 200px;outline: none;border: none;
    font-size: 16px;border-radius: 5px;text-align: center;margin: 40px auto 0}
.message a:hover{background: #e5322c}

/*=======================================产品详情页============================================*/
.show{overflow: hidden;display: flex;justify-content: space-between;margin-top: 40px;padding: 20px;background: #F5F6F8;}
.showl{width: 48%;text-align: center;position: relative;}
.showl dd{background: #fff;width: 100%;height: 100%}
.showl dd img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-width: 100%}
.showr{width: 48%}
.showr h1{font-size: 34px;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 2px solid #333;}
.showr .text{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin: 15px 0;color: #555;line-height: 1.6;}
.showra{display: flex;flex-direction: row;flex-wrap: wrap;margin: 30px 0px 0px;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa;padding: 20px 0px;}
.showra a{display: inline-block;font-size: 16px;margin-right: 30px}
.showra a:nth-child(1){background: url("../img/showra1.png") no-repeat 0 -19px;padding-left: 30px;}
.showra a:nth-child(2){background: url("../img/showra2.png") no-repeat 0 -18px;padding-left: 28px;}
.showra a:hover{color: #e5322c}
.showrb{font-size: 16px;font-weight: bold;padding: 20px 0px 10px;align-items: center;
    display: flex;background: url("../img/tel.png") no-repeat 0 25px;padding-left: 35px}
.showrb a{font-size: 26px;}
.showr .btn{display: inline-block;width: 145px;line-height: 45px;background: #e5322c;color: #fff;text-align: center;font-size: 16px;margin: 20px 0 5px}
.showr .btn:hover{background: #1D2088}
.showcon{margin-top: 40px;font-size: 16px;line-height: 2}
.showcon img{max-width: 100%}


/*=======================================新闻详情页============================================*/
.content{margin-top: 40px}
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:22px;}
.info_laiyuan{text-align:center; margin: 20px 0;color: #999}
.info_text{padding:20px 0;line-height:2;min-height: 300px;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;}
.info_text img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img{max-width:100%; width: expression(this.width > 720 ? 720: true)}

/*========================================= 媒体查询 =====================================*/
@media screen and (min-width: 1920px) {
    .container{width: 1500px;}
    .logo{width: auto}
    .nav li{font-size: 18px;line-height: 120px}
    .oneA ul li dd{height: 240px}
    .banner li p{font-size: 18px}
    .banner li h2{font-size: 36px}
    .banner li h3{font-size: 18px}
    .banner li a{width: 200px;line-height: 50px;font-size: 18px}
}