.flink {
color: #fff;
background-color: rgb(8, 27, 87);
}
.flink a {
color: #fff;
}
.footer {
clear: both;
color: #fff;
background-color: rgb(8, 27, 87);
}
.imsg .s1-c {
background-color: rgba(8,27,87,1);
}
.imsg .s1-c:hover {
background-color: rgba(255,0,24,1);
background-image: none;
}
.imsg h2 {
color: #434343;
}
.header .wp-search{
width: 210px; height: 35px; float: right; padding: 9px 20px 0 0;
}

@media (max-width: 480px) {
.header .wp-search{
display:none;
}
}

.searchbox .searchbox_txt {
background-color: #ffffff;
}

.searchbox .searchbox_txt {
width: 232px;
font-size: 14px;
font-family: Microsoft YaHei;
color: #999999;
font-weight: normal;
line-height: 30px;
height: 30px;
vertical-align: middle;
border: #ffffff 1px solid;
padding-left: 5px;
padding-right: 5px;
-webkit-appearance: none;
-webkit-border-radius: 0;
display: block;
}

.searchbox input {
float: left;
}

.searchbox .searchbox_btn {
background-color: rgb(136,136,136);
float: right;
width: 80px;
height: 32px;
color: #fff;
line-height: 32px;
cursor: pointer;
text-align: center;
}

.searchbox .searchbox_btn:hover {
background-color: rgb(254,0,24);
}

.nav li.lihover {
height: 42px;
line-height: 42px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
text-align: right;
width: 100px;
}

.nav li.wp_subtop {
padding-left: 5px;
padding-right: 5px;
text-align: center;
height: 42px;
line-height: 42px;
position: relative;
float: left;
width: 100px;
padding-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-position: top right;
}

.nav li.wp_subtop > a {
text-align: right;
color: #434343;
font-family: Microsoft YaHei;
font-size: 16px;
white-space: nowrap;
font-style: normal;
font-weight: normal;
font-family: arial;
display: block;
padding: 0px;
text-decoration: none;
overflow: hidden;
}

.nav li > a.ahover {
color: #fff;
text-decoration: none;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-family: arial;
color: #ffffff;
text-align: center;
font-family: Microsoft YaHei;
font-size: 16px;
color: #ff0018;
font-weight: bold;
text-align: right;
}

.swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ff0018;
opacity: 1;
}

.horizontal-solid {
border: none;
border-top: 1px solid #999999;
height: 0;
}

.wpline-wrapper {
margin: 15px 0;
width: 100%;
overflow: hidden;
}

a.button_btndefault-link {
height: 50px;
line-height: 50px;
position: absolute;
background-color: rgb(255,153,0);
cursor: pointer;
display: inline-block;
text-align: center;
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
-moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;
-webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;
box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;
border: 0px solid rgb(255,87,0);
}

a.btnarea {
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
box-shadow: none;
background-color: rgba(8,27,87,1);
}

a.btnarea:hover {
background-color: rgba(255,0,24,1);
background-image: none;
}

a.btnarea span {
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: normal;
color: rgb(255,255,255);
transition: color 0.4s ease 0s;
white-space: nowrap;
}

#about {
overflow: hidden;
display: block;
width: 100%;
height: 610px;
}

#about .about_content {
width: 50%;
float: left;
}

#about .about_media {
width: 50%;
float: right;
}

#about .about_btn {
width: 50%;
float: right;
}

#about .about_content .wp-line {
float: left;
padding: 90px 0 0 0;
width: 80px;
height: 31px;
}

#about .about_content .wp-line_content {
padding: 0px;
border-color: transparent;
border-width: 0px;
overflow: hidden;
width: 80px;
height: 31px;
}

#about .about_content .wp-title {
float: left;
padding: 95px 0 0 10px;
width: 150px;
height: 50px;
}

#about .about_content .wp-title_content {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 50px;
width: 150px;
display: block;
}

#about .about_content .wp-title_content span {
font-size: 34px;
font-family: 微软雅黑;
color: rgb(67, 67, 67);
}

#about .about_content .wp-content {
width: 518px;
height: 320px;
clear: both;
}

#about .about_content .wp-content_box {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 183px;
width: 518px;
display: block;
}

#about .about_content .wp-content_content {
height: 355px;
padding-right: 5px;
overflow: hidden;
overflow-y: scroll;
}

/* 隐藏默认滚动条 */
#about .about_content .wp-content_content::-webkit-scrollbar {
width: 5px; /* 设置滚动条宽度 */
}

/* 定义滚动条轨道（track）的样式 */
#about .about_content .wp-content_content::-webkit-scrollbar-track {
background-color: #f1f1f1; /* 设置背景色 */
}

/* 定义滑块（thumb）的样式 */
#about .about_content .wp-content_content::-webkit-scrollbar-thumb {
background-color: #888; /* 设置滑块颜色 */
border-radius: 4px; /* 添加边角半径 */
}

/* 当鼠标悬停在滚动条上时改变滑块颜色 */
#about .about_content .wp-content_content::-webkit-scrollbar-thumb:hover {
background-color: #555;
}

#about .about_content .wp-content span {
font-size: 16px;
font-family: 微软雅黑;
line-height: 200%;
color: #5a5a5a;
}

#about .about_media .wp-media {
padding-top: 90px;
overflow: hidden;
width: 576px;
height: 430px;
}

#about .about_media .wp-media_content {
overflow: hidden;
border-color: transparent;
border-width: 0px;
position: relative;
width: 576px;
height: 430px;
}

#about .about_media .wp-media_content img {
width: auto;
height: 430px;
}

#about .about_btn .wp-btn_content {
padding: 0px;
border-color: transparent;
border-width: 0px;
overflow: hidden;
width: 150px;
height: 50px;
}
@media (max-width: 480px) {
#about {
overflow: hidden;
display: block;
width: 100%;
height: auto;
}

#about .about_content {
width: 100%;
float: left;
}

#about .about_media {
width: 100%;
float: right;
}

#about .about_btn {
width: 100%;
float: right;
}

#about .about_content .wp-line {
float: left;
padding: 50px 0 0 0;
width: 80px;
height: 31px;
}

#about .about_content .wp-line_content {
padding: 0px;
border-color: transparent;
border-width: 0px;
overflow: hidden;
width: 80px;
height: 31px;
}

#about .about_content .wp-title {
float: left;
padding: 55px 0 0 10px;
width: 150px;
height: 50px;
}

#about .about_content .wp-title_content {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 50px;
width: 150px;
display: block;
}

#about .about_content .wp-title_content span {
font-size: 34px;
font-family: 微软雅黑;
color: rgb(67, 67, 67);
}

#about .about_content .wp-content {
width: 100%;
height: auto;
clear: both;
}

#about .about_content .wp-content_box {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: auto;
width: 96%;
display: block;
margin: auto;
}
  
#about .about_content .wp-content_content {
height: auto;
padding-right: 0px;
overflow: hidden;
overflow-y: none;
}

#about .about_content .wp-content span {
font-size: 16px;
font-family: 微软雅黑;
line-height: 200%;
}

#about .about_media .wp-media {
padding-top: 40px;
overflow: hidden;
width: 100%;
height: auto;
}

#about .about_media .wp-media_content {
overflow: hidden;
border-color: transparent;
border-width: 0px;
position: relative;
width: 100%;
height: auto;
text-align: center;
}

#about .about_media .wp-media_content img {
width: 90%;
height: auto;
}

#about .about_btn .wp-btn_content {
padding: 0px;
border-color: transparent;
border-width: 0px;
overflow: hidden;
width: 150px;
height: 50px;
margin: 50px auto 30px;
}
}

#product {
overflow: hidden;
display: block;
width: 100%;
height: 770px;
}

#product .product_img {
height: 770px;
background-color: rgb(204, 204, 204);
background-position: left center;
background-image: url(../img/bj1.jpg);
width: 100%;
position: relative;
top: 0px;
left: 0px;
z-index: 99;
}

#product .product_content {
width: 1200px;
margin-left: 0px;
height: 770px;
margin: auto;
z-index: 100;
position: relative;
top: -770px;
}

#product .wp-line {
left: 1120px;
top: 121px;
position: relative;
z-index: 101;
width: 80px;
height: 31px;
}

#product .wp-line_content {
padding: 0px;
border-color: transparent;
border-width: 0px;
overflow: hidden;
width: 80px;
height: 31px;
}

#product .wp-title {
left: 966px;
top: 95px;
position: relative;
z-index: 102;
width: 150px;
height: 50px;
}

#product .wp-title_content {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 50px;
width: 150px;
display: block;
}

#product .wp-title_content span {
font-size: 34px;
font-family: 微软雅黑;
color: rgb(67, 67, 67);
}

#product .wp-content {
left: 225px;
top: 200px;
position: relative;
z-index: 101;
width: 900px;
height: 260px;
background-color: rgb(255, 255, 255);
border-width: 0px;
border-style: solid;
padding: 75px 0 0 75px;
}

#product .wp-content .wp-logo {
overflow: hidden;
width: 110px;
height: 110px;
border-width: 1px;
border-style: solid;
border-radius: 50%;
border-color: rgb(209, 209, 209);
}

#product .product_small_img {
display: none;
}

#product .wp-list {
float: left;
margin-right: 65px;
}

#product .wp-list .img_over {
margin-top: 20px;
/*margin-left: 41px;*/
overflow: hidden;
border-color: transparent;
border-width: 0px;
position: relative;
width: auto;
height: 69px;
text-align: center;
}

#product .wp-list .paragraph_image {
width: auto;
height: 69px;
}

#product .wp-list .wp-list_title {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 29px;
width: 110px;
display: block;
padding: 50px 0px 80px;
}

#product .wp-list .wp-list_title span {
font-family: 微软雅黑;
font-size: 18px;
color: #5a5a5a;
}

@media (max-width: 480px) {
#product {
overflow: hidden;
display: block;
width: 100%;
height: auto;
background-color: #f4f4f4;
}

#product .product_img {
display: none;
}

#product .product_small_img {
display: block;
}

#product .product_content {
width: 96%;
height: auto;
float: none;
z-index: 100;
position: static;
top: 0px;
left: 0px;
margin: auto;
padding-bottom: 50px;
}

#product .wp-line {
float: left;
position: static;
padding-top: 50px;
}

#product .wp-title {
float: left;
position: static;
padding: 55px 0 0 10px;
}

#product .wp-content {
float: left;
clear: both;
position: static;
z-index: 101;
width: 100%;
height: 620px;
border-width: 0px;
border-style: solid;
padding: 0px;
background-color: #fff;
margin-top: 30px;
}

#product .wp-box {
margin: auto;
width: 345px;
padding-top: 40px;
}

#product .wp-list {
float: left;
margin-left: 30px;
margin-right: 30px;
}

#product .wp-list .wp-list_title {
padding: 20px 0px 40px;
}
}

#article {
overflow: hidden;
display: block;
width: 100%;
height: 700px;
}

#article .article {
width: 1200px;
height: 700px;
margin: auto;
position: relative;
}

#article .wp-title {
width: 330px;
margin: 100px auto 0px;
}

#article .wp-line_content {
float: left;
padding: 0px;
border-color: transparent;
border-width: 0px;
overflow: hidden;
width: 80px;
height: 31px;
}

#article .wp-title .wp-title_content {
float: left;
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 50px;
width: 160px;
display: block;
text-align: center;
}

#article .wp-title .wp-title_content span {
font-size: 34px;
font-family: 微软雅黑;
color: rgb(67, 67, 67);
}

#article .wp-article_content {
width: 1200px;
height: 400px;
margin-top: 50px;
clear: both;
float: left;
border-color: transparent;
border-width: 0px;
overflow: hidden;
border-style: solid;
padding: 0px;
}

#article .wp-article_content .wp-list {
width: 365px;
margin-right: 43px;
margin-bottom: 10px;
border-color: transparent;
border-style: solid;
overflow: auto;
zoom: 1;
overflow-x: hidden;
overflow-y: hidden;
line-height: 140%;
float: left;
}

#article .wp-article_content .wp-list:last-child {
margin-right: 0px;
}

#article .wp-article_content .wp-list .wp-article-style {
height: 107px;
}

#article .wp-article_content .wp-list .img {
height: 270px;
width: 365px;
text-align: center;
overflow: hidden;
margin-bottom: 8px;
}

#article .wp-article_content .wp-list .title a {
display: inline-block;
font-family: Microsoft YaHei;
font-size: 16px;
padding-top: 8px;
color: #434343;
font-weight: bold;
text-decoration: none;
line-height: 140%;
}

#article .wp-article_content .wp-list .time span {
display: block;
font-family: Microsoft YaHei;
font-size: 14px;
padding-top: 6px;
color: #cccccc;
font-weight: normal;
text-decoration: none;
line-height: 140%;
}

#article .wp-article_content .wp-list .abstract {
width: 100%;
overflow: hidden;
word-wrap: break-word;
display: inline-block;
font-family: Microsoft YaHei;
font-size: 14px;
line-height: 22px !important;
padding-top: 4px;
color: #999999;
font-weight: normal;
text-decoration: none;
}



#article .wp-article_content .wp-list .img img {
margin: 0 auto;
position: relative;
height: 270px;
width: 365px;
}

@media (max-width: 480px) {
#article {
overflow: hidden;
display: block;
width: 100%;
height: 615px;
}

#article .article {
width: 100%;
height: auto;
margin: auto;
}

#article .wp-title {
width: 330px;
margin: 50px auto 0px;
}

#article .wp-article_content {
width: 100%;
height: 440px;
}

#article .wp-article_content .wp-list {
clear: both;
width: 100%;
margin-bottom: 10px;
overflow: auto;
zoom: 1;
overflow-x: hidden;
overflow-y: hidden;
}

#article .wp-article_content .wp-list .wpart-border-line {
float: left;
width: 100%;
padding-top: 18px;
margin-bottom: 6px;
border-bottom: 1px solid #e2e2e2;
}

#article .wp-article_content .article_list {
width: 90%;
overflow: hidden;
margin: 0 auto;
}


#article .wp-article_content .wp-list .img {
float: left;
margin-right: 8px;
height: 100px;
width: 30%;
text-align: center;
}

#article .wp-article_content .wp-list .img img {
height: 100px;
width: 100%;
display: inline;
}

#article .wp-article_content .wp-list .wp-article-style {
float: left;
width: 65%;
height: 100px;
overflow: hidden;
overflow-wrap: break-word;
}

#article .wp-article_content .wp-list .title a {
display: inline-block;
font-family: Microsoft YaHei;
font-size: 16px;
color: #434343 !important;
font-weight: normal;
text-decoration: none;
line-height: 140%;
padding-top: 0px;
}

#article .wp-article_content .wp-list .time span {
display: block;
font-family: Microsoft YaHei;
font-size: 14px;
color: #cccccc;
font-weight: normal;
text-decoration: none;
line-height: 140%;
}

#article .wp-article_content .wp-list .abstract {
display: inline-block;
font-family: Microsoft YaHei;
font-size: 14px;
color: #999999;
font-weight: normal;
text-decoration: none;
line-height: 140%;
word-wrap: break-word;
text-align: justify;
text-overflow: ellipsis;
overflow: hidden;
}
}
#content {
width: 100%;
height: 56px;
border-bottom: 1px solid #cccccc;
}

#content .navigation {
background-repeat: no-repeat;
background-position: center center;
float: right;
}

#content .navigation li.wp_subtop {
background-color: transparent;
background-position: center center;
height: 56px;
line-height: 56px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
position: relative;
float: left;
width: 120px;
padding-bottom: 0px;
background-repeat: no-repeat;
list-style-type: none;
margin: 0px;
padding: 0px;
border: thin none;
}

#content .navigation li.lihover {
width: 120px;
text-align: center;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/bb.png);
height: 56px;
line-height: 56px;
}

#content .navigation .lihover a {
color: #fff;
text-decoration: none;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-family: arial;
color: #ffffff;
text-align: center;
color: #081b57;
font-weight: bold;
font-size: 15px;
font-family: Microsoft YaHei;
}

@media (max-width: 480px) {
#content .navigation {
width: 90%;
margin: 30px auto;
}

#content .navigation li.wp_subtop {
width: auto;
float: left;
border: 1px solid #fff;
margin-left: 7px;
margin-top: 5px;
height: 21px;
line-height: 21px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px 15px;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
background-color: #081b57;
font-size: 16px;
}

#content .navigation li.lihover a {
font-weight: normal;
font-size: 16px;
color: #fff;
display: inline-block;
}

#content .navigation a {
font-size: 16px;
color: #fff;
display: inline-block;
}
}
.product_list {
margin: 0px;
padding-top: 70px;
}

.product_list .wp-product_list {
vertical-align: top;
width: 250px;
margin-right: 19px;
margin-bottom: 25px;
padding: 15px;
border: 1px solid rgb(238, 238, 238);
overflow: auto;
zoom: 1;
overflow-x: hidden;
overflow-y: hidden;
line-height: 140%;
display: inline-block;
}

.product_list .wp-product_list:nth-child(4n) {
margin-right: 0px;
}

.product_list .wp-product_list:hover {
border-color: #ff0018;
}

.product_list .wp-product_list .img {
height: 296px;
width: 250px;
text-align: center;
vertical-align: middle;
display: table-cell;
margin-bottom: 8px;
overflow: hidden;
position: relative;
}

.product_list .wp-product_list .wp-thumbnail {
position: relative;
max-width: 250px;
margin: 0px auto;
max-height: 296px;
height: 296px;
width: 250px;
display: block;
transform: scale(1);
}

.product_list .wp-product_list .title {
height: 40px;
overflow: hidden;
padding: 0 3px 0 6px;
}

.product_list .wp-product_list .wp-title {
font: normal 120% 'Microsoft yahei', Arial, Verdana;
word-wrap: break-word;
padding-top: 20px;
display: block;
}

.product_list .wp-product_list .wp-title a {
font-family: Microsoft YaHei;
font-size: 16px;
color: #434343;
font-weight: bold !important;
display: block;
text-align: center;
line-height: 140%;
text-decoration: none;
}

@media (max-width: 480px) {
                        
.product_list .wp-product_list {
width:48%;
padding: 0px;
margin-right: 0px;
margin-bottom: 15px;
border: 0px solid rgb(238, 238, 238);
}
.product_list .wp-product_list .img {
    width: 100%;
    height: auto;
}
.product_list .wp-product_list .wp-thumbnail {
width:100%;
height:auto;
}
}

#network
{
padding: 90px 10px 90px 0px; height:600px;
}
#network .left
{
float:left; width: 672px; height: 554px;
}
#network .right
{
float:right;width: 394px; height: 470px;
}
#network .wp-content
{
word-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 470px; width: 394px; display: block;
}
@media (max-width: 480px) {
#network
{
padding: 50px 0px 50px 0px; height:auto;
}
#network .zcon
{
width:90%;
}
#network .left
{
width: 100%; height: auto;float:none; margin-bottom:30px;
}
#network .right
{
float: none;width: 100%; height: auto; margin-bottom:30px;
}
#network .wp-content
{
word-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: auto; width: 100%; display: block;
}
}

#jiazhi {
    clear:both;
    width: 100%;
    height: 641px;
    background-color: rgb(204, 204, 204);
    background-image: url(../img/whbj.jpg);
    background-position: left center;
    background-attachment: fixed;
    padding-top: 160px;
}

#jiazhi .fangkuai {
    background-image: url(../img/sxx.png);
    width: 336px;
    height: 322px;
    float: left;
    margin-left: 50px;
}

#jiazhi .wp-media {
    overflow: hidden;
    width: 61px;
    height: 57px;
    margin: 80px auto 0px;
}

#jiazhi .img_over {
    overflow: hidden;
    border-color: transparent;
    border-width: 0px;
    width: 61px;
    height: 57px;
}

#jiazhi .img_over img {
    width: 61px;
    height: auto;
}
#jiazhi .wp-title {
    word-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 32px; width: 150px; display: block; margin: 20px auto 5px;
}
#jiazhi .wp-title span{
    color: rgb(67, 67, 67); font-family: 微软雅黑; font-size: 20px;
}
#jiazhi .wp-content {
    word-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 20px; width: 150px; display: block; margin: 0 auto;
}
#jiazhi .wp-content span{
    color: rgb(153, 153, 153); font-family: 微软雅黑; font-size: 15px;
}
@media (max-width: 480px) {
    #jiazhi {
        width: 100%;
        height: auto;
        background-position: center center;
        margin-top: 50px;
        padding-top: 66px;
        padding-bottom: 66px;
    }

    #jiazhi .fangkuai {
        background-image: url(../img/sxx.png);
        width: 336px;
        height: 322px;
        float:none;
        margin: 30px auto;
    }
    #jiazhi .wp-media {
        margin: 0px auto;
        padding:85px 0px 0px;
    }
}