﻿@charset "utf-8";

body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;font-family: "微软雅黑"; font-size: 18px;}
fieldset,img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color: inherit;}
a:hover{ text-decoration:none;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
.clear{ clear:both;}
.clearfix{zoom:1;}
.clearfix:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}
.fl {float:left;}
.fr {float:right;}
.mar_auto{ margin:0 auto;}

body {
  background-color: #fff;
  font-family: "微软雅黑";
  color: #333;
}
.box{
	max-width:1920px;
	margin:0 auto;  
}
.header {
  width: 1200px;
  margin: 0 auto;
}
.header li {
  float: left;
  width: 146px;
  position: relative;
  text-align: center;
  
}
.header li>a {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  color: #333;
  font-size: 20px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}
.header li>dl{
	position: absolute;
	left: 0px;
	top: 70px;
	z-index: 999;
	width: 100%;
	background: #fff;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}
.header li dd>a{
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #666;
}
.header li dd>a:hover{
	color: #1c77e7;
	background-color: #f2f2f2;
}
.header li.product:hover>dl{
	height: 144px;
}
.header li.infomation:hover>dl{
	height: 48px;
}
.header li:hover>a,
.header li.this a {
  background-color: #1c77e7;
  color: #fff;
}
.footer{
	background-color: #F5F5F5;
}
.footer .parter-list {
  line-height: 36px;
  font-family: "微软雅黑";
  color: #fff;
  padding-top: 74px;
  background: #233445 url(../images/big19.png) no-repeat top center;
}
.footer .parter-list ul {
  overflow: hidden;
  width: 800px;
  margin: 0 auto;
}
.footer .parter-list li {
  float: left;
  text-align: center;
  width: 200px;
}
.footer .parter-list a {
  font-size: 14px;
  color: #fff;
}
.footer .parter-list dd:hover a {
  color: #ccc;
}
.footer .parter-list dt {
  font-size: 18px;
}
.footer .parter-list h2 {
  font-weight: normal;
  font-size: 14px;
}
.footer .parter-list div {
  text-align: center;
  font-size: 14px;
  padding: 80px 0;
}
.title {
  height: 150px;
  text-align: center;
  background-color: #F5F5F5;
}
.title > div {
  display: inline-block;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  position: relative;
  padding-top: 46px;
}
.title h4 {
  font-size: 40px;
  color: #e5e5e5;
  font-family: Arial, Helvetica, sans-serif;
  text-indent: 60px;
}
.title h4 span {
  font-size: 80px;
}
.title h3 {
  position: absolute;
  left: 0px;
  top: 92px;
  font-weight: normal;
}
.title p {
  font-size: 18px;
  color: #1c77e7;
  text-align: left;
}
.title em {
  color: #1c77e7;
  display: inline-block;
  width: 36px;
  border-top: 2px solid #1c77e7;
  position: relative;
  top: -3px;
}
.title h3 span {
  font-size: 14px;
  color: #666;
}

.ad{
    height:635px;
    position:relative;
    overflow:hidden;
}
.ad img{
    position:absolute;
    left:50%;
    height:635px;
    margin-left:-960px;
    z-index:-1;
}
.ad>div{
    width:1200px;
    margin:0 auto;
    text-align:center;
    padding-top:460px;
    color:#fff;
    font-family:"微软雅黑";
}
.ad h1{
    font-size:48px;
    line-height:96px;
    font-weight:normal; 
}
.ad p{
    font-size:30px; 
}

#backTop{
	position: fixed;
	bottom: 292px;
	right: 10%;
	width: 60px;
	z-index: 99;
	display: none;
}
#backTop a,#backTop span{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	cursor: pointer;
}
#backTop a{
	background: #1bbb5b url(../images/26.png) no-repeat;
}
#backTop a:hover{
	background: #148f45 url(../images/26.png) no-repeat;
}
#backTop span{
	background: #1c77e7 url(../images/25.png) no-repeat;
	margin-top: 10px;
}
#backTop span:hover{
	background: #165cb2 url(../images/25.png) no-repeat;
}
