@charset "utf-8";

/*****************************************

* 2017-4-24 网站公共样式

*****************************************/

body {font:12px/20px 微软雅黑; color:#333; margin:0; padding:0; background:url(../images/bg.jpg) center top #fff no-repeat;}

form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7,p {margin:0;padding:0;}

ol,ul,li {list-style:none outside none;}

a{ text-decoration:none; color:#555; font-size:14px;}

img {border:0;}

a img{ border:0;}

* a{POSITION: relative}

em,cite,i{font-style:normal;}

.clear { clear:both; margin:0px; top:0px} 

html,body{ overflow-x:hidden;}

div{ border:0px;}

img{border:none; margin:0; padding:0;}

li,dt,dd{text-overflow:ellipsis;}

.fl{float:left;}

.fr{float:right;}

.fc{ margin:0 auto;}

.wrapy{ width:100% !important; margin:0 auto; overflow:hidden; max-width:1360px !important;}

#topy{line-height:40px; height:40px; background:#e6e5e5; color:#666; position:relative; z-index:1000; font-size:13px;}



#head{height:125px; padding-bottom:15px; position:relative; box-shadow:0px 0px 15px #999; z-index:999; background:#fff;}

.logo { width:314px; padding-top:24px;}

.logo span{ font-size:16px; color:#888; line-height:45px; display:block; letter-spacing:1.2px;}

#menu{ position:relative; z-index:10;}

#navul{ width:872px; height:125px; padding:0 50px; background:url(../images/nav.jpg) center no-repeat;}

#navul li { float:left; width:110px; position:relative; height:125px; line-height:125px; margin:0 5px;}

#navul li a:link, #navul li a:visited { color:#fff; font-family:微软雅黑; font-size:16px;}

#navul li i{ position:absolute; left:0; top:0; display:none; z-index:11; text-transform:uppercase;}

#navul li ul { display:none; position:absolute; z-index:10000; left:0px;  border-bottom:none;}

#navul li a{ display:block; width:140px; height:125px; transition:0.5s;}

#navul li a.lion{ width:110px; height:125px; line-height:125px; color:#fff; }

#navul li.navmoon { width:110px; height:125px; line-height:125px; }

#navul li.navmoon a { color:#fff; text-decoration:none; display:block; font-size:16px;}

#navul li.navmoon ul { display:block;}

#navul li.lion{background:#9dcc1c;}

.nav_fuwu{ width:110px; height:auto; background:#d00000; padding:0px !important; margin-top:-11px;}

.nav_fuwu span a{ color:#fff !important; font-size:14px !important; line-height:42px !important; border-bottom:1px #c10000 solid;}

.nav_fuwu span a:hover{ background:#c10000;}



#h_lixi{ height:190px; background:url(../images/fbg.jpg) #d2d2d2 center top no-repeat; text-align:center; padding:35px 0;}

#h_lixi em{ display:block; font-size:16px; color:#666; line-height:38px;}

#h_lixi p{ font-size:18px; color:#444; line-height:45px;}

#footer{ line-height:36px; background:#181818; text-align:center; font-size:14px; color:#333;}

#footer span{ color:#aaa; padding:0 10px;}

#footer a{ color:#aaa;}

@media screen and (max-width: 1360px){
    #navul{width: calc(100% - 364px);padding: 0 25px;background-image: none;}
    #navul li {width: auto;}
    #navul li a{position: relative;padding: 0 25px;z-index: 1;}
    #navul li a,
    #navul li a.lion,
    #navul li.navmoon{width:auto;}
    #navul li a::before{content:'';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #c5263c;z-index: -1;transform: skew(-25deg);}
    #navul li:nth-child(2) a::before{background-color: #ec8301;}
    #navul li:nth-child(3) a::before{background-color: #86b318;}
    #navul li:nth-child(4) a::before{background-color: #52d7c4;}
    #navul li:nth-child(5) a::before{background-color: #89b1ef;}
    #navul li:nth-child(6) a::before{background-color: #9846d9;}
    #navul li:nth-child(7) a::before{background-color: #cc3ab6;}
}