@charset "utf-8";

HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:center;FONT-FAMILY:"Arial","微软雅黑";color:#525353;
}
ul,li{ padding:0px; margin:0px;}
TD,div {font-family: "Arial","微软雅黑"; color: #333333; line-height:20px;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "Arial","微软雅黑";}


A {TEXT-DECORATION:none;color:#525353;
}

A:hover {
 TEXT-DECORATION:none;/* TOP:1px; LEFT:1px; POSITION:relative;*/
}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
img{ max-width:100%;}
table{max-width:100%;}
.clear{clear:both;}
*{ margin:0 auto; padding:0px; list-style:none; text-align:left}

/*头部菜单*/
.header-light {
    background-color: #fff;
    border-bottom: solid 1px rgba(0,0,0,.05);
    box-shadow: 0 0 15px 1px rgba(0,0,0,.15);
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
    z-index: 99;
}
.footer .footer-logo, .header .header-logo {
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 50%;
}
.footer .footer-logo, .header .header-logo {
    background-size: 115px 13px;
    width: 200px;
    margin-left: -100px;
}
.header-logo {
    color: transparent;
}
.header-logo-center .header-icon-1 {
    left: 0;
}
.header-light .header-icon {
    color: #1f1f1f;
}
.header .header-icon {
    position: absolute;
    height: 55px;
    width: 45px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
}
.font-20 {
    font-size: 20px!important;
}
.header-icon {
    top: 0;
}
.header-logo-center .header-icon-4, .header-logo-left .header-icon-1 {
    right: 0;
}
.myclose{ height:56px; line-height:56px; width:100%; text-align:right;}
.myclose i{ font-size:20px; color:#C9C9C9; margin-right:15px;}
.menu-f{ padding:0px 15px 0px 25px; width:100%;}
#menu-1 .active{background: #242C3A; color:#fff !important;}
#menu-1 .active .mainitem a{color:#fff !important;}
.companyname{ height:25px; line-height:25px; font-size:20px; color:#fff; width:100%; font-weight:bold; margin-top:25px;}
.companyjiesao{ line-height:16px; font-size:14px;color: #888888; width:100%; margin-top:10px;}
.search-f{
background: none; padding-top:10px;
}
.search-f input{border: 0px; display: block; width: 80%; font-size:16px; line-height: 32px; height: 32px; outline: none; background: none; float: left;}
.menur-divider {
	width:100%;
    border-top: solid 1px rgba(0,0,0,.2);
    border-bottom: solid 1px rgba(255,255,255,.03);
	height:2px;
}
.mainitem a {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #A0A0A0;
    font-weight: bold;
    display: inline-block;
}
.mainitem i {
    font-size: 15px;
    margin-right: 15px;
    color: #fff;
}
.i-right {
    float: right;
    height: 50px;
    line-height: 50px !important;
}
.zmenu-f{ display:none;}
.zmenu-f ul{margin-bottom: 0;}
.zmenu-f ul li{ text-align:left;}
.zmenu-f ul li a{ height:35px; line-height:35px;}
.zmenu-f ul li a h3{ font-size:15px;}
.yuandian {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    padding: 0px;
    margin: 0 15px;
}
.menu_active{
	transform: rotate(180deg);
    -webkit-transition: transform .25s linear;
    -moz-transition: transform .25s linear;
    -o-transition: transform .25s linear;
    transition: transform .25s linear;
}
.menu_mask{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(17, 17, 17, .5);
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: 9601;
}
.menu_mask.active{
	opacity: 1;
    visibility:visible;
	}

/*banner*/
.swiper-mobile-banner{width: 100%; height:100%; margin-left: auto; margin-right: auto; position: relative; overflow:hidden; margin-top: 55px; margin-bottom:30px;}
.swiper-bpagination{ bottom:10% !important; width:100% !important; left:0 !important; text-align:center; z-index:9; position:absolute;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important;
}
.swiper-bpagination .swiper-pagination-bullet{
    border-radius: 50px;
    height: 8px;
    width: 8px;
    display: inline-block;
    background:rgba(255,255,255,0.5);
	opacity: 1;
}
.swiper-bpagination .swiper-pagination-bullet-active{
    background:rgba(255,255,255,1);
}

/*首页正文*/
.content{ padding:0 20px;}
.decoration {
    height: 1px;
    display: block;
    margin-bottom: 30px;
    background-color: #E7E7E7;
}
.page_head{width:100%; margin:0 auto; text-align:center; margin-bottom:30px;}
.page_head span{ font-size:21px; line-height:35px; font-weight:bold;}
.bg-highlight {
    background-color: #1c4166;
    color: #fff;
}
.deco-thin {
    height: 2px; width: 60px; margin: auto; margin-bottom:30px;
}
.page_indexAbout{max-width: 300px; text-align: left; margin:auto; background:#fff; font-size:15px; line-height:26px; margin-bottom:30px;}
.page_indexAbout_more{ border: 2px solid #1c4166; margin:auto; text-align:center; background-color: #1c4166; width: 170px; border-radius: 40px; height: 40px; line-height: 36px; padding: 0 20px;}
.page_indexAbout_more a{ color:#fff; font-size:15px; text-align:center;}

.page_Newslist{ width:100%; margin:0 auto; background:#fff;}
.newlist{
	padding-top: 10px;
    display: flex;
    flex-direction: row;
}
.newbj {
    width: 20%;
    float: left;
    height: 100%;
}
.newcontent {
    width: 100%;
    position: relative;
    vertical-align: top;
}
.news-title {
    line-height: 20px;
    color: #333333;
	overflow: hidden;    
 	text-overflow: ellipsis;
 	white-space: nowrap;
}
.news-time {
    font-size: 14px !important;
}
.fa-clock {
    margin-right: 10px;
}

.page_indexprobg{ width:100%; margin:auto; position:relative; overflow:hidden; margin-bottom:30px;}
.swiper-product{ margin-top: 45px; width:100%;}
.index_product_list{}
.swiper-probpagination{ position:absolute; width:100%; text-align:center; top: 0; z-index: 9; height:4px;  line-height: 4px;}
.page_indexprobg .swiper-pagination-bullet-active{background: #1c4166 !important;}
.page_indexprobg .swiper-pagination-bullet{width: 10%; height: 4px; background: rgba(0,0,0,.3); opacity: 1; border-radius:0; margin:0 5px;}

/*案例*/
.swiper-case{ width:100%; overflow:hidden; position:relative;}
.swiper-case .article-card{ margin:0 0 30px 0 !important;}
.swiper-casebpagination{ width:100%; text-align:center;}
.swiper-casebpagination .swiper-pagination-bullet-active{ background:#1c4166 !important;}

/*底部*/
.bg-highlight {
    background-color: #1c4166 !important;
    color: #fff;
}
.blank{ width:100%; margin:0 auto; height:54px;}
.page_Bottom{ width:100%; margin:0 auto; height:54px; background:#1c4166; z-index:99; position:fixed; bottom:0}
.page_Bottom ul{ padding-left:0;}
.page_Bottom ul li{ float:left; width:20%; font-size:12px; color:#fff; text-align:center; padding-top:5px; border-right: 1px solid #fff; height: 54px;}
.page_Bottom ul li a{ color:#fff; line-height:18px; text-align:center;}
.page_Bottom ul li img{display: inline-block; height: 20px;}

.in_Banner{ margin-top:55px; width:100%;}
.in_Banner img{ display:block;}

.class_empty {
    width: 100%;
    text-align: center;
}
.class_empty_pic {
    text-align: center;
}
.class_empty_nr {
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    margin-top: 15px;
	text-align:center;
}
.class_empty_btn {
    width: 198px;
    margin: auto;
    text-align: center;
    margin-top: 25px;
    border: 1px solid #1c4166;
    border-radius: 6px;
    height: 44px;
    line-height: 44px;
	text-align:center;
}
.class_empty_btn a {
    font-size: 18px;
    color: #1c4166;
	text-align:center;
}

.proclass{ width:100%; margin:0 auto;padding:0px 0 20px 0; font-size:0.875em
}
.proclass div span{ float:right}

.proname{background:#fff; width:70%;float:left;color:#515151;font-size:15px; padding-top:5px; padding-bottom:15px;text-align:left;}
.proname span{ font-size:12px;}

#edit-submit{	color: #000;
	border: 1px solid #d0d0d0;
	background-color: #ededed;
		font-size: 12px; 
	text-decoration: none!important; 
	font-family: Arial;
	padding: 8px 12px; 
	margin-right:10px;
	margin-bottom:20px;
	display:inline-block;}
.required{ border:1px  solid #999}


.navigation{ display:block;}
  #a1{display:none;}
  p{text-indent:0}
  
.big img{ width:100% !important; height:auto!important}

tr{ width:100% !important;}
td{ width:auto!important;word-break:break-all;　word-wrap:break-word}
.navigation{ display:block;}
th,tr,td{/* border:1px solid #999 !important;*/ font-size:12px;}
#detail img{ max-width:100% !important;height:auto !important;}

.in_line{border: 1px solid #E7E7E7; padding:0 15px;margin-bottom:20px;}
.main{width:100%; margin:0 auto;}
.back{text-align:center; width:100px; background:#1c4166; height:35px; margin:0 auto; padding:10px 0}
.back a{ display:inline-block;}
.back span{border:1px solid #1c4166; text-align:center; color:#FFFFFF;}

.main_page{text-align:center;width:100%; float:left; font-size:13px;}
.main_page a,.main_page .current{ margin:0 3px;}
.main_page a{ background:#f5f5f5; padding:0px 4px; color:#717071; border:1px solid #d6d7d2; display:inline-block;}
.main_page .current{ padding:0px 4px; background:#1c4166; color:#fff; border:1px solid #1c4166}

.in_product_list{ width:49%; float:left;}

.cat h3{ font-weight:normal}
.cat li{list-style:none; color:#010101; background:#fff; width:100%; margin-bottom:0;}
.cat li .classname{width:100%; color:#010101; padding:0px;}
.cat li .classname a h3{ 
	font-weight:normal;
	font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
	padding:5px 0;
}

.cat li .classname2{color:#010101; padding:0 20px;}
.cat li .classname2 a h3{ margin-bottom:0; font-weight:normal; font-size:16px; line-height:25px; padding:8px 0; color:#666;}

.cat li .classname3{width:80%; color:#010101; padding:15px 10%; background:url(../img/news_dot.jpg) no-repeat center right; background-size:2% 20%;}
.cat li .classname3 a h3{ font-weight:normal}

.detial-cont-tabslabel embed{ max-width:100% !important; height:auto !important; display:block;}
.detial-cont-tabslabel img{ max-width:100% !important; height:auto !important; display:block;}
.detial-cont-tabslabel table td,.detial-cont-tabslabel p,.detial-cont-tabslabel div{ width:auto !important; height:auto !important;}
#div_table{ width:100% !important; overflow-x:auto; border-collapse: collapse; display:block; margin:20px 0; position:relative;}
#div_table .table_jt{position:absolute; top:0; right:20px; z-index:999; display:block !important;}
.detial-cont-tabslabel{ max-width:100% !important;}
.detial-cont-tabslabel img{ max-width:100% !important; height:auto !important;}
.detial-cont-tabslabel p,.detial-cont-tabslabel div{ max-width:100% !important;}
.detial-cont-tabslabel table{width:100% !important;}
.detial-cont-tabslabel table td{ padding:5px;}
#div_table{ width:100% !important; overflow-x:auto; border-collapse: collapse;}
#div_table .table_jt{ display:none;}
#div_table::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
#div_table::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#div_table::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 8px;
}
#div_table::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.deatailMainContainer {
    overflow: hidden;
    width: 100%;
}
.detail_title {
    background: #d4d4d4;
}
.detail_title ul {
    padding: 0;
    margin: 0;
}
.detail_title li {
	float:left;
	width:33.3%;
	margin-bottom:0;
}
.detail_title li div {
    font-size: 15px;
	text-align:center;
    color: #333333;
    line-height: 20px;
	padding:10px 0;
    cursor: pointer;
}
.detail_title li.detailActive div {
    background: #1c4166;
    color: #ffffff;
}
.detailListContainer>div {
    display: none;
}
.detailListContainer>div.detailShow {
    display: block;
}