.header{height: 120px;line-height: 120px;}
.head_logo{vertical-align: middle;display: inline;}
.header_nav>li{float: left;margin-right: 40px;height: 120px;position: relative;}
.header_nav .child{background: url(../images/ico17.png) no-repeat right;}
.header_nav .child> a{margin-right: 14px}
.header_nav>li:hover ul{display: block}
.header_nav>li>ul{position: absolute;top: 90px;left: 0;z-index: 9;background: #fff;width: 250%;padding: 0 20px;border-top: 3px solid red;display: none;}
.header_nav>li>ul>li{line-height: 3}
.header_nav li a{font-size: 16px;color: #000;}
.header_nav li:hover>a , .header_nav li .on{color: #f30b0b;}
.m_btn{display: none;}
.mobile_menu{display: none;position: fixed;top: 90px;width: 100%;height: 90%;;;background: rgba(0, 0, 0, .9);line-height: 1.5;z-index: 999;overflow-y: auto;}

.banner_index{width:100%;}
.banner_index img{width:100%;}

.about_index{padding:66px 0 136px 0;}
.title_index{background: url(../images/ico01.png) no-repeat center;height: 238px;text-align: center;padding-top: 52px;}
.title_index h1{font-size:56px;}
.title_index p{font-size:16px;}
.about_index_box{margin-top: 56px;}
.about_index_box .right {background: #f6f6f8;width:660px;height: 314px;margin-top: 18px;padding:60px 50px;}
.about_index_box .right .border {border-top: 3px solid #000;width:43px;margin-top: 12px;margin-bottom: 20px;}
.about_index_box .right .title {font-size:18px;}
.about_index_box .right .cont {font-size:14px;color: #888;}

.array_index{background: url(../images/bg01.jpg) no-repeat center/cover;width: 100%;height: 503px;display: flex;align-items: center;justify-content: space-around;position: relative;}
.sideImg1{position: absolute;right: 0;top: -583px;}
.sideImg2{position: absolute;left: 0;bottom: -516px;}
.array_index ul{}
.array_index li{height: 136px;float: left;color: #fff;width:25%;border-right: 1px solid #fff;text-align: center}
.array_index li:last-child{border:none;}
.array_index li h1{font-size:70px;}
.array_index li p{font-size:20px;}

.case_index_box{margin-bottom:80px;background: #f6f6f8;height:886px;position: relative;overflow: hidden;}
.case_index_box .cont{padding:50px 0;}
.case_index_box li{width:681px;text-align: center;}
.case_index_box li .cont{display: none}
.img3 .cont{display: block!important;}
.case_index_box li .cont .title{font-size:21px;color: #565656;margin-bottom: 22px}
.case_index_box li .cont .desc{font-size:16px;color: #565656;margin-bottom: 48px}
.case_index_box li .cont .more{font-size:14px;color: #565656;width: 118px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #959597;color: #969696;display: inline-block;}

.case_pre{background: url(../images/ico15.png) no-repeat;width: 36px;height: 36px;border: none;cursor: pointer;position:absolute;top: 700px;left: 60px;}
.case_next{background: url(../images/ico16.png) no-repeat;width: 36px;height: 36px;border: none;cursor: pointer;position:absolute;top: 700px;right: 60px;}
.slide{width: 100%;min-height: 180px;position: relative;}
.slide .img{position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.slide .img img{ width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
.slide .img1{width: 40%;height: 40%;top: 30%;left: -50%;z-index: 1;}
.slide .img2{width: 60%;height: 60%;top: 20%;left: -20%;z-index: 2;}
.slide .img3{width: 80%;height: 80%;top: 10%;left: 10%;z-index: 3;}
.slide .img4{width: 60%; height: 60%;top: 20%;left: 60%;z-index: 2;}
.slide .img5{width: 40%;height: 40%;top: 30%;left: 110%;z-index: 1;}
.slide-bt{position: absolute;left: 50%;bottom: 13%;z-index: 10;}
.slide-bt span{width: 24px;height: 8px;background: #c9caca;float: left;margin: 5px;border-radius: 4px;}
.slide .slide-bt .on{background: #ffd200;}

.advantage_index{background: url(../images/bg02.jpg) no-repeat center/cover;width: 100%;height: 796px;position: relative;}
.sideImg{position: absolute;right: 0;top: 460px;}

.news_index_box{padding:20px 0 70px 0;}
.news_index_box .left{width:700px;}
.news_index_box .left_title{border-bottom: 1px solid #ddd;}
.news_index_box .left_title li{float: left;font-size:18px;height: 40px;line-height: 40px;cursor: pointer;}
.news_index_box .left_title li span{padding:0 10px;display: inline-block;}
.news_index_box .left_title li a.on{color: #f30b0b;border-bottom: 2px solid #f30b0b;display: inline-block}
.news_index_box .left_title .more{margin-top: 6px;}
.news_index_box .left_cont{padding:10px 0;display: none;}
.news_index_box .left_cont.l1{display: block;}
.news_index_box .left_cont li a{display:inline-block;height: 40px;line-height: 40px;background:url(../images/ico07.png) no-repeat left center;text-indent: 20px;font-size:14px;color: #565656}
.news_index_box .left_cont li span{float:right;color: #565656;height: 40px;line-height: 40px;}


.news_index_box .right{width: 432px;height: 341px;position: relative;}
.news_index_box .right_side{padding:0 10px;background:rgba(230, 24, 24, .8) url(../images/ico05.png) no-repeat right;width:100%;height: 30px;position: absolute;bottom: 0;left: 0;font-size:14px;line-height: 30px;color: #fff;}

.footer_img{background: url(../images/bg03.jpg) no-repeat center/cover;width: 100%;height: 408px;}
.footer{background:#fff;text-align: center;padding-top:50px;margin-top: -170px;}
.footer_logo{display: inline;}
.footer_nav{border-bottom: 1px solid #bababa;margin-top: 66px;margin-bottom: 54px;width: 100%;}
.footer_nav ul{margin: 0 auto;display: inline-block;}
.footer_nav li{height: 40px;line-height: 40px;float: left;}
.footer_nav li a{padding:0 40px;display: block;line-height: 1;border-right:1px solid #bababa;}
.footer_nav li:last-child a{border:none;}
.footer_contact {width:100%;display: flex;justify-content: space-around;color: #000;font-weight: 800}
.footer .ph{font-size:32px;color: #f27118;text-align: center;margin:40px 0;font-weight: 800}
.footer_b{color: #666;text-align: center;border-top: 1px solid #bababa;height:46px;font-size:14px;line-height: 46px;margin-bottom: 80px;}

.footer_m{display: none;width: 100%;border-top: 2px solid #B9B3B3;padding: 5px 0;position: fixed;bottom: 0;left: 0;background: #fff;z-index: 99;}
.footer_m li{width: 50%;float: left}
.footer_m li a{display: flex;flex-direction: column;justify-content: center;align-items: center;}

/* 子页面 */
.header_box{width: 100%;height: 569px;background: url(../images/bg04.jpg) no-repeat center/cover;}
.header_box .p1{font-size:96px;color: #fff;text-align: center;font-weight: 600;margin-top: 150px;}
.header_box .p2{font-size:32px;color: #fff;text-align: center;}
.search_box{position: relative;width: 652px;height: 44px;margin: 0 auto;margin-top: 50px;}
.search{width: 652px;height: 44px;border-radius: 22px;text-indent: 22px;}
.submit{width: 26px;height: 26px;position: absolute;right: 18px;top: 9px;cursor: pointer;background:#fff url(../images/ico08.png) no-repeat;}

.page_title{text-align: center;margin-bottom:50px;}
.page_title h1{font-size:32px;}
.page_title p{font-size:17px;color: #B9B3B3;}
.pro_page{padding: 60px 0;}
.pro_left{width: 406px;height: 650px;margin-top: 122px;}
.pro_right{margin-left: -60px;background: #fff;padding: 80px 60px 80px 110px;box-shadow: 0 0 20px #e6e6e6}
.pro_right .title{font-size:24px;font-weight: 600;}
.pro_right .desc{font-size:17px;color: #959595;margin:70px 0;}
.pro_right .btn{display: flex;justify-content: space-between;align-items: center;}
.pro_right .a1{display: inline-block;width: 172px;height: 42px;line-height:42px;background: #01529b;text-align: center;color: #fff;}
.pro_right .a2{display: inline-block;width: 172px;height: 42px;line-height:42px;background: #c31b00;text-align: center;color: #fff;}
.pro_right .a3{display: inline-block;background: url(../images/ico09.png) no-repeat 0;width: 47px;height: 29px;}
.parameter{width: 100%;background: #f9f9ff;padding: 90px 0}
.parameter_box{margin-bottom: 50px;}


/* -------------------------------- 
Primary style
-------------------------------- */
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
*::after, *::before {
  box-sizing: border-box;
}
.cd-accordion-menu {
  width: 90%;
  max-width: 600px;
  background: #4d5158;
  margin: 4em auto;
  box-shadow: 0 4px 40px #000;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu li  a{
  color: #ffffff;
  font-size: 1.4rem;
}
.cd-accordion-menu label, .cd-accordion-menu li > a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: #4d5158;
  box-shadow: inset 0 -1px #555960;
  color: #ffffff;
  font-size: 1.4rem;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before {
  background-image: url(../images/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
/* .cd-accordion-menu a::after {
  left: 36px;
  background: url(../images/cd-icons.svg) no-repeat -48px 0;
} */
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #35383d;
  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 24px 24px 24px 82px;
    font-size: 1.9rem;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 106px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}