@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a, fieldset, img{border:none;}
a{ text-decoration:none;}
a.hover{ text-decoration:underline;}
ul li,ol li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight: 500;}
img{ vertical-align:middle;}
p{ color:#363636;}
p a{ color:#05426b;}
body,button,input,select,textarea{font: 14px/1.5 Open Sans, Arial, "Microsoft YaHei","微软雅黑","Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun, sans-serif;
background:#fff;}
.blank{height: 37px; clear: both; visibility: hidden; font-size: 1px;}
.clearfix{ zoom:1; clear:both;}
.clearfix:after{ overflow:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.header, .content{ clear:both; margin:0 auto; width:980px;}
.header{ width:100%; height:353px; overflow: hidden; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;
 background:url(../images/hea-bg.jpg) no-repeat center top #011454;}
.con-start,.con-dialo,.con_picture{ clear:both; padding-top:40px;}

.start-img,.start-mid,.start-intro{ float:left;}
.start-img{ position:relative; width:300px; height:360px; background:#5ea9ff;}
.start-img img{ display:block; width:300px; height:360px;}
.start-img p{ position:absolute; bottom:0; left;0; z-index:999; width:280px; height:35px; padding:0 10px; line-height:35px; font-size:15px; color:#fff; background:url(../images/back.png) repeat;}
.start-mid{ width:370px; margin:0 30px;  border-top: 1px solid #bfbfbf;}
.mid-text{ margin-top:23px;}
.mid-text-sec{ padding:23px 0; border-top:1px dashed #bfbfbf; border-bottom:1px dashed #bfbfbf;}
.mid-text h3{ font-size:21px; color:#404040; line-height: 30px; margin-bottom: 6px;}
.mid-text h3 a{ color:#404040;}
.mid-text h3 a:hover{ color:#10388a;}
.mid-text p{ color:#535353; line-height: 22px;}
.mid-text p a{ color:#9d9d9d;}
.start-intro{ width:250px; height:360px; background: #f8fafe;}
.start-intro h3{ color:#10388a; font-size:21px; line-height: 48px; padding:0 18px; border-bottom:1px solid #bfbfbf;
 background:url(../images/icon.jpg) no-repeat 110px 23px;}
.start-intro p{ padding:24px 21px; color:#535353; line-height: 26px;}

.dia-top-pic{ float:left; position: relative; width:508px; height:328px; border:1px solid #bfbfbf; margin-right:30px;}
.dia-top-pic img{ display: block; width:508px; height:328px;}
.dia-top-pic p{ position: absolute; bottom: 0; left: 0; z-index: 999; width:478px; height:48px; color:#fff; 
font-size:18px; padding:0 15px; line-height: 48px; background:url(../images/back.png) repeat;}
.dia-top-ul{ float:left; width:440px;}
.dia-top-ul li{ list-style: inside disc; line-height: 26px; font-size:20px; color:#6c6c6c;  padding:10px 0; border-bottom:1px dashed #bfbfbf;}
.dia-top-ul li a{ display:inline-block; font-size: 16px; color:#464646; }
.dia-top-ul li.fir-li{ padding-top:0;}
.dia-top-ul li:hover{ color:#10388a;}
.dia-top-ul li a:hover{ color:#10388a;}
.dia-ul{ padding-top:20px;}
.dia-ul li{ float:left; width:230px; margin: 20px 20px 0 0;}
.dia-ul li.mar-li{ margin-right:0;}
.dia-ul li img{ display: block; width:230px; height:144px;}
.dia-ul li p.fir-p{ margin-top: 8px;}

.pic-dl { float:left; width:230px; background:url(../images/pic-dl.png) no-repeat 177px 162px; margin:0 20px 30px 0;}
.pic-dl-mar{ margin-right:0;}
.pic-dl dt{ height:142px; border:1px solid #9eaabd;}
.pic-dl dt img{ display: block; width:228px; height: 142px;}
.pic-dl dd{ min-height:46px; border:1px solid #e4e8f0; border-top:none; padding:8px 10px 12px;}
.pic-dl dd p,.dia-ul li p{ line-height: 23px;}
.pic-dl dd p.fir-p,.dia-ul li p.fir-p{ font-size:14px; color:#333;}
.pic-dl dd p.sec-p,.dia-ul li p.sec-p{ font-size:13px; color:#666;}

.title{ position: relative; width:980px; height:45px; margin-top:50px;
 background:url(../images/tit-bg.jpg) no-repeat center;}
.title h3{ font-size:25px; color:#fff; margin-left:32px;}
.title span{ font-size:30px;}
.title i{ font-size:16px; position: absolute; right:10px; top:14px; z-index: 999;}

.footer{ font-size:12px; color:#222; line-height: 28px; text-align: center; padding:20px 0 30px; letter-spacing: 0.5px;}
.footer ul{ width:390px; margin:0 auto;}
.footer ul li{ float:left;}
.footer ul li a{ margin:0 4px; color:#222;}