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




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


.top{ float:right; margin-top:20px; padding-bottom:5px;}
.wz{ float:right; font-size:15px; margin-right:12px; font-weight:bold; color:#333;}
.tel{ background:url(../images/tel.jpg) no-repeat center left; color:#da2417; font-size:15px; font-weight:bold; float:right; padding-left:20px; }
.laung{ float:right; margin-top:3px;}
.laung a{ margin-left:8px;}

/*=================导航=================*/
#nav{ float:right; margin-left:60px;   }
#nav li{ display:block; display: inline-block; margin-left: 40px; min-width:30px;  position:relative; float:left;  }
#nav li .a{ display: inherit; text-align:center; height: 40px; line-height:40px; padding-bottom:16px; }
#nav li .a strong{ display:block; font-size:16px; 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: #da2417;}
#nav .on .a strong{  }
#nav li.on .a strong{ color:#da2417;}
#nav li .a:hover i{ width:140px; }
#nav li .a:hover strong{ color:#da2417;}
#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: 220px;left: -38px;max-height: 0;   position: absolute;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;    }
#nav .list a{width:220px;  height:40px;line-height:40px; 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: #da2417; border-bottom:#da2417 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 li:hover .list a:nth-child(9){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#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 .list a:nth-child(9){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
 
#nav li i,.s_more:hover{ -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; } 


#nav ul li 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; }




.footer2{ width:1200px; margin:0 auto;}
.footer-contact{padding: 30px 0;background-color: #f6f6f6; }
.footer-contact ul{width: 100%;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.footer-contact ul li{position: relative;float: left;height: 64px;border-right: 1px solid #dbdbdb;box-sizing:border-box; padding-right:100px; margin-right:100px;}
.footer-contact ul li>p{position: relative;height: 64px;line-height: 22px;padding-left: 60px;font-size: 16px;color: #333;}
.footer-contact ul li>p a{color: #999;}
.footer-contact ul li>p a:hover{color: #da2417;}
.footer-contact ul li>p>span{font-size: 18px;}
.footer-contact ul li:last-child{border-right:none; margin:0; padding:0;}
.footer-contact ul li.mail{ background:url(../images/tub5.png) left top no-repeat;}
.footer-contact ul li.phone{background:url(../images/tub5.png) left top no-repeat;}
.footer-contact ul li.add{background:url(../images/tub5.png) left top no-repeat; float:right;}

.footer{border-top:1px solid #e9e9ec;}
.links{ text-align:center; padding:30px 0; font-size:14px;}
.links p{ font-size:14px; padding-top:10px;}
.links a{ padding:0 8px;}
.links a:hover{ text-decoration:underline;}




.mark_plane{ 

animation:mark_plane;

-moz-animation:mark_plane; /* Firefox */

-webkit-animation:mark_plane; /* Safari and Chrome */

-o-animation:mark_plane; /* Opera */display:block;

animation-duration:4s;

animation-timing-function:linear;

animation-delay:1s;

animation-iteration-count:infinite;

animation-direction:normal;/*下次方向*/

} 



@keyframes mark_plane

{

	0%   { right:0; opacity:0;}

	50%  {right:50%; opacity:1;}

	100% {right:100%; opacity:0;}

}

@-moz-keyframes mark_plane /* Firefox */

{

	0%   { right:0; opacity:0;}

	50%  {right:50%; opacity:1;}

	100% {right:100%; opacity:0;}

}





@keyframes myfirst

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}



@-moz-keyframes myfirst /* Firefox */

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}



@-o-keyframes myfirst /* Opera */

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}