*{margin:0;padding:0;font-family: 微软雅黑;}
.clear{
    clear:both;
}
.header_title_back{
    width:100%;
    background-color: #666666;
}
.header_title{
    width:1200px;
    margin:0 auto;
    height:35px;
    line-height: 35px;
    background-color: #666666;
    font-size: 12px;
    color:white;
}
/*.header{
    width:1200px;
    margin:0 auto;
}*/
.top{
    width:1200px;
    margin:0 auto;
    height:140px;
}
.logo{
    float:left;
    margin-top:30px;
}
.company{
    float:left;
    margin-top:30px;
    margin-left: 10px;
}
.top_desc{
    float:left;
    margin-top:30px;
    margin-left: 30px;
}
.top_right{
    left:right;
    margin-top:30px;
}

.nav{
    width:1200px;
    margin:0 auto;
    float: left;
    /* line-height: 120px; */
    margin-top: 20px;
}
li{
   list-style-type:none;/* 去掉li前的点 */
   float: left;/*将li设置成做浮动，变为联动*/
}
.nav a{
   display: block;/*将a变成块状*/
   width: 129px;/*设置块的宽度*/
   height: 65px;/*设置块的长度*/
   font-family: Microsoft Yahei;
   line-height: 50px;/*设置字体在块中的高度*/
   margin: 0px 0px;/*块里的高宽通过margin设置*/
   color: black;
   text-align: center;/*字体居中*/
   text-decoration: none;/*去掉下划线*/
   font-size: 15px;
}
.nav a:hover{
   /* background-color: #42aaa7; */

   color: #2a68ad;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
/* 轮播图 */
.banner{
    width:100%;
    /*min-width: 1200px;*/
    /*height: 500px;*/
}

.swiper1 {
    width: 100%;
    height: 100%;
  }
  .hot{
      width:1200px;
      margin:0 auto;
      /*margin-top: 100px;*/
      height:56px;
      line-height: 56px;
      background-color: #f4f4f4;
  }
  .hot li{
      margin-left:10px;
  }
/* 产品中心 */
  .product{
      width:1200px;
      margin:0 auto;
  }





/* .box{
    width: 180px;
    height: 100%;
    background-color: #6a8bbc;
} */

menu {
width: 250px;
height: calc(height-50);
max-height: 100%;
/*overflow: auto;*/
float:left;
/* background-color: #6a8bbc; */
height: 538px;

}
menu .menu-item {
position: relative;
margin-top: 10px;
}
menu .menu-item > input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 46px;
opacity: 0;
cursor: pointer;
}
/* menu .menu-parent:hover{
background: #2a68ad;
} */
.menu-child a{

    text-decoration: none;
    color:grey;

}
menu .menu-parent{
    background: #2a68ad;
    color:white;
    padding-left: 20px;
    }
.less-page-content{
    height:980px;
    width:895px;
    float: right;
}
.card-shadow{width:278px;}
menu .menu-parent a{color:#1baadb;text-decoration: none;}
menu .menu-parent:active{
color: #fff;
background-color: #5375f1;
}
menu .menu-parent:visited{
color: #fff;
background-color: #5375f1;
}
menu span {
display: block;
padding: 5px 10px;
font-size: 16px;
line-height: 36px;
cursor: pointer;
}
menu span:hover {
background: #1A2940;
color: #fff;
}
menu span:active{
color: #fff;
background-color: #5375f1;
}
menu span.menu-child {
font-size: 14px;
text-indent: 20px;
border-bottom:1px dashed grey;
}
menu .menu-item-list {
max-height: 0;
overflow: hidden;
transition: all .3s ease;
}
menu :checked + .menu-item-list {
max-height: 500px;
}
.tdcolor { color:red }

.product_list{
    float:right;
    margin-top: 10px;
    width:950px;
}
.product_d{
    float:left;
    margin-left: 35px;
    text-align: center;
    margin-bottom: 20px;
}
.product_d p{
    margin-top: 20px;
}
.left_2{
    width:250px;
}
.left_3{
    margin-top: 20px;
}
 .left_2_3{
    width:248px;
    height:325px;
    border:1px solid grey;
    margin-top: 880px;
}
/* 5大理由 */
.d2 img:hover{
    transform:scale(1.2);
    transition:all 0.5s;
}
.d3 img:hover{
    transform:scale(1.2);
    transition:all 0.5s;
}
.d4 img:hover{
    transform:scale(1.2);
    transition:all 0.5s;
}
.d5 img:hover{
    transform:scale(1.2);
    transition:all 0.5s;
}
.reason{

    background-color: #d6e6f8;
    margin-top: 40px;
    height:810px;
    width:100%;
    min-width: 1200px;

}
.reason_d{
    width:1200px;
    margin:0 auto;

}
.reason_title{
    text-align: center;
    /* display:table-cell;
    vertical-align:bottom; */
    margin-left:35%;
    padding-top:25px;
}
.reason_title_left{
    float:left;
}
 .reason_title_center{
     float:left;
     color:red;
     font-size:122px;
     position:relative;
     top:-40px;
 }
 .reason_title_right{
     float:left;
     font-size:72px;
     color:#01005e;
     /* position:absolute; */

 }
  .reason_d_left{
     float:left;
     width:600px;
     height:650px;
 }
 .reason_d_left .d1{
    border:2px solid white;
    width:400px;
    height:400px;
    border-radius: 50%;
    position: absolute ;
    margin-left: 170px;
    margin-top: 150px;
 }
 .reason_d_left .d2{
    border:2px solid white;
    width:260px;
    height:260px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 300px;
    margin-top: 250px;
    overflow: hidden;
 }
 .reason_d_left .d2 img{
    border-radius: 50%;
    width:260px;
    height:260px;
 }

 .reason_d_left .d3{
    border:2px solid white;
    width:155px;
    height:155px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 265px;
    margin-top: 25px;
    overflow: hidden;
 }
 .reason_d_left .d3 img{
    width:155px;
    height:155px;
    border-radius: 50%;

 }

 .reason_d_left .d4{
    border:2px solid white;
    width:155px;
    height:155px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 10px;
    margin-top: 160px;
    overflow: hidden;
 }

 .reason_d_left .d4 img{
    width:155px;
    height:155px;
    border-radius: 50%;

 }

 .reason_d_left .d5{
    border:2px solid white;
    width:155px;
    height:155px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 40px;
    margin-top: 450px;
    overflow: hidden;
 }

 .reason_d_left .d5 img{
    width:155px;
    height:155px;
    border-radius: 50%;

 }
 .reason_d_left .d6{
    /* /border:2px solid white; */
    background-color: #a6d3fd;
    width:90px;
    height:90px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 198px;
    margin-top: 175px;
    overflow: hidden;
    text-align: center;
 }
 .d6 p{
     margin-top:5px;
 }

 .reason_d_left .d7{
    background-color: #a6d3fd;
    width:90px;
    height:90px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 140px;
    margin-top: 322px;
    overflow: hidden;
    text-align: center;

 }
 .d7 p{
    margin-top:5px;
}

 .reason_d_left .d8{
    background-color: #a6d3fd;
    width:90px;
    height:90px;
    border-radius: 50%;
    position: absolute ;
    float:left;
    margin-left: 245px;
    margin-top: 500px;
    overflow: hidden;
    text-align: center;

 }

 .d8 p{
    margin-top:5px;
}

.reason_d_right{
    float:right;
    width:500px;
    margin-left: 100px;
    margin-top:20px;
}

/* 应用案例 */

.apply{
    width:1200px;
    margin:0 auto;
}
.line1{
    display: inline-block;
    width: 420px;
    border-top: 1px solid grey ;
    line-height: 40px;
 }
 .line2{
    padding:0px 4px;border-radius:50%;color:grey;

 }

.d_img{
    border-radius:5px;
    overflow: hidden;
    float:left;
    margin-top:20px;
    /* margin-left:5px; */
}
.intro{
    width:100%;
    background-color: #d8e8f9;
    margin-top: 60px;
    height:412px;

}
.intro_left{
    float:left;


}
.intro_right{
    margin-top: 20px;
    float:right;
    width:42%;

}
.into_img{
    position: absolute;


}
.f_1{
    position: relative;
    top: 105px;
    left: 888px;
    color:white;
}

.f_2{
    position: relative;
    top: 135px;
    left: 908px;
    color:white;
}

.f_3{
    position: relative;
    top: 168px;
    left: 918px;
    color:white;
}

.f_4{
    position: relative;
    top: 199px;
    left: 905px;
    color:white;
}
.f_5{
    position: relative;
    top: 229px;
    left: 900px;
    color:white;
}
.w_1{
    font-size:36px;
}
.w_2{
    font-weight: bold;
    color:#2a68ad;
}
.w_3{
    font-size:24px;
    font-weight: blod;
    margin-top: 25px;
    margin-left:50px;
}
.w_4{
    font-size: 18px;
    height:35px;
    width:323px;
    background-color: #ff9c00;
    line-height: 35px;
    padding-left:25px;
    padding-right:15px;
    margin-top: 27px;
    color:white;
    margin-left: 80px;
}
.honor{
    width:1200px;
    margin:0 auto;
    margin-top: 40px;
}
.out_container{
    width: 1200px;
    height: 400px;

    position: relative;

}
.in_container{
    width: 216px;
    height: 130px;
    margin: 0 auto;
    overflow: hidden;
}

/* 生产环境 */
.environment{
    width:1200px;
    margin:0 auto;
}

.service_back{
    width:100%;
    min-width: 1200px;
    background-color: #d8e8f9;
    height:363px;
    margin-top: 30px;
}
.service{
    width:1200px;
    margin:0 auto;
}
.service_detail div{
    float:left;

}
.service_detail{
    margin-top: 40px;
}
.service_detail p{
    font-size:16px;
    text-align: center;
}
.arrow{
    width:105px;
    text-align: center;
    height:120px;
    line-height: 120px;
}

.environment_img img:hover{
    transform:scale(1.1);
    transition: all 0.5s;
}
/* 公司简介 */
.brief{
    width:1200px;
    margin:0 auto;
    margin-top: 40px;
}
.brief_info{
    margin-top: 30px;
}
.brief_left{
    float:left;
    width:600px;
}
.brief_left a{
    text-decoration: none;
    display:block;
    width:170px;
    height:42px;
    line-height: 42px;
    text-align: center;
    background-color: #2a68ad;
    color:white;
    border-radius: 20px;
}
.brief_right{
    float:right;
}
.brief_right img:hover{
    transform:scale(1.1);
    transition: all 0.5s;
}

/* 资讯 */
.information{
    width:1200px;
    margin:0 auto;
    margin-top:100px;
}
.information_left{
    float:left;
    width:340px;
}
.info_1{
    background-color: #1762c9;
    color:white;
    height:140px;
    width:328px;
}
.info_2{
    margin-top: 18px;
}
.info_1 p{
    padding-left: 20px;
}
.info_1_1{
    padding-top: 35px;
}
.info_1_2{
    padding-top:20px;
}
.info_3{
    margin-top: 30px;
}
.information_right{
    float:left;
    width:840px;
    margin-left:10px;
}

.information_right .nav {
    overflow: hidden;
    text-align: center;

}
.information_right .nav li {
    float: left;
    padding: 5px;
    width: 120px;

    list-style: none;

    cursor: pointer;

}
.selected{
    color:green;
}

.information_right .nav li:hover,.selected {
    color: #1762c9;
       border-bottom: 3px solid white;
}
.content{
    border: 1px solid #f4f4f4;
    height: 400px;
    padding: 10px;
    overflow: hidden;
}
.nav_a{
    margin-left:700px;
}
.nav_a a{
    text-decoration: none;
    color:grey;
}

.information_d_r{
    background-color: #e8e8ea;
    float:right;
    width:153px;
    height:100px;
    text-align: center;
    color:#a2a2a3;
}
/* 合作伙伴 */
.partner{
    width:1200px;
    margin:0 auto;
}
.partner_logo{
    margin-top:40px;
}
.partner_logo div{

    width:176px;
    height:80px;
    float:left;

}
.partner_logo_d img:hover{
    transform:scale(1.1);
    transition:all 0.5s;
}
/* 底部 */
.footer_back{
    width:100%;
    min-width: 1200px;;
    background-color: #11273e;
    margin-top: 20px;
    /*height:444px;*/
    height: auto;
    overflow: hidden;
}
.footer{
    width:1200px;
    margin:0 auto;
}

.footer_nav{
    width:1200px;
    margin:0 auto;
    float: left;
    /* line-height: 120px; */
    margin-top: 30px;
    color:white;
    font-size:14px;

}
li{
   list-style-type:none;/* 去掉li前的点 */
   float: left;/*将li设置成做浮动，变为联动*/
}
.footer_nav a{
   display: block;/*将a变成块状*/
   width: 120px;/*设置块的宽度*/
   height: 65px;/*设置块的长度*/
   font-family: Microsoft Yahei;
   line-height: 50px;/*设置字体在块中的高度*/
   margin: 0px 0px;/*块里的高宽通过margin设置*/
   color:white;
   text-align: center;/*字体居中*/
   text-decoration: none;/*去掉下划线*/
   font-size: 15px;
}
.footer_nav a:hover{
   /* background-color: #42aaa7; */
   color: #2a68ad
}
.footer_logo{
    float:left;
}
.company_info{
    float:left;
    width:420px;
    height:270px;
    color:white;
    margin-left:80px;
}
.company_info p{
    margin-top:10px;
}
.contact{
    float:left;
    /* height:250px;
    line-height: 250px; */
    margin-left: 20px;
}


/* 公司简介 */
.company_introduce{
    width:1200px;
    margin:0 auto;
}



/* 联系我们 */
.contact_us{
    width:1200px;
    margin:0 auto;
}



/* 公司新闻 */

.company_news{
    width:1200px;
    margin:0 auto;
}

/* 导航栏 */
.nav_bar {
    overflow: hidden;
    text-align: center;
    background-color: #f4f4f4;
    float:right;
}
 .nav_bar li {
    float: left;
    padding: 5px;
    width: 100px;
    height:35px;
    line-height: 35px;
    border-radius: 8px;
    list-style: none;
    border-left: 1px solid #f4f4f4;
    cursor: pointer;

}
 .selected{
    color:white;

}

 .nav_bar li:hover,.selected {
    color:white;
    border-bottom: 3px solid white;
    background-color: black;
}


/* 行业应用 */

.industry_list{
    width:1200px;
    margin:0 auto;
    margin-top:60px;
}
.industry_img{
    float:left;
    width:100px;
}
.industry_t a{
    text-decoration: none;


}
.industry_t{
    float:left;
    width:1050px;
    margin-left:20px;
}
.d_img img:hover{
    transform: scale(1.1);
    transition: all 0.5s;
}

/* 产品介绍 */
.product_d img:hover{
    transform:scale(1.1);
    transition:all 0.5s;
}
.product_introduce{
    width:1200px;
    margin:0 auto;
}
.product_title{
    margin-top:30px;
    text-align: center;
}

.nav_product a{
    display: block;/*将a变成块状*/
    width: 120px;/*设置块的宽度*/
    height: 65px;/*设置块的长度*/
    font-family: Microsoft Yahei;
    line-height: 50px;/*设置字体在块中的高度*/
    margin: 0px 0px;/*块里的高宽通过margin设置*/
    color: black;
    text-align: center;/*字体居中*/
    text-decoration: none;/*去掉下划线*/
    font-size: 15px;
    background-color: #2a68ad;
    margin-left:10px;
    line-height: 65px;
 }
 .nav_product a:hover{
     background-color: #42aaa7;
    color: white;
 }

 .nav_product{
    width:1200px;
    margin:0 auto;
    float: left;
    /* line-height: 120px; */
    margin-top: 30px;
}