@charset "utf-8"

/*网页页头样式*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #333; }
body{cursor: default;color: #333;background: #fff;}
a{color: #333;}
.dropdown-menu{background-color: #009fe9;}
.dropdown-menu a {color: #ffff;}
a:hover{color: #03a9f4;text-decoration: none;}
.hover-shadow{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
header{box-shadow: 0 1px 5px rgba(0, 0, 0, .3);padding: 10px 0 0;z-index: 9;background: #fff;}
header .row{ display: flex; flex-wrap: nowrap;justify-content: space-between;}
header .row .search{list-style: none; width: 76%;height: 30px; border: 1px solid #e6e6e6;border-radius: 900px;display: inline-block;}
.search{margin: auto 0 auto 80px;}
.search form{position: relative;}
.search .keyword{border: 0;height: 35px;line-height: 28px;outline: none;padding: 0 15px 0 20px; float: left;font-size: 16px;border-radius: 900px;width: 180px;}
.search .tjiao{width: 38px;height: 36px; background:url("./img/search.png") ; float: left; border: 0; outline: none; content: ""; position: absolute;right: -1%;border-bottom-right-radius: 20px;border-top-right-radius: 20px;}
header .logo1{margin-top: 10px;}
header #container{display: flex;}
header .hotline{display: flex;align-items: center;}
header .hotline .hotline_img{padding:  0 10px 0 0 ;}
header .hotline .p1{color: #000;}
header .hotline .p2{font-weight: bold; font-size: 25px; color: #c40000;}
header .hotline p{margin: 0;text-align: start; line-height: 20px;}
header #caidan{background: #009fe9;margin-top: 20px;}
header nav .nav-link{color: #fff;}
header nav .nav-item a{padding: 10px 35px;}
header nav .nav-item:hover{background: #0094d9;color: #fff;}
header nav .nav-item .active{background: #0094d9;}


.m-head{display:none;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 1px 5px rgba(0, 0, 0, .3);}
.m-head .m-head-logo{float: left;padding-left: 10px;}
.m-head .m-head-logo img{height:60px;display: block}
.m-head .m-head-menu{padding-right:5%;padding-top:20px;float: right;}
.m-head .m-head-menu a img{height:16px;vertical-align:top;display: block}
.m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
.m-nav .menu-close img{height: 30px;}
.m-nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
.m-nav .m-navList ul li{border-bottom:1px solid #232530}
.m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m-nav .m-navList ul li .m-nav-f a{flex: 1;} 
.m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
.m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
.m-nav .m-navList .m-nav-img img{width: 100%;}

.container{max-width:1320px}
.choose{background: url(../img/choose-bg.jpg) no-repeat;}
.choose .container .title{margin-top: 90px;}
.choose .container .title h2{text-align: center;font-weight: bold;}
.choose .container .title h3{text-align: center;}
.choose .container .choose_box .every_choose .content h4{font-size: 18px;text-align: center;}
.choose .container .choose_box .every_choose .content .hengxian{background-color: #000;width: 20px;height: 1px;margin: 0 auto;}
.choose .container .choose_box .every_choose .content p{text-align: center;font-size: 15px;}
.choose .container .choose_box .every_choose .content{border: 1px #e9e9e9 solid;background-color: #fff;}
.choose .container .choose_box .every_choose .kk{background-color: #2d52f8;height: 10px;}
.choose .container .choose_box .every_choose{margin: 0 18px;}
.choose .container .choose_box{padding: 50px 0 250px 0;}


.middle{background: url(../img/middle-bj.jpg) no-repeat;padding: 50px 0;}
.middle h2{color: #fff;font-size: 40px;}
.middle h2 span{color: #fff;font-size: 30px;padding-left: 10%;}
.middle p{color: #fff;font-size: 20px;}


.product{margin: 30px 0;}
.product .container .product_box{border: 1px #e9e9e9 solid;display: inline-block;}
.product .container .product_box .title p{text-align: center;}
.product .container .product_box .img{padding: 10px;}
.product .container .box{padding: 10px;} 

.about{background: url(../img/about-bg.png) no-repeat;margin-top: 100px;}
.about .title h2{color: #fff;text-align: center;padding: 50px 0;}
.about .content p{color: #fff;text-indent: 2em;line-height: 1.8;text-align: justify;}
.about .content{padding-bottom: 80px;}


.news{margin: 80px 0;}
.news .title{text-align: center;padding: 30px 0;}
.news .news_box .description h3{font-size: 18px;}
.news .news_box .description p{color: #666;font-size: 16px;}
.news .news_box:hover{box-shadow: 1px 5px 5px #999;}
.news .news_box{margin: 10px 0;}
.news .news_box:hover .description{color: #496baa;}
.news .more{background-color: #00428e;margin-bottom: 15px;}
.news .more a{color: #fff;text-align: center;display: block;}


footer{background-color: #000;padding: 50px 0;}
footer .between p{color: #fff;font-size: 13px;}
footer .last{display: flex;}
footer .last p{margin: 0px;color: #fff;}
footer .last .p2{font-weight: bold; font-size: 25px; color: #c40000;}
footer .first h4{color: #179ce5;}
footer .first p{color: #fff;}

.copy{background-color: #333333;padding: 8px 0;}
.copy p{color: #666;text-align: center;font-size: 10px;margin: 0px;padding: 5px 0;}
.copy a{color: #666;font-size: 10px}
.copy .beian{text-align: center;}


/*公司简介*/
.main{margin-bottom: 100px;}
.main .main_title p{padding: 10px 0;border-bottom: 1px rgb(211, 209, 209) solid;}
.main .side_bar .left{border: 1px rgb(211, 209, 209) solid;padding: 0px;}
.main .side_bar .comt .pro_n{background-color: #009fe9;text-align: inherit;padding: 10px 0 10px 60px; font-size: 16px;}
.main .side_bar .comt .pro_n:hover{background-color: #000;}
.main .side_bar .comt .pro_n a{color: #fff;}
.main .side_bar .title h3{font-size: 20px;text-align: center;font-weight: bold;padding: 5px 0;color: #009fe9;}
.main .row{margin: 0;}
.main .row .right{padding-left: 35px;}
.main .row .right .title{border-bottom: 1px rgb(211, 209, 209) dashed;text-align: center;}
.main .row .right .description{margin-top: 10px;}
.main .row .right .description p{text-align: justify;line-height: 1.8;font-size: 16px;}


/* 新闻中心 */
.main .right .content .news_des h3{font-size: 18px;}
.main .right .content .news_des p{font-size: 16px;color: #666;}
.main .right .content .row:hover{box-shadow: 1px 5px 5px #999;}
.main .right .content .row{margin: 20px 0;border-bottom: 1px #999 dashed;}
.main .right .content .row:hover .news_des{color: #496baa;}


/* 产品中心 */
.main .right .pro p{text-align: center;padding: 5px 0;}
.main .right .pro a:hover p{background-color: #009fe9;color: #fff;}
.main .right .title{margin-bottom: 20px;}


/* 手机端首页导航 */
@media (max-width:1200px) {
  .homeslide .swiper-slide img{height: 400px;}
}
@media(max-width:1199px){
.about .about_leftimg{width: 480px;top: -83px;height: auto;}
.about .about_content{top: -80px;width: 460px;}
.adv .adv_left h2{left: 345px;}
}  
@media (max-width:1024px) {
  .main .side_bar .comt .pro_n{background-color: #009fe9;text-align: inherit;padding: 10px 0 10px 25px; font-size: 16px;}
  body{margin-top: 60px;}
  header{display: none;}
  .m-head{display: block;}
  .m-head .m-head-logo img{height: 36px;margin-top: 10px;}
  .copy{line-height: 180%;}
  .copy p{display: block;margin-bottom: 0;}
  .product_items .right .logo .title{margin: 0 15px;}
  .sticktop .sticktop_content .content{padding: 0;}
  .sticktop .sticktop_code{margin: 10px;}
  .list-box{height: 230px;}
  .adv .adv_left h2{left: 345px;}

}
@media (max-width:768px) {
   header{display: none;}
  .m-head{display: block;}
  .choose .container .choose_box .every_choose{margin: 0px;}
}

@media (max-width:425px) {
  .homeslide .swiper-slide img{height: 160px;}
  .content-box{margin-left: unset;}
  header{display: none;}
  .m-head{display: block;}
  .choose .container .choose_box .every_choose{margin: 0px;}
  .choose .container .choose_box{padding: 50px 0 50px 0;}
  .middle h2 span{color: #fff;font-size: 22px;display: block;padding: 0px;}
  .about{background-image: none;}
  .about .title h2{color: #000;}
  .about .content p{color: #000;}
  .news{margin: 0;}
  .main .row .right{padding: 0;margin-bottom: 50px;}
  .main .right .content .news_des h3{font-size: 16px;}
  .main .right .content .news_des p{font-size: 14px;color: #666;}
  .middle{padding: 50px 0;}
  .middle h2{font-size: 32px;}
  footer .between,.last{padding: 0 45px;}
  footer .first p{font-size: 14px;}
  .side_banner{overflow: hidden;}
  .side_banner img{margin-left: -330px;width: auto;height: 135px;}
  .news .news_box .description{padding: 5px;}
  .news .news_box .description h3{font-size: 16px;}
  .news .news_box .description p{font-size: 14px;padding: 8px 0 0 0;}
}