@charset "utf-8";body{font:14px "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;height:100%;min-width:1260px;background:#fff;max-width:100%;overflow:auto;color:#666;overflow-x:hidden;padding:0;margin:0}
a{color:#666;text-decoration:none;outline:0}
img{border:0;vertical-align:middle}
a:link{text-decoration:none;outline:0}
a:visited{text-decoration:none;outline:0}
a:hover{text-decoration:none;color:#333;outline:0}
dd,dl,dt,p,ul{padding:0;margin:0}
li{list-style-position:outside;list-style-type:none}
h1,h2,h3,h4,h5{padding:0;margin:0}
input{margin:0;padding:0;outline:0;-webkit-appearance:none}
input::-webkit-input-placeholder{color:#ccc}
input::-ms-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input{background:0 0;padding:0;font-size:14px;color:#888;border:0;outline:0}
em{font-style:normal}
i{font-style:normal}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.center-block{display:block;margin-right:auto;margin-left:auto}
img{border:0;vertical-align:middle}
.img-responsive{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:100%;width:100%}
.avatar{display:block;overflow:hidden;width:100%}
.avatar img{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.avatar:hover img{transform:scale(1.1);transition:all 1s ease 0s;-webkit-transform:scale(1.1)}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dot2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.wal{width:1200px;margin:0 auto}
.main_title{text-align:center}
.main_title p b{font-size:40px;font-weight:700;color:#0758b0;padding-left:5px}
.main_title span{font-size:18px;color:#666;line-height:32px;margin-top:8px;display:block}
.title-more{display:block;width:150px;height:45px;line-height:45px;font-size:14px;text-align:center;color:#fff;border:1px solid #fff;border-radius:45px;text-shadow:none;margin-top:30px}
.title-more:hover{background:#0758b0;border:1px solid #0758b0}
.title-more::after{content:'';display:inline-block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:-1px;margin-left:7px;-webkit-transition:.6s ease;transition:.6s ease}
.title-more:hover::after{border-top:2px solid #fff;border-right:2px solid #fff;margin-left:13px}
.dflex{display:flex}
.dflex_center{display:flex;align-items:center;justify-content:center}
.dflex_start{display:flex;align-items:center;justify-content:flex-start}
.dflex_end{display:flex;align-items:center;justify-content:flex-end}
.dflex_stretch{display:flex;justify-content:center;align-content:center;align-items:stretch}
.dflex_space-between{display:flex;align-items:center;justify-content:space-between}
.headDiv{transition:all .5s;width:100%;z-index:9999;margin:auto}
.top-nav{background:#0758b0;padding:12px 0;color:rgba(255,255,255,.8);font-size:15px}
.top-nav .wal{display:flex;justify-content:space-between}
.headDiv .navbar{background:#fff}
.headDiv .navbar .wal{height:110px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:space-between}
.headDiv .logo2{display:flex;align-items:center;justify-content:space-between}
.headDiv .logo b{font-size:18px;color:#575757;padding-left:30px;line-height:24px}
.nav{height:110px;display:flex;align-items:center;justify-content:space-between}
.nav ul li{float:left;position:relative}
.nav ul li a{display:block;padding:0 25px;overflow:hidden;text-align:center;border-right:1px solid #f1f1f1;font-size:19px;color:#333;line-height:110px}
.nav ul li:first-child a{border-left:1px solid #f1f1f1}
.nav a:hover,.nav li:hover>a{color:#da241c}
.top_tel{display:flex;align-items:center;color:rgba(255,255,255,.8)}
.ejxl{display:none;background-color:rgba(255,255,255,.8);transition:all 0s;z-index:10;position:absolute;top:100%;width:150%;left:-25%;line-height:30px;border-radius:10px}
.nav ul li .ejxl li{margin:0 auto;display:block;padding:0;width:100%}
.nav ul li .ejxl li a{display:block;color:#333;font-size:16px;height:45px;line-height:45px;padding:0;width:100%;text-align:center;border:none}
.nav ul li .ejxl li a:hover{color:#fff;background:#0758b0}
.nav ul li .ejxl li:first-child a:hover{border-top-right-radius:10px;border-top-left-radius:10px}
#banner .swiper{width:100%;height:100%;position:relative}
#banner .swiper-slide{background-position:center;background-size:cover;position:relative}
#banner .swiper-slide img{display:block;width:100%}
#banner .swiper-button{position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#fff;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;overflow:hidden;z-index:10;width:50px;font-size:30px;line-height:50px;height:50px;transition:all .5s ease;outline:0}
#banner .swiper-button:hover{background:#0062b7}
.btn-prev{left:5%}
.btn-next{right:5%}
#banner .swiper-pagination-bullet{position:relative;margin:0 8px!important;display:inline-block;width:14px;height:14px;overflow:hidden;z-index:10;border-radius:100%;outline:0;background:#fff;opacity:1}
#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before{background:#fff}
#banner .swiper-pagination-bullet-active{background-color:#0758b0;opacity:1}
#banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}

#bannerjj .swiper{width:100%;height:100%;position:relative}
#bannerjj .swiper-slide{background-position:center;background-size:cover;position:relative}
#bannerjj .swiper-slide img{display:block;width:100%}
#bannerjj .swiper-button{position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#fff;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;overflow:hidden;z-index:10;width:50px;font-size:30px;line-height:50px;height:50px;transition:all .5s ease;outline:0}
#bannerjj .swiper-button:hover{background:#0062b7}
#bannerjj .swiper-pagination-bullet{position:relative;margin:0 8px!important;display:inline-block;width:14px;height:14px;overflow:hidden;z-index:10;border-radius:100%;outline:0;background:#fff;opacity:1}
#bannerjj .swiper-pagination-bullet-active.swiper-pagination-bullet::before{background:#fff}
#bannerjj .swiper-pagination-bullet-active{background-color:#0758b0;opacity:1}
#bannerjj .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}

.about{padding:60px 0;background:url(../images/abbg.jpg) no-repeat}
.about-box{display:flex;align-items:flex-start;justify-content:center;position:relative}
.about_fl{flex:1;padding-right:60px}
.ab_txt{font-size:16px;margin-top:30px;line-height:32px;color:#666}
.about_fr{flex:1;overflow:hidden}
.ab_list2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:50px}
.ab_list2 li{flex:1;cursor:pointer;color:#333;text-align:center;border-right:1px solid #dedede;-webkit-transition:transform .3s;transition:transform .3s;font-size:16px;padding:30px 20px;position:relative}
.ab_list2 li:before{content:'';position:absolute;left:-1px;top:0;width:2px;height:30%;background:#da241c;z-index:1}
.ab_list2 li:first-child{border-left:1px solid #dedede}
.ab_list2 li b{margin-bottom:30px;font-size:52px;color:#0758b0}
.ab_list2 li b i{font-size:24px;font-weight:400}
.ab_list2 span{display:block;line-height:32px;text-transform:uppercase;font-size:17px;color:#666}
.ab_list2 li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.more_a2{display:inline-block;line-height:40px;padding:0 30px;color:#fff;position:relative;transition:all .8s ease 0s;font-size:16px;margin:20px 0}
.more_a2 span{display:inline-block;position:relative;z-index:2}
.more_a2::before{content:"";position:absolute;left:0;bottom:0;background:#0758b0;width:100%;height:100%;transition:all .3s ease 0s}
.more_a2:hover::before{height:1px;color:#0758b0}
.more_a2:hover{color:#0758b0}
.product{background:url(../images/prrobg.jpg) no-repeat;height:500px;padding:60px 0;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover}
.pro-nav{margin:30px 0}
.pro-nav ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pro-nav li{text-align:center;width:20%}
.pro-nav li a{color:#fff;padding:20px 0;font-size:17px;display:block;background:rgba(255,255,255,.2);margin:5px}
.pro-nav li a:hover{background:#0758b0}
.pro-list{position:relative;margin-top:-260px;padding-bottom:100px}
.xcal .swiper-slide{transition:all .5s ease}
.xcal .swiper-slide img{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:100%}
.xcal .swiper-slide p{background-color:#fff;color:#333;text-align:center;line-height:50px;font-size:16px;padding:10px}
.pro-list .swiper-button-next{position:absolute;top:92%;right:calc(50% - 150px);transform:translateY(-50%);text-align:center;color:#fff;background:rgba(0,0,0,.3);cursor:pointer;overflow:hidden;z-index:99;width:140px;font-size:17px;line-height:50px;height:50px;transition:all .5s ease;outline:0}
.pro-list .swiper-button-prev{position:absolute;top:92%;left:calc(50% - 150px);transform:translateY(-50%);text-align:center;color:#fff;background:rgba(0,0,0,.3);cursor:pointer;overflow:hidden;z-index:99;width:140px;font-size:17px;line-height:50px;height:50px;transition:all .5s ease;outline:0}
.pro-list .swiper-button-next:hover,.pro-list .swiper-button-prev:hover{background:#0758b0}
.pro-list .swiper-button-next i{padding-left:10px}
.pro-list .swiper-button-prev i{padding-right:10px}
.xcal .swiper-slide:hover{margin-top:-30px}
.xcal .swiper-slide:hover p{background:#0758b0;color:#fff}
.jszb{overflow:hidden;background:#f6f6f6;padding:60px 0;margin-top:60px}
.jszb ul{overflow:hidden;width:100%;float:left;margin-top:30px}
.jszb ul li{float:left;width:calc(25% - 20px);margin:10px;transition:all .3s;position:relative;background:#fff;box-shadow:0 0 10px #dedede}
.jszb ul li div{padding:15px}
.jszb ul li div p{font-size:17px;margin-bottom:10px;color:#333;text-align:center}
.jszb ul li div span{color:#666}
.jszb ul li:hover{background:#0758b0}
.jszb ul li:hover p,.jszb ul li:hover span{color:#fff}
.sheb_more{margin:20px auto;text-align:center;display:block;width:130px;padding:3px 0}
.news{padding:60px 0}
.news_box{width:70%;margin-top:30px}
.news-con{float:left;width:50%;margin-bottom:20px}
.news-con a{display:block;padding-right:30px}
.news-con a b{font-size:16px;display:block;margin:15px 0;color:#333}
.news-con p{line-height:26px;color:#666;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.news-con a:hover b{color:#da241c}
.news_fl_list{margin-right:30px;background:#fff;display:flex;flex-wrap:wrap;padding:20px 0;border-top:1px solid #f1f1f1}
.news_fl_list a{display:block;color:#333;font-size:16px;width:calc(100% - 20px);margin:10px 0;padding-bottom:10px}
.news_fl_list a span{float:right;color:#999}
.news_fl_list a:hover{color:#da241c}
.news_fr{width:30%;background:#f1f2f6;margin-top:30px;overflow:hidden}
.news_fr a{display:block;padding:30px 20px;border-bottom:1px solid #fafafa}
.news_fr .news-tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#333}
.news_fr span{margin-right:15px;color:#999}
.news_fr a:hover .news-tit{color:#da241c}
.scroll{width:50px;height:50px;line-height:50px;text-align:center;position:fixed;right:45px;bottom:70px;color:#fff;cursor:pointer;background:#da241c;font-size:26px}
.footer{background:#2c2c2c;background-size:cover}
.foot{padding:30px 0;display:flex;align-items:flex-start;justify-content:space-between}
.foot .ft-nav .ft-nav-list{display:flex;align-items:flex-end;flex-wrap:wrap;color:#fff}
.foot .ft-nav .ft-nav-list dl{flex:1;padding-right:40px}
.foot .ft-nav .ft-nav-list dt{font-size:20px;margin-bottom:20px;padding-right:45px}
.foot .ft-nav .ft-nav-list dd{display:flex;align-items:flex-start;flex-wrap:wrap}
.foot .ft-nav .ft-nav-list dd a{color:#fff;display:block;margin-bottom:10px;width:50%;font-size:16px}
.foot .ft-nav .ft-nav-list dd a:hover{color:#da241c}
.foot .ft-nav .ewm img{width:100px}
.foot .ft-contact{display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction:column}
.foot .ft-contact b{font-weight:500;color:#fff;text-align:left;margin-bottom:20px;font-size:20px}
.foot .ft-contact p{color:#fff;text-align:left;margin-bottom:15px;font-size:16px}
.foot .ft-contact p span{padding-left:18px}
.foot .ft-contact i{font-size:17px;margin-bottom:20px;color:#fff;font-weight:700;display:block;width:100%}
.foot .ft-contact i img{float:right}
.copyright{padding:20px 10px;text-align:center;color:#fff;border-top:1px solid rgba(255,255,255,.2)}
.copyright a{color:#fff}