﻿/**全局css**/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "微软雅黑";
	background: white;
	color: #333;
}
a {
	text-decoration: none;
	color: #333;
}
p {
	color: #333;
}
li {
	list-style: none;
}
img {
	border: none;
	display:block;
}
.clear {
	clear: both;
}
/**全局css**/
/**banner**/
.banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	margin-bottom:-1px;
}
.banner .hd {
	width: 100%;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 5px;
	text-align: center;
}
.banner .hd ul {
	display: inline-block;
	height: 5px;
	padding: 3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	vertical-align: top;
}
.banner .hd ul li {
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #8C8C8C;
	margin: 0 5px;
	vertical-align: top;
	overflow: hidden;
}
.banner .hd ul .on {
	background: #FE6C9C;
}
.banner .bd {
	position: relative;
	z-index: 0;
}
.banner .bd li a {
	display:block;
	height:auto;
	overflow:hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.banner .bd li img {
	width: 100%;
	height: auto;
	display:block;
}
/**banner end**/
/**logo**/
.head
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.logo
{
	width:86.67%;
	height:auto;
	overflow:hidden;
	float:left;
	
}
.logo img
{
	width:100%;
	height:auto;
}
.head .navbtn
{
	width:13.33%;
	height:auto;
	overflow:hidden;
	float:left;
}
.head .navbtn img
{
	width:100%;
	height:auto;	
}
/**logo end**/
/**底部**/
.footfir
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
	background:#0068b7;
	overflow:hidden;
}
.footfir .twocode
{
	width:120px;
	height:auto;
	overflow:hidden;
	float:left;
}
.footfir .twocode .tit
{
	font-size:15px;
	text-align: center;
	overflow:hidden;
	color:white;
	line-height:20px;
	margin-bottom:10px;
	text-align: center;
}
.footfir .twocode .pic
{
	width:97px;
	height:auto;
	overflow:hidden;
	margin:auto;
}
.footfir .twocode .pic img
{
	width:97px;
	height:97px;
}
.footfir .footinfo
{
	  float:right;
	  overflow:hidden;
	  width:calc(100% - 141px);
	  margin-left:10px;
	  padding-left:10px;
	  border-left:1px solid #2d86ca;
}
.footfir .footinfo .tit
{
	font-size:15px;
	color:white;
	line-height:20px;
	overflow:hidden;
	margin-bottom:10px;
	word-break: break-word;
}
.footfir .footinfo .list
{
	overflow:hidden;
}
.footfir .footinfo .list ul
{
	overflow:hidden;
}
.footfir .footinfo .list ul li
{
	color:white;
	font-size:14px;
	line-height:25px;
	overflow:hidden;
	padding-bottom:6px;
	padding-left:35px;
	word-break: break-word;
}
.footfir .footinfo .list ul li.li1
{
	background:url('../../images/f1.png') no-repeat left top;
}
.footfir .footinfo .list ul li.li2
{
	background:url('../../images/f2.png') no-repeat left top;
}
.footfir .footinfo .list ul li.li3
{
	background:url('../../images/f3.png') no-repeat left top;
}
.footfir .footinfo .list ul li.li4
{
	background:url('../../images/f4.png') no-repeat left top;
}
.footsec
{
	width:100%;
	height:auto;
	padding:10px;
	background:#005fa8;
	overflow:hidden;
	font-size:14px;
	line-height:20px;
	color:white;
	box-sizing:border-box;
	text-align: center;
}
.footsec a
{
	color:white;
}
.footsec a:hover
{
	color:white;
}
.footding
{
	width:100%;
	height:50px;
	overflow:hidden;
}
/**底部 end**/
/**网站底部固定菜单**/
#footnavgu
{
    position: fixed;
    bottom: 0;
    left:0;
    width:100%;
    height:50px;
    background:#0068b7;
    z-index: 10;
}
#footnavgu ul li
{
    float:left;
    width:33.33%;
    height:50px;
    position: relative;

}
#footnavgu ul li a
{
    width:100%;
    height:50px;
    display: block;
}
#footnavgu ul li img
{
    display: block;
    margin:auto;
    width:22px;
    padding-top:5px;
}
#footnavgu ul li p
{
    font-size:12px;
    width:100%;
    text-align: center;
    color:white;
}
/**网站底部固定菜单 end**/
/**菜单**/
.mm-navbar 
{
	color:#333;
	background:white;
	font-weight:bold;
}
.mm-listitem
{
	color:#333;
}
.mm-btn_next:after,.mm-btn_prev:before
{
	border-color:#333 !important;
}
.navlan .pic
{
	float:left;
	overflow:hidden;
}
.navlan p
{
    float:left;
    height:auto;
    padding-left:10px;
}
.mm-panel,.mm-panels {

    background:white;
    box-sizing:border-box;
    border-left:1px solid #ccc;
}
.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel
{
	border-left:0px;
}
/**菜单 end**/
/**index.php**/
.indbigtit
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indbigtit .en
{
	text-align: center;
	font-size:18px;
	font-weight:bold;
	color:#f0f0f0;
	overflow:hidden;
	text-transform:uppercase;
}
.indbigtit .cn
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align: center;
}
.indbigtit .cn .line
{
	display:inline-block;
	width:60px;
	vertical-align: middle;
	height:2px;
	background:#0068b7;
}
.indbigtit .cn p
{
	font-size:16px;
	line-height:16px;
	color:#0068b7;
	font-weight:bold;
	display:inline-block;
	vertical-align: middle;
	margin-left:10px;
	margin-right:10px;
}
/**网站首页第一部分产品中心**/
.indfir
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px;
	box-sizing: border-box;
}
.indfir .list
{
	width:100%;
	height:auto;
	margin-top:10px;
}
.indfir .list ul
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:0;
}
.indfir .list ul li
{
	display:inline-block;
	width:calc(50% - 5px);
	height:auto;
	vertical-align: top;
	margin-right:10px;
	margin-bottom:10px;
}
.indfir .list ul li .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indfir .list ul li .pic img
{
	width:calc(100% - 2px);
	height:auto;
	border:1px solid #e8e8e8;
}
.indfir .list ul li .wenzi
{
	width:100%;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	box-sizing: border-box;
	background:#0068b7;
}
.indfir .list ul li .wenzi .tit
{
	font-size:14px;
	font-weight:bold;
	color:white;
	line-height:14px;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.indfir .list ul li .wenzi .des
{
	font-size:14px;
	line-height:20px;
	text-align: center;
	overflow:hidden;
	word-break: break-all;
	width:100%;
	height:70px;
	color:white;
	padding:10px;
	padding-bottom:0px;
	box-sizing: border-box;

}
/**网站首页第一部分产品中心 end**/
/**网站首页第二部分关于我们**/
.indsec
{
	width:100%;
	padding:10px;
	overflow:hidden;
	background:#0068b7;
	box-sizing: border-box;
}
.indsec .indbigtit .en
{
	color:#3586c3;
}
.indsec .indbigtit .cn .line
{
	background:white;
}
.indsec .indbigtit .cn p
{
	color:white;
}
.indsec .xiang
{
	overflow:hidden;
	margin-top:10px;
} 
.indsec .xiang .l
{
	width:100%;
	overflow:hidden;
}
.indsec .xiang .l .tit
{
	overflow:hidden;

}
.indsec .xiang .l .tit p
{
	font-size:18px;
	color:white;
	line-height:30px;	
	height:30px;
	text-align: center;
}
.indsec .xiang .l .cont
{
	margin-top:10px;
	overflow:hidden;
}
.indsec .xiang .l .cont .wenzi
{
	font-size:14px;
	color:white;
	line-height:25px;
	margin-bottom:10px;
}
.indsec .xiang .l .cont .list
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indsec .xiang .l .cont .list ul
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indsec .xiang .l .cont .list ul li
{
	width:calc(50% - 5px);
	margin-right:10px;
	overflow:hidden;
	float:left;
}
.indsec .xiang .l .cont .list ul li img
{
	width:100%;
	height:auto;
}
.indmore
{
	width:120px;
	height:40px;
	overflow:hidden;
	margin:auto;
}
.indmore a
{
	display:block;
	width:100%;
	border:1px solid white;
	line-height:40px;
	font-size:15px;
	text-align: center;
	height:40px;
	color:white;
	margin:auto;
	box-sizing: border-box;
}
.indsec .xiang .l .indmore
{
	margin-top:10px;
	margin-bottom:10px;
}
.indsec .xiang .r
{
	overflow:hidden;
	width:100%;
}
.indsec .xiang .r .tit
{
	overflow:hidden;

}
.indsec .xiang .r .tit p
{
	font-size:18px;
	color:white;
	line-height:30px;	
	height:30px;
	text-align: center;
}
.indsec .xiang .r .shijinglist
{
	margin-top:18px;
	overflow:hidden;
	position:relative;
}
.indsec .xiang .r .shijinglist .hd
{
	overflow:hidden;
	font-size:0;
	margin-top:10px;
	text-align: center;
}
.indsec .xiang .r .shijinglist .hd li
{
	display:inline-block;
	width:12px;
	height:12px;
	border:1px solid white;
	box-sizing: border-box;
	border-radius: 50%;
	margin-right:10px;
	cursor:pointer;
}
.indsec .xiang .r .shijinglist .hd li.on
{
	background:white;
}
.indsec .xiang .r .shijinglist .bd
{
	overflow:hidden;
}
.indsec .xiang .r .shijinglist .bd ul li
{
	width:100%;
	height:auto;
}
.indsec .xiang .r .shijinglist .bd ul li img
{
	width:100%;
	height:auto;
}
/**网站首页第二部分关于我们 end**/
/**网站首页第三部分产品中心**/
.indthi
{
	width:100%;
	padding:10px;
	height:auto;
	box-sizing: border-box;
	overflow:hidden;
}
.indthi .indprolist
{
	width:100%;
	height:auto;
	position:relative;
	margin-top:10px;
}
.indthi .indprolist .bd
{
	overflow:hidden;
	width:100%;
}
.indthi .indprolist .bd ul li
{
	width:100%;
}
.indthi .indprolist .bd ul li .pic
{
	width:calc(100% - 2px);
	border:1px solid #0068b7;
	overflow:hidden;
}
.indthi .indprolist .bd ul li .pic img
{
	width:100%;
	height:auto;
}
.indthi .indprolist .bd ul li .tit
{
	font-size:15px;
	line-height:15px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}
.indthi .indprolist .bd ul li .des
{
	font-size:14px;
	line-height:14px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	text-align: center;
}
/**网站首页第三部分产品中心 end**/
/**index.php end**/
/**内页**/
/**展示页内容**/
.insbigtit
{
	font-size:18px;
	color:#0068b7;
	overflow:hidden;
	line-height:30px;
	height:30px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}
.insxx {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding:10px;
}
.insxxpic {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}
.insxxpic img {
  max-width: 100%;
  height: auto;
  display: block;
}
.insxxtitle {
  width: 100%;
  font-size: 16px;
  margin: auto;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  color:#333;
}
.insxxtime {
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  color:#333;
}
.insxxcontent {
  width: 100%;
  font-size: 15px;
  line-height: 25px;
  color:#333;
  word-break: break-word;
  border-radius: 5px;
}
.insxxcontent p {
  word-break: break-word;
  font-size: 14px;
  line-height: 25px;
  color:#333;
}
.insxxcontent table {
  width: 100%;
}
.insxxcontent img {
  max-width: 100%;
  height: auto;
  display:inline-block;
}
/**展示页内容 end**/
/**imglist**/
.imglist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.imglist ul
{
	width:100%;
	height:auto;
	font-size:0;
}
.imglist ul li
{
	display:inline-block;
	vertical-align: top;
	width:calc(50% - 5px);
	overflow:hidden;
	margin-bottom:10px;
	margin-right:10px;
}
.imglist ul li:nth-child(2n)
{
	margin-right:0px;
}
.imglist ul li .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.imglist ul li .pic img
{
	width:100%;
	height:auto;
	display:block;	
}
.imglist ul li p
{
	font-size:14px;
	line-height:25px;
	padding-top:10px;
	word-break: break-word;
	text-align: center;
}
/**imglist end**/
/**about.php**/
.insabu
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.insabu .tit
{
	font-size:18px;
	margin-bottom:10px;
	overflow:hidden;
}
.insabu .cont
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.insabu .cont p
{
	margin-bottom:15px;
	line-height:25px;
}
.insabu .piclist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.insabu .piclist .pic
{
	width:calc(50% - 5px);
	float:left;
	overflow:hidden;
	margin-right:10px;
}
.insabu .piclist .pic img
{
	width:100%;
	height:auto;
}
/**about.php end**/
/**分页**/
.switch {
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size:14px;
  box-sizing: content-box;
  color:#333;
}
.switch a {
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  margin: 3px;
  padding: 3px;
  text-decoration: none;
  box-sizing: content-box;
  color:#333;
}
.switch a.on {
  background:#0068b7;
  color:#333;
}
/**分页 end**/
/**news.php**/
.newslist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.newslist ul
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.newslist ul li
{
	border-bottom:1px dashed #ccc;
	height:auto;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
}
.newslist ul li a
{
	display:block;
	height:auto;
	overflow:hidden;
}
.newslist ul li a .dian
{
	width:10px;
	font-size:20px;
	line-height:30px;
	overflow:hidden;
	float:left;
}
.newslist ul li a .tit
{
	width:calc(100% - 10px);
	height:30px;
	overflow:hidden;
	font-size:15px;
	line-height:30px;
	float:left;
}
/**news.php end**/
/**product.php**/
.insprolist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.insprolist ul
{
	width:100%;
	height:auto;
	font-size:0;
}
.insprolist ul li
{
	display:inline-block;
	vertical-align: top;
	width:calc(50% - 5px);
	overflow:hidden;
	margin-bottom:10px;
	margin-right:10px;
}
.insprolist ul li:nth-child(2n)
{
	margin-right:0px;
}
.insprolist ul li .pic
{
	width:calc(100% - 2px);
	height:auto;
	overflow:hidden;
	border:1px solid #0068b7;
}
.insprolist ul li .pic img
{
	width:100%;
	height:auto;
	display:block;	
}
.insprolist ul li p
{
	font-size:14px;
	line-height:25px;
	padding-top:10px;
	word-break: break-word;
	text-align: center;
}
.insprolist ul li p.p2
{
	padding-top:5px;
}
/**product.php**/
/**contact.php**/
.inscontact
{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
}
.inscontact .map
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:10px;
	
}
.inscontact .info
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.inscontact .info .gstit
{
	margin-bottom: 10px;
    color: #333333;
    font-size: 16px;
    overflow:hidden;
    margin-top:10px;
    font-weight:bold;
}
.inscontact .info p
{
	font-size:15px;
	overflow:hidden;
	color:#666;
	line-height:30px;
	text-align: justify;
}
/**contact.php**/
/**message.php**/
.message
{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
}
.message .msg
{
	width:100%;
	height:auto;
	overflow:hidden;
}

.message .msg .dan .xiang p
{
	font-size:14px;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.message .msg .dan .xiang .input
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.message .msg .dan .xiang .input input
{
	width:100%;
	height:30px;
	border:1px solid #ddd;
	outline: none;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	border-radius: 3px;
}
.message .msg .dan .xiang .ta textarea
{
	width:100%;
	height:100px;
	border:1px solid #ddd;
	outline: none;
	padding:10px;
	box-sizing: border-box;
	border-radius: 3px;
}
.message .msg .tijiao
{
	width:100%;
	height:30px;
	margin-top:20px;
	overflow:hidden;
}
.message .msg .tijiao input
{
	width:100%;
	height:30px;
	background:#0068b7;
	color:white;
	border-radius: 5px;
	border:none;
	cursor: pointer;
	transition:1s;
	font-size:16px;
}
/**message.php end**/
/**图片集**/
.tupianji
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:15px;
	padding-bottom:15px;
}
.tupianji ul li
{
	width:100%;
	overflow:hidden;
}
.tupianji ul li .pic
{
	width:100%;
	height:auto;
}
.tupianji ul li .pic img
{
	width:100%;
	height:auto;
}
/**图片集 end**/
/**内页 end**/
