body,
html {
    background: #fff;
    width: 100%;
    min-width: 1400px;
    /*overflow: hidden;*/
}
#topSection {
	height: 940px !important;
}

.mainNavBox {
    width: 100%;
    /*background: url(../images/casebannerbg.png) no-repeat center 100px;*/
    /* -webkit-transition: background-position 0.8s ease-in-out;
  -o-transition: background-position 0.8s ease-in-out;
  transition: background-position 0.8s ease-in-out; */
    height: 100px;
}

.mainNavBox-spe {
    /*background: url(../images/casebannerbg.png) center 0px no-repeat;
  -webkit-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;*/
}


/*.mainNavBox-small{
  height: 70px;
}
.userLogin-small{
  display: none;
}
.mainNavBox .mainNavLogo-small{
  display: none;
}
.mainNavBox-small nav{
  height: 70px;
}
.mainNavBox-small ul li{
  line-height: 70px !important;
}
.mainNavBox-small .userLogin{
  display: none;
  line-height: 70px !important;
}
.mainNavBox-small .mainNavLogo{
  display: none;
}
.mainNavBox-small .mainNavLogo-small{
  position: absolute;
  top:50%;
  left: 0;
  width: 67px;
  height: 37px;
  margin-top: -18.5px !important;
  cursor:pointer;
  display: block;
}
.mainNavBox-small .userLogin-small{
  display: block !important;
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
}
#topSection .mainNavBox-small .userLogin-small {
  position: absolute;
  top: 0;
  right: -19px!important;
  left: auto;
  height: 100%;
  line-height: 100px; 
  display: block;}
  #topSection .mainNavBox-small .userLogin-small span {
    display: inline-block;
    width: 65px;
    text-align: center; }
    #topSection .mainNavBox-small .userLogin-small span a {
      cursor: pointer;
      color: #fff;
      font-size: 14px;
      position: relative;
      top: -1px; }
    #topSection .mainNavBox-small .userLogin-small span:nth-of-type(1) {
      width: 77px;
      height: 30px;
      line-height: 30px;
      border-radius: 3px;
      border: solid 1px #ffffff; }
    #topSection .mainNavBox-small .userLogin-small span:nth-of-type(1):hover {
      background: #fff; }
      #topSection .mainNavBox-small .userLogin-small span:nth-of-type(1):hover a {
        color: #000; }
    #topSection .mainNavBox-small .userLogin-small span:nth-of-type(2) a:hover {
      color: #ff3232; }*/

#topSection.purchaseSection{
    min-height: 180px;
}

#topSection {
    width: 100%;
    /*min-height: 180px;*/
    position: relative;
    /*overflow: hidden;*/
}

#topSection .mainNav {
    width: 1400px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 999999990999; }

    #topSection .mainNav ul li {
      padding: 0px;
      height: 100%;
      line-height: 100px;
      text-align: center;
      float: left; 
      -webkit-flex:1;
      -o-flex:1;
      flex:1;}

    #topSection .mainNav ul li .v-drop-down{
		display: inline-block;
		width: 8px;
		height: 3px;
		background: url("../images/drop-down.png"/*tpa=http://www.vhall.com/public/static/images/drop-down.png*/);
		position: absolute;
    	top: 48px;
    	left: 85px;
		-webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);     
		-webkit-transform: rotate(0deg); 
		-o-transform: rotate(0deg);      
		-moz-transform: rotate(0deg); 
	}

	#topSection .mainNav ul li:hover .v-drop-down{
		-webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);     
		-webkit-transform: rotate(180deg); 
		-o-transform: rotate(180deg);      
		-moz-transform: rotate(180deg);    
	}

	#topSection.mainNavBox-small .adjust-mainNavBox-small .mainNav ul li .v-drop-down {
    	top: 35px;
	}

      #topSection .mainNav ul li a {
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        display: inline-block;
        /*-webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;*/ 
        }
      #topSection .mainNav ul li.active:before {
        /*-webkit-transform: translateY(-16px);
        -o-transform: translateY(-16px);
        transform: translateY(-16px);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: 1;*/
        }
      #topSection .mainNav ul li.active a {
        display: inline-block;
        color: #ff3232;
        /*-webkit-transform: translateY(-16px);
        -o-transform: translateY(-16px);
        transform: translateY(-16px);
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; */
        }
      #topSection .mainNav ul li:before {
        /*content: attr(data-text);*/
        color: #ff3232;
        position: absolute;
        font-weight: bold;
        font-size: 16px;
        top: 15px;
        display: inline-block;
        /*-webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0; */
        text-shadow:0px 0px 1px #ff3232;
        }
      #topSection .mainNav ul li:hover:before {
        /*-webkit-transform: translateY(-16px);
        -o-transform: translateY(-16px);
        transform: translateY(-16px);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: 1; */
        }
      #topSection .mainNav ul li:hover a {
        display: inline-block;
        color: #ff3232;
        /*-webkit-transform: translateY(-16px);
        -o-transform: translateY(-16px);
        transform: translateY(-16px);
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; */
        }
    #topSection .mainNav .mainNavLogo {
      /*position: absolute;
      top: 50%;
      left: 0;
      margin-top: -35px;
      cursor: pointer;*/
	 	float: left;
		padding-top: 15px;
	  }
.header_tel { float: right; padding: 23px 0 0 20px;}
    #topSection .mainNav .userLogin {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      line-height: 100px; }
      #topSection .mainNav .userLogin span {
        display: inline-block;
        width: 65px;
        text-align: center; }
        #topSection .mainNav .userLogin span a {
          cursor: pointer;
          color: #fff;
          font-size: 14px;
          position: relative;
          top: -1.5px; 
          width: 100%;
          height: 100%;
          display: inline-block;}
        #topSection .mainNav .userLogin span:nth-of-type(2) {
          width: 77px;
          height: 30px;
          line-height: 30px;
          border-radius: 3px;
          border: solid 1px #ffffff; }
        #topSection .mainNav .userLogin span:nth-of-type(2):hover {
          background: #fff; }
          #topSection .mainNav .userLogin span:nth-of-type(2):hover a {
            color: #000; }
        #topSection .mainNav .userLogin span:nth-of-type(1) a:hover {
          color: #ff3232; }

#topSection .mainNav ul {
    float: right;
}

#topSection .mainNav ul li {
	position: relative;
    padding: 0 25px;
    height: 100%;
    line-height: 100px;
    text-align: center;
    float: left;
}

#topSection .mainNav ul li a {
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    /*-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

#topSection .mainNav ul li.active:before {
    /*-webkit-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;*/
}

#topSection .mainNav ul li.active a {
    display: inline-block;
    /*-webkit-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    transform: translateY(-16px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

#topSection .mainNav ul li:before {
    /*content: attr(data-text);*/
    color: #ff3232;
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    top: 15px;
    display: inline-block;
    /*-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;*/
    text-shadow: 0px 0px 1px #ff3232;
}

#topSection .mainNav ul li:hover:before {
    /*-webkit-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;*/
}

#topSection .mainNav ul li:hover a {
    display: inline-block;
    /*-webkit-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    transform: translateY(-16px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

/* 添加解决方案标题 */
#topSection .mainNav ul li .v-secondmenu{
	display: none;
	position: absolute;
	left: -65px; 
	top: 90px;
	width: 260px;
	background-color: rgba(0,0,0,0.7);
	border-radius:0 0 5px 5px;
}
#topSection .mainNav ul li:hover .v-secondmenu{
	display: block;
}
#topSection .mainNav ul li .v-secondmenu .v-drop-down{
	display: inline-block;
	width: 8px;
	height: 3px;
	background: url("../images/drop-down.png"/*tpa=http://www.vhall.com/public/static/images/drop-down.png*/);
}

#topSection .mainNav ul li .v-secondmenu li{
	display: block;
	float: none;
	height: 40px;
	line-height: 40px;
}

#topSection .mainNav ul li .v-secondmenu li{
	background: url("../images/solution/line.png"/*tpa=http://www.vhall.com/public/static/images/solution/line.png*/) no-repeat  30px 39px;
}
#topSection .mainNav ul li .v-secondmenu li:last-child{
	background:none;
}
#topSection .mainNav ul li .v-secondmenu li a,#topSection .mainNav ul li:hover .v-secondmenu li a{
	font-size: 15px;
	color: #999;
}

#topSection .mainNav ul li .v-secondmenu li:hover a{
	color: #fff;
}


#topSection .mainNav .userLogin {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 100px;
}

#topSection .mainNav .userLogin span {
    display: inline-block;
    width: 65px;
    text-align: center;
}

#topSection .mainNav .userLogin span a {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    position: relative;
    top: -1.5px;
    width: 100%;
    height: 100%;
    display: inline-block;
}



.bannerSection {
    clear: both;
    width: 100%;
    height: 460px;
    bottom: 1px;
    overflow: visible !important;
}

#mainSection {
    width: 100%;
    margin: 0 auto;
    height: 140px;
    background-color: #f5f5f5;
}

#mainSection .mainTips {
    width: 1200px;
    margin: 0 auto;
}

#mainSection .mainTips ul {
    height: 140px;
}

#mainSection .mainTips ul>li {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
}

#mainSection .mainTips ul>li:before {
    content: "";
    width: 1px;
    height: 80px;
    background: #dcdcdc;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 0;
}

#mainSection .mainTips ul>li:nth-last-of-type(1) dt {
    bottom: 9px;
    right: 59px;
}

#mainSection .mainTips ul>li:nth-last-of-type(1):before {
    display: none;
}

#mainSection .mainTips ul>li:nth-of-type(3) dl dt {
    right: 10px;
    bottom: 5px;
}

#mainSection .mainTips ul>li:nth-of-type(1) dl dt {
    bottom: 5px;
}

#mainSection .mainTips ul>li:nth-of-type(2) dl dt {
    bottom: 5px;
}

#mainSection .mainTips ul>li:nth-of-type(1):hover dl dt img:nth-of-type(2) {
    top: 25px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#mainSection .mainTips ul>li:nth-of-type(2):hover dl dt img:nth-of-type(2) {
    left: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#mainSection .mainTips ul>li:nth-of-type(3):hover dl dt img:nth-of-type(2) {
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

#mainSection .mainTips ul>li:nth-of-type(4) dl dt img:nth-of-type(2) {
    left: 15px;
}

#mainSection .mainTips ul>li:nth-of-type(4):hover dl dt img:nth-of-type(2) {
    left: -13px;
}

#mainSection .mainTips ul>li:nth-of-type(3) dl dt img:nth-of-type(2) {
    top: 16px;
    right: auto;
    left: -15px;
    -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}

#mainSection .mainTips ul>li dl {
    padding: 48px 0px;
    padding-left: 31px;
    padding-right: 10px;
}

#mainSection .mainTips ul>li dl:hover dd ol li:nth-of-type(1) a {
    color: #ff3333;
}

#mainSection .mainTips ul>li dl:hover ol li:nth-of-type(1) {
    color: #ff3232;
}

#mainSection .mainTips ul>li dl dt,
#mainSection .mainTips ul>li dl dt {
    float: right;
}

#mainSection .mainTips ul>li dl dt {
    position: relative;
    right: 20px;
}

#mainSection .mainTips ul>li dl dt img:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mainSection .mainTips ul>li dl dd ol li {
    font-size: 16px;
    color: #2b2c32;
}

#mainSection .mainTips ul>li dl dd ol li a {
    display: block;
}

#mainSection .mainTips ul>li dl dd ol li:nth-of-type(1) {
    font-weight: bold;
}

#mainSection .mainIntro {
    width: 100%;
    height: 600px;
    background: blue;
}

.centerBox {
    width: 1400px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

#mainTipsBox {
    width: 100%;
}

#mainTipsBox .mainTipsItem {
    width: 100%;
    height: 540px;
    background-color: #f5f5f5;
    position: relative;
}

#mainTipsBox .mainTipsItem:nth-child(odd) {
    background-color: #ffffff;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail {
    padding-top: 110px;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li {
    font-size: 18px;
    color: #969696;
    padding-bottom: 5px;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li:nth-of-type(1) {
    font-size: 30px;
    color: #2b2c32;
    padding-bottom: 10px;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li:nth-of-type(5) {
    padding: 10px 0 10px 0;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li:nth-of-type(5) a {
    color: #ff3333;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl {
    float: left;
    padding: 30px;
    text-align: center;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl:nth-of-type(1) {
    padding-left: 0;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl:nth-of-type(2) dt {
    padding-bottom: 6px;
}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl:nth-of-type(4) dt {
    padding-top: 3px;
    padding-bottom: 5px;
}

#mainTipsBox .mainTipsItem .mainTipItem-high-detail {
    text-align: right;
    padding-top: 125px;
}

#mainTipsBox .mainTipsItem .mainTipItem-high-detail div dl:nth-last-of-type(1) {
    padding-right: 0;
}

#mainTipsBox .mainTipsItem .mainTipItem-high-detail div {
    float: right;
}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl dt {
    padding-bottom: 15px;
}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(2) dt,
#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(3) dt {
    padding-top: 5px;
    padding-bottom: 16px;
}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(2) dt {
    padding-bottom: 17px;
}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(4) dt {
    padding-bottom: 10px;
}

#mainTipsBox .mainTipsItem .mainTipItem-analysis-detail div dl dt {
    padding-bottom: 12px;
}

#mainTipsBox .mainTipsItem .mainTipItem-analysis-detail div dl:nth-of-type(3) dt {
    padding-bottom: 5px;
}

#mainTipsBox .mainTipsItem .mainTipItem-analysis-detail div dl:nth-of-type(4) dt {
    padding-bottom: 1px;
}

#mainTipsBox .mainTipsItem-spe {
    background-color: #f4f6f8;
    width: 100%;
    height: 1200px;
    position: relative;
}

#mainTipsBox .mainTipsItem-spe h1,
#mainTipsBox .mainTipsItem-spe h3 {
    padding: 100px 0 20px 0;
}

#mainTipsBox .mainTipsItem-spe h1,
#mainTipsBox .mainTipsItem-spe h3,
#mainTipsBox .mainTipsItem-spe .titleTips {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #646464;
}

#mainTipsBox .mainTipsItem-spe .titleTips {
    padding-bottom: 60px;
    color: transparent;
    height: 0;
}

#mainTipsBox .mainTipsItem-spe ul {
    width: 100%;
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

#mainTipsBox .mainTipsItem-spe ul li {
    width: 435px;
    float: left;
    height: 100%;
	margin: 0 15px 30px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mainTipsBox .mainTipsItem-spe ul li dl {
    width: 435px;
    /*background: #fff;*/
    /*position: relative;*/
    /*z-index: 999999999;*/
}

#mainTipsBox .mainTipsItem-spe ul li dl:hover {
    -webkit-box-shadow: 0 0 100px #cccccc;
    -moz-box-shadow: 0 0 100px #cccccc;
    box-shadow: 0 0 100px #cccccc;
    box-shadow-top: none;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#mainTipsBox .mainTipsItem-spe ul li dl:hover:before {
    /* content:'';
              width:378px;
              height: 474px;
              background: url(../images/touying.png) no-repeat center center;
              position: absolute;
              top:0;
              left: 0;
              z-index: 99999;*/
}

#mainTipsBox .mainTipsItem-spe ul li dl:hover dt img:nth-of-type(1) {
    opacity: 1;
    -webkit-transtion: all .3s ease-in-out;
    -o-transtion: all .3s ease-in-out;
    transtion: all .3s ease-in-out;
}

#mainTipsBox .mainTipsItem-spe ul li dl dt {
    position: relative;
}

#mainTipsBox .mainTipsItem-spe ul li dl dt img:nth-of-type(1) {
    opacity: 0;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    position: absolute;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#mainTipsBox .mainTipsItem-spe ul li:nth-of-type(2) dl {
    width: 387px;
    margin: 0 auto;
}

#mainTipsBox .mainTipsItem-spe ul li:nth-of-type(3) {
    position: relative;
    right: 2px;
}

#mainTipsBox .mainTipsItem-spe ul li:nth-of-type(3) dl {
    margin-left: 14px;
}

#mainTipsBox .mainTipsItem-spe ul li dd h3 {
    text-align: center;
    font-size: 16px;
    color: #2b2c32;
    padding: 25px 0 30px 0;
}

#mainTipsBox .mainTipsItem-spe ul li dd p {
    font-size: 16px;
    color: #969696;
    padding: 0 25px 36px 25px;
}

#mainTipsBox .mainTipsItem-spe ul li:hover {
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mainTipsBox .mainTipsItem-spe .moreCase {
    text-align: center;
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -90.25px;
    width: 185px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    background-color: #ff3333;
    color: #fff;
}

#mainTipsBox .plusAnimate .centerBox ul {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.5s;
    -o-transition: all 1s ease-out 0.5s;
    transition: all 1s ease-out 0.5s;
}

#mainTipsBox .item-big-img {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#mainTipsBox .item-big-img-phone {
    right: auto;
    left: 0;
}

#mainTipsBox .mainTipItem-boradcast-detail ul li {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#mainTipsBox .mainTipItem-boradcast-detail>div {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail ul li.moveLi1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail ul li.moveLi2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail ul li.moveLi3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail>div {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

#mainTipsBox .mainTipsItemMove .item-big-img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.mainIntro {
    width: 100%;
    height: 770px;
    margin: 0 auto;
    position: relative;
}

.mainIntro .next,
.mainIntro .prev {
    display: none;
}

.mainIntro .partnerSection {
    width: 1200px;
    margin: 0 auto;
}

.mainIntro .mainIntroFixBox {
    width: 800px;
    position: absolute;
    left: 50%;
    top: 76px;
    z-index: 9999999;
    margin-left: -400px;
}

.mainIntro h1,
.mainIntro h3,
.mainIntro .mainIntroTips {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: transparent;
    height: 0;
}

.mainIntro h1,
.mainIntro h3 {
    padding-bottom: 25px;
}

.mainIntro .partnerNavBox {
    width: 1200px;
    height: 100%;
    left: 50%;
    margin-left: -600px;
    position: absolute;
}

.mainIntro .partnerAutoplay {
    height: 770px;
    width: 100%;
}

.mainIntro .partnerAutoplay ul {
    width: 100%;
    height: 100%;
    position: absolute;
}

.mainIntro .partnerAutoplay ul li.page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection {
    width: 950px;
    height: 500px;
    top: 227px;
    right: 0px;
    position: absolute;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection ol {
    height: 131px;
    margin-top: 50px;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection ol li {
    width: 131px;
    height: 131px;
    border-radius: 500px;
    float: left;
    /* border: 1px solid #f6f6f6;
            background: #BCBCBC;*/
    margin-right: 18px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection div {
    width: 100%;
    padding-top: 50px;
    color: #fff;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection div h5 {
    clear: both;
    font-size: 24px;
    font-weight: 900;
    padding-bottom: 25px;
    letter-spacing: 3px;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection div h5 span {
    padding-right: 15px;
    position: relative;
    top: 6px;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection div p {
    clear: both;
    font-size: 16px;
}

.mainIntro .partnerAutoplay ul li.page div.detailSection div b {
    padding: 10px 30px;
    margin-top: 36px;
    display: inline-block;
    border-radius: 3px;
    border: solid 1px #ffffff;
}

.mainIntro .partnerAutoplay ul li.page section {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.mainIntro .partnerAutoplay ul li.page .zoombg-Img {
    position: absolute;
}

.mainIntro .partnerAutoplay ul li.unslider-active .zoombg-Img {
    -webkit-animation: bgZoom 4s ease-in-out;
    -o-animation: bgZoom 4s ease-in-out;
    animation: bgZoom 4s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.mainIntro .partnerAutoplay-nav {
    background: none;
    width: 196px;
    border-right: 1px solid #fff;
    position: absolute;
    top: 239px;
    left: 0;
    z-index: 9999999;
}

.mainIntro .partnerAutoplay-nav span {
    display: block;
    width: 151px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.mainIntro .partnerAutoplay-nav span:hover {
    color: #ff3333;
}

.mainIntro .partnerAutoplay-nav span.active {
    background-color: #ff3333;
}

.mainIntro .partnerAutoplay-nav span.active:hover {
    color: #fff;
}

.mainIntro nav {
    display: none;
}

.global {
    width: 100%;
    height: 530px;
    background-color: #fff;
}

.global .globalTips {
    text-align: center;
}

.global .globalTips img {
    padding: 100px 0 25px 0;
}

.global .globalTips p {
    font-size: 17.5px;
    color: #646464;
}

.global ol {
    width: 1200px;
    margin: 80px auto;
}

.global ol li {
    float: left;
    width: 300px;
    border-right: 1px solid #dcdcdc;
}

.global ol li:nth-last-of-type(1) {
    border: none;
}

.global ol li dl {
    width: 100%;
    text-align: center;
    color: #111517;
}

.global ol li dl dt {
    font-size: 85px;
    font-family: trump;
}

.global ol li dl dt span {
    font-size: 85px;
    font-family: trump;
}

.global ol li dl dt b {
    font-size: 24px;
    position: relative;
    bottom: 2px;
    font-weight: bold;
}

.global ol li dl dt i {
    position: relative;
    bottom: 14px;
    left: 5px;
}

.global ol li dl dd {
    font-weight: bold;
}

.register {
    width: 100%;
    height: 309px;
    margin: 0 auto;
    background: url("../images/zhucebg.png"/*tpa=http://www.vhall.com/public/static/images/zhucebg.png*/) no-repeat;
    background-attachment: fixed;
    background-position: center top;
    color: #fff;
    text-align: center;
    background-size: 100% 100%;
}

.register p {
    font-size: 36px;
    padding: 75px 0 50px 0;
}

.register span {
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 13px 65px;
}




/*adjust autoplay plug style*/

.bannerSection .unslider-wrap {
    position: absolute;
    height: 100%;
    -webkit-transition: left ease-out;
    -o-transition: left ease-out;
    transition: left ease-out;
}

.bannerSection .unslider-wrap li.slidePage {
    float: left;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) {
  background-image: url("../images/infinite/applybanner.png"/*tpa=http://www.vhall.com/public/static/images/infinite/applybanner.png*/);
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) {
    background-color: #1A1C28;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) {
    background-color: #1A1C28;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul {
    position: absolute;
    top: 100px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) ul {
    position: absolute;
    top: 100px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li {
    color: #fff;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) ul li {
    color: #fff;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li:nth-of-type(1) {
    font-size: 48px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) ul li:nth-of-type(1) {
    font-size: 48px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li:nth-of-type(3) {
    font-size: 26px;
    padding-bottom: 50px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) ul li:nth-of-type(2) {
    font-size: 26px;
    padding-bottom: 50px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li:nth-of-type(4) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    width: 145px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 20px;
    border-radius: 5px;
    border: solid 1px #ffffff;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) ul li:nth-of-type(3) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    width: 145px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 20px;
    border-radius: 5px;
    border: solid 1px #ffffff;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) {
    background-color: #1A1C28;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) {
    background-color: #1A1C28;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) .banner3TipsBox {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(4) .banner3TipsBox {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}




.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul {
    position: absolute;
    top: 300px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li {
    color: #fff;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li:nth-of-type(1) {
    font-size: 48px;
}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li:nth-of-type(3) {
    font-size: 26px;
    padding-bottom: 50px;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li:nth-of-type(4) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    width: 145px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 20px;
    border-radius: 5px;
    border: solid 1px #ffffff;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) {
    background-color: #1A1C28;
}
.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) .banner3TipsBox {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}



.bannerSection .unslider-wrap li.tipsAnimate .centerBox li {
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

.bannerSection~.next,
.bannerSection~.prev {
    display: none;
}


/* bannerCircle spin */

.bannerRollBox {
    position: absolute;
    right: 0;
    width: 1100px;
    height: 1100px;
    bottom: 0px;
    z-index: 999999;
}

.bannerRollBox .bannerRollPlayBtn {
    width: 63px;
    height: 63px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -31.5px;
    margin-left: -31.5px;
    background: url("../images/playBtnDark.png"/*tpa=http://www.vhall.com/public/static/images/playBtnDark.png*/) no-repeat;
    background-position: center center;
    -webkit-animation: replaceBg 2s ease-in-out infinite alternate;
    -o-animation: replaceBg 2s ease-in-out infinite alternate;
    -moz-animation: replaceBg 2s ease-in-out infinite alternate;
    animation: replaceBg 2s ease-in-out infinite alternate;
}

.bannerRollBox .bannerRollPlayBtn:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    background-image: url("../images/playBtnLight.png"/*tpa=http://www.vhall.com/public/static/images/playBtnLight.png*/);
}

.bannerRollBox img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -450px;
    margin-left: -450px;
    -webkit-animation: spinAround 40s linear infinite;
    -o-animation: spinAround 40s linear infinite;
    animation: spinAround 40s linear infinite;
    /*&:nth-of-type(1){
      margin-top:-115px;
      margin-left: -115px;
    }*/
}

.bannerRollBox img.reverse {
    -webkit-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
}

.bannerRollBox img.fast {
    -webkit-animation-duration: 30s;
    -o-animation-duration: 30s;
    animation-duration: 30s;
}

.bannerRollBox img.slow {
    -webkit-animation-duration: 80s;
    -o-animation-duration: 80s;
    animation-duration: 80s;
}

#topSection .unslider-nav {
    width: 138px;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -69px;
    z-index: 99999999;
    color: transparent;
}

#topSection .unslider-nav ol li {
    float: left;
    width: 38px;
    height: 4px;
    margin-right: 8px;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    color:transparent;
}

#topSection .unslider-nav ol li.unslider-active {
    background-color: #fff;
}

/*.next,
.prev {
    width: 23px;
    height: 51px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -25px;
    color: transparent;
    background: url("../images/arrowLeft.png"/*tpa=http://www.vhall.com/public/static/images/arrowLeft.png*/) center center no-repeat;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.next:hover,
.prev:hover {
    background-image: url("../images/arrowLeftH.png"/*tpa=http://www.vhall.com/public/static/images/arrowLeftH.png*/);
}

.next {
    left: auto;
    right: 30px;
    background-image: url("../images/arrowRight.png"/*tpa=http://www.vhall.com/public/static/images/arrowRight.png*/);
}

.next:hover {
    background-image: url("../images/arrowRightH.png"/*tpa=http://www.vhall.com/public/static/images/arrowRightH.png*/);
}*/


/*micro adjust position*/

.adjust-pos-top {
    position: relative;
    top: 3px;
}


/*Maincase css style*/

.caseTopSection {
    background: url("../images/casebannerbg.png"/*tpa=http://www.vhall.com/public/static/images/casebannerbg.png*/) no-repeat bottom center;
    height: 561px;
    position: relative;
}

.caseTopSection .banner3TipsBox {
    width: 1200px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.caseTopSection .banner3TipsBox a {
    color: #fff;
    display: inline-block;
    padding-top: 380px;
    width: 830px;
}

.caseTopSection .banner3Tips {
    position: absolute;
    bottom: 43px;
    left: 173px;
    width: 100%;
    color: #fff;
    font-size: 26px;
    padding-top: 380px;
    backface-visibility: hidden;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.caseProSection .banner3Tips {
    bottom: 139px;
}

.caseProSection~.caseMainBox {
    padding-bottom: 0;
}

.caseCenterNav {
    width: 100%;
    height: 70px;
    background-color: #f5f5f5;
}

.caseCenterNav ol {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.caseCenterNav ol li {
    float: left;
    height: 100%;
    width: 200px;
    text-align: center;
    color: #2b2c32;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
}

.caseCenterNav ol li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 70px;
    border-radius: 5px;
    padding-left: 10px;
    background: url("../images/case-jinrong.png"/*tpa=http://www.vhall.com/public/static/images/case-jinrong.png*/) no-repeat 47px center;
    /*  -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; */
    color: #2b2c32;
}

.caseCenterNav ol li.active a {
    /*background-color: #fff;*/
    color: #ff3333;
    background-image: url("../images/case-jinrongH.png"/*tpa=http://www.vhall.com/public/static/images/case-jinrongH.png*/);
}

.caseCenterNav ol li:hover a {
    color: #ff3333;
}

.caseCenterNav ol li:nth-of-type(2) a {
    background-image: url("../images/case-jiaoyu.png"/*tpa=http://www.vhall.com/public/static/images/case-jiaoyu.png*/);
    padding-left: 15px;
}

.caseCenterNav ol li:nth-of-type(1).active a,
.caseCenterNav ol li:nth-of-type(1):hover a {
    background-image: url("../images/case-jinrongH.png"/*tpa=http://www.vhall.com/public/static/images/case-jinrongH.png*/);
}

.caseCenterNav ol li:nth-of-type(2).active a,
.caseCenterNav ol li:nth-of-type(2):hover a {
    background-image: url("../images/case-jiaoyuH.png"/*tpa=http://www.vhall.com/public/static/images/case-jiaoyuH.png*/);
}

.caseCenterNav ol li:nth-of-type(3) a {
    background-image: url("../images/case-yiliao.png"/*tpa=http://www.vhall.com/public/static/images/case-yiliao.png*/);
}

.caseCenterNav ol li:nth-of-type(3).active a,
.caseCenterNav ol li:nth-of-type(3):hover a {
    background-image: url("../images/case-yiliaoH.png"/*tpa=http://www.vhall.com/public/static/images/case-yiliaoH.png*/);
}

.caseCenterNav ol li:nth-of-type(4) a {
    background-image: url("../images/case-weixin.png"/*tpa=http://www.vhall.com/public/static/images/case-weixin.png*/);
    padding-left: 15px;
}

.caseCenterNav ol li:nth-of-type(4).active a,
.caseCenterNav ol li:nth-of-type(4):hover a {
    background-image: url("../images/case-weixinH.png"/*tpa=http://www.vhall.com/public/static/images/case-weixinH.png*/);
}

.caseCenterNav ol li:nth-of-type(5) a {
    background-image: url("../images/case-fenghui.png"/*tpa=http://www.vhall.com/public/static/images/case-fenghui.png*/);
}

.caseCenterNav ol li:nth-of-type(5).active a,
.caseCenterNav ol li:nth-of-type(5):hover a {
    background-image: url("../images/case-fenghuiH.png"/*tpa=http://www.vhall.com/public/static/images/case-fenghuiH.png*/);
}

.caseCenterNav ol li:nth-of-type(6) a {
    background-image: url("../images/case-zhibo.png"/*tpa=http://www.vhall.com/public/static/images/case-zhibo.png*/);
    padding-left: 15px;
}

.caseCenterNav ol li:nth-of-type(6).active a,
.caseCenterNav ol li:nth-of-type(6):hover a {
    background-image: url("../images/case-zhiboH.png"/*tpa=http://www.vhall.com/public/static/images/case-zhiboH.png*/);
}

#caseCenterNav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999999;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.caseMainBox {
    width: 100%;
    background: #fff;
    padding-bottom: 74px;
}

.caseMainBox .caseItem {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    border-bottom: 1px solid #dcdcdc;
}

.caseMainBox .caseItem dl {
    padding: 80px 0;
    height: 100%;
}

.caseMainBox .caseItem:nth-child(2) dl {
    padding-top: 60px;
}

.caseMainBox .caseItem dl dt {
    float: left;
    width: 360px;
    height: 237px;
    margin-right: 22px;
}

.caseMainBox .caseItem dl dt a {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.caseMainBox .caseItem dl dd {
    height: 100%;
    position: relative;
    float: left;
    width: 807px;
}

.caseMainBox .caseItem dl dt img {
    width: 100%;
    height: 100%;
}

.caseMainBox .caseItem dl dd h1,
.caseMainBox .caseItem dl dd h3 {
    font-size: 24px;
    color: #2b2c32;
    position: relative;
    bottom: 8px;
}

.caseMainBox .caseItem dl dd div {
    font-size: 16px;
    color: #2b2c32;
    padding: 5px 0;
}

.caseMainBox .caseItem dl dd span:nth-of-type(1) {
    padding: 0 10px;
}

.caseMainBox .caseItem dl dd p {
    font-size: 20px;
    color: #2b2c32;
    text-align: justify;
    text-justify: inter-ideograph;
}

.caseMainBox .caseItem dl dd b {
    color: #ff3333;
    float: right;
    font-size: 18px;
    position: relative;
    top: 18px;
    left: 16px;
}

.caseMainBox .caseItem dl dd b span {
    position: relative;
    top: 3px;
}

.caseMainBox .caseItem:nth-of-type(6) {
    border: none;
}

.caseMainBox .caseItemPages {
    width: 100%;
    height: 70px;
}

.caseMainBox .caseItemPages ol {
    margin: 0 auto;
    width: 550px;
}

.caseMainBox .caseItemPages ol li {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    float: left;
    background: #f2f2f2;
    color: #C5C5C3;
    border-right: 1px solid #e2e2e2;
}

.caseMainBox .caseItemPages ol li:nth-last-of-type(1) {
    border: none;
}

.caseMainBox .caseItemPages ol li:nth-of-type(1),
.caseMainBox .caseItemPages ol li:nth-of-type(2),
.caseMainBox .caseItemPages ol li:nth-last-of-type(1),
.caseMainBox .caseItemPages ol li:nth-last-of-type(2) {
    color: #CF170F;
    width: 50px;
}

.caseMainBox .caseItemPages ol li:hover,
.caseMainBox .caseItemPages ol li.active {
    background: #CF170F;
    color: #fff;
}

.caseMainBox .casePurchase {
    width: 100%;
    min-width: 1200px;
    height: 522px;
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
    overflow: hidden;
}

.caseMainBox .casePurchase p {
    padding-top: 25px;
    font-size: 18px;
    color: #646464;
}

.caseMainBox .casePurchase ol {
    height: 164px;
    width: 2788px;
    overflow: hidden;
}

.caseMainBox .casePurchase ol li {
    width: 164px;
    height: 164px;
    float: left;
}

.caseMainBox .casePurchase span {
    display: inline-block;
    margin-top: 50px;
    width: 185px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    color: #fff;
    background-color: #ff3333;
}

#productCenterNav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    display: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}


/*case Detail*/

.caseDetailSection {
    width: 100%;
    background-color: #fff;
}

.caseDetailSection .caseDetailBox {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 95px;
}

.caseDetailSection .caseDetail {
    width: 920px;
}

.caseDetailSection .caseDetail .detailBreadCrum {
    color: #646464;
    font-size: 19px;
    margin-bottom: 30px;
}

.caseDetailSection .caseDetail .caseDetailInfo {
    min-height: 500px;
}

.caseDetailSection .caseDetail .detailBreadCrum span {
    padding-left: 3px;
    cursor: pointer;
}

.caseDetailSection .caseDetail .detailBreadCrum span:hover a {
    color: #ff3232;
}

.caseDetailSection .caseDetail .detailBreadCrum span:nth-last-of-type(1) {
    color: default;
    cursor: default;
}

.caseDetailSection .caseDetail .detailBreadCrum span.curBread:hover {
    color: #646464;
}

.caseDetailSection .caseDetail .caseDetailInfo h1 {
    text-align: center;
    font-size: 24px;
    color: #111517;
    padding-bottom: 53px;
}

.caseDetailSection .caseDetail .caseDetailInfo p {
    font-size: 20px;
    color: #2b2c32;
    padding-bottom: 40px !important;
}

.caseDetailSection .caseDetail .caseDetailInfo img {}

.caseDetailSection .caseDetail .caseDetailInfo p img {
    display: block;
    margin: 0 auto !important;
}

.caseDetailSection .caseDetail .nav {
    text-align: center;
    color: #2b2c32;
    margin-top: 75px;
}

.caseDetailSection .caseDetail .nav span:hover a {
    color: #ff3333;
}

.caseDetailSection .caseDetail .nav .t-hand:hover {
    color: #ff3232;
}

.caseDetailSection .caseDetail .nav b {
    display: inline-block;
    width: 40px;
}

.caseDetailSection .caseSidebar {
    width: 250px;
    /*height: 713px;*/
    height: auto;
    background-color: #f5f5f5;
    position: absolute;
    top: 50px;
    right: 0;
    padding-bottom: 40px;
}

.caseDetailSection .caseSidebar h1 {
    text-align: center;
    color: #2b2c32;
    font-size: 24px;
    padding: 10px 0;
}

.caseDetailSection .caseSidebar div {
    width: 230px;
    height: 153px;
    position: relative;
    margin: 0 auto;
}

.caseDetailSection .caseSidebar div img {
    width: 100%;
    height: 100%;
}

.caseDetailSection .caseSidebar div p {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.caseDetailSection .caseSidebar ol {
    width: 230px;
    margin: 0 auto;
    margin-top: 9px;
}

.caseDetailSection .caseSidebar ol li {
    width: 100%;
    height: 93px;
    border-bottom: 1px solid #dcdcdc;
}

.caseDetailSection .caseSidebar ol li:nth-last-of-type(1) {
    border: none;
}

.caseDetailSection .caseSidebar ol li dl {
    width: 100%;
    height: 100%;
    padding: 10px 0;
}

.caseDetailSection .caseSidebar ol li dl dt {
    width: 108px;
    height: 72px;
    float: left;
    margin-right: 7px;
}

.caseDetailSection .caseSidebar ol li dl dt img {
    width: 100%;
    height: 100%;
}

.caseDetailSection .caseSidebar ol li dl dd {
    color: #2b2c32;
    float: left;
    width: 115px;
}

.caseDetailSection .caseSidebar ol li dl dd a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 100%;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.caseDetailSection .caseSidebar span {
    color: #2b2c32;
    display: block;
    margin: 0 auto;
    width: 185px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border-radius: 3px;
    border: solid 1px #ff3333;
    margin-top: 26px;
}

.caseDetailSection .caseSidebar span a {
    color: #000;
}

.caseDetailSection .caseSidebar span:before {
    background: rgba(255, 51, 51, 1);
}

.caseDetailSection .caseSidebar span:hover a {
    color: #fff;
}


/* channel */

.channelBannerSection {
    width: 100%;
    /*background-color: #1A1C28;*/
    height: 460px;
    position: relative;
    overflow: hidden;
}

.channelBannerSection .channelBannerSectionEle {
    width: 1400px;
    margin: 0 auto;
    height: 100%;
    color: #fff;
    position: relative;
}

.channelBannerSection section {
    width: 100%;
    height: 150%;
    position: absolute;
    top: -20px;
    left: 0;
    background: #1A1C28;
}

.channelBannerSection .channelBannerPicBox {
    position: absolute;
    z-index: 99999999;
    right: 0;
    top: 150px;
    background: #1A1C28;
    border-radius: 1050px;
    display: none;
}

.channelBannerSection .channelBannerPicBox .channelBannerPicIcon {
    position: absolute;
    top: 10px;
    left: 40px;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-animation: iconFlow 2s ease-in-out infinite alternate;
    -o-animation: iconFlow 2s ease-in-out infinite alternate;
    animation: iconFlow 2s ease-in-out infinite alternate;
}

.channelBannerSection .channelBannerPicBox .channelBannerPicIcon:nth-of-type(2) {
    top: 120px;
    left: 94px;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.channelBannerSection .channelBannerPicBox .channelBannerPicIcon:nth-of-type(3) {
    top: 90px;
    left: 284px;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

.channelBannerSection .channelBannerTips {
    position: absolute;
    top: 240px;
    left: 0;
    z-index: 9999999;
    /*padding-top: 130px;*/
}

.channelBannerSection .channelBannerTips h3 {
    font-size: 43px;
}

.channelBannerSection .channelBannerTips p {
    font-size: 25px;
}

.channelBannerSection .channelBannerTips p:nth-of-type(1) {
    position: relative;
    top: 5px;
}

.channelBannerSection .channelBannerTips p:nth-of-type(2) {
    position: relative;
    top: 56px;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.channelBannerSection .channelBannerTips h1,
.channelBannerSection .channelBannerTips h3,
.channelBannerSection .channelBannerTips p {
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 1;
}

.tipsAnimate .channelBannerTips h1,
.tipsAnimate .channelBannerTips h3,
.tipsAnimate .channelBannerTips p {
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

.tipsAnimate .banner3Tips {
    color;
    #fff -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.contentBox {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.contentBox .top {
    text-align: center;
    color: #646464;
    background-position: center -417px;
    background-image: url("../images/bigTitleBg.png"/*tpa=http://www.vhall.com/public/static/images/bigTitleBg.png*/);
    height: 120px;
    margin-top: 100px;
}

.contentBox .top h1 {
    font-size: 48px;
    padding: 80px 0 10px 0;
}

.contentBox .top p {
    font-size: 18px;
    padding-bottom: 70px;
}


/*district agency*/

.tipsBgBox {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 80px;
    background: url("../images/bigTitleBg.png"/*tpa=http://www.vhall.com/public/static/images/bigTitleBg.png*/) no-repeat center center;
}

.agencyTopSection {
    background-image: url("../images/agency-topbg.png"/*tpa=http://www.vhall.com/public/static/images/agency-topbg.png*/);
}

.agencyTopSection .agencyToptips {
    position: absolute;
    left: 27%;
    top: 190px;
}

.agencyMain {
    width: 100%;
}

.agencyMain .agencyPage {
    width: 100%;
    height: 930px;
    background-color: #f5f5f5;
    overflow: hidden;
}

.agencyMain .agencyPage section {
    width: 1200px;
    height: 100%;
    margin: 100px auto;
}

.agencyMain .agencyPage section.adjust-pos-top-dist {
    margin-top: 80px;
}

.agencyMain .agencyPage section .chartBox .left,
.agencyMain .agencyPage section .chartBox .right {
    float: left;
    width: 600px;
    height: 500px;
    position: relative;
}

.agencyMain .agencyPage section .chartBox .left h1,
.agencyMain .agencyPage section .chartBox .right h1,
.agencyMain .agencyPage section .chartBox .left h3,
.agencyMain .agencyPage section .chartBox .right h3 {
    font-size: 24px;
    color: #2b2c32;
    text-align: center;
}

.agencyMain .agencyPage section .chartBox .left h2,
.agencyMain .agencyPage section .chartBox .right h2 {
    text-align: center;
}

.agencyMain .agencyPage section .chartBox .left .circleCenter,
.agencyMain .agencyPage section .chartBox .right .circleCenter {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -60px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 500px;
}

.agencyMain .agencyPage section .chartBox .left .pieLabel,
.agencyMain .agencyPage section .chartBox .right .pieLabel {
    position: absolute;
    top: 123px;
    left: 411px;
}

.agencyMain .agencyPage section .chartBox .left .pie282,
.agencyMain .agencyPage section .chartBox .right .pie282 {
    left: 25px;
}

.agencyMain .agencyPage section .chartBox .left {
    border-right: 1px dashed #e0e0e0;
}

.agencyMain .agencyPage section .chartBox #agencyMarket,
.agencyMain .agencyPage section .chartBox #agencyMarketP {
    width: 100%;
    height: 100%;
}

.agencyMain .agencyPage section .agencyTip1 {
    background-position: center -719px;
}

.agencyMain .agencyPage section .agencyTip2 {
    background-position: center -822px;
}

.agencyMain .agencyPage section .agencyTip3 {
    background-position: center -923px;
}

.agencyMain .agencyPage section .agencyTip4 {
    background-position: center -1025px;
    margin-bottom: -80px;
}

.agencyMain .agencyPage .agencyPageBtn {
    display: block;
    width: 185px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    background-color: #fc363b;
    color: #fff;
    margin: auto auto;
}

.agencyMain .agencyPage:nth-child(odd) {
    background-color: #fff;
}

.agencyMain .agencyPage:nth-of-type(2) {
    height: 816px;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox {
    height: 444px;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox ul li {
    width: 387px;
    height: 444px;
    background-color: #fff;
    margin-right: 18px;
    float: left;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox ul li img {
    display: block;
    margin: 30px auto;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox ul li:nth-last-of-type(1) {
    margin-right: 0;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox p {
    padding: 0 40px;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox .discribTipsBold {
    font-size: 20px;
    color: #2b2c32;
}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox .discribTipsThin {
    font-size: 16px;
    color: #646464;
    padding-top: 15px;
    padding-bottom: 30px;
}

.agencyMain .agencyPage:nth-of-type(3) {
    height: 909px;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li {
    width: 380px;
    height: 520px;
    float: left;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li ol {
    padding-top: 30px;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li ol .getToknowBtn {
    width: 185px;
    height: 46px;
    margin: 41px 128px;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
    background-color: #fc363b;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li ol>li {
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #646464;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li dl {
    width: 100%;
    height: 140px;
    background-color: #f5f5f5;
    padding-top: 25px;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li dl dt {
    width: 100%;
    height: 55px;
    background: url("../images/agency-fuwubaozhang.png"/*tpa=http://www.vhall.com/public/static/images/agency-fuwubaozhang.png*/) no-repeat center center;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li dl dd {
    text-align: center;
    color: #2b2c32;
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(2) {
    border-left: none;
    border-right: none;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(2) dl {
    background-color: #e5e6e6;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(2) dl dt {
    background-image: url("../images/agency-shiyongchangjing.png"/*tpa=http://www.vhall.com/public/static/images/agency-shiyongchangjing.png*/);
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(3) dl dt {
    background-image: url("../images/agency-jiazhiyuliyi.png"/*tpa=http://www.vhall.com/public/static/images/agency-jiazhiyuliyi.png*/);
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl {
    position: relative;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li {
    position: absolute;
    top: -20px;
    width: 443px;
    height: 560px;
    border-color: #59b2f9;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 50px #C3E3FE;
    -moz-box-shadow: 0 0 50px #C3E3FE;
    box-shadow: 0 0 50px #C3E3FE;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li dl {
    background-color: #59b2f9 !important;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li dl dt {
    background-image: url("../images/agency-fuwubaozhangH.png"/*tpa=http://www.vhall.com/public/static/images/agency-fuwubaozhangH.png*/);
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li dl dd {
    color: #fff;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(1) {
    opacity: 1;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(2) {
    left: 380px;
    border: 1px solid #59b2f9;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(2) dl>dt {
    background-image: url("../images/agency-shiyongchangjingH.png"/*tpa=http://www.vhall.com/public/static/images/agency-shiyongchangjingH.png*/);
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(3) {
    right: 0;
}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(3) dl>dt {
    background-image: url("../images/agency-jiazhiyuliyiH.png"/*tpa=http://www.vhall.com/public/static/images/agency-jiazhiyuliyiH.png*/);
}

.agencyMain .agencyPage:nth-of-type(4) {
    height: 830px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap {
    width: 849px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #2ad1eb;
    bottom: 56px;
    right: 275px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i b {
    font-size: 20px;
    color: #fc363b;
    position: absolute;
    background-color: #fff;
    width: 123px;
    text-align: center;
    line-height: 40px;
    height: 52px;
    top: -55px;
    background: url("../images/agency-citybg.png"/*tpa=http://www.vhall.com/public/static/images/agency-citybg.png*/) no-repeat center center;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i .spe {
    right: 10px;
    background-image: url("../images/agency-citybg2.png"/*tpa=http://www.vhall.com/public/static/images/agency-citybg2.png*/);
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i .spe:before {
    content: "";
    position: absolute;
    bottom: -11px;
    right: 0;
    left: auto;
    width: 1px;
    height: 1px;
    border: 10px solid transparent;
    border-right: 10px solid #fff;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:before {
    content: "";
    width: 1px;
    height: 1px;
    border-radius: 200px;
    border: 1px solid #2ad1eb;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5px;
    margin-left: -0.5px;
    -webkit-animation: dotZoom 2s linear infinite;
    -o-animation: dotZoom 2s linear infinite;
    animation: dotZoom 2s linear infinite;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:after {
    content: "";
    width: 1px;
    height: 1px;
    border-radius: 200px;
    border: 1px solid #2ad1eb;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5px;
    margin-left: -0.5px;
    -webkit-animation: dotZoom 2s linear 1s infinite;
    -o-animation: dotZoom 2s linear 1s infinite;
    animation: dotZoom 2s linear 1s infinite;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(2) {
    bottom: 221px;
    right: 308px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(3) {
    bottom: 158px;
    right: 417px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(4) {
    bottom: 179px;
    right: 450px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(5) {
    bottom: 256px;
    right: 347px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(6) {
    bottom: 226px;
    right: 197px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(7) {
    bottom: 451px;
    right: 120px;
}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(8) {
    bottom: 338px;
    right: 251px;
}

.agencyMain .agencyPage:nth-of-type(5) {
    height: 223px;
}


/*proReport*/

.proReport {
    height: 460px;
    background: #1A1C28;
    overflow: hidden;
}

.proReport .bannerRollBox {
    /*top:-100px;*/
    right: 0;
}

.proReport ul {
    height: 100%;
}

.proReport .centerBoxTips {
    padding-top: 100px;
}

.proReport .centerBoxTips li {
    color: #fff;
    font-size: 50px;
}

.proReport .centerBoxTips li:nth-of-type(2) {
    font-size: 26px;
}

.proCenterNav ol li {
    width: 300px;
}

.proCenterNav ol li a {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-position-x: 90px;
    color: #2b2c32;
    font-weight: bold;
}

.proCenterNav ol li:hover a {
    color: #ff3333;
}

.proCenterNav ol li:nth-of-type(1) a {
    background-image: url("../images/pro-jiandan.png"/*tpa=http://www.vhall.com/public/static/images/pro-jiandan.png*/);
}

.proCenterNav ol li:nth-of-type(1):hover a {
    background-image: url("../images/pro-jiandanH.png"/*tpa=http://www.vhall.com/public/static/images/pro-jiandanH.png*/);
}

.proCenterNav ol li:nth-of-type(2) a {
    background-image: url("../images/pro-tuiguang.png"/*tpa=http://www.vhall.com/public/static/images/pro-tuiguang.png*/);
}

.proCenterNav ol li:nth-of-type(2):hover a {
    background-image: url("../images/pro-tuiguangH.png"/*tpa=http://www.vhall.com/public/static/images/pro-tuiguangH.png*/);
}

.proCenterNav ol li:nth-of-type(3) a {
    background-image: url("../images/pro-guanli.png"/*tpa=http://www.vhall.com/public/static/images/pro-guanli.png*/);
}

.proCenterNav ol li:nth-of-type(3):hover a {
    background-image: url("../images/pro-guanliH.png"/*tpa=http://www.vhall.com/public/static/images/pro-guanliH.png*/);
}

.proCenterNav ol li:nth-of-type(4) a {
    background-image: url("../images/pro-baogao.png"/*tpa=http://www.vhall.com/public/static/images/pro-baogao.png*/);
}

.proCenterNav ol li:nth-of-type(4):hover a {
    background-image: url("../images/pro-baogaoH.png"/*tpa=http://www.vhall.com/public/static/images/pro-baogaoH.png*/);
}

.proCenterNav ol li:nth-of-type(1).active a {
    background-image: url("../images/pro-jiandanH.png"/*tpa=http://www.vhall.com/public/static/images/pro-jiandanH.png*/);
}

.proCenterNav ol li:nth-of-type(2).active a {
    background-image: url("../images/pro-tuiguangH.png"/*tpa=http://www.vhall.com/public/static/images/pro-tuiguangH.png*/);
}

.proCenterNav ol li:nth-of-type(3).active a {
    background-image: url("../images/pro-guanliH.png"/*tpa=http://www.vhall.com/public/static/images/pro-guanliH.png*/);
}

.proCenterNav ol li:nth-of-type(4).active a {
    background-image: url("../images/pro-baogaoH.png"/*tpa=http://www.vhall.com/public/static/images/pro-baogaoH.png*/);
}

.proMainBox {
    background-color: transparent;
    padding-top: 120px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}

.proMainBox .proMainBoxPage {
    width: 1200px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}

.proMainBox .proMainBoxPage img {
    position: absolute;
    /*bottom:70px;*/
    right: 0;
}

.proMainBox .proMainBoxPage:nth-child(even) img {
    right: auto;
    left: 0;
}

.proMainBox .proMainBoxPage div {
    width: 600px;
}

.proMainBox .proMainBoxPage h1,
.proMainBox .proMainBoxPage h3 {
    width: 100%;
    height: 65px;
    background: url("../images/pro-wenzi.png"/*tpa=http://www.vhall.com/public/static/images/pro-wenzi.png*/) no-repeat 0 0;
    margin-bottom: 30px;
    margin-top: 47px;
    font-size: 60px;
    color: transparent;
}

.proMainBox .proMainBoxPage p {
    width: 100%;
    height: 77px;
    background: url("../images/pro-wenzi.png"/*tpa=http://www.vhall.com/public/static/images/pro-wenzi.png*/) no-repeat 0 -71px;
    margin-bottom: 30px;
    font-size: 33px;
    /*color:#ff3333;*/
    color: transparent;
}

.proMainBox .proMainBoxPage p span {
    display: block;
    font-size: 20px;
    /*color:#969696;*/
    opacity: 1;
    color: transparent;
}

.proMainBox .proMainBoxPage p:nth-of-type(2) {
    background-position: 0 -152px;
}

.proMainBox .proMainBoxPage div.left p:before,
.proMainBox .proMainBoxPage div.right p:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ff3333;
    display: inline-block;
    border-radius: 100px;
    margin: 10px;
    position: relative;
    top: 4px;
    display: none;
}

.proMainBox .proMainBoxPage div.right {
    text-align: right;
}

.proMainBox .proMainBoxPage2 h1,
.proMainBox .proMainBoxPage2 h3 {
    background-position: 130px -232px;
}

.proMainBox .proMainBoxPage2 p {
    background-position: 130px -298px;
}

.proMainBox .proMainBoxPage2 p:nth-of-type(2) {
    background-position: 130px -379px;
}

.proMainBox .proMainBoxPage3 .left {
    width: 540px;
}

.proMainBox .proMainBoxPage3 h1,
.proMainBox .proMainBoxPage3 h3 {
    background-position: 0 -457px;
}

.proMainBox .proMainBoxPage3 p {
    background-position: 0 -524px;
}

.proMainBox .proMainBoxPage3 p:nth-of-type(2) {
    background-position: 0 -603px;
}

.proMainBox .proMainBoxPage4 {
    height: 604px;
}

.proMainBox .proMainBoxPage4 h1,
.proMainBox .proMainBoxPage4 h3 {
    background-position: 307px -683px;
    margin-top: 125px;
}

.proMainBox .proMainBoxPage4 p {
    background-position: 307px -751px;
}

.proMainBox .proMainBoxPage4 p:nth-of-type(2) {
    background-position: 307px -833px;
}

.proBtnBox {
    width: 100%;
    height: 200px;
    background: #fff;
    overflow: hidden;
}

.proBtnBox span {
    display: block;
    width: 185px;
    height: 46px;
    margin: 56px auto;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #ff3333;
}


/*pro-manage*/

.proManageBox .proMainBoxPage {
    height: 500px;
}

.proManageBox .proMainBoxPage h1,
.proManageBox .proMainBoxPage h3 {
    width: 100%;
    height: 65px;
    background: url("../images/man-wenzi.png"/*tpa=http://www.vhall.com/public/static/images/man-wenzi.png*/) no-repeat 0 0;
    margin-bottom: 30px;
    margin-top: 47px;
    color: transparent;
}

.proManageBox .proMainBoxPage p {
    width: 100%;
    height: 77px;
    background: url("../images/man-wenzi.png"/*tpa=http://www.vhall.com/public/static/images/man-wenzi.png*/) no-repeat 0 -71px;
    margin-bottom: 30px;
    color: transparent;
}

.proManageBox .proMainBoxPage p:nth-of-type(2) {
    background-position: 0 -152px;
}

.proManageBox .proMainBoxPage1 {
    hegiht: 550px;
}

.proManageBox .proMainBoxPage1 p:nth-of-type(1) {
    height: 107px;
    background-position: 0 -70px;
}

.proManageBox .proMainBoxPage1 p:nth-of-type(2) {
    background-position: 0 -183px;
}

.proManageBox .proMainBoxPage1 img {
    bottom: 20px;
}

.proManageBox .proMainBoxPage2 {
    height: 630px;
}

.proManageBox .proMainBoxPage2 h1,
.proManageBox .proMainBoxPage2 h3 {
    background-position: 74px -260px;
}

.proManageBox .proMainBoxPage2 p:nth-of-type(1) {
    background-position: 74px -329px;
}

.proManageBox .proMainBoxPage2 p:nth-of-type(2) {
    background-position: 74px -411px;
}

.proManageBox .proMainBoxPage2 .right {
    padding-top: 30px;
}

.proManageBox .proMainBoxPage3 {
    height: 400px;
}

.proManageBox .proMainBoxPage3 h1,
.proManageBox .proMainBoxPage3 h3 {
    background-position: 0px -489px;
}

.proManageBox .proMainBoxPage3 p:nth-of-type(1) {
    height: 108px;
    background-position: 0px -555px;
}

.proManageBox .proMainBoxPage3 p:nth-of-type(2) {
    background-position: 0px -666px;
}


/*pro-spread*/

.proSpreadBox .proMainBoxPage h1,
.proSpreadBox .proMainBoxPage h3,
.proSpreadBox .proMainBoxPage p {
    background: url("../images/proSpreadTips.png"/*tpa=http://www.vhall.com/public/static/images/proSpreadTips.png*/) no-repeat 0 0;
    color: transparent;
}

.proSpreadBox .proMainBoxPage1 img {
    bottom: 0;
}

.proSpreadBox .proMainBoxPage1 p:nth-of-type(1) {
    height: 108px;
    background-position: 0 -71px;
}

.proSpreadBox .proMainBoxPage1 p:nth-of-type(2) {
    background-position: 0 -183px;
}

.proSpreadBox .proMainBoxPage2 {
    height: 570px;
    padding-top: 100px;
}

.proSpreadBox .proMainBoxPage2 h1,
.proSpreadBox .proMainBoxPage2 h3 {
    background-position: 208px -262px;
}

.proSpreadBox .proMainBoxPage2 p:nth-of-type(1) {
    background-position: 208px -328px;
}

.proSpreadBox .proMainBoxPage2 p:nth-of-type(2) {
    background-position: 208px -409px;
}

.proSpreadBox .proMainBoxPage2 p:nth-of-type(3) {
    background-position: 208px -490px;
}


/*pro-easey*/

.proEasyBox .proMainBoxPage h1,
.proEasyBox .proMainBoxPage h3,
.proEasyBox .proMainBoxPage p {
    background: url("../images/easy-tips.png"/*tpa=http://www.vhall.com/public/static/images/easy-tips.png*/) no-repeat 0 0;
    color: transparent;
}

.proEasyBox .proMainBoxPage1 {
    height: 615px;
}

.proEasyBox .proMainBoxPage1 img {
    bottom: 70px;
    right: -37px;
}

.proEasyBox .proMainBoxPage1 p:nth-of-type(1) {
    background-position: 0 -95px;
}

.proEasyBox .proMainBoxPage1 p:nth-of-type(2) {
    background-position: 0 -197px;
}

.proEasyBox .proMainBoxPage2 {
    height: 520px;
}

.proEasyBox .proMainBoxPage2 h1,
.proEasyBox .proMainBoxPage2 h3 {
    background-position: 152px -275px;
}

.proEasyBox .proMainBoxPage2 p:nth-of-type(1) {
    background-position: 152px -344px;
}

.proEasyBox .proMainBoxPage2 p:nth-of-type(2) {
    height: 108px;
    background-position: 152px -425px;
}

.proEasyBox .proMainBoxPage2 .right {
    padding-top: 100px;
}

.proEasyBox .proMainBoxPage3 {
    height: 570px;
}

.proEasyBox .proMainBoxPage3 img {
    bottom: 93px;
}

.proEasyBox .proMainBoxPage3 .left {
    width: 608px;
}

.proEasyBox .proMainBoxPage3 .right {
    width: auto;
}

.proEasyBox .proMainBoxPage3 h1,
.proEasyBox .proMainBoxPage3 h3 {
    background-position: 0 -535px;
}

.proEasyBox .proMainBoxPage3 p:nth-of-type(1) {
    background-position: 0 -601px;
}

.proEasyBox .proMainBoxPage3 p:nth-of-type(2) {
    background-position: 0 -683px;
}

.proEasyBox .proMainBoxPage3 p:nth-of-type(3) {
    background-position: 0 -763px;
}

.proEasyBox .proMainBoxPage4 {
    height: 600px;
}

.proEasyBox .proMainBoxPage4 h1,
.proEasyBox .proMainBoxPage4 h3 {
    background-position: 101px -842px;
}

.proEasyBox .proMainBoxPage4 p:nth-of-type(1) {
    height: 108px;
    background-position: 101px -910px;
}

.proEasyBox .proMainBoxPage4 p:nth-of-type(2) {
    background-position: 101px -1021px;
}


/* proPage css3 animation */

.proMainBoxPage img,
.proMainBoxPage h1,
.proMainBoxPage h3,
.proMainBoxPage p {
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.proMove img,
.proMove h1,
.proMove h3,
.proMove p {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.proMove img {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    -transition-delay: .5s;
}

.proMove p:nth-child(even) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    -transition-delay: .5s;
}

.proMove p:nth-child(odd) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -transition-delay: 1s;
}


/*course*/

.courseMainBox {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.courseMainBox .content {
    width: 1200px;
    margin: 50px auto;
    position: relative;
    min-height: 400px;
}

.courseMainBox .content * {
    /*font-size: 16px; */
}

.courseMainBox .content .left {
    width: 220px;
    border: solid 1px #dcdcdc;
    position: absolute;
    top: 0;
    left: 0;
}

.courseMainBox .content .left * {
    font-size: 16px;
}

.courseMainBox .content .left i {
    position: absolute;
    width: 15px;
    height: 7px;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    background: url("../images/courseArrow.png"/*tpa=http://www.vhall.com/public/static/images/courseArrow.png*/) no-repeat center center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.courseMainBox .content .left ul * {
    cursor: pointer;
}

.courseMainBox .content .left>ul>li {
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
}

.courseMainBox .content .left>ul>li p {
    height: 56px;
    line-height: 56px;
    padding-left: 34px;
    background-color: #fff;
    background: url("../images/courseNew.png"/*tpa=http://www.vhall.com/public/static/images/courseNew.png*/) no-repeat 10px center;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.courseMainBox .content .left>ul>li:nth-of-type(2) p {
    background-image: url("../images/courseProblem.png"/*tpa=http://www.vhall.com/public/static/images/courseProblem.png*/);
}

.courseMainBox .content .left>ul>li:nth-of-type(3) p {
    background-image: url("../images/courseTeach.png"/*tpa=http://www.vhall.com/public/static/images/courseTeach.png*/);
}

.courseMainBox .content .left>ul>li:nth-of-type(4) p {
    background-image: url("../images/courseUpdate.png"/*tpa=http://www.vhall.com/public/static/images/courseUpdate.png*/);
}

.courseMainBox .content .left>ul>li:nth-last-of-type(1) {
    border: none;
}

.courseMainBox .content .left>ul>li ol {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.courseMainBox .content .left>ul>li ol ul li {
    font-size: 14px;
    line-height: 40px;
    padding: 0 57px;
}

.courseMainBox .content .left>ul>li ol ul li.active a {
    color: #ff3333;
}

.courseMainBox .content .left>ul>li ol ul li:hover {
    background-color: #e5e8ee;
}

.courseMainBox .content .left>ul>li ol li.hasSubNav {
    position: relative;
}

.courseMainBox .content .left>ul>li ol li.hasSubNav i {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.courseMainBox .content .left>ul>li ol li.close i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.courseMainBox .content .left>ul>li ol li.close~ul {
    height: 0;
    overflow: hidden;
}

.courseMainBox .content .left>ul>li p.close~ol {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.courseMainBox .content .left>ul>li p.close i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.courseMainBox .content .left>ul>li ol>li {
    /*padding: 0 34px;*/
    line-height: 40px;
    position: relative;
    padding-left: 50px;
}

.courseMainBox .content .left>ul>li ol>li:hover {
    background-color: #e5e8ee;
}

.courseMainBox .content .left>ul>li ol>li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.courseMainBox .content .left>ul>li ol>li.active a {
    color: #ff3333;
}

.courseMainBox .content .right {
    width: 950px;
    float: right;
    padding: 0 0 40px 14px;
}

.courseMainBox .content section.level3list {
    margin-top: 60px;
}

.courseMainBox .content section.level3list li {
    line-height: 40px;
}

.courseMainBox .content section.level3list li a:hover {
    color: #ff3333;
}

.courseMainBox .content .right h1 {
    font-size: 24px;
    text-align: center;
    padding-bottom: 50px;
}

.courseMainBox .content .right p {
    padding-bottom: 30px;
    -webkit-user-select: initial;
    user-select: initial;
}

.courseMainBox .content .right p img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}


/*changjing*/

#fp-nav {
    right: -60px !important;
}

#fp-nav ul li {
    width: auto;
    height: 50px;
}

#fp-nav ul li a {
    width: 100px;
    padding-left: 45px;
    height: 48px;
    line-height: 48px;
    text-align: left;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    background-image: url("../images/case-jinrongH.png"/*tpa=http://www.vhall.com/public/static/images/case-jinrongH.png*/);
    background-position: 16px center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#fp-nav ul li a span {
    display: none;
}

#fp-nav ul li a.active {
    background-color: rgba(255, 255, 255, 0.2);
    width: 138px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
}

#fp-nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    /*width:140px;*/
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
}

#fp-nav ul li:nth-of-type(2) a {
    background-image: url("../images/case-jiaoyuH.png"/*tpa=http://www.vhall.com/public/static/images/case-jiaoyuH.png*/);
}

#fp-nav ul li:nth-of-type(3) a {
    background-image: url("../images/case-yiliaoH.png"/*tpa=http://www.vhall.com/public/static/images/case-yiliaoH.png*/);
}

#fp-nav ul li:nth-of-type(4) a {
    background-image: url("../images/case-fenghuiH.png"/*tpa=http://www.vhall.com/public/static/images/case-fenghuiH.png*/);
}

#fp-nav ul li:nth-of-type(5) a {
    background-image: url("../images/case-weixinH.png"/*tpa=http://www.vhall.com/public/static/images/case-weixinH.png*/);
}

#fp-nav ul li:nth-of-type(6) a {
    background-image: url("../images/case-zhiboH.png"/*tpa=http://www.vhall.com/public/static/images/case-zhiboH.png*/);
}

#fp-nav ul li .fp-tooltip {
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000 !important;
    position: static;
    opacity: 1;
}

#fp-nav .adjust-nav-style li a {
    background-color: #fff;
    color: #000;
}

#fp-nav .adjust-nav-style li a.active,
#fp-nav .adjust-nav-style li a:hover {
    color: #fff;
    background-color: rgba(43, 44, 50, .3);
}


/*Arrow animate*/

.mainTipItem-boradcast-detail:hover .t-arrow,
.caseItem:hover .t-arrow {
    left: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mainTipItem-boradcast-detail:hover .t-arrow i,
.caseItem:hover .t-arrow i {
    width: 130%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mainTipItem-boradcast-detail:hover .arrow-left,
.caseItem:hover .arrow-left {
    left: -10px !important;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mainTipItem-boradcast-detail:hover .arrow-left:before,
.caseItem:hover .arrow-left:before,
.mainTipItem-boradcast-detail:hover .arrow-left:after,
.caseItem:hover .arrow-left:after {
    left: 17px !important;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mainTipItem-boradcast-detail dl {
    cursor: pointer;
}

.mainTipItem-boradcast-detail dl dt img {
    display: inline-block;
    margin: 0 auto;
    display: none;
}

.mainTipItem-boradcast-detail dl dt img:nth-of-type(1) {
    display: block;
}

.mainTipItem-boradcast-detail dl dd {
    padding-top: 13px;
}

.mainTipItem-boradcast-detail dl:hover dt img {
    display: none;
}

.mainTipItem-boradcast-detail dl:hover dt img:nth-of-type(2) {
    display: block;
}

.mainTipItem-boradcast-detail dl:hover dd {
    color: #969696;
}


/*choice*/

.choice-menu {
    /*position: static;*/
    height: 100px;
    background-image: none;
}

.choiceBox~#fp-nav ul li a {
    background-image: url("../images/choice-weihouzhibo.png"/*tpa=http://www.vhall.com/public/static/images/choice-weihouzhibo.png*/);
}

.choiceBox~#fp-nav ul li:nth-of-type(2) a {
    background-image: url("../images/choice-hangyediwei.png"/*tpa=http://www.vhall.com/public/static/images/choice-hangyediwei.png*/);
}

.choiceBox~#fp-nav ul li:nth-of-type(3) a {
    background-image: url("../images/choice-zhiboanli.png"/*tpa=http://www.vhall.com/public/static/images/choice-zhiboanli.png*/);
}

.choiceBox~#fp-nav ul li:nth-of-type(4) a {
    background-image: url("../images/choice-rongyubang.png"/*tpa=http://www.vhall.com/public/static/images/choice-rongyubang.png*/);
}

.choiceBox~#fp-nav ul li:nth-of-type(5) a {
    background-image: url("../images/choice-lichengbei.png"/*tpa=http://www.vhall.com/public/static/images/choice-lichengbei.png*/);
}

.choiceBox~#fp-nav ul li:nth-of-type(6) a {
    background-image: url("../images/choice-hexintuandui.png"/*tpa=http://www.vhall.com/public/static/images/choice-hexintuandui.png*/);
}

.choiceBox~#fp-nav ul li:nth-of-type(7) a {
    background-image: url("../images/choice-lianxiwomen.png"/*tpa=http://www.vhall.com/public/static/images/choice-lianxiwomen.png*/);
}

.choiceBox .choiceBox-status {
    position: relative;
}

.choiceBox .choiceBox-status .statusDot {
    display: inline-block;
    position: absolute;
    top: 703px;
    left: -20px;
    opacity: 0;
}

.choiceBox .choiceBox-status .statusDot.active {
    -webkit-animation: fadeIn .3s ease-in-out;
    -o-animation: fadeIn .3s ease-in-out;
    animation: fadeIn .3s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.choiceBox .choiceBox-status .statusDot.active:nth-of-type(2) {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.choiceBox .choiceBox-status .statusDot.active:nth-of-type(3) {
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.choiceBox .choiceBox-status .statusDot.active:nth-of-type(4) {
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.choiceBox .choiceBox-status .statusDot:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 200px;
    width: 30px;
    height: 30px;
    background: url("../images/choice-dot.png"/*tpa=http://www.vhall.com/public/static/images/choice-dot.png*/) no-repeat center center;
}

.choiceBox .choiceBox-status .statusDot:after {
    content: "";
    position: absolute;
    top: 0;
    left: -13px;
    width: 7px;
    height: 100%;
    background: #FF3333;
}

.choiceBox .choiceBox-status .statusDot p {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 10px;
    width: 378px;
    letter-spacing: 2px;
    text-align: left;
    padding-left: 22px;
}

.choiceBox .choiceBox-status .statusDot p.spe {
    width: 310px;
}

.choiceBox .choiceBox-status .statusDot:nth-of-type(2) {
    top: 440px;
    left: 215px;
}

.choiceBox .choiceBox-status .statusDot:nth-of-type(2):before {
    top: 108px;
    left: 180px;
}

.choiceBox .choiceBox-status .statusDot:nth-of-type(3) {
    top: 550px;
    left: 737px;
}

.choiceBox .choiceBox-status .statusDot:nth-of-type(3):before {
    top: -51px;
    left: 83px;
}

.choiceBox .choiceBox-status .statusDot:nth-of-type(4) {
    top: auto;
    left: auto;
    top: 175px;
    right: 64px;
}

.choiceBox .choiceBox-status .statusDot:nth-of-type(4):before {
    top: 111px;
    left: 148px;
}

.choiceBox .choiceBox-status .dotbox,
.choiceBox .choiceBox-status .lineBox {
    width: 1400px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -700px;
}

.choiceBox .choiceBox-status .lineBox {
    height: 300px;
    top: 714px;
}

.choiceBox .section.active.v-high-level .choiceTips {
    width: 860px;
    height: 307px;
    background: url("../images/choice-tips.png-v=1"/*tpa=http://www.vhall.com/public/static/images/choice-tips.png?v=1*/) no-repeat center 0;
    top: 50%;
    left: 50%;
    margin-top: -184px;
    margin-left: -430px;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.choiceBox .section.active.v-high-level .choiceTips h1,
.choiceBox .section.active.v-high-level .choiceTips h3 {
    font-size: 90px;
    font-weight: bold;
    letter-spacing: 10px;
    height: 150px;
    /*background: url(../images/choice-tips.png?v=1) no-repeat;*/
    background-position: -251px -304px;
    color: transparent;
}

.choiceBox .section.active.v-high-level .choiceTips p {
    font-size: 30px;
}

.choiceBox .section.active.v-high-level .choiceTips div {
    font-size: 24px;
    background: #DBDBDB;
    color: #2A2B32;
    width: 344px;
    height: 70px;
    line-height: 70px;
    margin: 30px auto;
    position: relative;
}

.choiceBox .section.active.v-high-level .choiceTips div:after {
    content: "";
    width: 364px;
    height: 90px;
    background: transparent;
    border: 1px solid #dcdcdc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -182px;
}

.choiceBox .section.active.v-high-level .choiceTips div.box-spe {
    width: 400px;
}

.choiceBox .section.active.v-high-level .choiceTips div.box-spe:after {
    width: 414px;
    margin-left: -207px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm {
    width: 410px;
    height: 290px;
    background-position: center -262px;
    background: none;
    top: 80px;
    left: 100px;
    margin: 0;
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

.choiceBox .section.active.v-high-level .choiceTips-sm3 {
    background-position: center -547px;
    top: 5%;
    left: 50%;
    margin-left: -225px;
    width: 450px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm3 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm3 h3 {
    background-position-y: -300px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm2 {
    top: 50px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm2 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm2 h3 {
    width: 470px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm5 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm5 h3 {}

.choiceBox .section.active.v-high-level .choiceTips-sm6 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 {}

.choiceBox .choiceCaseBox {
    width: 1270px;
    /*height:620px;*/
    position: absolute;
    bottom: 157px;
    left: 50%;
    margin-left: -635px;
}

.choiceBox .choiceCaseBox .caseItem {
    width: 400px;
    /*height: 292px;*/
    float: left;
    margin-right: 30px;
    /*cursor: pointer;*/
    border: 1px solid #969696;
    margin-bottom: 20px;
}

.choiceBox .choiceCaseBox .caseItem img {
    width: 100%;
}

.choiceBox .choiceCaseBox .caseItem p {
    height: 60px;
    padding-left: 20px;
    line-height: 60px;
    text-align: left;
    background: rgba(0, 0, 0, 0.2);
    font-size: 18px;
    letter-spacing: 1px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm4 {
    background-position: center -834px;
    top: 50px;
    width: 333px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm4 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm4 h3 {
    background-position-y: -460px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price {
    width: auto;
    position: absolute;
    bottom: 240px;
    left: 50%;
    margin-left: -781px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price2 {
    bottom: 502px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm5 {
    background-position: center -1118px;
    left: 100px;
    margin: 0;
    width: 342px;
    top: 50px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm5 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm5 h3 {
    background-position-y: -610px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm6 {
    top: 50px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm6 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 {
    background-position-y: -765px;
    width: 460px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm7 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm7 h3 {
    background-position-y: -919px;
}

.choiceBox .section.active.v-high-level .choiceTips-sm6 h1 img,
.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 img {
    width: 100%;
}

.choiceBox .section.active.v-high-level .choiceTips-sm7 {
    background-position: center -1688px;
    left: 50%;
    margin-left: -225px;
    top: 50px;
    width: 450px;
}

.choiceBox .choiceLines {
    width: 1638px;
    height: 402px;
    position: absolute;
    left: 50%;
    bottom: 200px;
    margin-left: -929px;
    background: url("../images/choice-zhexian.png"/*tpa=http://www.vhall.com/public/static/images/choice-zhexian.png*/) no-repeat center center;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.choiceBox .choiceLines:after {
    content: '.';
    position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(255, 102, 0, 0.1);
}

.choiceBox .choiceLines div {
    width: 350px;
    height: 150px;
    background: url("../images/choice-licheng.png"/*tpa=http://www.vhall.com/public/static/images/choice-licheng.png*/) no-repeat center top;
    position: absolute;
    bottom: 210px;
    left: 179px;
    opacity: 0;
}

.choiceBox .choiceLines div:nth-of-type(2) {
    background-position: center -151px;
    height: 129px;
    left: 360px;
    bottom: -96px;
}

.choiceBox .choiceLines div:nth-of-type(3) {
    left: 488px;
    background-position: center -280px;
    bottom: 185px;
}

.choiceBox .choiceLines div:nth-of-type(4) {
    left: 667px;
    background-position: center -423px;
    height: 144px;
    top: 278px;
}

.choiceBox .choiceLines div:nth-of-type(5) {
    left: 863px;
    background-position: center -563px;
    height: 117px;
    top: -65px;
}

.choiceBox .choiceLines div:nth-of-type(6) {
    left: 1032px;
    background-position: center -683px;
    height: 105px;
    bottom: 116px;
}

.choiceBox .choiceLines div:nth-of-type(7) {
    left: 1249px;
    background-position: center -785px;
    height: 178px;
    bottom: 327px;
}

.choiceBox .choiceLines div:nth-of-type(8) {
    left: 1509px;
    background-position: center -958px;
    height: 117px;
    bottom: 283px;
}

.choiceBox .choiceLines div.moveTips {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.choiceBox .choiceLines div.moveTips:after {
    content: '.';
    position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(255, 102, 0, 0.1);
}

.choiceBox .choiceLines div.moveTips:nth-of-type(2) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.choiceBox .choiceLines div.moveTips:nth-of-type(3) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.choiceBox .choiceLines div.moveTips:nth-of-type(4) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.choiceBox .choiceLines div.moveTips:nth-of-type(5) {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

.choiceBox .choiceLines div.moveTips:nth-of-type(6) {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
}

.choiceBox .choiceLines div.moveTips:nth-of-type(7) {
    -webkit-transition-delay: 3.5s;
    -o-transition-delay: 3.5s;
    transition-delay: 3.5s;
}

.choiceBox .choiceLines div.moveTips:nth-of-type(8) {
    -webkit-transition-delay: 4s;
    -o-transition-delay: 4s;
    transition-delay: 4s;
}

.choiceBox .leaderBox {
    width: 100%;
    height: 100%;
}

.choiceBox .leaderBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.choiceBox .leaderBox img {
    position: absolute;
    top: 50%;
    /*right: 260px;*/
    right: 50%;
    width: 1000px;
    height: auto;
    margin-right: -588px;
    margin-top: -330.5px;
    /* -webkit-transform:scale(0.8) ;
  -o-transform:scale(0.8) ;
  -moz-transform:scale(0.8) ;
  transform:scale(0.8) ;*/
}

.choiceBox .contactBox {
    width: 1400px;
    height: 360px;
    position: absolute;
    bottom: 300px;
    left: 50%;
    margin-left: -700px;
}

.choiceBox .contactBox div img {
    width: auto !important;
    margin-bottom: 60px;
}

.choiceBox .contactBox .erweima {
    /* padding-top: 64px; */
}

.choiceBox .contactBox div {
    text-align: center;
}

.choiceBox .moveLine .goingLine {
    position: absolute;
    bottom: 345px;
    left: 195px;
    /* width: 660px;*/
    height: 2px;
    background-color: #FF3333;
    -webkit-transform: rotate(-26.1deg);
    -o-transform: rotate(-26.1deg);
    transform: rotate(-26.1deg);
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-animation: lineGrow 1.5s linear;
    -o-animation: lineGrow 1.5s linear;
    animation: lineGrow 1.5s linear;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.choiceBox .moveLine .goingLine:nth-of-type(2) {
    -webkit-transform: rotate(-6.5deg);
    -o-transform: rotate(-6.5deg);
    transform: rotate(-6.5deg);
    bottom: 450px;
    left: 412px;
    /* width: 434px;*/
    -webkit-animation: lineGrow2 1.5s linear;
    -o-animation: lineGrow2 1.5s linear;
    animation: lineGrow2 1.5s linear;
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.choiceBox .moveLine .goingLine:nth-of-type(3) {
    -webkit-transform: rotate(-40.2deg);
    -o-transform: rotate(-40.2deg);
    transform: rotate(-40.2deg);
    bottom: 497px;
    left: 835px;
    /* width: 304px;*/
    -webkit-animation: lineGrow3 1.5s linear;
    -o-animation: lineGrow3 1.5s linear;
    animation: lineGrow3 1.5s linear;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


/*product circleBG animate */

.bg-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.bg-circle .circle-img {
    position: absolute;
    opacity: 0.5 !important;
}

.bg-circle .circle-img_01 {
    top: 90px;
    left: 1430px;
    display: block;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate;
    animation: flowCircle 24s ease-in-out infinite alternate;
}

.bg-circle .circle-img_02 {
    left: 490px;
    top: 70px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 2s;
    animation: flowCircle 24s ease-in-out infinite alternate 2s;
}

.bg-circle .circle-img_03 {
    left: auto;
    right: -100px;
    top: 430px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 3s;
    animation: flowCircle 24s ease-in-out infinite alternate 3s;
}

.bg-circle .circle-img_04 {
    top: 378px;
    left: -513px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 4s;
    animation: flowCircle 24s ease-in-out infinite alternate 4s;
}

.bg-circle .circle-img_05 {
    left: 1190px;
    top: 40px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 2.5s;
    animation: flowCircle 24s ease-in-out infinite alternate 2.5s;
}

.bg-circle .circle-img_06 {
    right: 870px;
    top: 780px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 1.5s;
    animation: flowCircle 24s ease-in-out infinite alternate 1.5s;
}

.bg-circle .circle-img_07 {
    right: -410px;
    top: 1020px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 1s;
    animation: flowCircle 24s ease-in-out infinite alternate 1s;
}

.bg-circle .circle-img_08 {
    right: auto;
    top: 1350px;
    left: 50px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 3.2s;
    animation: flowCircle 24s ease-in-out infinite alternate 3.2s;
}

.bg-circle .circle-img_09 {
    left: 520px;
    right: auto;
    top: 1200PX;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 0.5s;
    animation: flowCircle 24s ease-in-out infinite alternate 0.5s;
}

.bg-circle .circle-img_10 {
    top: 1330px;
    left: 890px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 2s;
    animation: flowCircle 24s ease-in-out infinite alternate 2s;
}

.bg-circle .circle-img_11 {
    bottom: 0px;
    top: auto;
    right: auto;
    left: 164px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 1.8s;
    animation: flowCircle 24s ease-in-out infinite alternate 1.8s;
}

.bg-circle .circle-img_12 {
    right: 430px;
    bottom: 210px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 2.9s;
    animation: flowCircle 24s ease-in-out infinite alternate 2.9s;
}

.bg-circle .circle-img_13 {
    right: 620px;
    bottom: 20px;
    -webkit-animation: flowCircle 24s ease-in-out infinite alternate 5s;
    animation: flowCircle 24s ease-in-out infinite alternate 5s;
}

#diweiBigIMG {
    display: none !important;
    position: absolute;
    top: 0;
    left: 0;
}


/*media query*/

@media screen and (max-width: 1450px) {
    #diweiBigIMG {
        display: block !important;
        -webkit-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
    .adjust-choice-tips1-f {
        margin-bottom: -140px !important;
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm {
        width: 205px;
        height: 145px;
        top: 224px;
        /* top: 230*0.5px; */
        left: 100px;
        margin: 0;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm6 h1,
    .choiceBox .section.active.v-high-level .choiceTips-sm6 h3 {
        width: 220px;
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm3 {
        background-position: center -273.5px;
        top: 15%;
        left: 50%;
        margin-left: -102.5px;
    }

    .choiceBox .section.active.v-high-level .choiceTips-sm4 {
        left: 50%;
        width: 156px;
    }

    .choiceBox .section.active.v-high-level .choiceTips-sm-spe {
        left: 50px;
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm2 h1,
    .choiceBox .section.active.v-high-level .choiceTips-sm2 h3 {
        width: auto;
    }
    .choiceBox .section.active.v-high-level .choiceTips h1,
    .choiceBox .section.active.v-high-level .choiceTips h3 {
        font-size: 45px;
        letter-spacing: 0px;
    }

    .choiceBox .section.active.v-high-level .choiceTips p {
        font-size: 15px;
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm2 {
        top: 15% !important;
    }
    .choiceBox .section.active.v-high-level .choiceTips div {
        font-size: 12px;
        width: 172px;
        height: 35px;
        line-height: 35px;
        margin: 15px auto;
    }

    .choiceBox .section.active.v-high-level .choiceTips div:before {
        width: 182px;
        height: 45px;
        top: 50%;
        left: 50%;
        margin-top: -22.5px;
        margin-left: -91px;
    }

    .choiceBox .contactBox {
        width: 950px;
        height: 180px;
        position: absolute;
        bottom: 49%;
        left: 50%;
        margin-left: -475px;
        margin-bottom: -50px;
    }
    .choiceBox .contactBox .bottom {
        margin-top: 83px;
    }
    .choiceBox .leaderBox img {
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        margin-top: -300px;
        margin-right: -190px;
    }
    .choiceBox .contactBox div img {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .choiceBox .contactBox div.bottom img {
        width: 70% !important;
        position: relative;
        bottom: 20px;
    }

    .choiceBox .choiceBox-status .statusDot p {
        font-size: 14px;
        padding: 5px;
        width: 200px;
    }

    .choiceBox .choiceBox-status .statusDot {
        top: 360px;
        left: 50px;
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
    .choiceBox .choiceBox-status .statusDot:before {
        display: none;
    }

    .choiceBox .choiceBox-status .statusDot:nth-of-type(2) {
        top: 180px;
        left: 238px;
    }
    .choiceBox .choiceBox-status .statusDot:nth-of-type(2):before {
        left: 80px;
    }

    .choiceBox .choiceBox-status .statusDot:nth-of-type(3) {
        top: 249px;
        left: 677px;
    }

    .choiceBox .choiceBox-status .statusDot:nth-of-type(4) {
        top: -132px;
        right: -111px;
    }
    .choiceBox .choiceBox-status .statusDot:nth-of-type(4):before {
        top: 33px;
        left: 233px;
    }

    .choiceBox .choiceBox-status .lineBox {
        display: none;
        height: 345px;
        background: url("../images/goingLineBG.png"/*tpa=http://www.vhall.com/public/static/images/goingLineBG.png*/) no-repeat center center;
        background-size: contain;
        width: 1000px;
        top: 50%;
        left: 50%;
        margin-left: -500px;
        margin-top: -172.5px;
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
    .choiceBox .choiceBox-status .lineBox .goingLine {
        display: none;
    }

    .choiceBox .choiceBox-status .dotbox {
        display: none;
        height: 345px;
        width: 1000px;
        top: 50%;
        left: 50%;
        margin-left: -500px;
        margin-top: -172.5px;
    }

    .choiceBox .choiceCaseBox {
        width: 1000px;
        height: auto;
        margin-left: -500px;
        bottom: 50%;
        margin-bottom: -250px;
    }
    .choiceBox .choiceCaseBox .caseItem {
        width: 305px;
        height: auto;
    }
    .choiceBox .choiceCaseBox .caseItem p {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    .choiceBox .choiceLines {
        width: 1000px;
        margin-left: -601px;
        background-size: 100%;
        bottom: 50%;
        margin-bottom: -224px;
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    .choiceBox .choiceLines div {
        left: 30px;
        bottom: 200px;
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    .choiceBox .choiceLines div:nth-of-type(2) {
        left: 155px;
        bottom: -37px;
    }
    .choiceBox .choiceLines div:nth-of-type(3) {
        left: 248px;
        bottom: 180px;
    }
    .choiceBox .choiceLines div:nth-of-type(4) {
        left: 370px;
        top: 246px;
    }
    .choiceBox .choiceLines div:nth-of-type(5) {
        left: 505px;
        top: -11px;
    }
    .choiceBox .choiceLines div:nth-of-type(6) {
        left: 627px;
    }
    .choiceBox .choiceLines div:nth-of-type(7) {
        left: 771px;
        bottom: 277px;
    }
    .choiceBox .choiceLines div:nth-of-type(8) {
        left: 944px;
        bottom: 227px;
    }

    .choiceBox .leaderBox .leaderItem img {
        width: 164px;
    }

    .choiceBox .leaderBox {
        width: 100%;
        height: 400px;
        top: 47.5%;
        left: 25%;
        margin-top: -200px;
    }

    .choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price {
        bottom: 433px;
        width: 1100px;
        left: 50%;
        margin-left: -550px;
        top: 56%;
    }

    .choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price2 {
        top: 34%;
    }

    .choiceBox .section.active.v-high-level .choiceTips div.box-spe {
        width: 200px;
    }
    .choiceBox .section.active.v-high-level .choiceTips div.box-spe:after {
        height: 45px;
        width: 207px;
        margin-left: -103.5px;
    }

    .choiceBox .section.active.v-high-level .choiceTips div:after {
        width: 182px;
        height: 45px;
        margin-top: -23.5px;
        margin-left: -92px;
    }

    .choiceBox .section.v-far img.erweima {
        width: 120px;
    }

    .choiceBox .section.active.v-high-level .choiceTips-sm4,
    .choiceBox .section.active.v-high-level .choiceTips-sm7 {
        left: 50%;
        margin-left: -102.5px;
        top: 15%;
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm5 {
        top: 15%;
        width: 163px;
    }
    .choiceBox .section.active.v-high-level .choiceTips-sm6 {
        top: 15%;
    }
}

.proCenterNav ol li:hover,
.caseCenterNav ol li:hover {
    background-color: #e6e6e6;
}

.proCenterNav ol li.active,
.caseCenterNav ol li.active {
    background-color: #e6e6e6;
}


/*purchase*/

#purchaseSection {
    background: #fff;
    width: 100%;
    overflow: hidden;
}

#purchaseSection .purchaseContent {
    width: 100%;
}

#purchaseSection .purchaseContent .v-center {
    width: 1200px;
    margin: 0 auto 90px;
}

#purchaseSection .purchaseContent .titleBox {
    margin: 0 auto;
    width: 530px;
    height: 103px;
    background: url("../images/purchase-titletips.png"/*tpa=http://www.vhall.com/public/static/images/purchase-titletips.png*/) no-repeat center top;
}

#purchaseSection .purchaseContent .v-banner-bg {
    width: 100%;
    height: 300px;
    background: url("../images/banner_bg.png"/*tpa=http://www.vhall.com/public/static/images/banner_bg.png*/) no-repeat center top/ cover ;
    padding-top: 74px;
}

#purchaseSection .purchaseContent .v-banner-title {
    margin: 0 auto;
    width: 799px;
    height: 122px;
    background: url("../images/banner_title_new.png"/*tpa=http://www.vhall.com/public/static/images/banner_title_new.png*/) no-repeat center top/ cover ;
}

#purchaseSection .purchaseContent .titleBox * {
    color: transparent;
}

#purchaseSection .purchaseContent .editionBox {
    width: 100%;
    margin-top: 60px;
}

#purchaseSection .purchaseContent .editionBox>div {
    float: left;
    width: 363px;
    margin-right: 20px;
}

#purchaseSection .purchaseContent .editionBox>div .table-title {
    text-align: center;
    background: #9fc4de;
    height: 223px;
    overflow: hidden;
}

#purchaseSection .purchaseContent .editionBox>div .table-title ol {
    margin-top: 30px;
}

#purchaseSection .purchaseContent .editionBox>div .table-title ol li {
    color: #fff;
    font-size: 18px;
    margin-bottom: 12px;
}

#purchaseSection .purchaseContent .editionBox>div .table-title ol li:nth-of-type(1) {
    font-weigh: bold;
    font-size: 24px;
}

#purchaseSection .purchaseContent .editionBox>div .table-title2 {
    background: #7ecfcf;
}

#purchaseSection .purchaseContent .editionBox>div .table-title3 {
    background: #f69795;
}

#purchaseSection .purchaseContent .editionBox>div .h-box {
    height: 106px;
    border: 1px solid #DCDCDC;
    border-bottom: 1px dashed #DCDCDC;
    border-top: none;
}

#purchaseSection .purchaseContent .editionBox>div .h-box ul {
    padding: 15px 30px;
}

#purchaseSection .purchaseContent .editionBox>div .adjust-purchase-lineheight ul {
    position: relative;
    bottom: 5px;
}

#purchaseSection .purchaseContent .editionBox>div .h-box li {
    font-size: 16px;
    text-align: left;
    color: #2B2C32;
    padding-bottom: 2px;
}

#purchaseSection .purchaseContent .editionBox>div .h-box li i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/purchase-checkgray.png"/*tpa=http://www.vhall.com/public/static/images/purchase-checkgray.png*/) no-repeat center center;
    border-radius: 100px;
    margin-right: 5px;
}

#purchaseSection .purchaseContent .editionBox>div .h-200 {
    height: 230px;
}

#purchaseSection .purchaseContent .editionBox>div .h-130 {
    height: 130px;
}

#purchaseSection .purchaseContent .editionBox>div .h-160 {
    height: 160px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) {
    width: 50px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div {
    width: 100%;
    color: #2b2c32;
    font-size: 18px;
    height: 106px;
    background: #f5f5f5;
    border-bottom: 1px solid #DCDCDC;
    text-align: center;
    padding: 12px 15px;
    line-height: 20px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(1) {
    height: 223px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(2) {
    height: 230px;
    padding: 63px 15px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(6) {
    /*padding: 16px 15px;*/
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(7) {
    height: 160px;
    padding: 40px 15px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(8) {
    height: 106px !important;
    padding: 13px 15px !important;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-last-of-type(1) {
    border: none;
    height: 130px;
    padding: 24px 15px;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(3) .h-box ul li i {
    background-image: url("../images/purchase-checkgreen.png"/*tpa=http://www.vhall.com/public/static/images/purchase-checkgreen.png*/);
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(4) {
    margin-right: 0;
}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(4) .h-box ul li i {
    background-image: url("../images/purchase-checkred.png"/*tpa=http://www.vhall.com/public/static/images/purchase-checkred.png*/);
}

#purchaseSection .purchaseContent .editionBox .t-op0 {
    color: #C8C8C8 !important;
}

#purchaseSection .purchaseContent .editionBox .t-op0 i {
    opacity: 0;
}

#purchaseSection .purchaseContent .purchaseOthers {
	width: 1200px;
	margin: 0 auto;
    padding-top: 90px;
    clear: both;
}
#purchaseSection .purchaseContent .v-bg{
	width: 100%;
	height: 846px;
	background-color: #fff;
}
#purchaseSection .purchaseContent .v-bg.v-wuji-bg {
    background-color: #f5f5f5;
    display: block;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOthersTips {
    background-position: center -108px;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent {
    padding-top: 76px;
    width: 1152px;
    margin: 0 auto;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div {
    width: 560px;
    height: 520px;
    border: 1px solid #dcdcdc;
    margin-right: 30px;
    float: left;
    margin-bottom: 80px;
    position: relative;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div {
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:nth-of-type(2) ol {
    position: relative;
    top: -4px;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:nth-of-type(4) {
    margin-right: 0;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:nth-last-of-type(1) {
    margin-right: 0;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol {
    padding: 77px 0;
}
#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol span{
	display: block;
    width: 185px;
    height: 46px;
    margin: 56px auto;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #fc5659;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol .buttonAnimate a{
    color: #fc5659;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol .buttonAnimate:before{
	background: #fe5659;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol .buttonAnimate:hover a{
    color: #fff;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li {
    text-align: center;
    color: #646464;
    font-size: 16px;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li:nth-of-type(2) img{
    width: 126px;
    margin: 34px auto 41px;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li:nth-of-type(3) {
    text-align: center;
    position: relative;
    left: 5px;
    font-size: 14px;
    color: #666;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i {
    position: absolute;
    top: -2px;
    left: 0;
    background: #59b2f9;
    width: 0;
    height: 2px;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i:nth-of-type(2) {
    left: 100.5%;
    /*width: 321px;*/
    -webkit-: transform:rotate(90deg);
    -o-: transform:rotate(90deg);
    -moz-: transform:rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i:nth-of-type(3) {
    left: 100.5%;
    top: 100%;
    /*width: 100%;*/
    -webkit-: transform:rotate(180deg);
    -o-: transform:rotate(180deg);
    -moz-: transform:rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i:nth-of-type(4) {
    left: -1px;
    top: 100%;
    /*width: 321px;*/
    -webkit-: transform:rotate(-90deg);
    -o-: transform:rotate(-90deg);
    -moz-: transform:rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i {
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(1) {
    width: 100.5%;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(2) {
    width: 431px;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(3) {
    width: 100.5%;
}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(4) {
    width: 431px;
}

#purchaseSection .purchasePromoteBox {
    clear: both;
    width: 100%;
    background: #f5f5f5;
    display: block;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 80px;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .purchasePromptTips {
    margin: 0 auto;
    width: 530px;
    height: 47px;
    background: url("../images/purchase-titletips.png"/*tpa=http://www.vhall.com/public/static/images/purchase-titletips.png*/) no-repeat center -215px;
    margin-bottom: 50px;
    margin-top: 80px;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .purchasePromptTips h1 {
    color: transparent;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo {
    width: 100%;
    min-height: 262px;
    /*max-height: 500px;*/
    background: #fff;
    /*background: orange;*/
    margin-bottom: 20px;
    padding: 30px 20px;
    position: relative;
    /*overflow-y: scroll;*/
    padding-bottom: 20px;
    padding-top: 20px;
    border: 1px solid #dcdcdc;
    -webkit-user-select: initial;
    user-select: initial;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo:last-child{
    margin-bottom: 0px;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo>p:nth-of-type(2) {
    padding: 10px 0;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo h1,
#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo h3 {
    font-size: 24px;
    color: #ff3333;
    padding-bottom: 20px;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo p,
#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo section {
    color: #2b2c32;
    font-size: 16px;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo section.ellpsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -o-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo p time {
    font-size: 16px;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo section.allDetail {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail {
    height: auto;
    max-height: 285px;
    overflow-y: scroll;
    padding-right: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*scrollbar-track-color:transparent;*/
    /*立体滚动条背景颜色*/
    /*scrollbar-face-color:#ff3333;
              scrollbar-arrow-color:#59B2F9;
              scrollbar-shadow-color:#fff;*/
}


/*#purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail::-webkit-scrollbar {
            width: 5px;
            }
             #purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
              border-radius: 10px;
            }
            #purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail::-webkit-scrollbar-thumb {
              height: 20px;
              border-radius: 10px;
              background: rgba(255,51,51,0.8);
              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
            }*/

#purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail>br {
    height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail p * {
    font-size: 16px !important;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.ellpsis {
    height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .active {
    border: 1px solid #59B2F9;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo .promptArrow {
    position: absolute;
    bottom: 38px;
    left: 50%;
    width: 40px;
    height: 20px;
    margin-left: -10px;
    background: url("../images/pruchase-promptArrow.png"/*tpa=http://www.vhall.com/public/static/images/pruchase-promptArrow.png*/) no-repeat center center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo .promptArrow:hover {
    background-image: url("../images/pruchase-promptArrowH.png"/*tpa=http://www.vhall.com/public/static/images/pruchase-promptArrowH.png*/);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .active .promptArrow {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: none;
}

#purchaseSection .editionBox div:hover .h-box {
    border-color: #7ecfcf;
}

#purchaseSection .editionBox div:nth-of-type(2):hover .h-box {
    border-color: #9fc4de;
}

#purchaseSection .editionBox div:nth-of-type(3):hover .h-box {
    border-color: #7ecfcf;
}

#purchaseSection .editionBox div:nth-of-type(4):hover .h-box {
    border-color: #f69795;
}

@media screen and (max-height: 950px) {
    /*.leaderBox {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    top: 100px; }*/
    .choiceBox .contactBox {
        /*bottom: 200px;*/
    }
    /*.choiceBox .contactBox div {
      -webkit-transform: scale(1.5);
      -o-transform: scale(1.5);
      -moz-transform: scale(1.5);
      transform: scale(1.5); }*/
    .choiceBox .choiceCaseBox {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        /*bottom: 40px;*/
        top: 31%;
    }
    .choiceBox .section.active.v-high-level .choiceTips {
        margin-top: -20px;
    }
    .choiceBox .section.active.v-high-level .adjust-choice-tips1-f {
        margin-top: -11.6%;
    }
}

.case-more-arrow {
    position: absolute;
    bottom: 10px;
    right: 0;
}

@media screen and (max-height:665px) {
    .channelProIntroBox {
        height: 844px;
    }
}

.adjustProNav ol {
    width: 720px;
}

.adjustProNav ol li {
    width: 180px;
}

.adjustProNav ol li a {
    background-position-x: 40px;
}

.adjust-pos-top {
    position: relative;
    top: 13px;
}

.adjust-pos-top-10 {
    position: relative;
    top: -20px;
}

.adjust-pd-top {
    /*padding-top: 20px;*/
}

.adjust-mg-btm {
    margin-bottom: 60px !important;
}

.adjust-height-537 {
    height: 547px !important;
}

.adjust-pos-btm-60 {
    position: relative;
    bottom: 135px !important;
}

.adjust-pos-btm-50 {
    position: relative;
    bottom: 50px !important;
}

.index-adjust-pos-bottom-15 {
    position: relative !important;
    bottom: -32px !important;
}

.adjust {
    position: relative;
}

.index-adjust-pos-bottom-10 {
    bottom: 40px !important;
}


/* fix ie problem */

.ieBroswer .fix-ie-btn-width {
    width: 92.5px !important;
    height: 23px !important;
}

.ieBroswer .fix-ie-btn-width a {
    top: auto;
    bottom: -1px;
}

.ieBroswer .fix-lowie-pos a {
    bottom: 2px;
}

.ieBroswer .global ol li {
    width: 298px;
}

.ieBroswer footer .footerTips dl {
    width: 285px;
}

.ieBroswer .case-more-arrow {
    bottom: 176px;
}

.ieBroswer .t-arrow i.fix-ie-arrow {
    right: 25px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(1) {
    height: 200px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div {
    width: 30px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(2) {
    height: 73px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(3) {
    height: 81px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(4) {
    height: 81px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(5) {
    height: 81px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(7) {
    height: 80px;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(8) {
    height: 82px !important;
}

.ieBroswer #purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(6) {
    height: 81px;
}

.ieBroswer #purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div {
    width: 336px;
}

.ieBroswer #purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo section.ellpsis {
    width: 1160px;
    height: 50px;
}

.ieBroswer #purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.ellpsis {
    height: 0;
}

.ieBroswer #purchaseSection .purchasePromoteBox .purchaseCenterBox .active section.allDetail {
    width: 1160px;
}

.ieBroswer #purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo {
    /*min-height: 152px;*/
    width: 1158px;
}

.ieBroswer #fp-nav {
    width: 200px;
}

.ieBroswer .agencyMain .agencyPage section .chartBox .left,
.agencyMain .agencyPage section .chartBox .right {
    width: 598px;
}

.ieBroswer .agencyMain :nth-of-type(3).agencyPage .agencyWay ul>li ol .getToknowBtn {
    margin: 22px 128px;
}

.ieBroswer #purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo {
    padding-bottom: 0px;
}

#topSection .spe-changjing-nav ul li:nth-of-type(3):before {
   /* -webkit-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
    opacity: 1;
}

#topSection .spe-changjing-nav ul li:nth-of-type(3) a {
    display: inline-block;
    /*-webkit-transform: translateY(-16px);
    -o-transform: translateY(-16px);
    transform: translateY(-16px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

.spe-haveBanner .bannerSection {
    height: 940px;
}

.spe-haveBanner .mainNavBox {
    position: absolute;
}
.bannerSection .v-tool{
	position: relative;
}
.bannerSection .v-tool a{
	display: block;
	width: 330px;
	height: 135px;
	position: absolute;
	bottom: 35px;
	right: 200px;
    background: url("../images/tooldetail.png-v=20171026"/*tpa=http://www.vhall.com/public/static/images/tooldetail.png?v=20171026*/) no-repeat -336px  0px ;
}
.bannerSection .v-tool a:hover{
	background-position: 0px 0;
}

.spe-haveBanner .bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul {
    top: 400px;
}
.spe-haveBanner .bannerSection .unslider-wrap li.slidePage:nth-of-type(4) ul {
    top: 200px;
}

.spe-haveBanner .channelBannerSection {
    height: 940px;
}

.spe-haveBanner .channelBannerSection .channelBannerSectionEle {
    top: 100px;
}

.spe-haveBanner .channelBannerSection section canvas {
    /*position: relative;*/
    /*top:100px;*/
}

.caseMainBox .caseItem dl dd b span.arrow-detail {
    /*position: */
}

#topSection .adjust-mainNavBox-small {
    height: 70px;
}

#topSection .adjust-mainNavBox-small ul li {
    line-height: 70px;
}

#topSection .adjust-mainNavBox-small .mainNav .adjust-mainNavLogo-small {
    position: absolute;
    top: 50%;
    left: 0;
    width: 67px;
    height: 37px;
    margin-top: -18.5px !important;
    cursor: pointer;
    display: block;
}

#topSection .adjust-mainNavBox-small .mainNav .adjust-userLogin-small {
    top: -12px;
    right: -19px!important;
    left: auto;
}

#topSection .mainNavBox {
    display: block;
}

#topSection .adjust-mainNavBox-small {
    display: none;
}

#topSection.mainNavBox-small .mainNavBox {
    display: none;
}

#topSection.mainNavBox-small .adjust-mainNavBox-small {
    display: block;
}

@media screen and (max-width:414px) {
    html {
        -webkit-transform: scale(0.345);
        -moz-transform: scale(0.345);
        transform: scale(0.345);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
    }
}

@media screen and (max-width:375px) {
    html {
        -webkit-transform: scale(0.315);
        -moz-transform: scale(0.315);
        transform: scale(0.315);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
    }
}

@media screen and (max-width:320px) {
    html {
        -webkit-transform: scale(0.268);
        -moz-transform: scale(0.268);
        transform: scale(0.268);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
    }
}

.adjust-overHidden {
    overflow: hidden;
}

.fixLoadingBug {
    display: none;
}

@media screen and (max-height: 600px) {
    .choiceBox .leaderBox img {
        -webkit-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75);
        margin-top: -318px;
    }
    .choiceBox .contactBox .bottom {
        margin-top: 44px;
    }
}

footer .footerNum {
    position: absolute;
    top: -10px;
    right: -10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .backtoTopBox div.footerConnect:hover~.footerNum {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/**add by nosh 2017-06-15*/

.nosh-related-posts {
    width: 100%;
    float: left;
    clear: both;
    height: 30px;
    font-size: 14px;
    padding: 10px 0;
    color: #999999;
}

.nosh-related-posts li {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nosh-related-posts a {
    font-size: 14px;
    color: #333333;
}

.nosh-related-posts a:hover {
    color: #cc0000;
}

.nosh-related-posts .nosh-prev {
    float: left;
}

.nosh-related-posts .nosh-next {
    float: right;
    text-align: right;
}

.nosh-sidebar {
    width: 230px;
    float: right;
    height: auto;
    padding-bottom: 30px;
    position: absolute;
    right: 0;
    top: 100px;
}

.nosh-sidebar .item {
    width: 100%;
    margin-bottom: 10px;
}

.nosh-sidebar .item h4 {
    font-size: 16px;
    color: #999999;
    line-height: 32px;
    padding: 5px 0;
}

.nosh-sidebar .item-content {
    background: #f2f2f2;
    padding: 10px 15px;
}

.nosh-sidebar .item-content li {
    padding: 5px 0;
}

.nosh-sidebar .item-content li a {
    font-size: 12px;
}

.nosh-sidebar .item-content li a:hover {
    color: #cc0000;
}

.nosh-sidebar .item-btns li a {
    display: block;
    background: #cc0000;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
}

.nosh-sidebar .item-btns li a:hover {
    background-color: crimson;
    color: #ffffff;
}

.nosh-crumbs {
    padding-bottom: 10px;
    font-size: 14px;
}

.nosh-crumbs li {
    display: inline;
    color: #999999;
}

.nosh-crumbs li i {
    padding: 0 6px;
}

.nosh-crumbs a {
    font-size: 14px;
    color: #333333;
}

.nosh-crumbs a:hover {
    color: #cc0000;
}


/* add by nosh 2017-06-19*/

.nosh-footer {
    height: 460px;
}

.nosh-footer .privacy {
    border-top: 1px solid #646464;
}

.nosh-clear {
    width: 100%;
    float: left;
    clear: both;
}

.nosh-tags,
.nosh-tags li {
    display: inline-block;
}

.nosh-tags li.t {
    padding-left: 12px;
}

.nosh-tags li::before {
    content: ',';
}

.nosh-tags li.t::before,
.nosh-tags li:nth-child(2)::before {
    content: "";
}



/*infinite edition style*/

.purchaseContent .editionTab {
    cursor: pointer;
    margin: 60px auto;
}

.purchaseContent .editionTab a {
    display: inline-block;
    float: left;
    width: 588px;
    height: 159px; 
    border:1px solid #2c5075;
	border-radius:2px;
	overflow: hidden;
}
.purchaseContent .editionTab a img {
	width: 590px;
	transition: all 0.3s;
}
.purchaseContent .editionTab a img.hide{
  display: none;
}
.purchaseContent .editionTab a img.wuji:hover,.purchaseContent .editionTab a img.function:hover{
	transform: scale(1.05);
}
.purchaseContent .v-wuji {
    display: none;
}

.purchaseContent .editionTab .v-function{
    margin-right: 19px;
}

/*.purchaseContent .editionTab .v-wuji.v-on{
    background: url(../images/wuji_on.png?v=20170724) no-repeat center top/ cover ;
}

.purchaseContent .editionTab .v-wuji.v-on img{
	display: none;
}

.purchaseContent .editionTab .v-function{
}
.purchaseContent .editionTab .v-function.v-on{
    background: url(../images/function_on.png?v=20170724) no-repeat center top/ cover ;
}
.purchaseContent .editionTab .v-function.v-on img{
	display: none;
}*/
#purchaseSection .editionBox.v-wuji{
	height: 455px;
	margin-top: 140px;
	position: relative;
}

#purchaseSection .editionBox.v-wuji .v-wuji-table{
	width: 1200px;
	height: 435px;
	border:1px solid #fc5659;
}

#purchaseSection .editionBox.v-wuji .v-wuji-title{
	position: absolute;
	width: 	536px;
	top: -36px;
	left: 50%;
	margin-left: -268px;
}

#purchaseSection .editionBox.v-wuji .v-wuji-function{
	position: absolute;
	width: 	986px;
	top: 124px;
	left: 50%;
	margin-left: -498px;
}
#purchaseSection .editionBox.v-wuji .v-wuji-buy{
	display: inline-block;
	width: 240px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 340px;
	left: 50%;
	margin-left: -120px;
	background: url("../images/wuji_buy.png"/*tpa=http://www.vhall.com/public/static/images/wuji_buy.png*/) no-repeat center top/ cover ;
}
#purchaseSection .editionBox.v-wuji .v-wuji-buy:hover{
	background: url("../images/wuji_buy_on.png"/*tpa=http://www.vhall.com/public/static/images/wuji_buy_on.png*/) no-repeat center top/ cover ;
}
#purchaseSection .editionBox.v-wuji .buttonAnimate{
    text-align: center;
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    background-color: #ff3333;
    color: #fff;
}

.prechase #topSection {
    height: 100px;
}

.prechase #topSection .adjust-mainNavBox-small,.prechase #topSection .mainNav ul{
	/*height: 100%;*/
}
.prechase #topSection .adjust-mainNavBox-small ul li{
	line-height: 100px;
}
.prechase #topSection .adjust-mainNavBox-small .mainNav .adjust-mainNavLogo-small{
	width: 95px;
	height: 54px;
	top:43px;
}
.prechase #topSection .adjust-mainNavBox-small .mainNav .adjust-userLogin-small{
	top: 0;
}


.infinite-container {margin: 126px 31px 10px 124px;position: relative;}
.infinite-container .infinite-banner {position: absolute;top: -34px;left: 50%;margin-left: -200px;}
.infinite-container table {text-align: left;margin-bottom: 40px;}
.infinite-container table td {width : 33%;padding: 10px;}
.infinite-container table td:nth-child(2) {width: 34%;}
.infinite-container .icon-infinite{display: inline-block;height: 12px;margin-right: 10px;width: 12px;background: url("../images/yellow-check.png"/*tpa=http://www.vhall.com/public/static/images/yellow-check.png*/) no-repeat scroll center center;background-size: 16px;}


/* 微信直播 wechatlive */
.wechatTitle{
	padding-top: 45px;
	padding-bottom: 55px;
	font-size: 30px;
	color: #333;
	text-align: center;
}
.wechatMainBox {
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.wechatMainBox .wechatMainBoxGray{
	width: 100%;
	background-color: #f5f5f5;
}
.wechatMainBox .wechatMainBoxWhitet{
	width: 100%;
	background-color: #fff;
}

.wechatMainBox .wechatMainBoxPage {
    width: 1100px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}

.wechatMainBox .wechatMainBoxPage img {
    position: absolute;
    /*bottom:70px;*/
    right: 0;
}

.wechatMainBox .wechatMainBoxPage div {
    width: 600px;
}

.wechatMainBox .wechatMainBoxPage h1,
.wechatMainBox .wechatMainBoxPage h3 {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 47px;
    font-size: 24px;
    color: #ff3333;
}

.wechatMainBox .wechatMainBoxPage p {
    width: 100%;
    height: 77px;
    margin-bottom: 30px;
    font-size: 33px;
    /*color:#ff3333;*/
    color: #ff3333;
}

.wechatMainBox .wechatMainBoxPage p span {
    display: block;
    font-size: 18px;
    /*color:#969696;*/
    opacity: 1;
    color: #969696;
    font-weight: 200;
}

.wechatMainBox .wechatMainBoxPage div.left p:before,
.wechatMainBox .wechatMainBoxPage div.right p:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ff3333;
    display: inline-block;
    border-radius: 100px;
    margin: 10px;
    position: relative;
    top: 4px;
    display: none;
}

.wechatMainBox .wechatMainBoxPage3 .left {
    width: 540px;
}

.wechatMainBox .wechatMainBoxPage4 {
    height: 604px;
}

.wechatMainBox .wechatMainBoxPage4 h1,
.wechatMainBox .wechatMainBoxPage4 h3 {
    margin-top: 125px;
}

.wechatBtnBox {
    width: 100%;
    height: 150px;
    background: #fff;
    overflow: hidden;
}

.wechatBtnBox span {
    display: block;
    width: 185px;
    height: 46px;
    margin: 56px auto;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #ff3333;
}
.wechatManageBox .wechatMainBoxPage {
    height: 500px;
}

.wechatManageBox .wechatMainBoxPage h1,
.wechatManageBox .wechatMainBoxPage h3 {
    width: 100%;
    height: 65px;
    margin-bottom: 30px;
    margin-top: 47px;
}

.wechatManageBox .wechatMainBoxPage p {
    width: 100%;
    height: 77px;
    margin-bottom: 30px;
}

.wechatManageBox .wechatMainBoxPage1 {
    height: 550px;
}

.wechatManageBox .wechatMainBoxPage2 {
    height: 630px;
}

.wechatManageBox .wechatMainBoxPage2 .right {
    padding-top: 30px;
}

.wechatManageBox .wechatMainBoxPage3 {
    height: 400px;
}

.wechatSpreadBox .wechatMainBoxPage2 {
    height: 570px;
    padding-top: 100px;
}

.wechatEasyBox .wechatMainBoxPage1 {
    height: 615px;
}

.wechatEasyBox .wechatMainBoxPage1 img {
    bottom: 70px;
    right: -37px;
}

.wechatEasyBox .wechatMainBoxPage2 {
    height: 520px;
}

.wechatEasyBox .wechatMainBoxPage2 .right {
    padding-top: 100px;
}

.wechatEasyBox .wechatMainBoxPage3 {
    height: 570px;
}

.wechatEasyBox .wechatMainBoxPage3 .left {
    width: 608px;
}

.wechatEasyBox .wechatMainBoxPage3 .right {
    width: auto;
}

.wechatEasyBox .wechatMainBoxPage4 {
    height: 600px;
}


.wechatMainBox .wechatMainBoxPage5 {
    height: 667px;
}

.wechatMainBoxPage img,
.wechatMainBoxPage h1,
.wechatMainBoxPage h3,
.wechatMainBoxPage p,
.v-move-h1{
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.wechatMove img,
.wechatMove h1,
.wechatMove h3,
.wechatMove p,
.wechatMove.v-move-h1 {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.wechatMove img {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    -transition-delay: .5s;
}

.wechatMove p:nth-child(even) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    -transition-delay: .5s;
}

.wechatMove p:nth-child(odd) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -transition-delay: 1s;
}

.wechatStep .wechatTitle,.wechatStep .step,.wechatStep .wechatBtnBox,.wechatStep .code_text,.wechatStep .code{
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.wechatMove .wechatTitle,.wechatMove .step,.wechatMove .wechatBtnBox,.wechatMove .code_text,.wechatMove .code{
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.wechatMove .wechatTitle{
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -transition-delay: 0.5s;
}
.wechatMove .step{
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -transition-delay: 1s;
}
.wechatMove .wechatBtnBox{
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    -transition-delay: 1.5s;
}
.wechatMove .code_text{
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    -transition-delay: 2s;
}
.wechatMove .code{
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    -transition-delay: 2.5s;
}
.wechatEasyBox .wechatMainBoxPage1 .left{
	top:80px;
	left: 0;
}

.wechatEasyBox .wechatMainBoxPage1 .adjust-pos-btm-60{
	width: 486px;
	height: 401px;
	top: 0;
	right: 0;
}

.wechatMainBox .wechatMainBoxPage .share{
	width: 530px;
	height: 474px;
	top: 120px;
	left: 0;
}

.wechatEasyBox .wechatMainBoxPage2 .adjust-pos-top-10{
	width: 440px;
	top: 180px;
	right: 0;
}

.wechatEasyBox .wechatMainBoxPage3 .left{
	margin-top: 175px;
}

.wechatMainBox .wechatMainBoxPage .embed{
	width: 580px;
	height: 279px;
	top: 156px;
}

.wechatMainBox .wechatMainBoxPage .varied{
	width: 557px;
	height: 414px;
	top: 100px;
	left: 0;
}

.wechatEasyBox .wechatMainBoxPage4 .right{
	text-align: left;
	width: 440px;
	margin-top: 105px;
	right: 0;
}

.wechatMainBox .wechatMainBoxPage .highdefinition{
	width: 503px;
	height: 412px;
	top: 120px;
}

.wechatEasyBox .wechatMainBoxPage5 .left{
	top: 195px;
}

.wechatStep{
	width: 100%;
}

.wechatStep img{
	display: block;
	margin: 0 auto;
	width: 1100px;
	height: 372px;
}
.wechatStep h1{
	color: #333;
    font-size: 30px;
    text-align: center;
}
.wechatStep img.code{
	width: 280px;
	height: 280px;
	margin-bottom: 60px;
}
.wechatBanner{
	position: absolute;
    right: 0;
    top: -115px;
}

.wechatBtn {
	margin-top: 63px;
}
.agencyPage.v-verification{
	height: 350px;
}
.agencyPage.v-verification .channelTitle{
    padding-bottom: 18px;
    color: #333;
    text-align: center;
    font-size: 30px;
}
.agencyPage.v-verification .v-input{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 17px;
	width: 555px;
	margin: 0 auto;
	position: relative;
}
.agencyPage.v-verification input{
	width: 636px;
	height: 60px;
	line-height: 60px;
	color: #2b2c32;
	border: 1px solid #ff3333;
	border-radius: 4px;
	background-color: #f5f5f5;
	vertical-align: middle;
	padding: 0 180px 0 20px;
}
.agencyPage.v-verification a{
	display: block;
	margin: 20px auto;
	width: 160px;
	height: 60px;
	background-color: #ff3333;
	color: #fff;
	vertical-align: middle;
	border-radius: 0 4px 4px 0;
	position: absolute;
	top: -19px;
	right: -80px;
	font-size: 24px;
}
.agencyPage.v-verification p{
	font-size: 17px;
	color: #ff3333;
	text-align: left;
	margin-left: 21px;
	margin-top: 20px;
	display: none;
}

.agencyPage.v-verification .v-pass{
	color: #333;
}

.z_biaoti { width:1200px; margin:0 auto; text-align:center; font-size:24px; padding:10px 0 20px 0;}
.z_xiangxi { width:1200px; margin:0 auto; line-height:34px; font-size:16px;}
.up_down { width:1200px; margin:0 auto; padding-top:30px; font-size:16px;}
.up_down a { color:#F00;}
.up_down a:hover { text-decoration:underline;}

.z_about { width:1200px; margin:0 auto; line-height:34px; font-size:16px; padding:20px 0;}

/*page*/
.page { float:right;}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 10px; height:30px; line-height:30px; overflow:hidden; color:#000; margin:0 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}