.header, .container, .footer {width: 100%; height: auto; margin: 0; padding: 0;}
.header {position*: absolute; top: 0;z-index: 9999; padding*:10px 40px;}
.footer {position: relative;}
.container {position: relative; overflow:hidden;}
.contentWrapper {position: relative; width:1410px; margin: 0 auto; padding: 0;}
.container .contentWrap {margin-right: -30px;}
.float-left { float:left;}
.float-right { float:right;}
.clear-both:after {clear:both; content:""; display:block;}



.topModular {padding: 5px 0; line-height: 35px; color: #fff;font-size: 14px;}
.logoWrap {position*: absolute; top:10px;left: 40px; vertical-align: top;float:left;}
.logo-img {float: left; margin-right: 20px;}
.logo-img img {vertical-align: middle; display: block;}
.logo-title {float: left; text-align: left; display: block;}
.logo-title span {padding-left: 20px; font-size: 12px; line-height: 1em; display: inline-block;}
.logo-title b {font-size: 20px; line-height: 32px}
.linkWrap {float: right;  display: block; padding-right: 5px;}
.linkWrap li {position: relative; margin-top: 8px; float: right; height: auto; padding: 2px 15px 2px 15px;}
.linkWrap li a {width: 100%;  font-size: 1em; line-height: 30px; color: #fff;  display: block; text-align: center;}
.linkWrap li a:hover, .linkWrap li a.hover {color:#3df18d;}
.linkWrap li a .icon {color: #fff; width: 16px; height: 16px; margin-right: 5px;line-height: 1.2em; fill: currentColor; overflow: hidden;vertical-align: top;}
.linkWrap li a:hover .icon, .linkWrap>li>a.hover .icon {color: #3df18d;fill: currentColor;}
.headerMobile {display: none;position:absolute;top:0;width: 100%; height: auto; margin: 0; padding: 0;}
.headerMobile .topLinkWarp {position: absolute; top: 0;z-index: 99; width:100%; height: 48px; padding:6px 20px;}
.headerMobile .btnWrap {z-index: 99; position: absolute; top:4px; right:10px; width:40px;height: 40px; padding:10px; color:#fff; font-size: 20px; line-height: 20px; cursor: pointer;background-image:url(../images/nav_m.png);}
.headerMobile .navWrapper { display: none; position: absolute;width:100%; height: 100%; color:#fff;}
.headerMobile .masklayer {background: rgba(0, 0, 0, 0.9);left: 0;top: 0;width: 100%;height: 100%;position: fixed;z-index: 101; display:block;}
.headerMobile .navWrapper .closeBtn {position: absolute; top:4px; right:10px; width:40px;height: 40px; padding:10px; color:#fff; font-size: 20px; line-height: 20px; cursor: pointer;z-index: 999;background-image:url(../images/nav_close_m.png);}
.navWrapper .mainNav {position: relative; z-index: 9999; margin-top:100px;}
.navWrapper .mainNav li { text-align: center; border-top: 2px solid transparent; border-bottom: 1px solid rgba(255,255,255,0.15)}
.navWrapper .mainNav li a {line-height:3em; font-size: 1.5em;color:#fff; display:block;}
.navWrapper .mainNav li:hover, .navWrapper .mainNav li.hover {background-color:#fff; border-top-color: #12bb9a;}
.navWrapper .mainNav li:hover a, .navWrapper .mainNav li.hover a {color: #12bb9a;}
.navWrapper .subNav {position: relative; z-index: 9999;margin-top:40px;}
.navWrapper .subNav .linkWrap {float: none;}
.navWrapper .subNav .linkWrap li {margin-top: 0; text-align: center; float: none; width:100%; border:none !important;}
.navWrapper .subNav .linkWrap li a {line-height:3em; font-size: 1.25em; color:#c0c0c0;display:block;}
.navWrapper .subNav .linkWrap li:hover, .navWrapper .subNav li.hover {background-color:#fff; border-top-color: #12bb9a;}
.navWrapper .subNav .linkWrap li:hover a, .navWrapper .subNav li.hover a {color: #12bb9a;}
.navWrapper .subNav .linkWrap li:hover .img {color: #12bb9a;}
.navWrapper .subNav .linkWrap li a .icon {color: #c0c0c0; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle;fill: currentColor; overflow: hidden;}
.navWrapper .subNav .linkWrap li a:hover .icon, .navWrapper .subNav li a.hover .icon {color: #12bb9a;fill: currentColor;}
.headerMobile .logoWrap {z-index: 999; position: absolute; top:10px;left: 10px; vertical-align: top; color:#fff;}
.headerMobile .logoWrap .logo-img {margin-right: 10px;}
.headerMobile .logoWrap .logo-title span {padding-left: 10px; font-size: 8px;}
.headerMobile .logoWrap .logo-title b {font-size: 14px; line-height: 20px}
.search-input {position:relative; width:240px; height:30px; vertical-align:top;}
.search-input input[type="text"] {width:100%; padding-left:10px; border-radius:20px; border:1px solid rgba(255,255,255,0.75); background-color:rgba(255,255,255,0.25);}
.linkWrap li .search-input>a { position:absolute; top:5px; right:10px; width:20px; height:20px; line-height:20px; font-size:16px; color:#fff;}


.navModular {width: 100%; height: auto; color: #fff; text-align: center;}
.navModular .navWrap {display: inline-block}
.navModular .navWrap>li {position: relative;  float: left; height: auto; border-top: 4px solid transparent;z-index: 99;}
.navModular .navWrap>li>a {width: 100%; padding: 0.8em 1em; font-size: 1.5em; line-height: 1em;  color: #fff;  display: block; text-align: center;}
.navModular .navWrap>li>a span {display:block;}
.dropdownmenuWrap, .dropdownsubmenuWrap {z-index: 1001; display: none; position: absolute;width:auto; height: auto; padding: 5px 0; background-color: #fff; }
.dropdownmenuWrap {top:100%; left:0; box-shadow: 0 3px 5px rgba(0,0,0,.15); text-align: left;}
.navWrap>li:last-child .dropdownmenuWrap {right:0;left:auto;}
.dropdownsubmenuWrap {top:0; left:100%; box-shadow: 0 3px 5px rgba(0,0,0,.15);text-align: left;}
.dropdownmenuWrap>li, .dropdownsubmenuWrap>li {position: relative;width:180px; z-index: 98; }
.dropdownmenuWrap>li>a, .dropdownsubmenuWrap>li>a {padding:10px 20px; font-size: 1.15em; color: #202020; font-weight: 500; display: block;}
.navModular .navWrap>li:hover, .navModular .navWrap>li.hover {background-color:#fff; border-color: #12bb9a;}
.navModular .navWrap>li:hover>a, .navModular .navWrap>li.hover>a { color: #12bb9a;}
.navModular .navWrap>li:hover>a + .dropdownmenuWrap, .navModular .navWrap>li.hover>a + .dropdownmenuWrap {display: block;}
.dropdownmenuWrap>li:hover>a, .dropdownsubmenuWrap>li:hover>a, .dropdownmenuWrap>li.hover>a, .dropdownsubmenuWrap>li.hover>a {background-color:#f0f0f0;color:#3df18d}
.dropdownmenuWrap>li:hover .dropdownsubmenuWrap, .dropdownmenuWrap>li.hover .dropdownsubmenuWrap {display: block;}



.bottomModular {width: 100%; height: auto; padding: 40px 0; color: #606060; background-color: #fff;font-size: 12px;}
.lianjie {margin-bottom:30px;padding:0 20px;}
.lianjie ul:after {content:""; display:block; clear:both;}
.lianjie ul li { float:left;}
.lianjie ul li a{padding:5px 10px; margin-right:10px;margin-bottom:10px;background-color:#24ac6b; border-radius:2px; color:#fff; font-size:1.25em; display:block}
.lianjie ul li a:hover { background-color:#12bb9a; }
.infoWrap {text-align:center; float:left; padding:0 20px;}
.infoWrap p { line-height:2.4em; color:#fff; font-size:1.25em;}
.infoWrap .styleColor {padding-top:20px}
.infoWrap-img {float:right;}
.styleColor a {width:10px; height:10px; margin-right: 8px; display: inline-block;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);
-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;-o-transition: -o-transform 0.2s ease-out;transition: transform 0.2s ease-out;}
.styleColor a:hover, .styleColor a.hover  {transform: scale(1.2);}
.styleColor a:last-child {marign-right:0; text-indent: -99999px; overflow: hidden;}
.curColor1 {background-color: #fa7252;}
.curColor2 {background-color: #dfc040;}
.curColor3 {background-color: #65c1cf;}
.weixinhao {margin:0 auto;width: 150px;padding:10px;}
.weixinhao img {width:100%;}
.weixinhao p {
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}



.imgEnlarge{display: block;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.imgEnlarge:hover, .imgEnlarge.hover {-ms-transform: scale(1.2); -webkit-transform: scale(1.2);  transform: scale(1.2); }
.imgWider {display: block;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.imgWider:hover, .imgWider.hover {-ms-transform: scale(1.5); -webkit-transform: scale(1.5);  transform: scale(1.5); }
a.more {color:#999; display: inline-block; font-weight: lighter;}
a.more:hover, a.more.hover { color:#12bb9a;}
.text-v {text-align: center; writing-mode: vertical-lr; vertical-align: middle;}

.grad-v {
  background: -webkit-linear-gradient(180deg, #3df18d, #12bb9a); 
  background: -o-linear-gradient(180deg, #3df18d, #12bb9a); 
  background: -moz-linear-gradient(180deg, #3df18d, #12bb9a); 
  background: linear-gradient(180deg, #3df18d, #12bb9a); 
}
.grad-v-rev {
  background: -webkit-linear-gradient(180deg, #12bb9a, #3df18d); 
  background: -o-linear-gradient(180deg, #12bb9a, #3df18d); 
  background: -moz-linear-gradient(180deg, #12bb9a, #3df18d); 
  background: linear-gradient(180deg, #12bb9a, #3df18d); 
}
.grad-h {
  background: -webkit-linear-gradient(90deg, #3df18d, #12bb9a); 
  background: -o-linear-gradient(90deg, #3df18d, #12bb9a); 
  background: -moz-linear-gradient(90deg, #3df18ded, #12bb9a); 
  background: linear-gradient(90deg, #3df18d, #12bb9a); 
  display:none;
}
.grad-h-rev {
  background: -webkit-linear-gradient(90deg, #3df18d, #12bb9a); 
  background: -o-linear-gradient(90deg, #3df18d, #12bb9a); 
  background: -moz-linear-gradient(90deg, #3df18ded, #12bb9a); 
  background: linear-gradient(90deg, #3df18d, #12bb9a); 
}

@media (max-width: 2600px) {
    body {font-size:16px;}
    .contentWrapper {width:1770px;}
}
@media (max-width: 2000px) {
    body {font-size:14px;}
    .contentWrapper {width:1410px;}
}
@media (max-width: 1480px) {
    body {font-size:12px;}
    .contentWrapper {width:1170px;}
}
@media (max-width: 1300px) {
    body {font-size:12px;}
    .contentWrapper {width:984px;}
    .row > [class*='col-mx-'] {padding-right:24px; }
}
@media (max-width: 1050px) {
    .header {display:none;}
    .headerMobile {display:block;}
    .contentWrapper {width:100%;}
    .container .contentWrap {margin-right: 0;}
    .row > [class*='col-mx-'] {padding:0 !important; width: 100%;}
    .text-v {writing-mode: lr-tb; writing-mode: horizontal-tb;}
    .infoWrap, .infoWrap-img {float:none;}
    .infoWrap-img {text-align:center;}
    .frm {display:none;}
    
}