body, button, input, select, textarea {  font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif; -webkit-font-smoothing: antialiased; }
body, button, caption, input, select, td, textarea, th { color: inherit; margin: 0; -webkit-writing-mode: horizontal-tb;  }
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select,strong { margin: 0; padding: 0; font-weight: normal;}
body{ background: #f8f8f8; }
em { font-style: normal; }
li { list-style: none outside none; }
img { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
p { word-wrap: break-word; }
li, ol, ul { list-style: none }
a { user-select: none; -moz-user-select: none; -webkit-user-select: none; text-decoration: none; color: #333 }
a, a:hover { text-decoration: none }
table { border-collapse: collapse }
html { overflow-y: scroll }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
::selection { background: #FE7E00 }
::-moz-selection {
}
[v-cloak] {
 display: none!important
}
.container { width: 1200px; margin: 0 auto; }

.main { width: 100%; margin: 0 auto; }
/*header*/
.header { height: 100px;position: relative;   }
.header h1 { width: 300px; float: left; }
.header h1 img { margin-top: 10px; }
.header .nav {height: 100px; line-height: 100px; float: left; margin-left: 100px;}
.header-li{display: inline-block; text-align: center; background: url(../images/line02.png)no-repeat right center; font-weight: bold;}
.header .nav li {display: inline-block; }
.header .nav li a { padding: 0 20px; font-size: 16px; display: block;}
.header .nav li a:hover,.header .nav li a.hov { background: #ff7700; color: #fff; }
.header .nav li ul{ position:absolute; width: 100%; background: rgba(0,0,0,.5); z-index: 10;left: 0;height:60px; line-height: 60px;}
.header .nav li ul li a{ color: #fff; }
.header .nav li ul li a:hover{ background:none;color: #ff7700; }
.header-fl{float: left; margin-left: 20%; color: #fff;}
.header-fr{float:right ;margin-right: 25%;} 
   
   
/*nav*/
#nav { margin: 0; padding: 0; list-style: none; height: 60px; background: #efeded; position: relative;}
#nav li { float: left; display: block;  z-index: 999; }
#nav li a { display: block; padding: 0; line-height: 59px; text-decoration: none; color: #333; zoom: 1; padding: 0px 25px; }
#nav li a:hover, 
#nav ul { background-color: #fff; position: absolute; left:0; display: none; width: 100%;}
#nav ul li {float: left; border-top: 1px solid #fff; text-align: left; }
#nav ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent; }
#nav ul a { display: block; height: 30px; line-height: 29px; padding: 8px 15px; color: #666; text-transform: uppercase; font-weight: normal; }
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #4e4e4e; }

/*footer*/
.footer { width: 100%; min-width: 1200px; height: 285px; background: #1b1b1b; }
.footer .footer-item { width: 1200px;margin: 0 auto; position: relative; }
.footer-item-left { width: 700px; float: left }
.footer-item-left-list { padding-top: 50px; position: relative }
.footer-item-left-list ul { width: 140px; text-align: center; color: #f4f4f4; float: left }
.footer-item-left-list ul li { text-align: center; height: 32px; line-height: 32px; font-size: 16px;}
.footer-item-left-list ul li a { display: inline-block; color: #a1a1a1; height: 30px; line-height: 30px;}
.footer-item-left-list ul li a:hover {color: #ff7700;}
.footer-item-left-list ul .footer-title {height: 50px; line-height: 50px;  }
.footer-item-right { width:160px; float: right }
.footer-item-right img {margin-top: 50px;  width:160px;}
.footer-item-right h6 {  font-size: 16px; color: #a1a1a1; height: 50px; line-height: 50px; font-weight: 300; text-align: center; }
.footer-item-share{ width:240px; float: right;margin-top: 50px; margin-left: 50px;}
.footer-item-share li a {font-size: 16px; color: #a1a1a1; height: 50px; line-height: 50px; font-weight: 300; }
.footer-item-share{font-size: 16px; color: #a1a1a1; line-height: 30px; font-weight: 300;  }
.footer-item-share a{font-size: 14px; color: #a1a1a1; line-height: 30px; font-weight: 300;  }
.mwseo_friend_link { clear: both; width: 100%; overflow: hidden; }
/*footer友情链接*/
.link-friends a{ color: #777;}
.link-friends span{ color:#777;}
.link-friends a:hover{ color:#fff;}
.link-friends ul li{float:left; margin-right: 10px;}


/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 10px 20px; margin: 15px 10px; border: #dddddd solid 1px; display: inline-block;border-radius:4px;}
.pager ul li a:hover {border: #ff7700 solid 1px; color: #ff7700;background-color: #ff7700;color: #fff;}
.pager ul .active a {border: #ff7700 solid 1px; display: inline-block; background-color: #ff7700; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}
.pager ul .active a:hover {color: #ff7700; border: #ff7700 solid 1px !important;}