body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #333;font-family: "SourceHanSansCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; text-align: justify;}
a {color: #333;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
a:hover {color: #b62029;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: "SourceHanSansCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
@font-face{
    font-family: 'SourceHanSansCN'; 
    src:url('../fonts/SourceHanSansCN.eot');
    src:url('../fonts/SourceHanSansCN.woff') format('woff'),
        url('../fonts/SourceHanSansCN.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN.svg') format('svg');
}





.middle{display: table-cell; vertical-align: middle; width: 800px;}

.navbar{background: none;}

.navbar-brand{font-size: 14px; color: #034187;}
.navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%;}
.navbar-nav .nav-item{position: relative;}
.navbar-nav .nav-item:after{width: 25px; height: 4px; border-radius: 2px; background: #c9110a; content: ""; display: inline-table; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,0); display: none;}
.navbar-nav .nav-item.act:after,.navbar-nav .nav-item:hover:after{display: block;}
.navbar-nav .nav-item.act a,.navbar-nav .nav-item:hover a{color: #c9110a;}


.nav_search span{display: block; width: 24px; height: 42px; background: url(../images/nav_06.png) center center no-repeat; cursor: pointer;}
.navbar-nav .nav_phone{background: url(../images/line_03.jpg) center left no-repeat;}
.nav_phone span{background: url(../images/nav_08.png) center left no-repeat; line-height: 42px; font-size: 18px; padding-left: 35px;}

.dropdown-menu{text-align: center; line-height: 2; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 5px #eee;}
.dropdown-menu li a{border-bottom: 1px #eee solid; display: block;}
.dropdown-menu li:last-child a{border-bottom: 1px #fff solid;}
@media (min-width: 1500px){
    .navbar{padding: 50px 0px;}
    .navbar .container{padding: 10px 40px;border-radius: 40px;}
    .navbar-brand img{height: 42px;}
    .navbar-nav .nav-item{padding: 8px 26px;}
    .navbar-nav .nav_search,.navbar-nav .nav_phone{padding: 8px 0px;}
    .navbar-nav .nav_phone{padding-left: 15px; margin-left: 15px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .navbar{padding: 40px 0px;}
    .navbar .container{padding: 10px 40px;border-radius: 40px;}
    .navbar-brand img{height: 42px;}
    .navbar-nav .nav-item{padding: 8px 20px;}
    .navbar-nav .nav_search,.navbar-nav .nav_phone{padding: 8px 0px;}
    .navbar-nav .nav_phone{padding-left: 15px; margin-left: 15px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar{padding: 30px 0px;}
    .navbar .container{padding: 10px 40px;border-radius: 40px;}
    .navbar-brand img{height: 42px;}
    .navbar-nav .nav-item{padding: 8px 16px;}
    .navbar-nav .nav_search,.navbar-nav .nav_phone{padding: 8px 0px;}
    .navbar-nav .nav_phone{padding-left: 15px; margin-left: 15px;}
}
@media (max-width: 991px){
    .navbar-collapse{background: rgba(255,255,255,0.8); padding: 2em 4%; position: fixed; left: 0px; width: 100%;}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    .navbar-toggler{padding: 0.25rem 0.25rem;}
    .navbar-nav .dropdown{position: relative; }
    .navbar-nav .dropdown .dropdown-menu{border-width: 0px; padding: 0px;}
    .navbar-nav .dropdown span{display: inline-table; content: ""; width: 20px; height: 20px; background: url(../images/jia.png) center center no-repeat; background-size: 100% 100%; position: absolute; right: 2%; top: 18px; transform: translate(0,-50%);}
    .nav_search{border-bottom: 1px #eee solid;}
}
@media (min-width: 768px) and (max-width: 991px){
    .header_height{height: 50px;}
    .navbar{background: #fff;}
    .navbar-brand img{height: 28px;}
    .navbar-collapse{ top: 50px;}
}
@media (max-width: 767px) {
    .header_height{height: 50px;}
    .navbar{background: #fff;}
    .navbar-brand img{height: 28px;}
    .navbar-collapse{ top: 50px;}
}
@media (min-width: 992px){
    .navbar .container{ background: #fff; box-shadow: 0px 0px 5px #eee;}
    .navbar-collapse{float: right;}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); }
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
}


.search_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; display: none;}
.search_alert{background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.search_alert input{float: left;}
.search_alert input.txt{background: #eee; border:0px #eee solid; text-indent: 10px; width: 80%;}
.search_alert input.sub{text-align: center; background:url(../images/navfff_06.png) center center no-repeat #b62029; border:1px #b62029 solid; color: #fff; text-indent: -999px; width: 20%;}
.search_bg a.close{position: absolute; right: 5%; top: 5%;  display: inline-table; background: url(../images/close.png) center center no-repeat; background-size: 100%; }


@media (min-width: 1500px){
    .search_alert{width: 600px;}
    .search_alert input{height: 75px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .search_alert{width: 500px;}
    .search_alert input{height: 70px;font-size: 18px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .search_alert{width: 400px;}
    .search_alert input{height: 70px;font-size: 16px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .search_alert{width: 300px;}
    .search_alert input{height: 70px;font-size: 15px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (max-width: 768px){
    .search_alert{width: 80%;}
    .search_alert input{height: 50px;font-size: 1.1em;}
    .search_bg a.close{width: 50px; height: 50px;}
}


.banner{text-align: center;}
.banner img{width: 100%; height: 100%; object-fit: cover;}
.banner .swiper-slide{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-slide .ani{position: absolute;left: 0px; top: 0px; width: 100%; text-align:center;}
.banner .swiper-slide .ani img{}
.banner .swiper-pagination{width: 30px; right: 5%; left: auto; bottom: auto; top: 25%;}
.banner .swiper-pagination span{background: none; color: #999999; height: 30px; line-height: 30px; display: inline-table;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{color: #000;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 18px;}
.banner .swiper-button-prev,.banner .swiper-button-next{color: #000; background: #dadada; width: 32px; height: 32px; border-radius: 50%; top: auto; bottom: 50px;}
.banner .swiper-button-prev{left: 10%;}
.banner .swiper-button-next{left: 10%; right: auto; margin-left: 60px;}





@media (min-width: 1500px){
    .banner .swiper-pagination span:first-child{padding-top: 90px; background: url(../images/line_03.jpg) center top no-repeat; background-size: 2px 80px;}
    .banner .swiper-pagination span:last-child{padding-bottom: 90px; background: url(../images/line_03.jpg) center bottom no-repeat; background-size: 2px 80px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .banner .swiper-pagination span:first-child{padding-top: 60px; background: url(../images/line_03.jpg) center top no-repeat; background-size: 1px 50px;}
    .banner .swiper-pagination span:last-child{padding-bottom: 60px; background: url(../images/line_03.jpg) center bottom no-repeat; background-size: 1px 50px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .banner .swiper-pagination span:first-child{padding-top: 40px; background: url(../images/line_03.jpg) center top no-repeat; background-size: 1px 30px;}
    .banner .swiper-pagination span:last-child{padding-bottom: 40px; background: url(../images/line_03.jpg) center bottom no-repeat; background-size: 1px 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .banner .swiper-pagination span:first-child{padding-top: 30px; background: url(../images/line_03.jpg) center top no-repeat; background-size: 1px 20px;}
    .banner .swiper-pagination span:last-child{padding-bottom: 30px; background: url(../images/line_03.jpg) center bottom no-repeat; background-size: 1px 20px;}
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}





.footer{background: url(../images/footbg_02.jpg) center center no-repeat; color: #fff; background-size:cover;}
.footer a{color: #fff;}
.foot_nav{border-bottom: 2px rgba(255,255,255,0.4) solid;display: flex;justify-content: space-between; align-items: center;}
.foot_nav a{display: inline-table;}
.foot_top h3{line-height: 2;}
.foot_contact p{line-height: 2.6; padding-left: 30px;}
.foot_contact .phone{background: url(../images/index_72.png) center left no-repeat;}
.foot_contact .email{background: url(../images/index_76.png) center left no-repeat;}
.foot_contact .address{background: url(../images/index_79.png) top 10px left no-repeat;}
.foot_erweima{text-align:center;}
.foot_erweima .img{float: left;}
.foot_bot{background: rgba(0,0,0,0.5); text-align: center; line-height: 2;}


@media (min-width: 1500px){
    .foot_nav{line-height: 100px;}
    .foot_top{padding: 90px 0px;}
    .foot_logo img{max-width: 80%;} 
    .foot_top h3{font-size: 24px; margin-bottom: 10px;}
    .foot_logo{width: 24%;}
    .foot_contact{width: 38%; padding: 0px 5%;}
    .foot_erweima{width: 38%;}
    .foot_erweima .img{margin-left: 88px; max-width: 178px;}
    .foot_bot{padding: 20px 0px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .foot_nav{line-height: 90px;}
    .foot_top{padding: 70px 0px;}
    .foot_logo{}
    .foot_logo img{max-width: 80%;} 
    .foot_top h3{font-size: 22px; margin-bottom: 10px;}
    .foot_logo{width: 24%;}
    .foot_contact{width: 38%; padding: 0px 5%;}
    .foot_erweima{width: 38%;}
    .foot_erweima .img{margin-left: 56px; max-width: 160px;}
    .foot_bot{padding: 16px 0px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_nav{line-height: 80px;}
    .foot_top{padding: 50px 0px;}
    .foot_logo{}
    .foot_logo img{max-width: 80%;} 
    .foot_top h3{font-size: 20px; margin-bottom: 10px;}
    .foot_logo{width: 24%;}
    .foot_contact{width: 38%; padding: 0px 3%;}
    .foot_erweima{width: 38%;}
    .foot_erweima .img{margin-left: 42px; max-width: 140px;}
    .foot_bot{padding: 12px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_nav{line-height: 70px;}
    .foot_top{padding: 30px 0px;}
    .foot_logo{padding-top: 20px;}
    .foot_logo img{max-width: 80%;} 
    .foot_top h3{font-size: 18px; margin-bottom: 10px;}
    .foot_logo{width: 24%;}
    .foot_contact{width: 48%; padding: 0px 3%;}
    .foot_erweima{width: 28%;}
    .foot_erweima .img{float: right; max-width: 140px;}
    .foot_erweima .img:nth-child(2){display: none;}
    .foot_bot{padding: 10px 0px;}
}
@media (max-width: 767px) {
    .foot_nav{display: none;}
    .foot_top{padding: 1.6em 0px;}
    .foot_logo{text-align: center; display: none;}
    .foot_logo img{max-width: 50%;} 
    .foot_top h3{font-size: 18px; margin-bottom: 10px;}
    .foot_contact{}
    .foot_erweima{margin-top: 10px;}
    .foot_erweima .img{max-width: 50%; padding: 0px 8%;}
    .foot_erweima .img{}
    .foot_bot{padding: 0.6em 2%;}
}
@media (min-width: 768px){
    .foot_top li{float: left;}
    .foot_contact{border-left:1px #fff solid; border-right:1px #fff solid;}
}