/* CSS Document */

.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;}

/* header */
/* topModular */
.topModular {padding: 5px 0; line-height: 35px; color: #fff;font-size: 14px;}
.logoWrap {position: absolute; top:30px;left: 40px; vertical-align: top;}
.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: 28px; float: right; height: auto; padding: 2px 15px 2px 15px;}
.linkWrap li a {width: 100%;  font-size: 1em; line-height: 1em; color: #fff;  display: block; text-align: center;}
.linkWrap li a:hover, .linkWrap li a.hover {color:#923c91;}
.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: #923c91;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;}
.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;}
.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: #5c278a;}
.navWrapper .mainNav li:hover a, .navWrapper .mainNav li.hover a {color: #5c278a;}
.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: #5c278a;}
.navWrapper .subNav .linkWrap li:hover a, .navWrapper .subNav li.hover a {color: #5c278a;}
.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: #5c278a;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;}


/* navModular */
.navModular {width: 100%; height: auto; color: #fff; text-align: right;}
.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.25em; line-height: 1em;  color: #fff;  display: block; text-align: center;}
.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: #5c278a;}
.navModular .navWrap>li:hover>a, .navModular .navWrap>li.hover>a { color: #5c278a;}
.navModular .navWrap>li.hover .dropdownmenuWrap {display: block;}
.dropdownmenuWrap>li:hover>a, .dropdownsubmenuWrap>li:hover>a, .dropdownmenuWrap>li.hover>a, .dropdownsubmenuWrap>li.hover>a {background-color:#f0f0f0;color:#923c91;}
.dropdownmenuWrap>li:hover, .dropdownmenuWrap>li.hover .dropdownsubmenuWrap {display: block;}

/* footer */
/* bottomModular */
.bottomModular {width: 100%; height: auto; padding: 60px 0; color: #606060; background-color: #fff;font-size: 12px;}
.infoWrap {text-align:center;}
.infoWrap p { line-height:2em;}
.infoWrap .styleColor {padding-top:20px;}
.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;}



/*附加样式*/
.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:#5c278a;}
.text-v {text-align: center; writing-mode: vertical-lr; vertical-align: middle;}

.grad-v {
  background: -webkit-linear-gradient(180deg, #923c91, #5c278a); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg, #923c91, #5c278a); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg, #923c91, #5c278a); /* firefox 3.6 - 15 */
  background: linear-gradient(180deg, #923c91, #5c278a);}
.grad-v-rev {
  background: -webkit-linear-gradient(180deg, #5c278a, #923c91); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg, #5c278a, #923c91); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg, #5c278a, #923c91); /* firefox 3.6 - 15 */
  background: linear-gradient(180deg, #5c278a, #923c91);}
.grad-h {
  background: -webkit-linear-gradient(90deg, #923c91, #5c278a); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(90deg, #923c91, #5c278a); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(90deg, #923c91ed, #5c278a); /* firefox 3.6 - 15 */
  background: linear-gradient(90deg, #923c91, #5c278a);}
.grad-h-rev {
  background: -webkit-linear-gradient(90deg, #923c91, #5c278a); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(90deg, #923c91, #5c278a); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(90deg, #923c91ed, #5c278a); /* firefox 3.6 - 15 */
  background: linear-gradient(90deg, #923c91, #5c278a);}

@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;}
    
}