body{ margin-top:270px; padding:0 10px; }
/*a:hover, a:active{ color:#2077B2; } */
.container{ position:relative; width:100%; margin:0 auto; }
@font-face {
  font-family: 'Elektra Medium Pro';
  src: url('../../../Elektra-Medium-Pro-Bold.xml');
  font-weight: normal;
  font-style: normal;
}

/*顶部*/
.head_bg{ position:fixed; z-index:9999; top:0; left:0; width:100%; background:#FFFFFF; }

.top_nav_bg{ }
.top_nav_bg .row-left{ margin-left:30px; }
.top_nav_bg .row-left img{ display:block; width:auto; height:125px; margin-left:44px }
.top_nav_bg .row-right{ margin-right:30px; }

.top_tel{ margin:10px 10px 0 0; text-align:right; }
.top_tel h3{ margin:0; font-family:Elektra Medium Pro,Microsoft YaHei; }
.top_tel p{ margin:0; font-size:20px; color:#CC0000; font-family:Elektra Medium Pro,Microsoft YaHei; }

.top_nav_btn{ display:none; position:absolute; top:0; right:0; }
.top_nav{ display:block; }
.top_nav ul li{ position:relative; float:left; }
.top_nav ul li a{ display:block; padding:0 10px; min-width:80px; height:40px; line-height:40px; text-align:center; text-decoration:none; font-size:16px; font-family:Elektra Medium Pro,Microsoft YaHei; }
.top_nav ul li .arrow{ display:none; }
.top_nav ul li:hover a, .top_nav ul li.active a{ color:#CC0000; }
.top_nav ul li ul{ position:absolute; top:40px; left:0; min-width:100%; display:none; z-index:3; }
.top_nav ul li ul li{ float:none; background-color:#F8F8F8; }
.top_nav ul li ul li a{ display:block; padding:10px 20px; height:auto; line-height:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.top_nav ul li ul li:hover, .top_nav ul li ul li.active{ background-color:#F2F2F2; }
.top_nav ul li ul li ul{ top:0; left:100%; }

/*右侧*/
.body_body{ margin:0; }
.panel_body{ }
.panel_body dt{ display:none; float:left; width:100%; padding:12px 0; border-bottom:1px solid #E1E1E1; }
.panel_body dt strong{ float:left; margin-left:10px; padding-left:10px; border-left:4px solid #2077B2; font-size:16px; font-weight:normal; }
.panel_body dt span{ float:right; margin-right:10px; }
.panel_body dd{ position:relative; clear:both; }

/*底部*/
.foot_bg{ width:100%; }
.foot_copyright{ padding:20px 10px; text-align:center; }

@media screen and (max-width:767px){
	body{ margin-top:118px; padding:0; }
    .top_nav_bg .row-left{ margin-left:0; }
    .top_nav_bg .row-left img{ display:block; width:auto; height:80px; }
    .top_nav_bg .row-right{ width:100%; }

    .top_nav_btn, .top_nav_btn:hover{
        display:block;
        margin:24px 10px;
        width:32px;
        height:32px;
        line-height:32px;
        font-size:24px;
        text-align:center;
    }
    .top_nav{ display:none; margin:0; position:fixed; width:100%; top:80px; left:0; bottom:0; overflow:auto; }
    .top_nav ul li{ margin:0; width:100%; background:#333333; }
    .top_nav ul li a{ padding:10px 20px; width:auto; height:auto; line-height:normal; border-top:1px solid #444444; border-bottom:1px solid #222222; color:#FFFFFF; }
    .top_nav ul li .arrow{ position:absolute; top:0; right:0; padding:14px; display:block; cursor:pointer; color:#FFFFFF; }
    .top_nav ul li:hover, .top_nav ul li.active{ background-color:#222222; }
    .top_nav ul li:hover a, .top_nav ul li.active a{ color:#FFFFFF; }
    .top_nav ul li ul{ position:relative; top:0; }
    .top_nav ul li ul li{ background-color:#222222; }
    .top_nav ul li ul li a{ padding:10px 30px; height:auto; line-height:normal; border:none; }
	.top_nav ul li ul li:hover, .top_nav ul li ul li.active{ background-color:#111111; }
    .top_nav ul li ul li ul{ top:0; left:0; }
    .top_nav_bg .nav2 ul li {
        width: 35px;
    }
    .top_nav_bg .nav2 {
        margin-left: 5px;
    }
    .post_details h5.share_story {
        margin-left: 25%!important;
    }
    .panel_index{
        width:100%!important;
    }
}

/*banner*/
.ban{ display:none; text-align:center; }
.ban img{ max-width:100%; }

/*内页*/
.page_title{ margin:20px 0; font-size:24px; font-weight:bold; }
.page_content{ min-height:400px; }
.page_msg{ margin:20px; padding:20px; color:#CC0000; border:1px dotted #FFCC00; background:#FFFFF6; }
.page_file{ margin:10px 0; }
.page_link{ margin:10px 0; }
.page_photo .flex-control-nav{ bottom:10px; }
.page_photo{ text-align:center; }
.page_photo img{ max-width:100%; }

.page_photo .flex-direction-nav .flex-prev:before{ content:"\f137"; font-size:32px; }
.page_photo .flex-direction-nav .flex-next:before{ content:"\f138"; font-size:32px; }

.page_img{ text-align:center; }
.page_img img{ max-width:100%; }

.page_line{ margin:20px 0; border-top:1px dashed #E1E1E1; }

/*新闻*/
.news_list .column{ }
.news_list .column-body img{ width:100%; height:207px; }
.news_list .column-bottom{ padding:20px; background:#F2F2F2; text-align:left; }
.news_text{ display:block; position:relative; }

/*产品*/
.product_list .column{ margin:0; padding:0; }
.product_list .column-body img{width: 96%;margin-bottom: 24px;}

.product_text{ display:none; position:absolute; top:0; left:12px; bottom:24px; width:96%; text-align:center; background:#000000; background:rgba(0, 0, 0, 0.6)!important; filter:alpha(opacity=60); }
.product_text h3{ position:relative; color:#FFFFFF; font-size:24px; margin-top:25%; }
.product_text p{ position:relative; color:#FFFFFF; }

.product_view .row-left img{ width:100%; }
.product_view .row-body ul li{ padding:5px 0; }
.product_view .row-body ul li label{ font-weight:bold; margin-right:10px; }

/*团队*/
.team_list .column{ margin:0; padding:0; }
.team_list .column-body{ position:relative; }
.team_list .column-body img{ width:100%; }

.team_text{ position:absolute; left:20px; bottom:20px; text-align:left; }
.team_text h3{ margin:5px 0; position:relative; color:#FFFFFF; font-size:20px; }
.team_text p{ margin:5px 0; position:relative; color:#FFFFFF; }

.team_content{ position:relative; display:none; }

.team_box{ position:relative; display:none; }
.team_box .team_icon{ padding:0; overflow:hidden; }
.team_box .team_icon img{ float:right; }
.team_box .team_close{ position:absolute; z-index:9999; top:20px; right:20px; font-size:24px; }
.team_box .team_close.hidden-md{ color:#999999; }
.team_box .team_close.hidden-xs{ color:#FFFFFF; }

/*案例*/
.case_list .row{ border-bottom:1px dotted #E1E1E1; }
.case_list .row-left img{ width:100%; }

/*查询*/
.search_list .row{ border-bottom:1px dotted #E1E1E1; }
.search_list .row-left img{ width:100%; }

/*留言*/
.message_list .row{ border-bottom:1px dotted #E1E1E1; }
.message_list .row-left img{ width:100%; }

/*评论*/
.comment_list .row{ border-bottom:1px dotted #E1E1E1; }
.comment_list .row-left img{ width:100%; }

/*友链*/
.link_list .column-body img{ width:100%; }

/*首页*/
.index_bg{ position:relative; background:#F8F8F8; }

.panel_index{ }
.panel_index dt{ float:left; width:100%; padding:10px 0; text-align:center; }
.panel_index dt strong{ display:block; font-size:22px; font-weight:normal; padding:5px 0; border-bottom:1px dotted #E1E1E1; }
.panel_index dt span{ display:block; color:#999999; padding:5px 0; }
.panel_index dd{ position:relative; padding:10px; clear:both; }

.banner .slides li{ position:relative; overflow:hidden; display:none; text-align:center; }
.banner .slides li img{ display:block; width:100%; }
.banner .flex-control-nav{ bottom:10px; }

.index_product .column{ margin:0; padding:0; }
.index_product .column-body img{ width:100%; }

.foot_link{ background:#000000; padding:20px 0; color:#999999; }
.foot_link a{ color:#999999; }
.foot_link h3 { margin:5px; padding:0; }
.foot_link ul { list-style:none; margin:0; padding:0; }
.foot_link ul li { display:inline-block; }
.foot_link ul li a{ display:inline-block; padding:5px; }

/**20200527**/
.nav2{
	 width: 100%;
    height: 90px;
	border-top: 1px solid rgba(20,20,35,.15);
    margin-left:30px
}
.nav2>ul>li {
    box-sizing: border-box;
    float: left;
    list-style: none;
    text-align: center;
	font-size: 19px;
    border-right: 1px solid rgba(20,20,35,.15);
    border-bottom: 1px solid rgba(20,20,35,.15);
	width: 206px;
    height: 60px;
	/**margin:4px 0;**/
	padding:17px 0;
}
.nav2>ul>li:hover {
   background-color:#F2F2F2;
}
.nav2 ul li:hover a, .nav2 ul li.active a{
	color:#CC0000;
}
.left-content{
	float:left;
	width:65%;
	margin-left: 38px;
}
.left-content dt{
	margin-left:10px;
	border-bottom: 1px solid rgba(20,20,35,.15);
	width:30px;
}
.right-content{
	float:right;
	width:25%;
 margin-right: 38px;
    margin-top: 18px;
}
.left-content dt{
	margin-left:10px;
	border-bottom: 1px solid rgba(20,20,35,.15);
	width:30px;

}
.post_details h5.share_story {
    color: rgba(20,20,35,.35);
    border-bottom: 1px solid rgba(20,20,35,.15);
	text-align:center;
	float: left;
    margin-left: 50%;
}
.share {
    color: rgba(20,20,35,.35);
    border-bottom: 1px solid rgba(20,20,35,.15);
	margin: 39px 0px;
}

.liketo {
    border-radius: 3px;
    font-size: 11px;
    height: 24px;
    padding: 0 6px;
	background: #1877f2;
    border: 0;
	color: #fff;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
	/*margin: 8px;*/
    margin-right: 10px;
    position: relative;
	float:left;
    -webkit-user-select: none;
    white-space: nowrap;
}
.liketo span{
    float: left;
    margin: 4px;
}
.liketo span:hover{
    color:#fff;
}
.category{
	border-bottom: 1px solid rgba(20,20,35,.15);
	width:30px;
}
.add-time{
    border-bottom: 1px dotted rgba(20,20,35,.15);
    width: 77px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.w96{
	width:96%;

}
#logo_r_img{
    display: block;
    background: url(./logo_r1.png) no-repeat;
	height: 129px;
    width: 128px;
    position: relative;
    left: 560px;
    top: 5px;
}
#logo_r_img:hover{
    display: block;
    background:url(./logo_r2.png) no-repeat;
	height: 129px;
    width: 128px;
    position: relative;
    left: 560px;
    top: 5px;
}
.s_logo ul{ float:left;}
.s_logo ul li{ float:left;margin-top:41px;width: 122px;  border-right: 1px solid rgba(20,20,35,.15);text-align:center;}