﻿/* CSS Document
*作者：铭成奇迹kae
*编写时间：2015-07-25
*/
.about-honor{
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 15px;
}
.about-honor a{
	display: block;
	width: 50%;
	overflow: hidden;
	padding: 10px 0;
}
.about-honor a:active{
	background: #f1f1f1;
}
.about-honor a dl{
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.about-honor a dl dt{
	width: 100%;
	overflow: hidden;
}
.about-honor a dl dt img{
	display: block;
	width: 100%;
}
.about-honor a dl dd strong{
	font-size: 18px;
	line-height: 24px;
	color: #4b4b4b;
	display: block;
	height: 24px;
	margin: 5px 0;
	font-weight: normal;
}
.about-honor a dl dd span{
	font-size: 12px;
	color: #b3b3b3;
	font-family: Arial;
	text-transform: uppercase;
}

.nav-list{
	overflow: hidden;
}
.nav-list li{
	width: 33.3333%;
	float: left;
	overflow: hidden;
}
.nav-list li a{
	display: block;
	width: 80%;
	overflow: hidden;
	margin: 30px auto;
}
.nav-list li a .nav-img{
	width: 100%;
	overflow: hidden;
}
.nav-list li a .nav-img img{
	display: block;
	width: 100%;
}
.nav-list li a dl{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.nav-list li a dl dt{
	height: 30px;
	line-height: 30px;
	width: 100%;
	color: #4b4b4b;
	font-size: 18px;
	margin-top: 10px;
}
.nav-list li a dl dd{
	font-size: 12px;
	color: #e13383;
	text-transform: uppercase;
	height: 24px;
	line-height: 24px;
}

.thanks{
	background: #006db8;
}
.thanks a{
	width: 100%;
	overflow: hidden;
	display: block;
}
.thanks a dl{
	width: 100%;
}
.thanks a dl dt{
	border: 10px solid #ffffff;
	width: 100%;
	overflow: hidden;
}
.thanks a dl dt img{
	width: 100%;
}
.thanks a dl dd strong{
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #ffffff;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.thanks a dl dd{
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
}

dl.pro-title{
	width: 100%;
	padding: 15px 0;
	overflow: hidden;
}
dl.pro-title dt,dl.pro-title dd{
	width: 100%;
	text-align: center;
}
dl.pro-title dt{
	height: 30px;
	font-size: 24px;
	color: #4b4b4b;
}
dl.pro-title dd{
	height: 20px;
	line-height: 24px;
	color: #006db8;
	font-size: 16px;
}

ul.pro-list{
	width: 100%;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	overflow: hidden;
}
ul.pro-list li{
	width: 50%;
	float: left;
	overflow: hidden;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px;
}
ul.pro-list li .pro-img{
	width: 100%;
	overflow: hidden;
	position: relative;
}
ul.pro-list li .pro-img img{
	display: block;
	width: 100%;
}
ul.pro-list li .pro-img a{
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	z-index: 2;
	left: 10px;
	bottom: 10px;
	background:#4b4b4b url("../images/see_icon_01.png") center center no-repeat;
	background-size: 100% 100%;
}
ul.pro-list li dl{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
ul.pro-list li dl dt{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	width: 100%;
}
ul.pro-list li dl dt a{
	color: #4b4b4b;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.pro-list li dl dd{
	line-height: 18px;
	font-size: 14px;
	color: #999;
}


.inner-title{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.inner-title img{
	display: block;
	width: 100%;
}
.inner-title dl{
	width: 80%;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 10%;
	top:50%;
	height: 80px;
	margin-top: -40px;
}
.inner-title dl dt{
	height: 30px;
	overflow: hidden;
}
.inner-title dl dt span{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #ffffff;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
}
.inner-title dl dd{
	height: 24px;
	overflow: hidden;
}
.inner-title dl dd span{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	color: #323232;
	overflow: hidden;
}
.inner-title dl dd b{
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
	display: inline-block;
	height: 20px;
	text-transform: uppercase;
}

.son-nav{
	padding: 10px;
	overflow: hidden;
}
.son-nav ul{
	width: 100%;
	overflow: hidden;
	list-style: none;
}
.son-nav ul li{
	width: 31%;
	margin: 5px 1%;
	height: 36px;
	float: left;
}
.son-nav ul li.hover a {opacity:0.8;
	filter:alpha(opacity=80);}
.son-nav ul li a{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	overflow: hidden;
	padding: 0 10px;
	background: #006db8;
}
.son-nav ul li a:active{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.title-font{
	height: 30px;
	color: #4b4b4b;
	padding: 0px 10px;
}
.title-font h2{
	line-height: 22px;
	font-size: 20px;
	margin: 0;
 
}

ul.img-list{
	list-style:none;
	overflow:hidden;
	width:100%;
	}
ul.img-list li{
	width:50%;
	float:left;
	margin-top:30px;
	overflow:hidden;
	}
ul.img-list li a{
	display:block;
	width:90%;
	overflow:hidden;
	margin:0 auto;
	}
ul.img-list li a .img-div{
	width:100%;
	overflow:hidden;
	}
ul.img-list li a .img-div img{
	width:100%;
	display:block;
	}
ul.img-list li a dl dt{
	width:100%;
	height:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:18px;
	margin-top:10px;
	}
ul.img-list li a dl dd{
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
	font-family:Arial;
	text-transform:uppercase;
	color:#c8c8c8;
	text-decoration:underline;
	}

.page{
	width:100%;
	height:48px;
	text-align:center;
	overflow:hidden;
	margin:30px auto;
	}
	.page  li { list-style:none;}
.page a{
	display:inline-block;
	font-size:16px;
	line-height:32px;
	margin:0px 10px;width: 88px;
height: 32px; float:left;
background-color:#006db8;
color:#fff;
	}
.page .next{
	display:inline-block;
	font-size:24px;
	line-height:48px;
	margin:0px 10px;width: 38px;
height: 38px;
	background: transparent url("/images/tip6-right.jpg") no-repeat scroll 0px 0px;
	}	
.page a:active{
	border:1px solid #d9d9d9;
	background:#efefef;
	}
	
	
article{
	padding:0px 10px;
	overflow:hidden;
	}
article p{
	margin-top:20px;
	font-size:16px;
	color:#4b4b4b;
	line-height:30px;
	}
article p img{
	display:block;
	width:100%;
	}
	
	

ul.experts-list{
	list-style:none;
	overflow:hidden;
	width:100%;
	}
ul.experts-list li{
	width:33.3333%;
	float:left;
	margin-top:30px;
	overflow:hidden;
	}
ul.experts-list li a{
	display:block;
	width:90%;
	overflow:hidden;
	margin:0 auto;
	}
ul.experts-list li a .img-div{
	width:100%;
	overflow:hidden;
	}
ul.experts-list li a .img-div img{
	width:100%;
	display:block;
	height:100px;
	}
ul.experts-list li a dl dt{
	width:100%;
	height:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:18px;
	margin-top:10px;
	}
ul.experts-list li a dl dd{
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
	font-family:Arial;
	text-transform:uppercase;
	color:#c8c8c8;
	text-decoration:underline;
	}
	
	
ul.zizhi-list{
	list-style:none;
	overflow:hidden;
	padding:0px 10px;
	}
ul.zizhi-list li{
	width:100%;
	overflow:hidden;
	margin-top:30px;
	}
ul.zizhi-list li dl dt{
	width:160px;
	margin:0 auto;
	overflow:hidden;
	}
ul.zizhi-list li dl dt img{
	display:block;
	width:100%;
	}
ul.zizhi-list li dl dd{
	height:30px;
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:20px;
	color:#4b4b4b;
	margin-top:10px;
	}
ul.zizhi-list li p{
	margin:15px 0;
	overflow:hidden;
	font-size:16px;
	color:#4b4b4b;
	line-height:24px;
	}
ul.zizhi-list li a{
	display:block;
	width:100%;
	height:48px;
	text-align:center;
	line-height:48px;
	font-size:20px;
	color:#fff;
	background:#e13381;
	}
ul.zizhi-list li a:active{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
	
.son-title{
	height:36px;
	overflow:hidden;
	padding:0 10px;
	margin-top:20px;
	}
.son-title span{
	display:inline-block;
	float:left;
	height:36px;
	padding:0px 15px;
	background:#006db8;
	font-size:14px;
	color:#fff;
	line-height:36px;
	}
	
	
	
.proList{
	width:100%;
	overflow:hidden;
	}
.proList li{
	width:50%;
	float:left;
	margin-top:8px;
	overflow:hidden;
	}
.proList li dl{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	}
.proList li dl dt a{
	width:100%;
	overflow:hidden;
	border:1px solid #e9e9e9;
	padding:1px;
	}
.proList li dl dt a img{
	display:block;
	width:100%;
	}
.proList li dl dd{ margin-top:10px; }
.proList li dl dd a{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#4b4b4b;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:center;
	}
.proList li dl dd a:active{ color:#006db8; }
.proList li dl dt a:active{ border:1px solid #006db8; }

ul.newsList{
	margin:20px 10px;
	overflow:hidden;
	border-top:1px solid #cccccc;
	list-style:none;
	}
ul.newsList li{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
	padding:15px 0;
	}
ul.newsList li h3{
	margin:0;
	height:40px;
	line-height:40px;
	font-size:20px;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
ul.newsList li h3 a{
width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	color:#333;
	font-size:20px;
	}
ul.newsList li:active h3 a{ color:#006db8; }
ul.newsList li span{
	display:block;
	width:100%;
	overflow:hidden;
	margin:10px 0;
	}
ul.newsList li span a{
	display:block;
	width:100%;
	overflow:hidden;
	}
ul.newsList li span img{
	display:block;
	width:100%;
	}
ul.newsList li dl dt{
	height:30px;
	font-size:16px;
	color:#333;
	}
ul.newsList li dl dd{
	font-size:14px;
	line-height:20px;
	color:#666;
	}
ul.newsList li strong{
	margin-top:15px;
	display:block;
	width:100%;
	height:30px;
	}
ul.newsList li strong a{
	font-size:18px;
	line-height:30px;
	color:#333;
	}
ul.newsList li:active strong a{
	color:#006db8;
	}
	

ul.newsListsy{
	margin:0 10px 20px;
	overflow:hidden;
	 
	list-style:none;
	}
ul.newsListsy li{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #6cfd9c;
	padding:8px 0;
	}
ul.newsListsy li h3{
	margin:0;
	height:34px;
	line-height:34px;
	font-size:20px;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
ul.newsListsy li h3 a{
width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	color:#fff;
	font-size:16px;
	}
ul.newsListsy li:active h3 a{ color:#006db8; }
ul.newsListsy li span{
	display:block;
	width:100%;
	overflow:hidden;
	margin:10px 0;
	}
ul.newsListsy li span a{
	display:block;
	width:100%;
	overflow:hidden;
	}
ul.newsListsy li span img{
	display:block;
	width:100%;
	}
ul.newsListsy li dl dt{
	height:30px;
	font-size:16px;
	color:#333;
	}
ul.newsListsy li dl dd{
	font-size:14px;
	line-height:20px;
	color:#97ff9e;
	}
ul.newsListsy li strong{
	margin-top:15px;
	display:block;
	width:100%;
	height:30px;
	}
ul.newsListsy li strong a{
	font-size:18px;
	line-height:30px;
	color:#333;
	}
ul.newsListsy li:active strong a{
	color:#006db8;
	}
		
	
	
ul.form-list{
	width:100%;
	overflow:hidden;
	list-style:none;
	}
ul.form-list li{
	width:100%;
	overflow:hidden;
	margin-top:20px;
	}
ul.form-list li input[type="text"]{
	width:100%;
	height:48px;
	border:1px solid #ccc;
	overflow:hidden;
	padding:0px 10px;
	line-height:46px;
	font-size:16px;
	color:#333;
	}
ul.form-list li input[type="button"]{
	width:100%;
	height:48px;
	background:#e13381;
	line-height:48px;
	font-size:16px;
	color:#fff;
	text-align:center;
	}
ul.form-list li textarea{
	border:1px solid #ccc;
	width:100%;
	padding:10px;
	height:200px;
	line-height:30px;
	font-size:16px;
	color:#333;
	}
ul.form-list li input[type="button"]:active{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

.footer{  position:fixed; bottom:0; left:0; width:100%;background-color:#67a9e5; color:#fff;}
.footer { height:40px;}
.footer ul li{float:left; height:40px;line-height:40px; width:32.6%; text-align:center;}
.footer ul li a{color:#fff; font-size:16px; height:40px; width:95px;line-height:40px; vertical-align:central; }
.footer ul li .b_a {background-image:url(../ico/tel.png); background-repeat:no-repeat;padding-left:22px; }
.footer ul li .b_b {background-image:url(../ico/zixun.png); background-repeat:no-repeat;padding-left:22px; }
.footer ul li .b_c {background-image:url(../ico/dizhi.png); background-repeat:no-repeat;padding-left:22px; }
.footer ul .b_one{ width:1%; background-color:#67a9e5;}
 
 /*底部快速链接*/
	.ditu{background:url(../images/nav1.png) no-repeat;text-indent:-999em; height:48px; margin:4px auto; display:block;}
#BottomNav { background-color:#006db8;
z-index: 999;position: fixed;bottom: 0;left: 0;width: 100%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow: visible;}
	#BottomNav li{ width:33.3%; float:left; text-align:center; list-style:none;}
	#BottomNav li a {  color:#fff; font:14px "微软雅黑"; padding:0px 10px;  display:block;}
	#BottomNav .ico1a{width:35px;height:33px; background-position: -26px -2px; }
	#BottomNav .ico2a{width:37px;height:33px; background-position: -141px 0px;}
	#BottomNav .ico5a{width:38px;height:33px; background-position: -262px -3px; }
	#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}


/*手机端显示底部四个按钮*/
.phone-menu0 ul, .phone-menu1 ul{ margin:0; padding: 0;}
/*黑色样式*/
.phone-menu0{ height:56px; border-bottom:1px solid #000; position:fixed !important; bottom:0;left: 0; width:100%; display:none; padding:0; margin:0;z-index: 9999;
              background-image: -webkit-gradient(linear, center top, center bottom, from(#50aff0), to(#006db8));
              background-image: -webkit-linear-gradient(top, #50aff0, #006db8);
              background-image: -moz-linear-gradient(top, #50aff0, #006db8);
              background-image: -o-linear-gradient(top, #50aff0, #006db8);
              background-image: -ms-linear-gradient(top, #50aff0, #006db8);
              background-image: linear-gradient(to bottom, #50aff0, #006db8);

              /*--兼容ie的背景色和圆角--*/
              background: #50aff0;
              background: -moz-linear-gradient(top, #50aff0 0%, #006db8 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50aff0), color-stop(100%,#006db8));
              background: -webkit-linear-gradient(top, #50aff0 0%,#006db8 100%);
              background: -o-linear-gradient(top, #50aff0 0%,#006db8 100%);
              background: -ms-linear-gradient(top, #50aff0 0%,#006db8 100%);
              background: linear-gradient(to bottom, #50aff0 0%,#006db8 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50aff0', endColorstr='#006db8',GradientType=0 );
}
.phone-menu0 li{ width:20%; text-align:center; float:left; list-style:none; }
.phone-menu0 li:hover,.phone-menu li.active{ background-color:#006db8;}
.phone-menu0 li a{ color:#FFF; font-size:12px; text-decoration:none; display: block; white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
.phone-menu0 li i{ background:url(../images/phone-menu0.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px; float:none;}
.phone-menu0 li i.icon1{ background-position:0 0;}
.phone-menu0 li i.icon2{ background-position:0 -25px;}
.phone-menu0 li i.icon3{ background-position:0 -50px;}
.phone-menu0 li i.icon4{ background-position:0 -75px;}
.phone-menu0 li i.icon5{ background-position:0 -101px;}
 
.ShareBoxx{display: none; }
@media screen and (max-width:600px) {
  .ShareBoxx{display: block;display: none\9;}
}
.ShareBoxx .ShareAni{
  -webkit-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -ms-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;}
.ShareBoxx .ShareBoxBg{filter:Alpha(opacity=0);opacity:0; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background:url(../images/productbg.png) repeat; }
.ShareBoxx .ShareBox{ padding:20px;position:fixed;bottom:54px;left: 0;z-index: 9998; width: 100%;background: url(../images/white.png) repeat;
  -webkit-transform:translateY(300px);
  -moz-transform:translateY(300px);
  -ms-transform:translateY(300px);
  -o-transform:translateY(300px);
  transform:translateY(300px);
}
.ac .ShareAni{filter:Alpha(opacity=100);opacity:1;z-index: 9997;}
.ac .ShareBox{
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}

.ShareBox h3{text-align: center;padding:0 0 20px 0;font-size:18px;}
.ShareBox li{color: #333;float: left;width: 25%;text-align:center;min-height:100px; list-style:none;}
.ShareBoxx .ShareBox li a{display: block;float: none;padding-left: 0; width:56px;height: 50px; margin: 0 auto 10px;background: url(../images/share.png) no-repeat -9px 0;background-size: 300px; }
.ShareBoxx .ShareBox .jiathis_style_24x24 li a span{display: none !important;}
.ShareBoxx .ShareBox li a.weix{background-position: -157px 0;}
.ShareBoxx .ShareBox li a.ren{background-position: -231px 0;}
.ShareBoxx .ShareBox li a.qzong{background-position: -84px 0;}
.ShareBox .Cancellation{border:1px solid #ddd; background: url(../images/white.png) repeat; text-align: center;line-height: 40px;color: #333; font-size:16px;}
 
/*----------------所有模板公共样式end----------------*/

 
/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 600px) {
    .phone-menu0,.phone-menu1{ display:block;}
}
 
 .teamtxt { padding:0 10px;font-size:16px; }
.teamtxt h3{ font-size:16px;  }
.teamtxt p { margin-bottom:25px;font-size:14px;line-height:1.6; }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }