@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
ul,li{ list-style-type:none;}
img{ border:none;}
a{ text-decoration:none; color:#777;}
a:hover{ color:#007072;}
p,ul,li,dl,dd{ font-size:12px;}
h1,h2,h3,h4,h5{ font-weight:normal;}
body{ font-family:"微软雅黑"; }



.top{ background:#f6f6f6; height:34px; line-height:34px; border-bottom:1px solid #efefef;}
.top2{ width:1200px; margin: 0 auto;}
.welcome{ float:left; font-size:12px; color:#777;}
.tel{float:right; font-size:16px; font-weight:bold;color:#007072; background:url(../images/tel.png) no-repeat left 6px; padding-left:24px; margin-right:30px;}
.laung{ float:right; font-size:12px; color:#999;}

/*==========top============*/
#header{ }
.main_box{ margin:0 auto; width:1200px; position:relative;}
#header .main_box{ position:relative;height:86px; }
#header .logo{ position:absolute; left:0; z-index:3; }
#header .logo a {display:table;  height:86px;}
#header .logo a img{display:table-cell; vertical-align:middle; }


/*=================导航=================*/
#nav{ position:absolute; top:0px;   right:0px; }
#nav li{ display:block; display: inline-block; margin-left: 40px; min-width:30px;  position:relative;  }
#nav li .a{ display: inherit; text-align:center; height: 86px; line-height:86px; }
#nav li .a strong{ display:block; font-size:15px; color:#595754; text-align:center; position:relative; z-index:4;}
#nav li .a span{ position:absolute; bottom:0px; left:-37.5px; width:140px;  text-align:center;}
#nav li .a i{ display:block; margin:0 auto; text-align:center;  z-index:1; height:2px; width:0; background: #007072;}
#nav .on .a strong{  }
#nav li.on .a strong{ color:#007072;}
#nav li .a:hover i{ width:140px; }
#nav li .a:hover strong{ color:#007072;}
#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); /* Safari and Chrome */-moz-transform:rotateX(0deg); /* Firefox */  }


 

#nav.title{position: relative;}
#nav .list {width: 140px;left: -38px;max-height: 0;   position: absolute;top:86px;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;    }
#nav .list a{width:140px;  height:48px;line-height:48px; 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: #007072; border-bottom:#007072 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; } 

.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; }



.footer{ background:#2c2f34; margin-top:60px;}
.footer2{ width:1200px; margin:0 auto; padding:50px 0px 30px 0;}
.foot1 {float: left;margin-right: 90px;}
.foot1 h1 a{font-size: 17px;color: #eee;font-weight: normal;line-height:50px;}
.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;}


.footer3 {text-align: center;line-height: 66px;font-size: 14px;color: #999; border-top:1px solid #3d3d3d;}
.footer3 p{ font-size:14px;}