@charset "utf-8";

body {font-family:'Open Sans',"Microsoft YaHei",Arial;font-size:14px;background: #fff;color:#1a1a1a;line-height: 22px; }

header { position:fixed; z-index:99999; background-color:RGBA(255, 255, 255, 1); width:100%; box-shadow: 2px 2px 4px #8d8b8b33;/*padding: 12px 0 6px;padding: 12px 0 6px;*/ }


.scrollDown { position: fixed; z-index: 999; bottom:80px; text-align: center; width: 100%; }
.scrollDown a { padding:8px 8px;background-color: #26e1bf; border-radius: 50%; border: 3px solid #fff; box-shadow: 0px 0px 8px #ddd; }
.scrollDown a img { height: 20px; }
@media(min-width: 996px) {
.scrollDown a { padding:13px 8.5px;background-color: #26e1bf; border-radius: 50%; border: 3px solid #fff; box-shadow: 0px 0px 8px #ddd; }
.scrollDown a img { height: auto; }
}

.lag div { float: left; padding: 5px 0; }

.lag a.active { color:#26e1bf; }
@media(min-width: 996px) {
.lag a.active { color:#26e1bf; }
}

.lag .login i { margin-top:3px;}
  
a{text-decoration:none !important;color:#ef8918;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}


p { font-size: 13px; line-height: 23px; color: #666; text-align: justify;}
@media(min-width: 768px) {
p { font-size: 14px;line-height: 24px; color: #666; text-align: justify; }
}

.header-content {position: relative;}
@media(min-width: 1300px) {
  .header-content {margin-left:-60px;margin-right:-60px;}
}

@media(max-width: 991px) {
  .header-content {margin-left:0;margin-right:0;}
} 



.logo { height: 45px; }
@media(min-width: 996px) {
.logo { height: auto; }
}


.box-logo {float:left;margin:8px 0;}
.header-right {float:right;min-height: 20px;}

/* Back to top */
.topLink { overflow: hidden; }
.topLink img { width: 120px; transition: all 0.6s;  }
.topLink img:hover { transform: scale(1.1); }

@media(min-width: 1300px) {
  .box-logo {width: 20%;}
  .header-right {width: 80%;}  
}
@media(min-width: 1200px) and (max-width: 1299px) {
  .box-logo {width: 34%;}
  .header-right {width: 66%;}   
}

@media(min-width: 992px) and (max-width: 1199px) {
  .box-logo {width: 20%;}
  .header-right {width: 80%;} 

}

@media(min-width: 768px) and (max-width: 991px) {
  .box-logo {width: 50%;}
  .header-right {width: 50%;}  
}

@media(max-width: 767px) {
  .box-logo {width: 55%;}
  .header-right {width: 35%;}  
}

/*nav*/
.box-menu {position: absolute;right: 0;bottom:25%;}
.box-menu li {position: relative;}
.box-menu > ul > li {background: url(../images/menu-line.png) no-repeat left center;padding:10px 10px 0px 10px;}
.box-menu > ul > li:first-child {background: none;}
.box-menu > ul > li a {color:#494949;display: block;font-size:16px;padding:0 5px;}
.box-menu > ul > li > a {padding:5px 5px 5px 6px;font-weight: bold;}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {padding-right: 0;}
.box-menu > ul {padding:0 10px;margin:-15px;}
.box-menu > ul > li {text-align:center;float:left;position: relative; /* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {color:#56bdaa; border-bottom:3px solid #d0d0d0;}
.box-menu > ul > li.lag > a, .box-menu > ul > li.lag > a, .box-menu > ul > li.lag:hover > a {color:#56bdaa; border-bottom:0px solid #d0d0d0;}

.box-menu > ul > li > ul {position: absolute;top:95%;left:-5px;padding-top:21px; /* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li {background-color:#408d8d;text-align: left;padding:0 15px;}
.box-menu > ul > li ul li a {min-width: 1px;white-space:nowrap;border-bottom: 1px solid #62a297;padding:8px 4px;color:#fff; font-size:14px;}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li:last-child { padding-bottom: 4px; }
.box-menu > ul > li ul li a:hover {-webkit-column-rule: #fb8807;
-moz-column-rule: #fb8807;
-o-column-rule: #fb8807;
column-rule: #fb8807;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}



/* mobile menu */
.st-menu {background-color:#408d8d !important;}
.mobile-menu-btn {float:right; margin-top:10px;}
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#fff;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #306f79;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #408d8d;
  padding:5px 20px;
  border-radius: 0;
  margin-top: 4px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #408d8d;}
.btn-ud:hover {
  color: #fff;
  background-color: #408d8d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #408d8d;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #408d8d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.btn-bar {padding:8px 10px!important;}

.mar-top-35 {margin-top:35px;}
.mar-top-30 {margin-top:30px;}
.mar-top-20 {margin-bottom: 20px;}
.mar-top-25 {margin-bottom: 25px;}
.mar-top-30 {margin-bottom: 30px;}
.common-h2 {font-weight: bold;text-transform: uppercase;font-size: 24px;border-left:15px solid #3b64a3;color:#000000;padding-left:16px;}

.header-fix { margin-bottom: 60px; }
@media(min-width: 996px) {
.header-fix { margin-bottom: 100px; }
}
@media(min-width: 1200px) {
.header-fix { margin-bottom: 70px; }
}



.home-aboutBox { background-color:#4a9b9b; padding:30px 0; text-align:center; color:#fff; font-size:18px; line-height:30px;}


.home-aboutBoxR { padding-bottom:20px; text-align:justify;}

.home-aboutBoxR h2 { font-size:20px; color:#000; margin-bottom:10px; margin-top:0; font-weight:bold;}
.home-aboutBoxR h3 { color:#232323; font-size:24px; }
.home-aboutBoxR span { color:#232323; font-size:28px; font-weight:bold;}

.home-aboutBoxR hr { margin:40px 0; }

 
.home-aboutBoxR .textBox { margin: 10px; background-color:rgba(255,255,255,0.8);  box-shadow:0 0px 8px #ddd; margin-bottom:20px; }
.home-aboutBoxR .textBox ul li { width:50%; float:left; margin-bottom:15px; font-size:16px;}
.home-aboutBoxR .textBox ul li i { color:#0cb8b6; margin-right:5px; }

.textBoxLeft_1 { margin-top:0; }
.textBoxRight_1 { margin-top:0; }
@media(min-width: 776px) {
.textBoxLeft_1 { margin-top:-50px; }
.textBoxRight_1 { margin-top:-70px; }
}

.textBoxLeft h2 { text-align:right; }

.home-aboutBoxR .textBox .line-1 { background:url(../images/lefttopline.png) top left no-repeat; }
.home-aboutBoxR .textBox .line-2 { background:url(../images/rigthbottomline.png) bottom right no-repeat; padding:20px; }

.home-aboutBoxR .textBoxLeft .line-1 { background:url(../images/righttopline.png) top right no-repeat; }
.home-aboutBoxR .textBoxLeft .line-2 { background:url(../images/leftbottomline.png) bottom left no-repeat; padding:20px; }

.dna_pic {margin-top:50px;}
@media(min-width: 1170px) {
.dna_pic {margin-top:10px;}
}

.textBoxRight_2 { margin-top: 0px; }
@media(min-width: 768px) {
.textBoxRight_2 { margin-top: -30px; }
}

#slideshow .slick-dots li button:before {font-size: 12px}
#slideshow .slick-dots { bottom: 4px; }
.slide-lg { display:none; }
.slide-xs { display:block; }
@media(min-width: 768px) {
#slideshow .slick-dots li button:before {font-size: 14px}
#slideshow .slick-dots { bottom: 30px; }
.slide-lg { display:block; }
.slide-xs { display:none; }
}


/*innerPage*/

/*-------------- Subheader --------------------------- */

.sigma_header-absolute .sigma_subheader{ padding: 240px 0 180px; }
.sigma_subheader {padding: 180px 0;position: relative;overflow: hidden;z-index: 1; background:#f7f7f7;}
@media(min-width: 768px) {
.sigma_header-absolute .sigma_subheader{ padding: 200px 0 160px; }
.sigma_subheader {padding: 160px 0;position: relative;overflow: hidden;z-index: 1; background:#f7f7f7;}
}
.sigma_subheader .br{z-index: 0;right: -150px;}
.sigma_subheader .bl{left: -200px;}
.sigma_subheader .bl,.sigma_subheader .tr{z-index: -1;}
.sigma_subheader .container {position: relative;}
.sigma_subheader .sigma_subheader-inner {text-align: center;max-width: 800px;margin: 0 auto;z-index: 2;position: relative;}

.sigma_subheader .sigma_subheader-inner h1 {font-size: 26px;margin-bottom: 10px; color: #fff; font-weight: bold; text-shadow: 1px 2px 10px #0e6c5b;}
@media(min-width: 991px) {
.sigma_subheader .sigma_subheader-inner h1 { font-size: 42px;margin-bottom: 10px; color: #fff; font-weight: bold; text-shadow: 1px 2px 10px #0e6c5b;}
}

.sigma_subheader .sigma_subheader-inner p {max-width: 550px;color: #999b9f;}

.sigma_subheader .breadcrumb {background-color: transparent;justify-content: center;padding: 0;margin-bottom: 0;z-index: 2;position: relative;}

.sigma_subheader .breadcrumb li {font-size: 13px;padding: 0;color: #fff;text-shadow: 1px 2px 10px #0e6c5b;}
@media(min-width: 991px) {
.sigma_subheader .breadcrumb li {font-size: 16px;padding: 0;color: #fff;text-shadow: 1px 2px 10px #0e6c5b;}
}

.sigma_subheader .breadcrumb li a {color: #fff;font-weight: 600;display: inline-block;text-shadow: 1px 2px 10px #0e6c5b;}
.sigma_subheader .breadcrumb li a:hover {text-decoration: none;}
.sigma_subheader .breadcrumb .breadcrumb-item+.breadcrumb-item::before {padding: 0 12px;}
.sigma_subheader.style-10 .sigma_subheader-inner h1 {display: inline-block; position: relative;}

.tr{position: absolute;top: 0px;right: -100px;}
.bl{position: absolute;bottom: 0;left: 0;}
.br{ position: absolute;bottom: 0;right: 0;}

.sigma_subheader .breadcrumb {background-color: transparent;text-align: center;padding: 0;margin-bottom: 0;z-index: 2;position: relative;}


.sigma_subheader img { max-width: 100%; height: auto; }
@media(min-width: 768px) {
.sigma_subheader img { max-width: 100%; height: 130%; }
}
@media(min-width: 1441px) {
.sigma_subheader img { max-width: 100%; height: auto; }
}

.sigma_subheader_1 { background:url(../images/top-banner-1.jpg) center no-repeat; background-size:cover; }

.sigma_subheader_2 { background:url(../images/top-banner-2.jpg) center no-repeat; background-size:cover; }

.sigma_subheader_3 { background:url(../images/top-banner-3.jpg) center no-repeat; background-size:cover; }

.sigma_subheader_4 { background:url(../images/top-banner-4.jpg) center no-repeat; background-size:cover; }


/*about*/
.innerAbout_1 { padding-bottom:50px; }
.innerAbout_1 .slogan { text-align: center; margin-top: 30px; }
.innerAbout_1 .slogan h2 { font-size: 18px; color: #56bdaa; font-weight: bold; margin-bottom: 10px  }
.innerAbout_1 .slogan h3 { font-size: 20px; color: #3c3c3b; margin-bottom: 30px; font-weight: bold; margin-top: 0; }
.innerAbout_1 .slogan span { font-size:32px; margin:0 10px; color: #56bdaa;}
@media(min-width: 768px) {
.innerAbout_1 .slogan { text-align: center; margin-top: 50px; }
.innerAbout_1 .slogan { text-align: center; margin-top: 60px; }
.innerAbout_1 .slogan h2 { font-size: 24px; color: #56bdaa; font-weight: bold; margin-bottom: 15px }
.innerAbout_1 .slogan h3 { font-size: 30px; color: #3c3c3b; margin-bottom: 50px; font-weight: bold; margin-top: 0; }
.innerAbout_1 .slogan span { font-size:50px; margin:0 10px; color: #56bdaa;}
}
.innerAbout_1 .title { font-size: 18px; font-weight: bold; color: #11d6e2; margin-bottom: 15px; line-height: 28px; }

@media(min-width: 768px) {
.innerAbout_1 .title { font-size: 22px; font-weight: bold; color: #56bdaa; margin-bottom: 15px; line-height: 28px; }
}

.innerAbout_1 strong { color:#000; }
.innerAbout_1 .title span { color: #555; }
.innerAbout_1 .nameTitle { margin-top: 20px; }


.innerAbout_1 .picTop { margin-top: 20px; border: 0px solid #fff; margin-right: 0px; }
.innerAbout_1 .picTop_2 { margin-top: 0px; border: 0px solid #fff; margin-left: 0px;  }

.innerAbout_1 .picTop { margin-top: -60px; border: 10px solid #fff; margin-right: -10px; }
.innerAbout_1 .picTop_2 { margin-top: -80px; border: 10px solid #fff; margin-left: -10px;  }
}
.innerAbout_1 .Textinfo ul { margin-left: -20px; }
.innerAbout_1 .Textinfo ul li { color: #282828; list-style: square; }


.innerAbout_1 .TextinfoTop {margin-top:30px;}

.teamBox { float:left; width:100%; padding:8px 15px; }
@media(min-width: 991px) {
.teamBox { float:left; width:33.3%; padding: 0;}
}

.team_infoBox { background-color:#5bd2bc;padding: 20px 30px; text-align: justify}
.team_infoBox .f_title { font-size:22px; font-weight:bold; color:#fff; }
.team_infoBox .s_title { font-size:16px; margin:10px 0; color:#fff; }
.team_infoBox .info_text { color:#fff; }

.dantree { padding-bottom:60px; }

.dantree .dantreeTitle { font-size: 22px; color: #3c3c3b; margin-top: 30px; margin-bottom: 30px; text-align: center; font-weight: bold;}
@media(min-width: 768px) {
.dantree .dantreeTitle { font-size: 28px; color: #3c3c3b; margin-top: 30px; margin-bottom: 30px; text-align: center; font-weight: bold;}
}

.dantree p { text-align: center; font-size: 15px; line-height: 26px; background-color: rgba(255,255,255,0.5); }
@media(min-width: 768px) {
.dantree p { text-align: center; font-size: 16px; line-height: 26px; background-color: rgba(255,255,255,0.5); }
}
.dantree img { text-align: center; }
.sanIcon { text-align: center; margin-top: 40px; }

.dantree a { color:#0cd4eb; }

.innerAbout_2 .slogan h3 { margin-bottom:10px; }
.innerAbout_2 .pic { margin-bottom: 0; }
.innerAbout_2 .Textinfo { margin-bottom:30px; }
.innerAbout_2 .bottomInfo {color:#255988; text-align:center; font-size:18px; margin-top:40px; margin-bottom:60px; line-height:28px;}
@media(min-width: 768px) {
.innerAbout_2 .bottomInfo {color:#255988; text-align:center; font-size:24px; margin-top:40px; margin-bottom:60px;}
}
.innerAbout_2 .bottomInfo img { margin-bottom: 10px; }

.innerAbout_3 { margin-top: 30px; margin-bottom:30px; }
.innerAbout_3 h3 { font-size: 20px; color: #3c3c3b; margin-bottom: 10px; font-weight: bold; margin-top: 0; text-align: center; }
.innerAbout_3 h4 { text-align: center;  margin-bottom: 30px;font-size: 14px;color: #999; line-height:20px; }
.mouse {  width: 40px; height: 45px; margin: 0 auto; margin-bottom: 40px;}
@media(min-width: 768px) {
.innerAbout_3 { margin-top: 60px; margin-bottom:30px; }
.innerAbout_3 h3 { font-size: 28px; color: #3c3c3b; margin-bottom: 10px; font-weight: bold; margin-top: 0; text-align: center; }
.innerAbout_3 h4 { text-align: center; margin-bottom: 30px; font-size: 16px; color: #999;line-height:24px;}
.mouse { width: 40px; height: 45px; margin: 0 auto;  margin-bottom: 60px;}
}


.timeleft { width: 70px; float: none;margin-bottom:15px; margin: 0 auto 15px;}
.timeright { width: 100%; float: left; }
@media(min-width: 768px) {
.timeleft { width: 85px; float: left; margin-left:15px; margin-bottom:15px; }
.timeright { width: 100%; float: left; }
}
@media(min-width: 1170px) {
.timeleft { width: 85px; float: left; margin-left:0; margin-bottom:0; }
.timeright { width: 90%; float: left; }
}

.timeBox { position:relative; }
.timeline { display:none; position:absolute; z-index:-1; height:800px; top:60%; left:10px; width:20px; background:url(../images/timeline.png) center no-repeat; }
.numberBox {margin-right:0;}
@media(min-width: 768px) {
.timeline { display:block; position:absolute; z-index:-1; height:800px; top:60%; left:10px; width:20px; background:url(../images/timeline.png) center no-repeat; }
.numberBox {margin-right:15px;}
}

.numberBox { padding: 15px 10px 10px; background-color: #0bacb0;/*background-image: linear-gradient(-90deg,#28e2bc, #0cd4eb);*/ text-align: center; color: #fff; font-size: 16px}
.numberBox strong { font-size: 30px; font-weight: bold; }

.timeBox { padding-bottom:30px;  }
.timeBox .pic { margin-bottom:15px; }
.timeBox .title { font-size:16px; font-weight:bold; margin-bottom:20px; }


.teamPic { background: url(../images/team_pic_1.jpg) center no-repeat;  height: 240px; background-size: cover; box-shadow: 0 0 30px #808080;}
@media(min-width: 768px) {
.teamPic { background: url(../images/team_pic_1.jpg) center no-repeat;  height: 350px; background-size: cover; box-shadow: 0 0 30px #808080;}
}
@media(min-width: 1281px) {
.teamPic { background: url(../images/team_pic_1.jpg) center no-repeat;  height: 500px; background-size: cover; box-shadow: 0 0 30px #808080;}
}

.teamPic { position: relative; }
.teamPic .teamText { text-align: center; position: absolute; width: 100%; bottom: 10%; color: #fff;  letter-spacing:4px; }

.teamPic .teamText h2 { font-size: 26px; margin-bottom: 8px;font-weight: bold; }
.teamPic .teamText h3 { font-size: 20px; margin-top: 0;font-weight: bold; }
@media(min-width: 768px) {
.teamPic .teamText h2 { font-size: 36px; margin-bottom: 10px;font-weight: bold; }
.teamPic .teamText h3 { font-size: 30px; margin-top: 0;font-weight: bold; }
}


/*news*/
.NewsInner { padding-top:40px;  }
.innerNews .slogan { text-align: center; }
.innerNews .slogan h3 { font-size: 20px; color: #255988; margin-bottom: 10px; font-weight: bold; margin-top: 0; }
.innerNews { padding: 20px 0 50px; background-color: #e8e8e8;  }
.innerNews .newsList { padding: 15px; background-color: #fff; margin-bottom: 30px; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-ms-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.innerNews .newsList:hover { box-shadow: 0 0 30px #bbb; margin-top: -10px; margin-bottom:40px;}
.innerNews .newsList .newsTitle { font-size: 16px; padding: 10px 0; color: #255988; line-height: 24px; }
.innerNews .newsList .upDate { color: #aeaeae; }
.innerNews .newsList .newsInfo { padding: 10px 0; font-size: 14px; color: #555; }
.innerNews .newsList .button { text-align: center; width: 100%; padding: 5px 0; border-radius: 5px; font-size: 16px; color:#fff; margin-top: 5px;     background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);
}
.paginationBox { width: 100%; text-align: center; }
.hotTitle { background-color:#56BDAA; padding:15px 20px; font-size:20px; color:#fff; margin-bottom:20px; }
.backButton { text-align:center; margin-top:60px; margin-bottom: 30px;  }
.backButton a { padding: 10px 40px; border-radius: 5px; font-size: 16px; color:#fff; margin-top: 5px; background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);}



.newsinnerBox { background-color:#fff; padding:30px 20px; }
@media(min-width: 768px) {
.newsinnerBox { background-color:#fff; padding:50px 40px; }
}
.newsinnerBox .title { text-align:center;  font-size:20px; margin-bottom:15px; }
.newsinnerBox .zuozhe { text-align:center;  font-size:14px; color:#797979; margin-bottom:5px;}
.newsinnerBox .day { text-align:center;  font-size:14px; margin-bottom:30px;}
.newsinnerBox .newsInnerPic,.newsinnerBox .newsInnerText { margin-bottom:30px; }
.newsinnerBox .newsInnerPic img { margin:0 auto; }
.newsinnerBox .newsInnerText p img{display:block; max-width:100% !important; height:auto !important;}

/*faq*/
.innerFaq { padding: 30px 0; background-color: #eee;  }
@media(min-width: 768px) {
.innerFaq { padding: 60px 0; background-color: #eee;  }
}
.Faqlist{width : 100%; }
.Faqlist ul{list-style: none;padding:0;}
.Faqlist>ul>li{width:100%;-webkit-transition:.3s ease;
  -moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease; margin-bottom:10px;}
.Faqlist>ul>li p[class=title]{
  background : #FFF;
  padding    : 0;
  border     : none;
  position   : relative;
  padding:10px 70px 10px 30px;
  margin:0;
  cursor:pointer;
}
.Faqlist>ul>li p[class=title]{ font-size  : 14px; }
@media(min-width: 768px) {
.Faqlist>ul>li p[class=title]{ font-size  : 16px; }
}
.Faqlist>ul>li p[class=title]>span{position: absolute;right: 30px; font-size:16px; top: 38%;}
.list-se{overflow: hidden;display: none;}
.list-se>p{background: #56bdaa !important;color:#fff;}
.list-se>li{
  position: relative;
  right   : 0;
  -webkit-transition: right .5s;
  -moz-transition   : right .5s;
  -o-transition     : right .5s;
  transition        : right .5s;
}
.list-se>li>p{
  background  : #d6e3e3;
  color       : #555;
  -webkit-box-sizing :border-box;
          box-sizing :border-box;
  padding-left: 10px;
  -webkit-transition   : border .5s; 
       transition  : border .5s;
  -webkit-transition   : background .3s;
       transition  : background .3s;
       margin:0;
   padding:10px 30px;
}

.faqPic { background-color:#fff; padding:15px; margin-bottom: 20px; }

/*contact*/
.innerContact { padding: 30px 0; background-color: #eee;  }
@media(min-width: 768px) {
.innerContact { padding: 60px 0; background-color: #eee;  }
}

.innerContact .topTips { margin-bottom: 20px; font-size: 16px; color:#0e8f9d;;font-weight: bold; }
.innerContact .contactForm_1 { background-color: #fff; padding: 30px 20px;  }
@media(min-width: 768px) {
.innerContact .contactForm_1 { background-color: #fff; padding: 40px 40px;  }
}

.form-control:focus {
 border-color:#56bdaa;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(86,189,170,.6);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(86,189,170,.6)
}

.innerContact .contactForm .button { text-align: center; width: 100%; padding: 8px 0; border-radius: 5px; font-size: 16px; color:#fff; margin-top: 30px; background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%); }
.contactPic { background-color:#fff; padding:15px; margin-bottom: 20px;  }
.contactPic .text { font-size: 16px; padding: 18px 0; color: #555; }
.contactPic .info { margin-bottom: 18px; }


.innerNMN_Product .nmn_top_box { position:relative; margin-bottom:80px; }


.innerNMN_Product .nmn_top_box .top_text { position:absolute; width:100%; text-align:center; margin-top:4%; }
.innerNMN_Product .nmn_top_box .top_text h2 { font-size:20px; color:#373737; font-weight: bold;  }
.innerNMN_Product .nmn_top_box .top_text h3 { margin-top:10px;font-size:30px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
@media(min-width: 750px) {
.innerNMN_Product .nmn_top_box .top_text { position:absolute; width:100%; text-align:center; margin-top:4%;}
.innerNMN_Product .nmn_top_box .top_text h2 { font-size:24px; color:#373737; font-weight: bold; }
.innerNMN_Product .nmn_top_box .top_text h3 { font-size:38px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}
@media(min-width: 991px) {
.innerNMN_Product .nmn_top_box .top_text { position:absolute; width:100%; text-align:center; margin-top:8%;}
.innerNMN_Product .nmn_top_box .top_text h2 { font-size:26px; color:#373737; font-weight: bold; }
.innerNMN_Product .nmn_top_box .top_text h3 { font-size:42px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}

@media(max-width: 750px) {
.NMN_pic1 { padding-top:50px; }
}


.innerNMN_Product h3 { font-size:30px; font-weight: bold; margin-bottom:20px;line-height:38px;}
.innerNMN_Product p { font-size:16px; text-align:justify; line-height:26px; color:#5f5f5f; }
@media(min-width: 750px) {
.innerNMN_Product h3 { font-size:38px; font-weight: bold; margin-bottom:30px;line-height:44px;}
.innerNMN_Product p { font-size:20px; text-align:justify; line-height:30px; color:#5f5f5f; }
}
@media(min-width: 991px) {
.innerNMN_Product h3 { font-size:42px; font-weight: bold; margin-bottom:30px;line-height:50px; }
.innerNMN_Product p { font-size:22px; text-align:justify; line-height:36px; color:#5f5f5f; }
}
.nmn_part2{ margin-top:60px; }
.nmn_part2 .text { max-width:400px; }

@media(min-width: 750px) {
.nmn_part3 { margin-bottom:80px; }
}

.innerNMN_Product .nmn_box .top_text { width:100%; text-align:center; margin-top:4%; }
.innerNMN_Product .nmn_box .top_text h2 { font-size:20px; color:#373737; font-weight: bold;  }
.innerNMN_Product .nmn_box .top_text h3 { margin-top:10px;font-size:30px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
@media(min-width: 750px) {
.innerNMN_Product .nmn_box .top_text { width:100%; text-align:center; margin-top:4%;}
.innerNMN_Product .nmn_box .top_text h2 { font-size:24px; color:#373737; font-weight: bold; }
.innerNMN_Product .nmn_box .top_text h3 { font-size:38px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}
@media(min-width: 991px) {
.innerNMN_Product .nmn_box .top_text { width:100%; text-align:center; margin-top:8%;}
.innerNMN_Product .nmn_box .top_text h2 { font-size:26px; color:#373737; font-weight: bold; }
.innerNMN_Product .nmn_box .top_text h3 { font-size:42px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}
.innerNMN_Product .nmn_box .text p { text-align:center; }


.nmn_part4 { margin-top:0; margin-bottom:60px; }
@media(min-width: 750px) {
.nmn_part4 { margin-top:60px; margin-bottom:60px; }
}
.nmn_part5 { margin-bottom:60px;margin-top: 20px; }
.nmn_part5 h3 { text-align:center;}
.nmn_part5 p { margin-top:30px; margin-bottom:30px; }

.earthText { margin-top: 100px; }
.earthText-xs { margin-top: 30px; }

.nmn_part6 { text-align: center;  margin-bottom: 50px; }
.nmn_part6 h3 { margin-bottom: 30px; }

.nmn_part6 .sgs_p1 img,.nmn_part6 .cti_p1 img { border: 6px solid #0fd5e7; }
.nmn_part6 .text p { text-align: center ; margin-top: 10px; }

.pdfButton { text-align:center; margin-top:30px; margin-bottom:60px; }
.pdfButton a { padding: 10px 40px; border-radius: 5px; font-size: 20px; color:#fff; margin-top: 5px;background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);}

.innerNMN_Product .list-se > p { background-color:#e8e8e8 !important; }
.innerNMN_Product .list-se > li > p {background: #fff; border-bottom:1px solid #ddd; padding: 10px 0;}
.innerNMN_Product .Faqlist > ul > li { margin-bottom:0; }
.innerNMN_Product .Faqlist > ul > li p[class="title"] {background: #FFF; border-bottom:1px solid #ddd; padding: 10px 60px 10px 20px;}
.innerNMN_Product .Faqlist > ul > li p[class="title"] > span { right:20px; }
@media(min-width: 750px) {
.innerNMN_Product .Faqlist > ul > li p[class="title"] {background: #FFF; border-bottom:1px solid #ddd; padding: 10px 70px 10px 30px;}
.innerNMN_Product .Faqlist > ul > li p[class="title"] > span { right:30px; }
}

.productFaq { margin-bottom:30px; }

.productFaq .date { padding-top:0; }
.productFaq .date p { font-size:14px; margin:5px 0; line-height:24px; text-align:left; }
@media(min-width: 750px) {
.productFaq .date { padding-top:10px; }
.productFaq .date p { font-size:16px; margin:5px 0; line-height:24px; text-align:right; }
}
.innerNMN_Product .Faqlist { margin-bottom:100px; }

.innerNMN_Oem .top_text { width:100%; text-align:center;  }
.innerNMN_Oem .top_text h3 { margin: 0; margin-bottom: 30px; font-size:28px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}
@media(min-width: 750px) {
.innerNMN_Oem .top_text { width:100%; text-align:center;}
.innerNMN_Oem .top_text h3 { font-size:32px;  margin: 0; margin-bottom: 30px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}
@media(min-width: 991px) {
.innerNMN_Oem .top_text { width:100%; text-align:center;}
.innerNMN_Oem .top_text h3 { font-size:36px; margin: 0; margin-bottom: 30px; font-weight: bold; -webkit-text-fill-color: transparent;background-image: linear-gradient(225deg, #6887d0 0%, #355c80 28.83%, #a2e1d5 100.3%);  -webkit-background-clip: text;
background-clip: text;}
}

.innerNMN_Oem .dz_box p { text-align: center; }

.innerNMN_Oem .dzBg { background: bottom center url(../images/box_bg_xs.jpg) no-repeat; padding: 60px 30px 50%;background-size: contain; }
@media(min-width: 750px) {
.innerNMN_Oem .dzBg { background: top center url(../images/box_bg.jpg) no-repeat; padding: 5% 30px 12%; background-size: cover; }
}
.innerNMN_Oem .top_text_2 { margin-top: 50px; }

.contactButton { text-align:center; margin-top:60px; margin-bottom:60px; }
.contactButton a { padding: 10px 40px; border-radius: 5px; font-size: 20px; color:#fff; margin-top: 5px; background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);}

.dzBg_2 { background-color: #f7f7f7; position: relative; padding: 30px 30px 50px }
@media(min-width: 750px) {
.dzBg_2 { background-color: #f7f7f7; position: relative; padding: 30px 30px 60px }
}
@media(min-width: 1240px) {
.dzBg_2 { background-color: #f7f7f7; position: relative; padding: 30px 30px 40px }
}

.dzWard { max-width: 1280px; margin: 0 auto; }

.dz_box_2,.bagpic { position: relative; z-index: 2; }

.bagpic { padding-left: 0;  }
@media(min-width: 750px) {
.bagpic { padding-left: 30px;  }
}

.dz_box_2 .form-group { background-color: #fff; padding:5px 20px 15px; margin-bottom: 0; box-shadow: 0 0 30px #d5d5d5; }
.dz_box_2 .caret-down { width: 20px; margin: 0 auto; margin-bottom: 5px; }
.diyButton { text-align:left; margin-top:40px;  }
.diyButton a { padding: 10px 40px; border-radius: 5px; font-size: 16px; color:#fff; margin-top: 5px; background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);}


.dzBg_buttom { position: absolute; height: 120px; left: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 1; }

.innerNMN_Oem h3 { font-size:28px; font-weight: bold; line-height:32px; margin-top: 10px;}
.innerNMN_Oem h4 { font-size:20px; margin-bottom: 20px; }
.innerNMN_Oem p { font-size:14px; text-align:justify; line-height:26px; color:#5f5f5f; }
@media(min-width: 750px) {
.innerNMN_Oem h3 { font-size:32px; font-weight: bold; line-height:36px; margin-top: 10px;}
.innerNMN_Oem h4 { font-size:20px; margin-bottom: 20px; }
.innerNMN_Oem p { font-size:14px; text-align:justify; line-height:30px; color:#5f5f5f; }
}
@media(min-width: 1240px) {
.innerNMN_Oem h3 { font-size:36px; font-weight: bold; line-height:40px; margin-top: 10px; }
.innerNMN_Oem h4 { font-size:20px; margin-bottom: 20px; }
.innerNMN_Oem p { font-size:16px; text-align:justify; line-height:32px; color:#5f5f5f; }
}


.innerNMN_Partner p { font-size:16px; text-align:justify; line-height:26px; color:#5f5f5f; }
@media(min-width: 750px) {
.innerNMN_Partner p { font-size:18px; text-align:justify; line-height:30px; color:#5f5f5f; }
}
@media(min-width: 1240px) {
.innerNMN_Partner p { font-size:20px; text-align:justify; line-height:32px; color:#5f5f5f; }
}

.innerNMN_Oem .top_text_2 h3 { font-size: 22px; }

.pt_box_2 { padding-top: 0; position: relative; }
.pt_box_2 .text { background-color: rgba(247,247,247,0.9); padding: 30px; margin-top: -35%;  }
.pt_left { width:100%; float: left; background-color: #fff; position: relative;z-index: 1; }
.pt_right { width:100%; float: left; margin-left: 0;position: relative;z-index: 2; padding: 0 30px 0 15px; }
@media(min-width: 750px) {
.pt_box_2 { padding-top: 80px; position: relative; }
.pt_box_2 .text { background-color: rgba(247,247,247,0.9); padding: 30px; margin-top: 100px;  }
.pt_left { width: 60%; float: left; background-color: #fff; position: relative;z-index: 1; }
.pt_right { width:55%; float: left; margin-left: -20%;position: relative;z-index: 2; padding: 0; }
}
.pt_box_2 .colorBg { position: absolute; width: 70%; height: 50%; background-color: #56bdaa; z-index: -1; bottom: -20px; right: -20px; }


.innerNMN_Partner .ptBg { background-color: #f7f7f7; padding: 60px 0; }
.innerNMN_Partner .ptBg .text { margin-top: 30px; }
.innerNMN_Partner .ptBg .pic { border: 12px solid #fff; }

.innerNMN_Partner .ptBg .Altext { margin-top: 30px; }
.innerNMN_Partner .ptBg .Altext p { font-size: 14px; line-height: 24px; }
.innerNMN_Partner .ptBg .contactForm { background-color: #fff; padding: 40px; margin-top: 30px; }
.innerNMN_Partner .ptBg .contactForm .topTips { font-size: 14px; margin-bottom: 30px; }
.innerNMN_Partner .ptBg .contactForm .button { text-align:center; }
.innerNMN_Partner .ptBg .contactForm .button { padding: 10px 40px; border-radius: 5px; font-size: 20px; color:#fff; margin-top: 15px; background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);}


.innerOnlineshop { padding: 30px 0; background-color: #eee;  }
@media(min-width: 768px) {
.innerOnlineshop { padding: 60px 0; background-color: #eee;  }
}

.productList { background-color:#FFF; padding:15px; margin-bottom:20px; }
.fenlieBox { text-align:center; }
.fenlieBox .title { background-color:#56BDAA; padding:15px 20px; font-size:20px; color:#fff; }
.fenlieBox ul li { background-color:#FFF; padding:10px 20px; }
.fenlieBox ul li a { color:#555; font-size:14px; }
@media(min-width: 768px) {
.fenlieBox ul li { background-color:#FFF; padding:20px 20px; }
.fenlieBox ul li a { color:#555; font-size:16px; }
}

.fenlieBox ul li:hover { background-color: #f7f7f7; }
.innerOnlineshop .productName { font-size:18px; margin-bottom:20px; margin-top:15px; }
.innerOnlineshop .productText { color:#797979; margin-bottom:15px; }
.productButton { text-align:left; margin-top:40px;  margin-bottom: 20px; }
.productButton a { padding: 10px 40px; border-radius: 5px; font-size: 16px; color:#fff; margin-top: 5px; background: linear-gradient(90deg, rgb(12, 184, 182) 0%, rgb(11, 121, 120) 75%);}


.footer { text-align:center; padding:15px 0; background-color: #56bdaa;/* background-image: linear-gradient(-90deg,#28e2bc, #0cd4eb);*/ color: #fff; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }

.innerPartner { padding: 30px 0; background-color: #fff;  }
@media(min-width: 768px) {
.innerPartner { padding: 60px 0; background-color: #fff;  }
}
.innerPartner .Textinfo { margin-bottom:30px; }

.innerPartner .title {
    font-size: 22px;
    font-weight: bold;
    color: #11d6e2;
    margin-bottom: 15px;
    line-height: 28px;
}

.innerPartner .title a { color: #11d6e2; }

