/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#0159ab;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#004f7a}
::-webkit-scrollbar-corner:vertical{ background-color:#004f7a}
::-webkit-scrollbar-resizer:vertical{ background-color:#004f7a}

/*banner*/
.bannerslide { height:750px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:9; cursor:pointer;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:9; cursor:pointer;}


.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width: 95%; max-width: 1200px; margin: 0 auto; padding: 40px; background: #fff;}
.n{ padding:50px 0; background:#f5f5f5;}
.n_m{ padding: 50px 0; background: #f5f5f5;}

.top{ padding:20px 0; background:rgba(255,255,255,0.6); position:fixed; width:100%; top:0; left:0; z-index:999;}
.top .logo{ float:left;}
.top .nav{ float:right;}
.top .nav li{ float:left; line-height:60px; margin-left:40px;}
.top .nav li a{ display:inline-block; line-height:2; border-bottom:1px solid rgba(255,255,255,0);}
.top .nav li a:hover{ border-bottom:1px solid #0159ab;}

.mt{ box-shadow:#eee 0 10px 10px;}
.mt ul{ display:flex; flex-wrap:wrap;}
.mt ul li{ width:calc(100% / 3); text-align:center; padding:25px 0;}
.mt ul li:nth-child(2){ background:#f6f6f6;}
.mt ul li img{ display:inline-block;}
.mt ul li p{ display:inline-block; text-align:left; position:relative; top:-18px; padding-left:5px; text-transform:uppercase;}
.mt ul li p span{ font-size:18px; font-weight:bold;}

.ind_ab{ display:flex; padding:50px 0;}
.ind_ab img,.ind_ab .ia_w{ width:50%;}
.ind_ab .ia_w{ padding:80px 70px; background:#ececec;}
.ind_ab .ia_w .p1{ font-size:26px; font-weight:bold; color:#333;}
.ind_ab .ia_w .p2{ line-height:1.6; margin:20px 0; text-indent:2em;}
.ind_ab .ia_w a{ display:inline-block; border:1px solid #aaa; padding:5px 20px;}

.ind_pro{ padding:50px 0;}
.pt{ font-size:34px; text-align:center; position:relative; color:#333;}
.pt:after{ position:absolute; content:""; width:60px; height:2px; background:#333; left:50%; top:60px; margin-left:-30px;}
.ind_pro .ip_o{ margin-top:80px;}
.ip_m{ padding-bottom:80px !important;}
.ip_m .swiper-slide{ text-align:center; border-right:1px solid #ddd;}
.ip_m .swiper-slide .p1{ font-size:25px; color:#333;}
.ip_m .swiper-slide .p2{ font-size:16px; margin:20px 0;}
.ip_m .swiper-slide img{ display:inline-block; margin:20px 0 40px;}
.ip_m .swiper-slide a{ display:inline-block; border:1px solid #ddd; padding:5px 30px;}
.ip-button-next{ width:48px; height:48px; position:absolute; top:50%; right:-60px; background:url(../images/ipr.png) no-repeat; cursor:pointer;}
.ip-button-prev{ width:48px; height:48px; position:absolute; top:50%; left:-60px; background:url(../images/ipl.png) no-repeat; cursor:pointer;}

.ind_news{ background:#f1f5f9;}
.ind_news .in_pt{ float:left;}
.ind_news .in_pt span{ font-weight:bold; color:#000; font-size:20px; display:inline-block; margin-bottom:10px;}
.ind_news .in_more{ float:right; border:1px solid #aaa; padding:5px 20px;}
.ind_news .in_ul{ margin-top:50px;}
.ind_news .in_ul li{ float:left; width:32%; margin-right:2%; position:relative; top:0; transition:.5s;}
.ind_news .in_ul li:hover{ top:-10px; box-shadow:10px 10px 10px #ddd;}
.ind_news .in_ul li:nth-child(3n){ margin-right:0;}
.ind_news .in_ul li img{ display:inline-block;}
.ind_news .in_ul li div{ background:#fff; padding:20px; border:1px solid #ddd;}
.ind_news .in_ul li div .p1{ font-size:16px; color:#0053a8; font-weight:600;}
.ind_news .in_ul li div .p2{ margin:5px 0 20px;}
.ind_news .in_ul li div img{ float:right;}

.ind_con{ display:flex; background:none;}
.ind_con .ic_l{ width:50%; float:left; border:1px solid #eee; padding:40px;}
.ind_con .p1{ font-size:20px; font-weight:bold; color:#000;}
.ind_con .p2{ margin:15px 0;}
.ind_con input{ background:#fff; border:1px solid #ddd; padding:10px 15px; font-size:16px; width:100%; margin-bottom:20px; transition:0.5s;}
.ind_con input::placeholder{ color:#aaa;}
.ind_con input:focus{ box-shadow:#ccc 10px 10px 10px;}
.ind_con textarea{ background:#fff; border:1px solid #ddd; padding:10px 15px; font-size:16px; width:100%; margin-bottom:20px; height:100px; transition:0.5s;}
.ind_con textarea::placeholder{ color:#aaa;}
.ind_con textarea:focus{ box-shadow:#ccc 10px 10px 10px;}
.ind_con button{ background:#223146; color:#fff; border:none; font-size:16px; padding:10px 40px; cursor:pointer;}
.ind_con .ic_r{ width:50%; float:left; border:1px solid #eee; padding:40px; border-left:none;}
.ind_con .p3{ color:#fff; background:linear-gradient(to right,#2d4fb1 0,#7796af 100%); padding:15px 20px; margin:20px 0;}
.ind_con .ic_m p{ float:left; width:50%; margin-bottom:10px;}
.ind_con .ic_m p img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.ind_con .ic_m .p5{ width:100%;}

.ind_search{ background:url(../images/ind_s.png) no-repeat; text-align:center; color:#fff; padding:70px 0;}
.ind_search .p1{ font-size:30px;}
.ind_search .p2{ font-size:15px; margin:20px 0 40px;}
.search{ z-index:2;}
.search .search_i{ background:#efefef; border:none; padding:20px; display:inline-block; width:40%;}
.search .search_b{ border:none; padding:20px; color:#fff; cursor:pointer; display:inline-block; background:#0a59a9; width:10%; margin-left:-5px; position:relative; top:1px;}

.bannern{ background:url(../images/productb.jpg) no-repeat center center; height:500px; background-size:cover;}

.bottom{ background:#333; color:#fff; padding:50px 0 100px; border-bottom:1px solid #666;}
.bottom a{ color:#fff;}
.bottom ul{ float:left; width:14%;}
.bottom ul:nth-child(5){ width:31%;}
.bottom ul:nth-child(6){ width:13%;}
.bottom ul:nth-child(6) li img{ display:inline-block; margin:0 5px;}
.bottom p{ margin-bottom:1em; font-weight:bold;}
.bottom li{ line-height:1.6;}
.foot{ background:#333; color:#fff; padding:20px 0;}
.foot a{ color:#fff;}

.company{}
.company h2{ font-size:28px; margin-bottom:40px;}
.company h2 span{ color:#0a59a9;}
.company p{ line-height:30px; margin-bottom:20px; font-size:16px;}
.company p strong{ font-size:45px; color:#0a59a9; font-style:italic;}
.company p.pp1{ text-align:center; padding:20px 0;}

.n_ul{ background:#cacaca; padding:20px 0;}
.n_ul ul{ text-align:center;}
.n_ul ul li{ display:inline-block; padding:0 40px; border-right:1px solid #fff;}
.n_ul ul li:last-child{ border:none;}
.n_ul ul li a{ color:#fff; font-size:16px;}
.n_ul ul li.on a,.n_ul ul li a:hover{ color:#0a59a9;}

.ing{ display:block; margin:0 auto;}

.bigcon {
  display: flex;
  margin-top: 30px
}
.bigcon .item {
  flex: 1;
  margin-right:20px;
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 20px;
}@media (max-width: 800px) {
  .bigcon {
    flex-direction: column;
  }

  .bigcon .item {
    margin-right: 0;
    margin-bottom: 20px
  }
}
.bigcon .item:last-of-type {
  margin-right:0;
}
.bigcon .item .ih {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
.bigcon .item .ib {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

.pro_ul{ margin-bottom:30px;}
.pro_ul li .item { padding: 0; width: 24%; margin: 0 1% 10px 0; background: #fff; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; float: left; overflow:hidden; position:relative; border:1px solid #fff;}
.pro_ul li .item:hover{ border:1px solid #0a59a9;}
.pro_ul li .item.item02 { width: 49%; }
.pro_ul li .item .icon {  }
.pro_ul li .item .icon img { display: block; }
.pro_ul li .item .img { }
.pro_ul li .item.item02 .img { width: 50%; margin: 0 auto; }
.pro_ul li .item .img img { display: block; width: 100%; margin: 0 auto; }
.pro_ul li .item .tit { font-size: 18px; color: #4d4d4d; font-weight: bold; line-height: 30px; overflow: hidden; padding: 20px 0; text-align:center;}
.pro_ul li .item .tit a { color: #444; }
.pro_ul li .item.item02 .tit { float: left; margin-right: 10px; }
.pro_ul li .item .tit a:hover { color: #0a59a9; }
.pro_ul li .item .txt { font-size: 14px; line-height: 20px; color: #4d4d4d; margin-bottom: 20px; height: 20px; overflow: hidden; text-align:center;}
.pro_ul li .item.item02 .txt { line-height: 30px; height: 30px; margin-bottom: 19px; }


.shouyesp {
  width: 50%;
  height: 465px;
}
@media (max-width: 800px) {
  .shouyesp {
    width: 100%;
    height: 200px;
  }
}
.md ul {
  display: grid;
  grid-template:
      "A B B C C C" 
      "D D D D D D" / 2.1fr 1.7fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}
@media (max-width: 800px) {
  .md ul {
      grid-template:
        "A"
        "B"
        "C"
        "D" / 1fr;
      grid-gap: 15px;
    }
        .md ul li {
          width: 100%;
        }
                .md ul li:nth-child(3n) {
                  width:100%
                }
}
.md li:nth-of-type(1) {
  grid-area: A;
}
.md li:nth-of-type(2) {
  grid-area: B;
}
.md li:nth-of-type(3) {
  grid-area: C;
}
.md li:nth-of-type(4) {
  grid-area: D;
}
.md li img{ width:100%;}
.md li p{ text-align:center; background:#fff; font-size:16px; padding:10px 0;}
.md li:nth-child(3n){ margin-right:0;}

.news_ul{}
.news_ul li{ width:31%; margin-right:3.5%; float:left; margin-bottom:30px;}
.news_ul li:nth-child(3n){ margin-right:0;}
.news_ul li img{ transition:1s;}
.news_ul li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.news_ul li .news_tit{ padding:20px; background:#fff;}
.news_ul li .news_tit p{ font-weight:600; font-size:18px; line-height:1.6; height:58px; overflow:hidden;}
.news_ul li .news_tit .news_time{ font-size:12px; color:#333; display:block; margin-top:24px;}
.news_ul li .news_tit .news_time span{ display:block; width:16px; height:16px; float:right; background:url(../images/ldt10.png) no-repeat; background-size:auto 100%; transition:0.2s; background-position:0 0;}
.news_ul li:hover .news_tit .news_time span{ background-position:-16px 0;}

.news_detail{ background:none; padding-top:120px;}
.news_d_tit{ font-size:26px; font-weight:600;}
.news_d_time{ margin:30px 0;}
.news_d_time img{ margin-left:20px;}
.news_content p{ line-height:1.6; margin-bottom:10px;}

.pn{ margin-top:30px; display:flex;}
.pn li{ float:left; width:42%; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.pn li img{ height:14px; margin-right:20px;}
.pn li span{ display:inline-block; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pn li:last-child img{ margin-right:0; margin-left:20px;}
.pn li:last-child{ float:right; text-align:right;}
.pn li:nth-child(2){ width:16%; border:1px solid #ddd; text-align:center;}

/*joinus*/
.joinus{ padding-top: 20px; border-top: 1px solid #bdbdbd;}
.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #f5f5f5; border-top: 2px solid #0a59a9; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #0a59a9; font-size:16px;}
.jobbox .aline { display: none; }
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; text-align:left;}
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }

.contact{ padding:20px; background:#fff;}
.contact p{ padding:10px 0; border-bottom:1px solid #ddd; width:45%; margin-right:5%; font-size:14px; float:left;}
.contact p:nth-child(2n){ margin-right:0;}
.contact .p1{ padding:10px 0; margin-bottom:20px; border-bottom:none;}
.contact p strong{ font-weight:bold; font-size:20px; color:#0a59a9;}
.contact .map{ width:100%; margin-top:40px;}
.contact .contacts_i{ display:block; margin:0 auto;}

.product_d{ padding-top:100px;}
.procontou { margin-bottom:30px;}
.procontou .fl{ float:left; width:100%; max-width:450px;}
.procontou .proslide { width:100%; max-width:450px; height: 370px; border: 1px solid #dedede; box-sizing:content-box;}
.procontou .proslide li img{ width:100%;}
.procontou .pshd { overflow:hidden; position:relative;}
.procontou .pshd_w{ position:relative;}
.procontou .next_off{ position:absolute; top:10px; height: calc(100% - 10px); right:-20px; cursor:pointer;}
.procontou .prev_off{ position:absolute; top:10px; height: calc(100% - 10px); left:-20px; cursor:pointer; display:none;}
.procontou .pshd ul { margin-top: 10px; position:relative; left:0; transition:0.2s;}
.procontou .pshd ul li { float: left; margin-right: 7.2px; width:69px; border: 2px solid #dedede; cursor: pointer; box-sizing:border-box;}
.procontou .pshd ul li:nth-child(6n){ margin-right:0;}
.procontou .pshd ul li img { display: block; }
.procontou .pshd ul li.on { border-color: #0a59a9; }
.procontou .pshd02 ul li.on { border-color: #df6319; }
.procontou .pshd03 ul li.on { border-color: #119fa1; }
.procontou .pshd04 ul li.on { border-color: #00c33c; }
.procontou .info { float:right; color: #666; width: calc(100% - 500px);}
.procontou .info .name { font-size: 26px; color: #051039; margin-top: 10px; margin-bottom:20px; line-height:30px;}
.procontou .info02 .name { color: #df6319; }
.procontou .info03 .name { color: #119fa1; }
.procontou .info04 .name { color: #00c33c; }
.procontou .info .num { font-size: 16px; margin: 10px 0; }
.procontou .info .txt { font-size: 14px; line-height: 40px; }
.procontou .info .btn { margin-top: 20px; }
.procontou .info .btn span { display: inline-block; background: #051039 url(../images/telicon.png) no-repeat 20px center; color: #fff; padding: 0 30px; line-height: 40px; height: 40px; border-radius: 20px; font-size:13px;}
.procontou .info .btn span br{ display:none;}
.procontou .info02 .btn span { background-color: #df6319 }
.procontou .info03 .btn span { background-color: #119fa1 }
.procontou .info04 .btn span { background-color: #00c33c }

.procontou .pro_t{ float:right; width:55%;}
.procontou .pro_t .p1{ font-size:16px;}
.procontou .pro_t .p1 span{ font-weight:bold; font-size:24px; color:#0a59a9;}
.procontou .pro_t .plogo{ display:inline-block;}
.procontou .pro_t .p2{ line-height:1.8; margin:20px 0;}
.procontou .pro_t .p2 span{ font-size:16px; font-weight:bold;}

.pro_d{ margin-top:50px;}
.pro_d2{ background:#0a59a9; color:#fff; padding:10px 20px; display:inline-block; font-size:16px;}
.pro_content{ border-top:1px solid #0a59a9; background:#fff; padding:20px 0;}
.pro_content img{ display:block; margin:0 auto; max-width:60%;}

.pro_table{ width:60%; margin:0 auto; font-size:16px;}
.pro_table tr:nth-child(2n+1){ background:#f1f1f1;}
.pro_table tr:first-child{ background:#daecff;}
.pro_table td{ padding:10px;}
.pro_color{ text-align:center; margin-top:50px; border:1px solid #daecff;}
.pro_color tr:nth-child(2) td{ padding:0;}
.pro_color tr:nth-child(2) td p{ padding:10px;}


@media (max-width: 1120px) {
.n{ padding:20px 0;}
.top{ padding:10px 0;}
.top .logo{ float:none; display:block; margin:0 auto 1em; width:50%;}
.top .nav li:first-child{ display:none;}
.top .nav li{ width:calc(100% / 3); text-align:center; margin-left:0; line-height:2;}
.bannerslide{ height:200px; margin-top:140px;}
.mt{ display:none;}
.ind_ab{ display:block; padding:20px 0;}
.ind_ab img, .ind_ab .ia_w{ width:100%;}
.ind_ab img{ display:none;}
.ind_ab .ia_w{ padding:20px;}
.ind_ab .ia_w .p1{ font-size:18px;}
.ind_ab .ia_w .p2{ margin:10px 0;}
.ind_pro{ padding:20px 0;}
.pt{ font-size:20px;}
.pt:after{ top:30px;}
.ip_m .swiper-slide .p1{ font-size:20px;}
.ip_m .swiper-slide a{ font-size:12px;}
.ind_pro .ip_o{ margin-top:40px;}
.ip-button-next,.ip-button-prev{ display:none;}
.ind_con{ display:block;}
.ind_con .ic_l,.ind_con .ic_r{ float:none; width:100%; padding:20px;}
.ind_news .in_ul{ margin-top:20px;}
.ind_news .in_ul li{ width:100%; float:none; margin-right:0;}
.ind_news .in_more{ font-size:12px;}
.ind_con input,.ind_con textarea,.ind_con button{ font-size:14px;}
.ind_con button{ padding:5px 20px;}
.ind_con .ic_m p{ float:none; width:100%; font-size:12px;}
.ind_search{ display:none;}
.bottom{ display:none;}
.foot{ font-size:12px;}
.foot a.fr{ float:left;}
.bannern{ margin-top:140px; height:200px;}
.n_ul{ padding:10px 0;}
.n_ul ul li{ padding:0 20px;}
.n_ul ul li a{ font-size:12px;}
.company h2{ font-size:20px; margin-bottom:20px;}
.company p{ font-size:14px; line-height:1.6; margin-bottom:10px;}
.company p strong{ font-size:28px;}
.pro_ul li .item{ width:49%;}
.pro_ul li .item .tit{ font-size:20px;}
.product_d{ padding-top:130px;}
.procontou .proslide{ height:auto;}
.procontou>.fl{ float:none;}
.procontou .pshd ul li{ width:19.2%; margin-right:1%;}
.procontou .pshd ul li:nth-child(6n){ margin-right:1%;}
.procontou .pshd ul li:nth-child(5n){ margin-right:0;}
.procontou .pro_t{ width:100%; float:none; padding:20px 0;}
.pro_content img{ max-width:90%;}
.md li{ width:calc(50% - 5px); margin-right:10px;}
.md li:nth-child(3n){ width:calc(50% - 5px); margin-right:10px;}
.md li:nth-child(2n){ margin-right:0;}
.news_ul li{ width:calc(50% - 5px); margin-right:10px;}
.news_ul li:nth-child(3n){ width:calc(50% - 5px); margin-right:10px;}
.news_ul li:nth-child(2n){ margin-right:0;}
.news_ul li .news_tit{ padding:10px;}
.news_ul li .news_tit p{ height:auto;}
.news_ul li .news_tit .news_time{ margin-top:16px;}
.news_detail{ padding-top:130px;}
.join_more tbody tr td{ display:block; width:100%;}
.contact p{ width:100%; float:none;}
.pro_table,.pro_color{ width:100%;}

}