body {
  font-family: '微软雅黑';
  background-color: #ffffff;
  background-image: url(../images/product1.png);
  background-repeat: no-repeat;
  background-size: 100% 400px;
}
ul {
  padding: 0;
}
ul li {
  list-style: none;
}
.rel {
  position: relative;
}
@media (min-width: 1280px) {
  .container {
    width: 1280px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  body {
    background-image: none;
  }
  .hidden-xs {
    display: none !important;
  }
  .mainInfo{
    margin-left:0!important;
  }
  .mainInfo img{
    width: 95%!important;
    margin: 0 auto!important;
  }
  ul.message li {
    padding: 10px 10px 0 10px!important;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
/*.li001, .li002, .li003 {
  -webkit-animation: fadeOutUp 1s .4s ease both;
  -moz-animation: fadeOutUp 1s .4s ease both; }*/
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
header {
  width: 100%;
  height: 140px;
  background-image: url(../images/product1.png);
  background-repeat: no-repeat;
  background-size: 100% 400px;
  z-index: 99;
  position: relative
}
header img {
  margin: 45px 0;
}
#header {
  background-color: #3f71e9;
  min-height: 50px;
  margin-bottom: 0;
  border-bottom: none;
  display: none;
}
#header .navbar-header h3 {
  display: none;
  margin: 15px 0;
}
#header .navbar-header img {
  margin: 5px 0;
}
#header .navbar-header .navbar-toggle {
  border-color: white;
  color: white;
  background-color: #3f71e9;
}
#header .navbar-collapse ul li {
  margin: 0 20px;
  padding: 0;
}
#header .navbar-collapse ul li a {
  display: inline-block;
  padding: 0 24px;
  line-height: 50px;
  height: 50px;
  color: white;
  font-size: 16px;
}
#header .navbar-collapse ul li a i {
  font-size: 14px;
  margin-left: 5px;
}
#header .navbar-collapse ul li a:hover {
  background-color: #32405e;
}
#header .navbar-collapse ul li.open a {
  background-color: #32405e;
}
#header .navbar-collapse ul li.open .dropdown-menu {
  min-width: 200px;
  padding: 0;
  left: -30px;
  opacity: 0.97;
  visibility: visible !important;
  -webkit-animation: fadeInDown 1s .2s ease both;
  -moz-animation: fadeInDown 1s .2s ease both;
}
#header .navbar-collapse ul li.open .dropdown-menu li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #7DAEFF;
}
#header .navbar-collapse ul li.open .dropdown-menu li a {
  background-color: #3f71e9 ;
  width: 100%;
}
#navbar {
  background-color: #3f71e9;
}
#navbar ul.nav li {
  min-width: 150px;
  text-align: center;
}
#navbar ul.nav li a {
  display: inline-block;
  padding: 0;
  line-height: 50px;
  height: 50px;
  color: white;
  font-size: 16px;
  width: 100%;
}
#navbar ul.nav li a i {
  font-size: 10px;
  margin-left: 5px;
}
#navbar ul.nav li a:hover {
  background-color: #32405e;
}
#navbar ul.nav li .active {
  background-color: #3853a7;
}
#navbar ul.nav li.dropdown {
  position: relative;
}
#navbar ul.nav li.dropdown:nth-child(2) {
  min-width: 200px;
}
#navbar ul.nav li.dropdown ul.dropList {
  display: none;
  position: absolute;
  z-index: 99;
  left: 0;
  top: 50px;
  width: 100%;
}
#navbar ul.nav li.dropdown ul.dropList a {
  display: inline-block;
  padding: 0;
  line-height: 50px;
  height: 50px;
  color: white;
  font-size: 16px;
}
#navbar ul.nav li.dropdown ul.dropList:hover {
  background-color: #32405e;
}
#navbar ul.nav li.dropdown ul.dropList li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #4c7dee;
}
#navbar ul.nav li.dropdown ul.dropList li a {
  background-color: #3f71e9 ;
  width: 100%;
  text-decoration: none;
}
#navbar ul.nav li.dropdown ul.dropList li a:hover {
  background-color: #3964CD;
  color: #B3DBF1;
}
#navbar ul.nav li.dropdown:hover ul.dropList {
  display: block!important;
}
#navbar ul.nav li.dropdown:hover ul.dropList {
  padding: 0;
  opacity: 0.97;
  visibility: visible !important;
  -webkit-animation: fadeInDown 1s .2s ease both;
  -moz-animation: fadeInDown 1s .2s ease both;
}
@media (max-width: 767px) {
  header {
    background-image: none;
  }
  #header {
    display: block!important;
  }
  #header h3 {
    display: block!important;
    color: white;
  }
  #nav-menu {
    padding: 0;
  }
  #nav-menu ul.nav {
    margin: 0!important;
  }
  #nav-menu ul.nav li {
    padding: 0;
    margin: 0;
  }
  #nav-menu ul.nav li a {
    display: inline-block;
    width: 100%;
  }
  #nav-menu ul.nav li a:hover {
    background-color: #6a7eba;
  }
  #nav-menu ul.nav li .dropdown-menu li a {
    text-indent: 20px;
  }
  #nav-menu ul.nav li .dropdown-menu li a:hover {
    background-color: #6a7eba!important;
  }
  #navbar {
    display: none;
  }
}
dl.sideNav {
  padding: 0;
}
dl.sideNav .active{
  background: #214a9f;
}
dl.sideNav dt {
  width: 100%;
  height: 150px;
  background: #2650a2;
  box-sizing: border-box;
  padding: 40px 30px;
  color: #fff;
}
dl.sideNav dt h3 {
  font-size: 26px;
  margin-bottom: 10px;
}
dl.sideNav dt i {
  font-size: 14px;
  font-family: "Kartika";
  font-style: normal;
  display: block;
  width: 100%;
  height: 24px;
  text-align: right;
  box-sizing: border-box;
  padding-top: 10px;
  border-top: 1px solid #446abe;
}
dl.sideNav dd {
  box-sizing: border-box;
  padding: 0px 17px 0 17px;
  background: #3f71e9;
}
dl.sideNav dd a {
  font-size: 14px;
  color: #fff;
  height: 43px;
  border-bottom: 1px solid #4c7dee;
  display: block;
  line-height: 43px;
  box-sizing: border-box;
  padding-left: 13px;
}
dl.sideNav dd a:hover {
  background-color: #446abe ;
}
dl.sideNav dd:last-child {
  padding-bottom: 10px;
}
dl.sideNav a {
  text-decoration: none;
}
@media (max-width: 767px) {
  dl.sideNav {
    display: none;
  }
}
#mainCarousel .item {
  width: 100%;
}
#mainCarousel .item img {
  width: auto;
  min-height: 300px;
}
#mainCarousel .item .item1,
#mainCarousel .item .item2,
#mainCarousel .item .item3,
#mainCarousel .item .item4 {
  width: 100%;
  height: 600px;
}
#mainCarousel .item .item1 {
  background-image: url("../images/banner02.png");
  background-position: top center;
  background-size: auto 100%;
}
#mainCarousel .item .item2 {
  background-image: url("../images/banner05.png");
  background-position: top center;
  background-size: auto 100%;
}
#mainCarousel .item .item3 {
  background-image: url("../images/banner06.png");
  background-position: top center;
  background-size: auto 100%;
}
#mainCarousel .item .item4 {
  background-image: url("../images/banner01.png");
  background-position: top center;
  background-size: auto 100%;
}
#mainCarousel .carousel-control {
  font-size: 40px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  top: 45%;
}
.fristBlock {
  padding: 0;
  background: url(../images/bg.png) no-repeat center;
  margin-bottom: 0!important;
  height: 423px;
}
.fristBlock dl {
  padding: 147px 0 0 0 ;
  margin: 0;
}
.fristBlock dl dt {
  text-align: right;
  color: #272829;
  font-size: 29px;
  margin-bottom: 42px;
}
.fristBlock dl dd {
  text-align: right;
  color: #888888;
  line-height: 30px;
}
.fristBlock dl dd p {
  font-size: 18px;
}
.secondBlock {
  background-color: #f7f6f6;
  margin-bottom: 0;
}
.secondBlock dl {
  margin: 87px 0 106px 0;
}
.secondBlock dl dt {
  font-size: 34px;
  color: #293863;
  font-family: arial;
  text-align: center;
}
.secondBlock dl dd {
  font-size: 26px;
  color: #333;
  text-align: center;
}
.secondBlock ul {
  margin-bottom: 130px;
}
.secondBlock ul li {
  list-style: none;
  float: left;
}
.secondBlock ul li img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: inherit;
}
.secondBlock ul li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #888888;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
}
.secondBlock ul:first-child {
  margin-left: 8.5%;
}
.thirdBlock {
  background-color: #ffffff;
  margin-bottom: 0;
}
.thirdBlock dl {
  margin: 87px 0 106px 0;
}
.thirdBlock dl dt {
  font-size: 30px;
  color: #293863;
  font-family: arial;
  text-align: center;
}
.thirdBlock dl dd {
  font-size: 26px;
  color: #333;
  text-align: center;
}
.thirdBlock ul li {
  list-style: none;
}
.thirdBlock ul li img {
  margin: 0 auto;
  display: inherit;
  width: 70%;
}
.thirdBlock ul li dl {
  width: 70%;
  margin: 0 auto;
}
.thirdBlock ul li dl dd {
  width: 80%;
  margin: 0 auto;
  height: 27px;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  justify-content: center;
}
.thirdBlock ul li dl dd i {
  display: block;
  width: 30px;
  height: 26px;
  border-bottom: 3px solid #09b2fe;
}
.thirdBlock ul li span {
  display: inline-block;
  padding: 30px 10px;
  color: #888888;
  font-size: 16px;
  text-align: justify;
  text-indent: 32px;
}
.forthBlock {
  background-color: #f7f7f7;
  margin-bottom: 0;
}
.forthBlock dl dt {
  font-size: 34px;
  color: #293863;
  font-family: arial;
  text-align: center;
}
.forthBlock dl dd {
  font-size: 26px;
  color: #333;
  text-align: center;
}
.forthBlock span.title {
  font-size: 22px;
  font-weight: bold;
  color: #272829;
  line-height: 40px;
}
.forthBlock span.bar {
  display: block;
  width: 50px;
  height: 24px;
  border-bottom: 3px solid #3864c2;
  margin-bottom: 20px;
}
.forthBlock p {
  color: #888888;
  font-size: 16px;
  line-height: 28px;
  text-indent: 32px;
}
.forthBlock #companyCarousel{
  width: 100%;
}
.forthBlock #companyCarousel div.item {
  width: 100%;
  height: 385px;
}
.forthBlock #companyCarousel div.item #item1{
  background-image: url("../images/aboutus_pic1.png");
  background-size: 100% 100%;
  width: 100%;
  height: 385px;
}
.forthBlock #companyCarousel div.item #item2{
  background-image: url("../images/aboutus_pic2.png");
  background-size: 100% 100%;
  width: 100%;
  height: 385px;
}
.forthBlock #companyCarousel .carousel-control {
  height: 40px;
  width: 40px;
  line-height: 30px;
  top: 80%;
  font-size: 30px;
  display: inline-block;
  padding-bottom: 10px;
}
.forthBlock #companyCarousel .carousel-control span {
  display: inline-block;
  float: left;
  top: 40%;
}
.forthBlock #companyCarousel .right {
  right: 30px;
  background-color: #DDA64C;
  background-image: none;
  opacity: 0.9;
}
.forthBlock #companyCarousel .left {
  left: auto;
  right: 70px;
  background-color: #cf9a49;
  background-image: none;
  opacity: 0.9;
}
.forthBlock .more {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 150px;
  text-indent: 35px;
  font-size: 16px;
  color: #AEA9A8;
  background-color: white;
}
.forthBlock .more span {
  display: inline-block;
  float: right;
  height: 40px;
  line-height: 40px;
  width: 40px;
  color: white;
  background-color: #383838;
  text-indent: 0;
  text-align: center;
}
.fifthBlock {
  background-image: url("../images/pic05.png");
  background-repeat: no-repeat;
  min-height: 211px;
  background-size: 100% 100%;
  margin-bottom: 0;
}
.fifthBlock ul li {
  list-style: none;
  color: white;
}
.fifthBlock ul li p {
  font-size: 25px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.fifthBlock ul li span {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.fifthBlock ul li i {
  background: #FFFFFF;
  display: block;
  height: 4px;
  width: 46px;
  margin: 21px auto;
}
.toTop {
  position: fixed;
  bottom: 100px;
  right: 50px;
}
.toTop span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  display: inline-block;
  color: white;
  background-color: #747474;
}
@media (max-width: 767px) {
  .fristBlock {
    background-size: 300%;
    background-position: 60% 0;
  }
  .fristBlock dl {
    padding: 40px;
  }
  .fristBlock dl dt,
  .fristBlock dl dd {
    text-align: left;
  }
  .secondBlock dl,
  .secondBlock ul {
    margin: 0;
    padding: 0;
  }
  .thirdBlock dl,
  .thirdBlock ul {
    margin: 0;
    padding: 0;
  }
  #mainCarousel .item1,
  #mainCarousel .item2,
  #mainCarousel .item3,
  #mainCarousel .item4 {
    width: 100%;
    height: 300px!important;
  }
  .forthBlock #companyCarousel a.xiangxi {
    font-size: 16px!important;
  }
  .forthBlock #companyCarousel .date {
    margin: 10px!important;
    width: 100%!important;
  }
}
.main {
  padding: 70px 0;
}
.mainInfo {
  background-color: white;
  padding: 70px 5% 30px 5%;
  margin-left: 2%;
  display: none;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);

}
.mainInfo ul.items {
  display: flex;
  flex-wrap: wrap;
}
.mainInfo ul.items li {
  width: 100%;
  margin-bottom: 70px;
}
.mainInfo ul.items li a{
  display: inline-block;
  text-decoration: none;
}
.mainInfo ul.items li img {
  display: block;
  width: 100%;
}
.mainInfo ul.items li dl {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
  border-bottom: 2px solid #f1f1f1;
  position: relative;
  margin-bottom: 0;
}
.mainInfo ul.items li dl dt{
  display: inline-block;
  font-size: 19px;
  color: #333333;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 0 4px;
  font-weight: 500;
}
.mainInfo ul.items li dl dd {
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  color: #888888;
  text-indent: 2em;
  box-sizing: border-box;
  padding: 0 4px;
  margin-bottom: 10px;
  text-align: justify;
}
.mainInfo ul.items li dl .slide {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background: #3c70e8;
  transition: width 0.5s ease-out;
}
.mainInfo ul.items li:hover {
  transition: all 0.3s linear 0s;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.mainInfo ul.items li:hover .slide {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
}
.mainInfo .title {
  font-size: 26px;
  color: #333333;
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
}
.mainInfo p {
  font-size: 14px;
  color: #666666;
  line-height: 28px;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-align: justify;
}
.mainInfo p.title {
  text-indent: 0;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  padding-bottom: 5px;
}
.mainInfo p.order {
  text-indent: 0;
}
.mainInfo .pic {
  float: left;
  text-align: center;
  padding: 10px 0;
  color: #8c9990;
}
.mainInfo .pic img.thumbnail {
  width: 96%;
  margin: 2% 0;
  border: none;
}
.mainInfo ul.list li {
  width: 100%;
  box-sizing: border-box;
  padding: 0 42px;
}
.mainInfo ul.list li a {
  display: block;
  width: 100%;
  min-height: 40px;
  font-size: 14px;
  color: #666666;
  border-bottom: 1px solid #efefef;
  line-height: 40px;
}
.mainInfo ul.list li a span {
  display: block;
  margin-top: 10px;
  margin-right: 20px;
  float: left;
  font-size: 20px;
  color: #ff6140;
}
.mainInfo ul.list li a em {
  font-style: normal;
  float: left;
}
.mainInfo ul.list li a i {
  font-style: normal;
  float: right;
}
.mainInfo ul.list li:hover {
  background: #F7F7F7;
  position: relative;
  top: -1px;
  border-top: 1px solid #F7F7F7;
}
.mainInfo ul.list li:hover a {
  color: #3f97e9;
  border-bottom: none;
}
.mainInfo ul.list li:hover a i {
  text-decoration: underline;
}
.mainInfo .articleList li {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  font-family: 微软雅黑;
}
.mainInfo .articleList li img {
  height: 126px;
}
.mainInfo .articleList li dl {
  min-height: 126px;
  box-sizing: border-box;
  padding-top: 2px;
}
.mainInfo .articleList li dl dt {
  font-size: 19px;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.mainInfo .articleList li dl dt a {
  position: absolute;
  top: 0;
  right: 30px;
  display: block;
  line-height: 26px;
  height: 26px;
  font-size: 14px;
  color: #333333;
}
.mainInfo .articleList li dl dd {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  letter-spacing: 2px;
}
.mainInfo .pagination {
  margin: 0 auto;
}
.mainInfo .pagination a {
  border-radius: 0!important;
}
.mainInfo .address {
  background-color: #fafafa;
}
.mainInfo .address .pic {
  padding: 0;
}
.mainInfo .address .pic img {
  margin: 0;
  padding: 0;
}
.mainInfo .address dl {
  padding: 40px 10px 10px 10px;
  margin: 0;
}
.mainInfo .address dl dt {
  text-align: center;
}
.mainInfo .address dl dd {
  font-size: 12px;
  line-height: 34px;
  min-height: 34px;
  text-align: left;
}
.mainInfo .address dl dd span {
  font-size: 16px;
  margin-right: 10px;
}
.mainInfo .tablehead {
  background-color: #114D8A;
  color: white;
  margin-bottom: 0;
}
.mainInfo .tablehead li {
  text-align: center;
  line-height: 40px;
}
.mainInfo span.from,
.mainInfo span.publish {
  color: #7e7e7e;
  line-height: 24px;
  margin-right: 30px;
  padding-bottom: 10px;
  display: inline-block;
}
.jobs .job {
  padding: 0!important;
  margin: 0!important;
  border: none;
  border-radius: 0!important;
}
.jobs .job div.panel-heading {
  background-color: #DDEFFB;
  border: none;
  border-radius: 0!important;
}
.jobs .job .panel-collapse {
  background-color: white;
}
.jobs .job .panel-heading {
  padding: 0;
}
.jobs .job .panel-title {
  position: relative;
  min-height: 40px;
  font-size: 16px;
}
.jobs .job .panel-title li {
  text-align: left;
  line-height: 40px;
}
.jobs .job .panel-title a {
  position: absolute;
  right: 0;
  width: 100%;
  height: 40px;
  text-align: right;
  display: block;
  text-decoration: none;
  padding-right: 10px;
}
.jobs .job .panel-title a .icon1 {
  line-height: 40px;
  display: none;
}
.jobs .job .panel-title a .icon2 {
  line-height: 40px;
  display: block;
}
.jobs .job .panel-title a.collapsed .icon1 {
  display: block;
}
.jobs .job .panel-title a.collapsed .icon2 {
  display: none;
}
.jobs .job .panel-body {
  border: none!important;
  color: black;
  padding-left: 20px;
}
.jobs .job .panel-body span {
  font-weight: 500;
  color: #333333;
  font-size: 16px;
  padding-bottom: 10px;
  display: inline-block;
}
.jobs .job .panel-body p {
  line-height: 25px;
  font-size: 14px;
  color: #666666;
}
.jobs .job:nth-child(2n) div.panel-heading {
  background-color: #F1F6FA;
}
.company p {
  font-size: 14px;
  color: #4D4D4D;
  margin-left: 46px;
}
.company .title span {
  line-height: 28px;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  text-align: center;
}
.company dl {
  margin-left: 46px;
  margin-bottom: 0;
}
.company dl dt {
  margin: 0;
  padding: 0;
  color: #3f70e9;
  line-height: 28px ;
}
.company dl dd {
  margin: 0;
  padding: 0;
  color: #4D4D4D;
  line-height: 28px ;
}
ul.message {
  width: 100%;
}
ul.message li {
  width: 100%;
  min-height: 148px;
  box-sizing: border-box;
  padding: 35px 42px 0 42px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
}
ul.message li span {
  display: block;
  width: 60px;
  height: 62px;
  background: #ebebeb;
  margin-right: 20px;
  margin-top: 5px;
}
ul.message li span i {
  display: block;
  width: 60px;
  height: 42px;
  line-height: 42px;
  font-style: normal;
  font-size: 32px;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #595959;
  font-weight: 600;
}
ul.message li span b {
  display: block;
  width: 60px;
  height: 18px;
  line-height: 18px;
  font-weight: 100;
  font-size: 10px;
  text-align: center;
  color: #656565;
}
ul.message li dl {
  margin-right: 17px;
  width: 100%;
  box-sizing: border-box;
}
ul.message li dl dt {
  color: #333333;
  font-size: 19px;
  margin-bottom: 20px;
  font-weight: 500;
}
ul.message li dl dd {
  width: 100%;
  color: #666666;
  font-size: 14px;
  line-height: 25px;
}
ul.message li .imgbd {
  position: absolute;
  right: 0;
  top: 30%;
  display: block;
  width: 40px;
  height: 80px;
  background: none;
}
ul.message li:hover {
  background: #F7F7F7;
  transition: all 0.3s linear 0s;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
ul.message li:hover .imgbd {
  background: url(../images/about2.png) no-repeat center center;
  background-size: 32px 32px;
}
ul.message li:hover dl {
  -webkit-animation: fadeInLeft 1.5s .2s ease both;
  -moz-animation: fadeInLeft 1.5s .2s ease both;
}
ul.message li:hover span b {
  color: #999;
}
ul.message li:hover span i {
  -webkit-animation: spani .5s .2s ease both;
  -moz-animation: spani .5s .2s ease both;
}
@-webkit-keyframes spani {
  0% {
    color: #595959;
  }
  100% {
    color: #fff;
    background: #3f70e9;
  }
}
@-moz-keyframes spani {
  0% {
    color: #595959;
  }
  100% {
    color: #fff;
    background: #3f70e9;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    padding-left: 0px;
  }
  100% {
    padding-left: 20px;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    padding-left: 0px;
  }
  100% {
    padding-left: 20px;
  }
}
.footer {
  background-color: #f3f3f3;
  margin-bottom: 0;
}
.footer dl.title dt {
  font-size: 34px;
  color: #293863;
  font-family: arial;
  text-align: center;
}
.footer dl.title dd {
  font-size: 26px;
  color: #333;
  text-align: center;
}
.footer ul {
  margin-bottom: 0;
}
.footer ul li {
  list-style: none;
}
.footer ul li:first-child{
  padding: 0;
}
.footer dl dt {
  font-size: 16px;
  color: #404040;
  text-align: left;
  padding-bottom: 20px;
}
.footer dl dd {
  font-size: 13px;
  color: #A0A0A0;
  text-align: left;
  line-height: 30px;
}
.footer dl dd a {
  color: #A0A0A0;
}
.footer dl dd em {
  margin-top: 30px;
  margin-right: 20px;
  font-size: 20px;
}
.footer table tr td {
  font-size: 13px;
  color: #A0A0A0;
  padding-right: 20px;
  line-height: 30px;
}
footer {
  text-align: center;
  font-size: 12px;
  font-family: 宋体;
  color: #A0A0A0;
  background-color: #e6e6e6;
  line-height: 30px;
  min-height: 60px;
  padding: 10px 0;
}
@media (max-width: 767px) {
  dl dt {
    text-align: center!important;
  }
  dl dd {
    text-align: center!important;
  }
  dl dd table {
    margin: 0 auto;
  }
  dl dd table td {
    text-align: left!important;
  }
}
#scroll1{
  width:90%;
  height:198px;
  overflow: hidden;
  margin: 0 auto;
}
#scroll2,#scroll3{
  float:left;
}
#scroll4{
  width:8000%;/*这个属性很重要 让容器有足够的宽度实现滚动*/
  float:left;
}
#scroll1 img{
  float:left;
  height:198px;
  width:231px!important;
}