* {
	margin: 0px;
	padding: 0px;
}
ul,li{ list-style-type:none;}
img{ border:none;}
a{ text-decoration:none; color:#666666;}
a:hover{ color:#00a0e9;}
p,ul,li,dl,dd{ font-size:12px;}
h1,h2,h3,h4,h5{ font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
body{ font-family:"微软雅黑"; }




#header{ }
.main_box{ margin:0 auto; width:1200px; position:relative;}
#header .main_box{ position:relative;height:90px; }
#header .logo{ float:left; width:253px; }
#header .logo a {display:table;  height:90px;}
#header .logo a img{display:table-cell; vertical-align:middle; }



#nav{ float:left; margin-left:20px;}
#nav li{ display:block; display: inline-block; margin-left: 45px; min-width:30px;  position:relative;  }
#nav li .a{ display: inherit; text-align:center; height: 90px; line-height:90px; }
#nav li .a strong{ display:block; font-size:15px; color:#333; font-weight:520; text-align:center; position:relative; z-index:4;}
#nav li .a span{ position:absolute; bottom:0px; left:-40px; width:150px;  text-align:center;}
#nav li .a i{ display:block; margin:0 auto; text-align:center;  z-index:1; height:2px; width:0; background: #00a0e9;}
#nav .on .a strong{  }
#nav li.on .a strong{ color:#00a0e9;}
#nav li .a:hover i{ width:150px; }
#nav li .a:hover strong{ color:#00a0e9;}
#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg);   }


 

#nav.title{position: relative;}
#nav .list {width: 260px;left: -40px;max-height: 0;   position: absolute;top:90px;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;    }
#nav .list a{width:260px;  height:42px;line-height:42px; text-align: center; color: #222;  display: block; font-size: 13px; text-decoration: none; opacity: 0;background-color:#fff;border-bottom:#e9ecf1 1px solid; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;transition: opacity .4s, transform .5s; }
#nav .list a:hover{ color: #00a0e9; border-bottom:#00a0e9 1px solid;} 
 
 
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10;  }
#nav li:focus .list a,#nav li:hover .list a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
#nav li:hover .list a:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#nav li:hover .list a:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav li:hover .list a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav li:hover .list a:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav li:hover .list a:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav li:hover .list a:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav li:hover .list a:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav li:hover .list a:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav .list a:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav .list a:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav .list a:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav .list a:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav .list a:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav .list a:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
 
#nav li i,.s_more:hover,.pages a:hover,#s_pro_list li:hover h1,#s_pro_list li:hover img{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 
.new1:hover,.un_box li:hover{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; } 

.n_product  li img{ -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out; } 

#nav ul li a,.n_left .up .content ul .on a{ -moz-transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out; }


.laung{ float:right; width:28px; height:28px; border-radius:28px;line-height:28px; text-align:center; margin-top:30px;}
.laung a{ color:#fff; font-size:12px; border-radius:28px; display:block; background:#00a0e9;}
.laung a:hover{ background:#ed2923;transition: all .5s ease-in-out;}


.footer{ background:#2b2b2b; padding:50px 0 30px 0; margin-top:60px;}
.ewm{ float:left;margin-right: 78px;}
.ewm div{ background:#00a0e9; border-radius:20px; width:110px; height:36px; line-height:36px; color:#fff; font-size:12px; text-align:center; margin-bottom:10px;}
.foot1 {float: left;margin-right: 78px;}
.foot1:nth-of-type(7){ float:right; margin:0;}
.foot1  div{font-size: 18px;color: #fff;font-weight: normal; padding-bottom:16px;}
.foot1 p {line-height: 24px;font-size: 14px;color: #999;}
.foot1 a {color: #999;}
.foot1 a:hover {color: #fff;text-decoration: underline;}
.foot2 {float: right; width:120px; margin-top:10px;}
.foot2 p {font-size: 14px;text-align: center;color: #999;line-height: 32px;}
.banquan{ text-align:center; border-top:1px solid #3a3a3a; margin-top:30px; padding-top:20px;color: #999; font-size:14px;}