@charset "utf-8";
@import "nav.css";
@import "font-awesome.4.6.0.css";

*{margin:0px;padding:0px;font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;	
}

li{list-style-type:none;}
ul{list-style:none;}
i{ font-style:normal;}
a:link{text-decoration:none;color:#333;}
a:hover{color:#FFCC00; text-decoration:none; font-weight:bold;}
.cl{ clear:both;}
.fr{float:right}
.fl{float:left}
.c1{color:#E4015D;}
.mar{margin: 0px auto;}
input{outline:none;}

.header{
	margin:0 auto; 
	/*opacity:0.4; filter:alpha(opacity=40);*/
}
.box{width:100%;margin:0 auto; }
.logo{float:left; margin:0 0 0 30px; }

.nav{float:right;}
.nav li{ 
	float:left;
	padding:0 25px;
	line-height: 94px;
	position: relative;
}
.nav li a{
	font-size:15px;  
	color:#333;
}


.nav li a:nth-of-type(2){-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.nav li a:nth-of-type(3){-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.nav li a:nth-of-type(4){-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.nav li a:nth-of-type(5){-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.nav li a:nth-of-type(6){-webkit-animation-delay:0.8s; animation-delay:0.8s;}
@-webkit-keyframes upIn{
	0%{opacity:0; -webkit-transform:translateY(-30px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes upIn{
	0%{opacity:0; transform:translateY(-30px);}
	100%{opacity:1; transform:translateY(0);}
}

.nav li .sub{ position:absolute; display:none; left:0; top:94px; width:100%; background:rgba(50,96,158,.5);*background:rgba(50,96,158,.5);z-index: 99999999999;margin:0;}
.nav li:hover .sub{ -webkit-transition:color 0.5s; transition:color 0.5s;  -webkit-animation:upIn 0.4s ease 0.1s both; animation:upIn 0.4s ease 0.1s both;display: inline-block;}
.nav li .sub ul{text-align: left;}

.nav li .sub li{ text-align:center; float:none; border-bottom: 1px solid rgba(0,0,0,0.2);line-height: 40px;padding:0;margin:0;}
.nav li .sub li a{ padding:0; margin:0; line-height:50px; color:#fff; font-size:13px;}
.nav li .sub li a::after{display: none;}
.nav li .sub li:hover{background:rgba(0,161,233,1);}
.nav li .sub li::before{display: none;}


.navbox-trigger {
background:url(../images/menu-ico.png) center no-repeat;
border:none;
	background-size:25px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  outline:none;
  
}
.navbox-trigger .fa {
  font-size: 20px;
  color: #fff;
}
.navbox-trigger:hover {
  
}

.navbox {
  background-color: #484747;
  width: 100%;
  max-width: 130px;
  border-radius:4px;
  -webkit-backface-visibility: initial;
          backface-visibility: initial;
}

.navbox-tiles {
  width: 100%;
  padding: 25px;
  box-sizing:border-box;
}
.navbox-tiles ul{ text-align:right;}
.navbox-tiles li{ text-align:right; line-height:250%}
.navbox-tiles li a{font-size:1.2em;color:#fff;}
.navbox-tiles .tile {
  display: block;
  background-color: #3498db;
  width: 30.3030303030303%;
  height: 0;
  padding-bottom: 29%;
  float: left;
  border: 2px solid transparent;
  color: #fff;
  position: relative;
}
.navbox-tiles .tile .icon {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.navbox-tiles .tile .icon .fa {
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backface-visibility: initial;
          backface-visibility: initial;
}
.navbox-tiles .tile .title {
  padding: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.navbox-tiles .tile:hover {
  border-color: #fff;
  text-decoration: none;
}
.navbox-tiles .tile:not(:nth-child(3n+3)) {
  margin-right: 4.54545454545455%;
}
.navbox-tiles .tile:nth-child(n+4) {
  margin-top: 15px;
}

@media screen and (max-width: 370px) {
  .navbox-tiles .tile .icon .fa {
    font-size: 25px;
  }
  .navbox-tiles .tile .title {
    padding: 3px;
    font-size: 11px;
  }
}
.navbar-nav > li > a:hover {background:#555 !important;color:#fff !important;}
.navbar-nav > li:last-of-type > a {border:0;}
@media ( min-width: 768px) {
	.navbar-nav > li > a {text-align:center;border-right:1px solid rgba(0,0,0,0.1)}
}
.navbar-brand img{max-height:40px;margin:5px 0 0 5px;}
.navbar-nav li{border-bottom:1px solid #eaeaea;}

.wap{display: none;}


.text { height:390px;  color:#000000; margin:50px 0 0 0; text-align:center; font:"宋体";}
.text1 { font-size:36px; line-height:40px; margin:0 0 40px 0;}
.text2 { font-size:14px; line-height:40px;}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 55px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin:40px 0 0 0;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;	
}
.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #999999;
}
/*上一页下一页代码*/
.pages{
 width:100%;
 text-align: center;
 padding:40px 0;
}
.pages a,.pages span{
 border:1px solid #DADCDF;
 padding:10px 15px;
 font-size:14px;
 border-radius:4px;
 min-width:36px;
 margin:0 5px;
 display: inline-block;
}
.pages a.cur{
 background: #3C71C1;
 border-color: #3C71C1;
 color:#fff;
}
/*上一页下一页代码*/

/*内页*/
.sub-banner{
	width:100%;
	height:438px;
	position: relative;
}
.sub-banner .sub-menu{
	position: absolute;
	width:100%;
	height: 72px;
	left:0;
	bottom: -14px;
}
.sub-banner .sub-menu ul{
	margin-left:40px;
}
.sub-banner .sub-menu li{
	float:left;
	margin:0 30px;
	line-height: 58px;
	height:58px;
}
.sub-banner .sub-menu li a{
	color:#fff;
	font-size:17px;
}
.sub-banner .sub-menu li.cur,.sub-banner .sub-menu li:hover{
	border-bottom:2px solid #fff;
}
.sub-banner .sub-menu li.cur a{
	font-weight:bold;
	
}
.yewu-box{
	background: #EDEEF0;
	padding:20px 0;
}
.sub-yewu-list{
	width:1200px;
	margin:0 auto;
}
.sub-yewu-list ul{
	margin-left:-27px;
}
.sub-yewu-list li{
	width:382px;
	height:348px;
	float:left;
	margin:27px 0 0 27px;
	border:1px solid #E2E4E8;
	background: #F9F9F9;
}
.sub-yewu-list li .pic{
	width: 100%;
	text-align: center;
	padding:35px;
	background: #FFFFFF;
}
.sub-yewu-list li .title{
	width:100%;
	height: 80px;
	line-height: 80px;
	border-top:1px solid #E2E4E8;
	padding:0 35px;
}
.sub-yewu-list li .title a{
	font-size:18px;
	display: block;	
}


.ban {color:#ffffff; text-align:center;font-size: 48px; line-height:40px; padding:100px 0 0 0;}
.ban1 {color:#ffffff; text-align:center;font-size: 16px; line-height:40px; letter-spacing:15px;}
/*产品展示and*/
.a {font-size:28px; line-height:40px; width:100%; color:#FFFFFF;}
.a0 {font-size:18px; line-height:40px; width:100%; color:#FFFFFF;}
.a01 {margin:100px 0 0 10px;}
.a1 {background:url(../img/1-1.jpg); width:100%; height:450px; min-height:300px; }
.a1a {background:#343AC2;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; height:100%;}
.a1b {margin:100px 0 0 10px;font-size:28px; line-height:40px; width:100%; color:#FFFFFF;}
.a1c {margin:0 0 0 10px;font-size:18px; line-height:40px; width:100%; color:#FFFFFF;}
.ald {margin:30px 0 0 0;}
.a2 {text-align:center;color:#171fc8;font-size:18px; font-weight:bold;line-height: 60px; }
#a3 {margin:5px 20px; background:#F5F8FD; padding:10px; width:260px;}
.a4  {text-align:center;}
.a5 {background:#F5F8FD;width:240px;}
.a6 {text-align:center;  font-size:16px; line-height:30px;}
.a7 {text-align:center; font-size:14px; line-height:20px;color: #666666;}
.a8 {font-size:24px; color:#242424; line-height:40px; text-align:center;}
.a9 {font-size:14px; color:#999999; line-height:21px; text-align:center;}
.a10 {font-size:18px; line-height:40px; font-weight:bold;}
.a11 {font-size:12px;color:#999999;}
.a12 {font-size:14px; color: #5A5A5A; line-height:28px;}

.b1 {background:#CCCCCC; margin:20px 0;}
.b2 {margin:20px 0 0 5px;}
.b3 {font-size: 16px; line-height:40px;color:#FFFFFF;}
.b4 {font-size: 14px;color: rgb(102, 102, 102); line-height:25px;}
.b5 {font-size: 32px;color: #ffffff; line-height:40px;}
.b6 {font-size: 14px; line-height:19px;color: #787878;}
.b7 {line-height:60px;font-size: 14px; text-align:center; color:#665149}


/*首页and*/
.c {font-size:14px; color:#595959; line-height:25px;}
.c1 {background:#e1e1e1;}
.c2 {color: rgb(255, 255, 255); line-height:40px; font-size: 24px; text-align:center; margin:20px 0 0 0;}
.c3 {border:1px rgb(255, 255, 255) solid; margin:10px auto; width:10%; }
.c4 {color: rgb(255, 255, 255); line-height:30px; font-size:14px; text-align:center;}
.c5 {margin:30px 20px; background:#FFFFFF; padding:10px; width:260px; z-index:9999; overflow:hidden;}
.c6 {background:#FFFFFF;width:240px;}
.c7 {text-align:center;  font-size:16px; line-height:30px; margin:20px 0;}
.c8 {text-align:center; font-size:14px; line-height:20px;color: #666666;}
.c15 {margin:30px 20px; background:#FFFFFF; padding:10px; width:280px; z-index:9999; overflow:hidden;}


.d {margin:0;}
.d1 {color: rgb(16, 34, 66);font-size: 24px; line-height:40px; text-align:center; margin:20px 0 0 0;}
.d2 {border:1px  rgb(16, 34, 66) solid; margin:10px auto; width:15%; text-align:center;}
.d3 {color: rgb(16, 34, 66);font-size:14px; line-height:40px; text-align:center;}
.d4 { float:left;width:130px; height:90px; margin:0 10px 0 0;}
.d5 {font-size:18px; line-height:24px;}
.d6 {font-size:14px;color:#797979; line-height:22px;}
.d7 { float:right; margin:0 15px; font-size:12px;color:#999999;}
.d8 {border:1px #999999 dashed; margin:50px 0 0 0;}
.d9 {font-size: 14px;line-height: 28px; margin:5px 0;padding:0;}
.d10 {line-height:38px;text-align:center;font-size:14px; margin:20px 0;}

.e {color:#ffffff; text-align:center;font-size: 48px; line-height:40px; padding:200px 0 0 0;}
.e1 {color:#ffffff; text-align:center;font-size: 16px; line-height:40px; letter-spacing:15px;}
.e2 {border:1px  rgb(16, 34, 66) solid; margin:10px auto; width:15%; text-align:center;}
.e3 {color: rgb(16, 34, 66);font-size:14px; line-height:30px; text-align:center;}
.e4 {background:rgb(23, 31, 200); text-align:center; padding:25px 0 0 0; margin:20px 50px;}
.e5 {border:1px #787878 solid; margin:15px auto; width:10%;}
.e6 {color: rgb(255, 255, 255);font-size: 20px; line-height:40px;}
.e7 {background:rgb(16, 34, 66); color:#FFFFFF; font-size:14px; text-align:center;}
.e8 { width:200px; height:60px; margin:20px auto; padding:20px 0;}

#color_dht6 { color:#FF0000;}
#color_dht6 a { color:#FF0000;}
#color_dht6 a:hover{ color:#FF0000;}
/*全局控制*/
.container {width:100%; overflow:hidden; margin:0 auto; padding:0;}
.quanju { max-width:1200px; margin:0 auto; padding:0; width:100%;}
a.mask {
	text-decoration:none;
	overflow:hidden;
	display:block;
}
img.zoom-img:hover {
	-webkit-transform:scale(1.1);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:750ms;
	-moz-transform:scale(1.1);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:750ms;
	overflow:hidden;
}
img.zoom-img {
	-webkit-transform:scale(1);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:550ms;
	-moz-transform:scale(1);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:550ms;
	overflow:hidden;
}