@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
@import "nav.css";
@import "message.css";
@import "../font/iconfont.css";

body{font-size:14px;font-family:"Arial","Source Han Sans CN","Microsoft YaHei";  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:#333;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#D6292B}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.05);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.pic1 span{background-size: contain; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain;}
.w1400{ width: 1400px; margin: auto; max-width: 96%; position: relative; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 20px 0px; }

.top_box{height: 90px; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: #fff; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.top_box_c{ position:relative; width:100%}
.top{ margin: auto; max-width: 96%; height: 90px; transition: all 0.5s; position:relative; z-index:1 }
.top_box_c.rotat .top{-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0; z-index:0;}

.top_box_c .sousuo_cp{-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
transition: all 0.5s; position:absolute; left:0px; top:0px; width:100%; height:90px;  z-index:0;
}
.top_box_c .sousuo_cp dl span{ cursor:pointer; position:absolute; display:block; font-size:30px; top:6px; right:-60px;transition: all 0.5s;}
.top_box_c .sousuo_cp dl span:hover{transform: rotate(90deg);}
.top_box_c .sousuo_cp dl{ display:block; margin:auto; width:495px; position:relative; padding-top:20px;}
.top_box_c .sousuo_cp dl input[type="text"]{padding-left: 25px;
    padding-right: 32px;border-width: 1px;
    border-style: none;
    border-color: rgba(228,228,228,0);
    background-color: transparent; border:1px solid #F0F0F0;
    position: relative; height:48px; line-height:48px; float:left;width:356px;border-radius: 25px 0px 0px 25px; outline:none}
.top_box_c .sousuo_cp dl input[type="submit"]{ cursor:pointer; float:right; width:80px; height:50px;    background-color: #d50a1d;  color:#FFF; cursor:pointer; border:none;    border-radius: 0 25px 25px 0; outline:none}

.top_box_c.rotat .sousuo_cp{-webkit-transform: scale(1); z-index:1;
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;}


.logo{ float: left; height: 66px; margin-top: 12px; width: 25%; line-height: 66px; font-size: 30px; font-family: Arial; font-weight: bold; }
.logo span{ color: #FF0000; }
.logo img{ height: 66px; }
.top_r{ float: right; width: 70%; }
.nav{ float:left; font-size: 16px; width: 70%; }
.nav li{ float: left; text-align: center;  z-index: 999; line-height: 90px; width: 12.5%;}
.nav li a{ display: block; }
.nav li a:hover{ }
.nav li a.up{ text-transform:uppercase; }
.nav li.on a{color: #D6292B;}

.nav li .sub-box1{ position:absolute;text-transform:none; top:90px; left: 0%;  width:100vw; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out; text-align:left;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background:#f5f5f5;  }
.w1170{ margin:auto; max-width:96%; display:block; margin:auto; width:1170px;}
.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1);  }
.nav li .sub-box{ padding:43px 0px;}
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }
.nav li .sub-box a.pic{ float:left; width:467px;}
.nav li .sub-box dl{ display:block; overflow:hidden; padding-left:4.4%;}
.nav li .sub-box dl p{font-size: 18px;
    line-height: 1.1;
    color: #333;
    padding-bottom: 36px;
    padding-top: 26px;}
.nav li .sub-box dl{}
.nav li .sub-box dl a{display: block;
    font-size: 14px;
    line-height: 48px;
    color: #666;
    transition-duration: .3s; float:left; width:33.3%; margin:0px; padding:0px; border:none; text-align:left}

.nav li .sub-box dl a:before	{ content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 4px;
    height: 4px;
    background: #000;
    position: relative;
    top: 21px;}
.nav li .sub-box dl a:hover{color: #d50a1d;
    transform: translateX(6px); background:none}
	.nav li .sub-box dl a:hover:before{background:#d50a1d;}
.sou_box{ width: 42px; height: 42px; cursor:pointer;transition: all 0.5s; background:#CCCCCC; border-radius:100%;  float: right;  text-align: center; margin-top: 24px;}
.sou_box:hover{ background:#d50a1d}
.sou_box i{ color: #fff; font-size: 20px; line-height: 42px;  }

.about{ padding: 60px 0; }
.about_l{ float: left; width: 49%; margin-right: 2%; }
.video{ overflow: hidden; }

.index_dh{ margin: auto; text-transform:uppercase; font-size: 44px; font-family: IMPACT Regular; color: #0b57a7;}
.index_dh span{color: #C8161D;}
.index_dh a{ float: right; width: 90px; height: 36px; line-height: 36px; border: #ccc 1px solid; border-radius:36px; font-size: 14px; font-family: Arial; text-align: center; color: #0b57a7; margin-top: 10px; }
.index_dh a:hover{ background: #0b57a7; color: #fff; }

.about_dh{ font-size: 20px; color:#0b1e52; margin:10px auto; }
.about_con{ margin:30px auto; line-height: 1.8; font-size: 16px; }
.about_fl{ margin:auto; }
.about_fl li{ float: left; width: 25%; }
.about_fl li a{ width: 90%; border: #ccc 1px solid; text-align: center; display: block; padding-bottom: 25px; color: #666; }
.about_fl li i{ display: block; font-size: 44px; color: #0b57a7; margin:25px auto; }
/*.about_fl li.li3 i{ font-size: 50px; }*/
.about_fl li p{ margin-top: 0px; }
.about_fl li a:hover i{-webkit-animation:transform-1 0.8s ease 0ms alternate none 1;animation:transform-1 0.8s ease 0ms alternate none 1;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}

.kjdh{ margin:auto; }
.kjdh li{ float: left; width: 33.3%; transition: all 0.5s;}
.kjdh li .pic span{ padding-bottom: 93.75%; }
.kjdh li .tit{ position: absolute; top: 30%; width: 100%; text-align: center; color: #fff; font-size: 22px; text-transform:uppercase; transition: all 0.5s;}

.kjdh li .text{position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; background: rgba(11,87,167,.8); border: 1px solid rgba(255,255,255,.3); color: #fff; text-align: center; display: flex; align-items: center; opacity: 0; transition: all 0.5s;}
.kjdh li .text .con{ width: 90%; margin:auto; }
.kjdh li .text h3{font-size: 30px; text-transform:uppercase;}
.kjdh li .text p{ margin:20px auto 0 auto; font-size: 16px; line-height: 1.8; }
.kjdh li:hover .text{opacity: 1; transition: all 0.5s;}
.kjdh li:hover .tit{opacity: 0; transition: all 0.5s;}

.product{ background: #F5F5F5; padding: 40px 0px; }

.pic_list{ margin:20px auto; }
.pic_list00{ margin:auto; }
.pic_list li{ float: left; width: 23.5%; margin-left: 2%; margin-bottom: 2%;}
.pic_list li.li1{ margin-left:0; }
.pic_list li a{ border: #eee 1px solid; display: block; background: #fff; padding:10px;transition: all 0.5s; }
.pic_list li .pic span{padding-bottom: 75%;  }
.pic_list li .con{ margin:auto; }
.pic_list li .con span{ text-align: center; display: block; margin:15px auto; padding-top: 15px; font-weight: bold; border-top: 1px solid #eee; position: relative; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list li .con p{ color: #999; line-height: 1.6; margin:auto; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.pic_list li a:hover{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.pic_list li .con span:before{ content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 1px;
    background: #0b57a7;
    z-index: 1;
    transition: all .5s ease; }
.pic_list li:hover .con span:before{content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #0b57a7;
    z-index: 1;
    transition: all .5s ease;}
.pic_list li:hover .con span{ color: #0b57a7; }

.honors{background: #E3E9F3; margin:auto; padding: 40px 0px;}
.honors_l{ float: left; width: 21.5437%; margin-right: 2%; }
.honors_r{ overflow: hidden; position: relative; }
.honors_dh{ color: #0b57a7; font-size: 32px; font-weight: bold; text-transform:uppercase; }
.honors_dh:after{content: ''; width: 70px; height: 3px; background: #0b57a7; display: block; margin-top:20px; }
.honors_con{ margin:15px auto; line-height: 1.6; }
.honors_l a{ color: #ff8c3b; text-decoration: underline; }
.honors_l a:hover{color: #333;}
.honors_r .pic1 span{ padding-top: 100%;  }
.honors_r li{background: #fff;}

.honors_r .swiper{ margin:auto; width: 90%; }
.honors_r .swiper-button-next, .honors_r .swiper-button-prev{
    background: #B0B4BA; padding: 10px;
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
}
.honors_r  .swiper-button-next, .honors_r  .swiper-rtl .swiper-button-prev{ right: 0; }
.honors_r .swiper-button-prev, .honors_r .swiper-rtl .swiper-button-next{ left: 0; }
.news{ margin:40px auto; }
.newslist{ margin:20px auto; }
.newslist li{ float: left;  width: 32%; margin-left: 2%; }
.newslist li:first-child{ margin-left: 0; }
.newslist li a{ padding: 15px; display: block; border: solid 1px #e5e5e5; transition: all 0.5s; }
.newslist .time{ float: left; width: 20%; margin-right: 1%;  text-align: center; }
.newslist .time span{ font-size: 40px; display: block; }
.newslist .time p{margin:10px auto; font-size: 12px;}
.newslist .con{ overflow: hidden; border-left: #ddd 1px solid; padding: 0 10px; margin-bottom: 15px; }
.newslist .con span{ font-size: 16px; display: block; height: 50px; overflow: hidden; display: block; line-height: 1.5; }
.newslist .con p{ line-height: 1.6;  margin:5px auto; color: #666;  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.newslist .more1{ margin:auto; border-top: #ddd 1px solid; padding-top: 15px; }
.newslist .more1 em{ display: block; float: left; font-size: 12px; }
.newslist .more1 i{ display: block; float: right; font-weight: bold; }

.newslist li a:hover{background: #0B57A7; color: #fff;  transition: all 0.5s;}
.newslist li a:hover .con p{ color: #fff; }





.foot{ background: #333333; margin: auto; padding:40px 0px; color: #ccc;  }
.foot_l{  float: left; width: 30%; }
.foot_l p{ margin:5px auto; }
.foot_l p i{ color: #0B57A7; font-size: 18px; padding-right: 5px; }
.foot-mid{ float: left; width: 30%; text-align: center; }
.foot-mid img{ max-height: 60px; }
.foot-mid span{ display: block; margin:20px auto; font-weight: bold; color: #fff; text-transform:uppercase;  }
.foot-mid a{ width: 130px; height: 36px; border: #ccc 1px solid; border-radius:36px; display: block; color: #ccc; line-height: 36px; margin:auto; transition: all 0.5s;}
.foot-mid a:hover{ background: #D6292B; color: #fff;  border: #D6292B 1px solid; transition: all 0.5s;}
.foot_r{ float: right; width: 40%; text-align: right; line-height: 1.8; }
.foot_r p a{ color: #ccc; }

.iShare{ margin:40px auto; }
.iShare img{ width: 36px; }

.nbanner{  margin:auto; margin-top: 90px; }
.nbanner .pic span{padding-top: 28%; }
.nbanner .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;  color: #fff; z-index: 1; text-align: center;}

.nbanner .text .con{width: 80%; margin:auto;}
.nbanner .text .con em{ display: block; font-size: 36px; text-transform:uppercase;   }
.nbanner .text .con p{font-size: 18px;}
.nbanner .text .con p:before{ content: ""; width: 60px; height: 2px; background: #fff; display: block; margin:20px auto; }

.n_dh{ margin: 20px auto 0 auto;  text-align: center; border-bottom: #eee 1px solid; padding-bottom: 20px;  }
.n_dh .swiper-button-next, .n_dh .swiper-button-prev{
     --swiper-navigation-size: 20px;
}
.n_dh  .swiper-button-next, .n_dh  .swiper-rtl .swiper-button-prev{ right: 0; }
.n_dh .swiper-button-prev, .n_dh .swiper-rtl .swiper-button-next{ left: 0; }
.n_dh .swiper{ margin:auto;  margin: 0 20px;  }
.n_dh .swiper-slide{}
.n_dh a{ border: #ccc 1px solid; width: 90%; margin:auto;  display: block; height: 60px;  display: flex; align-items: center;  text-align: center; }
.n_dh a span{ display: block; margin:auto; padding: 0 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }


.n_dh1{ margin: auto;  border-bottom: #eee 1px solid;  }
.n_dh_con{ white-space: nowrap; overflow-x: scroll;overflow-y: hidden;text-align: justify; box-sizing: border-box;}
.n_dh_con::-webkit-scrollbar {display: none;}
.n_dh_con a{    position: relative;
    font-size: 15px;
    height: 80px;
    line-height: 80px;
    padding: 0px 30px;
    display: inline-block;
    transition: 0.3s ease 0s;}
.n_dh_con a:before{position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;}

.n_dh_con a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}

.n_dh_con a:hover:before {
    width: 80%;
    left: 10%;
    background-color: #d50a1d;
}
.n_dh_con a.on{ color: #d50a1d;}
.n_dh_con a.on:before {width: 80%; left: 10%; background-color: #d50a1d;}


.pic_list01{ margin:auto; }
.pic_list01 li{ float: left; width: 23.5%; margin-left: 2%; margin-bottom: 2%; background: #F0F0F0; text-align: center; }
.pic_list01 li a{padding: 10px 0; display: block;}
.pic_list01 li.li1{ margin-left: 0; }
.pic_list01 li .pic1,.pic_list01 li .pic{ width: 94%; margin:auto; background: #fff;}
.pic_list01 li .pic1 span,.pic_list01 li .pic span{ padding-bottom: 75%; }
.pic_list01 li a .text{ margin:10px auto; height:20px; /*font-size: 16px;*/ color: #666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; max-width: 90%;  }
.pic_list01 li a:hover .text{  color: #0B57A7; }




.tong_listtj{ margin:10px auto; background:#F0F0F0; padding: 20px; }
.tong_listtj .pic{ float: left; width: 37%; margin-right: 5%; }
.tong_listtj .pic span{ padding-bottom: 50%; }
.tong_listtj .text{ overflow: hidden; padding-top: 20px; }
.tong_listtj .text span{ font-size: 22px; display: block;  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.tong_listtj .text span:before{ width: 20px; height: 3px; background: #D50A1D; content: ""; display: inline-block; margin-right: 10px; position: relative; top: -5px; }
.tong_listtj .text p{ margin:20px auto; line-height: 1.8; color: #666; }
.tong_listtj .text .more2{ width: 130px; background: #0B47A7; line-height: 50px; padding:0 15px; }
.tong_listtj .text .more2 em{ display: block; float: left; color: #fff;  }
.tong_listtj .text .more2 i{ display: block; float: right;color: #fff; }
.tong_listtj a:hover .text .more2{ background: #D50A1D; }

.nabout{ margin:40px auto; }
.nabout_l{ float: left; width: 48%; margin-right: 2%; }
.nabout_r{overflow: hidden;}
.nabout_r .pic span{ padding-bottom: 100%; }
.nabout_dh{ width: 150px; line-height: 36px; background: #0B57A7; color: #fff; text-align: center; }
.nabout_name{ font-size: 22px; margin:30px auto; text-transform:uppercase;  font-weight: bold;}
.nabout_con{ line-height: 1.8; margin:30px auto;  }


.shuzi{ margin:30px auto; }
.shuzi li{ float: left; width: 30%; margin-right: 2%; }
.shuzi li .con{ border: #ddd 1px solid; text-align: center; padding:20px 0; }
.shuzi li .con .counter{ font-size: 30px; color: #0B57A7; }
.shuzi li .con p{ margin:10px auto;  color: #666; }

.about_box{background: url(../images/aboutbj02.jpg) no-repeat center fixed;}
.about_list{ margin:auto; padding: 100px 0px;  }
.about_list li{ float: left; width: 30.5%; margin-left:4%; text-align: center; color: #fff; }
.about_list li.li1{ margin-left: 0; }
.about_list li a{ color: #fff; border: #fff 1px solid; display: block; padding: 20px;  transition: all .3s;}
.about_list li .text span{ font-size: 18px; display: block; margin:15px auto; }
.about_list li .text span:after{ content:""; width: 30px; height: 1px; background: #fff; display: block; margin:20px auto; }
.about_list li .text p{ line-height: 1.6; margin:20px auto; font-size: 12px; min-height: 130px;}
.about_list li .text em{display: block; width: 150px; height: 36px; line-height: 36px; border-radius:36px; margin:auto; border: #fff 1px solid;}
.about_list li a:hover{ background:rgba(199, 22, 29, 0.7);  }

.pic_box{ border-bottom: #ccc 1px solid; margin:40px auto;  padding-bottom: 25px;  }
.pic_l{ float: left; width: 34.8%; margin-right: 2%; }
.pic_r{ overflow: hidden;  }
.pic_dh{ font-size: 22px; font-weight: 500;  margin:auto;}
.more3{ margin:10px auto; }
.more3 a{ width: 186px; height: 46px; line-height: 46px; display: block; float: left; margin-right: 20px; text-align: center; color: #fff; background: #0B57A7; font-size: 16px;}
.more3 a:first-child{ background: #D50A1D; }

.pic_dh1{border-bottom: #ccc 1px solid; margin:15px auto;  overflow: hidden; }
.pic_dh1 span{ background: #EEEEEE; padding: 15px 20px; display: block; float: left; }

.lxwm_box{ background: #F2F2F2; padding: 60px 0px; }
.lxwm_dh{ margin:auto; text-align: center; }
.lxwm_dh span{ font-size: 30px; text-transform:uppercase;  }
.lxwm_dh p{ margin:15px auto; color: #666 }

.lxwm{ position: relative; margin:40px auto; }
.lxwm_l{  position: absolute; left: 0; top: 0; height: 100%; width: 30%; background: #0B47A7; }
.lxwm_r{ overflow: hidden; float: right;width: 70%; }
.lxwm_con{ padding: 40px 20px; color:#fff;}
.lxwm_name{font-size: 26px; font-weight: bold; line-height: 1.8;  }
.lxwm_name:after{ content: ""; width: 30px; height: 2px; background: #fff; display: block; margin: 20px 0;  }
.lxwm_con p{ margin:15px auto; }
.lxwm_name1{ font-size: 20px; font-weight: bold; margin:20px auto;}