/*
* @Author: fxm
* @Date: 2019-03-25 16:26:32
* @Last Modified by: fxm
* @Last Modified time: 2019-03-25 16:30:03
*/
*鍚痉鏁欒偛闆嗗洟甯傚満閮ㄦ妧鏈紑鍙� *鍓嶇寮€鍙戠粍鍒朵綔鐗堟潈鎵€鏈� */
/***************************鍏叡缁勪欢鏍峰紡鎺у埗***************************/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, b, i, dl, dt, dd, ul, li {
margin:0;
padding:0;
border:0;
list-style:none;
}
html {
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
_font-smoothing:antialiased;
font-smoothing:antialiased;
}
#nav, #header, #menu, #section {
display:block;
}
#nav, #header, #menu {
width:100%;
}
.img {
vertical-align:bottom
}
.zt-wrap {
font-size:16px;
}
ul, li {
list-style:none;
padding:0;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
outline:none
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
.elips {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
-o-text-overflow: ellipsis
}
/*娓呴櫎娴姩鏂规硶*/
.clear {
clear:both;
overflow:hidden;
font-size:0;
line-height:0;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content:" ";
clear: both;
height: 0;
}
.clearfix {
*zoom:1;
}
.fix {
zoom:1;
}
.fix:after {
display:block;
content:'clear';
clear:both;
line-height:0;
visibility:hidden;
}
p {
margin: 0;
}
/****************************椤甸潰鏍峰紡鎺у埗*****************************/
/*---------------------------鍏ㄥ眬椤甸潰鎺у埗----------------------------*/
body {
line-height:22px;
font-size:12px;
color:#333333;
font-family:"寰蒋闆呴粦", "Microsoft YaHei", Helvetica, Arial;
}
a {
color:#333333;
}
a:hover {
color:#db2518;
}
#nav{height:105px;text-align:center;background-color:#FFF;}
.mw {
width:1000px;
margin:0 auto
}
.mw .con {
height: 335px;
overflow: auto;
}
/*---------------------------鍏ㄥ眬瀵艰埅妯″潡---------------------------*/
#looyuMid {
z-index:99;
}
/*澶撮儴Banner*/
#header {
width:100%;
height:570px;
background:url(../images/banner.png) center no-repeat;
position: relative;
}
.nav {
width: 100%;
height:70px;
background-color:#e9edf1;
}
.nav.totop-fix {
position:fixed;
width:100%;
height:70px;
top:0;
left:0;
z-index:1000;
display:block;
margin-top:0
}
.nav.totop-fix ul {
margin: 0;
}
.nav ul li {
float: left;
width: 150px;
height: 70px;
text-align: center;
line-height: 70px;
cursor: pointer;
}
.nav ul li a {
font-size: 22px;
color: #17588a;
font-weight: bold;
}
.nav ul li.activeLi {
background-color: #17588a;
color: #fff;
}
.nav ul li.activeLi a {
color: #fff;
}
/*-------------------------鍏ㄥ眬鑿滃崟瀵艰埅妯″潡--------------------------*/
.tit {
text-align:center;
padding-top:50px;
padding-bottom:30px
}
.tit h3 {
font-size:38px;
color:#000;
line-height:50px;
}
.btn-box {
margin: 35px auto;
text-align: center;
}
.btn-box a {
display: inline-block;
width: 210px;
height: 50px;
text-align: center;
line-height: 50px;
margin: 0 65px;
font-size: 17px;
cursor: pointer;
}
.btn-box a.btn1 {
width: 206px;
height: 44px;
line-height: 44px;
border: 3px solid transparent;
border-image: linear-gradient(to right, #3996d0, #ed538c);
border-image-slice: 10;
color: #23508c;
}
.btn-box a.btn2 {
background:linear-gradient(to right, #3996d0, #ed538c);
color: #fff;
}
.part-title {
width: 100%;
text-align: center;
margin: 35px auto;
font-size: 44px;
color: #fff;
line-height: 60px;
padding-top: 35px;
}
/*宸︿晶瀵艰埅background: url(../images/ly_l.png)* /
.left-nav{width: 120px;height: 270px; no-repeat; position:fixed;top:100px;left:10px;z-index:4}
/*.left-nav img{width: 100%; height: 100%;}*/
.closeBtnLeft {
width: 11px;
height: 11px;
position: absolute;
top: 7px;
right: 6px;
cursor: pointer;
}
#looyuMid {
z-index: 100;
}
#looyuMidBtn {
position: absolute;
display: block;
left: 262px;
top:265px !important;
width: 125px;
height: 33px;
}
#looyuMid .yclose {
left: 620px !important;
top: 7px !important;
}
/*瀵艰*/
#dy {
height: 250px;
text-align: center;
padding-top: 40px;
font-size: 18px;
color: #2b5886;
line-height: 35px;
font-weight: bold;
}
/* part1 缇庡浗鐣欏鏃堕棿瑙勫垝琛� */
#part1 {
position: relative;
}
#part1 .part1-bg {
width: 100%;
/* height: 1280px; */
background: url('../images/part1-bg.png') no-repeat center 10px;
padding-top: 225px;
}
#part1 .part1-bg .part1-title {
font-size:57px;
color: #224e8b;
line-height: 57px;
position: absolute;
left: 50%;
margin-left: -220px;
top: 95px;
font-weight: bold;
}
#part1 .part1-bg .part1-info {
margin-bottom: 50px;
}
#part1 .part1-bg .part1-info > div {
float: left;
}
#part1 .part1-bg .part1-info .img {
width: 305px;
height: 230px;
margin-right: 50px;
}
#part1 .part1-bg .part1-info .img img {
width: 100%;
height: 100%;
}
#part1 .part1-bg .part1-info .info {
width: 645px;
font-size: 16px;
color: #23508c;
font-weight: bold;
line-height: 40px;
}
#part1 .part1-bg .part1-info .info ul {
margin: 0;
}
#part1 .part1-bg .four-year > ul {
width: 940px;
height: 47px;
border-bottom: 3px solid #23508c;
padding-left: 45px;
margin: 0 auto;
}
#part1 .part1-bg .four-year > ul li {
float: left;
width: 198px;
height: 42px;
text-align: center;
background: url('../images/part1-tab.png') no-repeat;
font-size: 16px;
color: #fff;
padding-top: 8px;
line-height: 20px;
background-size: 100% 100%;
margin-right: 35px;
cursor: pointer;
}
#part1 .part1-bg .four-year > ul li.fourYearOn {
background: url('../images/part1-tabon.png') no-repeat;
color: #fff;
background-size: 100% 100%;
}
#part1 .part1-bg .four-year .four-year-con {
height: 345px;
border: 2px dashed #23508c;
border-radius:6px;
margin-top: -2px;
padding: 25px 25px 0;
}
#part1 .part1-bg .four-year .four-year-con.year-con-hid {
display: none;
}
#part1 .four-year-con > div {
height: 335px;
overflow: auto;
}
#part1 .four-year-con .line-arrow {
position: relative;
padding-bottom: 20px;
}
#part1 .four-year-con .line-arrow:after {
position: absolute;
display: inline-block;
content:"";
width: 10px;
min-height:24px;
background: url('../images/part1-icon.png') no-repeat center bottom;
left: 40px;
top: 90px
}
#part1 .four-year-con.two .line-arrow:after {
height: 40px;
top: 95px;
}
#part1 .four-year-con.two .line-arrow:nth-child(2):after {
height: 65px;
top: 95px;
}
#part1 .four-year-con.three .line-arrow {
padding-bottom: 15px;
}
#part1 .four-year-con.three .line-arrow:after {
height: 60px;
top: 95px;
}
#part1 .four-year-con.four .line-arrow:after {
height: 40px;
top: 95px;
}
#part1 .four-year-con.four .line-arrow:nth-child(2):after {
height: 90px;
top: 95px;
}
#part1 .four-year-con.four .line-arrow:nth-child(5):after {
height: 65px;
top: 95px;
}
#part1 .four-year-con .con-left {
/* float: left; */
display: inline-block;
width: 90px;
height: 80px;
border-radius: 50%;
background: #ea508c;
color: #fff;
text-align: center;
padding-top: 10px;
margin-right: 10px;
vertical-align: text-top;
}
#part1 .four-year-con .con-left span {
display: block;
line-height: 20px;
font-size: 16px;
font-weight: bold;
}
#part1 .four-year-con .con-right {
/* float: left; */
display: inline-block;
width: 820px;
vertical-align: text-top;
}
#part1 .four-year-con .con-right .right-title {
font-size: 16px;
color: #ea508c;
font-weight: bold;
margin:5px 0 10px 0;
}
#part1 .four-year-con .con-right p {
font-size:14px;
color:#3a4b62;
line-height:25px;
}
#part1 .ljgd {
margin-top: 35px;
}
#part1 .ljgd > div {
float: left;
width: 430px;
height: 400px;
padding: 35px 25px 0;
background:#ebeff2;
color: #23508c;
position: relative;
}
#part1 .ljgd > div:first-child {
margin-right: 40px;
}
#part1 .ljgd > div h2 {
font-size: 20px;
line-height: 40px;
border-bottom: 1px solid #23508c;
padding-bottom: 25px;
}
#part1 .ljgd > div p {
font-size: 14px;
line-height:25px;
}
#part1 .ljgd > div a {
display: inline-block;
width: 210px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 17px;
color: #fff;
background:linear-gradient(to right, #3996d0, #ed538c);
position: absolute;
left: 50%;
margin-left: -105px;
bottom: -25px;
cursor: pointer;
}
#part1 .second-title {
width: 100%;
height: 660px;
background: #f3f5f6;
padding-top: 35px;
margin-top: 60px;
}
#part1 .second-title .title {
width: 186px;
height: 70px;
background: url('../images/part1-02.png') no-repeat;
padding-left: 70px;
margin: 0 auto;
line-height: 70px;
margin-bottom: 30px;
}
#part1 .second-title .title h1 {
font-size: 31px;
color: #23508c;
margin: 0;
padding-bottom: 10px;
border-bottom: 4px solid #23508c;
line-height: 31px;
padding-top: 22px;
}
#part1 .second-title .con > div {
margin-bottom: 30px;
color: #23508c;
}
#part1 .second-title .con > div h3 {
font-size: 16px;
margin: 0;
margin-bottom: 10px;
}
#part1 .second-title .con > div p {
font-size: 14px;
line-height: 25px;
}
#part1 .footer-img {
margin-top: 40px;
}
#part1 .footer-img .mw > div {
width: 480px;
float: left;
}
#part1 .footer-img .mw > div img {
width: 100%;
height: 100%;
}
#part1 .footer-img .mw > div:first-child {
margin-right: 40px;
}
/* part2 鍔犳嬁澶х暀瀛︽椂闂磋鍒掕〃 */
#part2 {
position: relative;
margin-top: 30px;
}
#part2 .part2-bg {
width: 100%;
/* height: 1280px; */
background: url('../images/part2-bg.png') no-repeat center 10px;
padding-top: 153px;
margin-bottom: 60px;
}
#part2 .part2-bg .part2-title {
font-size:57px;
color: #b4272d;
line-height: 57px;
position: absolute;
left: 43%;
margin-left: -265px;
top: 35px;
font-weight: bold;
}
#part2 .part2-bg .part2-info {
margin-bottom: 50px;
}
#part2 .part2-bg .part2-info > div {
float: left;
}
#part2 .part2-bg .part2-info .img {
width: 305px;
height: 230px;
margin-right: 50px;
}
#part2 .part2-bg .part2-info .img img {
width: 100%;
height: 100%;
}
#part2 .part2-bg .part2-info .info {
width: 645px;
font-size: 16px;
color: #b5262d;
font-weight: bold;
line-height: 40px;
}
#part2 .part2-bg .part2-info .info ul {
margin: 0;
}
#part2 .part2-bg .four-year > ul {
width: 940px;
height: 47px;
border-bottom: 3px solid #f9c623;
padding-left: 45px;
margin: 0 auto;
}
#part2 .part2-bg .four-year > ul li {
float: left;
width: 198px;
height: 42px;
text-align: center;
background: url('../images/part2-tab.png') no-repeat;
font-size: 16px;
color: #fff;
padding-top: 8px;
line-height: 20px;
background-size: 100% 100%;
margin-right: 35px;
cursor: pointer;
}
#part2 .part2-bg .four-year > ul li.j-on {
background: url('../images/part2-tabon.png') no-repeat;
color: #fff;
background-size: 100% 100%;
}
#part2 .part2-bg .four-year .four-year-con {
height: 440px;
border: 2px dashed #f9c623;
border-radius:6px;
margin-top: -2px;
padding: 25px 25px 0;
}
#part2 .part2-bg .four-year .four-year-con.j-hid {
display: none;
}
#part2 .four-year-con > div {
height: 400px;
overflow: auto;
}
#part2 .four-year-con .line-arrow {
position: relative;
padding-bottom: 20px;
}
#part2 .four-year-con .line-arrow:after {
position: absolute;
display: inline-block;
content:"";
width: 10px;
height:65px;
background: url('../images/part2-icon.png') no-repeat center bottom;
left: 40px;
top: 95px
}
#part2 .four-year-con .con-left {
/* float: left; */
display: inline-block;
width: 90px;
height: 77px;
border-radius: 50%;
background: #f9c623;
color: #fff;
text-align: center;
padding-top: 13px;
margin-right: 10px;
vertical-align: text-top;
}
#part2 .four-year-con .con-left span {
display: block;
line-height: 20px;
font-size: 16px;
font-weight: bold;
}
#part2 .four-year-con .con-right {
/* float: left; */
display: inline-block;
width: 820px;
vertical-align: text-top;
}
#part2 .four-year-con .con-right .right-title {
font-size: 16px;
color: #ed8928;
font-weight: bold;
margin:5px 0 10px 0;
}
#part2 .four-year-con .con-right p {
font-size:14px;
color:#3a4b62;
line-height:25px;
}
#part2 .four-year-con.two .line-arrow:nth-child(2):after, #part2 .four-year-con.two .line-arrow:nth-child(3):after {
height: 115px;
}
#part2 .ljgd {
margin-top: 35px;
}
#part2 .ljgd > div {
width: 950px;
height: 370px;
padding: 30px 25px 0;
background:#f1efef;
color: #b5272d;
position: relative;
}
#part2 .ljgd > div:first-child {
margin-right: 40px;
}
#part2 .ljgd > div h2 {
display: inline-block;
font-size: 20px;
line-height: 40px;
border-bottom: 1px solid #b5272d;
padding-bottom: 25px;
}
#part2 .ljgd > div p {
font-size: 14px;
line-height:25px;
}
#part2 .ljgd > div a {
display: inline-block;
width: 210px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 17px;
color: #fff;
background:linear-gradient(to right, #3996d0, #ed538c);
position: absolute;
right:30px;
bottom: -25px;
cursor: pointer;
}
#part2 .second-title {
width: 100%;
height: 687px;
background: #f3f5f6;
padding-top: 35px;
}
#part2 .second-title .title {
width: 186px;
height: 70px;
background: url('../images/part2-02.png') no-repeat;
padding-left: 70px;
margin: 0 auto;
line-height: 70px;
margin-bottom: 30px;
}
#part2 .second-title .title h1 {
font-size: 31px;
color: #b5272d;
margin: 0;
padding-bottom: 10px;
border-bottom: 4px solid #b5272d;
line-height: 31px;
padding-top: 22px;
}
#part2 .second-title .con > div {
margin-bottom: 30px;
color: #b5272d;
}
#part2 .second-title .con > div h3 {
font-size: 16px;
margin: 0;
margin-bottom: 10px;
}
#part2 .second-title .con > div p {
font-size: 14px;
line-height: 25px;
}
#part2 .second-title .btn-box {
margin-top: 60px;
}
#part2 .footer-img {
margin-top: 40px;
}
#part2 .footer-img .mw > div {
width: 480px;
float: left;
}
#part2 .footer-img .mw > div a {
display: inline-block;
}
#part2 .footer-img .mw > div img {
width: 100%;
height: 100%;
}
#part2 .footer-img .mw > div:first-child {
margin-right: 40px;
}
/*
common 鏍峰紡
*/
.common .bg .part-info {
margin-bottom: 50px;
margin-top: 50px;
}
.common .bg .part-info > div {
float: left;
}
.common .bg .part-info .img {
width: 305px;
height: 230px;
margin-right: 50px;
}
.common .bg .part-info .img img {
width: 100%;
height: 100%;
}
.common .bg .part-info .info {
width: 645px;
font-size: 16px;
color: #282d78;
font-weight: bold;
line-height: 40px;
}
.common .bg .part-info .info ul {
margin: 0;
}
.common .second-title {
width: 100%;
height: 600px;
background: #f3f5f6;
padding-top: 35px;
}
.common .second-title .title {
width: 186px;
height: 70px;
background: url('../images/part3-02.png') no-repeat;
padding-left: 70px;
margin: 0 auto;
line-height: 70px;
margin-bottom: 30px;
}
.common .second-title .title h1 {
font-size: 31px;
color: #282d78;
margin: 0;
padding-bottom: 10px;
border-bottom: 4px solid #282d78;
line-height: 31px;
padding-top: 10px;
}
.common .second-title .con > div {
margin-bottom: 30px;
color: #282d78;
}
.common .second-title .con > div h3 {
font-size: 16px;
margin: 0;
margin-bottom: 10px;
}
.common .second-title .con > div p {
font-size: 14px;
line-height: 25px;
}
.common .second-title .btn-box {
margin-top: 60px;
}
.common .footer-img {
margin-top: 40px;
}
.common .footer-img .mw > div {
width: 480px;
float: left;
}
.common .footer-img .mw > div a {
display: inline-block;
}
.common .footer-img .mw > div img {
width: 100%;
height: 100%;
}
.common .footer-img .mw > div:first-child {
margin-right: 40px;
}
.common .bg .four-year > ul {
width: 940px;
height: 47px;
border-bottom: 3px solid #df3c85;
padding-left: 45px;
margin: 0 auto;
}
.common .bg .four-year > ul li {
float: left;
width: 198px;
height: 42px;
text-align: center;
background: url('../images/part1-tab.png') no-repeat;
font-size: 16px;
color: #fff;
padding-top: 8px;
line-height: 34px;
background-size: 100% 100%;
margin-right: 35px;
cursor: pointer;
}
.common .bg .four-year > ul li.y-on {
background: url('../images/part1-tabon.png') no-repeat;
color: #fff;
background-size: 100% 100%;
}
.common .bg .four-year .four-year-con {
height: 345px;
border: 2px dashed #d9146c;
border-radius:6px;
margin-top: -2px;
padding: 25px 25px 0;
}
.common .bg .four-year .four-year-con.y-hid {
display: none;
}
.common .four-year-con > div {
height: 335px;
overflow: auto;
}
.common .four-year-con .line-arrow {
position: relative;
padding-bottom: 20px;
}
.common .four-year-con .line-arrow:after {
position: absolute;
display: inline-block;
content:"";
width: 10px;
height:18px;
/*background: url('../images/part3-icon.png') no-repeat center bottom;*/
left: 27px;
top: 71px
}
.common .four-year-con .con-left {
/* float: left; */
display: inline-block;
width: 65px;
height: 65px;
line-height: 65px;
border-radius: 50%;
background: #d9146c;
color: #fff;
text-align: center;
margin-right: 10px;
vertical-align: middle;
}
.common .four-year-con .con-left span {
display: block;
line-height: 64px;
font-size: 16px;
font-weight: bold;
}
.common .four-year-con .con-right {
/* float: left; */
display: inline-block;
width: 820px;
vertical-align: middle;
}
.common .four-year-con .con-right p {
font-size:14px;
color:#3a4b62;
line-height:25px;
}
.common .four-year-con .con-right p span {
color: #d9146c;
}
.common .ljgd {
margin-top: 35px;
}
.common .ljgd > div {
width: 950px;
height: 295px;
padding: 30px 25px 0;
background:#ebeff2;
color: #23508c;
position: relative;
}
.common .ljgd > div:first-child {
margin-right: 40px;
}
.common .ljgd > div h2 {
display: inline-block;
font-size: 20px;
line-height: 40px;
border-bottom: 1px solid #23508c;
padding-bottom: 25px;
}
.common .ljgd > div p {
font-size: 14px;
line-height:25px;
}
.common .ljgd > div a {
display: inline-block;
width: 210px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 17px;
color: #fff;
background:linear-gradient(to right, #3996d0, #ed538c);
position: absolute;
right:30px;
bottom: -25px;
cursor: pointer;
}
/* part3 鑻卞浗鐣欏鏃堕棿瑙勫垝琛� */
#part3 {
position: relative;
margin-top: 30px;
}
#part3 .part3-bg {
width: 100%;
/* height: 1280px; */
background: url('../images/part3-bg.png') no-repeat center 10px;
padding-top: 153px;
margin-bottom: 60px;
}
#part3 .part3-bg .part3-title {
font-size:57px;
color: #282d78;
line-height: 57px;
position: absolute;
left: 50%;
margin-left: -240px;
top: 70px;
font-weight: bold;
}
#part3 .four-year-con .line-arrow:nth-child(5):after {
height: 100px;
}
#part3 .four-year-con .line-arrow:nth-child(4):after {
height: 40px;
}
#part3 .four-year-con.two .line-arrow:after {
height: 25px;
}
#part3 .four-year-con.two .line-arrow:nth-child(4):after {
height: 40px;
}
#part3 .four-year-con.two .line-arrow:nth-child(2):after, #part3 .four-year-con.two .line-arrow:nth-child(5):after {
height:49px;
}
#part3 .four-year-con.two .line-arrow:first-child:after {
height:90px;
}
/* part4 婢虫床鐣欏鏃堕棿瑙勫垝琛� */
#part4 {
position: relative;
margin-top: 30px;
}
#part4 .part4-bg {
width: 100%;
/* height: 1280px; */
background: url('../images/part4-bg.png') no-repeat center 10px;
padding-top: 80px;
margin-bottom: 60px;
}
#part4 .part4-bg .part4-title {
font-size:57px;
color: #0b5d36;
line-height: 57px;
position: absolute;
left: 43%;
margin-left: -240px;
top: 10px;
font-weight: bold;
}
#part4 .part4-bg .part-info .info {
color: #0b5d36;
}
#part4 .part4-bg .four-year > ul li {
background: url('../images/part4-tab.png') no-repeat;
background-size: 100% 100%;
}
#part4 .part4-bg .four-year > ul li.a-on {
background: url('../images/part4-tabon.png') no-repeat;
background-size: 100% 100%;
}
#part4 .part4-bg .four-year .four-year-con.a-hid {
display: none;
}
#part4 .part4-bg .four-year > ul {
border-bottom: 3px solid #0b5d36;
}
#part4 .part4-bg .four-year .four-year-con {
border: 2px dashed #0b5d36;
}
#part4 .four-year-con .con-left {
background: #0b5d36;
}
/*#part4 .four-year-con .line-arrow:after {
background: url('../images/part4-icon.png') no-repeat center bottom;
top:65px;
}*/
#part4 .four-year-con.two .line-arrow:nth-child(2):after, #part4 .four-year-con.two .line-arrow:nth-child(5):after {
top: 86px;
height: 33px;
}
#part4 .four-year-con.two .line-arrow:first-child:after {
top: 95px;
height: 65px;
}
#part4 .four-year-con.two .line-arrow:nth-child(3):after {
top: 70px;
height: 28px;
}
#part4 .four-year-con.two .line-arrow:nth-child(4):after {
top: 70px;
height: 40px;
}
#part4 .four-year-con .con-right p span {
color: #009849;
}
#part4 .ljgd > div h2 {
color:#0b5c35;
border-color: #0b5c35;
}
#part4 .ljgd > div p {
color:#0b5c35;
}
#part4 .second-title .title {
background: url('../images/part4-02.png') no-repeat;
}
#part4 .second-title .title h1 {
color: #0b5c35;
border-color: #0b5c35;
}
#part4 .second-title .con > div {
color: #0b5c35;
}
#part4 .second-title {
height: 650px;
}
/* part5 娆ф床鐣欏鏃堕棿瑙勫垝琛� */
#part5 {
position: relative;
margin-top: 30px;
}
#part5 .part5-bg {
width: 100%;
/* height: 1280px; */
background: url('../images/part5-bg.png') no-repeat center 10px;
padding-top: 155px;
margin-bottom: 60px;
}
#part5 .part5-bg .part5-title {
font-size:57px;
color: #005e68;
line-height: 57px;
position: absolute;
left: 50%;
margin-left: -220px;
top: 85px;
font-weight: bold;
}
#part5 .part5-bg .part-info .info {
color: #005e69;
}
#part5 .part5-bg .four-year > ul li {
background: url('../images/part5-tab.png') no-repeat;
background-size: 100% 100%;
}
#part5 .part5-bg .four-year > ul li.o-on {
background: url('../images/part5-tabon.png') no-repeat;
background-size: 100% 100%;
}
#part5 .part5-bg .four-year .four-year-con.o-hid {
display: none;
}
#part5 .part5-bg .four-year > ul {
border-bottom: 3px solid #9782bb;
}
#part5 .part5-bg .four-year .four-year-con {
border: 2px dashed #9782bb;
}
#part5 .four-year-con .con-left {
background: #9782bb;
vertical-align: top;
}
#part5 .four-year-con .line-arrow:after {
background: url('../images/part5-icon.png') no-repeat center bottom;
top: 65px;
height: 100px;
}
#part5 .four-year-con .line-arrow:first-child:after, #part5 .four-year-con.two .line-arrow:nth-child(2):after {
height: 175px;
}
#part5 .four-year-con .line-arrow:nth-child(2):after, #part5 .four-year-con.two .line-arrow:nth-child(5):after {
height: 150px;
}
#part5 .four-year-con .line-arrow:nth-child(4):after, #part5 .four-year-con.two .line-arrow:first-child:after, #part5 .four-year-con.two .line-arrow:nth-child(3):after {
height: 200px;
}
#part5 .four-year-con .con-right p span {
color: #9782bb;
}
#part5 .ljgd > div h2 {
color:#005d69;
border-color: #005d69;
}
#part5 .ljgd > div p {
color:#005d69;
}
#part5 .second-title .title {
background: url('../images/part5-02.png') no-repeat;
}
#part5 .second-title .title h1 {
color: #005d69;
border-color: #005d69;
}
#part5 .second-title .con > div {
color: #005d69;
}
#part5 .second-title .con > div p span {
font-weight: bold;
}
#part5 .second-title {
height: 625px;
}
/* part6 浜氭床鐣欏鏃堕棿瑙勫垝琛� */
#part6 {
position: relative;
margin-top: 30px;
}
#part6 .part6-bg {
width: 100%;
/* height: 1280px; */
background: url('../images/part6-bg.png') no-repeat center 10px;
padding-top: 160px;
margin-bottom: 60px;
}
#part6 .part6-bg .part6-title {
font-size:57px;
color: #784335;
line-height: 57px;
position: absolute;
left: 43%;
margin-left: -240px;
top: 85px;
font-weight: bold;
}
#part6 .part6-bg .part-info .info {
color: #784335;
}
#part6 .part6-bg .four-year > ul li {
background: url('../images/part6-tab.png') no-repeat;
background-size: 100% 100%;
}
#part6 .part6-bg .four-year > ul li.cn-on {
background: url('../images/part6-tabon.png') no-repeat;
background-size: 100% 100%;
}
#part6 .part6-bg .four-year .four-year-con.cn-hid {
display: none;
}
#part6 .part6-bg .four-year > ul {
border-bottom: 3px solid #efa92c;
}
#part6 .part6-bg .four-year .four-year-con {
border: 2px dashed #efa92c;
}
#part6 .four-year-con .con-left {
background: #efa92c;
vertical-align: top;
}
#part6 .four-year-con .line-arrow:after {
background: url('../images/part6-icon.png') no-repeat center bottom;
top: 65px;
height: 150px;
}
#part6 .four-year-con .line-arrow:nth-child(2):after, #part6 .four-year-con.two .line-arrow:nth-child(2):after, #part6 .four-year-con.two .line-arrow:nth-child(3):after, #part6 .four-year-con.two .line-arrow:nth-child(4):after {
height: 200px;
}
#part6 .four-year-con .line-arrow:nth-child(3):after {
height: 225px;
}
#part6 .four-year-con.two .line-arrow:after {
height:100px;
}
#part6 .four-year-con .con-right p span {
color: #efa92c;
}
#part6 .ljgd {
margin-top: 35px;
}
#part6 .ljgd > div {
float: left;
width: 415px;
height: 300px;
padding: 35px 25px 0;
background:#f0e5e2;
color: #784335;
position: relative;
}
#part6 .ljgd > div:first-child {
margin-right: 40px;
}
#part6 .ljgd > div h2 {
font-size: 20px;
line-height: 40px;
border-bottom: 1px solid #784335;
padding-bottom: 25px;
}
#part6 .ljgd > div p {
font-size: 14px;
line-height:25px;
}
#part6 .ljgd > div a {
display: inline-block;
width: 210px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 17px;
color: #fff;
background:linear-gradient(to right, #3996d0, #ed538c);
position: absolute;
left: 50%;
margin-left: -105px;
bottom: -25px;
}
#part6 .second-title {
background:#f9f5f4;
}
#part6 .second-title .title {
background: url('../images/part6-02.png') no-repeat;
}
#part6 .second-title .title h1 {
color: #784335;
border-color: #784335;
}
#part6 .second-title .con > div {
color: #784335;
}
#part6 .second-title .con > div span {
color: #efa92c;
}
#part6 .second-title {
height: 700px;
}
#part7 .tit h3 {
font-size:58px;
color: #27384a;
}
#part7 .tit h3 i {
color: #2b5886;
font-size: 58px;
font-style: normal;
}
#part7 .tit > i {
display:inline-block;
font-size: 30px;
color: #4a4646;
margin-top: 15px;
}
#part7 .part4-img div {
width: 50%;
text-align: center;
float: left;
}
#part7 .part4-img div a {
display: inline-block;
width: 320px;
height: 235px;
position: relative;
}
#part7 .part4-img div a img {
width: 100%;
height: 100%;
}
#part7 .part4-img div a .content {
position: absolute;
top:60px;
left:50%;
margin-left:-137px;
width:254px;
background: #333;
opacity: .4;
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 15px 10px;
}
#part7 .sum ul li {
float: left;
text-align: center;
padding-top: 40px;
width: 230px;
height: 137px;
background: #2b5886;
margin-right: 20px;
}
#part7 .sum ul li:last-child {
marign-right:0;
}
#part7 .sum ul li span {
font-size: 46px;
color: #fff;
font-weight: bold;
}
#part7 .sum ul li div {
font-size: 24px;
color: #fff;
margin-top: 10px;
}
#part7 .details {
font-size: 18px;
margin-top:20px;
line-height: 35px;
position: relative;
}
#part7 .line {
margin-top: 50px;
}
#part7 .line ul li {
cursor:pointer;
width: 133px;
height:44px;
margin-right:40px;
background: #eaeff3;
color:#48525d;
text-align:center;
line-height: 44px;
font-weight: bold;
font-size: 22px;
float: left;
position: relative;
}
#part7 .line ul li:last-child {
margin-right: 0;
}
#part7 .line ul li:after {
display: inline-block;
content:"";
width: 40px;
height: 6px;
background: #eaeff3;
position: absolute;
right: -40px;
top: 50%;
margin-top: -3px;
}
#part7 .line ul li:last-child:after {
width: 0;
}
#part7 .line ul li.qdfw-on {
background: #2b5886;
color: #fff;
}
#part7 .line .info {
width: 100%;
height: 275px;
background: #f9f9f9;
margin-top: 30px;
}
#part7 .line .info .img {
width: 100%;
height: 275px;
}
#part7 .line .info .img img {
width: 400px;
height: 275px;
float: left;
}
#part7 .line .info .img div {
width: 505px;
height: 245px;
float: left;
padding: 70px 45px 0 50px;
line-height: 30px;
font-size: 18px;
}
#part7 .line .qdfw-hid {
display: none;
}