* {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}

			a,
			img {
				border: 0;
			}
			@media (max-width:480px) {
				.biao{display: none;}
			}
		/* 热搜 */
			.biao{
			height: 40px;
			padding: 10px 0;
			background-color: #f5f5f5;
			border-bottom: #ddd;
			box-shadow: 0 3px 3px #ddd;
			margin-bottom: 5px;
			max-width: 100%;
			}
			.biao.lf{float: left;line-height: 40px;}
			.biao .lf a{color: #2F3430;padding-right: 8px;}
			.biao .lf a:hover{color: #0056B3;}
	
/* actGotop */
			.actGotop {
				position: fixed;
				_position: absolute;
				bottom: 80px;
				right: 20px;
				width: 110px;
				height:30px;
				display: none;
				z-index:5;
			}

			.actGotop a,
			.actGotop a:link {
				width: 150px;
				height: 195px;
				display: inline-block;
				background: url(../images/blog7year_gotopd.png) no-repeat;
				_background: url(../images/blog7year_gotop.gif) no-repeat;
				outline: none;
			}

			.actGotop a:hover {
				background: url(../images/blog7year_gotopd.png) no-repeat;
				outline: none;
			}

.box {
  max-width: 1200px;
  margin: auto; }


.none {
  display: none; }

body {
  min-width: 320px;
  background-color: #fff; }
.head{background-color: #f5f5f5 !important;}
.header {
  z-index: 1000;
  width: 100%;
  background-color: #fff; }
  .header .top {
    color: #e0e0e0; }
    .header .top .right {
      color: #003780;
      font-weight: bolder; }
      .header .top .right .icon-phone {
        padding-right: 10px; }
  .header .header-nav {
    border-bottom: 1px solid #eee;
    position: relative; }
    .header .header-nav .nav-box li {
      text-align: center;
      position: relative; }
      .header .header-nav .nav-box li.act .title, .header .header-nav .nav-box li:hover .title {
        color: #e27830; }
      .header .header-nav .nav-box li .title {
        color: #333;
        font-size: 16px;
        width: 100%;
        line-height: 12px;
        display: inline-block;
        box-sizing: border-box; }
      .header .header-nav .nav-box li .secondeNav {
        background-color: #fff;
        position: absolute;
        width: 100%;
        display: none;
        z-index: 10000; }
        .header .header-nav .nav-box li .secondeNav a {
          color: #858b9a;
          font-size: 13px;
          width: 100%;
          display: inline-block; }
          .header .header-nav .nav-box li .secondeNav a:hover {
            color: #e27830; }
  .header.act .mbNav-box {
    display: block; }

.banner {
  width: 100%; }
  .banner img {
    width: 100%; }
  .banner .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 2px;
    opacity: 0.5; }
  .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transition: width 0.6s;
    width: 30px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 2px;
    opacity: 1; }


 

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header .top {
    color: #e0e0e0;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 30px 0; }
    .header .top .logo-1 {
      padding-right: 18px;
      width: 160px; }
    .header .top .logo-2 {
      padding-left: 18px;
      width: 270px; }
    .header .top .right {
      font-size: 20px; }
      .header .top .right .icon-phone {
        padding-right: 10px; }
  .header .header-nav .line {
    position: absolute;
    height: 2px;
    background-color: #e27830;
    top: -2px; }
  .header .header-nav .nav-box {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */ }
    .header .header-nav .nav-box li {
      line-height: 48px;
      flex: 1;
      -webkit-flex: 1; }
      .header .header-nav .nav-box li .tip {
        width: 16px;
        position: absolute;
        top: -2px;
        left: 0;
        display: none; }
      .header .header-nav .nav-box li.act .tip, .header .header-nav .nav-box li:hover .tip {
        display: block; }
      .header .header-nav .nav-box li .title:not(last-child) {
        border-right: 1px solid #e0e0e0; }
 .aboutBox .video .diaologBox .btn-close {
      width: 40px;
      left: 0;
      right: 0;
      position: absolute;
      margin: auto;
      top: 3%; } }
@media screen and (min-width: 320px) and (max-width: 920px) {
	
	.mainright-2{ float: left; overflow:hidden; width:100% !important;padding-bottom: 15px;}
  body,
  html {
    font-size: 14px; }

  .proDetail .proMsg .detail iframe {
    height: 20rem !important; }

  .header .top {
    color: #e0e0e0;
    box-sizing: border-box;
    padding: 1rem 10px; }
    .header .top .logo-1 {
      padding-right: 12px;
      width: 80%; }
    .header .top .logo-2 {
      display: none; }
    .header .top .sign {
      display: none; }
    .header .top .right {
      display: none; }
    .header .top .phone_nav {
      display: block; }
    .header .top .phone_nav_one {
      background: #231815;
      transition-delay: 0s;
      -webkit-transition-delay: 0s; }
    .header .top .phone_nav .nav_but_box {
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      right: 15px;
      top: 20px;
      z-index: 1;
      transition: all 0.7s;
      -webkit-transition: all 0.7s; }
    .header .top .phone_nav .nav_but {
      display: inline-block;
      position: relative;
      width: 20px;
      height: 2px;
      z-index: 2;
      margin: 13px 0 0 5px;
      background: #996633;
      -webkit-transition-property: background-color, -webkit-transform;
      transition-property: background-color, -webkit-transform;
      transition-property: background-color, transform;
      transition-property: background-color, transform, -webkit-transform;
      -webkit-transition-duration: 300ms;
      transition-duration: 300ms; }
    .header .top .phone_nav .nav_but:before,
    .header .top .nav_but:after {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      position: absolute;
      background: #996633;
      transition-property: margin, -webkit-transform;
      -webkit-transition-property: margin, -webkit-transform;
      transition-property: margin, transform;
      transition-property: margin, transform, -webkit-transform;
      transition-duration: 300ms;
      -webkit-transition-duration: 300ms; }
    .header .top .phone_nav .nav_but:before {
      margin-top: -5px; }
    .header .top .phone_nav .nav_but:after {
      margin-top: 5px; }
  .header .phone_nav.phone_nav_one .nav_but:before {
    margin-top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  .header .phone_nav.phone_nav_one .nav_but:after {
    margin-top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  .header .header-nav .line {
    position: absolute;
    height: 2px;
    background-color: #e27830;
    top: -2px; }
  .header .header-nav .nav-box {
    display: none; }
  .header .header-nav .mbNav-box {
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #f9f7f8;
    top: 3.6rem;
    bottom: 0;
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    left: 0;
	 z-index: 9999;}
    .header .header-nav .mbNav-box li {
      width: 90%;
      position: relative;
      border-bottom: 1px solid #ddd;
      line-height: 3.2rem; }
      .header .header-nav .mbNav-box li a {
        padding-left: 15px;
        box-sizing: border-box;
        display: inline-block;
        width: 90%; }
      .header .header-nav .mbNav-box li._sec .title:before {
        content: "";
        display: block;
        width: 10px;
        height: 2px;
        background-color: #858b9a;
        border-radius: 1px;
        position: absolute;
        top: 1.6rem;
        margin: auto;
        right: 0; }
      .header .header-nav .mbNav-box li._sec .title:after {
        content: "";
        display: block;
        width: 10px;
        height: 2px;
        background-color: #858b9a;
        border-radius: 1px;
        position: absolute;
        top: 1.6rem;
        margin: auto;
        right: 0;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg); }
      .header .header-nav .mbNav-box li.active a {
        color: #e27830; }
      .header .header-nav .mbNav-box li .secondeNav {
        padding-left: 1rem;
        box-sizing: border-box;
        display: none; }
        .header .header-nav .mbNav-box li .secondeNav a {
          display: block;
          color: #858b9a;
          font-size: 12px; }

  .aboutNav {
    line-height: 45px;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */ }
    .aboutNav a {
      flex: 1;
      -webkit-flex: 1;
      font-size: 12px; }

 

  .newsList {
    margin: 2rem 0;
    padding: 1rem 0; }
    .newsList li {
      margin-bottom: 10px;
      padding-bottom: 10px; }
      .newsList li a {
        display: -webkit-box;
        /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box;
        /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox;
        /* 混合版本语法: IE 10 */
        display: -webkit-flex;
        /* 新版本语法: Chrome 21+ */
        display: flex;
        /* 新版本语法: Opera 12.1, Firefox 22+ */
        -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center; }
        .newsList li a .pic {
          float: left;
          width: 40%; }
        .newsList li a .detail {
          float: left;
          width: 60%;
          padding: 0 12px; } }

@media screen and (min-width: 992px) {
  .header .top {
    color: #e0e0e0;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0; }
    .header .top .logo-1 {
      padding-right: 22px; }
    .header .top .logo-2 {
      padding-left: 22px; }
    .header .top .right {
      font-size: 28px; 
			}
      .header .top .right .icon-phone {
        padding-right: 10px;
				 margin-top: 10px;}
  .header .header-nav .line {
    position: absolute;
    height: 2px;
    background-color: #e27830;
    top: -2px; }
  .header .header-nav .nav-box {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */ }
    .header .header-nav .nav-box li {
      line-height: 48px;
      flex: 1;
      -webkit-flex: 1; }
      .header .header-nav .nav-box li .tip {
        position: absolute;
        top: -2px;
        left: 0;
        display: none; }
      .header .header-nav .nav-box li.act .tip, .header .header-nav .nav-box li:hover .tip {
        display: block; }
      .header .header-nav .nav-box li .title:not(last-child) {
        border-right: 1px solid #e0e0e0; }

  
  .header-nav {
    border-top: 2px solid #e0e0e0; }