*
{
margin: 0;
padding: 0;
}
body
{
font-size: 14px;
font-family: '微软雅黑';
background: #f5f4f9;
color: #333;
}
a
{
text-decoration: none;
}
img
{
border: 0;
}
ul li
{
list-style: none;
}
.clearfix:after
{
display: block;
content: "";
height: 0;
visibility: hidden;
clear: both;
}
.clearfix
{
zoom: 1;
}
/*head*/
.head_wrap
{
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.head
{
width: 1000px;
margin: 0 auto;
}
.logo
{
line-height: 0;
display: block;
float: left;
}
.head i
{
display: block;
background: url('/images/icon.png') -38px -21px no-repeat;
float: left;
width: 1px;
height: 21px;
margin: 19px 11px 0 0;
}
.head p
{
font-size: 20px;
line-height: 60px;
}
.h_right
{
float: right;
line-height: 60px;
}
.h_right a
{
display: block;
float: left;
}
.vip
{
color: #333;
}
.ti
{
color: #3b90c1;
}
.h_right span
{
display: block;
float: left;
margin: 0 13px 0 14px;
}
.first_part
{
line-height: 53px;
}
.first_part i
{
display: block;
width: 18px;
height: 18px;
background: url('/images/icon.png');
margin: 18px 3px 0 1px;
float: left;
}
.first_part a
{
color: #333;
}
.first_part span
{
margin: 0 5px;
}
/*main*/
.main
{
margin: 0 auto;
width: 1000px;
}
.head_title
{
padding-left: 36px;
background: #176ed5 url(/images/pub.png) no-repeat -170px -236px;
color: #fff;
font-size: 22px;
line-height: 40px;
}
.nav_left{float:left;margin:0 18px;width:200px;height:30px;border-radius:3px;background-color:#777;color:#fff;text-align:center;font-size:16px;line-height:30px;}
.nav_right{float:left;width:762px;}
.nav_right a{float:left;display:block;padding:7px 20px;color:#074a92;line-height:16px;}
.nav li{margin-bottom:18px;padding-bottom:10px;border-bottom:#ccc dotted 1px;}
ul.nav{margin-bottom:48px;padding-top:14px;}
.nav_right a:hover{border-radius:3px;background:#074a92;color:#fff;}
.part{padding:48px 0;border-bottom: 1px solid #d4d4d4;}
.mokao_left{float:left;}
.mokao_right{width: 400px;float: right;padding-top: 50px;padding-left: 10px;}
.mokao_right i{float:left;display:block;width:44px;height:52px;background:url(/images/pub.png) no-repeat 0 -340px;}
.mokao_right span{padding-left:10px;color:#333;font-weight:700;font-size:43px;line-height:46px;}
.mokao_right p{padding-top:20px;color:#4b414d;font-size:16px;line-height:26px;}
.two .mokao_left,.four .mokao_left,.six .mokao_left{float: right;}
.two .mokao_right,.four .mokao_right,.six .mokao_right{float: left;}
.two .mokao_right i{background-position: -48px -340px;}
.three .mokao_right i{background-position: 0 -396px;}
.four .mokao_right i{background-position: -48px -396px;}
.five .mokao_right i{background-position: 0 -451px;}
.six .mokao_right i{background-position: -48px -451px;}
.download{width: 160px;height: 50px;line-height: 50px;text-align: center;display: block;font-size: 24px;color: #fff;background-color: #fb2059;border-radius: 5px;margin-top: 15px;border-bottom: #9c022a solid 1px;}
.download:hover{background-color: #e40942;border-bottom: #9c022a solid 1px;}
.part.six{border-bottom: 0;}
.choose
{
float: right;
width: 100px;
height: 28px;
line-height: 28px;
text-align: center;
background-color: #ff7200;
color: #fff;
border-bottom: #ba6101 solid 1px;
border-radius: 5px;
margin: 6px 8px 0 0;
font-size: 14px;
}
.choose:hover
{
background-color: #f40;
}
.nengli_wrap
{
box-shadow: -1px 0px 5px #eee, 1px 0px 5px #ddd;
border-bottom: #e8e8e8 solid 1px;
background-color: #fff;
padding: 20px;
}
.nengli
{
margin-bottom: 10px;
float: left;
width: 60%;
}
.nl_right
{
float: right;
width: 334px;
height: 276px;
border: 1px solid #999;
}
.nl_left p
{
font-size: 20px;
line-height: 26px;
padding-bottom: 8px;
}
.nl_con li
{
width: 294px;
line-height: 30px;
float: left;
font-size: 16px;
font-weight: lighter;
color: #777;
}
.answer
{
color: #c00;
line-height: 30px;
background-color: #fafafa;
margin-top: 10px;
padding-left: 15px;
font-weight: bold;
}
.answer span
{
font-size: 20px;
margin: 0 5px;
font-weight: normal;
}
.nl_bottom_btn
{
width: 200px;
font-size: 20px;
text-align: center;
line-height: 40px;
display: block;
margin: 20px auto 0;
border-radius: 5px;
color: #fff;
background-color: #fb2059;
border-bottom: #9c022a solid 1px;
}
.nl_bottom_btn:hover
{
background-color: #e40942;
}
.nav_left
{
float: left;
margin: 0 18px;
width: 100px;
height: 30px;
border-radius: 3px;
background-color: #777;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 30px;
}
.nav_right
{
float: left;
width: 862px;
}
.nav_right a
{
float: left;
display: block;
padding: 7px 20px;
color: #074a92;
line-height: 16px;
}
.nav li
{
margin-bottom: 18px;
padding-bottom: 10px;
border-bottom: #ccc dotted 1px;
}
ul.nav
{
margin-bottom: 48px;
padding-top: 14px;
}
.nav_right a:hover
{
border-radius: 3px;
background: #074a92;
color: #fff;
}
/*shijuan_wrap*/
.shijuan_wrap
{
width: 100%;
margin-top: 30px;
background: url('/images/new-bg.gif');
border-top: #d4d4d4 solid 1px;
border-bottom: #d4d4d4 solid 1px;
}
.shijuan
{
width: 1000px;
margin: 0 auto;
padding: 20px 0;
}
.sj_inner
{
width: 480px;
float: left;
}
.sj_inner.sj_inner_right
{
float: right;
}
.sj_headline
{
line-height: 40px;
background-color: #176ed5;
color: #fff;
padding-left: 4%;
font-size: 18px;
}
.sj_headline a
{
display: block;
float: right;
padding-right: 5px;
font-size: 12px;
line-height: 40px;
color: #fff;
}
.sj_headline a:hover
{
color: #fff000;
}
.sj_fr
{
width: 284px;
height: 14px;
float: right;
background: url('/images/pub.png') no-repeat 122px -252px;
}
ul.sj_con
{
float: left;
width: 100%;
}
.sj_con li
{
line-height: 26px;
padding-bottom: 3px;
color: #999;
}
.sj_con li a
{
color: #333;
}
.sj_con li a:hover
{
color: #f00;
}
.footer
{
width: 100%;
text-align: center;
}
.footer_list
{
padding: 5px 0;
line-height: 43px;
}
.footer_list a
{
padding: 0 6px;
margin: 0 5px;
line-height: 20px;
color: #666;
font-size: 12px;
}
.footer_list span
{
display: inline-block;
margin: 0 0 0 3px;
color: #dfdfdf;
color: #666;
}
.banquan
{
font-size: 12px;
color: #666;
padding: 10px 0 20px;
}
.banquan a
{
color: #666;
}
.banquan a:hover
{
color: #d00;
}
.main_title
{
line-height: 30px;
background-color: #fff;
padding: 10px;
font-size: 24px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.jiexi
{
margin-bottom: 20px;
}
|