@charset "utf-8";
/*** General ********************/
.nav li {	list-style: none;}
.nav i {	display:block;}
.nav a{	font-family:'exodemi_bold', Geneva, sans-serif;display:block;text-decoration:none;}
.nav p, .nav h3, .nav h4, .one li a {font-family:'titilliumregular', Palatino, Georgia, serif;}
.nav a, .nav h3, .nav h4{text-transform:uppercase;}
.nav p{font-size:12px;text-align:justify;line-height:21px;color:#FFF;font-family:"宋体";width: 250px;margin-left: 18px;}
.nav h3{font-size:18px;margin-left: 18px;}

/* for Demo preview *************/
body {background-image:url(../../images/back.png);background-repeat:repeat;}

/* Start .nav Class *************/
.nav {position: relative;width: 948px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-left: 45px;}
.nav li {float: left;width: 158px;position:relative;height: 139px;margin-bottom:1px;margin-top: 40px;}
.nav li:last-child{border-bottom:none;}
.nav li:hover {cursor: pointer;}
.nav li a{float: left;width:100%;padding: 8px 0px;overflow: hidden;font-size: 14px;text-align:left;letter-spacing: 0.1em;transition:background-color .6s;-webkit-transition:background-color .6s;-moz-transition:background-color .6s;-o-transition:background-color .6s;-ms-transition:background-color .6s;}
.nav li a i {font-size: 22px;padding: 0 6px;}
/* End .nav Class *************/

/* Start .one Class *************/
.nav .one {position:absolute;z-index: 999;top: 0;left:118px;}
.one li{float: none;margin:0;margin-top: 18px; }
.one > li a{padding:7px 0 7px 14px;width:146px;text-align:left;text-transform:capitalize;font-size:12px;	}
.one h3{font-family: "Microsoft Yahei";color: #06ccd7;font-size: 12px;font-weight: bold;}
.one li i.icon-chevron-right{float:right;margin:3px 10px 0 0;font-size:12px;}
.nav li:hover ul.one{-webkit-animation: zoomIn .4s 1;animation: zoomIn .4s 1;}
/* End .one Class *************/
/* Start .two Class *************/
.nav .two {position:absolute;z-index: 999;top: 0;right: 168px;}
.two li{float: none;margin:0;margin-top: 18px;}
.two > li a{padding:7px 0 7px 14px;width:146px;text-align:left;text-transform:capitalize;font-size:12px;	}
.two h3{font-family: "Microsoft Yahei";color: #06ccd7;font-size: 12px;font-weight: bold;}
.two li i.icon-chevron-right{float:right;margin:3px 10px 0 0;font-size:12px;}
.nav li:hover ul.two{-webkit-animation: zoomIn .4s 1;animation: zoomIn .4s 1;}
/* End .two Class *************/

/* Start .one #sub-menu *************/
.one#menu li{margin-left:5px;}
.one #sub-menu li{margin-left:0px;}
/* End .one #sub-menu ************/

@-webkit-keyframes 'zoomIn' {0% {transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);-ms-transform: scale(0.7);opacity:0;-webkit-opacity:0;-moz-opacity:0; }