/*
@author:njf
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#ffffff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.tc{text-align: center;}
.layout{width:1200px;margin:0 auto;}
.moveHover{transition: transform 0.3s ease;}
.moveHover:hover {transform: translateY(-5px);}
.title{ border-bottom: 1px solid #cbd0d8; height:50px; line-height:50px;}
.title h3{font-size: 26px; display: inline-block; border-radius: 5px 5px 0 0; text-align: center; color: #fff; margin-top:3px;  width: 160px; height: 48px; line-height: 48px; position: relative;
  background:#39a0ee;
  background:-webkit-linear-gradient(left,#007ae2,#39a0ee);
  background:-moz-linear-gradient(left,#007ae2,#39a0ee);
  background:-ms-linear-gradient(left,#007ae2,#39a0ee);
  background:linear-gradient(left,#007ae2,#39a0ee);
}
.title .more{ float: right; color: #666;}


.topHeader{ background: url(/images/new/topHeader-v1.jpg) no-repeat center top; height:262px;}
.topHeader .con{ width: 380px; float: right;margin-top: 75px;}
.topHeader .con .time{ color: #065bcf; font-size: 16px; margin-bottom: 10px;}
.topHeader .con .search .txt{ width: 260px; height: 46px; line-height: 46px; float: left; border-radius: 6px 0px 0 6px; background: #fff; border: none; padding: 0 15px;font-size: 16px;}
.topHeader .con .search .txt::placeholder{ color: #999; }
.topHeader .con .search .btn{display:block;float: left; width: 70px; height: 46px;line-height: 406px; overflow: hidden; background: url(/images/new/icon01.png) no-repeat center center #0447ac; border-radius: 0 6px 6px 0;}

.navContainer{ height:68px; line-height: 68px; background: #0065c6;}
.navContainer .nav-item{ position: relative; width:116px; text-align: center; display: inline-block;}
.navContainer .nav-item .item{color: #fff; text-decoration: none;font-size:20px;display: block; font-weight: bold;}
.navContainer .nav-item .item:hover{ background: #2686e3;}
.navContainer .nav-item.active {background: #007bff;}
.navContainer .nav-dropdown {position: absolute; top: 100%; text-align: left; left: 0;background: #fff; width: 140px; border: 1px solid #eee; padding: 10px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1);display: none; z-index:99;}
.navContainer .nav-dropdown.nav-width01{ width:260px;}
.navContainer .nav-dropdown.nav-width02{ width:150px;}
.navContainer .nav-dropdown::before{ content: ''; display: block; width: 12px; height: 12px; margin-left: -20px; background: #fff; transform: rotate(45deg); position: absolute; left: 50%; top: -5px;}
.navContainer .nav-dropdown.nav-width01::before{ margin-left:-80px;}

.navContainer .dropdown-item {list-style: none;padding: 0 24px;height: 40px; line-height: 40px; font-weight: normal; position: relative;}
.navContainer .dropdown-item a{color: #333; font-size: 16px;}
.navContainer .dropdown-item:hover {background: #eff9ff; color: #0066d8;}
.navContainer .dropdown-item a:hover{color: #0066d8; font-weight: bold; text-decoration: none;}
.navContainer .sub-dropdown { position: absolute;top:0px;left: 100%;width: 150px;background-color: #fff;border: 1px solid #eee;box-shadow: 0 2px 4px rgba(0,0,0,0.1); display: none; }
.navContainer .dropdown-item.active {background: #e6f2ff; color: #0066d8;}
.arrow{position: relative;}
.arrow::after{content: '';display: block; position: absolute; width:10px; height: 10px; border-left:1px solid #2686e3; border-top:1px solid #2686e3;transform: rotate(135deg);right:-50px; top:50%; margin-top: -5px;}




.friend-link{ text-align: center; background: #f7f8fb;}
.friend-link .link{ font-size: 18px; color: #5b80b1; padding: 15px 0; border-bottom: 6px solid #a8bfdc;}
.friend-link .link a{ color: #5b80b1;margin: 0 10px;}
.friend-link .area-link{ background: #f7f8fb; padding: 10px 0;}
.friend-link .select-link{ display: inline-block; width: 390px; vertical-align: top; position: relative;  z-index: 3;}
.friend-link .select-link ul{display: none; z-index: 5; position: absolute;left: 0; top:30px; border: 1px solid #e2eaf0; border-radius: 5px; border-top: none; width: 385px; background: #fff; max-height:180px; overflow-y: auto;}
.friend-link .select-link ul li{height: 32px; font-size: 16px; line-height: 32px; text-align: left; padding: 0 20px; border-bottom: 1px dashed #e2eaf0;}
.friend-link .select-link span{ display:block; cursor: pointer; z-index: 4; width:384px; font-size:18px; position: relative; height: 34px; line-height: 34px; background: #fff; border: 2px solid #e2eaf0; border-radius: 5px;}
.friend-link .select-link span::before{ position: absolute; right: 30px; top: 10px; content: ''; display: block; width:20px; height: 13px; background: url(/images/new/icon11.png) no-repeat;}
.friend-link .select-link ul li a:hover{ color: #2686e3;}
.friend-link .select-link span.on::before{ transform: rotate(-180deg);}



.footer-mod{ text-align: center; line-height: 30px; margin: 15px 0; font-size:14px}
.footer-mod a:hover{ color: #2097ff;}
.footer-mod .icon{display: inline-block; vertical-align: middle;}

.page{ text-align: right; margin: 30px 0;}
.page a{display: inline-block; vertical-align: middle; margin: 0 5px; border-radius: 4px; width: 38px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #dae2f9; color: #999;}
.page a.prev,.page a.next{ width:58px;}
.page a.on,.page a:hover{ background: #0065c6; color: #fff; border: 1px solid #0065c6;}
.page a:hover{ text-decoration: none;}
.page .txtnum{ width: 50px;border: 1px solid #dae2f9;padding: 0 5px; border-radius: 4px; width: 38px; height: 38px; line-height: 38px;  font-size: 16px; text-align: center;}
.page .btn{ background: #dae2f9; padding: 0 5px; color: #333;}