/*================================================================== *
* here are the typical width of portrait view for these devices:
* phone: <= 479
* phone-wide: 480 - 767
* pad: 768 - 1024
* pc: >= 1025
* ================================================================== */
/*@responsive-phone-landscape-min: 480px;
@responsive-phone-landscape-max: 767px;*/
/*.responsive-tablet(@rules) {
	.responsive-between(@responsive-tablet-min, @responsive-tablet-max, @rules);
}
.responsive-tablet-below(@rules) {
	.responsive-below(@responsive-tablet-max, @rules);
}
.responsive-phone-landscape(@rules) {
	.responsive-between(@responsive-phone-landscape-min, @responsive-phone-landscape-max, @rules);
}
.responsive-phone-landscape-below(@rules) {
	.responsive-below(@responsive-phone-landscape-max, @rules);
}*/
/*比blue1颜色稍深*/
.for-pc {
  display: block;
}
@media screen and (max-width: 539px) {
  .for-pc {
    display: none;
  }
}
.for-pcl {
  display: block;
}
@media screen and (min-width: 540px) and (max-width: 1313px) {
  .for-pcl {
    display: none;
  }
}
@media screen and (max-width: 539px) {
  .for-pcl {
    display: none;
  }
}
.for-pcs {
  display: none;
}
@media screen and (min-width: 540px) and (max-width: 1313px) {
  .for-pcs {
    display: block;
  }
}
@media screen and (max-width: 539px) {
  .for-pcs {
    display: none;
  }
}
.for-phone {
  display: none;
}
@media screen and (max-width: 539px) {
  .for-phone {
    display: block;
  }
}
.for-pc-dib {
  display: inline-block; 
  margin-left: 0px;
  padding-left: 10px;
}


@media screen and (max-width: 539px) {
  .nav .wrapper .nav-icon .logo {
  float: left;
  /*width: 100%;*/
  height:100%;
  overflow: hidden;
  }
}
@media screen and (max-width: 539px) {
  .for-pc-dib {
    display: none;
  }
}
body,
div,
h1,
h2,
h3,
h4,
p,
ul,
ol,
form,
dl,
dt,
dd {
  margin: 0;
}
input,
textarea,
select,
button {
  font-size: 100%;
  font-family: inherit;
  color: inherit;
}
h1,
h2,
h3,
h4 {
  font-size: 1em;
}
ul,
ol {
  padding-left: 0;
  list-style-type: none;
}
.footlink-wrap ul{
  padding-left: 25%;
}


a {
  color: inherit;
  text-decoration: none;
}
:focus {
  outline: 0;
}
input,
textarea,
select,
button {
  font-size: 100%;
  font-family: 'Microsoft Yahei';
  color: #333;
}
img {
  border: none;
  text-align: center;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
}
/*single CSS*/
.l {
  float: left;
}
.r {
  float: right;
}
.dn {
  display: none;
}
.di {
  display: inline;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.ovh {
  overflow: hidden;
}
.vh {
  visibility: hidden;
}
.vv {
  visibility: visible;
}
.nowrap {
  white-space: nowrap;
}
.bk {
  word-wrap: break-word;
}
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fix {
  *zoom: 1;
}
.fix:after {
  display: table;
  content: '';
  clear: both;
}
.inline-box {
  font-size: 1em;
  letter-spacing: -0.25em;
  font-family: Arial;
  line-height: 0;
}
.inline-any {
  display: inline-block;
  *display: inline;
  font-family: 'Microsoft Yahei', 'Helvetica';
  letter-spacing: 0;
  vertical-align: top;
  line-height: 1.5;
}
.inline-fix {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.left-fix {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.cell {
  display: table-cell;
  *display: inline-block;
  width: 2000px;
  *width: auto;
}
.cell-bk {
  display: table;
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
.indent-2em {
  text-indent: 2em;
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.clear:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clear {
  zoom: 1;
}
iframe{
  width: 654px;
  height:564px;
  margin-top: 50px;
  position: absolute;
  right: 1px;
}

.tb1{
  margin-top: 10px;
}
/*禁用手机浏览器点击半透明遮罩*/
a,
button,
input,
textarea,
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*globe CSS*/
body {
  font-family: 'Microsoft Yahei', 'HanHei SC', 'PingFang SC', sans-serif;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
}
.bovh {
  overflow: hidden;
}
.night {
 /* background: #111e33;*/
}
.night .ad-col2,
.night .ad-col3 {
  border-left-color: #111e33;
}
.night .list1-wrap.for-pc .list1-li {
  border-color: #111e33;
}
/*@media screen and (min-width: @responsive-pcw-min) {
	html {
		overflow-y: scroll;
	}
	:root {
		overflow-y: auto;
		overflow-x: hidden;
	}
	:root body {
		position: absolute;
	}
	body {
		width: 100vw;
		overflow: hidden;
	}
}*/
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1479359951295');
  src: url('../fonts/iconfont.eot?t=1479359951295#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1479359951295') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1479359951295') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1479359951295#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-android:before {
  content: "\e60b";
}
.icon-ios2:before {
  content: "\e61d";
}
.icon-shiliangzhinengduixiang-06:before {
  content: "\e605";
}
.icon-shiliangzhinengduixiang-05:before {
  content: "\e606";
}
.icon-shiliangzhinengduixiang-03:before {
  content: "\e607";
}
.icon-shiliangzhinengduixiang-02:before {
  content: "\e609";
}
.icon-shiliangzhinengduixiang-07:before {
  content: "\e60a";
}
.icon-menu_icon_2:before {
  content: "\e610";
}
.icon-menu_icon_5:before {
  content: "\e611";
}
.icon-menu_icon_3:before {
  content: "\e612";
}
.icon-menu_icon_4:before {
  content: "\e613";
}
.icon-menu_icon_6:before {
  content: "\e614";
}
.icon-menu_icon_7:before {
  content: "\e615";
}
.icon-title_menu:before {
  content: "\e616";
}
.icon-menu_icon_1:before {
  content: "\e617";
}
.icon-menu_icon_11:before {
  content: "\e618";
}
.icon-menu_icon_10:before {
  content: "\e619";
}
.icon-menu_icon_close:before {
  content: "\e61a";
}
.icon-menu_icon_9:before {
  content: "\e61b";
}
.icon-menu_icon_8:before {
  content: "\e61c";
}
.icon-home_getui_pic2:before {
  content: "\e61e";
}
.icon-home_getui_pic4:before {
  content: "\e61f";
}
.icon-home_getui_pic3:before {
  content: "\e620";
}
.icon-home_getui_pic1:before {
  content: "\e621";
}
.icon-menu_wap_icon_open:before {
  content: "\e622";
}
.icon-menu_wap_icon_close:before {
  content: "\e623";
}
.icon-wap_title_lianxiwomen:before {
  content: "\e624";
}
.icon-bottom_weixin:before {
  content: "\e625";
}
.icon-bottom_qq:before {
  content: "\e626";
}
.icon-bottom_weibo:before {
  content: "\e627";
}
.icon-shanglv:before {
  content: "\e600";
}
.icon-youxi:before {
  content: "\e601";
}
.icon-jinrong:before {
  content: "\e602";
}
.icon-shenghuo:before {
  content: "\e603";
}
.icon-shejiao:before {
  content: "\e604";
}
.icon-shipin:before {
  content: "\e608";
}
.icon-anzhuo:before {
  content: "\e60c";
}
.icon-php:before {
  content: "\e60d";
}
.icon-java:before {
  content: "\e60e";
}
.icon-node:before {
  content: "\e60f";
}
.icon-python:before {
  content: "\e628";
}
.icon-c:before {
  content: "\e629";
}
.icon-c1:before {
  content: "\e62a";
}
.icon-ios:before {
  content: "\e62b";
}
.icon-xialajiantou:before {
  content: "\e62c";
}
.icon-fanyejiantou:before {
  content: "\e62d";
}
.icon-yaoyiyao:before {
  content: "\e633";
}
.icon-gouxuan:before {
  content: "\e634";
}
.icon-bianxianfuwu:before {
  content: "\e63b";
}
.icon-kaifazhefuwu:before {
  content: "\e63c";
}
.icon-shujufuwu:before {
  content: "\e63d";
}
.icon-anli-toufangqingkuang:before {
  content: "\e643";
}
.icon-anli-yonghuhuaxiang:before {
  content: "\e644";
}
.icon-anli-toufangxingshi:before {
  content: "\e645";
}
.icon-anli-zhouqi:before {
  content: "\e646";
}
.icon-user:before {
  content: "\e62e";
}
.for-phone-dib {
  display: none;
}
.for-pc-dib {
  display: inline-block;
}
@media screen and (max-width: 539px) {
  .for-pc-dib {
    display: none;
  }
  .for-phone-dib {
    display: inline;
  }
  .for-phone-dib.dn {
    display: none;
  }
}
/*通用样式结束*/
/*设置变量开始*/
/*设置变量结束*/
.navbottom0 {
  bottom: 0;
}
/*展开菜单样式*/
.nav {
  font-size: 13px;
  line-height: 1;
  color: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 500;
  width: 100vw;
  -webkit-transform: translateZ(0);
}
.nav a:visited,
.nav a:link,
.nav a {
  color: #ffffff;
}
.nav li {
  display: inline-block;
}
.nav .iconfont {
  color: #ffffff;
}
.nav .wrapper {
  width: 100%;
  height: 68px;
  background-color: #333;
  padding-right: calc(20px + 0vw);
}
.nav .wrapper .nav-icon {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
}
/*.nav .wrapper .nav-icon .logo {
  float: left;
  width: 186px;
  height: 68px;
  overflow: hidden;
}*/
.nav .wrapper .nav-icon .logo .toptit {
  line-height: 200px;
  height: 100%;
}
.nav .wrapper .nav-icon .contact,
.nav .wrapper .nav-icon .register {
  line-height: 68px;
  font-size: 15px;
  margin-right: 60px;
}
.nav .wrapper .nav-icon .iconfont {
  font-size: 26px;
  vertical-align: top;
  position: absolute;
}
.nav .wrapper .nav-icon .iconfont.icon-menu_icon_close {
  font-size: 24px;
}
.nav .wrapper .nav-icon .tel.iconfont {
  font-size: 22px;
  top: 1px;
}
.nav .wrapper .nav-icon .menu-right {
  cursor: pointer;
}
.nav .wrapper .nav-icon .contact,
.nav .wrapper .nav-icon .menu-right,
.nav .wrapper .nav-icon .register {
  float: right;
}
.nav .wrapper .nav-icon .menu-right {
  padding-right: 1px;
}
.nav .wrapper .nav-icon .right-txt {
  color: #fff;
  vertical-align: top;
  line-height: 68px;
  /*padding-left: 38px;*/
  font-size: 15px;
}
.nav .wrapper .iconfont {
  line-height: 68px;
}
.nav .menu-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 68px;
  bottom: 0;
  overflow: hidden;
  background: #333;
  background-color: rgba(0, 0, 0, 0.95);
}
.nav .menu-wrapper .menu {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  opacity: 0.95;
}
.nav .menu-wrapper .menu #menu-list-first {
  width: 2.5%;
  float: left;
  margin-top: 77px;
  height: 306px;
}
.nav .menu-wrapper .menu .menu-list {
  width: 19.5%;
  float: left;
  margin-top: 77px;
}
.nav .menu-wrapper .menu .menu-list .dash {
  display: inline-block;
  width: 100%;
  height: 0;
  border-bottom: #ffffff 1px dashed;
  margin: 3px 0;
  padding-top: 0;
}
.nav .menu-wrapper .menu .menu-list .circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  margin-top: 4px;
}
.nav .menu-wrapper .menu .menu-list .title {
  font-size: 18px;
  font-style: normal;
  margin: 0 0 22px 34px;
  min-height: 18px;
  white-space: nowrap;
}
.nav .menu-wrapper .menu .menu-list .title a {
  visibility: hidden;
}
.nav .menu-wrapper .menu .menu-list ul {
  margin: 24px 0 0 20px;
}
.nav .menu-wrapper .menu .menu-list ul li {
  display: block;
  margin-bottom: 45px;
  white-space: nowrap;
}
.nav .menu-wrapper .menu .menu-list ul li span {
  display: inline-block;
  vertical-align: middle;
}
.nav .menu-wrapper .menu .menu-list ul li .iconfont {
  font-size: 30px;
  margin-right: 22px;
  vertical-align: middle;
}
.nav .menu-wrapper .menu .menu-list ul li a {
  display: inline-block;
}
/*.nav .menu-wrapper .menu .menu-list ul li.current a span,
.nav .menu-wrapper .menu .menu-list ul li a:hover span,
.nav .menu-wrapper .menu .menu-list ul li.current a .iconfont,
.nav .menu-wrapper .menu .menu-list ul li a:hover .iconfont {
  color: #00c6ff;
}
.nav .menu-wrapper .menu .menu-list ul li.current a span,*/
.nav .menu-wrapper .menu .menu-list ul li a:hover span {
  font-size: 14px;
  color: #d81e1f;
}
@media screen and (max-width: 539px) {
  .nav .wrapper .nav-icon {
    line-height: 62px;
  }
 
  .nav .wrapper .nav-icon .menu-right {
    padding: 0;
  }
  .nav .wrapper .nav-icon .contact,
  .nav .wrapper .nav-icon .register {
    margin-right: 0;
  }
  .nav .wrapper .nav-icon .iconfont,
  .nav .wrapper .nav-icon .iconfont.icon-menu_icon_close {
    font-size: 22px;
    padding-left: 25px;
    position: static;
  }
  .nav .wrapper .nav-icon .iconfont.tel {
    font-size: 20px;
  }
  .nav .menu-wrapper .menu .menu-list {
    width: 100%;
    margin-top: 0;
  }
  .nav .menu-wrapper .menu .menu-list .title {
    border-bottom: 1px solid #ffffff;
    line-height: 60.666px;
    padding-left: 21.333px;
    font-size: 18px;
    margin: 0;
    border-bottom: 1px solid;
    border-bottom-color: rgba(193, 193, 193, 0.1);
  }
  .nav .menu-wrapper .menu .menu-list .title .up,
  .nav .menu-wrapper .menu .menu-list .title .down {
    position: absolute;
    right: 24px;
    font-size: 16px;
    color: #777a7c;
  }
 
  .nav .menu-wrapper .menu .menu-list .title.current a .iconfont {
    color: #01acf3;
    margin-right: 10px;
    vertical-align: middle;
  }
  .nav .menu-wrapper .menu .menu-list .title.current a span {
    vertical-align: middle;
  }
  .nav .menu-wrapper .menu .menu-list .title.current .slant {
    margin: 0 15px;
    font-size: 21px;
  }
  .nav .menu-wrapper .menu .menu-list .dash,
  .nav .menu-wrapper .menu .menu-list .circle {
    display: none !important;
  }
  .nav .menu-wrapper .menu .menu-list ul {
    display: none;
    margin: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);

  }
  .nav .menu-wrapper .menu .menu-list ul li {
    height: 40px;
    float: left;
    margin: 0 auto;
    text-align: center;
    background-color: gray;
    opacity: 0.8;

  }
  .nav .menu-wrapper .menu .menu-list ul li a {
    height: 100%;
    margin: 0 auto;
    line-height: 40px;
    width: 50%;
  }
  .nav .menu-wrapper .menu .menu-list ul li a span {
    display: block;
    font-size: 13px;
  }
  .nav .menu-wrapper .menu .menu-list ul li .iconfont {
    margin: 16px 0 11px 0;
    display: inline-block;
    font-size: 27px;
  }
  .nav .menu-wrapper .menu .menu-list ul.flex-1 li {
    width: 50%;
  }
  .nav .menu-wrapper .menu .menu-list ul.flex-2 li {
    width: 50%;
  }
  .nav .menu-wrapper .menu .menu-list ul.flex-3 li {
    width: 50%;



  }
  .nav .menu-wrapper #menu-list-second {
    margin-top: 34px;
    border-top: 1px solid rgba(193, 193, 193, 0.1);

  }
}
.nav .wrapper.nav-opacity {
  background-color: rgba(51, 51, 51, 0.8);
}
@media screen and (max-width: 1313px) and (min-width: 540px) {
  .nav-icon {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/*旋转*/
.animated {
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: 5;
  animation-iteration-count: 5;
}
/*@-ms-keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotateY(@rotate-start);transform:perspective(400px) rotateY(@rotate-start);opacity:0; -ms-transform:perspective(400px) rotateY(@rotate-start);}
    40%{-webkit-transform:perspective(400px) rotateY(-@rotate-end);transform:perspective(400px) rotateY(-@rotate-end); -ms-transform:perspective(400px) rotateY(-@rotate-end);}
    70%{-webkit-transform:perspective(400px) rotateY(@rotate-end);transform:perspective(400px) rotateY(@rotate-end); -ms-transform:perspective(400px) rotateY(@rotate-end);}
    100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg);opacity:1}}
@-webkit-keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotateY(@rotate-start);transform:perspective(400px) rotateY(@rotate-start);opacity:0; -ms-transform:perspective(400px) rotateY(@rotate-start);}
    40%{-webkit-transform:perspective(400px) rotateY(-@rotate-end);transform:perspective(400px) rotateY(-@rotate-end); -ms-transform:perspective(400px) rotateY(-@rotate-end);}
    70%{-webkit-transform:perspective(400px) rotateY(@rotate-end);transform:perspective(400px) rotateY(@rotate-end); -ms-transform:perspective(400px) rotateY(@rotate-end);}
    100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg);opacity:1}}
@keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotateY(@rotate-start);transform:perspective(400px) rotateY(@rotate-start);opacity:0; -ms-transform:perspective(400px) rotateY(@rotate-start);}
    40%{-webkit-transform:perspective(400px) rotateY(-@rotate-end);transform:perspective(400px) rotateY(-@rotate-end); -ms-transform:perspective(400px) rotateY(-@rotate-end);}
    70%{-webkit-transform:perspective(400px) rotateY(@rotate-end);transform:perspective(400px) rotateY(@rotate-end); -ms-transform:perspective(400px) rotateY(@rotate-end);}
    100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg);opacity:1}}
.flipInY{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;backface-visibility:visible!important;
    -webkit-animation-name:flipInY;animation-name:flipInY;-ms-animation-name:flipInY}*/
/*90deg旋转 暂时没有用到*/
.animated1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated1.infinite {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible !important;
}
/*90deg翻转 暂时没有用到*/
.animated2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated2.infinite {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 0;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 0;
  }
}
.flipInX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible !important;
}
@media screen and (min-width: 540px) and (max-width: 1024px) {
  .nav .menu-wrapper .menu .menu-list ul li .iconfont {
    margin-right: 10px;
  }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
  .nav .menu-wrapper .menu .menu-list ul li .iconfont {
    display: none;
  }
  .nav .menu-wrapper .menu .menu-list .title {
    margin-left: 20px;
  }
}
/*页脚样式开始*/
.footer {
  border-top: solid 6px #c70014 ;
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  background-color: #333;
  font-style: normal;
}
.footer h3 {
  font-weight: normal;
}
.footer a:visited,
.footer a:link,
.footer a {
  color: #ffffff;
}
.footer li {
  display: inline-block;
}
.footer .iconfont {
  color: #ffffff;
}
.footer .content {
  width: 1280px;
  margin: 0 auto 0;
  color: #ffffff;
  background: #333;
}
@media screen and (min-width: 540px) and (max-width: 1313px) {
  .footer .content {
    width: 980px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.footer .content .top {
  padding-top: 60px;
}
.footer .content .top .top-right,
.footer .content .top .top-left {
  float: left;
}
.footer .content .top .top-right {
  /*text-align: justify;*/
  padding: 0 20px;
  width: 54.9999%;

}
@media screen and (min-width: 540px) and (max-width: 1313px) {
  .footer .content .top .top-right {
    padding-left: 5px;
  }
}
.footer .content .top .top-left {
  width: 45%;
  text-align: right;
  padding-right: 30px;
}
@media screen and (min-width: 540px) and (max-width: 1313px) {
  .footer .content .top .top-left {
    padding-right: 5px;
  }
}
.footer .content .top .icon-list {
  width: auto;
  text-align: left;
  display: inline-block;
  position: relative;
   margin-right: 10%;
}
.footer .content .top .icon-list .iconfont {
  font-size: 56px;
  margin-right: 17px;
}
.footer .content .top .icon-list .pc-btn {
  border: 1px solid #8e9198;
  border-radius: 14px;
  padding: 0 12px;
  height: 24px;
  line-height: 22px;
  margin-left: -2px;
  display: inline-block;
  cursor: pointer;
}
.footer .content .top .icon-list .pc-btn:hover,
.footer .content .top .icon-list .pc-btn:hover > a {
  border-color: #01acf3;
  color: #01acf3;
}
.footer .content .top .icon-list .macQQ:hover,
.footer .content .top .icon-list .macQQ:hover > a {
  border-color: #82858d;
  color: #ccc;
  cursor: auto;
}
.footer .content .top .icon-list > p span {
  display: block;
}
.footer .content .top .icon-list > p span.small,
.footer .content .top .icon-list > p span.small a {
  font-size: 15px;
  color: #cccccc;
}
.footer .content .top .icon-list > p span:first-child {
  margin-bottom: 12px;
}
.footer .content .top div.icon-list.qq .qq_blank_append span:first-child {
  margin-bottom: 0;
}
.footer .content .top div.icon-list.qq .qq_blank_append span:hover {
  color: #01acf3;
}
.footer .content .top div.icon-list.qq .macQQ span:hover {
  color: #ccc;
  cursor: auto;
}
.footer .content .top .our {
  display: inline-block;
  text-align: left;
}
.footer .content .top .our span,
.footer .content .top .our .link {
  font-size: 16px;
  color: #ccc;
}
.footer .content .top .our .link:hover {
  color: #b31315;
  text-decoration: none;
}
.footer .content .top .our h3 {
  font-size: 21px;
}
.footer .content .top .our p.first {
  margin: 20px 0 14px;
}
.footer .content .top .our p span:first-child {
  margin-right: 10px;
}
.footer .content .top .our.about {
  margin-left: 10%;
}
.footer .content .footlink-wrap {
  font-size: 14px;
  padding-left: 28px;
  line-height: 1.8;
  width: 100%;
}
@media screen and (min-width: 540px) and (max-width: 1313px) {
  .footer .content .footlink-wrap {
    padding-left: 5px;
  }
}
.footer .content .footlink-wrap .title {
  color: #ffffff;
  font-size: 20px;
  margin: 25px 0 15px 0;
}
.footer .content .footlink-wrap ul {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}
.footer .content .footlink-wrap ul li {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 14px;
}
.footer .content .bottomlink {
  color: #ccc;
}
.footer .content .bottomlink:hover {
  color: #d81e1f;
}
.footer .content .bottom {
  padding: 25px 0;
  font-size: 15px;
  text-align: center;
  color: #5b5f67;
  line-height: 1.8;
}
.footer .content .bottom .bottom-p {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.footer .content .bottom .bottom-p .record {
  display: block;
}
.footer .content .bottom .superscript {
  position: relative;
  top: -4px;
  font-size: 12px;
}
.footer .content .bottom .bottomlink {
  color: #5b5f67;
  margin: 0 20px;
}
.footer .content .bottom .bottomlink:hover {
  color: #00c0ff;
}
.footer .content .bottom img {
  width: 17px;
  margin-right: 20px;
}
.footer .content .bottom .serve {
  margin-left: 30px;
}
.footer .code-wrap-pc {
  display: none;
}
.footer .weixin-img {
  position: absolute;
  width: 178px;
  height: 204px;
  border-radius: 6px;
  background-color: #ffffff;
  text-align: center;
  left: -12px;
  bottom: 0px;
}
.footer .weixin-img img {
  width: 162px;
  margin: 8px 8px 0;
}
.footer .weixin-img p {
  font-size: 14px;
  color: #666666;
  float: none;
  margin: 0;
}
@media screen and (max-width: 539px) {
  .footer {
    height: auto;
    font-size: 14px;
    font-family: "Microsoft Yahei";
  }
  .footer .code-wrap-phone {
    z-index: 600;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .footer .phone-blacklay {
    background-color: #333;
    width: 100%;
    height: 100%;
    opacity: 0.6;
  }
  .footer .icon-menu_icon_close {
    font-size: 26px;
    color: #fff;
    position: absolute;
    z-index: 1;
    right: 18px;
    top: 20px;
  }
  .footer .weixin-img {
    width: 180px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin-left: -140px;
    margin-top: -150px;
    z-index: 1;
  }
  .footer .weixin-img img {
    width: 180px;
    height: 200px;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
  }
  .footer .weixin-img p {
    font-size: 18px;
    margin-top: -5px;
    position: relative;
    z-index: 1;
  }
  .footer .content {
    width: 100%;
    min-width: inherit;
  }
  .footer .content .top {
    padding-top: 45px;
  }
  .footer .content .top .top-left,
  .footer .content .top .top-right {
    float: right;
  }
  .footer .content .top .top-left {
    width: 70%;
    padding-right: 0;
  }
  .footer .content .top .top-left .our {
    float: none;
    display: block;
  }
  .footer .content .top .top-left .our h3 {
    font-size: 14px;
  }
  .footer .content .top .top-left .our p span,
  .footer .content .top .top-left .our p .link {
    font-size: 13px;
  }
  .footer .content .top .top-left .our.contact {
    margin: 10px 0 0 36px;
  }
  .footer .content .top .top-left .our.about {
    margin: 54px 0 0 36px;
  }
  .footer .content .top .top-right {
    width: 30%;
  }
  .footer .content .top .top-right div.icon-list {
    display: block;
    float: none;
    width: 53px;
    margin-right: 31px;
  }
  .footer .content .top .top-right div.icon-list .iconfont {
    font-size: 53px;
    margin: 0;
  }
  .footer .content .top .top-right div.icon-list .iconfont:focus {
    outline: none;
  }
  .footer .content .top .top-right div.icon-list .iconfont:active {
    color: #01acf3;
  }
  .footer .content .top .top-right div.icon-list .icon-bottom_qq:active {
    color: #fff;
  }
  .footer .content .top .top-right:hover .iconfont {
    color: inherit;
  }
  .footer .content .top .top-right:active .iconfont {
    color: inherit;
  }
  .footer .content .top .top-right div.icon-list.weibo,
  .footer .content .top .top-right div.icon-list.weixin {
    margin-bottom: 100px;
  }
  .footer .content .bottom {
    border-top: 1px solid #4c535f;
    margin: 28px 0px 0;
    padding: 30px 0px 30px;
    font-size: 12px;
    color: #5b5f67;
    text-align: center;
  }
  .footer .content .bottom .bottom-p {
    padding-bottom: 5px;
    display: block;
    margin-left: 0;
  }
  .footer .content .bottom .bottom-p .record {
    display: inline-block;
  }
  .footer .content .bottom img {
    margin-right: 6.333px;
    vertical-align: middle;
  }
  .footer .content .bottom .company {
    display: block;
  }
  .footer .content .bottom span.server,
  .footer .content .bottom span.net {
    margin: 0;
    display: inline-block;
  }
  .footer .content .bottom span.server {
    margin-right: 19px;
  }
}
.scrolTop {
  position: fixed;
  z-index: 300;
  bottom: 0;
  display: none;
  cursor: pointer;
  width: 48px;
  height: 48px;
  padding-top: 48px;
  margin-left: 1310px;
  bottom: 40px;
 /* background: url(../images/backtop.png) no-repeat center top;*/
}
.scrolTop:hover {
  background-position: center -48px;
}
@media screen and (max-width: 1450px) {
  .scrolTop {
    margin-left: 0px;
    right: 40px;
  }
}
@media screen and (max-width: 539px) {
  .scrolTop {
    margin-left: 0px;
    right: 20px;
    bottom: 20px;
  }
  .scrolTop:hover {
    background-position: center top;
  }
  .scrolTop:active {
    background-position: center -48px;
  }
}

.tb { margin-top: 20px; }




#scrollPics{
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    position:relative;
}
.num{
    position:absolute;
    right:5px; 
    bottom:5px;
}
#scrollPics .num li{
    float: left;
    color: #FF7300;
    text-align: center;
    line-height: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    margin: 3px 1px;
    border: 1px solid #FF7300;
    background-color: #fff;
}
#scrollPics .num li.on{
    color: #fff;
    line-height: 21px;
    width: 21px;
    height: 21px;
    font-size: 16px;
    margin: 0 1px;
    border: 0;
    background-color: #FF7300;
    font-weight: bold;
}}