﻿@charset "utf-8";
/* CSS Document */

/*html{-webkit-tap-highlight-color:transparent}*/
body,td,th,input,textarea,select{
	font-family:"微软雅黑", Arial, Tahoma;
	font-size:14px;
	color:#484848;
}
body,form{
	margin:0;
}
body{background:#DADADA;}
img{border:0px none; vertical-align:middle;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#333; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#464646; text-decoration:none; outline:none;}
a:hover,a:active{color:#005bac;}
.aGray{color:#999;}
.aGray:hover,aGray:active{color:#005bac;}
.bgcolorfff{background-color: #fff;}

/*====================
		public
======================*/
.i_nav{border-bottom:1px solid #EEE; height:42px;}
.i_nav .i_nav_icon{margin-top:3px; margin-left:8px;}
.i_nav .i_nav_wz{float:left; margin-left:2px;}
.i_nav .i_nav_wz .i_nav_wz_cn{font-size:15px; padding-top:6px;}
.i_nav .i_nav_wz .i_nav_wz_en{color:#999; font-size:9px;}
.more{float:right; background:#A5A5A5; height:42px; width:60px; text-align:center;}
.fl{float:left;}
.fr{float:right;}
.mt12{margin-top: 12px;}
/*====================
		header
=====================*/
#head{width:100%; height:48px; background:#424f59; box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3); position:fixed; z-index:999; top:0; border-top:1px solid #005bac;}
#logo{text-align:center; margin-top:1px; padding-top:3px;}
#logo img{margin-left:-5px;}
#topM{text-align:right; position:absolute; top:13px; right:12px;}
#topMC{position:absolute; top:48px; right:10px; width:0px; height:0px; background:#424f59; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.35); overflow:hidden;}
#topMenu li{display:block; border-bottom:1px solid #fff;}
#topMenu li a{display:block; padding-top:10px; padding-bottom:10px; padding-left:15px;}
#topMenu li a img{margin-right:8px; margin-top:-2px;}
#topMenu li a span{color:#FFF; font-size:14px;}

/*====================
		banner
=====================*/
.device{position:relative; z-index:1;}
.swiper-container{width:100%; text-align:center;}
.swiper-wrapper{overflow:hidden;}
.pagination{text-align:center;}
.swiper-pagination-switch {display:inline-block; width:10px; height:10px; background:#FFF; margin:0 5px; cursor:pointer; position:relative; top:-20px; z-index:9; border-radius:5px;}
.swiper-active-switch{background:#005bac;  border-radius:5px;}
.swiper-slide{width:100%;}
.swiper-slide img{border:0px none; max-width:100%; text-align:center;}
.swiper-slide a{}
/*====================
		index-product
=====================*/
#proindex{margin-top:8px; height:105px; overflow:hidden; width:100%;}
#proindex .swiper-container{height:105px;}
#proindex .swiper-pagination-switch {
	display:inline-block;	
	width:8px;
	height:8px;
	background:#DDD;
	margin:0 5px;
	cursor:pointer;
	position:relative; top:-18px; z-index:9;
	border-radius:0px;
	box-shadow:1px 1px 1px 0px rgba(0,0,0,0);
	border-radius:5px;
}
#proindex .swiper-slide{line-height: 140%}
#proindex .swiper-active-switch{background:#005bac; border-radius:5px;}
#proindex .arrow-left{position:absolute; left:0; padding-left:10px; display:inline-block; height:100px; z-index:9; background:#FFF;}
#proindex .arrow-left img{margin-top:22px;}
#proindex .arrow-right{position:absolute; right:0; padding-right:10px; display:inline-block; height:100px; z-index:9; background:#FFF;}
#proindex .arrow-right img{margin-top:22px;}

#foot{text-align:center; color:#888; margin-top:20px; margin-bottom:76px;}
#aTOP{position:fixed; z-index:1000; right:10px; bottom:66px; display:block; width:40px; height:40px;}
#menuFootC{width:100%; position:fixed; left:0; bottom:0; height:56px; background:url(../images/menuFoot_bg.png) repeat-x; box-shadow:0px -1px 3px 0px rgba(0,0,0,0.12); z-index:1000;}
#menuFoot{width:90%; display:table; margin:auto;}
#btmMenu{display:table-row-group;}
#btmMenu li{display:table-cell; position:relative; z-index:999;}
#btmMenu li a{display:block; text-align:center; padding-top:4px; color:#fff;}
#btmMenu li a span{display:block; text-align:center; margin-top:3px; font-weight:bold;}

/**/
#main{width:100%; height:auto; background:#FFF; padding-bottom:20px; margin-top:49px;}
#nav{background:#999; height:35px;}
#nav a{height:35px; line-height:35px; color:#464646; font-size:12px; text-align:center; display:block; float:left;}
#nav a.A{color:#005bac; background:#FFF;}
.about{line-height:180%; margin-top:20px;}
.about p{margin-bottom:10px;}
.about img{width:100%;}
.culture{line-height:180%; margin-top:20px;}
.culture p{margin-bottom:20px;}

#news{display:table; width:100%;}
#news li{display:table-row-group;}
#news li div{display:table-cell; vertical-align:top;}
#news li div.time{width:54px; background:url(../images/newsdate.png) no-repeat left top; padding-top:2px; padding-bottom:10px; text-align:center; color:#FFF;}
#news li div span{display:block;}
#news li div.con{padding-left:10px;}
#news li div span.tit{font-size:14px; line-height:130%; color:#333;}
#news li div span.context{font-size:12px; color:#888; line-height:140%; margin-top:4px;}

#newscon *{line-height:200% !important; font-size:14px !important;}
#newscon p{margin-bottom:20px !important; text-align:left;text-indent:18pt;line-height:150%;}
#newscon img{max-width:100% !important;}

#prolist{display:table; width:100%;}
#prolist li{display:table-row-group;}
#prolist li div{display:table-cell; vertical-align:top;}
#prolist li div.img{width:120px; position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;}
#prolist li div.img img{max-width:120px; max-height:120px; border-radius:3px; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);}
#prolist li div span{display:block;}
#prolist li div.con{padding-left:10px; vertical-align:middle; font-size:14px; line-height:140%;}

#path{line-height:40px; padding-left:20px; padding-right:20px; background:#E1F0FB;}
#probimg{margin-top:16px;}
#probimg img{width:100%; max-width:400px; border-radius:5px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);}
#procon{padding-top:20px; clear:both;}
#procon img{max-width:100% !important;}

.searHeight{font-style:normal; color:#005bac;}

#searchC{padding:20px; padding-bottom:0px;}
#search{background:#DDD; height:30px; border-radius:5px; padding-right:20px; position:relative;}

.tags_title{border-bottom:1px solid #DDD; padding:8px 0px 8px 10px; background:url(../images/title_bg_1.png) repeat-x left top; color:#FF6600; font-weight:bold;}
.tags_content{margin-top:10px; margin-bottom:20px; line-height:200%;}
.tags_content table{max-width: 100%;}
input,textarea{padding:6px; width:95%; border-radius:5px; border:1px solid #CCC; box-shadow:1px 1px 4px #DDD inset; vertical-align:middle;}
#form1 p{display:block; margin-bottom:3px;}

.contact {line-height: 24px;}

/* 分页 */
.pagenation {
    float:left;
    text-align:center;
    width:100%;
    margin:0px;
    position:relative;
    overflow:hidden;}
.page {
    display:inline-block;
    font: 12px/28px "微软雅黑", Tahoma, "宋体";
    *display:inline;
    :1;
    *zoom:1;}
.page span {
    float:left;}
.page a,
.page span.disabled {
    background:#FFF;
    border:1px solid #CCC;
    color:#333;
    float:left;
    font: 14px/24px "微软雅黑", Tahoma, "宋体";
    height:24px;
    margin-right:5px;
    min-width:15px;
    padding:0 4px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    _width:15px;}
.page a:hover {
    border:1px solid #303C86;
    color:#303C86;
    text-decoration:none;}
.page span.disabled {
    background:#FFF;
    border:1px solid #CCC;
    color:#CCC;}
.page span.ellipsis {
    float:left;
    font: 14px/24px "微软雅黑", Tahoma, "宋体";
    line-height:22x;
    margin-right:5px;}
.page .page_txt {
    line-height:20px;
    float:right;
    width:auto;}
.page a.page-curpage {
    background:#FF7F00;
    border:1px solid #FF7F00;
    color:#FFF;
    font-weight:bold;}
.page input {
    font: 14px Verdana;
    padding:0 0 0 1px;
    width:40px;
    height:14px;}

.feedback p{margin-bottom: 5px;}


.mini-menu-wrapper {
	margin:0 20px 30px;
}
.mini-menu-wrapper .mini-menu li.is-active a {
	color:#005bac;
}

.mini-menu {
	display:none;
}
.mini-menu.opened {
	display:block;
}
.mini-menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
.mini-menu ul li {
	padding:0 0 0 20px;
	line-height:50px;
	font-size:15px;
	background-color:#f8f8f8;
	border:1px #eaeaea solid;
}
.mini-menu ul li.is-active a {
	color:#005bac;
}

.mini-menu li a {
	display:block;
	text-decoration:none;
}

.mini-menu-title {
	line-height:50px;
	font-size:15px;
	color:#fff;
	padding:0 0 0 20px;
	background-color:#005bac;
	margin:20px 0 0 0;
	position:relative;
}
.mini-menu-title:after {
	position:absolute;
	content:"";
	display:block;
	width:16px;
	height:16px;
	top:17px;
	right:20px;
	background:url(../images/icon-submenu-default.png) no-repeat;
}
.mini-menu-title.active:after {
	background:url(../images/icon-submenu-opened.png) no-repeat;
}
.mini-menu-title {
	background-color:#999999;
}
.mini-menu-title.active {
	background-color:#005bac;
}


.mainr .content .ctit{margin-top:20px; background:#f8f8f8; height:60px; line-height:60px; font-size:20px;}
.mainr .content .ctit img{display:block; margin:18px 10px; float:left}
.mainr .content .searchbox{font-size:16px; line-height:40px; margin-top:10px;}
.mainr .content .searchbox span{display:block; width:90%; height: 40px; line-height: 40px;}
.mainr .content .searchbox .searchinput{width:100%; height:40px; border:1px solid #003674; margin:10px 0px 0px 0px; padding: 0px;}
.mainr .content .searchbox .selectbox{width:100%;}
.mainr .content .searchbox .searchselect{width: 100%; height: 40px; padding-left:20px; border:1px solid #003674}
.mainr .content .searchbox .sub{width:100%; height:40px; background:#003674; color:#fff; margin-top:10px; font-size:16px; letter-spacing: 10px;}

.honorborder{width:50%; float:left;}

.paginationpage {
  float:left;
  text-align:center;
  width:100%;
  margin:20px 0;
  position:relative;
  overflow:hidden;}
.page {
  display:inline-block;
  font: 12px/24px "微软雅黑";
  *display:inline;
  :1;
  *zoom:1;
float: right}
.page span {
  background:#005bac;
  border:1px solid #005bac;
  color:#fff;
  float:left;
  font: 12px/24px "微软雅黑";
  height:24px;
  margin-right:5px;
  min-width:15px;
  padding:4px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
    line-height: 24px;}
.page a,
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 12px/24px "微软雅黑";
  height:24px;
  margin-right:5px;
  min-width:15px;
  padding:4px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
    line-height: 24px;}
.page a:hover {
  border:1px solid #005bac;
  color:#005bac;
  text-decoration:none;}
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#CCC;}
.page span.ellipsis {
  float:left;
  font: 12px/24px "微软雅黑";
  line-height:22x;
  margin-right:5px;}
.page .page_txt {
  line-height:20px;
  float:right;
  width:auto;}
.page a.page-curpage {
  background:#D80106;
  border:1px solid #D80106;
  color:#FFF;
  font-weight:bold;}
.page input {
  font: 14px Verdana;
  padding:0 0 0 1px;
  width:40px;
  height:14px;}



.caseinfo{border-top: 1px solid #e7e7e7; line-height: 50px; height: 50px;}
.caseinfo>span{display: block; float:left; width:100px; font-size:16px; font-weight: 500;}
.infos{height: auto;}
.caseinfo>.info2{width:100%; float:left;}
.caseinfo>.info2>p{line-height: 30px;}
.caseinfo:last-child{}
.caseinfo>.content{width:100%; float:left;}
.caseinfo>.content p{line-height: 30px;}
.caseinfo>.content p img{max-width: 100%;}
.clear{clear:both;}
.clearfix:after{content:"";display:block;width:100%;height:0;clear:both;visibility: hidden;}


