@charset "utf-8";

/* CSS Document */

::-webkit-input-placeholder{color:#999;font-size:14px;opacity:1}
::-moz-placeholder{color:#999;font-size:14px;opacity:1;padding-left:10px}
:-ms-input-placeholder{color:#999;font-size:14px;opacity:1;padding-left:10px}
.top>.fx{border-bottom:1px solid #ececec;padding:10px 0}
.top-tel{background:#005bac;color:#fff;font-size:16px;font-weight:700;padding:6px 12px;border-radius:50px;margin-left:15px}
.col33{color:#333}
.col66{color:#666}
.coltxt{color:#4c4c4c}
.colgrey{color:#aeaeae}
.colgreen{color:#33a74e}
.logo-left{padding-left:25px}
.logo-box{/*padding: 10px 0; */background: rgb(255 255 255 / 96%); /*position: fixed;*/  /* height:120px;*/ z-index: 9999999;z-index: 9999999; width: 100%;}
.colblue{color:#0057ae}
.coltxt{color:#7a7a7a}
.f17{font-size:17px}
.f34{font-size:34px}
.bannersize{height:713px!important}
.layui-container { width: 1200px;margin:0 auto;padding: 0 0;   }


.inbanner  .bannersize{height:300px!important}

/* 欢迎 */
.logo .logo-img{width:133px;height:110px; display: block;     margin-right: 16px;}
.logo {padding: 10px 0;}
.logo p{color:#fff;font-size:22px;display: block;font-weight: bold;background-color: #dd1021; padding: 0 23px;border-radius: 20px;line-height:36px;      }
.logo-box  h1{color:#333;font-size:14px;line-height:30px;}
.logo-box  .plist img{display: block;width: 87px;height: 110px;padding-left: 12px;}
.logo-box .plist{margin-right:35px;}
.logo-box .plist:last-of-type{margin-right: 0;}
.logo-box  .plist p{color:#333;font-size: 18px;line-height: 30px;}
.logo-box  .plist a.click{ cursor: pointer;  background-color: #167be5; color: #fff; display: inline-block; padding: 0 24px;line-height: 21px; border-radius: 15px;}
.logo-box  .plist a.click:hover{background-color: #dd1021; }

/* 导航 */
nav{background:#0365c6;height:60px ; z-index: 9999999999999999; }
.pcnav>li{position:relative;box-sizing:border-box; display: flex;flex: 1;}
.pcnav>li a{font-size:18px;line-height:60px;text-align:center;display: block;color:#fff;margin:0 auto;}
.pcnav>li:hover{background-color: #004b95;}
.pcnav>li:hover a{color:#fff;}
.pcnav>li.active{background-color: #004b95;}
.pcnav>li.active a{color:#fff;}
.nav2-list{position:absolute;width:100%;top:99%;left:0;z-index:10;display:none;z-index: 9999999999999999;}
.nav2-list li{background:#1472b9;line-height:60px;text-align:center;}
.nav2-list li a{color:#fff;font-size:14px}
.pcnav>li:hover .nav2-list{display:block}
.nav2-list li :hover{background:#004b95}
 
/* 三块 */
.listall{bottom:20px;z-index: 99999999;
     
    bottom: 20px;
    z-index: 99999999;
    left: -360px;
    /* margin: 0 auto; */
    margin-left: 35%;}
.listall li{background: linear-gradient(#0db1fe, #1d5eec);width: 30%;margin: 20px;padding: 55px 30px 55px 30px; text-align: center; }
.listall li b{color: #fff;font-size: 28px;line-height: 40px;border-bottom: 2px solid #fff;padding-bottom: 10px;text-align: center;    }
.listall li p{color: #fff;font-size: 16px;line-height:30px;}
.listall li .icon1{display: block;width: 58px;height: 59px;  margin:30px auto;}
.listall li .icon2{display: block;width:63px;height: 59px;  margin:30px auto;}
.listall li .icon3{display: block;width: 72px;height: 59px;  margin:30px auto;}
.listall li  span{display: block;color: #fff;font-size: 16px;margin:30px  0 0 0}
.listall li  span:hover{color:#dd1021   }
.listall  .jt{margin:0 auto;display: block;}
/*   ====   产品  ====   */
#products{overflow: hidden;height: 2819px;background: url(../images/pbg.jpg) no-repeat center;/*position: relative; */    }
#products .ptit{padding:50px 0;}
#products .ptit span{display: block;color: #167be5;font-size: 46px;   }
#products .ptit  p{color: #167be5;text-transform: uppercase;}
#products .ptit .logo{width: 130px;height: 90px;margin: 0 20px 0 0;}
#products .ptit .xt{width: 246px;height:39px;margin: 0 10px;}
#products .ptit .telimg{width: 98px;height:95px;margin: 0 15px;}
#products .ptit .numb{flex-direction:row; }
#products .ptit .tel b{background-color: #167be5;margin-bottom: 10px;text-align: center;line-height: 40px; font-family: impact; color: #fff; font-size: 30px;border-radius: 20px;width: 440px;display: block;  }
#products .plist{padding:150px  0 0  0;}
#products .plist li{position: relative;margin-bottom:70px;width:49%;  }
#products .plist li:hover .goods_cover{visibility:visible}
#products .plist li a.tit{line-height: 40px;font-size: 16px;color: #333;}
#products .plist li a.tit i{font-weight: 600;font-style: normal;color:#979899;font-size: 20px;}
#products .plist li a.tit p{line-height: 40px;font-size: 16px;color: #333;}
#products .plist li .tit p{text-align: center;color:#333;font-size: 16px;line-height: 40px;}
#products .plist li .wz{padding:10px ;}
#products .plist li h2{font-size: 24px;color: #333;line-height:50px;font-weight: 600;}
#products .plist li h3{font-size: 18px;color: #333;line-height:28px;padding: 20px 0;}
#products .plist li a.click{color: #fff;padding: 13px 47px;line-height: 45px;font-size: 18px;cursor: pointer;background: linear-gradient(#0db1fe, #1d5eec)}
#products .plist li h2:hover{color:#167be5;  }
#products .plist li a.click:hover{background: linear-gradient(#f56f7b, #dd1021)}
#products .plist li .goods_img{width: 290px;height: 290px;overflow: hidden;}
#products .plist li img{ width: 290px; height: 290px; display: block;transition:.5s ease-in;}
#products .plist li img:hover { transform:scale(1.1,1.1);}
#products .tellist{margin:20px 0;  /*  position: absolute;  bottom: 20px; */}
#products .tellist  a.contact{background-color: #fff;border-radius: 20px;line-height:45px;color:#1b6bef;font-size: 20px;font-weight: 600;padding: 0 40px;}
#products .tellist img{display: block;margin:0 10px;width: 48px;height: 55px;}
#products .tellist span{display: block;font-size:24px;color: #fff;   }
#products .tellist b{color: #fff; font-weight: 600; font-size:24px; }
#products .more{display: block;text-align: center;font-size: 24px;line-height: 30px;color:#fff;margin: 93px 0 0 0;}

/* 服务中心 */
#service{background-color: #fff;}
#service  .part b{color:#1b6bef;font-size: 40px;font-weight: 600;}
#service  .part p{ color:#1b6bef;font-size: 30px;line-height: 50px; }
#service  .part span{ color:#1b6bef;font-size:16px; line-height:22px;display: block;text-transform: uppercase;}
#service  .part  ,  .part1{width: 30%;margin-bottom: 50px;}
#service .part1 img{width: 350px;height: 247px;}
#service .part1{position: relative;}
#service .part1  .wz{position: absolute; bottom: 0; top: 75px; padding: 0 40px;}
#service .part1  .wz b{font-size: 26px;color: #000;}
#service .part1  .wz em{display: block;height: 2px;background-color: #808080;margin:10px 0;width:120px;}
#service .part1  .wz p{font-size: 18px;color: #000;margin: 8px 0;}
#service .part1  .wz span{font-size:12px;color: #000;text-transform: uppercase;}
#service .part1 p{text-transform: uppercase;font-size: 12px;color: #000;}

/* 优势 */
#adv .tit{width: 1200px;height: 117px;    }
#adv .left{width: 203px;height:1544px;    }
#adv h1{width: 330px;font-size: 26px;margin: 20px 0px 30px 165px;color: #dd1021;border-radius: 20px; line-height: 40px;padding: 0 30px;border: 2px solid #dd1021; text-align: center;}
#adv  .ys1{width:917px;height:468px;display:block;}
#adv  .ys2{width:550px;height:520px;display:block;   }


#adv p.p1{line-height: 30px;color: #333;font-size: 26px;margin:90px 0 30px 0;}
#adv i{color:#1b6bef;font-weight: 600;font-style: normal;font-size: 32px;}
#adv .right{  margin:0 20px;}
#adv p.p2{color:#999;font-size: 36px;}
#adv p.p3{color:#999;font-size: 16px;text-transform: uppercase;line-height: 30px;margin-bottom:60px}
#adv .right p.p5{background-color: #1b6bef;display: block; padding: 0 30px;line-height: 54px; font-size: 26px; margin: 22px 18px;color: #fff;  }
#adv p.p4{color: #fff;font-size: 20px;background-color: #cacaca; padding: 0 37px; line-height: 45px; margin: 20px 0;}
#adv .tel4{width: 47px;height: 46px;}
#adv .tellist{margin:20px 0}
#adv .tellist  a.click{cursor: pointer;     background-color: #1b6bef;border-radius: 20px;line-height:45px;color:#fff;font-size: 20px;font-weight: 600;padding: 0 40px;}

#adv .tellist  a.click:hover{background:#dd1021;    }
#adv .tellist img{display: block;margin:0 10px;width: 47px;height: 46px;}
#adv .tellist span{display: block;font-size:24px;color: #1b6bef;   }
#adv .tellist b{color: #1b6bef; font-weight: 600; font-size:24px; }


/* 关于 */
#about {background: url(../images/abbg.jpg) no-repeat center;margin:50px 0 0  0;padding: 20px  0 0 0;}
#about  .logo{width: 133px;height: 110px;display: block;margin:0 auto 15px;}
#about  .cf{width:543px;height: 257px;display: block;margin-bottom: 20px;}
#about  .hr{width: 543px;height:406px;display: block;}
#about  p.summary{font-size: 20px;color: #333;line-height:44px;text-indent: 2rem;}
#about  .right{margin-left:30px;}
#about  .right span{display: block;margin:20px 60px;font-size: 20px;background-color:#1b6bef;color: #fff;line-height: 50px;text-align: center;}
#about  .kf{ cursor: pointer;   background-color: #dd1021; color: #fff;font-size: 16px;text-align: center;line-height:50px; padding: 0 36px;display: block; margin: 30px 167px;}
#about  a.more{color: #1b6bef;font-size: 16px;}
#about  a.more:hover{color: #dd1021;}

#about .tit{margin-bottom:20px;}
#about .tit h1{    font-size: 35px; text-align: center; color: #1b6bef;font-weight: 600;}
#about .tit p{text-align:center;color:#999;text-transform:uppercase;font-size:20px}


#about .part1 p{color:#fff}

/* 新闻 */
.news .list li{/*width: 44%;margin-right: 2%;*/}
.news .list li a{font-size: 18px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #333;line-height: 45px;text-indent: 1rem;display: block;}
.news .list li img{width:26px;height: 25px;}
.news .list li a:hover{color: #1b6bef;}
.news .tit {margin:20px 0}
.news .tit p{background-color: #1b6bef;padding: 0 50px;;font-size: 20px;color:#fff;line-height: 50px;border: 1px solid #1b6bef;}
.news .tit  a{display: block;color: #1b6bef;padding: 0 50px;border: 1px solid #1b6bef;line-height: 50px;}
.news .tit  a:hover{color: #dd1021;}

.news .list li span{padding-left: 20px; color: #666;    font-family: arial;}
 .news .part1{width:50%}
}
/* 内页左侧的留言板 */
.liuyan{margin-top:30px;}
.liuyan span{display:block;text-align:center;font-weight:600;padding:30px 0 10px 0;color:#333;font-size:18px}
.liuyan .gq{border-right:1px solid #999;width:5%}
.liuyan .form-top li{background: #fff;border-radius:5px;border:2px solid #ddd;margin:15px auto;width:80%;height:50px;padding:0 15px}
.liuyan .wz{background: #fff;     border-radius:5px;border:2px solid #ddd;margin:15px auto  30px;width:80%;height:110px;padding:10px 15px}
.liuyan .form-top li p,.liuyan .wz p{font-size:16px;color:#666}
.liuyan .sub-input{background:0 0;border:none;color:#333}
.liuyan .submit{width:35%;line-height:50px;font-size: 16px;    background:#1b6bef;color:#fff;border:none;margin:0 auto;text-align:center}

/*  底部   */
footer {overflow: hidden;   background: url(../images/ftbg.jpg) no-repeat center;      }
footer .right{background-color: #005bac;padding: 0 9px;}
footer .footer-bot{padding:35px  0 15px  0}
footer  .con li{font-size: 18px;color:#fff;margin:0 15px;padding: 0 25px; border-right: 1px solid rgb(255 255 255 / 31%);}
footer  .con li:last-child{ border-right: none;}
footer  p{text-align: center;font-size: 20px;line-height:30px;color: #fff;}
footer  p.p2{font-size: 16px;opacity: 0.7;}
footer  p.p2 a{color: #fff;}
footer  p.p2 a:hover{opacity:1;color: #fff;}
footer  p.p3{font-size: 16px;opacity: 0.7;}
footer  em{margin: 20px 0; width: 100%;display: block;height: 1px;background:linear-gradient(to right , rgba(0, 0 , 0, 0)0%  , rgba(0, 0 , 0, 0)10%    , rgba(255 , 255 , 255 , 0.3)20% , rgba(255, 255 , 255, 0.4)30% , rgba(255, 255 , 255, 0.5)40% , rgba(255 , 255 , 255 , 0.6)50% , rgba(255 , 255 , 255 , 0.4)70% , rgba(255, 255 , 255, 0.3)80% , rgba(0, 0 , 0, 0)90%  , rgba(0, 0 , 0, 0)100% )}
footer  .nav{margin:40px  0 15px 0} 
footer  .nav li {border-right: 2px solid #fff;line-height: 16px;}
footer  .nav li:last-child{border-right:none}
footer  .nav li a {color:#fff;font-size: 16px;padding: 0 30px;}
footer  .nav li a:hover{color:#dd1021;}
/*  底部   */

/* =========================================================内页============================================================ */
.path-main{padding:15px 0;border-bottom:1px dashed #cacaca}
.path-left{padding-left:12px}
.path-left a:first-of-type{color:#333}
.path-left a{color:#999;font-size:14px}
.path-right{font-size:12px;color:#7d7d7d;font-weight:700;background:url(../images/tel4.png) no-repeat left center;padding-left:20px}
.in-main{margin:40px 0 100px 0}
.in-main .pro-left-top p{color:#333;font-size:18px;line-height:60px;border-bottom:1px solid #ccc}
.in-main .pro-left-mid li{position:relative}
.in-main .pro-left-mid li a{color:#444;display:block;height:50px;line-height:50px;font-size:16px;padding-right:40px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
.in-main .pro-left-mid li .more{position:absolute;cursor:pointer;color:#000;font-size:25px;text-align:right;width:30px;height:50px;line-height:50px;right:5px;top:0;overflow:hidden;font-style:normal}
.in-main .pro-left-mid li:hover{background:#eaeaea}
.in-main .product-item{border:1px solid #c5c5c5;background:#fff;margin: 8px;}
.in-main .product-item h4{font-size:16px;line-height:35px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px}
.in-main .product-item1{border:1px solid #c5c5c5;background:#fff;padding:16px 12px}
.in-main .product-item1 img{width:100%;height:220px;object-fit:cover}
.in-main .product-item1 h4{font-size:16px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px}
.pages{margin-top:10px;text-align:center}
.in-main .product-item:hover{border:1px solid #f45933}
.in-main .product-item:hover h4{background:#f45933;color:#fff}
.in-main .pimg{height:260px;overflow:hidden}
.in-main .pimg img{height:260px;object-fit:cover;display:block;transition:.5s ease-in;    width: 100%;}
.in-main .pimg img:hover{transform:scale(1.1,1.1)}

/* 内页左侧联系我们的样式 */
.in-main .product-left .tel{margin-bottom:20px}
.in-main .product-left .telbox .dianhua{color:#666;line-height:24px;padding:6px;background:#fff}
.in-main .product-left .telbox .dianhua span{font:30px Impact;color:#000;background:url(../images/Teln.gif) no-repeat scroll 0 3px transparent;display:block;padding-left:58px;margin-bottom:15px}
.in-main .product-left .dianh p{line-height:20px;font-size:15px;color:#333;margin-bottom:10px;border-bottom:1px dashed #ccc;padding-bottom:12px}

/* 内容 */
article h1{text-align:left;font-size:24px}
.article-box{width:70px;height:2px;background:#f45933;margin:14px 0}
.article-out{background:#efefef;text-align:center;line-height:2em;color:#999;margin:24px 0}

/* 新闻内容 */
.in-main .in-news-list li{padding:20px 0;border-bottom:#dedede dotted 1px;transition:all .5s}
.in-main .in-news-list li:hover{background:#f5f5f5;padding:20px 10px}
.in-main .in-news-list li  h3{font-size: 16px;}

/*新闻推荐*/
.in-main .tj_news_title{border-bottom:2px solid #f1f1f1;padding:15px 0}
.in-main .tj_news li{width:47%;padding:15px 0;border-bottom:1px dashed #ccc}
.in-main .telbox{background-color:#f45933}
.in-main .bg{background-color:#fff;padding:18px}
.product-left{margin-right: 40px;}
.product-left .contact p{font-size:15px;line-height:30px;/*padding:0 8px*/}
.product-left .contact>span{display:block;font-size:20px;line-height:40px;color:#ccc;text-transform:uppercase;font-weight:600;text-align:left}
.product-left .contact li{background:url(../images/cicon1.png) no-repeat left center;margin:6px 0}
.product-left .contact li p{text-align:left;color:#888;font-size:15px;line-height:26px}
.product-left .hotpro p{font-size:15px;line-height:30px;padding:0 8px}
.product-left .hotpro span{display:block;color:#333;font-size:18px;line-height:60px;text-transform:uppercase;border-bottom:1px solid #ccc}
.product-left .hotpro li{background:url(../images/cicon1.png) no-repeat left center;margin:12px 0;padding:12px 0}
.product-left .hotpro li p{text-align:left;line-height:18px;color:#888}

/* 热门产品 */
.hotpro li{border-bottom:1px dotted #e0e0e0}
.hotpro li img{height:120px;display:block;object-fit:cover}
.hotpro li a.tit{font-size:16px;color:#666;line-height:30px;padding-top:12px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hotpro li a.more{font-size:14px;color:#999;line-height:55px;display:block}
.hotpro li .wz{padding-left:20px;width: 40%;}
.hotpro li a.tit:hover{color:#f45933}
.hotpro li a.more:hover{color:#f45933;font-weight: 600;}

/* 热门新闻 */
.hotnews span{color:#333;font-size:18px;line-height:60px;border-bottom:1px solid #ccc;display:block}
.hotnews li{border-bottom:1px dotted #e0e0e0;padding:15px 0}
.hotnews .date{display:block;color:#666;background-color:#ececec;line-height:30px;border-radius:20px;width:20%;text-align:center}
.hotnews li a.tit{font-size:16px;color:#666;line-height:30px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hotnews li a.more{font-size:14px;color:#999;line-height:55px;display:block}
.hotnews li .wz{padding-left:20px;width:70%}

/* 产品分类2 */
.pro_list_1_tl a{color:#444;display:block;height:50px;line-height:50px;font-size:16px;padding-right:40px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:20px}
.pro_list_2 a{color:#666;display:block;height:50px;line-height:50px;font-size:14px;padding-right:40px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:37px}

/* 推荐的产品 */
.in-main .product-left  .prolist .timg{width: 50%;overflow: hidden;}
.in-main  .prolist{overflow: hidden;}
/* 友情链接 */
.foot_boot  p{line-height: 30px;color:#666;font-weight: 600;}
.foot_boot  p a{line-height: 30px;color:#666;font-weight: normal;padding: 0 5px;}
.foot_boot  p a:hover{color:#f45933;}
.in-main .contact  ul li span{display: block;font-size: 15px;font-weight: 600;color: #333;}
.product-left .contact li:nth-child(1){margin: 0 0;}


/* 留言板 */
.mb20{margin-bottom: 20px;}
.form_2{width: 74%; margin: 0 auto;}
.news_box_nei input{-webkit-writing-mode:horizontal-tb!important;text-rendering:auto;color:-internal-light-dark(black,#fff);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;appearance:textfield;background-color:-internal-light-dark(#fff,#3b3b3b);-webkit-rtl-ordering:logical;cursor:text;margin:0;font:400 13.3333px Arial;padding:9px 157px;border-width:2px;border-style:inset;border:1px dashed #ccc;border-image:initial}
.news_box_nei textarea{-webkit-writing-mode:horizontal-tb!important;text-rendering:auto;color:-internal-light-dark(black,#fff);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;appearance:textarea;background-color:-internal-light-dark(#fff,#3b3b3b);-webkit-rtl-ordering:logical;flex-direction:column;resize:auto;cursor:text;white-space:pre-wrap;overflow-wrap:break-word;margin:0;font:400 13.3333px Arial;border-color:-internal-light-dark(#767676,#858585);border-image:initial;border:1px dashed #ccc;padding:2px}
.submit1{width:68%;margin:0 auto;}
.submit1 input{padding: 9px 20px;}
.news_box_nei .nei_submit{ background: #dd1021;color: #fff; border: none; }
.in-main .right .article-box{height: 3px;background-color:#dd1021 ;width: 60px;margin:5px auto;} 
.in-main .right i{display: block;line-height: 40px;color: #000;font-size: 18px;margin: 8 auto;font-weight: 600;font-style: normal;text-align: center;}
.in-main .right p.int{width:88%;text-align: center;color: #747474;line-height: 20px;margin:15px auto  30px;}