/* CSS样式初始化 */
body{
	padding: 0px;
	margin: 0px;
	/* overflow: hidden; */
}
ol,ul {
	list-style: none;
	/* margin: 0px; */
	padding:0px;
}

p {
	font-size: 13px;
	margin: 0 0;
	padding: 0 0;
}

a {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
}
.clear{
	clear: both;
}
h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,blockquote,th,td { 
margin:0; 
padding:0; 
font-weight: normal;
} 
/* css初始化结束 */

/* top代码 */
.header{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.top{
	max-width: 1200px;
	height: auto;
	margin:0 auto;
}
.top .top-logo{
	width: 30%;
	text-align: center;
	float: left;
	line-height: 60px;
	padding-top: 20px;
}
.top-logo>a{
	display: inline-block;
}
.top .top-logo img{
	width: 100%;
	height: auto;
}
.top-mindle{
	float: left;
	margin-bottom: 20px;
	width: 40%;

}
.top-mindle .top-p1{
	font-size: 16px;
	color:#000;
	line-height: 22px;
	margin-top: 20px;
	
}
.top-mindle .top-p2{
	font-size: 16px;
	color:#000;
	line-height: 30px;
}
.top-mindle .top-p3{
	font-size: 16px;
	color:#000;
	line-height: 23px;
	
}
.top-right{
	float: left;
	width: 30%;
}
.top-right-l{
	float: left;
	margin-right: 13px;
}
.top-right-l>i{
	font-size: 50px;
	line-height: 100px;
	color: #435180;
}
.top-right-r{
	float: left;
}
.top-right-p{
	font-size: 18px;
	color: #000;
	padding-top:25px;
}
.top-right-t{
	font-size: 24px;
	color: #bd1919;
	line-height: 0;
	margin-top: 19px;
}

/* 顶部结束 */

/* 导航开始 */
nav,
section {
  display: block;
  width: 100%;
  background-color: #2f3d52;
  
}
nav ul {
  list-style: none;

}
.nav {
  margin-bottom: 0;
}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #2f3d52;
  max-width: 1200px;
  margin:0 auto;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
  width: 8%;
  text-align: center;
}

.nav a {
  display: block;
  padding: 0px 1px;
  line-height: 63px;
  color: #fff;
  font-size: 14px;
  border-left: 1px solid #595959;
}
.nav ul > li:nth-of-type(8)>a{
	border-right: solid 1px #595959;
}
.nav a:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.2);
}
.nav li ul {
  background: #273754;
}
.nav li ul li {
  width: 100%;
}
.nav li ul a {
  border: none;
}
.nav li ul a:hover {
  background: rgba(0, 0, 0, 0.2);
}
.nav>ul>li:nth-of-type(1) {
background: rgba(0, 0, 0, 0.2);
}

.nav>ul>li:nth-of-type(1)>a::after{
	position: absolute;
	top: 96.555%;
	left: 0;
	width: 100%;
	height:2px;
	background: #ffffff;
	content: '';
	opacity: 1;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.nav>ul>li>a::after {
    position: absolute;
    top: 96.555%;
    left: 0;
    width: 100%;
    height:5px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.nav>ul>li>a:hover::after, .nav>ul>li>a:focus::after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.nav ul li:nth-of-type(4)>ul>li>a{
	font-size: 16px;
	line-height: 60px;
	padding: 0 0;
}

.nav>ul>li:nth-of-type(7)>a::before{
		  position: absolute;
		  top: 30px;
		  right: 1px;
		  content: ' ';
	      display: block;
		  border: 5px solid rgba(255,255,255,0);
		  border-top-color:#fff ;
}

/* Not Animated
============================== */
.nav1 ul > li:hover ul {
  left: 0;
}
.nav1 li ul {
  position: absolute;
  left: -9999em;
  top: 36px;
  z-index: 1;
}
/* Fade In and Out
============================== */
.nav2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav2 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}
/* Slide Down
============================== */
.nav3 ul > li:hover ul li {
  height: 36px;
}
.nav3 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
}
.nav3 li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}
/* Slide Down 2
============================== */
.nav4 ul > li:hover ul li {
  max-height: 150px;
}
.nav4 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
}
.nav4 li ul li {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}
/* Fold Out
============================== */
.nav5 ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  left: 0;
  top: 63px;
  width:140%;
  z-index: 7;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}

/* 导航结束 */





/* 
底部代码 */



/* 网站底部 */

.kell-footer{
	width: 100%;
	height: auto;
	background: #2a2a2a;
	overflow: hidden;
}
.kell-footer-wrap{
	max-width: 1200px;
	margin:0 auto;
	overflow: hidden;
	padding-bottom: 80px;
}


.kell-footer-wrap-ul{
	float: left;
	width: 30%;
	text-align: left;
	color: #fff;
	
}
.kell-footer-wrap-ul-1{
	float: left;
	width: 16%;
	margin-left: 4%;
}
.kell-footer-wrap-ul-1 img{
	width: 80%;
	margin-bottom: 25px;
}
.kell-footer-wrap-ul-1-a{
	float: left;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
}
.kell-footer-wrap-ul-1-a:hover{
	color: #fff;
}
.kell-footer-wrap-ul-1-a1{
	float: right;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
	margin-right: 15px;
}
.kell-footer-wrap-ul-2{
	float: left;
	width: 50%;
}
.kell-footer-wrap-ul li img{
	width: 65%;
	height: auto;
	margin-top: 60px;
}
.kell-footer-wrap-ul ul li>h3{
	font-size: 18px;
	line-height: 23px;
	margin: 15px 0px;
	color: #fff;
	margin-top: 30px;
}

.kell-footer-wrap-ul ul li>h4{
	font-size: 14px;
	margin: 15px 0px;
	line-height: 20px;
	color: #fff;

}
.kell-footer-wrap-ul ul li>h5{
	font-size: 14px;
	line-height: 20px;
	margin: 15px 0px;
	color: #fff;

}
.kell-footer-wrap-ul ul li>h5 i{
	font-size: 16px;
	color: #c6c6c6;
	margin-right: 0px;
}
.kell-footer-wrap-ul ul li>h6{
	font-size: 14px;
	line-height: 18px;
	margin: 15px 0px;
	color: #fff;

}
.kell-footer-wrap-ul ul li>h6 i{
	font-size: 16px;
	color: #c6c6c6;
	margin-right: 0px;
}
.kell-footer-wrap-ul ul li>h7{
	font-size: 14px;
	line-height: 16px;
	margin: 15px 0px;
	color: #fff;
}
.kell-footer-wrap-ul ul li>h7 a{
	font-size: 14px;
	line-height: 16px;
	margin: 15px 0px;
	color: #fff;
}
.kell-footer-wrap-ul-p{
	font-size: 14px;
	line-height: 16px;
	margin: 15px 0px;
	color: #fff;
}


.kell-footer-wrap-ul-1 ul li>h3{
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	margin-top: 67px;
	margin-bottom: 10px;
}


.kell-footer-wrap-ul-2 ul li{
	float: left;
	width: 25%;
	text-align: center;
}

.kell-footer-wrap-ul-2 ul li>h4{
	font-size: 22px;
	line-height: 24px;
	margin-top: 60px;
	color: #fff;
	margin-bottom: 15px;
}
.kell-footer-wrap-ul-2 ul li> p{
	font-size: 16px;
	color: #fff;
}
.kell-footer-wrap-ul-2 ul li> p a{
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}
.kell-footer-wrap-ul-2>ul>li:nth-of-type(1){
	margin-left: 10%;
	
}

/* 友情链接 */
.kell-yl{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 15px;
	border-top: solid 1px #6f6e6e;
	margin-top: 30px;
}
.kell-yl-title{
	width: 100%;
	height: auto;
}
.kell-yl-title>h3{
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}
.kell-yl-icon{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:15px;
}
.kell-yl-icon ul li{
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	float: left;
	padding: 0px 10px;
}
.kell-yl-icon ul li a{
	color: #fff;
}




/* 网站底部结束 */


/* 返回顶部按钮 */

	
	 .div.go-top { display: none;
    opacity: 0.9;
    z-index: 999999;
    position: fixed;
    bottom: 113px;
    right: 95%;
    /* margin-left: 40px; */
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    padding: 10px 9px;
    color: #fff;
    background-color: #006595;
    border-radius: 3px;
    cursor: pointer;}
	.div.go-top:hover 
	{ opacity: 1;
	filter: alpha(opacity=100);}