1390 lines
21 KiB
CSS
1390 lines
21 KiB
CSS
@charset "utf-8";
|
|
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
|
|
a:link, a:visited, a:hover, a:active { cursor: pointer;}
|
|
body{width:100%;margin:0; padding:0; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color: #333;}
|
|
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
|
|
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
|
|
area{outline:none;}
|
|
img{ border:0;outline: none;}
|
|
ol,ul{list-style:none;}
|
|
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
|
|
a:hover{ text-decoration:none;}
|
|
.clearfix:after {content:"";display:block;height:0;clear:both;}
|
|
.clearfix {zoom:1;}
|
|
|
|
.head_1 .wapper {
|
|
width: 1190px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
/*.allPage {
|
|
width:100%;
|
|
height: auto;
|
|
background-color: #f7f8f8;
|
|
color: #333;
|
|
font-family: "微软雅黑";
|
|
}
|
|
*/
|
|
|
|
.headfly {
|
|
position: fixed;
|
|
top:0px;
|
|
width: 100%;
|
|
margin:0 auto;
|
|
z-index: 100;
|
|
}
|
|
|
|
.head_1 {
|
|
height: 80px;
|
|
width: 100%;
|
|
background-color: #111521;
|
|
line-height: 1.35;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.navImg {
|
|
height: 80px;
|
|
width: 134px;
|
|
margin-right:100px;
|
|
padding: 8px 0 8px 23px;
|
|
}
|
|
|
|
.navImg img {
|
|
width: auto;
|
|
height:64px;
|
|
}
|
|
|
|
.navList {
|
|
display: flex;
|
|
/*flex-direction: row;
|
|
text-align: left;*/
|
|
width: 770px;
|
|
float: left;
|
|
}
|
|
|
|
.navList div {
|
|
width: 110px;
|
|
margin-top: 20px;
|
|
text-align: left;
|
|
color: #fff;
|
|
}
|
|
|
|
.navLogin {
|
|
height: 20px;
|
|
width: 180px;
|
|
text-align: right;
|
|
color: #fff;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.navLogin a {
|
|
color: #566e95;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.head_1_2 {
|
|
height: 34px;
|
|
width: 100%;
|
|
background-image: url(../images/head_1/bg_nav_btn.jpg);
|
|
}
|
|
|
|
.head_1_2 .w {
|
|
width: 1190px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.head_1_2 span {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.head_1_2 .w div {
|
|
margin:4px auto;
|
|
}
|
|
|
|
.head_1_2 .w img {
|
|
width: 14px;
|
|
height: 7px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.kongbai_1 {
|
|
height: 113px;
|
|
}
|
|
|
|
.head_2 {
|
|
width:100%;
|
|
height: 845px;
|
|
position: relative;
|
|
}
|
|
|
|
.head_2_background {
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 845px;
|
|
display: block;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.head_2 .w {
|
|
width: 1230px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.head_2_quanjingImg {
|
|
height: 135px;
|
|
width: 620px;
|
|
margin-top: 80px;
|
|
}
|
|
|
|
.head_2_item {
|
|
position: absolute;
|
|
top:460px;
|
|
height: 348px;
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.head_2_item .item_1 {
|
|
height: 346px;
|
|
width: 348px;
|
|
|
|
}
|
|
|
|
.head_2_item .item_1 .item_1_1 {
|
|
height: 188px;
|
|
width: 348px;
|
|
display: block;
|
|
}
|
|
|
|
.head_2_item .item_1 .item_1_2 {
|
|
height: 53px;
|
|
width: 348px;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.item_1_2_1 {
|
|
width: 116px;
|
|
height: 53px;
|
|
background:url(../images/head_2/icon_bg.jpg) no-repeat;
|
|
border-right: 1px solid #1f2336;
|
|
line-height: 53px;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.item_1_2_1 span {
|
|
margin-left:5px;
|
|
}
|
|
|
|
.item_1_2_1_yellow {
|
|
color: #e5db88;
|
|
}
|
|
|
|
.head_2_item .item_2 {
|
|
height: 346px;
|
|
width: 758px;
|
|
|
|
}
|
|
|
|
.head_2_item .item_2 img {
|
|
height: 346px;
|
|
width: 758px;
|
|
display: block;
|
|
}
|
|
|
|
.head_2_item .item_3 {
|
|
height: 346px;
|
|
width: 123px;
|
|
background-color: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.head_2_item .item_3 .item_3_1 {
|
|
width: 123px;
|
|
height: 88px;
|
|
border-right: 1px solid #1f2336;
|
|
background-image:url(../images/head_2/icon_bg2.jpg);
|
|
/* line-height: 88px;*/
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.head_2_item .item_3 .item_3_1 div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
.head_2_item .item_3 .item_3_1 img {
|
|
height: 35px;
|
|
width: 35px;
|
|
margin-top:15px;
|
|
margin-bottom: 10px;
|
|
margin-left: 45px;
|
|
}
|
|
|
|
|
|
.main_1 {
|
|
width: 100%;
|
|
height: 494px;
|
|
}
|
|
|
|
.main_1 .w {
|
|
width: 1230px;
|
|
height: 494px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .left {
|
|
height: 446px;
|
|
padding-top: 48px;
|
|
width: 350px;
|
|
}
|
|
|
|
.main_1 .left .top {
|
|
width: 350px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.main_1 .left .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_1 .left .main {
|
|
color: #404040;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .left .main ul {
|
|
width: 100%;
|
|
margin-bottom: 14px;
|
|
margin-top: 8px;
|
|
float: left;
|
|
|
|
|
|
}
|
|
.main_1 .left .main li {
|
|
float: left;
|
|
margin-right: 22px;
|
|
margin-bottom: 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_1 .left .main a {
|
|
display: block;
|
|
height: 20px;
|
|
color: #404040;
|
|
}
|
|
|
|
.main_1 .left .main .title {
|
|
width:100%;
|
|
font-size: 16px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.main_1 .left .table {
|
|
margin-top: 270px;
|
|
width: 350px;
|
|
height: 120px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.main_1 .left .table .table_item {
|
|
width: 350px;
|
|
height:60px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item1 {
|
|
width: 175px;
|
|
height: 59px;
|
|
border-bottom: 1px solid #cccccc;
|
|
border-right: 1px solid #cccccc;
|
|
padding-left: 84px;
|
|
line-height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item1 span {
|
|
background:url(../images/main_1/junxian.png);
|
|
display: block;
|
|
position: absolute;
|
|
top:17px;
|
|
left:27px;
|
|
height: 26px;
|
|
width: 48px;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item2 {
|
|
width: 175px;
|
|
height: 59px;
|
|
border-bottom: 1px solid #cccccc;
|
|
padding-left: 84px;
|
|
line-height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item2 span {
|
|
background:url(../images/main_1/wuqi.png);
|
|
display: block;
|
|
position: absolute;
|
|
top:17px;
|
|
left:27px;
|
|
height: 28px;
|
|
width: 39px;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item3 {
|
|
width: 175px;
|
|
height: 59px;
|
|
border-right: 1px solid #cccccc;
|
|
padding-left: 84px;
|
|
line-height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item3 span {
|
|
background:url(../images/main_1/yinyue.png);
|
|
display: block;
|
|
position: absolute;
|
|
top:17px;
|
|
left:27px;
|
|
height: 29px;
|
|
width: 37px;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item4 {
|
|
width: 175px;
|
|
height: 59px;
|
|
padding-left: 84px;
|
|
line-height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .left .table .table_item .pic_item4 span {
|
|
background:url(../images/main_1/rongyu.png);
|
|
display: block;
|
|
position: absolute;
|
|
top:17px;
|
|
left:27px;
|
|
height: 31px;
|
|
width: 29px;
|
|
}
|
|
|
|
.main_1 .center {
|
|
height: 446px;
|
|
padding: 48px 15px 0 38px;
|
|
width: 458px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.main_1 .center .top {
|
|
width: 458px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.main_1 .center .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_1 .center .main {
|
|
width:458px;
|
|
height: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .center .main .title {
|
|
margin-top: 20px;
|
|
height: 31px;
|
|
width: 100%;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.main_1 .center .main .title li {
|
|
float: left;
|
|
width: 54px;
|
|
height: 31px;
|
|
margin-right: 22px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_1 .center .main .title li a {
|
|
color: #181a25;
|
|
}
|
|
|
|
.main_1 .center .main .bigWord {
|
|
width: 100%;
|
|
height: 50px;
|
|
padding:19px 0;
|
|
font-size: 24px;
|
|
line-height: 20px;
|
|
margin-bottom: 15px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.main_1 .center .main .bigWord a {
|
|
color: #654b25;
|
|
}
|
|
|
|
.main_1 .center .main .bigWord p {
|
|
font-size: 14px;
|
|
color: #757575;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.main_1 .center .main .item {
|
|
width:100%;
|
|
}
|
|
|
|
.main_1 .center .main .item li {
|
|
width: 100%;
|
|
height: 20px;
|
|
padding:7px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.main_1 .center .main .item span {
|
|
position: absolute;
|
|
top:7px;
|
|
right:7px;
|
|
color: #565a68;
|
|
}
|
|
|
|
.main_1 .center .main .item a {
|
|
color:#181a25;
|
|
display: block;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
width: 370px;
|
|
}
|
|
|
|
.main_1 .right {
|
|
width: 349px;
|
|
height: 446px;
|
|
padding-top: 48px;
|
|
padding-left:20px;
|
|
|
|
}
|
|
|
|
.main_1 .right .top {
|
|
width: 349px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.main_1 .right .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_1 .right .pic {
|
|
height: 119px;
|
|
width:349px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.main_1 .right .pic img {
|
|
height: 119px;
|
|
width:349px;
|
|
}
|
|
|
|
.main_2 {
|
|
width: 100%;
|
|
height: 498px;
|
|
}
|
|
|
|
.main_2 .w {
|
|
width: 1230px;
|
|
height: 498px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.main_2 .w .left {
|
|
width: 350px;
|
|
height: 448px;
|
|
padding-top: 48px;
|
|
}
|
|
|
|
.main_2 .w .left .top {
|
|
margin-bottom: 18px;
|
|
font-size: 24px;
|
|
color: #333;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_2 .w .right {
|
|
width: 842px;
|
|
height: 448px;
|
|
padding-top: 48px;
|
|
position: absolute;
|
|
right: 0px;
|
|
top:0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.main_2 .w .right .top {
|
|
width: 842px;
|
|
height: auto;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 18px;
|
|
line-height: 31px;
|
|
}
|
|
|
|
.main_2 .w .right .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
|
|
}
|
|
|
|
.main_2 .w .right .top p {
|
|
font-size: 18px;
|
|
color: #333;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.main_2 .w .right .main {
|
|
width: 842px;
|
|
height: auto;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.main_2 .w .right .main .main_pic {
|
|
width: 842px;
|
|
height: 348px;
|
|
}
|
|
|
|
.main_2 .w .right .main .btns {
|
|
width: 842px;
|
|
height: 50px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.main_2 .w .right .main .btns img {
|
|
height: 50px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.main_3 {
|
|
width: 100%;
|
|
height: 494px;
|
|
}
|
|
|
|
.main_3 .w {
|
|
width: 1230px;
|
|
height: 494px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.main_3 .w .left {
|
|
width: 350px;
|
|
height: 442px;
|
|
padding-top: 52px;
|
|
}
|
|
|
|
.main_3 .left .top {
|
|
width: 350px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_3 .left .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_3 .left .pic {
|
|
height: 119px;
|
|
width:349px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.main_3 .left .pic img {
|
|
height: 119px;
|
|
width:349px;
|
|
}
|
|
|
|
.main_3 .center .top {
|
|
width: 458px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_3 .center .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_3 .w .center {
|
|
width: 458px;
|
|
height: 446px;
|
|
padding:48px 15px 0 38px;
|
|
}
|
|
|
|
.main_3 .center .main {
|
|
width:458px;
|
|
height: auto;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_3 .center .main .kongbai {
|
|
height:31px;
|
|
}
|
|
|
|
.main_3 .center .main .bigWord {
|
|
width: 100%;
|
|
height: 50px;
|
|
padding:19px 0;
|
|
font-size: 24px;
|
|
line-height: 20px;
|
|
margin-bottom: 15px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.main_3 .center .main .bigWord a {
|
|
color: #654b25;
|
|
}
|
|
|
|
.main_3 .center .main .bigWord p {
|
|
font-size: 14px;
|
|
color: #757575;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.main_3 .center .main .item {
|
|
width:100%;
|
|
}
|
|
|
|
.main_3 .center .main .item li {
|
|
width: 100%;
|
|
height: 20px;
|
|
padding:7px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.main_3 .center .main .item span {
|
|
position: absolute;
|
|
top:7px;
|
|
right:7px;
|
|
color: #565a68;
|
|
}
|
|
|
|
.main_3 .center .main .item a {
|
|
color:#181a25;
|
|
display: block;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
width: 370px;
|
|
}
|
|
|
|
.main_3 .w .right {
|
|
width: 349px;
|
|
height: 446px;
|
|
padding-left: 20px;
|
|
padding-top: 48px;
|
|
}
|
|
|
|
.main_3 .right .top {
|
|
width: 349px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_3 .right .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_3 .right .title {
|
|
width:349px;
|
|
height: 35px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.main_3 .right .title .shijian {
|
|
width: 78px;
|
|
background-color: #e7e7e8;
|
|
line-height: 35px;
|
|
height: 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_3 .right .title .saishi {
|
|
width: 78px;
|
|
background-color: #dddee0;
|
|
line-height: 35px;
|
|
height: 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_3 .right .title .duizhen {
|
|
width: 193px;
|
|
background-color: #e7e7e8;
|
|
line-height: 35px;
|
|
height: 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_3 .right .main {
|
|
width: 349px;
|
|
height: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
background-color: #e7e7e8;
|
|
}
|
|
|
|
.main_3 .right .main .shijian_item {
|
|
width: 78px;
|
|
}
|
|
|
|
.main_3 .right .main .shijian_item li {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
width: 78px;
|
|
color: #757575;
|
|
}
|
|
|
|
.main_3 .right .main .saishi_item {
|
|
width: 78px;
|
|
}
|
|
|
|
.main_3 .right .main .saishi_item li {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
width: 78px;
|
|
color: #3d5591;
|
|
}
|
|
|
|
.main_3 .right .main .duizhen_1, .main_3 .right .main .duizhen_2, .main_3 .right .main .duizhen_3{
|
|
width: 58px;
|
|
}
|
|
|
|
.main_3 .right .main .duizhen_1 li, .main_3 .right .main .duizhen_2 li, .main_3 .right .main .duizhen_3 li{
|
|
height: 35px;
|
|
line-height: 35px;
|
|
width: 78px;
|
|
color: #333;
|
|
}
|
|
.main_3 .right .main .duizhen_2 li {
|
|
color: #757575;
|
|
}
|
|
|
|
.main_3 .right .foot {
|
|
width: 349px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.main_3 .right .foot img {
|
|
height: 40px;
|
|
width: 174px;
|
|
}
|
|
|
|
.main_4 {
|
|
width: 100%;
|
|
height: 472px;
|
|
}
|
|
|
|
.main_4 .w {
|
|
width: 1230px;
|
|
height: 472px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.main_4 .left {
|
|
width: 350px;
|
|
height: 424px;
|
|
padding-top: 48px;
|
|
}
|
|
|
|
.main_4 .left .top {
|
|
width: 349px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_4 .left .main {
|
|
width: 349px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.main_4 .left .main .main_pic {
|
|
width: 350px;
|
|
height: 154px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.main_4 .left .main .picbox {
|
|
width: 350px;
|
|
height: 204px;
|
|
position: relative;
|
|
}
|
|
|
|
.main_4 .left .main .picbox img {
|
|
width: 164px;
|
|
height: 92px;
|
|
}
|
|
|
|
.main_4 .left .main .picbox .picbox_1 {
|
|
position: absolute;
|
|
top:0px;
|
|
left: 0px;
|
|
}
|
|
|
|
.main_4 .left .main .picbox .picbox_2 {
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_4 .left .main .picbox .picbox_3 {
|
|
position: absolute;
|
|
bottom:0px;
|
|
left: 0px;
|
|
}
|
|
|
|
.main_4 .left .main .picbox .picbox_4 {
|
|
position: absolute;
|
|
bottom:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_4 .center {
|
|
width: 458px;
|
|
height: 424px;
|
|
padding:48px 15px 0 38px;
|
|
background-color: #fff;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_4 .center .top {
|
|
width: 458px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.main_4 .center .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_4 .center .main {
|
|
width:458px;
|
|
height: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.main_4 .center .main .title {
|
|
margin-top: 20px;
|
|
height: 31px;
|
|
width: 100%;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.main_4 .center .main .title li {
|
|
float: left;
|
|
width: 54px;
|
|
height: 31px;
|
|
margin-right: 22px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_4 .center .main .title li a {
|
|
color: #181a25;
|
|
}
|
|
|
|
.main_4 .center .main .bigWord {
|
|
width: 100%;
|
|
height: 50px;
|
|
padding:19px 0;
|
|
font-size: 24px;
|
|
line-height: 20px;
|
|
margin-bottom: 15px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.main_4 .center .main .bigWord a {
|
|
color: #654b25;
|
|
}
|
|
|
|
.main_4 .center .main .bigWord p {
|
|
font-size: 14px;
|
|
color: #757575;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.main_4 .center .main .item {
|
|
width:100%;
|
|
}
|
|
|
|
.main_4 .center .main .item li {
|
|
width: 100%;
|
|
height: 20px;
|
|
padding:7px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.main_4 .center .main .item span {
|
|
position: absolute;
|
|
top:7px;
|
|
right:7px;
|
|
color: #565a68;
|
|
}
|
|
|
|
.main_4 .center .main .item a {
|
|
color:#181a25;
|
|
display: block;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
width: 370px;
|
|
}
|
|
|
|
.main_4 .right {
|
|
width: 349px;
|
|
height: 424px;
|
|
padding-top: 48px;
|
|
padding-left: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
.main_4 .right .top {
|
|
width: 349px;
|
|
height: auto;
|
|
position: relative;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.main_4 .right .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.main_4 .right .main .title {
|
|
margin-top: 20px;
|
|
height: 31px;
|
|
width: 100%;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.main_4 .right .main .title li {
|
|
float: left;
|
|
width: 80px;
|
|
height: 31px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main_4 .right .main .title li a {
|
|
color: #181a25;
|
|
}
|
|
|
|
.main_4 .right .main .jpgBox {
|
|
width: 369px;
|
|
height: 336px;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.main_4 .right .main .jpgBox .jpgBox_item {
|
|
height: 110px;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.main_4 .right .main .jpgBox .jpgBox_item .jpg_1 {
|
|
height: 90px;
|
|
width: 160px;
|
|
position: absolute;
|
|
top:20px;
|
|
left:12px;
|
|
}
|
|
|
|
.main_4 .right .main .jpgBox .jpgBox_item .jpg_2 {
|
|
height: 90px;
|
|
width: 160px;
|
|
position: absolute;
|
|
top:20px;
|
|
right:28px;
|
|
}
|
|
|
|
.footer_1 {
|
|
width: 100%;
|
|
height: 672px;
|
|
margin-top: 50px;
|
|
position: relative;
|
|
background: url(../images/footer_1/bg6.jpg) no-repeat center;
|
|
}
|
|
|
|
.footer_1 .w {
|
|
width: 1230px;
|
|
height: 672px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.footer_1 .up {
|
|
width: 100%;
|
|
height: 342px;
|
|
padding-top: 48px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.footer_1 .up .left {
|
|
height: 342px;
|
|
width: 350px;
|
|
}
|
|
|
|
.footer_1 .up .left .xinxi {
|
|
font-size: 24px;
|
|
height:30px;
|
|
width: 100%;
|
|
margin-bottom: 18px;
|
|
text-align: left;
|
|
color: #fff;
|
|
}
|
|
|
|
.footer_1 .up .left .code {
|
|
width: 320px;
|
|
height: 270px;
|
|
background:url(../images/footer_1/download.jpg) no-repeat center;
|
|
padding-top:30px;
|
|
padding-left: 30px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_left {
|
|
width: 130px;
|
|
margin-right: 28px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_left .word {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
color: #fff;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_left .btn_1 {
|
|
width: 130px;
|
|
height: 28px;
|
|
margin-top: 16px;
|
|
margin-bottom: 9px;
|
|
display: block;
|
|
background-image: url(../images/footer_1/download.png);
|
|
background-repeat: no-repeat;
|
|
background-position:0px -28px;
|
|
}
|
|
.footer_1 .up .left .code .code_left .btn_2 {
|
|
width: 130px;
|
|
height: 28px;
|
|
margin-top: 16px;
|
|
margin-bottom: 9px;
|
|
display: block;
|
|
background-image: url(../images/footer_1/download.png);
|
|
background-repeat: no-repeat;
|
|
background-position:0px -84px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_right {
|
|
width: 130px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_right .word_1_1,.footer_1 .up .left .code .code_right .word_1_2 {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
color: #fff;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_right .word_1_1 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_right .btn_1 {
|
|
width: 130px;
|
|
height: 28px;
|
|
margin-top: 16px;
|
|
margin-bottom: 9px;
|
|
display: block;
|
|
background-image: url(../images/footer_1/download.png);
|
|
background-repeat: no-repeat;
|
|
background-position:0px -56px;
|
|
}
|
|
|
|
.footer_1 .up .left .code .code_right .word_2 {
|
|
font-size: 12px;
|
|
width: 220px;
|
|
text-align: left;
|
|
color: #fff;
|
|
margin-top: 20px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.footer_1 .up .right {
|
|
height: 342px;
|
|
width: 842px;
|
|
margin-left:38px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.footer_1 .up .right .top {
|
|
width: 842px;
|
|
height: auto;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 18px;
|
|
line-height: 31px;
|
|
}
|
|
|
|
.footer_1 .up .right .top a {
|
|
width: 61px;
|
|
height: 29px;
|
|
display: block;
|
|
background:url(../images/main_1/more.png) no-repeat;
|
|
position: absolute;
|
|
top:0px;
|
|
right: 0px;
|
|
|
|
}
|
|
|
|
.footer_1 .up .right .top p {
|
|
font-size: 18px;
|
|
color: #fff;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.footer_1 .up .right .main {
|
|
width: 842px;
|
|
height: 300px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.footer_1 .up .right .main .pic_1 {
|
|
background: url(../images/footer_1/main_1.jpg) no-repeat center;
|
|
height: 300px;
|
|
width: 408px;
|
|
}
|
|
|
|
.footer_1 .up .right .main .pic_2 {
|
|
background: url(../images/footer_1/main_2.jpg) no-repeat center;
|
|
height: 300px;
|
|
width: 208px;
|
|
}
|
|
|
|
.footer_1 .up .right .main .pic_3 {
|
|
height: 300px;
|
|
width: 225px;
|
|
}
|
|
|
|
.footer_1 .up .right .main .pic_3 .pic_4 {
|
|
background: url(../images/footer_1/main_3.jpg) no-repeat center;
|
|
height: 150px;
|
|
width: 225px;
|
|
}
|
|
|
|
.footer_1 .up .right .main .pic_3 .pic_5 {
|
|
background: url(../images/footer_1/main_4.jpg) no-repeat center;
|
|
height: 150px;
|
|
width: 225px;
|
|
}
|
|
|
|
.footer_1 .down {
|
|
width: 100%;
|
|
height: 210px;
|
|
padding-top: 30px;
|
|
border-bottom: 5px solid #566e95;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.footer_1 .down .title {
|
|
width: 100%;
|
|
height: 30px;
|
|
margin-bottom: 18px;
|
|
color: #fff;
|
|
font-size: 24px;
|
|
text-align: left;
|
|
}
|
|
|
|
.footer_1 .down .picBox {
|
|
width: 100%;
|
|
height: 153px;
|
|
padding-right:10px;
|
|
padding-bottom: 2px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.footer_1 .down .picBox img {
|
|
height: 138px;
|
|
width: 307px;
|
|
display: block;
|
|
}
|
|
|
|
.footer_2 {
|
|
width:100%;
|
|
height: 160px;
|
|
background: #000;
|
|
color: #959595;
|
|
position: relative;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.footer_2 .w {
|
|
width: 1190px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer_2 .item_1 {
|
|
width: 1100px;
|
|
height: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin:auto;
|
|
}
|
|
|
|
.footer_2 .item_1 .pic_1, .footer_2 .item_1 .pic_2 {
|
|
padding:0 12px;
|
|
height: 28px;
|
|
}
|
|
|
|
.footer_2 .item_1 .words {
|
|
font-size: 12px;
|
|
color: #959595;
|
|
text-align: left;
|
|
}
|
|
|
|
.footer_2 .item_2 {
|
|
font-size: 12px;
|
|
color: #555;
|
|
text-align: center;
|
|
} |