@charset "utf-8";
/* CSS Document */

/*初始化*/
html { font-family:"微软雅黑";} 
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; }
a, a:hover { text-decoration: none; outline: none;  }
li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.jz{ width:1200px; margin:0 auto;}
.clearfix{*zoom:1;}
.clearfix::after{ clear: both; display: block; height: 0; content: ''; visibility: hidden;}
.fl{float:left;}
.fr{float:right;}

.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:     translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}

/*文字截断*/
.nowrap { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; }
.nowrap2 { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.nowrap3 { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.nowrap4 { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4; }

/*header*/
#header .logo {}
#header .nav-ul { margin:30px 0 0 0;}
#header .nav-ul li { float:left; text-align:center; margin-left:5px; position:relative }
#header .nav-ul li a { font-size:16px; color:#3d3d3d; display:block; padding:0 20px; height:35px; line-height:35px; border-radius:5px;}
#header .nav-ul li a:hover , #header .nav-ul li a.active { background:#0f64b9; color:#fff; }
#header .head-icon { float:right; margin-top:30px;}
#header .head-icon a { display:block; float:left; margin-left:10px;}

#header .nav-ul li .navmore { position:absolute; top:35px; padding:33px 0 10px; z-index:9999; left:50%;  width:120px; margin-left:-60px; background:#fff; visibility:hidden;
transition-property:all; transition-duration:0.3s; opacity:0;}
#header .nav-ul li .navmore a { padding:0; border-radius:0; margin-top:5px; }
#header .nav-ul li:hover .navmore { visibility:visible; opacity:1; }

/* banner */
.flexslider{position:relative;height:690px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:690px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.flexslider a { width:100%; height:100%; display:block;}

/*footer*/
#footer { background:#3a3a3a;}
#footer .foot-linkbox { padding:45px 0 25px;}
#footer .foot-linkbox ul li a { font-size:14px; color:#666666; line-height:28px; transition-property:all; transition-duration:0.5s;}
#footer .foot-linkbox ul li a:hover,#footer .foot-copy a:hover { color:#308ce8;}
#footer .foot-linkbox ul li.title{ color:#e1e1e1; font-size:18px;}
#footer .foot-linkbox ul li.title .line { width:35px; height:3px; background:#308ce8; margin:10px 0;}

#footer .link-nav { padding:0 40px 35px; width:1120px;}
#footer .link-nav ul { float:left; width:100px; padding:0 150px 0 0;}
#footer .link-nav ul:last-of-type { padding-right:0;} 
#footer .link-ul { padding-top:15px;  border-top:1px solid #292929; width:1120px; margin:0 auto;}
#footer .link-ul li { float:left; margin-right:25px;}

#footer .foot-copy { background:#333333; height:50px; line-height:50px; text-align:center; font-size:14px; color:#999999;}
#footer .foot-copy a{ color:#999999;}

/*翻页*/
.fanye { text-align:center; margin:30px auto; width:300px;}
.fanye ul li { height:30px; width:30px; text-align:center; line-height:30px; float:left; margin-right:10px; border:1px solid #d8d8d8; }
.fanye ul li a { font-size:12px; color:#666666; display:block;}
.fanye ul li:hover , .fanye ul li.active { background:#00a73b; border:1px solid #00a73b; }
.fanye ul li:hover a , .fanye ul li.active a { color:#fff;}