@charset "UTF-8";
/*--------------------通用---------------------*/
.fl {
  float: left; }

.fr {
  float: right; }

.por {
  position: relative; }

.poa {
  position: absolute; }

.db {
  display: block; }

.dib {
  display: inline-block !important; }

.clearfix {
  clear: both; }

label.error {
  text-indent: -9999999px;
  display: none !important; }

.am-cf:after,
.am-cf:before {
  content: " ";
  display: table; }

.am-cf:after {
  clear: both; }

h2, h3, h4 {
  margin: 0;
  line-height: 1; }

ul, ol {
  margin: 0;
  padding-left: 0; }

li {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/*--------------------font---------------------*/
@font-face {
  font-family: 'myanmarBlod';
  src: url("../fonts/Myanmar Text Bold.eot");
  src: local("☺"), url("../fonts/Myanmar Text Bold.woff") format("woff"), url("../fonts/Myanmar Text Bold.ttf") format("truetype"), url("../fonts/Myanmar Text Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MyriadPro Regular.eot");
  src: local("☺"), url("../fonts/MyriadPro Regular.woff") format("woff"), url("../fonts/MyriadPro Regular.ttf") format("truetype"), url("../fonts/MyriadPro Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'helv';
  src: url("../fonts/helveticaneueltcom-th.eot");
  src: local("☺"), url("../fonts/helveticaneueltcom-th.woff") format("woff"), url("../fonts/helveticaneueltcom-th.ttf") format("truetype"), url("../fonts/helveticaneueltcom-th.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'myriadpro-light';
  src: url("../fonts/myriadpro-light-opentype.eot");
  src: local("☺"), url("../fonts/myriadpro-light-opentype.woff") format("woff"), url("../fonts/myriadpro-light-opentype.ttf") format("truetype"), url("../fonts/myriadpro-light-opentype.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*--------------------dufault---------------------*/
figure {
  margin: 0; }

.wrap {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  min-width: 1280px; }

.container {
  width: 1000px;
  margin: 0 auto; }

h4.tit {
  font-size: 18px;
  font-family: 'Arial';
  color: #006eb9;
  line-height: 1; }

h2.bigtit {
  padding: 80px 0;
  text-align: center;
  color: #006eb9;
  font-weight: bold;
  font-size: 40px; }

.prenext {
  text-align: center;
  padding-top: 50px; }
  .prenext a {
    display: inline-block;
    padding: 0 28px;
    line-height: 46px;
    margin: 0 10px;
    color: #fff;
    background-color: #006eb9;
    border-radius: 75px;
    transition: all .3s ease; }
  .prenext .in-nonew {
    color: #aaa !important;
    background: #eee !important; }

/*--------------------header---------------------*/
.header.wrap {
  overflow: visible !important; }

.header {
  position: relative;
  top: 0;
  width: 100%;
  height: 185px;
  min-width: 1280px;
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: url(../images/header.jpg) center top no-repeat;
  background-size: cover; }
  .header .hd {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 118px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .header .hd .container {
      position: relative;
      height: 119px; }
  .header .logo {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .header .logo img {
      height: 100%; }
  .header .lang-t {
    right: 390px;
    top: 50%;
    margin-top: -20px; }
    .header .download-t {
    right: 290px;
    top: 50%;
    margin-top: -20px; }
    .header .download-t a {
      padding: 0 20px;
      display: block;
      font-weight: bold;
      border-radius: 20px;
      text-align: center;
      line-height: 40px;
      height: 40px;
      color: #fff;
      font-size: 18px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .header .download-t a:hover {
      background-color: #fff;
      color: #0676be; }

    .header .lang-t a {
      display: block;
      font-weight: bold;
      border-radius: 50%;
      text-align: center;
      line-height: 40px;
      width: 40px;
      height: 40px;
      color: #fff;
      font-size: 18px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .header .lang-t a:hover {
      background-color: #fff;
      color: #0676be; }
  .header .hd-nav .hd-pmenu {
    margin: 0 auto;
    text-align: center; }
    .header .hd-nav .hd-pmenu li > ul {
      position: absolute;
      top: 66px;
      left: 0;
      width: 100%;
      background: #006eb9;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      transform: translateY(-10%);
      -ms-transform: translateY(-10%);
      -webkit-transform: translateY(-10%);
      opacity: 0;
      filter: alpha(opacity=0);
      visibility: hidden;
      z-index: 1001;
      font-size: 16px; }
      .header .hd-nav .hd-pmenu li > ul ul {
        display: none; }
      .header .hd-nav .hd-pmenu li > ul > li:hover {
        background: #fff; }
      .header .hd-nav .hd-pmenu li > ul > li:hover a {
        color: #006eb9; }
      .header .hd-nav .hd-pmenu li > ul > li > a {
        position: relative;
        display: block;
        color: #fff;
        line-height: 36px;
        height: 36px;
        padding: 0 20px;
        margin: 0;
        text-align: center; }
  .header .hd-nav .hd-pmenu > li {
    position: relative;
    display: inline-block;
    height: 66px;
    line-height: 68px;
    margin: 0 3px; }
    .header .hd-nav .hd-pmenu > li:hover ul {
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
      z-index: 1001; }
    .header .hd-nav .hd-pmenu > li > a {
      color: #006eb9;
      position: relative;
      display: inline-block;
      text-align: center;
      padding: 0 20px;
      color: #fff;
      line-height: 40px;
      height: 40px;
      font-family: "MyriadPro";
      font-size: 18px;
      font-weight: bold;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border-radius: 40px; }
      .header .hd-nav .hd-pmenu > li > a:hover {
        color: #006eb9;
        background: #fff; }
    .header .hd-nav .hd-pmenu > li:hover > a, .header .hd-nav .hd-pmenu > li.on > a {
      color: #006eb9;
      background: #fff; }
    .header .hd-nav .hd-pmenu > li.menu-6 ul {
      display: none; }
    .header .hd-nav .hd-pmenu > li.menu-1 ul {
      width: 124%;
      left: -12%; }
    .header .hd-nav .hd-pmenu > li.menu-2 ul {
      width: 152%;
      left: -26%; }
    .header .hd-nav .hd-pmenu > li.menu-3 ul {
      width: 182%;
      left: -41%; }
    .header .hd-nav .hd-pmenu > li.menu-5 ul {
      width: 200%;
      left: -50%; }

.search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 280px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; }

.search_keyword {
  display: block;
  padding-left: 18px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border: none;
  caret-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0; }

.search_btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 11px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/icon_search.png) no-repeat;
  text-indent: 99999px;
  border: 0;
  outline: 0;
  cursor: pointer; }

.header input.search_keyword:focus::-webkit-input-placeholder {
  color: #eee; }

.header input.search_keyword:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #eee; }

.header input.search_keyword:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #eee; }

.header input.search_keyword:focus:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #eee; }

/*--------------------banner---------------------*/
.banner {
  height: 502px;
  background-color: #f7f7f7;
  position: relative;
  width: 100%;
  min-width: 1280px;
  overflow: hidden; }
  .banner ul#pic {
    position: absolute;
    left: 50%;
    width: 1800px;
    margin-left: -900px;
    z-index: 99;
    z-index: 9;
    height: 502px;
    overflow: hidden; }
    .banner ul#pic li {
      overflow: hidden;
      top: 0; }
    .banner ul#pic img {
      width: 100%;
      overflow: hidden; }
  .banner .banner_btn {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    z-index: 999; }
    .banner .banner_btn span {
      display: inline-block;
      width: 12px;
      height: 12px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #304725;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      margin: 0 5px; }
      .banner .banner_btn span.cur {
        background: #304725; }

/*----- page banner -----*/
.page-banner {
  position: relative;
  width: 100%;
  min-width: 1000px;
  height: 420px;
  overflow: hidden; }
  .page-banner .img {
    height: 100%;
    width: 100%; }
    .page-banner img{
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
    .prolist-banner{
      overflow: hidden;
      width: 100%;
    }
    .prolist-banner img{
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
/* .pro-banner{
  padding-top: 30px;
} */
/*-------------------- news & about---------------------*/
h2.indextit {
  font-size: 30px;
  font-weight: bold;
  color: #006eb9;
  line-height: 1.4;
  margin-bottom: 20px; }
  h2.indextit a {
    color: #006eb9;
    display: block; }

.index-about {
  padding: 80px 0 65px;
  overflow: hidden; }
  .index-about .about-text {
    width: 490px;
    margin-right: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .index-about .about-text div {
      text-align: justify; }
  .index-about a {
    display: block; }
    .index-about a:hover .about-text {
      color: #000; }
    .index-about a:hover .about-img img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .index-about .about-img {
    width: 460px;
    height: 320px;
    overflow: hidden; }
    .index-about .about-img img {
      width: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .index-about .about-img video {
      width: 100%;height: 100%;}

.index-news {
  overflow: hidden; }
  .index-news .news-img {
    width: 490px;
    margin-right: 50px;
    height: 295px;
    position: relative; }
    .index-news .news-img li {
      width: 490px;
      height: 295px; }
    .index-news .news-img a {
      display: block;
      width: 100%;
      height: 100%; }
    .index-news .news-img p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 470px;
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      background: rgba(0, 0, 0, 0.6);
      color: #fff; }
    .index-news .news-img .imgbtn {
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 99; }
      .index-news .news-img .imgbtn span {
        display: inline-block;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        margin: 0 3px;
        cursor: pointer; }
        .index-news .news-img .imgbtn span.cur {
          background: #006eb9; }
  .index-news .news-text {
    width: 460px; }
    .index-news .news-text li {
      margin-top: 18px; }
      .index-news .news-text li:first-child {
        margin-top: 0; }
      .index-news .news-text li a {
        display: block;
        font-size: 14px;
        color: #555;
        height: 22px;
        overflow: hidden; }
        .index-news .news-text li a:hover {
          color: #000; }
      .index-news .news-text li em {
        font-style: normal;
        padding-right: 10px; }

/*--------------------pic group---------------------*/
.pic-group {
  overflow: hidden;
  margin: 65px 0 80px;
  min-width: 1280px;
  position: relative; }
  .pic-group .container {
    position: relative; }
    .pic-group .container:before {
      position: absolute;
      content: "";
      top: -50px;
      left: 0;
      width: 490px;
      height: 250px;
      background: #006eb9;
      z-index: 0; }
  .pic-group .group-tit {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin: 35px 0 25px;
    position: relative;
    padding-left: 30px; }
  .pic-group ul {
    overflow: hidden;
    width: 910px;
    margin-left: 90px; }
    .pic-group ul li {
      float: left;
      display: inline-block;
      width: 31.73%;
      overflow: hidden;
      padding: 0 .8%; }
    .pic-group ul a {
      position: relative;
      display: block; }
    .pic-group ul li span {
      overflow: hidden;
      position: relative;
      display: block;
      cursor: pointer;
      width: 100%;
      height: 213px; }
    .pic-group ul li span:after {
      position: absolute;
      bottom: -100%;
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 110, 185, 0.4);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .pic-group ul li span:hover:after {
      bottom: 0; }
    .pic-group ul li span:before {
      content: "+";
      font-size: 60px;
      display: block;
      color: #fff;
      position: absolute;
      top: -100%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9;
      transition: .3s ease-in-out; }
    .pic-group ul img {
      width: 100%; }
    .pic-group ul li p {
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 16px;
      color: #006eb9;
      background: #fff;
      text-align: center;
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .pic-group ul li a:hover p {
      font-weight: bold; }
    .pic-group ul li a:hover span:after {
      bottom: 0; }
    .pic-group ul li a:hover span:before {
      top: 50%; }

/*--------------------footer---------------------*/
.footer {
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
  background: url(../images/footer.jpg) top center no-repeat;
  background-size: cover;
  color: #fff; }
  .footer h4.tit {
    color: #fff;
    font-weight: normal;
    padding-bottom: 13px; }
  .footer p {
    color: #fff;
    font-size: 14px; }
  .footer .footer-t {
    overflow: hidden;
    padding: 69px 0 40px;
    border-bottom: 1px solid rgba(228, 227, 227, 0.6); }
    .footer .footer-t section {
      clear: both;
      overflow: hidden;
      padding-top: 26px; }
    .footer .footer-t section:first-child {
      padding-top: 0; }
    .footer .footer-t ul > li {
      float: left;
      width: 50%; }
    .footer .footer-t .footer-l {
      width: 429px; }
      .footer .footer-t .footer-l .f-icon {
        padding-top: 20px; }
      .footer .footer-t .footer-l .f-icon li {
        float: left;
        width: auto;
        margin-right: 10px; }
      .footer .footer-t .footer-l p {
        line-height: 25px; }
      .footer .footer-t .footer-l .f-icon li:hover {
        cursor: pointer; }
    .footer .footer-t .footer-r {
      width: 350px;
      margin-right: 40px; }
      .footer .footer-t .footer-r table {
        width: 350px; }
  .footer .footer-b {
    height: 150px; }
    .footer .footer-b .container {
      padding-top: 40px; }
    .footer .footer-b .footer-b-l {
      width: 42%;
      float: left; }
    .footer .footer-b .footer-b-r {
      width: 58%;
      float: left; }
      .footer .footer-b .footer-b-r h4 {
        text-align: right;
        font-size: 14px; }
      .footer .footer-b .footer-b-r p {
        text-align: right;
        padding-top: 13px;
        font-size: 12px; }
      .footer .footer-b .footer-b-r a {
        color: #fff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .footer .footer-b .footer-b-r a:hover {
        color: #999;
        font-weight: bold; }

.tj {
  text-align: right;
  margin-top: 5px; }

.footer-r input, textarea {
  display: block;
  width: 333px;
  padding-left: 13px;
  margin-bottom: 10px;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border: none;
  caret-color: #fff;
  -web-kit-appearance: none;
  -moz-appearance: none;
  outline: 0; }

.footer table tbody {
  width: 350px;
  margin: 0;
  padding: 0; }

.footer table td {
  padding: 0; }

.footer-r input {
  line-height: 47px;
  background-color: rgba(255, 255, 255, 0.4);
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 0; }

.footer-r textarea#content {
  margin-bottom: 11px;
  padding-top: 10px;
  width: 331px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4); }

.placecolor::-webkit-input-placeholder {
  color: #fff; }

.placecolor::-moz-placeholder {
  color: #fff; }

.placecolor:-moz-placeholder {
  color: #fff; }

.placecolor:-ms-input-placeholder {
  color: #fff; }

.footer-r td {
  position: relative;
  width: 350px;
  display: block; }

.footer-r label {
  position: absolute;
  right: 10px;
  top: 6px; }

.footer-r .submit {
  display: inline;
  width: 345px;
  line-height: 55px;
  margin: 0;
  margin-left: 2px;
  padding: 0;
  background-color: #fff;
  color: #006ab7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.footer-r .submit:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff; }

.footer-r #message-error {
  top: -10px; }

input.error,
textarea.error {
  border: 1px solid rgba(255, 0, 0, 0.8); }

label.error {
  display: none; }

.footer table tr.selectbox td {
  height: 47px;
  line-height: 47px;
  width: 345px;
  padding-bottom: 10px; }
  .footer table tr.selectbox td select {
    width: 100%;
    height: 47px;
    padding: 0 13px;
    outline: 0;
    border: none;
    color: #f2f2f2;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/down.png") no-repeat scroll right 13px center;
    background-color: rgba(255, 255, 255, 0.4); }
    .footer table tr.selectbox td select option {
      color: #444;
      height: 30px;
      line-height: 30px; }
  .footer table tr.selectbox td .f32.NOFLAG {
    display: none; }
  .footer table tr.selectbox td .select2-container .select2-selection--single {
    height: 47px;
    line-height: 47px;
    border: none;
    border-radius: 0;
    background: url("../images/down.png") no-repeat scroll right 13px center;
    background-color: rgba(255, 255, 255, 0.4); }
    .footer table tr.selectbox td .select2-container .select2-selection--single .select2-selection__arrow {
      display: none; }
    .footer table tr.selectbox td .select2-container .select2-selection--single .select2-selection__rendered {
      line-height: 48px;
      color: #f2f2f2;
      padding: 0 13px; }

.backtop {
  cursor: pointer;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: transform, 0.3s;
  -moz-transition: transform, 0.3s;
  -ms-transition: transform, 0.3s;
  -o-transition: transform, 0.3s;
  transition: transform, 0.3s;
  opacity: 0;
  visibility: hidden; }
  .backtop.active {
    border-top: 1px solid #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.aside-bar {
  z-index: 99999;
  width: 46px;
  position: fixed;
  right: 0;
  top: 68%; }
  .aside-bar a {
    display: block;
    padding: 10px;
    transition: all .1s ease-in-out;
    background-color: #006eb9; }
    .aside-bar a i {
      font-size: 26px;
      line-height: 1;
      color: #fff; }
    .aside-bar a:hover {
      background-color: #64872d; }

#main h2.tit {
  padding-top: 80px;
  padding-bottom: 52px;
  font-family: "Arial";
  color: #000;
  font-size: 30px; }

.page-main {
  min-height: 350px;
  padding-bottom: 80px; }

/*--------------------p-about---------------------*/
#about h4.tit {
  padding-bottom: 30px; }
#about article p {
  line-height: 1.8;
  font-size: 16px; }

.p-about {
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
  height: 743px;
  background: url(../images/p_about_bg.jpg) top center no-repeat; }
  .p-about i {
    position: absolute;
    display: block;
    width: 1px;
    height: 64px;
    bottom: 35px;
    background-color: #fff; }
  .p-about .about-bottom-bg {
    z-index: 999;
    position: absolute;
    bottom: -9px;
    left: -50px; }
  .p-about .p-about-t {
    position: relative;
    margin-top: 70px; }
    .p-about .p-about-t .p-about-l {
      width: 680px;
      height: 323px;
      padding-top: 45px;
      padding-left: 35px;
      background: #2380c1; }
      .p-about .p-about-t .p-about-l .title {
        padding-bottom: 30px; }
      .p-about .p-about-t .p-about-l article {
        width: 365px; }
        .p-about .p-about-t .p-about-l article p {
          color: #fff;
          font-size: 14px !important;
          line-height: 20px !important; }
    .p-about .p-about-t .p-about-r {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
  .p-about .p-about-b {
    height: 305px;
    padding: 0 35px; }
    .p-about .p-about-b article {
      padding-top: 40px; }
      .p-about .p-about-b article p {
        font-family: 'Arial';
        color: #777;
        line-height: 24px !important; }

.certificates {
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
  margin-bottom: 80px; }
  .certificates article {
    padding-bottom: 52px; }
  .certificates .owl-tit {
    padding-bottom: 52px; }
  .certificates section {
    overflow: hidden; }
    .certificates section .cer-l {
      width: 48%;
      padding-right: 2%; }
    .certificates section .cer-r {
      width: 48%;
      padding-left: 2%; }
  .certificates .owl-theme .owl-nav {
    margin-top: 0; }
  .certificates .owl-carousel .item {
    padding: 0 27px; }
    .certificates .owl-carousel .item a {
      display: inline-block; }
    .certificates .owl-carousel .item span {
      display: block;
      height: 42px;
      line-height: 42px;
      text-align: center; }
  .certificates .owl-carousel .owl-prev,
  .certificates .owl-carousel .owl-next {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -21px;
    text-indent: -999999px;
    width: 32px;
    height: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .certificates .owl-carousel .owl-prev {
    background: url(../images/arrow_left.png) no-repeat;
    background-size: auto 50px;
    left: -25px; }
    .certificates .owl-carousel .owl-prev:hover {
      background: transparent url(../images/arrow_left.png) no-repeat;
      background-size: auto 50px;
      margin-left: -10px; }
  .certificates .owl-carousel .owl-next {
    background: url(../images/arrow_right.png) no-repeat;
    background-size: auto 50px;
    right: -25px; }
    .certificates .owl-carousel .owl-next:hover {
      background: transparent url(../images/arrow_right.png) no-repeat;
      background-size: auto 50px;
      margin-right: -10px; }

/*--------------------history---------------------*/
.history {
  width: 100%;
  min-width: 1280px;
  height: 743px;
  background: url(../images/about_bottom_bg.jpg) top center no-repeat; }
  .history .tit {
    padding-bottom: 38px !important; }
  .history .his-box {
    height: 400px;
    position: relative; }
    .history .his-box .tempWrap {
      overflow: hidden; }
    .history .his-box .hisBot {
      position: absolute;
      left: 0;
      width: 100%;
      display: block;
      top: 50%;
      height: 2px;
      margin-top: -1px;
      background: #c2c2c2; }
    .history .his-box .item {
      height: 420px;
      position: relative;
      color: #555; }
    .history .his-box .itemlist {
      position: absolute;
      padding-left: 50px; }
      .history .his-box .itemlist .xian {
        width: 38px;
        height: 190px;
        padding-top: 10px;
        position: absolute;
        left: 0; }
      .history .his-box .itemlist .dian {
        width: 7px;
        height: 7px;
        position: absolute;
        left: 0;
        background-color: #c2c2c2;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .history .his-box .itemlist h3 {
        font-family: 'helv';
        font-size: 30px;
        line-height: 1.2;
        color: #2380c1;
        margin-bottom: 12px;
        padding: 10px 0 5px; }
      .history .his-box .itemlist div {
        color: #777; }
    .history .his-box .hitem1 {
      left: 5%;
      height: 190px;
      padding-top: 10px;
      top: 0;
      width: 22%; }
      .history .his-box .hitem1 .xian {
        height: 170px;
        top: 34px; }
      .history .his-box .hitem1 .dian {
        display: none; }
    .history .his-box .hitem2 {
      left: 21%;
      padding-top: 98px;
      height: 124px;
      top: 196px;
      width: 30%; }
      .history .his-box .hitem2 .xian {
        height: 114px; }
      .history .his-box .hitem2 .dian {
        display: none; }
    .history .his-box .hitem3 {
      left: 47%;
      height: 155px;
      padding-top: 5px;
      top: 40px;
      width: 28%; }
      .history .his-box .hitem3 .xian {
        height: 134px;
        padding-top: 0;
        top: 28px; }
      .history .his-box .hitem3 .dian {
        bottom: -4px; }
    .history .his-box .hitem4 {
      left: 66%;
      padding-top: 60px;
      height: 164px;
      top: 200px;
      width: 29%; }
      .history .his-box .hitem4 .xian {
        height: 78px; }
      .history .his-box .hitem4 .dian {
        top: -3px;
        left: 1px; }
    .history .his-box .hitem2 .xian, .history .his-box .hitem4 .xian {
      background: url(../images/h_i5.png) no-repeat scroll center bottom;
      top: 0; }
    .history .his-box .hitem1 .xian, .history .his-box .hitem3 .xian {
      background: url(../images/h_i2.png) no-repeat scroll left top; }
  .history .slick-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #2380c1;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -20px;
    z-index: 100; }
    .history .slick-arrow i {
      width: 20px;
      height: 32px;
      display: block;
      margin: 4px auto;
      cursor: pointer; }
    .history .slick-arrow.slick-prev {
      left: -24px; }
      .history .slick-arrow.slick-prev i {
        background: url(../images/h_btn_l.png) no-repeat scroll left center;
        -webkit-animation: start1 1s infinite ease-in-out;
        -moz-animation: start1 1s infinite ease-in-out;
        -o-animation: start1 1s infinite ease-in-out;
        animation: start1 1s infinite ease-in-out; }
    .history .slick-arrow.slick-next {
      right: -24px; }
      .history .slick-arrow.slick-next i {
        background: url(../images/h_btn_r.png) no-repeat scroll left center;
        -webkit-animation: start 1s infinite ease-in-out;
        -moz-animation: start 1s infinite ease-in-out;
        -o-animation: start 1s infinite ease-in-out;
        animation: start 1s infinite ease-in-out; }

@-webkit-keyframes start {
  0%,30% {
    opacity: 0;
    -webkit-transform: translate(-8px, 0px); }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(10px, 0px); } }
@-moz-keyframes start {
  0%,30% {
    opacity: 0;
    -moz-transform: translate(-8px, 0px); }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -moz-transform: translate(10px, 0px); } }
@keyframes start {
  0%,30% {
    opacity: 0;
    transform: translate(-8px, 0px); }
  60% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(10px, 0px); } }
@-webkit-keyframes start1 {
  0%,30% {
    opacity: 0;
    -webkit-transform: translate(8px, 0px); }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-10px, 0px); } }
@-moz-keyframes start1 {
  0%,30% {
    opacity: 0;
    -moz-transform: translate(8px, 0px); }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -moz-transform: translate(-10px, 0px); } }
@keyframes start1 {
  0%,30% {
    opacity: 0;
    transform: translate(8px, 0px); }
  60% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(-10px, 0px); } }
/* brand */
.brand {
  width: 100%;
  min-width: 1200px;
  margin-bottom: 80px; }

/*--------------------news---------------------*/
.news-main {
  padding: 80px 0;
  overflow: hidden; }
  .news-main .page-h1 {
    position: relative;
    padding: 0 0 40px 20px; }
    .news-main .page-h1:after {
      position: absolute;
      content: "";
      bottom: 25px;
      left: 0;
      width: 40%;
      height: 3px;
      background: #006eb9; }
  .news-main .news-l {
    width: 765px;
    margin-right: 40px; }
  .news-main .newsmenu {
    text-align: right; }
    .news-main .newsmenu a {
      position: relative;
      display: inline-block;
      color: #006eb9;
      font-size: 18px;
      line-height: 1;
      margin: 0 8px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .news-main .newsmenu a:before {
        content: "";
        position: absolute;
        left: -9px;
        top: 5%;
        width: 2px;
        height: 90%;
        background: #006eb9; }
      .news-main .newsmenu a:first-child:before {
        display: none; }
      .news-main .newsmenu a:hover, .news-main .newsmenu a.on {
        font-weight: bold; }
  .news-main .newslist {
    margin: 10px 0;
    border-top: 1px solid #ddd; }
    .news-main .newslist li {
      overflow: hidden;
      border-bottom: 1px solid #ddd; }
      .news-main .newslist li a {
        position: relative;
        display: block;
        padding: 30px 0 30px 20px;
        transition: all .5s; }
        .news-main .newslist li a:hover .description, .news-main .newslist li a:hover .tit {
          margin-left: 10px; }
        .news-main .newslist li a:hover .tit, .news-main .newslist li a:hover .date {
          color: #333; }
        .news-main .newslist li a:hover .description {
          color: #666; }
        .news-main .newslist li a:hover .more {
          color: #fff;
          background: #006eb9; }
      .news-main .newslist li .img {
        width: 150px;
        height: 90px;
        margin-right: 30px;
        transition: all .5s;
        overflow: hidden; }
      .news-main .newslist li .txt {
        position: absolute;
        width: 405px;
        padding-right: 160px;
        height: 90px;
        top: 30px;
        left: 200px;
        overflow: hidden;
        transition: all .5s; }
      .news-main .newslist li .tit {
        margin: 10px 0 16px;
        font-size: 16px;
        font-weight: normal;
        color: #575757;
        transition: all .5s;
        height: 16px;
        line-height: 16px;
        overflow: hidden; }
      .news-main .newslist li .date {
        position: absolute;
        right: 0;
        top: 7px;
        width: 100px;
        text-align: center;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #999;
        transition: all .5s; }
      .news-main .newslist li .more {
        position: absolute;
        right: 0;
        top: 44px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #006eb9;
        border: 2px solid #006eb9;
        border-radius: 5px;
        transition: all .5s; }
      .news-main .newslist li .description {
        height: 42px;
        transition: all .5s;
        font-size: 13px;
        color: #999;
        line-height: 20px;
        overflow: hidden; }
  .news-main .news-r {
    width: 195px;
    padding-top: 80px; }
    .news-main .news-r li.txt-item a {
      display: block;
      color: #fff;
      padding: 20px;
      position: relative; }
      .news-main .news-r li.txt-item a:after {
        position: absolute;
        bottom: -18px;
        left: 25px;
        content: '';
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 18px solid #006eb9;
        z-index: 11; }
      .news-main .news-r li.txt-item a:hover h3 {
        font-weight: bold; }
    .news-main .news-r li.txt-item h3 {
      font-size: 16px;
      line-height: 1.6;
      margin-bottom: 20px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .news-main .news-r li.txt-item p {
      font-size: 12px; }
    .news-main .news-r li.txt-item.item1 {
      background: #006eb9; }
    .news-main .news-r li.txt-item.item2 {
      background: #486d23; }
      .news-main .news-r li.txt-item.item2 a:after {
        border-top-color: #486d23; }
    .news-main .news-r li.img-item {
      margin-top: 40px; }
      .news-main .news-r li.img-item a {
        display: block;
        padding: 20px 10px;
        position: relative;
        background: #fff;
        border: 2px solid #006eb9;
        color: #006eb9; }
        .news-main .news-r li.img-item a:after {
          position: absolute;
          bottom: -19px;
          left: 25px;
          content: '';
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-top: 19px solid #006eb9;
          z-index: 10; }
        .news-main .news-r li.img-item a:before {
          position: absolute;
          bottom: -17px;
          left: 27px;
          content: '';
          border-left: 18px solid transparent;
          border-right: 18px solid transparent;
          border-top: 17px solid #fff;
          z-index: 13; }
        .news-main .news-r li.img-item a:hover h3 {
          font-weight: bold; }
        .news-main .news-r li.img-item a:hover .img img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .news-main .news-r li.img-item .img {
        display: block;
        height: 110px;
        position: relative;
        overflow: hidden; }
      .news-main .news-r li.img-item img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .news-main .news-r li.img-item h3 {
        margin: 15px 0 5px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size: 16px; }
      .news-main .news-r li.img-item p {
        line-height: 1; }

/*--------------------paging---------------------*/
.paging {
  text-align: center;
  padding: 30px 0 0; }

.paging li {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  font-size: 12px; }

.paging li a {
  display: inline-block;
  color: #006eb9;
  border: 1px solid #ddd;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 3px;
  font-size: 12px;
  transition: all .5s; }

.paging li.thisclass a, .paging li:hover a {
  background: #006eb9;
  color: #fff; }

.paging li a.i, .paging li.n a, .paging li a.e, .paging li.p a {
  text-indent: -9999px; }

.paging li a.i {
  background: url(../images/paging_btn.png) 7px center no-repeat; }

.paging li a.e {
  background: url(../images/paging_btn.png) -152px center no-repeat; }

.paging li.p a {
  background: url(../images/paging_btn.png) -30px center no-repeat; }

.paging li.n a {
  background: url(../images/paging_btn.png) -98px center no-repeat; }

.paging li:hover a.i {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #006eb9; }

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #006eb9; }

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -30px center no-repeat #006eb9; }

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -98px center no-repeat #006eb9; }

/*--------------------newsarticle---------------------*/
.news-article {
  padding: 80px 0 0; }
  .news-article p {
    line-height: 1.4; }
  .news-article .wrap {
    max-width: 980px; }
  .news-article .title {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    margin: 0;
    font-weight: bold;
    color: #006eb9; }
  .news-article .date {
    font-size: 12px;
    text-align: center;
    color: #aaa;
    padding-bottom: 30px;
    margin-top: 5px;
    border-bottom: 1px solid #eee; }
  .news-article #countnum {
    padding-left: 45px;
    background: url(../images/look.png) left 24px top no-repeat; }
  .news-article .body {
    margin: 30px 0 50px;
    min-height: 50px; }
    .news-article .body img {
      max-width: 100% !important; }
  .news-article .prenext {
    font-size: 14px; }
    .news-article .prenext a {
      text-transform: uppercase; }

.content {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto; }

/*--------------------pro---------------------*/
.pro-top {
  margin: 80px auto;
  position: relative; }
  .pro-top .pro-l {
    width: 400px; }
    .pro-top .pro-l img {
      width: 100%; }
  .pro-top .pro-r {
    width: 640px;
    margin-left: -40px; }
    .pro-top .pro-r .page-h1 {
      margin: 30px 0 20px;
      text-align: center; }
    .pro-top .pro-r .pro-con {
      background: #006eb9;
      padding: 60px;
      color: #fff;
      font-size: 16px; }
  .pro-top .pro-brand {
    margin-top: 50px;
    font-size: 16px; }
    .pro-top .pro-brand strong {
      font-size: 30px;
      font-weight: normal;
      color: #000; }

.pro-function {
  color: #fff;
  width: 100%;
  min-width: 1000px;
  background: url(../images/pro_function.jpg) center center no-repeat;
  padding: 80px 0;
  text-align: center;
  background-size: cover; }
  .pro-function .func-tit {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 35px; }
  .pro-function li {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    height: 130px;
    border: 1px solid #fff;
    margin: 0 15px;
    border-radius: 50%; }
    .pro-function li p {
      line-height: 1.8;
      font-size: 16px;
      padding: 38px 8px 0;
      -webkit-transition: all, 0.1s;
      -moz-transition: all, 0.1s;
      -ms-transition: all, 0.1s;
      -o-transition: all, 0.1s;
      transition: all, 0.1s; }
    .pro-function li.li-txtmore p {
      padding-top: 24px; }
    .pro-function li:hover p {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05); }
  .pro-function .nutrition-ul {
    margin-bottom: 50px; }

.pro-menu {
  margin: 60px auto; }
  .pro-menu li {
    width: 40%; }
    .pro-menu li img {
      width: 100%; }
  .pro-menu li:first-child {
    float: left; }
  .pro-menu li:first-child + li {
    float: right; }

.pages-banner{
  width: 100%;
}
.pages-banner img{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.pro-main .con-top .lit-tit{
  color: #787171;
  font-size: 30px;
  padding-bottom: 30px;
}
.pro-main .con-top .logo-pic{
  height: 80px;
}
.pro-main .con-top .logo-pic img{
  height: 100%;
}
.pro-main .con-top p{
  color: #595959;
  font-size: 16px;
  line-height: 30px;
  padding-top: 30px;
}
.pro-main .con-mid{
  padding-top: 50px;
}
.pro-main .con-mid .midpic{
  position: relative;
  background: #70ad47;
  width:500px;
  height: 400px;
}
.pro-main .con-mid .midpic img{
  position: absolute;
  width: 400px;
  left: 200px;
  top: 46px;
}
.pro-main .con-mid .midinfo{
  width: 370px;
  padding-left: 30px;
}
.pro-main .con-mid .midinfo .info-tit{
  color: #538234;
  font-weight: bold;
  font-size: 30px;
  padding-top: 10px;
}
.pro-main .con-mid .midinfo li{
  color: #595959;
  font-size: 16px;
  line-height: 30px;
  padding-top: 20px;
  padding-left: 30px;
  position: relative;
}
.pro-main .con-mid .midinfo li::before{
  content:'.';
  font-size: 0;
  display: block;
  border-radius: 50%;
  background: #585858;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 29px;
}
.pro-main .con-bot{
  padding-top: 50px;
}
.pro-main .con-bot .big-tit{
  color: #538234;
  font-weight: bold;
  font-size: 30px;
  padding-top: 10px;
}
.pro-main .con-bot .sm-tit{
  color: #6caa41;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}
.pro-main .con-bot p{
  color: #595959;
  font-size: 16px;
  line-height: 30px;
}
.pro-main .con-bot .block{
  padding-top: 30px;
}
  .pro-main .prolist-tit {
    text-align: center;
    height: 55px; }
    .pro-main .prolist-tit img {
      height: 100%; }
  .pro-main .prolist-con {
    margin: 60px 0 80px;
    line-height: 1.8; }
    /* .pro-main .prolist-con h2 {
      font-size: 16px;
      margin-bottom: 15px;
      width: 270px;
      font-weight: bold;
      height: 40px;
      border: 2px solid #304725;
      line-height: 40px;
      text-align: center;
      border-radius: 5px;
      box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2); } */
    .pro-main .prolist-con.procon37 h2 {
      color: #304725; }
    .pro-main .prolist-con.procon38 h2 {
      color: #006eb9;
      border-color: #006eb9; }
  .pro-main{padding-bottom: 80px;}
  .pro-main .prolist {
    position: relative;
    padding-top: 80px; }
    .pro-main .prolist .app-tit {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 40px;
      line-height: 80px; }
    .pro-main .prolist:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 650px;
      height: 210px;
      z-index: -1; }
    .pro-main .prolist ul {
      margin-left: 80px; }
      .pro-main .prolist ul.hide {
        display: none; }
      .pro-main .prolist ul.show {
        display: block; }
    .pro-main .prolist li {
      float: left;
      width: 290px;
      margin: 0 0 16.6px 16.6px;
      position: relative;
      background: #fff; }
      .pro-main .prolist li span.img {
        display: block;
        width: 100%;
        height: 220px;
        position: relative;
        overflow: hidden; }
        .pro-main .prolist li span.img:before {
          content: "+";
          font-size: 60px;
          display: block;
          color: #fff;
          position: absolute;
          top: -100%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 9;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .pro-main .prolist li span.img:after {
          position: absolute;
          bottom: -100%;
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 110, 185, 0.4);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
      .pro-main .prolist li h3 {
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        text-align: center;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -ms-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
        font-size: 16px; }
      .pro-main .prolist li:hover .img:before {
        top: 50%; }
      .pro-main .prolist li:hover .img:after {
        bottom: 0; }
      .pro-main .prolist li:hover h3 {
        font-weight: bold; }
    .pro-main .prolist.pro37 .app-tit {
      color: #70ad47; }
    .pro-main .prolist.pro37:before {
      background: #70ad47; }
    .pro-main .prolist.pro37 li h3 {
      color: #70ad47; }
    .pro-main .prolist.pro37 .more, .pro-main .prolist.pro37 .less {
      color: #70ad47; }
    .pro-main .prolist.pro38 .app-tit {
      color: #006eb9; }
    .pro-main .prolist.pro38:before {
      background: #5b9bd5; }
    .pro-main .prolist.pro38 li h3 {
      color: #006eb9; }
    .pro-main .prolist.pro38 .more, .pro-main .prolist.pro38 .less {
      color: #006eb9; }
    .pro-main .prolist .more, .pro-main .prolist .less {
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      margin-top: 20px;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      line-height: 1; }
      .pro-main .prolist .more:hover, .pro-main .prolist .less:hover {
        text-decoration: underline; }
    .pro-main .prolist .less {
      display: none; }
  .pro-main .prolist-menu {
    margin-top: 50px;
    text-align: center; }
    .pro-main .prolist-menu li {
      display: inline-block;
      margin: 0 40px; }
      .pro-main .prolist-menu li a {
        color: #fff;
        display: block;
        padding: 0 20px;
        height: 36px;
        line-height: 36px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .pro-main .prolist-menu li a:hover {
          padding: 0 30px;
          font-weight: bold; }
      .pro-main .prolist-menu li.fosli {
        background: #304725; }
        .pro-main .prolist-menu li.fosli a:before {
          position: absolute;
          left: -18px;
          top: 0;
          content: '';
          border-top: 18px solid transparent;
          border-bottom: 18px solid transparent;
          border-right: 18px solid #304725;
          z-index: 11; }
      .pro-main .prolist-menu li.gosli {
        background: #006eb9; }
        .pro-main .prolist-menu li.gosli a:before {
          position: absolute;
          right: -18px;
          top: 0;
          content: '';
          border-top: 18px solid transparent;
          border-bottom: 18px solid transparent;
          border-left: 18px solid #006eb9;
          z-index: 11; }
  .pro-gos .con-mid .midpic{
    background: #5b9bd5;
  }
  .pro-gos .con-mid .midpic img{
    right: 160px;
    left: auto;
  }
  .pro-gos .con-mid .midinfo{
    padding-left: 0;
  }
  .pro-gos .con-mid .midinfo .info-tit{
    color: #2e74b6;
  }
  .pro-gos .con-bot .big-tit{
    color: #2e74b6;
  }
  .pro-gos .con-bot .sm-tit{
    color: #5b9ad4;
    position: relative;
    padding-left: 30px;
  }
  .pro-gos .con-bot .sm-tit::before{
    content:'.';
    display: block;
    position: absolute;
    background: #5b9ad4;
    font-size: 0;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    left: 0;
    top: 9px;
  }
  
/***---- pro arricle -----***/
.pro-article {
  padding: 80px 0;
  color: #112258; }
  .pro-article .article-tit {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 40px; }
  .pro-article .probody {
    padding-right: 300px;
    line-height: 1.8;
    background: url(../images/bulb.png) right center no-repeat; }
    .pro-article .probody h2 {
      margin-bottom: 15px;
      font-weight: bold; }
    .pro-article .probody h3{
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 18px;
    }

.pro-advant {
  background: #112258;
  color: #fff;
  padding: 80px 0;
  line-height: 1.8; }
  .pro-advant h2 {
    margin-bottom: 15px;
    font-weight: bold; }
  .pro-advant .container {
    padding-left: 300px;
    width: 700px;
    background: url(../images/good.png) left center no-repeat; }
  .pro-advant li {
    padding-left: 15px;
    position: relative; }
    .pro-advant li:after {
      content: "▩";
      position: absolute;
      left: 0;
      top: 0; }

.pro-value {
  margin: 80px auto;
  padding-top: 130px;
  background: url(../images/pie.png) center top no-repeat;
  color: #112258; }
  .pro-value h2 {
    margin-bottom: 20px;
    font-weight: bold; }
  .pro-value table {
    border-collapse: collapse;
    border: 3px solid #112258;
    width: 60%; }
    .pro-value table th {
      border-collapse: collapse;
      border-bottom: 4px solid #112258; }
    .pro-value table th, .pro-value table td {
      line-height: 1.6;
      padding: 5px 10px; }

.proart-bot {
  background: #112258;
  padding: 50px 0;
  color: #fff;
  text-align: center; }
  .proart-bot .box{
    display: inline-block;
    padding: 50px 0 50px 160px;
    background: url(../images/click.png) left center no-repeat; 
  }
  .proart-bot p {
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    }
  .proart-bot span {
    line-height: 50px;
  }
  .proart-bot samp{
    cursor: pointer;
    margin-right: 10px;
    text-align: center;
    text-indent: 0;
    display: block;
    font-weight: bold;
    line-height: 1;
    float: left;
    padding: 15px 10px;
    border-radius: 5px;
    background: #fff;
    color: #132356;
    font-family: 'Arial';
  }
  .proart-bot.color{
    background: #fff;
    color: #203864;
  }
  .proart-bot.color .box {
    background: url(../images/click2.png) left center no-repeat;
 }
 .proart-bot.color samp {
    background: #203864;
    color: #fff;
  }

  .gos-advant .container {
    padding-top: 140px;
    width: 1000px;
    padding-left: 0;
    background: url(../images/good.png) top center no-repeat;
 }
 .gos-advant .container h1{
   font-weight: bold;
 }
 .gos-advant .container img{
   max-width: 100%;
 }
 .proart-gos{
   background: #fff;
   color: #203864;
 }
 .proart-gos .box {
    background: url(../images/click2.png) left center no-repeat;
 }
 .proart-gos samp {
    background: #203864;
    color: #fff;
  }
  .pro-article .probodymore h2{
    font-weight: bold;
  }
/*---------------------search------------------------*/
.searchpage .prolist .img img {
  width: 800px; }

/*-------career-----*/
.career-main {
  margin: 80px auto; }
  .career-main .page-h1 {
    margin-bottom: 40px; }
  .career-main .why-text {
    color: #006eb9;
    font-size: 16px; }
  .career-main .whylist {
    margin: 25px 0;
    padding-top: 10px;
    border-top: 3px solid #006eb9; }
    .career-main .whylist li {
      float: left;
      width: 480px;
      margin-left: 40px; }
      .career-main .whylist li:first-child {
        margin-left: 0; }
      .career-main .whylist li p {
        padding: 15px; }
      .career-main .whylist li.item46 {
        padding-top: 70px;
        position: relative; }
        .career-main .whylist li.item46:before {
          content: "";
          position: absolute;
          top: -10px;
          left: 0;
          width: 100%;
          height: 45px;
          background: #006eb9;
          box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2); }
      .career-main .whylist li .img {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 318px; }
        .career-main .whylist li .img img {
          width: 100%;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
      .career-main .whylist li:hover .img img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
  .career-main .apply-btn {
    display: block;
    margin-top: 40px;
    width: 240px;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    border: 2px solid #006eb9;
    color: #006eb9;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .career-main .apply-btn:hover {
      color: #fff;
      background: #006eb9; }
  .career-main .apply-con p {
    color: #006eb9;
    font-size: 16px; }
  .career-main .apply-tip {
    margin: 20px 0; }
  .career-main .apply-email {
    text-decoration: underline;
    color: #006eb9; }
    .career-main .apply-email:hover {
      font-weight: bold; }

/****------------ contact ---------------***/
.am-cf:after,
.am-cf:before {
  content: " ";
  display: table; }

.am-cf:after {
  clear: both; }

.contact {
  margin: 80px auto;
  position: relative; }
  .contact .page-h1 {
    color: #1f4e79;
    padding-bottom: 50px; 
    text-indent: 20px;
    border-bottom: 5px solid #1f4e79;
  }
  .contact .quick-btn {
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 180px;
    border: 2px solid #1f4e79;
    color: #1f4e79;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .contact .quick-btn:hover {
      color: #fff;
      background: #006eb9; }
  .contact .contact-l {
    border-bottom: 5px solid #1f4e79;
    padding: 150px 0 50px;
    position: relative; }
    .contact .contact-l img {
      width: 100%; }
    .contact .contact-l ul {
      position: absolute;
      color: #006eb9;
      font-size: 16px;
      line-height: 1.8;
      z-index: 9; }
      .contact .contact-l ul li {
        color: #1f4e79;
        cursor: pointer;
        -webkit-transition: all, 0.3;
        -moz-transition: all, 0.3;
        -ms-transition: all, 0.3;
        -o-transition: all, 0.3;
        transition: all, 0.3; 
        font-weight: bold;
      }
      .contact .contact-l ul li .tit{
        display: inline-block;
        line-height: 42px;
        font-size: 20px;
        padding: 0 10px;
        border-radius: 5px;
      }
      .contact .contact-l ul li .tit font{
        color: #1f4e79 !important;
      }
        .contact .contact-l ul li:hover .tit, .contact .contact-l ul li.on .tit {
          color: #fff;
          background: #1f4e79;
        }
        .contact .contact-l ul li:hover .tit font, .contact .contact-l ul li.on .tit font{
          color: #fff !important;
        }
      .contact .contact-l ul.us {
        top: 198px;
        left: 100px; }
      .contact .contact-l ul.same {
        top: 452px;
        left: 100px; }
      .contact .contact-l ul.eu {
        top: 198px;
        left: 340px; }
      .contact .contact-l ul.asia {
        top: 198px;
        left: 520px; }
      .contact .contact-l ul.asia li:nth-child(9){
        margin-top: 42px;
      }
      .contact .contact-l ul.anz {
        top: 198px;
        left: 750px; }
      .contact .contact-l ul.anz li:nth-child(8){
        margin-top: 42px;
      }
      .contact .contact-l .add-list{
        width: 100%;
        position: absolute;
        top: 30px; 
        left: 0;
      }
      .contact .contact-l .add-list .item{
        width: 33.3%;
        float: left;
        font-weight: bold;
        font-size: 30px;
        line-height: 80px;
        text-align: center;
        color: #435369;
      }
      .contact .contact-l .add-list .item-s{
        line-height: 40px;
        text-align: left;
      }

  .contact .contact-r {
    padding: 0 20px;
    padding-top: 50px;
     }
     .contact .contact-r .contact-main h2 {
      color: #1f4e79;
      font-weight: bold;
      font-size: 24px;
      padding-bottom: 10px;
      line-height: 40px; }
      .contact .contact-r .contact-main h2 font{
        color: #1f4e79 !important;
      }
    .contact .contact-r .contact-main h3 {
      }
      .contact .contact-r .contact-main {
        color: #595959;
        line-height: 1.6;
        display: none; }
        .contact .contact-r .contact-main li{
          position: relative;
          float: left;
          width: 100%;
          height: 215px;
          margin-bottom: 20px;
        }
        .contact .contact-r .contact-main li >div{
          padding-left: 30px;
          width: 430px;
          line-height: 30px;
          padding-right: 20px;
        }
        .contact .contact-r .contact-main .comp{
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 10px;
          line-height: 1.6; 
          padding-left: 0;
          width: 80%;
        }
        .contact .contact-r .contact-main .name{
          background: url('/templets/images/ico-person.png') no-repeat left 5px;
          background-size: 20px 20px;
        }
        .contact .contact-r .contact-main .tel{
          background: url('/templets/images/ico-telephoe.png') no-repeat left 5px;
          background-size: 20px 20px;
        }
        .contact .contact-r .contact-main .mail{
          background: url('/templets/images/ico-mail.png') no-repeat left 5px;
          background-size: 20px 20px;
        }
        .contact .contact-r .contact-main .address{
          background: url('/templets/images/ico-address.png') no-repeat left 5px;
          background-size: 20px 20px;
          position: absolute;
          left: 50%;
          top: 40px;
        }
        .contact .contact-r .contact-main.doule li{
          width: 50%;
        }
        .contact .contact-r .contact-main.doule .address{
          position: initial;
        }
        
    /* .contact .contact-r a {
      color: #1f4e79;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .contact .contact-r a:hover {
        text-decoration: underline; }

      .contact .contact-r .contact-main.open {
        display: block; }
      
    .contact .contact-r a {
      color: #1f4e79;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .contact .contact-r a:hover {
        text-decoration: underline; }
    .contact .contact-r .contact-main {
      line-height: 1.6;
      display: none; } */
      .contact .contact-r .contact-main.open {
        display: block; }
      /* .contact .contact-r .contact-main h2 {
        color: #1f4e79;
        font-weight: bold;
        font-size: 24px;
        padding-bottom: 20px;
        line-height: 40px; }
      .contact .contact-r .contact-main h3 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.6; } */

/****------- event --------****/
.event-main {
  padding: 80px 0; }
  .event-main .page-h1 {
    position: relative;
    padding: 0 0 55px 20px; }
    .event-main .page-h1:after {
      position: absolute;
      content: "";
      bottom: 40px;
      left: 0;
      width: 50%;
      height: 3px;
      background: #006eb9; }

.event-l {
  float: left; }

.eventtit {
  margin: 15px 0 20px;
  font-size: 24px;
  color: #6eb31a;
  font-weight: bold; }

.eventbody {
  float: left;
  width: 320px;
  background: #e5edf4;
  padding: 20px;
  min-height: 280px; }
  .eventbody li {
    display: none;
    position: relative; }
    .eventbody li.open {
      display: block; }
    .eventbody li em {
      font-style: normal;
      color: #006eb9; }
    .eventbody li h3 {
      margin: 8px 0;
      color: #006eb9;
      font-weight: bold; }
    .eventbody li a {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 999;
      width: 78px;
      height: 31px;
      text-indent: -9999em;
      background: url(../images/Calendar_Add_Button.png) no-repeat; }

.eventlist {
  float: left;
  width: 360px;
  margin-left: 20px;
  background: #b9ccde; }
  .eventlist .article-menu {
    display: none; }
  .eventlist .viewport {
    position: relative;
    width: 347px;
    height: 320px;
    overflow: hidden; }
  .eventlist ul.overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    list-style: none; }
    .eventlist ul.overview > li {
      width: 100%; }
      .eventlist ul.overview > li a {
        background: #b9ccde url(../images/Accordion_Bg.png);
        cursor: pointer; }
      .eventlist ul.overview > li.open a {
        color: #fff;
        border-bottom: 1px solid #6eb31a; }
      .eventlist ul.overview > li ul {
        padding: 10px;
        background: #e5edf4; }
        .eventlist ul.overview > li ul li {
          font-size: 16px;
          cursor: pointer;
          color: #006eb9;
          margin: 1px 0;
          padding: 3px 5px 3px 7px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
          .eventlist ul.overview > li ul li:hover, .eventlist ul.overview > li ul li.on {
            background: #fff;
            color: #6eb31a; }
        .eventlist ul.overview > li ul em {
          font-style: normal; }
  .eventlist .event-month {
    display: block;
    color: #006eb9;
    padding: 12px 12px 12px 16px;
    font-size: 18px; }

.event-r {
  width: 240px;
  float: left;
  margin-left: 20px; }
  .event-r h2 {
    color: #006eb9;
    font-size: 20px;
    margin: 13px 0 8px; }
  .event-r a {
    color: #006eb9; }
  .event-r p {
    padding: 15px;
    background: #e5edf4; }

#scrollbar1 {
  clear: both; }

#scrollbar1 .thumb .end,
#scrollbar1 .thumb {
  background-color: #f6fbff; }

#scrollbar1 .scrollbar {
  position: relative;
  width: 13px;
  float: right; }

#scrollbar1 .track {
  background-color: #98a8b7;
  height: 100%;
  width: 11px;
  position: relative;
  padding: 0 1px; }

#scrollbar1 .thumb {
  height: 20px;
  width: 13px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0; }

#scrollbar1 .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 13px; }

#scrollbar1 .disable {
  display: none; }

.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

/*------ advantage --------*/
.page-h1 {
  font-size: 40px;
  color: #006eb9;
  font-weight: bold;
  line-height: 1; }

.advantmain {
  margin: 80px auto; }
  .advantmain .page-h1 {
    text-align: right;
    margin-bottom: 20px; }
  .advantmain .advant-tit {
    font-size: 24px;
    color: #006eb9;
    margin-bottom: 20px; }
  .advantmain section {
    position: relative;
    padding: 40px 0; }
    .advantmain section .line1, .advantmain section .line2, .advantmain section .line3, .advantmain section .advant-num {
      position: absolute;
      content: "";
      display: block; }
    .advantmain section .line1, .advantmain section .line2 {
      z-index: 8;
      height: 3px;
      width: 100%;
      background: #006eb9; }
    .advantmain section .line1 {
      top: 0; }
    .advantmain section .line2 {
      bottom: 0; }
    .advantmain section .line3 {
      width: 3px;
      height: 100%;
      background: #006eb9;
      top: 0; }
    .advantmain section .advant-num {
      z-index: 9;
      display: block;
      font-size: 100px;
      color: #006eb9;
      font-weight: bold;
      background: #fff;
      line-height: 100px;
      height: 120px;
      text-align: center; }
  .advantmain .content {
    width: auto; }
  .advantmain .advant-company, .advantmain .advant-advanced {
    padding-left: 55px; }
    .advantmain .advant-company .advant-num, .advantmain .advant-advanced .advant-num {
      left: -40px;
      top: -40px;
      padding: 0 18px 0 10px; }
    .advantmain .advant-company .line1, .advantmain .advant-company .line2, .advantmain .advant-advanced .line1, .advantmain .advant-advanced .line2 {
      left: 0; }
    .advantmain .advant-company .line3, .advantmain .advant-advanced .line3 {
      left: 0; }
  .advantmain .advant-core {
    padding-right: 55px;
    padding-left: 40px; }
    .advantmain .advant-core .advant-tit {
      text-align: right; }
    .advantmain .advant-core .advant-num {
      top: 50%;
      margin-top: -70px;
      width: 60px;
      right: -30px;
      line-height: 140px;
      height: 140px; }
    .advantmain .advant-core .line1, .advantmain .advant-core .line2 {
      left: 0; }
    .advantmain .advant-core .line2 {
      width: 974px;
      left: 26.5px; }
    .advantmain .advant-core .line3 {
      right: 0; }
    .advantmain .advant-core table, .advantmain .advant-core td, .advantmain .advant-core tr, .advantmain .advant-core th {
      border-collapse: collapse;
      border: 1px solid #fff; }
    .advantmain .advant-core table {
      width: 100%; }
      .advantmain .advant-core table tr.firstRow {
        background: #006eb9;
        color: #fff;
        line-height: 40px;
        height: 40px; }
        .advantmain .advant-core table tr.firstRow th {
          padding: 0 10px; }
      .advantmain .advant-core table td {
        padding: 10px;
        line-height: 1.4; }
      .advantmain .advant-core table .ue-table-interlace-color-double {
        background: #fcfcfc; }
      .advantmain .advant-core table .ue-table-interlace-color-single {
        background: #e8f3fd; }
  .advantmain .advant-advanced .piclist {
    margin-top: 30px; }
    .advantmain .advant-advanced .piclist:nth-child(odd) h3 {
      float: right; }
    .advantmain .advant-advanced .piclist:nth-child(odd) ul {
      float: right;
      margin-left: 0;
      margin-right: 40px; }
    .advantmain .advant-advanced .piclist:first-child {
      margin-top: 0; }
    .advantmain .advant-advanced .piclist ul {
      margin-left: 40px; }
    .advantmain .advant-advanced .piclist h3 {
      color: #fff;
      position: relative;
      font-size: 20px;
      line-height: 1;
      width: 45%;
      text-align: center;
      padding: 16px 0; }
      .advantmain .advant-advanced .piclist h3:before {
        content: "";
        position: absolute;
        background: #006eb9;
        width: 100%;
        height: 130px;
        top: 0;
        z-index: -1;
        left: 0;
        box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2); }
    .advantmain .advant-advanced .piclist li {
      width: 287px;
      margin-left: 22px;
      height: 191px;
      overflow: hidden; }
      .advantmain .advant-advanced .piclist li:first-child {
        margin-left: 0; }
      .advantmain .advant-advanced .piclist li img {
        width: 100%; }

/*----- search -----*/
.search-main {
  padding: 80px 0; }
  .search-main .page-h1 {
    text-align: center; }
  .search-main .searchlist {
    margin-top: 60px; }
    .search-main .searchlist li {
      width: 303.33px;
      margin: 0 15px 30px;
      position: relative; }
      .search-main .searchlist li .img {
        height: 200px;
        overflow: hidden;
        position: relative; }
        .search-main .searchlist li .img:before {
          content: "+";
          font-size: 60px;
          display: block;
          color: #fff;
          position: absolute;
          top: -100%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 9;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .search-main .searchlist li .img:after {
          position: absolute;
          bottom: -100%;
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 110, 185, 0.4);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
      .search-main .searchlist li h3 {
        background: #fff;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -ms-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
        text-align: center; }
      .search-main .searchlist li:hover .img:before {
        top: 50%; }
      .search-main .searchlist li:hover .img:after {
        bottom: 0; }
      .search-main .searchlist li:hover h3 {
        color: #006eb9; }

/*# sourceMappingURL=css.css.map */


      .org-banner{
        box-sizing: border-box;
        width: 100%;
        padding: 30px 60px 0;
        position: relative;
        min-width: 1380px;
      }
      .org-banner img{
        width: 100%;
      }
      .org-banner .banner-info{
        width: 58%;
        position: absolute;
        left: 60px;
        bottom: 18%;
      }
      .org-banner .banner-info .tit{
        box-sizing: border-box;
        padding-left: 15%;
        color: #395723;
        height: 150px;
        line-height: 150px;
        font-size: 80px;
        font-weight: 600;
        background: -webkit-linear-gradient(left, #fff,#fff 40%, rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #fff,#fff 40%, rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #fff,#fff 40%, rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #fff,#fff 40%, rgba(255,255,255,0)); /* 标准的语法 */
      }
      .org-banner .banner-info .lit-tit{
        box-sizing: border-box;
        background: #568237;
        height: 60px;
        color: #fff;
        line-height: 60px;
        padding-left: 15%;
        font-size: 30px;
        font-weight: 200;
      }

      .org-banner .banner-water .tit{
        color: #024080;
        font-size: 54px;
        letter-spacing: 5px;
        background: -webkit-linear-gradient(left, #fff,#fff 50%, rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #fff,#fff 50%, rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #fff,#fff 50%, rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #fff,#fff 50%, rgba(255,255,255,0)); /* 标准的语法 */
      }
      .org-banner .banner-water .tit p{
        position: relative;
        display: inline-block;
      }
      .org-banner .banner-water .tit span{
        display: block;
        font-size: 32px;
        line-height: 32px;
        position: absolute;
        top: 35px;
        right: -35px;
        width: 32px;
        height: 32px;
      }

      .org-banner .banner-water .lit-tit{
        background: #1f4e79;
      }
      .org-banner .banner-ez .tit{
        color: #2e75b6;
      }
      .org-banner .banner-ez .lit-tit{
        background: #5b9bd5;
      }
      .page-organic{
        padding-top: 60px;
      }
      .page-organic .org-food{
        padding-top: 50px;
      }
      .page-organic .org-food  li{
        margin-bottom: 30px;
        position: relative;
      }
      .page-organic .org-food  li::after{
        content: "";
        display: block;
        width: 990px;
        height: 1px;
        background: #c9c9c9;
        position: absolute;
        bottom: -1px;
        right: 0;
      }
      .page-organic .org-food .food-l{
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 100px;
        margin-right: 50px;
        background: #a9d18e;
        border-radius: 10px;
        color: #fff;
        font-weight: 600;
        text-align: center;
      }
      
      .page-organic .org-food .food-r{
        display: inline-block;
        color: #878787;
        width: 550px;
        font-size: 18px;
        float: right;
        line-height: 50px;
      }
      .page-organic .org-food li:nth-child(2) .food-l{
        width: 150px;
        background: #70ad48;
      }
      .page-organic .org-food li:nth-child(3) .food-l{
        width: 200px;
        background: #558336;
      }
      .page-organic .org-food li:nth-child(4) .food-l{
        width: 260px;
        background: #395723;
      }
      .page-organic .org-food,
      .page-organic .org-text{
        line-height: 1.8;
        font-size: 18px;
        color: #878787;
        text-align:justify;
      }

      .pro2_bottom_font{
        border-bottom: 1px solid #afabab;
        padding: 26px 40px;
      }
      .pro2_bottom_one span{
       font-size: 36px;
       color: #538234;
       line-height: 38px;
      }
      .pro2_bot_top span{
        display: block;
        font-size: 20px;
        color: #878787;
        line-height: 34px;
        text-align: center;
      }
      .pro2_bot_bot{
        font-size: 22px;
        color: #878787;
        line-height: 34px;
      }
      .pro2_bot_top{
        float: left;
        width: 40%;
      
      }
      .pro2_bot_bot{
        float: right;
        width: 50%;
      }
      .pro2_bot_bot span{
        padding:20px;
        line-height: 44px;
        font-size: 22px;
      }
  .page-water .water-tit{
    color: #1f4e79;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
  }
  .water-cont{
    line-height: 1.8;
    font-size: 18px;
    color: #878787;
    text-align: justify;
  }
  .page-water .water-prob{
    padding: 60px 0 50px;
  }
  .page-water .water-prob .water-tit{
    padding-bottom: 10px;
  }
  .page-water .water-advances .water-tit{
    padding-bottom: 50px;
  }
  .page-water .water-advances .advances-list li{
    padding: 30px 50px 30px 200px;
    border: 3px solid #1f4e79;
    border-radius: 15px;
    position: relative;
    margin-bottom: 60px;
  }
  .page-water .water-advances li .num{
    font-size: 70px;
    line-height:100px;
    height: 100px;
    width: 100px;
    background: #fff;
    position: absolute;
    text-align: center;
    top: -50px;
    left: 50px;
    font-family: '微软雅黑';
    color: #1f4e79;
    font-weight: 600;
  }
  .page-water .water-advances li .water-cont{
    font-size: 20px;
    color: #1f4e79;
  }
  .page-water .water-info{
    position: relative;
    padding-top: 100px;
  }
  .page-water .water-info img{
    width: 80%;
    float: right;
  }
  .page-water .water-info .info-cont{
    padding: 50px;
    background: #1f4e79;
    width: 50%;
    position: absolute;
    left: 0;
  }
  .page-water .water-info .info-cont.quality{
    top: 40px;
  }
  .page-water .water-info .info-cont.custom{
    background: #2e75b6;
    bottom: -60px;
  }
  .page-water .water-info .info-cont .tit{
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 30px;
    font-weight: 600;
  }
  .page-water .water-info .info-cont .cont{
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    text-align: justify;
  }
  .page-water .water-form{
    padding: 120px 0 100px;
  }
  
  .page-water .water-form .form-tit{
    font-weight: 600;
    color: #555;
    font-size: 26px;
    line-height: 50px;
    border-bottom: 3px solid #555;
  }
  .page-water .water-form .form-cont p{
    color: #555;
    border-bottom: 2px solid #b4b4b4;
    color: #777;
    font-size: 18px;
    line-height: 2.4;
    text-align: center;
  }
  .page-water .water-form .form-cont p:nth-child(3){
    border-bottom: 3px solid #555;
  }
  .page-ez{
    padding-top: 60px;
  }
  .page-ez .ez-meet .meet-tit{
    box-sizing: border-box;
    padding-left: 20%;
    text-align: center;
    color: #878787;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 50px;
  }
  .page-ez .ez-meet .meet-box{
    position: relative;
    background: linear-gradient(to right, #5b9bd5, #5b9bd5 50%, #fff 50%);
  }
  .page-ez .ez-meet .meet-box .white-block{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: #fff;
  }
  .page-ez .ez-meet .meet-list{
    box-sizing: border-box;
    width: 80%;
    float: right;
    background: #fff;
    padding-left: 120px;
  }
  .page-ez .ez-meet .meet-list .pic{
    background: #6ba4d9;
    float: left;
    width: 180px;
    height: 180px;
    text-align: center;
    border-radius: 50%;
    margin-right: 60px;
  }
  .page-ez .ez-meet .meet-list .pic img{
    width: 70px;
    height: 70px;
    padding-top: 55px;
  }
  .page-ez .ez-meet .meet-list .cont{
    float: left;
  }
  .page-ez .ez-meet .meet-list .cont .tit{
    color: #2e74b6;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    padding-top: 40px;
  }
  .page-ez .ez-meet .meet-list li:nth-child(1) .cont .tit{
    padding-top: 25px;
  }
  .page-ez .ez-meet .meet-list li{
    padding-bottom: 50px;
  }
  .page-ez .ez-meet .meet-list li:nth-child(4){
    padding-bottom: 0;
  }
  .page-ez .ez-meet .meet-list .cont{
    color: #878787;
  }
  .page-ez .ez-meet .meet-list .cont .info{
    font-size: 16px;
  }
  .page-ez .ez-form{
    padding-top: 80px;
  }
  .page-ez .ez-form .form-tit{
    font-weight: 600;
    color: #555;
    font-size: 24px;
    line-height: 50px;
    border-bottom: 3px solid #555;
  }
  .page-ez .ez-form .form-cont p span{
    display: inline-block;
    width: 49%;
  }
  .page-ez .ez-form .form-cont p{
    color: #555;
    border-bottom: 2px solid #b4b4b4;
    color: #777;
    font-size: 18px;
    line-height: 2.4;
  }
  .page-ez .ez-form .form-cont p:nth-child(3){
    border-bottom: 3px solid #555;
  }
  .page-ez .ez-biaoge{padding-top: 80px;}
  .page-ez .ez-biaoge .biaoge-tit{
    color: #5b9bd5;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 30px;
  }
  .page-ez .ez-biaoge .biaoge-cont table{
    border-collapse: collapse;
  }
  .page-ez .ez-biaoge .biaoge-cont table td{
    height: 50px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    color: #878787;
  }
  .page-ez .ez-biaoge .biaoge-cont table td p{
    line-height: 18px;
  }
  .page-ez .ez-biaoge .biaoge-cont table tr td:nth-child(1){
    border-left: 1px solid #cecece;
  }
  .page-ez .ez-biaoge .biaoge-cont table tr:nth-child(1){
    background: #5b9bd5;
  }
  .page-ez .ez-biaoge .biaoge-cont table tr:nth-child(1) td{
    color: #fff;
    border-right: 0;
    border-left: 0;
    font-weight: 600;
  }
  .page-ez .ez-biaoge .biaoge-text{
    color: #878787;
    font-size: 18px;
    line-height: 1.8;
    padding: 20px 0;
  }
  .page-ez .advanced .biaoge-cont table tr:nth-child(3) td{
    height: 80px;
  }
  .page-ez .ez-juice{
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .page-ez .ez-juice .juice-tit{
    color: #5b9bd5;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 50px;
  }
  .page-ez .ez-juice .juice-list li{
    float: left;
    width: 20%;
  }
  .page-ez .juice-list li .pic{
    width: 150px;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .page-ez .juice-list li .pic img{
    width: 100%;
  }
  .page-ez .juice-list li .tit{
    color: #878787;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;;
  }

  .page-webinar{
    padding: 50px 0;
  }

  .page-webinar .webinar-tit{
    font-size: 40px;
    font-weight: bold;
    color: #2e75b6;
    line-height: 80px;
    text-indent: 20px;
    width: 50%;
    border-bottom: 5px solid #2e75b6;
    margin-bottom: 40px;
  }

  .page-webinar .webinar-movie .movie-box{
    box-sizing: border-box;
    width: 100%;
    background: #9dc3e6;
    padding: 40px 80px;
  }
  .page-webinar .webinar-movie .movie-box iframe{
    width: 100%;
    height: 500px;
  }
  .page-webinar .webinar-movie video{
    width: 100%;
  }
  .page-webinar .webinar-movie .movie-cont{
    box-sizing: border-box;
    padding: 30px 80px;
    background: #deebf7;
  }
  .page-webinar .webinar-movie .movie-cont .tit{
    font-size: 20px;
    line-height: 30px;
    color: #333;
  }
  .page-webinar .webinar-movie .movie-cont .date{
    font-size: 14px;
    color: #333;
    line-height: 30px;
  }
  .page-webinar .webinar-movie .movie-cont .des{
    font-size: 14px;
    line-height: 24px;
    color: #888;;
  }
  .page-webinar .movie-list{
    padding-top: 50px;
  }
  .page-webinar .movie-list ul{
    border-top: 1px solid #ddd;
  }
  .page-webinar .movie-list li{
    padding:30px;
    border-bottom: 1px solid #ddd;
  }
  .page-webinar .movie-list .cont-l{
    width: 200px;
    height: 150px;
    overflow: hidden;
  }
  .page-webinar .movie-list .cont-l img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    transition: all .3s;
  }
  .page-webinar .movie-list .cont-r{
    width: 65%;
    padding: 10px 30px 0;
    color: #555;
  }
  .page-webinar .movie-list .cont-r .tit{
    font-size: 16px;
    line-height: 30px;
    transition: all .3s;
  }
  .page-webinar .movie-list .cont-r .date{
    font-size: 14px;
    line-height: 30px;
  }
  .page-webinar .movie-list .cont-r .des{
    font-size: 14px;
    line-height: 26px;
    color: #999;
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    transition: all .3s;
  }
  .page-webinar .movie-list li:hover .cont-l img{
    transform: translate(-50%,-50%) scale(1.1);
  }
  .page-webinar .movie-list li:hover .tit{
    color: #2e75b6;
  }
  .page-webinar .movie-list li:hover .des{
    color: #777;
  }
  .art-webinar{
    padding: 80px 0;
  }
  .art-webinar .webinar-tit{
    font-size: 40px;
    font-weight: bold;
    color: #2e75b6;
    line-height: 80px;
    text-indent: 20px;
    width: 50%;
    border-bottom: 5px solid #2e75b6;
  }

  .art-webinar .webinar-movie .movie-box{
    box-sizing: border-box;
    width: 100%;
    background: #9dc3e6;
    padding: 40px 80px;
  }
  .art-webinar .webinar-movie video{
    width: 100%;
  }
  .art-webinar .webinar-movie .movie-box iframe{
    width: 100%;
    height: 500px;
  }
  .art-webinar .webinar-movie .movie-cont{
    box-sizing: border-box;
    padding: 30px 80px;
    background: #deebf7;
  }
  .art-webinar .webinar-movie .movie-cont .tit{
    font-size: 20px;
    line-height: 30px;
    color: #333;
  }
  .art-webinar .webinar-movie .movie-cont .date{
    font-size: 14px;
    color: #333;
    line-height: 30px;
  }
  .art-webinar .webinar-movie .movie-cont .des{
    font-size: 14px;
    line-height: 24px;
    color: #888;;
  }
  .art-webinar .webinar-form{
    position: relative;
    padding: 50px 0;
  }
  .art-webinar .webinar-form .form-tit{
    color: #333;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
  }
  .art-webinar .webinar-form .user {
    display: none;
    padding-bottom: 20px;
  }
  .art-webinar .webinar-form .user img{
    width: 40px;
    display: block;
  }
  .art-webinar .webinar-form .user .username{
    line-height: 40px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 18px;
  }
  .art-webinar .webinar-form .user .logout{
    display: block;
    margin-left: 20px;
    background: #006eb9;
    line-height: 36px;
    margin-top: 2px;
    text-align: center;
    color: #fff;
    width: 100px;
    border-radius: 5px;
  }
  .art-webinar .webinar-form  form input{
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding-left: 10px;
    color: #555;
  }
  .art-webinar .fenxiang{padding-bottom: 10px;}
  .art-webinar .webinar-form  form textarea{
    width: 988px;
    height: 150px;
    border: 1px solid #ddd;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    color: #555;
  }
  .art-webinar .webinar-form  form .coolbg{
    width: 150px;
    margin: 0 auto;
    height: 40px;
    cursor: pointer;
    background: #2e75b6;
    color: #fff;
    border-color: #2e75b6;
    transition: all .3s;
    display: none;
    /* border:  */
  }
  .art-webinar .webinar-form  form .coolbg:hover{
    color: #2e75b6;
    background: #fff;
  }
  .art-webinar .webinar-form .login{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-align: center;
    height: 160px;
    bottom: 71px;
    font-size: 16px;
  }
  .art-webinar .webinar-form .login .log-box{
    line-height: 40px;
    margin-top: 60px;
  }
  .art-webinar .webinar-form .login a{
    color: #fff;
    display: inline-block;
    width: 60px;
    height: 40px;
    border-radius: 5px;
    background: #006eb9;
    margin: 0 5px;
    transition: all .3s;
  }
  .art-webinar .webinar-form .login a:hover{
    color: #fff;
    background: #9dc3e6;
  }
  .art-webinar .webinar-mess{
    border-top: 30px solid #9dc3e6;
  }
  .art-webinar .webinar-mess ul{
    width: 800px;
    margin: 0 auto;
  }
  .art-webinar .webinar-mess .mess-l{
    padding-right: 20px;
  }
  .art-webinar .webinar-mess .mess-r{
    width: 670px;  }
  .art-webinar .webinar-mess li{
    padding: 30px 0;
    border-bottom: 2px solid #88aad8;
  }
  .art-webinar .webinar-mess li .tit{
    line-height: 60px;
    font-weight: bold;
    font-size: 18px;
  }
  .bshare-custom a{
    padding-left: 32px !important;
    border-radius: 3px !important;
  }
  .bshare-custom .bshare-facebook {
    background: url('/templets/images/facebook.jpg') !important;
  }
  .bshare-custom .bshare-twitter {
    background: url('/templets/images/twitter.jpg') !important;
  }
  .bshare-custom .bshare-instapaper{
    background: url('/templets/images/ins.jpg') !important;
  }



.about-wrap{width: 1000px;margin: 0 auto;padding: 50px 0;color: #555;}
.aboutpage-title{padding: 8px 0;color: #00335b;line-height: 16px;font-size: 16px;font-weight: bold;}
.aboutpage-title i{margin: 1px 5px 1px 0;display: block;width: 12px;height: 12px;float: left;background: #00335b;}

.aboutpage-box1{padding-bottom: 50px;}
.aboutpage-box1 img{width: 100%;}
.about-bcon span{font-weight: bold;font-size: 25px;}

.aboutpage-box2 img{padding-top: 40px;width: 100%;}
.about-bcon2{width: 40%;float: right;font-size: 18px;}
.about-bcon2 span{font-size: 25px;font-weight: bold;display: block;}
.about-bcon3{padding: 40px 0;clear: both;}
.about-bcon3 span{font-weight: bold;display: block;}

.aboutpage-box3 img{float: right;width: 40%;}
.aboutpage-box3 .about-bcon4{float: left;width: 60%;}

.about-bcon4 h3{margin: 25px 0;padding: 0 30px;line-height: 40px;font-size: 16px;color: #fff;background: #548235;font-weight: bold;}
.about-bcon4 i{width: 60px;height: 60px;float: left;display: block;margin-right: 40px;}
.about-bcon4 i img{width: 60px;}
.about-bcon4 li{padding: 35px 30px 0 0;height: 60px;line-height: 20px;}
.about-bcon4 li span{font-size: 16px;font-weight: bold;display: block;}

.aboutpage-box4{background: #9bb568;}
.about-bcon5{padding: 0 50px;color: #fff;}
.about-bcon5 span{font-size: 16px;font-weight: bold;}


.aboutpage-box5{background: #e2ead3;}
.about-bcon6{padding: 0 25px;color: #375623;font-weight: bold;font-size: 16px;}
.about-bcon6 span{display: block;}


.aboutpage-box6 img{padding-top: 50px;width: 70%;display: block;margin: 0 auto;}

.about-banner{width: 100%;min-width: 1000px;height: 500px;background: url(../image_new/advantage_banner.jpg) no-repeat center top;}
.advan-bcon li{padding-top: 50px;}
.advan-bcon li img{float:left;width: 40%;}
.advan-bcon li span{float: right;margin-top: 43px;padding: 45px 2.5%;width: 45%;height: 90px;color: #203864;font-size: 16px;font-weight: bold;display: block;border-left: 20px solid #203864;}

.advan-box2{padding: 60px 0;}
.advan-bcon2 li{float: left;margin-top: 40px;width: 25%;height: 200px;text-align: center;color: #44546a;line-height: 18px;}
.advan-bcon2 li span{width: 150px;height: 150px;display: block;text-align: center;margin: 0 auto;}
.advan-bcon2 li span img{max-width: 150px;max-height: 150px;position: relative;display: block;top: 50%;transform: translateY(-50%);}

.advan-box3{background: #203864;width: 100%;min-width: 1000px;}
.advan-box3 .about-wrap{padding: 0;}
.advan-box3 ul{float: left;width: 560px;background: #fff;padding: 30px 20px;}
.advan-box3 ul li{float: left;padding: 15px 15px;width: 250px;}
.advan-box3 ul li img{width: 100%;}

.advan-btext{float: left;width: 320px;padding: 150px 40px 0;color: #fff;font-size: 16px;font-weight: bold;}
.advan-btext p{line-height: 22px;display: block;padding: 0 0 20px 20px;position: relative;}
.advan-btext p i{width: 4px;height: 4px;display: block;background: #fff;position: absolute;top: 9px;left: 0px;}


.sust-banner{width: 100%;min-width: 1000px;height: 500px;background: url(../image_new/sustainabilty_banner.jpg) no-repeat center top;}
.sust-box1{position: 40px 0 50px;}
.sust-bcon{padding-bottom: 50px;}
.sust-bcon li{float: left;padding: 0 30px;width: 273px;text-align: center;color: #555;}
.sust-bcon li span{width: 140px;height: 140px;display: block;margin: 20px auto;}
.sust-bcon li span img{width: 100%;}
.sust-bcon li h2{font-weight: bold;font-size: 16px;line-height: 40px;color: #1e4e79;}
.sust-bcon li i{width: 110px;height: 8px;background: #96b958;display: block;margin: 0 auto 20px;}


.sust-box2{background: url(../image_new/stut_ban.jpg) no-repeat left center;}
.sust-box2r{width: 50%;min-width: 500px;float: right;background: #96b958;color: #fff;}
.sust-con2{width: 450px;padding: 80px 0 80px 50px;}
.sust-box2r p{padding-bottom: 20px;}
.sust-box2r img{display: block;margin: 50px auto 0;width: 150px;}


.sust-box3l{margin-top: 40px;width: 500px;float: left;}
.sust-box3l img{width: 100%;}
.sust-box3r{margin-top: 40px;width: 500px;float: right;}
.sust-box3r h2{font-size: 16px;text-align: center;font-weight: bold;color: #1e4e79;}
.sust-box3r img{width: 200px;margin: 35px auto;display: block;}
.sust-box3r p{padding: 0 50px;}