.header .logo {

    width: 25%; }



  .header .nav-right .search-box {

    width: 170px; }



  .header .nav-right .language {

    width: 80px;

    height: 25px; }



  .header .nav-right .language a {

    line-height: 25px; }



  .header .nav-center > li {

    margin-right: 20px; }



  .header .nav-center > li .about-down .about-down-box {

    width: 120px;

    padding: 15px 0px; }



  .header .nav-center > li .about-down {

    left: -25px; }








.header {

display: flex;

align-items: center;

justify-content: space-between;

width: 90%;

box-sizing: border-box;

height: 110px;

position: relative;

z-index: 100000;

text-align:center;

margin:0 auto;
}

  .header .logo {
    width: 291px;
    display: inline-block;
    }

    .header .logo img {

      width: 100%;

      height: 100%; }

  .header .nav-center > li {

height: 100%;

line-height: 106px;

padding: 0px 6px;

float: left;

margin-right: 20px;

position: relative;
}

    .header .nav-center > li > a {

width: 100%;

height: 100%;

display: inline-block;

color: #333;

font-size: 18px;

/* font-weight: 600; */
}

    .header .nav-center > li .about-down {

padding-top: 5px;

top: 100px;

position: absolute;

left: -36px;

display: none;

}

      .header .nav-center > li .about-down .about-down-box {

        width: 150px;

        padding: 0px 0px;

        background: #fff; }

        .header .nav-center > li .about-down .about-down-box > li {

          width: 100%;

          height: 45px;

          line-height: 45px;

          text-align: center; }

          .header .nav-center > li .about-down .about-down-box > li > a {

            width: 100%;

            height: 100%;
height: 35px;
            line-height: 45px;

            display: inline-block; }

           

        .header .nav-center > li .about-down .about-down-box > li:hover > a  {

          border-right: 2px solid #364e4b;
  width: 100%;

          height: 45px;

          line-height: 45px;
          border-left: 2px solid #364e4b;
		  background-color:#364e4b;

          color: #fff; }

  .header .nav-center .active {

border-bottom: 5px solid #364e4b;

}

  .header .nav-right {

    display: flex;

    align-items: center; }

    .header .nav-right .language {

      width: 100px;

      height: 30px;

      border: 1px solid #364e4b;

      border-radius: 16px;

      display: flex;

      align-items: center;

      overflow: hidden;

      cursor: pointer;

      margin-right: 20px; }

      .header .nav-right .language a {

        display: inline-block;

        width: 50%;

        height: 100%;

        line-height: 30px;

        text-align: center;

        box-sizing: border-box; }

      .header .nav-right .language .e-active {

        background: #364e4b;

        color: #fff; }

    .header .nav-right .search-box {

      width: 200px;

      height: 30px;

      background-color: #ffffff;

      border-radius: 16px;

      border: solid 1px #dddddd;

      position: relative; }

      .header .nav-right .search-box input {

        border: none;

        padding-left: 15px;

        width: 85%;

        height: 25px;

        margin-left: 8px;

        margin-top: 2px; }

      .header .nav-right .search-box i {

        position: absolute;

        right: 7px;

        top: 6px;

        width: 16px;

        height: 16px;

        background: url("../images/search.png");

        background-repeat: no-repeat;

        background-size: 16px 16px;

        display: inline-block; }


@charset "UTF-8";

@font-face {

	font-family: "syht";

	src: url("../other/SourceHanSansCN-Regular.woff2") format("woff2"),  url("../other/SourceHanSansCN-Regular.woff") format("woff"),  url("../other/SourceHanSansCN-Regular.ttf") format("truetype"),  url("../other/SourceHanSansCN-Regular.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "syhtB";

	src: url("../other/SourceHanSansCN-Bold.woff2") format("woff2"),  url("../other/SourceHanSansCN-Bold.woff") format("woff"),  url("../other/SourceHanSansCN-Bold.ttf") format("truetype"),  url("../other/SourceHanSansCN-Bold.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "syhtL";

	src: url("../other/SourceHanSansCN-Light.woff2") format("woff2"),  url("../other/SourceHanSansCN-Light.woff") format("woff"),  url("../other/SourceHanSansCN-Light.ttf") format("truetype"),  url("../other/SourceHanSansCN-Light.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "syhtM";

	src: url("../other/SourceHanSansCN-Medium.woff2") format("woff2"),  url("../other/SourceHanSansCN-Medium.woff") format("woff"),  url("../other/SourceHanSansCN-Medium.ttf") format("truetype"),  url("../other/SourceHanSansCN-Medium.eot") format("embedded-opentype");

	font-weight: normal;

	font-style: normal;

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

*:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {

	margin: 0;

	padding: 0;

}

body {

	color: #333;

	font-size: 14px;

	font-family: "syht", "PingFang", "PingFang SC", "Microsoft YaHei", "o?¡ì2?¡ì??", "???¡ì??", sans-serif;

}

td, th, caption {

	font-size: 14px;

}

h1 {

	font-size: 20px

}

h2 {

	font-size: 18px

}

h3 {

	font-size: 16px

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

img {

	border: none;

	vertical-align: middle;

	max-width: 100%;

}

ol, ul, li {

	list-style: none;

}

input, textarea, select, button {

	font: 14px "syht", "PingFang", "PingFang SC", "Microsoft YaHei", "o?¡ì2?¡ì??", "???¡ì??", sans-serif;

	outline: none;

	-webkit-appearance: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

::-webkit-inner-spin-button {

   -webkit-appearance: none;

}

::-webkit-outer-spin-button {

   -webkit-appearance: none;

}

table {

	border-collapse: collapse;

}

/*1?12?¡ì?¨¨?¡ì?¨¨*/

.clearfix {

	zoom: 1;

}

.clearfix:after, .clearfix:before {

	content: "\200B";

	display: block;

	height: 0;

	visibility: hidden;

}

.clearfix:after {

	clear: both;

}

.fl {

	float: left

}

.fr {

	float: right

}

.al {

	text-align: left

}

.ac {

	text-align: center

}

.ar {

	text-align: right

}

.hide {

	display: none!important

}

.show {

	display: block!important

}

.mt0 {

	margin-top: 0!important

}

.mt3{

	margin-top: 3px!important;

}

.mt10 {

	margin-top: 10px!important

}

.mt20 {

	margin-top: 20px!important

}

.mt24 {

	margin-top: 24px!important

}

.mt30 {

	margin-top: 30px!important

}

.mt40 {

	margin-top: 40px!important

}

.mt50 {

	margin-top: 50px!important

}

.mt60 {

	margin-top: 60px!important

}

.mt70 {

	margin-top: 70px!important

}

.mt100{

	margin-top: 100px!important

}

.mb0 {

	margin-bottom: 0!important

}

.mb10 {

	margin-bottom: 10px!important

}

.mb15{

	margin-bottom: 15px!important

}

.mb20 {

	margin-bottom: 20px!important

}

.mb30 {

	margin-bottom: 30px!important

}

.mb40 {

	margin-bottom: 40px!important

}

.mb50 {

	margin-bottom: 50px!important

}

.mb60 {

	margin-bottom: 60px!important

}

.mb70{

	margin-bottom: 70px!important

}

.mb80{

	margin-bottom: 80px!important

}

.ml0 {

	margin-left: 0!important

}

.ml10 {

	margin-left: 10px!important

}

.ml20 {

	margin-left: 20px!important

}

.ml30 {

	margin-left: 30px!important

}

.ml35{

	margin-left: 35px!important

}

.ml40 {

	margin-left: 40px!important

}

.ml50 {

	margin-left: 50px!important

}

.mr0 {

	margin-right: 0!important

}

.mr10 {

	margin-right: 10px!important

}

.mr20 {

	margin-right: 20px!important

}

.mr30 {

	margin-right: 30px!important

}

.mr40 {

	margin-right: 40px!important

}

.mr50 {

	margin-right: 50px!important

}

.pt40{

	padding-top: 40px!important;

}

.pt30{

	padding-top: 30px!important;

}

.heightauto{

	height: auto!important;

}

.over-line1 {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.over-line2 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.over-line3 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.over-line4 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

}

.over-line5 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

}

.widfull{

	width: 100%;

}

.widhalf{

	width: 50%;

}