﻿* { margin:0 auto; padding:0;}
body { background:#333; font-family:Agenda,Arial,SimHei,sans-serif; font-size:15px; line-height:20px;}
img { border:0;}
a { text-decoration:none;}
ul, li { list-style:none;}
.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}
.warp { width:1180px; background:#fff;}
.footer { border-top: 1px solid #ccc; line-height:60px; text-align:center; font-size:12px;}
.header { /*height:80px;*/ width:100%; overflow:hidden;}
.header .logo { padding:25px 0; padding-left:35px; }
.menu { width:100%; height:46px; background:#002265;}
.menu ul { margin:0 auto; padding:0; width:925px;}
.menu li { float:left; height:46px;}
.menu li a { display: inline-block; height:46px; line-height:46px; padding:0 10px;}
.menu li a:hover { background:#40598c;}
.banner { width:100%; clear:both;}
.content { width:1000px; background:url(images/content_bg.jpg) no-repeat left top;}
.sub { background:#ebe9ea; line-height:30px;}
.sub p { width:1000px;}
.sub span { color:#002265;}
.left { width:300px; background:#f5f2f4; padding:30px 0 50px;}
.submenu { width:200px; padding-top:15px;}
.submenu li { text-indent:.6em; line-height:42px; font-size:14px;}
.submenu li a { color:#333; display:inline-block;}
.submenu li a:hover { color:#002265;}
.submenu .hover { color:#002265;}
.submenu .dot { background:url(images/dot.png) no-repeat left top;}
.submenu li li a { color:#333; display:inline-block;}
.submenu li li a:hover { color:#002265;}
.submenu li li span { display:inline-block; padding-right:10px;}
.txt { width:700px; padding:50px 0;}
.txt h1 { font-size:16px; color:#002265; padding-bottom:15px; font-weight:normal;}
.txt .title { background:#F5F2F4; padding:10px 0; margin-top:-15px; width:700px; text-indent:2em; float:left; font-size:16px; color:#002265; font-weight:normal; margin-bottom:20px;}
.txt .text { padding-bottom:30px;}
.txt .text p { text-align:justify; text-justify:inter-ideograph; color:#002265;line-height:26px;}
.best { width:188px; height:188px; overflow:hidden; float:left; margin-right:10px; margin-bottom:10px; background:url(images/Best.jpg) no-repeat; display:block;}
.best1 { width:188px; height:188px; overflow:hidden; float:left; margin-right:10px; margin-bottom:10px; background:url(images/Best1.jpg) no-repeat; display:block;}
.slide{width: 600px;margin: 0 auto;}
.slide_btn{width: 600px;margin: 0 auto; padding-top: 30px;}
.slide_btn a{display: inline-block;color: #002f7d;padding: 5px 12px;font-size: 14px;background: #e5e3e4;font-weight: bold;}
.slide_btn a.active{ background: #a9a9ab;cursor: not-allowed; }
.slide_btn a:hover{ background: #a9a9ab; }
.slide .slideWrap{overflow: hidden;height: 180px;position: relative;width: 600px;margin-top: 5px;}
.slide .slideWrap .h-item{overflow: hidden;width: 780px;float: left;}
.slideWrap .h-item li{cursor:pointer;width: 180px;height: 180px;position: relative;float: left;margin-right: 20px;}
.slideWrap .h-item li img{width: 180px;height: 180px;position: absolute;top: 0;left: 0;}
.slideWrap .ulWrap{position: absolute;top: 0;left: 0;}
.picBox{ height: 510px;position: relative;margin-top: 20px; }
.picBox ul{position: absolute;left: 0;top: 0;}
.picBox ul li{position: absolute;left: 0;top: 0;opacity: 0;}
.picBox ul li img{width: 780px;height: 510px;}
.picBig{ width: 503px;height: 293px;float: left;position: relative; }
.picBig ul{position: absolute;left: 0;top:0;}
.picBig ul li{position: absolute;left: 0;top: 0;}
.picBig ul li img{width: 503px;height: 293px;}
.picScroll{width: 131px;float: left;position: relative;height: 293px;    border-left: 2px solid #002f7d;}
.picScroll .scrollBtn{}
.picScroll .scrollBtn a{position: absolute;background-image: url(images/ar1.jpg);width: 131px;height: 15px;}
.picScroll .scrollBtn a.active{cursor: not-allowed;opacity: 0.5;filter: alpha(opacity=50);}
.picScroll .scrollBtn .btn_up{top: -2px;left: 0;background-position: 0 0;}
.picScroll .scrollBtn .btn_down{bottom: 0;left: 0;background-position:0 -15px;}
.picScroll .scrollWrap{height: 250px;width: 131px;position: relative;margin-top: 15px;overflow: hidden;}
.conWrap{position: absolute;top: 0;left: 0;}
.picScroll .scrollWrap ul{width: 131px;height: 260px;}
.picScroll .scrollWrap ul li{width: 131px;height: 81px;position: relative;margin-bottom: 3px;}
.picScroll .scrollWrap ul li img{opacity:1;filter:alpha(opacity=100);width: 131px;height: 81px;position: absolute;top: 0;left: 0;cursor: pointer;}
.falimybox{ width:690px; height:auto; margin:0 auto; margin-top:42px; margin-left:20px;}
.info_2{width:690px; height:560px; }
.info_2>ul>li{float:left; margin-right:10px; position:relative; width:160px; height:160px; margin-bottom:10px;}
.info_2>ul>li img{width:160px;height:160px;}
.more{ width:160px; height:160px; background:url(images/more.png) top center no-repeat; position:absolute; top:0; left:0; display:none;}
.info_3{ width:332px; margin-top:0; height:516px; background:url(images/fa3-1.png) top center no-repeat; background-size:100% auto;	}