@charset "utf-8";
/*总体设置(不可更改)*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, dl, dt, dd {
margin: 0;
padding: 0;
border: 0;
font-family: "微软雅黑";
}
select, input {
vertical-align: middle;
font-size: 12px;
}
table, tr, td, th {
margin: 0;
padding: 0;
font-family: "微软雅黑";
}
textarea, td, div, input {
font-size: 12px;
}
body {
color: #333;
font-size: 12px;
text-align: center;
background: #fff;
behavior: url(css/iehoverfix.htc);
}
ul, ol {
list-style: none;
}
/**空白10像素**/
.sh10 {
height: 10px;
background: #fff;
overflow: hidden;
font-size: 0;
}
/**右边空10像素**/
.mar10 {
margin-right: 10px;
}
/**左边空10像素**/
.mal10 {
margin-left: 10px;
}
/**上边空10像素**/
.mat10 {
margin-top: 10px;
}
/**块隐藏**/
.none {
display: none;
}
/**块显示**/
.block {
display: block;
}
/**清除边框**/
.nonebor {
border: 0;
}
img {
display: block;
}
/**清除浮动**/
.clear {
clear: both;
font-size: 0;
line-height: 0;
height: 0;
vertical-align: middle;
}
/**链接**/
a {
outline: none;
text-decoration: none;
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
a:hover {
text-decoration: none;
color: #d9000d;
}
.fmove img {
display: inline;
}
/**--------------------首页-----------------------------**/
.head {
width: 1200px;
margin: 0 auto;
text-align: left;
height: 90px;
}
.logo {
width: 306px;
float: left;
display: inline;
margin-top: 15px;
}
.logo a img {
width: auto;
height: 54px;
}
.nav {
width: 890px;
float: right;
display: inline;
margin-top: 30px;
}
.nav ul li {
font-size: 16px;
font-weight: normal;
float: left;
display: inline;
position: relative;
font-weight: bold;
}
.nav ul li span {
display: block;
height: 60px;
}
.nav ul li span a {
display: inline-block;
padding: 0 8px;
height: 30px;
line-height: 30px;
border-radius: 3px;
color: #162a65;
}
.nav ul li.on span a {
display: inline-block;
padding: 0 8px;
line-height: 30px;
border-radius: 3px;
background-color: #162a65;
color: #fff;
}
.nav ul li span a:hover {
display: inline-block;
padding: 0 8px;
line-height: 30px;
border-radius: 3px;
background-color: #ceedff;
color: #162a65;
}
.nav ul li.on span a:hover {
display: inline-block;
padding: 0 8px;
line-height: 30px;
border-radius: 3px;
background-color: #162a65;
color: #fff;
}
.nav ul li .li_box {
display: none;
position: absolute;
left: 0;
top: 60px;
z-index: 99990;
filter: drop-shadow(0 5px 5px #dddddd);
}
.nav ul li .li_box p a {
display: block;
line-height: 33px;
text-align: center;
font-size: 14px;
color: #333;
font-weight: normal;
width: 84px;
background-color: rgba(255,255,255,.9);
}
.nav ul li .li_box p a:hover {
display: block;
line-height: 33px;
text-align: center;
font-size: 14px;
color: #fff;
font-weight: normal;
width: 84px;
background-color: rgba(217,0,13,1);
}
.nav ul li:hover .li_box {
display: block;
}
/**搜索**/
.search_bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99998;
background-color: rgba(255,255,255,0);
display: none;
}
.search {
width: 1200px;
position: absolute;
top: 90px;
left: 50%;
margin-left: -690px;
height: 99px;
background-image: url(../images/div_bg11.jpg);
background-repeat: no-repeat;
background-position: top center;
z-index: 99999;
padding: 0 90px;
display: none;
}
.input01 {
height: 40px;
width: 1010px;
float: left;
display: inline;
margin-top: 11px;
border: none;
box-sizing: border-box;
font-size: 15px;
font-weight: bold;
color: #162a65;
line-height: 22px;
background-color: #fff;
border-radius: 3px;
margin-top: 29px;
padding: 0 10px;
}
.input01:focus {
outline: none;
}
.input01::-webkit-input-placeholder {
/* WebKit browsers */
color: #162a65;
}
.input01:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #162a65;
}
.input01::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #162a65;
}
.input01:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #162a65;
}
.input02 {
width: 120px;
height: 40px;
float: left;
display: inline;
margin-left: 20px;
background-color: #fff;
border: none;
padding: 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #162a65;
font-family: "微软雅黑";
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin-top: 29px;
}
.search .close img {
width: 30px;
height: 30px;
float: left;
display: inline;
margin-top: 34px;
margin-left: 20px;
cursor: pointer;
}
.parta {
overflow: hidden;
width: 1200px;
margin: 0 auto;
position: relative;
margin-top: -36px;
z-index: 99979;
text-align: left;
}
.pa_left {
width: 828px;
height: 236px;
float: left;
display: inline;
background-image: url(../images/div_bg01.jpg);
background-repeat: repeat-x;
background-size: 1px 236px;
overflow: hidden;
border-radius: 10px;
padding: 0 34px;
position: relative;
}
.pa_left .img01 {
position: absolute;
left: 0;
top: 0;
z-index: 99980;
}
.pa_left dl {
margin-top: 28px;
}
.pa_left dl dt {
width: 300px;
height: 180px;
float: left;
display: inline;
position: relative;
overflow: hidden;
}
.pa_left dl dt a {
display: block;
}
.pa_left dl dt a img {
width: 300px;
height: 180px;
}
.pa_left dl dt a p {
width: 100%;
height: 36px;
padding: 0 10px;
font-size: 14px;
font-weight: normal;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
line-height: 36px;
background-color: rgba(0,0,0,.5);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pa_left dl dt a:hover p {
width: 100%;
height: 36px;
padding: 0 10px;
font-size: 14px;
font-weight: normal;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
line-height: 36px;
background-color: rgba(217,0,13,.7);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pa_left dl dd {
width: 500px;
height: 180px;
float: right;
display: inline;
position: relative;
overflow: hidden;
}
.pa_left dl dd h3 {
height: 32px;
}
.pa_left dl dd h3 ul li {
font-size: 14px;
float: left;
display: inline;
line-height: 30px;
margin-right: 24px;
cursor: pointer;
}
.pa_left dl dd h3 ul li.on {
font-size: 16px;
color: #122a6a;
font-weight: bold;
border-bottom: 2px solid #5198c2;
}
.pa_left dl dd .dd_box {
display: block;
margin-top: 12px;
}
.pa_left dl dd .dd_box ul li {
font-size: 14px;
font-weight: normal;
line-height: 26px;
overflow: hidden;
display: block;
}
.pa_left dl dd .dd_box ul li span {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
float: right;
color: #999999;
margin-top: 2px;
}
.pa_left dl dd .dd_box ul li a {
width: 460px;
color: #333;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pa_left dl dd .dd_box ul li a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.pa_left dl dd .dd_box ul li:first-child {
font-size: 16px;
font-weight: bold;
}
.pa_left dl dd a.more {
font-size: 12px;
color: #666666;
position: absolute;
right: 0;
top: 6px;
}
.pa_left dl dd a.more:hover {
color: #d9000d;
right: 5px;
}
.pa_right {
width: 224px;
height: 236px;
float: right;
display: inline;
background-image: url(../images/div_bg01.jpg);
background-repeat: repeat-x;
background-size: 1px 236px;
overflow: hidden;
border-radius: 10px;
position: relative;
padding: 0 20px;
}
.pa_right h3 {
height: 32px;
margin-top: 26px;
}
.pa_right h3 ul li {
font-size: 14px;
float: left;
display: inline;
line-height: 30px;
margin-right: 24px;
cursor: pointer;
}
.pa_right h3 ul li.on {
font-size: 16px;
color: #d9000d;
font-weight: bold;
border-bottom: 2px solid #d9000d;
}
.pa_right_main {
overflow: hidden;
padding: 12px 0 0 0;
}
.pa_right_main dl {
overflow: hidden;
padding: 7px 0;
}
.pa_right_main dl dt {
width: 42px;
font-size: 12px;
font-weight: normal;
color: #666;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
float: left;
display: inline;
margin-top: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pa_right_main dl dt strong {
font-size: 15px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
display: block;
}
.pa_right_main dl i {
display: block;
width: 1px;
height: 24px;
background-color: #ccc;
float: left;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
float: left;
display: inline;
margin: 0 10px 0 14px;
margin-top: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pa_right_main dl dd {
width: 144px;
float: right;
display: inline;
}
.pa_right_main dl dd a {
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #333;
height: 40px;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.pa_right_main dl dd a:hover {
color: #d9000d;
}
.pa_right_main dl:hover dt {
color: #d9000d;
}
.pa_right_main dl:hover dt strong {
color: #d9000d;
}
.pa_right_main dl:hover i {
background-color: #d9000d;
}
.pa_right_info {
overflow: hidden;
font-size: 14px;
font-weight: normal;
color: #5595c1;
text-align: center;
padding: 18px 0 0 0;
}
.pa_right_info img {
width: 120px;
display: block;
margin: 0 auto;
}
.pa_right a.more {
font-size: 12px;
color: #666666;
position: absolute;
right: 20px;
top: 32px;
}
.pa_right a.more:hover {
color: #d9000d;
right: 25px;
}
.partb {
text-align: left;
width: 1200px;
margin: 0 auto;
margin-top: 40px;
height: 360px;
overflow: hidden;
}
.pb_info01 {
width: 348px;
position: relative;
float: left;
display: inline;
}
.pb_info01 h2 {
background-image: url(../images/div_bg02.jpg);
background-repeat: no-repeat;
background-position: -30px 0;
height: 36px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
color: #112969;
line-height: 36px;
position: relative;
}
.pb_info01 h2 i {
width: 18px;
height: 18px;
background-color: #429cd1;
border-radius: 100px;
float: left;
display: inline;
margin-top: 9px;
margin-right: 8px;
}
.pb_info01 h2 i img {
display: block;
margin-left: 8px;
margin-top: 5px;
}
.pb_info01 h2 ul {
width: 192px;
height: 26px;
position: absolute;
bottom: 0;
right: 40px;
}
.pb_info01 h2 ul li {
width: 64px;
float: left;
display: inline;
font-size: 12px;
text-align: center;
line-height: 26px;
color: #112969;
cursor: pointer;
}
.pb_info01 h2 ul li.on {
background-color: #fff;
}
.pb_info01_main01 {
margin-top: 24px;
background-image: url(../images/div_bg03.jpg);
background-repeat: repeat-y;
background-position: 62px 0;
height: 300px;
overflow: hidden;
}
.pb_info01_main01 ul li {
overflow: hidden;
padding: 5px 0 5px 0;
}
.pb_info01_main01 ul li font {
width: 46px;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-color: #4e97c4;
color: #fff;
border-radius: 2px;
text-align: center;
float: left;
display: inline;
line-height: 16px;
margin-top: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pb_info01_main01 ul li:hover font {
background-color: #d9000d;
}
.pb_info01_main01 ul li i {
width: 5px;
height: 5px;
background-color: #4e97c4;
border-radius: 1000px;
float: left;
display: inline;
margin-left: 12px;
margin-top: 6px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #fff;
}
.pb_info01_main01 ul li:hover i {
background-color: #d9000d;
}
.pb_info01_main01 ul li .li_box {
width: 270px;
float: right;
display: inline;
}
.pb_info01_main01 ul li .li_box p {
font-size: 14px;
font-weight: normal;
color: #333;
line-height: 20px;
margin-bottom: 5px;
}
.pb_info01_main01 ul li .li_box p a {
color: #333;
}
.pb_info01_main01 ul li .li_box p a:hover {
color: #d9000d;
}
.pb_info01_main01 ul li:first-child {
padding: 0 0 5px 0;
}
.pb_info01_main01 ul li:last-child {
padding: 5px 0 0 0;
}
.pb_info01_main01 a.more {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 16px;
}
.pb_info01_main01 a.more:hover {
color: #d9000d;
}
.pb_info01_main01 ul li:first-child font {
background-color: #d9000d;
}
.pb_info01_main01 ul li:first-child i {
background-color: #d9000d;
}
.pb_info01_main01 ul li:first-child .li_box p a {
color: #d9000d;
}
/* 滚动内容区样式 */
.pb_info01_main01 .scroll_cont {
height: 100%;
overflow: hidden;
}
/* 滚动条 */
.pb_info01_main01 .scroll_bar {
position: absolute;
top: 60px;
right: 0;
width: 1px;
height: 300px;
background-color: #eeeeee;
}
/* 滚动块 */
.pb_info01_main01 .scroll_slider {
position: absolute;
top: 0;
left: -1px;
width: 3px;
height: 48px;
background-color: rgba(78,151,196,.5);
border-radius: 100px;
}
.pb_info01_main02 {
height: 300px;
margin-top: 24px;
}
.pb_info02_mian02_box01 {
padding: 10px;
height: 120px;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(236, 249, 255, 0.4) 60%, rgba(236, 249, 255, 1) 100%);
position: relative;
}
.pb_info02_mian02_box01 .button_left a {
width: 20px;
height: 30px;
position: absolute;
left: 10px;
top: 38px;
background-color: rgba(0,0,0,.5);
font-size: 14px;
color: #fff;
text-align: center;
font-family: "宋体";
z-index: 2;
padding: 7px 0 0 0;
box-sizing: border-box;
cursor: pointer;
}
.pb_info02_mian02_box01 .button_left a:hover {
width: 20px;
height: 30px;
position: absolute;
left: 10px;
top: 38px;
background-color: rgba(217,0,13,1);
font-size: 14px;
color: #fff;
text-align: center;
font-family: "宋体";
z-index: 2;
padding: 7px 0 0 0;
box-sizing: border-box;
}
.pb_info02_mian02_box01 .button_right a {
width: 20px;
height: 30px;
position: absolute;
right: 10px;
top: 38px;
background-color: rgba(0,0,0,.5);
font-size: 14px;
color: #fff;
text-align: center;
font-family: "宋体";
z-index: 2;
padding: 7px 0 0 0;
box-sizing: border-box;
cursor: pointer;
}
.pb_info02_mian02_box01 .button_right a:hover {
width: 20px;
height: 30px;
position: absolute;
right: 10px;
top: 38px;
background-color: rgba(217,0,13,1);
font-size: 14px;
color: #fff;
text-align: center;
font-family: "宋体";
z-index: 2;
padding: 7px 0 0 0;
box-sizing: border-box;
}
.pb_info02_mian02_box01 .box {
width: 328px;
float: left;
display: inline;
}
.pb_info02_mian02_box01 .box .side {
float: left;
width: 130px;
height: 120px;
margin-right: 10px;
}
.pb_info02_mian02_box01 .box .side a {
font-size: 12px;
color: #333;
text-align: center;
display: block;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.pb_info02_mian02_box01 .box .side a .img_box {
width: 130px;
height: 86px;
position: relative;
overflow: hidden;
}
.pb_info02_mian02_box01 .box .side a .img_box img {
height: 86px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pb_info02_mian02_box01 .box .side a:hover {
color: #d9000d;
}
.pb_info02_mian02_box02 {
overflow: hidden;
position: relative;
}
.pb_info02_mian02_box02 h3 {
margin: 0 10px;
height: 30px;
background-image: url(../images/div_bg04.jpg);
background-repeat: repeat-x;
background-position: 0 12px;
}
.pb_info02_mian02_box02 h3 ul {
background-color: #fff;
display: inline-block;
}
.pb_info02_mian02_box02 h3 ul li {
font-size: 13px;
font-weight: bold;
color: #333;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
line-height: 28px;
cursor: pointer;
}
.pb_info02_mian02_box02 h3 ul li.on {
color: #112969;
border-bottom: 2px solid #112969;
}
.h3_box {
padding: 10px;
}
.h3_box ul li {
font-size: 12px;
font-weight: normal;
line-height: 24px;
}
.h3_box ul li a {
color: #333;
-webkit-line-clamp: 1;
overflow: hidden;
height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.h3_box ul li a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.h3_box a.more2 {
font-size: 12px;
color: #666;
display: inline-block;
background-color: #fff;
padding: 0 0 0 14px;
position: absolute;
top: 4px;
right: 10px;
}
.h3_box a.more2:hover {
right: 15px;
color: #d9000d;
}
.pb_info01_main02 a.more {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 16px;
}
.pb_info01_main02 a.more:hover {
color: #d9000d;
}
.pb_info01_main03 {
height: 300px;
margin-top: 24px;
overflow: hidden;
}
.pb_info01_main03 dl.dst01 {
background-color: #f0fbff;
height: 90px;
overflow: hidden;
}
.pb_info01_main03 dl.dst01 a {
display: block;
}
.pb_info01_main03 dl.dst01 a dt {
width: 132px;
height: 90px;
float: left;
display: inline;
}
.pb_info01_main03 dl.dst01 a dt img {
height: 90px;
}
.pb_info01_main03 dl.dst01 a dd {
width: 216px;
float: left;
display: inline;
padding: 24px 14px 0 14px;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
color: #333;
line-height: 22px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pb_info01_main03 dl.dst01 a:hover dd {
color: #d9000d;
}
.pb_info01_main03 dl.dst02 {
height: 50px;
overflow: hidden;
margin-top: 20px;
}
.pb_info01_main03 dl.dst02 a {
display: block;
}
.pb_info01_main03 dl.dst02 a dt {
width: 114px;
height: 50px;
float: left;
display: inline;
border-right: 1px solid #eeeeee;
position: relative;
}
.pb_info01_main03 dl.dst02 a dt img {
height: 50px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pb_info01_main03 dl.dst02 a dd {
width: 233px;
float: left;
display: inline;
padding: 4px 24px 0 30px;
box-sizing: border-box;
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pb_info01_main03 dl.dst02 a:hover dd {
color: #d9000d;
}
.pb_info01_main03 a.more {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 16px;
}
.pb_info01_main03 a.more:hover {
color: #d9000d;
}
.pb_info02 {
width: 508px;
float: left;
display: inline;
margin-left: 40px;
position: relative;
}
.pb_info02 h2 {
background-image: url(../images/div_bg02.jpg);
background-repeat: no-repeat;
background-position: 0 0;
height: 36px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
color: #112969;
line-height: 36px;
position: relative;
}
.pb_info02 h2 i {
width: 18px;
height: 18px;
background-color: #429cd1;
border-radius: 100px;
float: left;
display: inline;
margin-top: 9px;
margin-right: 8px;
}
.pb_info02 h2 i img {
display: block;
margin-left: 8px;
margin-top: 5px;
}
.pb_info02 h2 ul {
width: 192px;
height: 26px;
position: absolute;
bottom: 0;
right: 42px;
}
.pb_info02 h2 ul li {
width: 64px;
float: left;
display: inline;
font-size: 12px;
text-align: center;
line-height: 26px;
color: #112969;
cursor: pointer;
}
.pb_info02 h2 ul li.on {
background-color: #fff;
}
.pb_info02_main01 {
height: 300px;
margin-top: 24px;
}
.pb_info02_main01_left {
width: 242px;
float: left;
display: inline;
}
.pb_info02_main01_left dl {
background-color: #f5f5f9;
height: 300px;
}
.pb_info02_main01_left dl dt a img {
width: 242px;
height: 170px;
}
.pb_info02_main01_left dl dt a h3 {
padding: 0 20px;
line-height: 35px;
font-size: 15px;
font-weight: bold;
color: #112969;
margin-top: 6px;
}
.pb_info02_main01_left dl dt a h3 span {
font-size: 12px;
color: #333;
margin-left: 10px;
}
.pb_info02_main01_left dl dt a:hover h3 {
color: #429cd1;
}
.pb_info02_main01_left dl dd {
padding: 0 20px;
}
.pb_info02_main01_left dl dd p {
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #333333;
height: 60px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pb_info02_main01_left dl dd a {
display: block;
text-align: right;
color: #5198c2;
margin-top: 4px;
}
.pb_info02_main01_left dl dd a:hover {
color: #d9000d;
}
.pb_info02_main01_right {
width: 238px;
float: right;
display: inline;
}
.pb_info02_main01_right h3 {
height: 18px;
background-image: url(../images/div_bg06.jpg);
background-repeat: repeat-x;
background-position: 0 10px;
display: block;
}
.pb_info02_main01_right h3 font {
display: inline-block;
padding: 0 14px 0 0;
background-color: #fff;
font-size: 15px;
font-weight: bold;
color: #112969;
}
.pb_info02_main01_right h3 a {
float: right;
font-size: 12px;
color: #5198c2;
padding: 0 0 0 14px;
display: inline-block;
background-color: #fff;
font-size: 12px;
font-weight: normal;
}
.pb_info02_main01_right h3 a:hover {
color: #d9000d;
}
.pb_info02_main01_right ul {
height: 130px;
overflow: hidden;
margin-top: 8px;
}
.pb_info02_main01_right ul li {
font-size: 14px;
font-weight: normal;
line-height: 24px;
background-image: url(../images/div_bg05.jpg);
background-repeat: no-repeat;
background-position: 0 10px;
}
.pb_info02_main01_right ul li a {
color: #333;
display: inline-block;
padding: 0 14px 0 0;
background-color: #fff;
}
.pb_info02_main01_right ul li a:hover {
color: #429cd1;
padding: 0 0 0 5px;
}
.pb_info02_main01_right ul li span {
font-size: 12px;
color: #666;
float: right;
display: inline-block;
padding: 0 0 0 14px;
background-color: #fff;
}
.pb_info02_main01 a.more {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 16px;
}
.pb_info02_main01 a.more:hover {
color: #d9000d;
}
.pb_info02_main02 {
height: 300px;
margin-top: 24px;
}
.pb_info02_main02 a.a01 {
background-image: url(../images/div_bg07.jpg);
width: 508px;
height: 102px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 508px 102px;
display: block;
padding: 20px 30px 24px 170px;
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #333;
box-sizing: border-box;
margin-bottom: 24px;
}
.pb_info02_main02 a.a01 p {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
line-height: 20px;
height: 60px;
}
.pb_info02_main02 h3 a {
display: block;
font-size: 14px;
font-weight: bold;
color: #333;
line-height: 24px;
margin-top: 10px;
}
.pb_info02_main02 h3 a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.pb_info02_main02 ul li {
font-size: 14px;
font-weight: normal;
line-height: 24px;
}
.pb_info02_main02 ul li a {
color: #333;
}
.pb_info02_main02 ul li a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.pb_info02_main02 a.more {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 16px;
}
.pb_info02_main02 a.more:hover {
color: #d9000d;
}
.pb_info02_main03 {
height: 300px;
margin-top: 24px;
}
.pb_info02_main03 font {
width: 508px;
height: 110px;
background-image: url(../images/div_bg08.jpg);
background-repeat: no-repeat;
background-size: 508px 110px;
display: block;
padding: 20px 0 0 250px;
box-sizing: border-box;
}
.pb_info02_main03 font p {
font-size: 14px;
font-weight: bold;
color: #333;
line-height: 24px;
}
.pb_info02_main03 font p span {
color: #5198c2;
font-family: Arial, Helvetica, sans-serif;
}
.pb_info02_main03 ul li {
width: 153px;
height: 70px;
float: left;
display: inline;
margin: 24px 24px 0 0;
}
.pb_info02_main03 ul li a {
background-color: #f5f5f9;
display: block;
height: 60px;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 60px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
padding: 5px 0px;
overflow: hidden;
}
.pb_info02_main03 ul li a span {
color: #5198c2;
margin-right: 5px;
}
.pb_info02_main03 ul li:nth-child(3n+3) {
margin-right: 0;
}
.pb_info02_main03 ul li a:hover {
background-color: #d9000d;
color: #fff;
}
.pb_info02_main03 ul li a:hover span {
color: #fff;
}
.pb_info02_main03 a.more {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 16px;
}
.pb_info02_main03 a.more:hover {
color: #d9000d;
}
.pb_info03 {
width: 264px;
float: right;
display: inline;
}
.pb_info03 h2 {
background-image: url(../images/div_bg02.jpg);
background-repeat: no-repeat;
background-position: 0 0;
height: 36px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
color: #112969;
line-height: 36px;
position: relative;
}
.pb_info03 h2 i {
width: 18px;
height: 18px;
background-color: #429cd1;
border-radius: 100px;
float: left;
display: inline;
margin-top: 9px;
margin-right: 8px;
}
.pb_info03 h2 i img {
display: block;
margin-left: 8px;
margin-top: 5px;
}
.pb_info03 h2 a {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 10px;
top: 6px;
}
.pb_info03 h2 a:hover {
color: #d9000d;
}
.pb_info03_main {
overflow: hidden;
margin-top: 24px;
}
.pb_info03_main dl {
overflow: hidden;
}
.pb_info03_main dl dt p {
font-size: 14px;
font-weight: normal;
line-height: 40px;
color: #333;
}
.pb_info03_main dl dt p a {
color: #333;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.pb_info03_main dl dt p font {
width: 20px;
height: 20px;
background-color: #429cd1;
float: left;
display: inline;
margin-top: 10px;
margin-right: 8px;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 20px;
color: #fff;
}
.pb_info03_main dl dt p span a {
font-size: 12px;
color: #429cd1;
float: right;
display: inline;
}
.pb_info03_main dl dt p.dropList-hover {
display: none;
}
.pb_info03_main dl {
border-bottom: 1px solid #eeeeee;
}
.pb_info03_main dl:last-child {
border-bottom: none;
}
.pb_info03_main dl dd {
position: relative;
height: 146px;
}
.pb_info03_main dl dd .img_box {
height: 106px;
}
.pb_info03_main dl dd h3 {
font-size: 14px;
font-weight: normal;
line-height: 40px;
color: #333;
}
.pb_info03_main dl dd h3 a {
color: #333;
}
.pb_info03_main dl dd h3 a:hover {
color: #d9000d;
}
.pb_info03_main dl dd h3 span a {
font-size: 12px;
color: #429cd1;
float: right;
display: inline;
}
.pb_info03_main dl dd h3 span a:hover {
padding: 0 5px 0 0;
color: #d9000d;
}
.pb_info03_main dl dd font {
width: 20px;
height: 20px;
background-color: #d9000d;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 20px;
color: #fff;
position: absolute;
top: 0;
left: 0;
}
.partc {
width: 100%;
text-align: left;
margin-top: 30px;
margin-bottom: 60px;
}
.partc h2 {
display: block;
height: 36px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
color: #112969;
line-height: 36px;
position: relative;
width: 1200px;
margin: 0 auto;
margin-top: 40px;
}
.partc h2 i {
width: 18px;
height: 18px;
background-color: #429cd1;
border-radius: 100px;
float: left;
display: inline;
margin-top: 9px;
margin-right: 8px;
}
.partc h2 i img {
display: block;
margin-left: 8px;
margin-top: 5px;
}
.partc h2 a {
font-size: 12px;
color: #112969;
position: absolute;
font-weight: bold;
right: 0;
top: 6px;
}
.partc h2 a:hover {
color: #d9000d;
}
.pc_main {
background-image: url(../images/div_bg09.jpg);
height: 478px;
background-position: top center;
width: 100%;
background-repeat: no-repeat;
margin-top: 10px;
overflow: hidden;
}
.pc_info {
width: 1200px;
margin: 0 auto;
margin-top: 40px;
}
.pc_left {
width: 145px;
float: left;
display: inline;
height: 384px;
background-image: url(../images/div_bg10.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 140px 384px;
}
.pc_left ul li {
height: 42px;
width: 140px;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 48px;
position: relative;
cursor: pointer;
}
.pc_left ul li span {
color: #d7ecfc;
display: block;
}
.pc_left ul li.on span {
background-color: #d9000d;
color: #fff;
}
.pc_left ul li i {
width: 10px;
height: 10px;
background-color: #d9000d;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
right: -5px;
top: 21px;
display: none;
}
.pc_left ul li.on i {
display: block;
}
.pc_left ul li:hover span {
color: #fff;
}
.pc_right {
width: 1015px;
float: right;
display: inline;
}
.pc_right h3 {
height: 30px;
font-size: 14px;
font-weight: bold;
color: #429cd1;
line-height: 30px;
overflow: hidden;
}
.pc_right h3 a {
font-weight: normal;
float: right;
display: inline;
color: #429cd1;
font-size: 12px;
}
.pc_right h3 a:hover {
color: #d9000d;
padding: 0 5px 0 0;
}
.pc_right p {
font-size: 14px;
font-weight: normal;
line-height: 26px;
color: #333;
height: 78px;
overflow: hidden;
display: -webkit-box;
box-sizing: border-box;
margin-top: 8px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pc_right_main30 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main30 ul li {
width: 231px;
height: 82px;
overflow: hidden;
position: absolute;
}
.pc_right_main30 ul li a {
display: block;
position: relative;
}
.pc_right_main30 ul li a .img_box {
width: 231px;
height: 82px;
overflow: hidden;
}
.pc_right_main30 ul li a .img_box img {
width: 231px;
height: 82px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main30 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main30 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main30 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main30 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main30 ul li:nth-child(2) {
top: 0;
left: 261px;
}
.pc_right_main30 ul li:nth-child(3) {
top: 0;
left: 522px;
}
.pc_right_main30 ul li:nth-child(4) {
top: 0;
right: 0;
}
.pc_right_main30 ul li:nth-child(5) {
bottom: 0;
left: 0;
}
.pc_right_main30 ul li:nth-child(6) {
bottom: 0;
left: 261px;
}
.pc_right_main30 ul li:nth-child(7) {
bottom: 0;
left: 522px;
}
.pc_right_main30 ul li:nth-child(8) {
bottom: 0;
right: 0;
}
.pc_right_main31 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main31 ul li {
width: 231px;
height: 82px;
overflow: hidden;
position: absolute;
}
.pc_right_main31 ul li a {
display: block;
position: relative;
}
.pc_right_main31 ul li a .img_box {
width: 231px;
height: 82px;
overflow: hidden;
}
.pc_right_main31 ul li a .img_box img {
width: 231px;
height: 82px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main31 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main31 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main31 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main31 ul li:nth-child(1) {
top: 0;
left: 0;
height: 184px;
}
.pc_right_main31 ul li:nth-child(2) {
top: 0;
left: 261px;
}
.pc_right_main31 ul li:nth-child(3) {
top: 0;
left: 522px;
}
.pc_right_main31 ul li:nth-child(4) {
top: 0;
right: 0;
}
.pc_right_main31 ul li:nth-child(5) {
bottom: 0;
left: 0;
}
.pc_right_main31 ul li:nth-child(6) {
bottom: 0;
left: 261px;
}
.pc_right_main31 ul li:nth-child(7) {
bottom: 0;
left: 522px;
}
.pc_right_main31 ul li:nth-child(8) {
bottom: 0;
right: 0;
}
.pc_right_main32 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main32 ul li {
width: 318px;
height: 184px;
overflow: hidden;
position: absolute;
}
.pc_right_main32 ul li a {
display: block;
position: relative;
}
.pc_right_main32 ul li a .img_box {
width: 318px;
height: 184px;
overflow: hidden;
}
.pc_right_main32 ul li a .img_box img {
width: 318px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main32 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main32 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main32 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main32 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main32 ul li:nth-child(2) {
top: 0;
left: 348px;
}
.pc_right_main32 ul li:nth-child(3) {
top: 0;
right: 0;
}
.pc_right_main33 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main33 ul li {
width: 318px;
height: 184px;
overflow: hidden;
position: absolute;
}
.pc_right_main33 ul li a {
display: block;
position: relative;
}
.pc_right_main33 ul li a .img_box {
width: 318px;
height: 184px;
overflow: hidden;
}
.pc_right_main33 ul li a .img_box img {
width: 318px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main33 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main33 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main33 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main33 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main33 ul li:nth-child(2) {
top: 0;
left: 348px;
}
.pc_right_main33 ul li:nth-child(3) {
top: 0;
right: 0;
}
.pc_right_main34 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main34 ul li {
width: 179px;
height: 184px;
overflow: hidden;
position: absolute;
}
.pc_right_main34 ul li a {
display: block;
position: relative;
}
.pc_right_main34 ul li a .img_box {
width: 179px;
height: 184px;
overflow: hidden;
}
.pc_right_main34 ul li a .img_box img {
width: 179px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main34 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main34 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main34 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main34 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main34 ul li:nth-child(2) {
top: 0;
left: 209px;
}
.pc_right_main34 ul li:nth-child(3) {
top: 0;
left: 418px;
}
.pc_right_main34 ul li:nth-child(4) {
top: 0;
right: 209px;
}
.pc_right_main34 ul li:nth-child(5) {
top: 0;
right: 0;
}
.pc_right_main35 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main35 ul li {
width: 492px;
height: 184px;
overflow: hidden;
position: absolute;
}
.pc_right_main35 ul li a {
display: block;
position: relative;
}
.pc_right_main35 ul li a .img_box {
width: 492px;
height: 184px;
overflow: hidden;
}
.pc_right_main35 ul li a .img_box img {
width: 492px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main35 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main35 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main35 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main35 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main35 ul li:nth-child(2) {
top: 0;
right: 0;
}
.pc_right_main36 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main36 ul li {
width: 231px;
height: 184px;
overflow: hidden;
position: absolute;
}
.pc_right_main36 ul li a {
display: block;
position: relative;
}
.pc_right_main36 ul li a .img_box {
width: 318px;
height: 184px;
overflow: hidden;
}
.pc_right_main36 ul li a .img_box img {
width: 318px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main36 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main36 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
}
.pc_right_main36 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main36 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main36 ul li:nth-child(2) {
top: 0;
left: 261px;
}
.pc_right_main36 ul li:nth-child(3) {
top: 0;
left: 522px;
}
.pc_right_main36 ul li:nth-child(4) {
top: 0;
right: 0;
}
.pc_right_main37 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main37 ul li {
width: 231px;
height: 82px;
overflow: hidden;
position: absolute;
}
.pc_right_main37 ul li a {
display: block;
position: relative;
}
.pc_right_main37 ul li a .img_box {
width: 231px;
height: 82px;
overflow: hidden;
}
.pc_right_main37 ul li a .img_box img {
width: 231px;
height: 82px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main37 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main37 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main37 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main37 ul li:nth-child(1) {
top: 0;
left: 0;
height: 184px;
}
.pc_right_main37 ul li:nth-child(1) a .img_box {
width: 231px;
height: 184px;
overflow: hidden;
}
.pc_right_main37 ul li:nth-child(1) a .img_box img {
width: 231px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main37 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main37 ul li:nth-child(2) {
top: 0;
left: 261px;
}
.pc_right_main37 ul li:nth-child(3) {
top: 0;
right: 261px;
height: 184px;
}
.pc_right_main37 ul li:nth-child(3) a .img_box {
width: 231px;
height: 184px;
overflow: hidden;
}
.pc_right_main37 ul li:nth-child(3) a .img_box img {
width: 231px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main37 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main37 ul li:nth-child(4) {
top: 0;
right: 0;
}
.pc_right_main37 ul li:nth-child(5) {
bottom: 0;
left: 261px;
}
.pc_right_main37 ul li:nth-child(6) {
bottom: 0;
right: 0;
}
.pc_right_main81 {
height: 184px;
margin-top: 16px;
overflow: hidden;
position: relative;
}
.pc_right_main81 ul li {
width: 238px;
height: 184px;
overflow: hidden;
position: absolute;
}
.pc_right_main81 ul li a {
display: block;
position: relative;
}
.pc_right_main81 ul li a .img_box {
width: 238px;
height: 184px;
overflow: hidden;
}
.pc_right_main81 ul li a .img_box img {
width: 238px;
height: 184px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pc_right_main81 ul li a:hover .img_box img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pc_right_main81 ul li a font {
width: 100%;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
s
}
.pc_right_main81 ul li a:hover font {
background-color: rgba(217,0,13,.7);
}
.pc_right_main81 ul li:nth-child(1) {
top: 0;
left: 0;
}
.pc_right_main81 ul li:nth-child(2) {
top: 0;
left: 258px;
}
.pc_right_main81 ul li:nth-child(3) {
top: 0;
left: 516px;
}
.pc_right_main81 ul li:nth-child(4) {
top: 0;
right: 0;
}
/**尾部**/
.foot {
width: 100%;
text-align: left;
margin: 0 auto;
}
.foot_info {
width: 100%;
height: 230px;
background-color: #f5f5f9;
}
.foot_info_main {
width: 1200px;
background-color: #f5f5f9;
margin: 0 auto;
}
.foot_info_main .dst01 {
width: 230px;
float: left;
display: inline;
margin-top: 34px;
}
.foot_info_main .dst01 dd {
display: block;
font-size: 14px;
color: #112969;
margin-top: 14px;
text-align: left;
}
.foot_info_main .dst01 dd strong {
display: block;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
color: #112969;
margin-top: 6px;
}
.foot_info_main .dst02 {
width: 260px;
float: left;
display: inline;
margin-top: 34px;
}
.foot_info_main .dst02 dt {
font-size: 18px;
font-weight: bold;
color: #112969;
line-height: 24px;
display: block;
}
.foot_info_main .dst02 dd {
display: block;
margin-top: 18px;
}
.foot_info_main .dst02 dd ul li {
width: 90px;
float: left;
display: inline;
line-height: 30px;
font-size: 14px;
}
.foot_info_main .dst02 dd ul li a {
color: #333;
}
.foot_info_main .dst02 dd ul li a:hover {
color: #112969;
padding: 0 0 0 5px;
}
.foot_info_main .dst03 {
width: 200px;
float: left;
display: inline;
margin-top: 34px;
margin-left: 30px;
}
.foot_info_main .dst03 dt {
font-size: 18px;
font-weight: bold;
color: #112969;
line-height: 24px;
display: block;
}
.foot_info_main .dst03 dd {
display: block;
margin-top: 18px;
}
.foot_info_main .dst03 dd ul li {
width: 90px;
display: block;
line-height: 30px;
font-size: 14px;
}
.foot_info_main .dst03 dd ul li a {
color: #333;
}
.foot_info_main .dst03 dd ul li a:hover {
color: #112969;
padding: 0 0 0 5px;
}
.foot_info_main .dst04 {
width: 200px;
float: left;
display: inline;
margin-top: 34px;
}
.foot_info_main .dst04 dt {
font-size: 18px;
font-weight: bold;
color: #112969;
line-height: 24px;
display: block;
}
.foot_info_main .dst04 dd {
display: block;
margin-top: 18px;
}
.foot_info_main .dst04 dd img {
width: 98px;
height: 98px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
border: 1px solid #eeeeee;
}
.foot_info_main .dst04 dd p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #333;
display: inline-block;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
}
.foot_info02 {
width: 100%;
height: 140px;
background-image: url(../images/foot_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.foot_info02_main {
width: 1200px;
height: 140px;
background-image: url(../images/foot_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
margin: 0 auto;
padding: 38px 0 0 0;
box-sizing: border-box;
}
.foot_info02_main p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #fff;
width: 870px;
font-family: Arial, Helvetica, sans-serif;
}
.foot_info02_main p a {
font-weight: bold;
color: #fff;
margin: 0 2px;
}
.link {
width: 280px;
float: right;
display: inline;
}
.link h2 {
font-size: 12px;
font-weight: bold;
color: #fff;
display: block;
line-height: 24px;
}
.link select {
background: transparent;
width: 278px;
height: 30px;
border: 1px solid #fff;
margin-top: 10px;
padding: 0 10px;
box-sizing: border-box;
font-size: 12px;
font-weight: normal;
color: #fff;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-image: url(../images/icon06.png);
background-repeat: no-repeat;
background-position: 256px 10px;
}
.link select:focus {
outline: none;
}
/**--------------------------关于完美体育在线官网页--------------------------**/
.banner02 {
background-image: url(../images/div_bg11.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 100%;
height: 99px;
text-align: left;
}
.banner02_main {
background-image: url(../images/div_bg11.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 1200px;
height: 99px;
margin: 0 auto;
font-size: 24px;
font-weight: 300;
color: #5c6b90;
line-height: 99px;
}
.position2 {
width: 1380px;
height: 80px;
background-image: url(../images/div_bg04.jpg);
background-repeat: repeat-x;
background-position: bottom;
text-align: left;
margin: 0 auto;
}
.position2_main {
width: 1200px;
height: 80px;
margin: 0 auto;
background-image: url(../images/div_bg04.jpg);
background-repeat: repeat-x;
background-position: bottom;
text-align: left;
font-size: 12px;
font-weight: bold;
line-height: 80px;
color: #333;
position: relative;
}
.position2_main i {
width: 20px;
height: 20px;
background-color: #429cd1;
border-radius: 1000px;
float: left;
display: inline;
margin-top: 30px;
overflow: hidden;
margin-right: 10px;
}
.position2_main i img {
display: block;
margin: 0 auto;
width: 16px;
height: 16px;
margin-top: 2px;
}
.position2_main a {
color: #333;
}
.position2_main a:hover {
color: #d9000d;
}
.position2_main ul {
top: 0;
right: 0;
position: absolute;
height: 80px;
overflow: hidden;
}
.position2_main ul li {
font-size: 12px;
font-weight: bold;
display: inline-block;
line-height: 78px;
height: 80px;
overflow: hidden;
margin-left: 30px;
box-sizing: border-box;
}
.position2_main ul li a {
color: #333333;
display: block;
font-family: Arial, Helvetica, sans-serif;
}
.position2_main ul li a:hover {
color: #d9000d;
}
.position2_main ul li.on {
border-bottom: 2px solid #d9000d;
}
.position2_main ul li.on a {
font-size: 12px;
color: #d9000d;
}
.position2_main ul li.on a:hover {
color: #d9000d;
}
.parte {
width: 1200px;
margin: 0 auto;
margin-top: 40px;
text-align: left;
padding: 0 0 60px 0;
}
.pe_left {
width: 873px;
border-right: 1px solid #eeeeee;
float: left;
display: inline;
}
.blk01 {
overflow: hidden;
width: 833px;
min-height: 600px;
}
.blk01 h2 {
height: 66px;
overflow: hidden;
display: block;
}
.blk01 h2 i {
width: 10px;
height: 66px;
background-image: linear-gradient(to bottom, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 40%, rgba(11, 47, 105, 1) 100%);
display: block;
float: left;
display: inline;
}
.blk01 h2 span {
width: 800px;
float: left;
display: inline;
margin-left: 16px;
font-size: 36px;
font-weight: bold;
color: #429cd1;
font-family: Verdana, Geneva, sans-serif;
line-height: 36px;
position: relative;
margin-top: -3px;
}
.blk01 h2 span strong {
font-size: 24px;
font-weight: bold;
color: #162a65;
display: block;
}
.b01_main {
overflow: hidden;
}
.b01_main p {
font-size: 15px;
font-weight: normal;
color: #333;
line-height: 30px;
margin-top: 40px;
}
.pe_right {
width: 286px;
float: right;
padding: 0 0 0 40px;
}
.pe_right dl {
background-image: url(../images/div_bg12.jpg);
background-repeat: no-repeat;
width: 286px;
height: 314px;
overflow: hidden;
}
.pe_right dl a {
display: block;
height: 314px;
}
.pe_right dl a dt {
margin-top: 20px;
margin-left: 168px;
display: block;
font-size: 18px;
font-weight: bold;
color: #8181a0;
line-height: 60px;
}
.pe_right dl a dt strong {
font-size: 60px;
font-family: Verdana, Geneva, sans-serif;
}
.pe_right dl a dd {
margin-top: 14px;
margin-left: 20px;
margin-right: 20px;
}
.pe_right dl a dd ul li {
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #8181a0;
overflow: hidden;
}
.pe_right dl a dd ul li i {
width: 3px;
height: 3px;
border-radius: 1000px;
background-color: #8181a0;
float: left;
display: inline;
margin-top: 11px;
margin-right: 6px;
}
.pe_right dl a dd ul li p {
float: left;
display: inline;
width: 234px;
}
.pe_right .list02 li {
height: 128px;
overflow: hidden;
margin-top: 30px;
}
.pe_right .list02 li a {
display: block;
padding: 18px 0 0 20px;
height: 110px;
}
.pe_right .list02 li a:hover {
padding: 18px 0 0 25px;
}
.pe_right .list02 li a font {
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
line-height: 14px;
}
.pe_right .list02 li a font strong {
font-size: 16px;
font-weight: bold;
display: block;
color: #fff;
line-height: 32px;
}
.pe_right .list02 li.z {
background-image: url(../images/div_bg13.jpg);
background-repeat: no-repeat;
}
.pe_right .list02 li.g {
background-image: url(../images/div_bg14.jpg);
background-repeat: no-repeat;
}
.pe_right .list02 li.h {
background-image: url(../images/div_bg15.jpg);
background-repeat: no-repeat;
}
.pe_right .list02 li.ncs {
background-image: url(../images/div_bg16.jpg);
background-repeat: no-repeat;
}
.pe_right .list02 li.ncs font {
color: #429cd1;
}
.pe_right .list02 li.ncs font strong {
color: #162a65;
}
.pe_right .list02 li.xw {
background-image: url(../images/div_bg17.jpg);
background-repeat: no-repeat;
}
.pe_right .list02 li.dt {
background-image: url(../images/div_bg18.jpg);
background-repeat: no-repeat;
}
.b01_main02 {
overflow: hidden;
padding: 40px 0 0 0;
}
.b01_main02 .img_line {
text-align: center;
}
.b01_main02 .img_line .imglist {
display: inline-block;
text-align: center;
}
.b01_main03 {
overflow: hidden;
}
.timer-shaft-box {
width: 100%;
padding: 30px 0;
box-sizing: border-box;
}
.timer-shaft {
position: relative;
width: 100%;
height: 80px;
overflow: hidden;
}
.timer-left {
position: absolute;
top: 50%;
left: 0;
z-index: 99;
width: 23px;
height: 37px;
margin-top: -17.5px;
background: url(../images/icon_left.png) no-repeat;
background-size: cover;
cursor: pointer;
}
.timer-right {
position: absolute;
top: 50%;
right: 0;
z-index: 99;
width: 23px;
height: 37px;
margin-top: -17.5px;
background: url(../images/icon_right.png) no-repeat;
background-size: cover;
cursor: pointer;
}
.timer-scale {
position: absolute;
top: 0;
left: 0;
height: 84px;
padding-left: 34px;
font-size: 0;
white-space: nowrap;
}
.timer-scale-cont {
display: inline-block;
height: 100%;
line-height: 80px;
}
.time-circle {
display: inline-block;
vertical-align: middle;
width: 76px;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 18px;
color: #fff;
border-radius: 5px;
background: #6ab2db;
transition: all .3s;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
}
.timer-scale-cont.hov .time-circle {
width: 76px;
height: 36px;
line-height: 36px;
font-size: 18px;
background: #e5303a;
}
.line-scale {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 22px;
}
.timer-shaft-content {
width: 100%;
margin-top: 30px;
overflow: hidden;
font-size: 0;
box-sizing: border-box;
white-space: nowrap;
}
.shaft-detail-cont {
display: none;
width: 100%;
}
.timer-year {
padding-left: 20px;
font-weight: bold;
color: #333;
font-size: 0;
}
.icon-year {
display: inline-block;
vertical-align: middle;
width: 33px;
height: 40px;
background: url(../images/icon_sign.png) no-repeat;
background-size: cover;
margin-left: 64px;
}
.timer-year span {
display: inline-block;
vertical-align: middle;
margin-left: 18px;
font-size: 24px;
}
.month-detail-box {
position: relative;
width: 100%;
font-size: 0;
box-sizing: border-box;
white-space: normal;
border-bottom: 1px dotted #cccccc;
padding: 20px 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.month-detail-box:before {
content: '';
position: absolute;
top: 0;
left: 100px;
height: 100%;
border-right: 1px dashed #e5303a;
}
.month-detail-box .month-title {
position: absolute;
font-size: 12px;
font-weight: bold;
color: #999;
font-family: Arial, Helvetica, sans-serif;
width: 78px;
text-align: right;
font-weight: normal;
line-height: 20px;
margin-top: 5px;
}
.month-detail-box .month-title strong {
font-size: 18px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
display: block;
color: #e5303a;
}
.month-detail-box .month-title:before {
content: '';
position: absolute;
top: 50%;
left: 94px;
width: 13px;
height: 13px;
margin-top: -6.5px;
background: url(../images/icon_circle.png) no-repeat;
background-size: cover;
}
.incident-record {
display: inline-block;
padding-left: 130px;
line-height: 24px;
font-size: 14px;
color: #333;
}
.incident-record a {
font-size: 14px;
color: #1d69a3;
}
.month-detail-box:last-child {
border-bottom: none;
}
.month-detail-box:hover {
background-color: #ffe6e7;
}
/**------------------新闻------------------**/
.blk02 {
width: 833px;
}
.blk02 .dst01 {
overflow: hidden;
padding: 0 0 24px 0;
border-bottom: 1px dotted #cccccc;
}
.blk02 .dst01 dt {
width: 302px;
float: left;
display: inline;
}
.blk02 .dst01 dd {
width: 507px;
float: right;
display: inline;
}
.blk02 .dst01 dd span {
display: block;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #429cd1;
margin-top: 5px;
}
.blk02 .dst01 dd span font {
font-size: 14px;
font-weight: bold;
color: #fff;
background-color: #d9000d;
padding: 16px;
padding: 0 4px;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.blk02 .dst01 dd b a {
font-size: 18px;
font-weight: bold;
color: #333;
line-height: 27px;
height: 54px;
overflow: hidden;
margin-top: 14px;
display: block;
}
.blk02 .dst01 dd b a:hover {
color: #d9000d;
}
.blk02 .dst01 dd p {
font-size: 12px;
font-weight: normal;
line-height: 22px;
overflow: hidden;
display: block;
height: 66px;
margin-top: 14px;
}
.blk02 .dst02 {
overflow: hidden;
padding: 24px 0;
border-bottom: 1px solid #eeeeee;
}
.blk02 .dst02 dt {
width: 84px;
height: 84px;
background-color: #ececf3;
float: left;
display: inline;
overflow: hidden;
padding: 10px;
box-sizing: border-box;
font-size: 12px;
font-weight: normal;
color: #429cd1;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk02 .dst02 dt strong {
font-size: 27px;
display: block;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
margin-bottom: 20px;
line-height: 27px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk02 .dst02 dt i {
width: 1px;
height: 70px;
background-color: #429cd1;
overflow: hidden;
display: block;
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
top: 10px;
left: 40px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk02 .dst02 dd {
width: 725px;
float: right;
display: inline;
text-align: left;
}
.blk02 .dst02 dd b a {
font-size: 18px;
font-weight: bold;
color: #333;
display: block;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 725px;
}
.blk02 .dst02 dd b a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.blk02 .dst02 dd span {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
margin-top: 6px;
display: block;
}
.blk02 .dst02 dd p {
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #666;
display: block;
margin-top: 4px;
height: 40px;
overflow: hidden;
}
.blk02 .dst02:hover dt {
background-color: #d9000d;
color: #fff;
}
.blk02 .dst02:hover dt strong {
color: #fff;
}
.blk02 .dst02:hover dt i {
background-color: #fff;
}
.blk02 .dst02:last-child {
border-bottom: none;
}
.blk02 a.more3 {
height: 34px;
display: block;
background-color: #ececf3;
font-size: 30px;
font-weight: 300;
text-align: center;
line-height: 34px;
color: #429cd1;
}
.blk02 a.more3:hover {
background-color: #d9000d;
color: #fff;
}
.blk03 {
overflow: hidden;
margin-top: 20px;
}
.blk03 h2 {
font-size: 14px;
font-weight: bold;
color: #333;
line-height: 36px;
}
.blk03 ul li {
font-size: 12px;
font-weight: normal;
line-height: 30px;
}
.blk03 ul li font {
width: 16px;
height: 16px;
background-color: #162a65;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk03 ul li:nth-child(1) font {
background-color: #429cd1;
}
.blk03 ul li:nth-child(2) font {
background-color: #429cd1;
}
.blk03 ul li:nth-child(3) font {
background-color: #429cd1;
}
.blk03 ul li a {
display: inline-block;
vertical-align: middle;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 265px;
}
.blk03 ul li:hover font {
background-color: #d9000d;
color: #fff;
}
.blk03 ul li a:hover {
color: #d9000d;
}
/**---------------资讯详情---------------**/
h2.tit01 {
display: block;
text-align: center;
padding: 0 0 30px 0;
border-bottom: 1px solid #eeeeee;
margin-bottom: 40px;
}
h2.tit01 strong {
display: block;
font-size: 32px;
color: #162a65;
line-height: 44px;
text-align: center;
padding: 0 50px;
}
h2.tit01 span {
display: block;
font-size: 14px;
color: #666666;
margin-top: 16px;
text-align: left;
font-weight: normal;
}
h2.tit01 span font {
display: inline-block;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2.tit01 span font img {
width: auto;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 2px;
position: relative;
top: -2px;
}
h2.tit01 span font:nth-child(2) {
width: 580px;
}
h2.tit01 span font:nth-child(3) {
width: 200px;
}
h2.tit01 span font:nth-child(3) a {
color: #666666;
margin: 0 5px;
cursor: pointer;
}
h2.tit01 span font:nth-child(3) a.on {
color: #429cd1;
font-weight: bold;
}
h2.tit01 span font:nth-child(4) a {
color: #666666;
}
.blk04 {
width: 833px;
}
.blk04 p {
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 30px;
}
.blk04 p img {
display: block;
margin: 0 auto;
}
.blk05 {
width: 833px;
border-top: 1px solid #eeeeee;
padding: 30px 0 0 0;
}
.blk05 ul li {
font-size: 14px;
font-weight: normal;
line-height: 30px;
width: 680px;
color: #666666;
}
.blk05 ul li a {
color: #112969;
}
.blk05 ul li a:hover {
color: #d9000d;
}
.blk05 a.more4 {
width: 70px;
height: 50px;
background-color: #112969;
float: right;
display: inline;
margin-top: 4px;
}
.blk05 a.more4 img {
width: 30px;
height: 30px;
display: block;
margin: 0 auto;
margin-top: 10px;
}
.blk05 a.more4:hover {
background-color: #d9000d;
}
/**---------------业务领域--------------**/
.partf {
width: 1200px;
margin: 0 auto;
text-align: left;
padding: 0 0 60px 0;
}
.partf ul li {
width: 277px;
float: left;
display: inline;
margin: 30px 30px 0 0;
overflow: hidden;
position: relative;
top: 0;
background-color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.partf ul li .img_box {
width: 277px;
height: 170px;
display: block;
overflow: hidden;
}
.partf ul li .img_box a img {
width: 277px;
height: 170px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.partf ul li:hover .img_box a img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.partf ul li:nth-child(4n+4) {
margin-right: 0;
}
.partf ul li .li_box {
height: 258px;
width: 235px;
border: 1px solid #eeeeee;
overflow: hidden;
padding: 0 20px;
}
.partf ul li .li_box h3 a {
display: block;
line-height: 50px;
font-weight: bold;
color: #162a65;
text-align: center;
font-size: 16px;
margin-top: 4px;
}
.partf ul li .li_box h3 a:hover {
color: #d9000d;
}
.partf ul li .li_box p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
height: 54px;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.partf ul li .li_box .a_box {
border-top: 1px solid #eeeeee;
margin-top: 16px;
height: 136px;
padding: 4px 0 0 0;
}
.partf ul li .li_box .a_box a {
line-height: 28px;
background-color: #f5f5f9;
display: inline-block;
vertical-align: middle;
margin-top: 10px;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
color: #333;
padding: 0 10px;
}
.partf ul li .li_box .a_box a:hover {
background-color: #d9000d;
color: #fff;
}
.partf ul li:hover {
top: -5px;
filter: drop-shadow(0 5px 10px #dddddd);
}
.partg {
width: 1200px;
margin: 0 auto;
text-align: left;
margin-top: 40px;
padding: 0 0 60px 0;
}
.pg_left {
width: 190px;
float: left;
display: inline;
}
.menu {
overflow: hidden;
}
.menu h2 {
background-image: url(../images/div_bg19.jpg);
background-repeat: no-repeat;
height: 73px;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 24px;
padding: 20px 0 0 0;
}
.menu h2 font {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #87a6c9;
text-align: center;
display: block;
font-weight: normal;
}
.menu ul li {
font-size: 14px;
font-weight: normal;
line-height: 44px;
border-bottom: 1px solid #eeeeee;
}
.menu ul li a {
display: block;
padding: 0 0 0 42px;
color: #333;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
height: 44px;
overflow: hidden;
}
.menu ul li a:hover {
background-color: #ffe6e7;
}
.menu ul li.on a {
background-color: #d9000d;
color: #fff;
font-weight: bold;
background-image: url(../images/icon11.png);
background-repeat: no-repeat;
background-position: 130px 14px;
}
.pg_right {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.pg_right h3 {
height: 40px;
overflow: hidden;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 40px;
color: #162a65;
}
.pg_right h3 i {
width: 10px;
height: 40px;
background-image: linear-gradient(to bottom, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 20%, rgba(11, 47, 105, 1) 100%);
display: block;
float: left;
display: inline;
margin-right: 14px;
}
.pg_right h3 .search_info {
width: 330px;
float: right;
display: inline;
text-align: right;
margin-top: 6px;
}
.pg_right h3 .search_info .input03 {
width: 260px;
height: 30px;
border: 1px solid #3974ae;
border-radius: 1000px;
font-size: 12px;
font-weight: normal;
color: #3974ae;
line-height: 30px;
padding: 0 10px;
display: inline-block;
}
.pg_right h3 .search_info .input03:focus {
outline: none;
}
.pg_right h3 .search_info .input03::-webkit-input-placeholder {
/* WebKit browsers */
color: #3974ae;
}
.pg_right h3 .search_info .input03:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #3974ae;
}
.pg_right h3 .search_info .input03::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #3974ae;
}
.pg_right h3 .search_info .input03:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #3974ae;
}
.pg_right h3 .search_info .input04 {
width: 32px;
height: 32px;
background-image: url(../images/bu_bg.jpg);
background-repeat: no-repeat;
display: inline-block;
margin-left: 10px;
border: none;
cursor: pointer;
}
.blk06 {
height: 230px;
margin-top: 24px;
background-color: #162a65;
position: relative;
overflow: hidden;
margin-bottom: 24px;
}
.blk06 i img {
height: 230px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.blk06 .b06_word {
position: absolute;
display: block;
height: 190px;
z-index: 3;
top: 40px;
right: 40px;
left: 320px;
bottom: 50px;
height: 120px;
overflow: hidden;
}
.blk06 .b06_word p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.b06_bg {
width: 100%;
position: absolute;
top: 0;
right: 0;
height: 100%;
background-image: linear-gradient(to right, rgba(66, 156, 209, 0) 0%, rgba(66, 156, 209, 1) 40%, rgba(11, 47, 105, 1) 100%);
z-index: 2;
}
a.at_open {
font-size: 12px;
font-weight: normal;
color: #fff;
position: absolute;
right: 40px;
bottom: 20px;
z-index: 3;
cursor: pointer;
}
a.at_open img {
display: inline-block;
vertical-align: middle;
margin-left: 6px;
}
.pg_right dl {
background-color: #f1f6fa;
padding: 20px;
overflow: hidden;
margin-top: 20px;
}
.pg_right dl dt {
width: 184px;
float: left;
display: inline;
overflow: hidden;
}
.pg_right dl dt a img {
width: 184px;
height: 122px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pg_right dl:hover dt a img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pg_right dl dd {
width: 681px;
float: right;
display: inline;
}
.pg_right dl dd b a {
font-size: 16px;
font-weight: bold;
color: #333;
display: block;
line-height: 30px;
}
.pg_right dl dd b a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.pg_right dl dd p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
overflow: hidden;
display: -webkit-box;
height: 72px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pg_right dl dd a.more5 {
line-height: 20px;
height: 20px;
overflow: hidden;
background-color: #429cd1;
display: inline-block;
padding: 0 0 0 4px;
font-size: 12px;
font-weight: bold;
color: #fff;
float: right;
}
.pg_right dl dd a.more5 font {
width: 20px;
font-size: 14px;
display: inline-block;
margin-left: 4px;
background-color: #162a65;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right dl dd a.more5:hover {
background-color: #d9000d;
}
.pg_right dl dd a.more5:hover font {
background-color: #970009;
}
.pg_right2 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.pg_right2 h3 {
height: 30px;
overflow: hidden;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #162a65;
}
.pg_right2 h3 i {
width: 10px;
height: 30px;
background-image: linear-gradient(to bottom, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 20%, rgba(11, 47, 105, 1) 100%);
display: block;
float: left;
display: inline;
margin-right: 14px;
}
.pg_right2 dl {
margin-top: 24px;
margin-bottom: 40px;
}
.pg_right2 dl dt {
width: 170px;
float: left;
display: inline;
}
.pg_right2 dl dt p {
text-align: center;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
color: #162a65;
height: 80px;
line-height: 80px;
display: block;
overflow: hidden;
}
.pg_right2 dl dd {
width: 729px;
float: right;
display: inline;
font-size: 14px;
font-weight: normal;
line-height: 27px;
color: #333;
}
.pg_right2 .h3_box2 {
overflow: hidden;
padding: 12px 0 0 0;
margin-bottom: 40px;
}
.pg_right2 .h3_box2 span {
display: inline-block;
vertical-align: middle;
margin: 10px 10px 0 0;
padding: 0 10px;
line-height: 30px;
background-color: #e2f0ff;
font-size: 12px;
color: #333;
}
.pg_right2 .h3_box3 {
padding: 24px 0 0 0;
}
.pg_right2 .h3_box3 ul li {
width: 230px;
float: left;
display: inline;
border: 1px solid #eeeeee;
height: 330px;
position: relative;
margin-left: -1px;
margin-top: -1px;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right2 .h3_box3 ul li .img_box {
width: 230px;
height: auto;
height: 174px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.pg_right2 .h3_box3 ul li .img_box a img {
height: 174px;
width: auto;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pg_right2 .h3_box3 ul li b a {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 20px;
padding: 10px 20px;
overflow: hidden;
text-align: center;
display: block;
height: 40px;
}
.pg_right2 .h3_box3 ul li b a:hover {
color: #d9000d;
}
.pg_right2 .h3_box3 ul li p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #666666;
padding: 0 20px;
}
.pg_right2 .h3_box3 ul li:hover {
border: 1px solid #d9000d;
z-index: 2;
}
.pg_right2 .h3_box6 {
padding: 24px 0 0 0;
}
.pg_right2 .h3_box6 ul li {
width: 230px;
float: left;
display: inline;
border: 1px solid #eeeeee;
height: 220px;
position: relative;
margin-left: -1px;
margin-top: -1px;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right2 .h3_box6 ul li .img_box {
width: 230px;
height: auto;
height: 174px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.pg_right2 .h3_box6 ul li .img_box a img {
height: 174px;
width: auto;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pg_right2 .h3_box6 ul li b a {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 20px;
padding: 10px 20px;
overflow: hidden;
text-align: center;
display: block;
height: 40px;
}
.pg_right2 .h3_box6 ul li b a:hover {
color: #d9000d;
}
.pg_right2 .h3_box6 ul li p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #666666;
padding: 0 20px;
}
.pg_right2 .h3_box6 ul li:hover {
border: 1px solid #d9000d;
z-index: 2;
}
.pg_right2 .h3_box7 {
padding: 24px 0 0 0;
}
.pg_right2 .h3_box7 ul li {
width: 307px;
float: left;
display: inline;
border: 1px solid #eeeeee;
height: 220px;
position: relative;
margin-left: -1px;
margin-top: -1px;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right2 .h3_box7 ul li .img_box {
width: 307px;
height: auto;
height: 174px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.pg_right2 .h3_box7 ul li .img_box a img {
height: 174px;
width: auto;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pg_right2 .h3_box7 ul li b a {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 20px;
padding: 10px 20px;
overflow: hidden;
text-align: center;
display: block;
height: 40px;
}
.pg_right2 .h3_box7 ul li b a:hover {
color: #d9000d;
}
.pg_right2 .h3_box7 ul li p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #666666;
padding: 0 20px;
}
.pg_right2 .h3_box7 ul li:hover {
border: 1px solid #d9000d;
z-index: 2;
}
.pg_right2 .h3_box8 {
padding: 24px 0 0 0;
}
.pg_right2 .h3_box8 ul li {
width: 460px;
float: left;
display: inline;
border: 1px solid #eeeeee;
height: 220px;
position: relative;
margin-left: -1px;
margin-top: -1px;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right2 .h3_box8 ul li .img_box {
width: 460px;
height: auto;
height: 174px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.pg_right2 .h3_box8 ul li .img_box a img {
height: 174px;
width: auto;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pg_right2 .h3_box8 ul li b a {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 20px;
padding: 10px 20px;
overflow: hidden;
text-align: center;
display: block;
height: 40px;
}
.pg_right2 .h3_box8 ul li b a:hover {
color: #d9000d;
}
.pg_right2 .h3_box8 ul li p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #666666;
padding: 0 20px;
}
.pg_right2 .h3_box8 ul li:hover {
border: 1px solid #d9000d;
z-index: 2;
}
.pg_right2 .h3_box9 {
padding: 0px 0px 30px 0px;
}
.pg_right2 .h3_box9 ul li {
width: 928px;
float: left;
display: flex;
border: 1px solid #eeeeee;
height: 175px;
position: relative;
margin-left: -1px;
margin-top: -1px;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right2 .h3_box9 ul li .img_box {
width: 230px;
height: auto;
height: 174px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.pg_right2 .h3_box9 ul li .img_box a img {
height: 174px;
width: auto;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pg_right2 .h3_box9 ul li .img_box b a {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 20px;
padding: 10px 20px;
overflow: hidden;
text-align: center;
display: block;
height: 40px;
}
.pg_right2 .h3_box9 ul li .img_box b a:hover {
color: #d9000d;
}
.pg_right2 .h3_box9 ul li:hover {
border: 1px solid #d9000d;
z-index: 2;
}
.pg_right2 .h3_box9 ul li .word_box {
border: 1px solid #eeeeee;
overflow: hidden;
border-top: none;
width: 760px;
height: 174px;
}
.pg_right2 .h3_box9 ul li .word_box h3 {
padding: 0 24px;
height: 44px;
line-height: 44px;
font-size: 16px;
color: #162a65;
display: block;
text-align: left;
margin-top: 6px;
}
.pg_right2 .h3_box9 ul li .word_box h3:hover {
color: #d9000d;
}
.pg_right2 .h3_box9 ul li .word_box p {
padding: 0 24px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #333;
overflow: hidden;
height: 80px;
display: block;
}
.h3_box4 {
margin-top: 30px;
overflow: hidden;
}
.h3_box4 b {
font-size: 20px;
color: #162a65;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
.h3_box4 a {
display: inline-block;
vertical-align: middle;
margin: 10px 10px 0 0;
padding: 0 10px;
line-height: 30px;
background-color: #e2f0ff;
font-size: 12px;
color: #333;
}
.h3_box4 a:hover {
background-color: #d9000d;
color: #fff;
}
.pg_right3 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.menu2 {
overflow: hidden;
}
.menu2 h2 {
background-image: url(../images/div_bg19.jpg);
background-repeat: no-repeat;
height: 73px;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 24px;
padding: 20px 0 0 0;
}
.menu2 h2 font {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #87a6c9;
text-align: center;
display: block;
font-weight: normal;
}
.menu2 ul li {
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #eeeeee;
}
.menu2 ul li a {
display: block;
padding: 14px 34px 14px 34px;
color: #333;
line-height: 20px;
text-align: center;
}
.menu2 ul li a:hover {
background-color: #ffe6e7;
}
.menu2 ul li.on a {
background-color: #d9000d;
color: #fff;
font-weight: bold;
background-image: url(../images/icon11.png);
background-repeat: no-repeat;
background-position: 160px 26px;
}
.pg_right3 dl {
overflow: hidden;
}
.pg_right3 dl dt {
width: 406px;
float: left;
display: inline;
}
.pg_right3 dl dd {
width: 487px;
float: right;
display: inline;
text-align: left;
padding: 0 0 0 36px;
min-height: 270px;
background-image: url(../images/div_bg20.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.pg_right3 dl dd b {
color: #162a65;
font-size: 24px;
font-weight: bold;
display: block;
line-height: 36px;
margin-top: 40px;
margin-bottom: 20px;
}
.pg_right3 dl dd p {
font-size: 16px;
font-weight: normal;
line-height: 36px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.pg_right3 dl dd p span {
width: 80px;
display: inline-block;
color: #666;
}
.ppfont {
color: #429cd1;
line-height: 20px;
padding: 0 5px;
display: inline-block;
border-radius: 4px;
font-style: normal;
font-weight: bold;
}
.pg_right3 dl dd p a {
background-color: #429cd1;
line-height: 40px;
padding: 0 25px;
color: #fff;
font-size: 16px;
font-weight: bold;
height: 40px;
border-radius: 5px;
display: inline-block;
vertical-align: middle;
margin-top: 10px;
}
.pg_right3 dl dd p a:hover {
background-color: #d9000d;
}
.pg_right3 h3 {
height: 30px;
background-image: linear-gradient(to left, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 10%, rgba(11, 47, 105, 1) 100%);
margin-top: 40px;
position: relative;
overflow: hidden;
}
.pg_right3 h3 ul {
height: 30px;
position: absolute;
left: 10px;
top: 0;
}
.pg_right3 h3 ul li {
width: 100px;
float: left;
display: inline;
font-size: 14px;
color: #fff;
line-height: 30px;
font-weight: normal;
text-align: center;
cursor: pointer;
}
.pg_right3 h3 ul li.on {
color: #162a65;
background-color: #fff;
height: 30px;
font-weight: bold;
}
.pg_right3_info {
overflow: hidden;
}
.pg_right3_info p {
font-size: 14px;
font-weight: normal;
line-height: 24px;
color: #333;
display: block;
margin-top: 40px;
}
.pg_info01 {
overflow: hidden;
margin-top: 30px;
}
.pg_info01 h2 {
font-size: 16px;
font-weight: bold;
color: #333;
}
.pg_info01 h2::before {
content: "";
display: block;
width: 6px;
height: 16px;
float: left;
display: inline;
margin-right: 10px;
background-image: linear-gradient(to top, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 20%, rgba(11, 47, 105, 1) 100%);
border-radius: 1000px;
margin-top: 4px;
}
.pg_info01 table {
background-color: #eeeeee;
margin-top: 20px;
}
.pg_info01 table td {
font-size: 12px;
font-weight: normal;
color: #333;
padding: 0 5px;
line-height: 22px;
height: 44px;
background-color: #fff;
max-width: 270px;
}
.pg_info01 table td.name {
background-color: #f5f5f9;
width: 60px;
color: #666666;
}
.pg_info01 a.bo {
line-height: 40px;
border: 1px solid #eeeeee;
margin-top: -1px;
display: block;
height: 44px;
}
.pg_info01 a.bo img {
display: block;
margin: 0 auto;
width: 30px;
margin-top: 12px;
}
.pg_info02 {
overflow: hidden;
margin-top: 30px;
}
.pg_info02 img {
width: 100%;
}
/**------------重大案例------------**/
.search_box {
position: absolute;
top: 0;
left: 420px;
}
.search_box .search_info {
background-color: #fff;
display: inline-block;
vertical-align: middle;
width: 320px;
height: 32px;
border: 1px solid #dddddd;
border-radius: 1000px;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin: 0 5px;
}
.search_box .search_info .input03 {
width: 288px;
height: 32px;
background-color: #fff;
float: left;
display: inline;
font-size: 14px;
font-weight: normal;
color: #333;
padding: 0 0 0 14px;
box-sizing: border-box;
border: none;
margin: 0;
}
.search_box .search_info .input03:focus {
outline: none;
}
.search_box .search_info .input04 {
width: 32px;
float: left;
display: inline;
height: 32px;
background-image: url(../images/cnm_icon07.png);
background-repeat: no-repeat;
background-position: 4px 4px;
cursor: pointer;
border: none;
padding: 0;
margin: 0;
background-color: #fff;
border-radius: 1000px;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.search_box .search_info .input04:hover {
width: 32px;
float: left;
display: inline;
height: 32px;
background-image: url(../images/cnm_icon07.png);
background-repeat: no-repeat;
background-position: 4px 4px;
cursor: pointer;
border: none;
padding: 0;
margin: 0;
background-color: #e2eeff;
border-radius: 1000px;
overflow: hidden;
}
.search_box .search_info01 {
width: 120px;
height: 32px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
position: relative
}
.search_box .search_info01 span {
display: block;
font-size: 14px;
font-weight: normal;
color: #666666;
padding: 0 14px;
text-align: left;
line-height: 32px;
height: 32px;
border: 1px solid #dddddd;
border-radius: 1000px;
}
.search_box .search_info01 span img {
float: right;
display: inline;
margin-top: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.search_box .search_info01_main {
width: 118px;
position: absolute;
top: 33px;
left: 0;
overflow-y: scroll;
overflow-x: hidden;
background-color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: none;
z-index: 99990;
height: 240px;
display: none;
filter: drop-shadow(0 10px 10px #dddddd);
}
.search_box .search_info01_main p a {
font-size: 14px;
font-weight: normal;
line-height: 32px;
text-align: left;
padding: 0 14px;
color: #666666;
display: block;
}
.search_box .search_info01_main p a:hover {
background-color: #e2eeff;
color: #3b85f5;
}
.search_box .search_info01:hover span {
border-radius: 20px 20px 0 0;
}
.search_box .search_info01:hover .search_info01_main {
display: block;
border: 1px solid #dddddd;
border-top: none;
top: 33px;
}
.search_box .search_info01:hover span img {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.search_box .search_info02 {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.search_box .search_info02 input {
width: 188px;
height: 42px;
border: 1px solid #dddddd;
border-radius: 1000px;
overflow: hidden;
background-color: #fff;
font-size: 14px;
font-weight: normal;
color: #333;
padding: 0 14px;
box-sizing: border-box;
}
.menu3 {
overflow: hidden;
}
.menu3 h2 {
background-image: url(../images/div_bg19.jpg);
background-repeat: no-repeat;
height: 73px;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 24px;
padding: 20px 0 0 0;
}
.menu3 h2 font {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #87a6c9;
text-align: center;
display: block;
font-weight: normal;
}
.menu3 ul li {
font-size: 14px;
font-weight: normal;
line-height: 44px;
border-bottom: 1px solid #eeeeee;
}
.menu3 ul li a {
display: block;
padding: 0 0 0 60px;
color: #333;
}
.menu3 ul li a:hover {
background-color: #ffe6e7;
}
.menu3 ul li.on a {
background-color: #d9000d;
color: #fff;
font-weight: bold;
background-image: url(../images/icon11.png);
background-repeat: no-repeat;
background-position: 130px 14px;
}
.pg_right4 {
width: 970px;
float: right;
display: inline;
}
.pg_right4 ul li {
width: 302px;
float: left;
display: inline;
margin: 0 30px 30px 0;
position: relative;
top: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background-color: #fff;
}
.pg_right4 ul li:hover {
top: -5px;
filter: drop-shadow(0 5px 10px #dddddd);
}
.pg_right4 ul li:nth-child(3n+3) {
margin-right: 0;
}
.pg_right4 ul li .img_box {
width: 302px;
height: 170px;
overflow: hidden;
}
.pg_right4 ul li .img_box a img {
width: 302px;
height: 170px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pg_right4 ul li:hover .img_box a img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pg_right4 ul li .word_box {
height: 130px;
width: 300px;
border: 1px solid #eeeeee;
overflow: hidden;
border-top: none;
}
.pg_right4 ul li .word_box h3 a {
height: 44px;
line-height: 22px;
font-size: 16px;
color: #162a65;
display: block;
text-align: center;
margin-top: 6px;
}
.pg_right4 ul li .word_box h3 a:hover {
color: #d9000d;
}
.pg_right4 ul li .word_box p {
padding: 0 24px;
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #333;
overflow: hidden;
height: 60px;
display: block;
}
.pg_right5 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.pg_right5 h2 {
display: block;
text-align: center;
font-size: 24px;
color: #162a65;
line-height: 34px;
}
.pg_right5 h2 span {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #429cd1;
display: block;
}
.pg_right5_main {
overflow: hidden;
}
.pg_right5_main p {
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 30px;
display: block;
margin-top: 40px;
}
.pg_right5_main p img {
display: block;
margin: 0 auto;
}
.pg_right5_main .img_line {
text-align: center;
margin-top: 10px;
}
.pg_right5_main .img_line .imgleft {
display: inline-block;
text-align: center;
}
.pg_right5_main .img_line .imgright {
display: inline-block;
text-align: center;
}
.pg_right_main_img {
overflow: hidden;
}
.pg_right_main_img p {
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 30px;
display: block;
margin-bottom: 30px;
}
.pg_right_main_img p img {
display: block;
margin: 0 auto;
width: 80%;
}
.pg_right6_main {
overflow: hidden;
}
.pg_right6_main p {
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 30px;
display: block;
}
.pg_right6_main img {
display: block;
margin: 0 auto;
max-width: 100%;
}
/**--------------科研创新---------------**/
.pg_right6 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.pg_right6 dl {
overflow: hidden;
margin-bottom: 40px;
height: 272px;
overflow: hidden;
}
.pg_right6 dl dt {
width: 388px;
float: left;
display: inline;
}
.pg_right6 dl dd {
width: 481px;
float: left;
display: inline;
padding: 0 30px;
height: 272px;
background-image: linear-gradient(to right, rgba(58, 120, 177, 1) 0%, rgba(58, 120, 177, 1) 10%, rgba(11, 47, 105, 1) 100%);
overflow: hidden;
position: relative;
}
.pg_right6 dl dd h3 a {
display: block;
margin-top: 30px;
font-size: 30px;
font-weight: bold;
color: #fff;
}
.pg_right6 dl dd h3 a:hover {
padding: 0 0 0 5px;
}
.pg_right6 dl dd h3 a span {
font-size: 18px;
margin-left: 20px;
}
.pg_right6 dl dd p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #fff;
margin-top: 22px;
}
.pg_right6 dl dd a.more6 {
font-size: 12px;
color: #fff;
position: absolute;
right: 30px;
bottom: 20px;
}
.pg_right6 dl dd a.more6 img {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
}
.pg_right6 dl dd a.more6:hover {
right: 35px;
}
.pg_right6_info {
text-align: center;
}
.pg_right6_info .search_info .input03 {
width: 260px;
height: 30px;
border: 1px solid #3974ae;
border-radius: 1000px;
font-size: 12px;
font-weight: normal;
color: #3974ae;
line-height: 30px;
padding: 0 10px;
display: inline-block;
}
.pg_right6_info .search_info .input03:focus {
outline: none;
}
.pg_right6_info .search_info .input03::-webkit-input-placeholder {
/* WebKit browsers */
color: #3974ae;
}
.pg_right6_info .search_info .input03:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #3974ae;
}
.pg_right6_info .search_info .input03::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #3974ae;
}
.pg_right6_info .search_info .input03:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #3974ae;
}
.pg_right6_info .search_info .input04 {
width: 32px;
height: 32px;
background-image: url(../images/bu_bg.jpg);
background-repeat: no-repeat;
display: inline-block;
margin-left: 10px;
border: none;
cursor: pointer;
}
.table_box {
margin-top: 24px;
}
.table_box table {
overflow: hidden;
}
.table_box table td {
line-height: 24px;
font-size: 14px;
font-weight: normal;
padding: 10px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
border-bottom: 1px solid #eeeeee;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.table_box table td a {
color: #162a65;
}
.table_box table td a:hover {
color: #d9000d;
}
.table_box table td.name {
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 30px;
height: 30px;
overflow: hidden;
border-bottom: none;
padding: 0px 10px;
}
.table_box table tr:nth-child(odd) td {
background-color: #eef7ff;
}
.table_box table tr:nth-child(1) {
background-image: linear-gradient(to right, rgba(58, 120, 177, 1) 0%, rgba(58, 120, 177, 1) 10%, rgba(11, 47, 105, 1) 100%);
height: 30px;
}
.table_box table tr:nth-child(1) td {
background: transparent;
}
.table_box table tr:hover td {
background-color: #ffe6e7;
}
.table_box table tr:nth-child(1):hover td {
background: transparent;
}
.page {
overflow: hidden;
text-align: center;
display: block;
margin-top: 30px;
}
.page a {
display: inline-block;
font-weight: normal;
vertical-align: middle;
line-height: 30px;
padding: 0 12px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #dddddd;
position: relative;
margin-left: -1px;
}
.page a:hover {
background-color: #eef7ff;
}
.page a.on {
background-color: #162a65;
color: #fff;
border: 1px solid #162a65;
font-weight: bold;
}
.pg_right7 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.pg_right7 dl {
overflow: hidden;
}
.pg_right7 dl dt {
width: 314px;
float: right;
display: inline;
}
.pg_right7 dl dt img {
border: 1px solid #eeeeee;
width: 312px;
height: auto;
}
.pg_right7 dl dd {
width: 555px;
float: left;
display: inline;
}
.pg_right7 dl dd h2 {
overflow: hidden;
}
.pg_right7 dl dd h2 i {
width: 10px;
height: 64px;
background-image: linear-gradient(to top, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 20%, rgba(11, 47, 105, 1) 100%);
display: block;
float: left;
display: inline;
margin-right: 14px;
}
.pg_right7 dl dd h2 span {
width: 530px;
float: left;
display: inline;
font-size: 20px;
font-weight: bold;
color: #429cd1;
font-family: Verdana, Geneva, sans-serif;
line-height: 36px;
position: relative;
margin-top: -4px;
}
.pg_right7 dl dd h2 span strong {
font-size: 30px;
font-weight: bold;
color: #162a65;
display: block;
}
.pg_right7 dl dd p {
font-size: 14px;
font-weight: normal;
color: #333;
line-height: 30px;
display: block;
margin-top: 30px;
}
.pg_right7 h3 {
height: 40px;
overflow: hidden;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 40px;
color: #162a65;
margin-top: 50px;
}
.pg_right7 h3 i {
width: 10px;
height: 40px;
background-image: linear-gradient(to top, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 20%, rgba(11, 47, 105, 1) 100%);
display: block;
float: left;
display: inline;
margin-right: 14px;
}
.h3_box5 {
overflow: hidden;
}
.h3_box5 p {
font-size: 14px;
font-weight: normal;
color: #333;
line-height: 30px;
display: block;
margin-top: 30px;
}
.pg_right6_info02 {
background-image: url(../images/div_bg21.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 276px;
margin-bottom: 40px;
padding: 36px 60px 0 314px;
box-sizing: border-box;
}
.pg_right6_info02 p {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 24px;
display: block;
}
.pg_right6_info02 ul li {
font-size: 12px;
font-weight: bold;
color: #333;
margin-top: 25px;
display: inline-block;
float: left;
}
.pg_right6_info02 ul li span {
display: block;
line-height: 40px;
font-weight: normal;
color: #333;
}
.pg_right6_info02 ul li span strong {
font-size: 36px;
color: #d9000d;
font-family: Verdana, Geneva, sans-serif;
margin-right: 10px;
}
.pg_right6_info02 ul li:nth-child(2) {
margin-left: 160px;
}
.pg_right6_info02 ul li:nth-child(3) {
float: right;
}
.blk07 {
overflow: hidden;
}
.blk07 h2 {
display: block;
font-size: 32px;
color: #162a65;
line-height: 44px;
text-align: center;
padding: 0 50px;
}
.blk07 h3 {
display: block;
font-size: 14px;
color: #429cd1;
margin-top: 16px;
text-align: center;
font-weight: normal;
}
.b07_main {
overflow: hidden;
padding: 40px 0 0 0;
}
.b07_main p {
font-size: 16px;
font-weight: normal;
line-height: 36px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
display: block;
text-align: center;
}
.b07_main p img {
display: block;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
width: 100%;
}
.pg_right8 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.blk08 {
overflow: hidden;
}
.blk08 dl {
position: relative;
width: 100%;
font-size: 0;
box-sizing: border-box;
white-space: normal;
padding: 20px 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk08 dl:before {
content: '';
position: absolute;
top: 0;
left: 100px;
height: 100%;
border-right: 1px solid #429cd1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk08 dl dt {
position: absolute;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
width: 64px;
text-align: center;
line-height: 24px;
background-color: #429cd1;
border-radius: 3px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk08 dl dt:before {
content: '';
position: absolute;
top: 50%;
left: 95px;
width: 10px;
height: 10px;
margin-top: -6.5px;
background-color: #429cd1;
border-radius: 1000px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk08 dl dd {
display: inline-block;
padding-left: 130px;
}
.blk08 dl dd p {
line-height: 24px;
font-size: 16px;
color: #333;
margin-bottom: 8px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk08 dl:hover:before {
border-right: 1px solid #db3b3b;
}
.blk08 dl:hover dt {
background-color: #db3b3b;
}
.blk08 dl:hover dt:before {
background-color: #db3b3b;
}
.blk08 dl:hover dd p {
color: #db3b3b;
}
.blk08 dl:first-child {
padding: 0 0 20px 0;
}
.blk08 dl:first-child:before {
top: 10px;
}
.pg_right6_info03 {
background-image: url(../images/div_bg22.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 155px;
margin-bottom: 40px;
padding: 40px 60px 0 314px;
box-sizing: border-box;
}
.pg_right6_info03 p {
font-size: 12px;
font-weight: bold;
color: #333;
line-height: 24px;
display: block;
}
.pg_right6_info03 ul li {
font-size: 12px;
font-weight: bold;
color: #333;
display: inline-block;
float: left;
}
.pg_right6_info03 ul li span {
display: block;
line-height: 40px;
font-weight: normal;
color: #333;
}
.pg_right6_info03 ul li span strong {
font-size: 36px;
color: #2c73a1;
font-family: Verdana, Geneva, sans-serif;
margin-right: 10px;
}
.pg_right6_info03 ul li:nth-child(2) {
margin-left: 160px;
}
.pg_right6_info03 ul li:nth-child(3) {
float: right;
}
/**------------投资者关系------------**/
.pg_right9 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.blk09 dl {
overflow: hidden;
padding: 24px 0;
border-bottom: 1px solid #eeeeee;
}
.blk09 dl dt {
width: 84px;
height: 84px;
background-color: #ececf3;
float: left;
display: inline;
overflow: hidden;
padding: 10px;
box-sizing: border-box;
font-size: 12px;
font-weight: normal;
color: #429cd1;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk09 dl dt strong {
font-size: 27px;
display: block;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
margin-bottom: 20px;
line-height: 27px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk09 dl dt i {
width: 1px;
height: 70px;
background-color: #429cd1;
overflow: hidden;
display: block;
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
top: 10px;
left: 40px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk09 dl dd {
width: 760px;
float: left;
display: inline;
text-align: left;
margin-left: 24px;
}
.blk09 dl dd b a {
font-size: 18px;
font-weight: bold;
color: #333;
display: block;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 725px;
}
.blk09 dl dd b a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.blk09 dl dd span {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
margin-top: 6px;
display: block;
}
.blk09 dl dd p {
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #666;
display: block;
margin-top: 4px;
height: 40px;
overflow: hidden;
}
.blk09 dl a.more7 {
float: left;
display: inline;
width: 28px;
margin-top: 24px;
font-size: 12px;
font-weight: bold;
color: #429cd1;
text-align: center;
line-height: 24px;
position: relative;
top: 0;
}
.blk09 dl a.more7:hover {
top: -5px;
}
.blk09 dl:hover dt {
background-color: #d9000d;
color: #fff;
}
.blk09 dl:hover dt strong {
color: #fff;
}
.blk09 dl:hover dt i {
background-color: #fff;
}
.blk09 dl:first-child {
padding: 0 0 24px 0;
}
/**-----------党群纪检------------**/
.pg_right10 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.blk11 {
background-image: url(../images/div_bg23.jpg);
background-repeat: no-repeat;
height: 231px;
background-position: top center;
padding: 30px 80px 0 280px;
box-sizing: border-box;
}
.blk11 b {
font-size: 16px;
font-weight: bold;
color: #fff;
display: block;
line-height: 40px;
}
.blk11 p {
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 24px;
display: block;
height: 124px;
overflow: hidden;
margin-top: 6px;
}
.blk10 dl {
overflow: hidden;
padding: 24px 0;
border-bottom: 1px solid #eeeeee;
}
.blk10 dl dt {
width: 84px;
height: 84px;
background-color: #ececf3;
float: left;
display: inline;
overflow: hidden;
padding: 10px;
box-sizing: border-box;
font-size: 12px;
font-weight: normal;
color: #d9000d;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk10 dl dt strong {
font-size: 27px;
display: block;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
margin-bottom: 20px;
line-height: 27px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk10 dl dt i {
width: 1px;
height: 70px;
background-color: #d9000d;
overflow: hidden;
display: block;
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
top: 10px;
left: 40px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blk10 dl dd {
width: 821px;
float: right;
display: inline;
text-align: left;
}
.blk10 dl dd b a {
font-size: 18px;
font-weight: bold;
color: #333;
display: block;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 725px;
}
.blk10 dl dd b a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.blk10 dl dd span {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
margin-top: 6px;
display: block;
}
.blk10 dl dd p {
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #666;
display: block;
margin-top: 4px;
height: 40px;
overflow: hidden;
}
.blk10 dl:hover dt {
background-color: #d9000d;
color: #fff;
}
.blk10 dl:hover dt strong {
color: #fff;
}
.blk10 dl:hover dt i {
background-color: #fff;
}
.blk12 {
overflow: hidden;
}
.blk12 h2 {
font-size: 24px;
font-weight: bold;
color: #d9000d;
padding: 0 50px;
text-align: center;
line-height: 36px;
}
.blk12 h2 span {
font-size: 14px;
font-weight: normal;
color: #999999;
text-align: center;
display: block;
}
.b12_main {
overflow: hidden;
}
.b12_main p {
font-size: 16px;
font-weight: normal;
line-height: 30px;
display: block;
margin-top: 30px;
color: #333;
}
.b12_main p img {
display: block;
margin: 0 auto;
}
.pg_right6_info04 {
overflow: hidden;
border: 1px solid #eeeeee;
padding: 10px 20px 20px 20px;
}
.pg_right6_info04 b {
font-size: 14px;
font-weight: bold;
line-height: 36px;
color: #3875af;
}
.pg_right6_info04 p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.parth {
width: 1200px;
margin: 0 auto;
padding: 40px 0 60px 0;
}
.blk13 {
overflow: hidden;
text-align: left;
}
.blk13 h2 {
font-size: 24px;
font-weight: bold;
color: #112969;
padding: 0 50px;
text-align: center;
line-height: 36px;
}
.blk13 h2 span {
font-size: 14px;
font-weight: normal;
color: #999999;
text-align: center;
display: block;
}
.b13_main {
overflow: hidden;
}
.b13_main p {
font-size: 16px;
font-weight: normal;
line-height: 30px;
display: block;
margin-top: 30px;
color: #333;
}
/**咨询弹框**/
.consultation_bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.7);
z-index: 99998;
display: none;
}
.consultation {
width: 630px;
padding: 0 0 50PX 0;
background-color: #fff;
border-radius: 20px;
display: block;
overflow: hidden;
position: fixed;
top: 50%;
transform: translateY(-50%);
left: 50%;
margin-left: -315px;
z-index: 99999;
background-image: url(/images/div_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
text-align: left;
display: none;
}
.consultation h2 {
padding: 0 30px;
font-size: 24px;
font-weight: normal;
color: #fff;
line-height: 64px;
}
.consultation h2 a {
float: right;
display: inline;
font-size: 48px;
font-weight: 300;
color: #fff;
cursor: pointer;
}
.consultation h2 a:hover {
margin-right: 5px;
}
.consultation dl {
overflow: hidden;
margin-top: 60px;
}
.consultation dl dt {
height: 400px;
position: relative;
width: 430px;
margin: 0 auto;
}
.consultation dl dt img {
height: 400px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.consultation dl dd {
font-size: 15px;
font-weight: bold;
color: #333;
line-height: 24px;
display: block;
margin-top: 30px;
padding: 0 70px;
text-align: center;
display: block;
}
.b13_main02 {
overflow: hidden;
padding: 0 0 10px 0;
}
.b13_main02 p {
font-size: 16px;
font-weight: normal;
line-height: 24px;
display: block;
margin-top: 0px;
color: #333;
}
.b13_main02 dl {
display: block;
width: 1176px;
margin: 0 auto;
margin-top: 24px;
border: 1px solid #eeeeee;
border-radius: 15px;
overflow: hidden;
box-sizing: border-box;
}
.b13_main02 dl dt {
width: 774px;
height: 300px;
background-color: #000000;
box-sizing: border-box;
float: left;
display: inline;
}
.b13_main02 dl dd {
padding: 24px;
width: 400px;
box-sizing: border-box;
float: left;
display: inline;
}
.b13_main02 dl dd h3 {
font-size: 17px;
font-weight: bold;
color: #112969;
display: block;
line-height: 36px;
}
.b13_main02 dl dd h3 em {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
background-color: #112969;
line-height: 18px;
padding: 0 4px;
border-radius: 4px;
color: #fff;
font-style: normal;
font-size: 14px;
}
.b13_main02 dl dd b {
font-size: 15px;
color: #333;
display: block;
line-height: 30px;
border-top: 1px solid #eeeeee;
padding: 6px 0 0 0;
margin-top: 10px;
}
.b13_main02 dl dd p {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #333;
display: block;
line-height: 24px;
margin-bottom: 8px;
}
.b13_main02 dl dd p font {
font-family: Verdana, Geneva, sans-serif;
}
.b13_main02 dl dd p a {
color: #429cd1;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
white-space: nowrap;
}
.b13_main02 dl dd p a:hover {
color: #d9000d;
}
.b13_main02 dl dd i {
font-size: 14px;
font-weight: normal;
color: #666;
line-height: 22px;
display: block;
font-style: normal;
}
.b13_main02 dl dd i img {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
width: 18px;
}
.b13_main02 ul li {
height: 330px;
width: 376px;
float: left;
display: inline;
margin: 0 12px;
padding: 16px 24px 24px 24px;
border: 1px solid #eeeeee;
border-radius: 15px;
overflow: hidden;
box-sizing: border-box;
margin-top: 24px;
background-color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.b13_main02 ul li:hover {
filter: drop-shadow(0 5px 7px #eeeeee);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(249, 249, 249, 1) 100%);
}
.b13_main02 ul li:nth-child(1) {
width: 576px;
height: 604px;
}
.b13_main02 ul li:nth-child(2) {
width: 576px;
height: 604px;
}
.b13_main02 ul li h3 {
font-size: 17px;
font-weight: bold;
color: #112969;
display: block;
line-height: 36px;
}
.b13_main02 ul li b {
font-size: 15px;
color: #333;
display: block;
line-height: 30px;
border-top: 1px solid #eeeeee;
padding: 6px 0 0 0;
margin-top: 10px;
}
.b13_main02 ul li p {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #333;
display: block;
line-height: 24px;
margin-bottom: 8px;
}
.b13_main02 ul li p font {
font-family: Verdana, Geneva, sans-serif;
}
.b13_main02 ul li p a {
color: #429cd1;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
white-space: nowrap;
}
.b13_main02 ul li p a:hover {
color: #d9000d;
}
.b13_main02 ul li i {
font-size: 14px;
font-weight: normal;
color: #666;
line-height: 22px;
display: block;
font-style: normal;
}
.b13_main02 ul li i img {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
width: 18px;
}
/* 滚动内容区样式 */
.pb_info01_main01 .scroll_cont {
height: 100%;
overflow: hidden;
}
.scroll_cont2 {
height: 100%;
overflow: hidden;
}
.scroll_cont3 {
height: 100%;
overflow: hidden;
}
/* 滚动条 */
.pb_info01_main01 .scroll_bar {
position: absolute;
top: 60px;
right: 0;
width: 1px;
height: 300px;
background-color: #eeeeee;
}
.scroll_bar2 {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 250px;
background-color: #eeeeee;
}
.scroll_bar3 {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 250px;
background-color: #eeeeee;
}
/* 滚动块 */
.pb_info01_main01 .scroll_slider {
position: absolute;
top: 0;
left: -1px;
width: 3px;
height: 48px;
background-color: rgba(78,151,196,.5);
border-radius: 100px;
}
.scroll_slider2 {
position: absolute;
top: 0;
left: -1px;
width: 3px;
height: 48px;
background-color: rgba(78,151,196,.5);
border-radius: 100px;
}
.scroll_slider3 {
position: absolute;
top: 0;
left: -1px;
width: 3px;
height: 48px;
background-color: rgba(78,151,196,.5);
border-radius: 100px;
}
.pa_right_info {
overflow: hidden;
font-size: 14px;
font-weight: normal;
color: #5595c1;
text-align: center;
padding: 18px 0 0 0;
}
.pa_right_info img {
width: 120px;
display: block;
margin: 0 auto;
}
.pa_right_info b {
font-size: 15px;
color: #4e97c4;
display: block;
line-height: 24px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin-bottom: 5px;
}
.pa_right_info strong {
font-size: 34px;
color: #d9000d;
font-family: Arial, Helvetica, sans-serif;
display: block;
text-align: center;
margin-top: 4px;
}
.pa_right_info strong img {
display: inline-block;
vertical-align: middle;
margin: 0 3px;
width: 16px;
}
.pa_right_info strong font {
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
margin-left: 15px;
}
a.quotation {
width: 100px;
height: 30px;
background-color: #429cd1;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 30px;
border-radius: 1000px;
display: block;
margin: 0 auto;
margin-top: 14px;
color: #fff;
}
a.quotation:hover {
background-color: #d9000d;
color: #fff;
}
.go {
display: inline-block;
line-height: 30px;
border-radius: 1000px;
background: #429cd1;
font-size: 14px;
font-weight: bold;
color: #fff;
float: right;
padding: 0 10px;
}
.go:hover {
background-color: #d9000d;
color: #fff;
}
.pg_right11 {
width: 929px;
padding: 0 0 0 40px;
border-left: 1px solid #eeeeee;
float: right;
display: inline;
}
.pg_right11 h3 {
height: 40px;
overflow: hidden;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 40px;
color: #162a65;
}
.pg_right11 h3 i {
width: 10px;
height: 40px;
background-image: linear-gradient(to bottom, rgba(66, 156, 209, 1) 0%, rgba(66, 156, 209, 1) 20%, rgba(11, 47, 105, 1) 100%);
display: block;
float: left;
display: inline;
margin-right: 14px;
}
.pg_right11 h3 .search_info {
width: 330px;
float: right;
display: inline;
text-align: right;
margin-top: 6px;
}
.pg_right11 h3 .search_info .input03 {
width: 260px;
height: 30px;
border: 1px solid #3974ae;
border-radius: 1000px;
font-size: 12px;
font-weight: normal;
color: #3974ae;
line-height: 30px;
padding: 0 10px;
display: inline-block;
}
.pg_right11 h3 .search_info .input03:focus {
outline: none;
}
.pg_right11 h3 .search_info .input03::-webkit-input-placeholder {
/* WebKit browsers */
color: #3974ae;
}
.pg_right11 h3 .search_info .input03:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #3974ae;
}
.pg_right11 h3 .search_info .input03::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #3974ae;
}
.pg_right11 h3 .search_info .input03:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #3974ae;
}
.pg_right11 h3 .search_info .input04 {
width: 32px;
height: 32px;
background-image: url(../images/bu_bg.jpg);
background-repeat: no-repeat;
display: inline-block;
margin-left: 10px;
border: none;
cursor: pointer;
}
.pg_right11 dl {
background-color: #f1f6fa;
padding: 20px;
overflow: hidden;
margin-top: 20px;
}
.pg_right11 dl dt {
width: 184px;
float: left;
display: inline;
overflow: hidden;
}
.pg_right11 dl dt a img {
width: 184px;
height: 60px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
/* Firefox 4 */
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
/* Safari 和 Chrome */
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
/* Opera */
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.pg_right11 dl:hover dt a img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2); /* IE 9 */
-moz-transform: scale(1.2, 1.2); /* Firefox */
-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2, 1.2); /* Opera */
}
.pg_right11 dl dd {
width: 681px;
float: right;
display: inline;
}
.pg_right11 dl dd b a {
font-size: 16px;
font-weight: bold;
color: #333;
display: block;
line-height: 60px;
}
.pg_right11 dl dd b a:hover {
color: #d9000d;
padding: 0 0 0 5px;
}
.pg_right11 dl dd p {
font-size: 12px;
font-weight: normal;
line-height: 24px;
overflow: hidden;
display: -webkit-box;
height: 72px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pg_right11 dl dd a.more5 {
line-height: 20px;
height: 20px;
overflow: hidden;
background-color: #429cd1;
display: inline-block;
padding: 0 0 0 4px;
font-size: 12px;
font-weight: bold;
color: #fff;
float: right;
}
.pg_right11 dl dd a.more5 font {
width: 20px;
font-size: 14px;
display: inline-block;
margin-left: 4px;
background-color: #162a65;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pg_right11 dl dd a.more5:hover {
background-color: #d9000d;
}
.pg_right11 dl dd a.more5:hover font {
background-color: #970009;
}