html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
margin: 0;
padding: 0;
}
li,
ol {
list-style: none;
}
del,
ins,
a,
a:hover {
text-decoration: none;
}
img {
vertical-align: middle;
}
body,
html {
width: 100%;
height: 100%;
background: #ebebeb;
font-family:"寰蒋闆呴粦";
}
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
}
*html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}
/*鏂囧瓧鎴柇*/
.nowrap {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.banner {
width: 100%;
height: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide a {
display: block;
width: 100%;
height: auto;
}
.swiper-slide a img {
width: 100%;
height: 100%;
}
.header {
position: relative;
width: 100%;
background: #fff;
}
.logo {
float: left;
width: 117px;
height: 41px;
margin: 24px 0;
#padding: 8px 0 8px 18px;
}
.logo img {
#width: 360px;
}
.nav {
float: left;
margin: 20px 0 20px 20px;
font-size: 0;
}
.nav li {
display: inline-block;
text-align: center;
}
.nav li a {
display: block;
height: 48px;
padding: 0 24px;
font-size: 14px;
font-weight: bold;
line-height: 48px;
color: #666;
}
.nav li a:hover,
.nav li .nav_active {
color: #004297;
#background: #004297;
}
.language {
position: absolute;
right: 80px;
top: 40px;
z-index: 10;
font-size: 0;
}
.language li {
display: inline-block;
vertical-align: middle;
}
.language li a {
display: block;
margin-left: 30px;
font-size: 14px;
color: #666;
}
.language li .language_active {
color: #004297;
}
.language li img {
margin-right: 8px;
}
.header_right {
/* position: absolute;
right: 20px;
bottom: 0;
z-index: 10;
font-size: 0 */
;
float: right;
}
.search {
display: inline-block;
width: 290px;
height: 28px;
border: 1px solid #b5b5b5;
border-radius: 4px;
vertical-align: middle;
overflow: hidden;
}
.search_submit {
width: 34px;
height: 28px;
border: 0 none;
background: url(../images/search.png) center center no-repeat;
background-size: 18px 18px;
cursor: pointer;
outline: 0 none;
vertical-align: top;
}
.search_ipt {
width: 250px;
height: 28px;
font-size: 14px;
color: #666;
border: 0 none;
vertical-align: top;
outline: 0 none;
}
.wechat {
display: inline-block;
width: 48px;
height: 48px;
background: url(../images/wechat.png) center center no-repeat;
background-size: 34px 34px;
vertical-align: middle;
}
.container {
width: 1200px;
margin: 0 auto;
}
.copyright {
width: 100%;
height: 60px;
font-size: 14px;
line-height: 60px;
text-align: center;
color: #666;
background: #fff;
}
.title {
position: relative;
padding: 24px 0 12px 0;
line-height: 1;
color: #666;
}
.title dt {
font-size: 20px;
}
.title dd {
font-size: 16px;
}
.more {
position: absolute;
right: 0;
bottom: 24px;
font-size: 16px;
color: #004297;
}
.project_nav_toolbar,
.contact_nav_toolbar,
.news_nav_toolbar {
width: 100%;
height: 64px;
background: #fff;
}
.project_nav,
.contact_nav,
.news_nav {
margin: 0 auto;
font-size: 0;
text-align: center;
}
.project_nav li,
.contact_nav li,
.news_nav li {
display: inline-block;
width: 100px;
margin: 0 60px;
font-size: 20px;
line-height: 1;
color: #333;
border-bottom: 4px solid #fff;
vertical-align: middle;
}
.project_nav li a, .news_nav li a, .contact_nav li a {
color: #333;
}
.project_nav li:hover,
.project_nav .project_nav_active,
.contact_nav li:hover,
.contact_nav .contact_nav_active,
.news_nav li:hover,
.news_nav .news_nav_active {
border-color: #004297;
cursor: pointer;
}
.paging {
margin-top: 24px;
font-size: 0;
color: #666;
text-align: center;
}
.paging_list {
display: inline-block;
width: auto;
font-size: 0;
text-align: center;
border: 1px solid #8e8e8e;
vertical-align: middle;
}
.paging_list li {
display: inline-block;
width: 34px;
height: 28px;
font-size: 14px;
line-height: 28px;
color: #666;
border-right: 1px solid #8e8e8e;
vertical-align: middle;
}
.paging_list li .Num {
color: #666;
display: inline-block;
width: 34px;
height: 28px;
}
.paging_list li .NextPrev {
color: #666;
display: inline-block;
width: 68px;
height: 28px;
}
.paging_list li a:hover {
color: #fff;
cursor: pointer;
}
.paging_list li:hover,
.paging_list .paging_active {
color: #fff;
background: #004297;
cursor: pointer;
}
.paging_list li:first-child,
.paging_list li:last-child {
width: 68px;
}
.paging_list li:last-child {
border-right: 0 none;
}
.jumpto {
width: 35px;
height: 28px;
margin: 0 8px;
font-size: 14px;
text-align: center;
border: 1px solid #8e8e8e;
vertical-align: middle;
}
.jumpto_btn {
width: 94px;
height: 30px;
font-size: 14px;
color: #fff;
border: 0 none;
border-radius: 4px;
background: #004297;
vertical-align: middle;
}
.project {
padding: 0 50px 50px 50px;
margin-top: 34px;
background: #fff;
}
.project_item {
font-size: 0;
}
.project_img {
display: inline-block;
width: 550px;
height: 338px;
background: #000;
vertical-align: top;
overflow: hidden;
}
.project_img img {
width: 550px;
height: 338px;
}
.project_detail {
display: inline-block;
width: 515px;
vertical-align: top;
}
.project_left .project_detail {
margin-left: 35px;
}
.project_right .project_detail {
margin-right: 35px;
}
.project_detail dt {
padding: 20px 0;
font-size: 26px;
line-height: 1;
color: #004297;
}
.project_p {
height: 200px;
font-size: 16px;
line-height: 2;
color: #666;
overflow-y: hidden;
}
.project_more {
display: block;
padding: 20px 0;
font-size: 20px;
line-height: 1;
color: #004297;
}
.news {
padding: 0 50px;
margin-top: 34px;
background: #fff;
}
.news_list {
padding: 12px 0 10px 0;
}
.news_list li,
.newstable_list li {
float: left;
}
.news_list li:nth-child(2),
.news_list li:nth-child(3) {
margin: 0 7px;
}
.news_img {
position: relative;
display: block;
width: 268px;
height: 172px;
}
.news_introduce,
.newstable_introduce {
display: block;
width: 240px;
padding: 12px 0;
margin: 0 auto;
font-size: 16px;
line-height: 1;
text-align: center;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.cooperate {
padding: 20px 50px;
margin: 34px 0;
background: #fff;
}
.cooperate_list li {
float: left;
width: 154px;
}
.cooperate_list li:last-child {
width: 484px;
}
.cooperate_item {
text-align: left;
line-height: 2;
}
.cooperate_item dt {
font-size: 18px;
color: #004297;
}
.cooperate_item dd,
.cooperate_item dd a {
font-size: 14px;
color: #666;
}
/*project*/
.project_container {
padding: 24px;
margin-top: 34px;
background: #fff;
}
.article {
display: none;
}
.article_nav {
font-size: 0;
text-align: center;
}
.article_nav li, .article_nav li a {
display: inline-block;
width: 140px;
padding: 12px 0;
font-size: 16px;
color: #666;
vertical-align: middle;
}
.article_nav li:hover,
.article_nav .article_nav_active a {
color: #004297;
cursor: pointer;
}
.article_list {
margin-top: 17px;
font-size: 0;
}
.article_item {
display: none;
}
.article_item_content li {
display: inline-block;
width: 368px;
margin: 8px 0;
vertical-align: middle;
}
.article_item_content li:nth-child(3n-1) {
margin: 0 24px;
}
.article_item_img {
position: relative;
display: block;
width: 368px;
height: 215px;
overflow: hidden;
}
.article_item_img img {
width: 368px;
height: 215px;
}
.article_dialogue,
.news_dialogue {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9;
background: rgba(0, 0, 0, .5);
}
.article_dialogue {
width: 368px;
height: 215px;
}
.news_dialogue {
width: 268px;
height: 172px;
}
.article_dialogue a,
.news_dialogue a {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
text-align: center;
color: #004297;
border-radius: 4px;
background: #fff;
}
.article_dialogue a {
width: 164px;
height: 48px;
margin: -24px 0 0 -82px;
font-size: 18px;
line-height: 48px;
}
.news_dialogue a {
width: 132px;
height: 36px;
margin: -18px 0 0 -66px;
font-size: 16px;
line-height: 36px;
}
.article_item_introduce {
display: block;
width: 350px;
padding: 12px 0;
margin: 0 auto;
font-size: 14px;
line-height: 2;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*鑱旂郴鎴戜滑*/
.contact_item {
display: none;
padding: 40px;
margin-top: 34px;
background: #fff;
}
.contact_field {
/*font-size: 0;20170224*/
}
.contact_field .cooperate_item {
display: inline-block;
width: 560px;
vertical-align: middle;
}
.contact_field .cooperate_item dd {
font-size: 16px;
}
.contact_wechat {
display: inline-block;
width: 560px;
text-align: right;
vertical-align: middle;
}
.contact_wechat p {
font-size: 14px;
line-height: 1.5;
text-align: right;
color: #666;
}
.contact_wechat p img {
margin-right: 4px;
}
.map {
width: 100%;
height: 447px;
margin-top: 34px;
background: #000;
}
.mps_market {
width: 100%;
height: auto;
margin-top: 34px;
}
.mps_market img {
width: 100%;
height: auto;
}
.structure {
display: block;
width: 1084px;
height: 1098px;
margin: 0 auto;
}
/*鏂伴椈*/
.newstable {
display: none;
padding: 40px 20px;
margin-top: 34px;
background: #fff;
}
.newstable_list {
font-size: 0;
text-align: center;
}
.newstable_list li:nth-child(3n-1) {
margin: 0 28px;
}
.newstable_img {
display: block;
width: 368px;
height: 214px;
overflow: hidden;
}
.newstable_img img {
width: 368px;
height: 241px;
}
.newstable_introduce {
width: 340px;
height: 40px;
padding: 0;
line-height: 40px;
}
.recruitment {
padding: 0 0 24px 0;
}
.recruitment_href {
position: relative;
display: block;
padding: 16px 20px;
line-height: 1;
color: #666;
border-bottom: 1px solid #ebebeb;
}
.recruitment_data {
display: block;
font-size: 14px;
}
.recruitment_content {
display: block;
width: 1060px;
margin-top: 10px;
font-size: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recruitment li a:hover {
color: #004297;
}
.recruitment_icon {
position: absolute;
right: 24px;
top: 50%;
z-index: 2;
width: 10px;
height: 16px;
margin-top: -10px;
background: url(../images/arrow.png) 0 0 no-repeat;
background-size: 100% auto;
}
.news_detail {
padding: 50px 120px;
margin-top: 34px;
background: #fff;
}
.news_detail h2 {
font-size: 26px;
font-weight: normal;
line-height: 1.5;
color: #004297;
text-align: center;
}
.news_detail h3 {
margin-top: 20px;
font-size: 18px;
font-weight: normal;
line-height: 1;
color: #004297;
text-align: center;
}
.news_detail_content {
margin-top: 40px;
font-size: 16px;
line-height: 2;
color: #666;
}
.news_detail_content p {
display: inline-block;
width: 100%;
}
.page_up,
.page_down {
display: block;
margin-top: 24px;
font-size: 18px;
line-height: 1;
color: #666;
}
.page_up span,
.page_down span {
color: #004297;
}
.up_down a:hover {
color: #004297;
}
.culture_item {
display: none;
}
.staff {
margin-top: 34px;
padding: 10px 35px 40px 35px;
background: #fff;
}
.staff_item {
width: 1130px;
margin: 30px 0;
font-size: 0;
}
.staff_item_img {
display: inline-block;
width: 484px;
height: 290px;
overflow: hidden;
vertical-align: top;
}
.staff_item_content {
position: relative;
display: inline-block;
width: 620px;
height: 290px;
margin-left: 26px;
line-height: 1;
color: #666;
vertical-align: top;
overflow: hidden;
}
.staff_item_content dd {
font-size: 16px;
line-height: 1.5;
}
.staff_item_title {
padding: 12px 0;
font-size: 24px;
}
.staff_item_data {
padding: 12px 0 20px 0;
font-size: 18px;
line-height: 1;
}
.news_more {
position: absolute;
left: 0;
bottom: 24px;
font-size: 20px;
color: #007297;
}
.style {
padding: 50px 0;
margin-top: 34px;
background: #fff;
}
.style_list {
width: 1000px;
margin: 0 auto;
font-size: 0;
}
.style_list li {
display: inline-block;
width: 300px;
margin: 30px 0;
text-align: center;
vertical-align: top;
}
.style_list li:nth-child(3n-1) {
margin: 30px 50px;
}
.style_list li h3 {
padding: 18px 0;
font-size: 24px;
font-weight: normal;
line-height: 1;
color: #007297;
}
.style_list li p {
font-size: 16px;
line-height: 2;
color: #333;
}
.style_list li span {
margin: 0 15px;
}
.magazine {
margin-top: 34px;
}
.magazine_left {
float: left;
width: 530px;
overflow: hidden;
}
.magazine_left_top {
width: 530px;
height: 724px;
background: #fff;
}
.magazine_left_top img {
width: 420px;
height: 568px;
margin: 0 55px;
}
.magazine_left_top p {
margin-top: 60px;
font-size: 36px;
text-align: center;
line-height: 1;
color: #007297;
}
.magazine_left_bottom {
position: relative;
padding: 14px 40px;
margin-top: 34px;
background: #fff;
}
.directory dt {
font-size: 20px;
color: #007297;
}
.directory dd {
font-size: 16px;
line-height: 2;
color: #666;
}
.directory dd a {
color: #666;
}
.directory dd a:hover {
color: #004297;
}
a.read {
position: absolute;
bottom: 20px;
right: 40px;
z-index: 9;
width: 132px;
height: 48px;
font-size: 16px;
line-height: 48px;
text-align: center;
color: #fff;
border-radius: 4px;
background: #004297;
}
.magazine_right {
float: left;
width: 640px;
margin-left: 30px;
}
.magazine_right_top {
position: relative;
height: 92px;
padding: 0 40px;
font-size: 24px;
line-height: 92px;
color: #004297;
background: #fff;
}
.magazine_data {
position: absolute;
right: 40px;
top: 26px;
z-index: 2;
width: 120px;
height: 40px;
font-size: 18px;
color: #666;
border: 1px solid #ebebeb;
border-radius: 4px;
}
.magazine_right_bottom {
height: 875px;
padding: 20px 0;
margin-top: 30px;
background: #fff;
}
.magazine_list {
padding: 0 23px;
font-size: 0;
}
.magazine_list li {
display: inline-block;
width: 170px;
margin: 0 14px;
}
.magazine_item img {
width: 170px;
height: 229px;
}
.magazine_name {
padding: 12px 0;
font-size: 16px;
line-height: 1;
text-align: center;
color: #004297;
}
.left_right {
margin-top: 18px;
font-size: 0;
text-align: center;
}
a.left,
a.right {
display: inline-block;
width: 44px;
height: 44px;
margin: 0 30px;
vertical-align: middle;
}
a.left {
background: url(../images/left.jpg) 0 0 no-repeat;
}
a.right {
background: url(../images/right.jpg) 0 0 no-repeat;
}
.project_event {
padding: 40px;
margin-top: 34px;
font-size: 0;
background: #fff;
}
.event_swiper {
position: relative;
display: inline-block;
width: 570px;
height: 362px;
vertical-align: top;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top {
width: 570px;
height: 362px;
}
.gallery-thumbs {
position: absolute;
bottom: 0;
left: 0;
z-index: 2px;
width: 570px;
height: 80px;
padding: 7px 0;
text-align: center;
box-sizing: border-box;
}
.gallery-thumbs img {
width: 104px;
height: 66px;
}
.event_gallery_thumbs {
background: rgba(0, 0, 0, .8);
}
.gallery-thumbs .swiper-slide {
width: 114px;
height: 100%;
opacity: 0.6;
}
.gallery-thumbs .swiper-slide-active {
opacity: 1;
}
.event_content {
display: inline-block;
width: 380px;
min-height: 362px;
margin-left: 100px;
vertical-align: top;
}
.event_content_title {
padding: 12px 0 12px 40px;
font-size: 16px;
line-height: 1;
color: #004297;
border-bottom: 1px solid #ebebeb;
}
.event_content_detail {
margin-top: 12px;
}
.event_content_detail dd {
padding-left: 40px;
font-size: 14px;
line-height: 2;
color: #666;
}
.event_introduce {
width: 1050px;
margin-top: 34px;
}
.event_introduce dt {
padding: 10px 0;
font-size: 18px;
color: #004297;
}
.event_introduce dd {
display: inline-block;
width: 100%;
margin: 5px 0;
font-size: 14px;
line-height: 2;
text-align: justify;
color: #666;
}
.summary_item {
display: none;
}
.summary_item_left {
width: 100%;
}
.summary_item img {
display: block;
width: 80%;
height: auto;
margin: 0 auto;
}
.summary_left_img {
float: right;
margin: 0 0 20px 20px;
}
.summary_right_img {
float: left;
margin: 0 20px 0 0;
}
.summary_item_left p,
.summary_item_right p {
font-size: 16px;
line-height: 2;
text-indent: 2em;
text-align: justify;
color: #666;
}
.video {
width: 80%;
height: auto;
margin: 34px auto 0;
}
.video img {
width: 100%;
}
.contact_medals_log {
padding: 0;
background: transparent;
}
.medals {
padding: 40px;
background: #fff;
}
.medals_ltitle {
display: inline-block;
width: 100px;
font-size: 18px;
color: #666;
vertical-align: middle;
}
.medals_ltitle:hover, .medals_ltitle_active {
color: #002497;
cursor: pointer;
}
.medals_list {
display: none;
font-size: 0;
}
.medals_list li {
display: inline-block;
width: 265px;
height: auto;
margin-top: 20px;
text-align: left;
}
.medals_list li:nth-child(4n-2),
.medals_list li:nth-child(4n-1) {
margin: 0 15px;
}
.medals_list_img {
width: 265px;
height: 190px;
}
.medals_list_introduce {
width: 240px;
padding: 10px 0;
margin: 0 auto;
font-size: 14px;
text-align: center;
color: #004297;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.log_wrapper {
padding: 30px 0;
margin-top: 34px;
background: #fff;
}
.log {
position: relative;
width: 960px;
margin: 0 auto;
}
.log_line {
position: absolute;
top: 0;
left: 159px;
z-index: 9;
width: 2px;
height: 100%;
border-left: 2px dashed #000;
}
.log_item {
width: 960px;
margin: 34px auto 0;
font-size: 0;
}
.log_item:first-child {
margin-top: 0;
}
.log_data,
.log_icon,
.log_content {
display: inline-block;
vertical-align: top;
}
.log_data {
position: relative;
width: 110px;
height: 100%;
}
.log_data span {
position: absolute;
top: 0;
width: 100%;
font-size: 18px;
line-height: 38px;
text-align: right;
color: #666;
}
.log_icon {
position: relative;
width: 100px;
height: 100%;
}
.log_icon .log_editor {
position: absolute;
top: 0;
left: 50%;
z-index: 10;
width: 48px;
height: 48px;
margin-left: -24px;
background: url(../images/editor.png) 0 0 no-repeat;
}
.log_content {
position: relative;
width: 670px;
height: auto;
padding: 20px 40px;
font-size: 16px;
line-height: 2;
color: #fff;
border-radius: 4px;
background: #c0c1c1;
}
.log_content:before {
content: '';
position: absolute;
left: -9px;
top: 13px;
z-index: 9;
width: 9px;
height: 16px;
background: url(../images/right-arrow.png) 0 0 no-repeat;
}
.experts {
padding: 40px 0;
margin-top: 34px;
background: #fff;
}
.experts_detail {
display: inline-block;
margin-top: 24px;
text-align: justify;
}
.experts_list {
font-size: 0;
}
.experts_list li {
display: inline-block;
width: 300px;
height: auto;
margin: 0 0 40px 0;
text-align: center;
vertical-align: top;
}
.experts_img {
display: block;
width: 175px;
height: 215px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
.experts_img img {
width: 175px;
#height: 175px;
height: 215px;
}
.experts_list li h3 {
margin-top: 30px;
font-size: 18px;
color: #004297;
}
.experts_list li p {
font-size: 16px;
line-height: 2;
color: #666;
}
.experts_detail {
width: 100%;
margin-top: 34px;
background: #fff;
}
.experts_introduce {
padding: 0 90px;
font-size: 0;
}
.experts_portrait, .experts_resume {
display: inline-block;
vertical-align: top;
}
.experts_portrait {
width: 273px;
height: auto;
overflow: hidden;
}
.experts_portrait img {
width: 70%;
border-radius: 50%;
height: auto;
}
.experts_resume {
width: 712px;
margin-left: 35px;
}
.experts_title {
position: relative;
width: 662px;
height: 48px;
padding: 0 25px;
font-size: 18px;
line-height: 48px;
color: #fff;
background: #666;
}
.experts_title_cion {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 12px;
height: 48px;
background: #004297;
border-right: 1px solid #FFF;
}
.name_list {
font-size: 16px;
line-height: 2;
color: #666;
}
.patent_detail {
padding: 40px;
margin-top: 34px;
text-align: center;
background: #fff;
}
.patent_detail_img {
width: 60%;
height: auto;
}
/* 骞荤伅鐗 */
/* .swiper_dialogue {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 8;
background: rgba(0, 0, 0, .8);
}
.article_swiper {
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
width: 1028px;
height: 632px;
margin: -316px 0 0 -514px;
background: #000;
}
.article_swiper .swiper-container {
width: 996px;
height: 600px;
margin: 16px auto;
}
.article_swiper .swiper-container img {
width: 996px;
height: 600px;
overflow: hidden;
}
*/
/* slider */
.article_swiper .swiper-container {
max-width: 996px;
max-height: 600px;
margin: 16px auto;
}
.article_swiper .swiper-container img {
max-width: 996px;
max-height: 600px;
overflow: hidden;
}
#slider {
width: 1200px;
height: 197px;
overflow: hidden;
padding: 20px 0;
position: relative;
margin: 0 auto;
}
.scroll {
width: 1027px;
height: 157px;
margin: 20px auto;
overflow: hidden;
position: relative;
}
.scrollContainer {
position: relative;
left: 0px;
}
.scrollContainer .current .inside {
width: 157px;
height: 157px;
}
.scrollContainer .panel {
width: 117px;
height: 117px;
float: left;
margin: 0 12px;
display: inline;
}
.panel .inside {
display: block;
position: relative;
}
.inside img {
height: 117px;
width: 117px;
border-radius: 50%;
}
.scroll li .inside span {
width: 197px;
height: 37px;
line-height: 37px;
display: none;
position: absolute;
bottom: -17px;
left: 16px;
background-color: #c69;
font-size: 14px;
color: #FFF;
text-align: center;
}
.scroll li.current .inside span {
display: block;
}
.btnMode a.btn {
width: 11px;
height: 20px;
position: absolute;
top: 88px;
}
.btnMode a.prev {
left: 45px;
background: url("../images/a1.png") 0 0 no-repeat;
}
.btnMode a.next {
right: 45px;
background: url("../images/a2.png") 0 0 no-repeat;
}
.banner_swiper_container .swiper-button-next,
.banner_swiper_container .swiper-button-prev,
.all_container .swiper-button-next,
.all_container .swiper-button-prev {
display: none;
width: 47px;
height: 75px;
margin-top: -37px;
z-index: 10;
cursor: pointer;
}
.banner_swiper_container:hover .swiper-button-next,
.banner_swiper_container:hover .swiper-button-prev,
.all_container:hover .swiper-button-next,
.all_container:hover .swiper-button-prev {
display: block;
}
.banner_swiper_container .swiper-button-prev,
.all_container .swiper-button-prev {
left: 0;
background: url(../images/arrow-left.png) 0 0 no-repeat;
}
.banner_swiper_container .swiper-button-next,
.all_container .swiper-button-next {
right: 0;
background: url(../images/arrow-right.png) 0 0 no-repeat;
}
.swiper-pagination-bullet-active {
display: none;
}
.swiper_dialogue {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
}
.article_swiper {
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
width: 1028px;
height: 632px;
margin: -316px 0 0 -514px;
background: #fff;
}
.article_swiper .swiper-slide {
background: rgba(0, 0, 0, .8);
}
/*.article_swiper .swiper-container {
height: auto;
}
.article_swiper .swiper-container img {
display: block;
max-width: 100%;
max-height: 100%;
}*/
/*home*/
.all_container {
width: 100%;
height: 100%;
}
/* .all_container img {
display: block;
width: 100%;
height: 100%;
} */
.index_header {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 89px;
background: rgba(0, 0, 0, .75);
}
.header_index_content {
position: relative;
width: 100%;
height: 89px;
}
.logo_index {
position: absolute;
left: 30px;
top: 15px;
z-index: 100;
width: 358px;
height: 60px;
}
.nav_fn {
position: absolute;
right: 0;
}
.index_nav {
float: left;
margin: 29px 0;
width: 652px;
font-size: 0;
}
.index_nav li {
display: inline-block;
text-align: center;
}
.index_nav li a {
display: block;
width: 92px;
height: 31px;
font-size: 14px;
line-height: 31px;
color: #fff;
}
.index_nav li a:hover {
display: block;
width: 92px;
height: 31px;
font-size: 14px;
line-height: 31px;
color: #c3b091;
}
/*.index_nav li a:hover {
color: #002497;
}*/
.index_search {
float: left;
width: 165px;
height: 30px;
margin: 29px 0 0 20px;
font-size: 0;
border-radius: 4px;
background: #7d7d7d;
overflow: hidden;
}
.index_search_text {
width: 135px;
height: 30px;
font-size: 12px;
text-indent: 0.7em;
color: #fff;
background: #7d7d7d;
}
.index_search_submit {
width: 30px;
height: 30px;
background: url(../images/search-w.png) center center no-repeat;
background-size: 18px 18px;
cursor: pointer;
}
.index_search_text,
.index_search_submit {
border: 0 none;
outline: none;
vertical-align: middle;
}
.index_language {
float: left;
margin: 29px 20px;
font-size: 0;
}
.index_language a,
.index_language span {
display: inline-block;
height: 31px;
font-size: 12px;
line-height: 31px;
color: #fff;
}
.header .index_language a,
.header .index_language span {
color: #666;
}
.index_language a {
margin: 0 3px;
}
.index_copyright {
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
height: 50px;
}
.index_copyright .copyright {
height: 50px;
font-size: 0;
text-align: center;
background: rgba(0, 0, 0, .75);
}
.index_copyright p {
display: inline-block;
font-size: 12px;
line-height: 50px;
color: #fff;
vertical-align: top;
}
.wechat {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
margin: 0 20px 0 10px;
background: url(../images/wechat1.png) center center no-repeat;
background-size: 50px 50px;
vertical-align: top;
cursor: pointer;
}
.wechat_dialog {
display: none;
position: absolute;
right: 0;
top: -146px;
z-index: 99;
width: 124px;
height: 124px;
padding: 5px;
border: 1px solid #ececec;
background: #fff;
}
.wechat_dialog img {
width: 124px;
height: 124px;
}
/**闈為椤甸《閮ㄦ柊瀵艰埅鏍?/
.header {
height: 75px;
}
.child_logo {
margin: 17px 0;
}
.child_nav {
margin: 13px 0 0 20px;
}
.child_index_search {
margin: 24px 0 0 20px;
}
.child_index_language {
margin: 22px 20px;
}
.banner_swiper_container {
width: 1200px;
height: 417px;
}
.project_nav_toolbar,
.contact_nav_toolbar,
.news_nav_toolbar {
width: 1200px;
margin: 0 auto;
margin-bottom: 34px;
}
.project_nav li,
.contact_nav li,
.news_nav li {
font-size: 16px;
font-weight: bold;
}
.contact_item {
padding: 20px 40px;
}
.summary_item {
margin-top: 17px;
}
.contact_medals_log {
padding: 0;
}
.medals_ltitle {
font-size: 16px;
font-weight: normal;
}
.header_fn {
width: 1200px;
margin: 0 auto;
}
/**鏈€鏂伴椤靛够鐏墖*/
.banner_index{
position: relative;
overflow: hidden;
visibility: hidden;
height: 700px
}
.banner-btn {
width: 44px;
height: 75px;
position: absolute;
top: 50%;
margin-top: -38px;
cursor: pointer;
z-index: 999;
}
.banner-btn-prev {
left: 0;
}
.banner-btn-next {
right: 0;
}
.banner-btn-prev {
background-image: url("../images/arrow-left.png");
}
.banner-btn-next {
background-image: url("../images/arrow-right.png");
}
.banner:hover .banner-btn-prev ,
.banner:hover .banner-btn-next{
display: block;
}
.banner-btn-prev ,
.banner-btn-next{
display: none;
}
.banner-list li {
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
width: 100%;
display: none
}
.banner-dot {
height: 3px;
line-height: 0;
font-size: 0;
position: absolute;
width: 100%;
bottom: 18px;
overflow: hidden;
text-align: center;
z-index: 999
}
.banner-dot li {
width: 62px;
height: 3px;
display: inline-block;
background: #fff;
margin: 0 5px;
cursor: pointer;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.banner-dot li.on {
background: #960014
}
.banner-title {
text-align: center;
color: #fff;
font-size: 36px;
font-weight: lighter;
line-height: 100%;
position: absolute;
bottom: 60px;
width: 100%;
display: none
}
.nav_a {
display: block;
padding: 22px 0;
}
.new_icon {
display: inline-block;
width: 22px;
height: 12px;
margin-left: 10px;
background: url(../images/new.gif) 0 0 no-repeat;
background-size: 100% auto;
vertical-align: middle;
}