body{ 
  color:#666666; font-size:12px; font-family:"Microsoft YaHei",微软雅黑,Arial, Verdana, Geneva, sans-serif;  background: no-repeat #fff;margin: 0;padding: 0;}
html,body{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
p,li,ul,h2,h3,h4,h5,img,form,h1,dd,dt,dl{ margin:0; padding:0; list-style:none; font-size:12px; border:0;background:none}

a{text-decoration:none;color:#666666; transition:all 0.33s ease-out 0s; display:inline-block;}
a:hover{color:#006db9;}
.clear{clear:both; font-size:0; height:0; overflow:hidden;}
#header{ width:100%;z-index:9; position:fixed;top:0}
.page-content{
	margin-top: 70px;
	clear: both;
}
.container {
  max-width: 1180px;
  margin:0 auto;
}
.home-threeicobg{ height:320px; margin:0 auto; background:#fafafa; width: 100%;}
.home-threeicobox{ height:250px; padding-top:36px;}
.home-threeicobox>div{ display: flex;justify-content: center;}
.home-threeicobox>div>a{margin: 0 16px;}
.home-threeico{ width:100px;margin-left:20px; margin-right:20px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s; }
.home-threeico-parts{  width:390px; height:240px; margin-right:5px; background:#fff; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s; box-shadow:0 0 10px 0 rgba(0,0,0, .1);}
.home-threeico-case{ width:390px; height:240px; background:#fff; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s; box-shadow:0 0 10px 0 rgba(0,0,0, .1);}
.back-size-contain{background-size: contain !important;margin:0 20px;}
.home-threeico .home-threeico-ico{ height:96px;background: no-repeat scroll center center;}

.home-threeico-h{width: 100px;text-align: center;}


#header .header-nav{   height:70px; background:#fff;max-width: 1180px; margin: 0 auto; }
#header .header-nav .logo{  float:left;display: flex;height: 70px;width: 120px;
  align-items: center; }
  .logo img{
   height: 25px;
  }
#header .header-nav #box_001{ width:180px; height:70px; }
#header .header-nav .menu{ float:right;}
#header .header-nav .nav{ }
#header .header-nav .sub-nav{ float:left; width:120px; height:70px; display:block;position: relative; }
#header .header-nav .sub-nav .current a { background: #f96332 none repeat scroll 0 0; color: #fff; }
#header .header-nav .sub-nav .current a:hover{ color:#fff;}
#header .header-nav .sub-nav a{ color:#333; font-size:15px; display:block; text-align:center; height:40px; line-height:40px; width:100%;   }
#header .header-nav .sub-nav .cn{ display:block; height:35px; line-height:35px; margin-top:21px;}
#header .header-nav .sub-nav .line{transition:all 0.33s ease-out 0s; background:#006db9; height:0; width:4px; display:block; margin-left:27px;border-radius: 2px;position: absolute;left: -8px;top: 33px;}
#header .header-nav .sub-nav :hover .line{ height:12px;}
#header .header-nav .sub-nav a:hover{ color:#006db9;}
#index .menu li#home a{color:#006db9; /*border-bottom:3px solid #ce231b; line-height:74px;*/ } 
#sub1 .menu li#menu1 a{color:#006db9; } 
#sub2 .menu li#menu2 a{color:#006db9; } 
#sub3 .menu li#menu3 a{color:#006db9; } 
#sub4 .menu li#menu4 a{color:#006db9; } 
#sub5 .menu li#menu5 a{color:#006db9; } 
#sub6 .menu li#menu6 a{color:#006db9; } 
#sub7 .menu li#menu7 a{color:#006db9; }



/*---------底部--------*/




.flex{
	display: flex;
	justify-content: space-between;
}

.pointer{
	cursor: pointer;
}

.product-list-img {
	width: 300px;
  height: 200px;
}

.main-title {
	font-weight: bold;
	font-size: 32px;
	height: 40px;
	line-height: 40px;
	color: #333;
	padding: 40px 0;
}

.border {
	border-bottom: 1px dashed #e0e0e0;
}

.list {
	padding: 24px 8px;
	display: flex;
}

.w-full {
	width: 100%;
}

.detail {
	width: 100%;
	padding-left: 24px;
}

.title {
	width: 100%;
	text-align: center;
	font-weight: bolder;
	color: #333;
	font-size: 16px;
}

.des {
	text-indent: 24px;
}
.sub-content{
	padding: 24px;
}

.menu-list {
    float: right;
    display: flex;
  }

  .menu-list .nav {
    width: 120px;
  }
  .menu-list .nav li{
    padding-left: 32px;
  }

  .menu a span{
    cursor: pointer;
  }
  .menu-list-dialog {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    height: 0;
  }

  .selected {
    transition: all 0.33s ease-out 0s;
    height: auto;
  }

  .menu-list-dialog li {
    padding: 4px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    text-align: left;
  }

  .menu-list-dialog li a {
    text-align: left !important;
    font-size: 12px !important;
  }

  .menu-list-dialog li:hover {
    color: #265CA7;

  }

  .header {
    z-index: 1001;
    background: #fff;
  }

  #cover {
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.45);
    display: none;
    z-index: 1000;
    height: 100vh;
  }

  .show-cover {
    display: block !important;
  }

  .supprot-icon{
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }

  .banner{
    margin-top: 70px;
    margin-bottom: 15px;
    box-shadow: rgba(0,0,0,0.1) 5px 5px 15px 5px;
    width: 100%;
  }
  


  .page{
   
  }

  /*---------首页视差--------*/
.parallax{ width:100%; height:400px; background:url(../images/parallax.jpeg) no-repeat center center #201e1b; background-attachment:fixed; background-size:cover; overflower:hidden; display: table;}
.parallax .intro{ width:1000px; height:150px; padding-top:80px; margin:0 auto;}
.parallax .intro-cont h1{ font-size:26px; color:#fff; font-weight:normal;}
.parallax .intro-cont p{ font-size:14px; color:#fff; line-height:26px;}
.parallax .button{ width:152px; height:38px; margin-top:10px; margin:0 auto; margin-top:32px;}
.parallax .button a{ background: none; border: 1px solid #fff; border-radius: 30px; color: #fff; display: inline-block; height: 36px; line-height: 36px; min-width: 150px; text-align: center; transition: all 0.6s ease 0s; font-size:15px;}
.parallax .button a:hover{ background:#fff; color:#006db9;}


 /*-----移动-----*/
@media screen and (max-width: 1200px) { 

}

 /*-----pc-----*/
 @media screen and (min-width: 1200px) { 

}