/*我们的产品和服务*/
.middle{width:100%;overflow: hidden;}
.lan{height: 2.5rem;width: 100%;background-color:#0000CC;margin-top:2rem;}
.dibu{text-align:center;width:100%; font-size:16px; margin-top:1rem;}







.navButton {
    right:0;
    height: 2.5rem;
    position: fixed;
    width: 2.5rem;
    z-index: 5;
 }  
.xyzz{
    width:81px;
     padding-left: 5px;
     font-size: 1.2rem;
     color: #0049a8;
     font-weight: 800;
     line-height: 3rem;


}

.xyz{
     width:81px;
     padding-left: 5px;
     font-size: 1.2rem;
     color: #0049a8;
     font-weight: 800;
     line-height: 3rem;


}

   



.navButton .navButtonPanel {
    display: none;
    z-index: 99 !important;
}


/*.navButton .menuNav .icon-menuNavTip::before {
    font-size: 2.25rem;
    margin-left: 0.3rem;
    margin-top: 0.3rem;
}
.navButton .menuNav .icon-menuNavTip::before {
    color: #fff;
    content: url("/eportal/uiFramework/commonResource/image/2017021914161490740.png");
    display: block;
    font-size: 1.4rem;
    position: fixed;
    z-index: 5;
}*/
.navButton .menuNav .menuNavTip {
    background: #0657a9 url(/eportal/uiFramework/commonResource/image/2017021914161490740.png) no-repeat center center;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    float: left;
    height: 2rem;
    margin: 1.5rem 0 0.25rem 0.5rem;
    width: 2rem;
}

.icon-navLeft::before {
    font-size: 1.5rem;
    margin-left: -0.4rem;
    margin-top: 0rem !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.navbar .navLeft {
    display: none;
}


.icon-navRight::before {
    font-size: 1.5rem;
    margin-left: -0.3rem;
    margin-top: 0rem !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.navbar .navRight {
    display: none;
}

.navbar {
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: auto;
    max-width: 640px;
    overflow: hidden;
    position: fixed;
    right: auto;
    top: 0;
    transform: translate(0rem, 0rem);
    transition: all 350ms ease 0s;
    width: 0;
    z-index: 10;
}
.navbar {
    margin: 0 auto;
  
}


.navbar.open {
    backface-visibility: hidden;
    transition: all 350ms ease 0s;
    width: 60%;
    display:none;
}


.navbar .navbarList {
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    height: 100%;
    margin-top: 2.25rem;
    overflow-x: hidden;
    overflow-y: auto;
   
}

/*搜索*/
.form:nth-child(1) {
    box-shadow: none;
    margin-top: 0;
}
.form {
    background: #1c1c1c none repeat scroll 0 0;
}



.form .formMiddle {
    background: #fff none repeat scroll 0 0;
    margin-top: 0rem;
    overflow: hidden;
    padding-bottom: 0rem;
}
.formMiddle {
    border-spacing: 0;
    table-layout: fixed;
}
.formMiddle {
    width: 100%;
}


.form .moduleContent {
    color: #333;
}



.form .formMiddle .search {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    margin: 1rem;
    position: relative;
}
.searchType3 {
    border-radius: 1rem;
}


.searchType3 .mSearchInput {
    padding-left: 0.8rem;
}
.mSearchInput {
    box-sizing: border-box;
    color: #919191;
    font-size: 0.8rem;
    height: 2.1rem;
    line-height: 2.1rem;
    width: 100%;
}


.icon-mSearchBtn::before {
    content: url("/eportal/uiFramework/commonResource/image/2017022116452553326.png ");
    font-size: 1.4rem;
    left: -0.5rem;
    position: absolute;
    margin-top: 0.1rem;
    width: 100%;
}
.searchType3 .icon-mSearchBtn {
    color: #0657a9;
}
.searchType3 .icon-mSearchBtn {
    right: 0.25rem;
}
.icon-mSearchBtn {
    height: 1.6rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.6rem;
}

.navExistOffPanel.navPanelOpen {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    display: none;
    margin-left: 0;
}
.navExistOffPanel {
    bottom: 0;
    height: 100%;
    max-width: 640px;
    position: fixed;
    top: 0;
    transition: all 300ms ease 0s;
    width: 100%;
    z-index: 9;
}




/*跳转搜索*/


.searchWindow {
    animation: 0.25s ease 0s normal both 1 running popupSearchWindow;
    background-color: #fff;
    height: 100%;
    margin: 0 auto;
    max-width: 640px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}


.searchInputBar {
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 0;
    position: relative;
    text-align: left;
}


.icon-closeSearch::before {
    color: #a9aaac;
    content: url("/eportal/uiFramework/commonResource/image/2017022116474751668.png ");
    font-size: 1.75rem;
    left: 50%;
    position: absolute;
    margin-top:0.3rem;
    
}
.icon-closeSearch {
    cursor: pointer;
    display: inline-block;
    height: 1.75rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1.5rem;
}


.popupSearchWrap3 {
    border-radius: 1rem;
}
.popupSearchWrap {
    border: 1px solid #bfbfbf;
    display: inline-block;
    height: 2rem;
    position: relative;
    width: 14rem;
    margin-left: 0.8rem;
    border-radius: 1rem;
}



element.style {
    padding-right: 1.8rem;
}
.popupSearchWrap3 .popupSearchInput {
    background-color: transparent;
    padding-left: 0.8rem;
}
.popupSearchInput {
    border: 0 none;
    box-sizing: border-box;
    font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
    font-size: 0.8rem;
    height: 2rem;
    outline: 0 none;
    width: 100%;
}
input, textarea {
    -moz-user-select: text;
}



.icon-popupSearchBtn::before {
    content:  url("/eportal/uiFramework/commonResource/image/2017022116472697832.png ");
    font-size: 1.4rem;
    left: -0.3rem;
    position: absolute;
    width: 100%;
    margin-top:0.3rem;
}
.popupSearchWrap3 .icon-popupSearchBtn {
    right: 4px;
}
.icon-popupSearchBtn {
    color: #666;
    height: 1.6rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.6rem;
}

/*图片文章模块*/


#module303 {
    overflow: hidden;
}
#module303 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#module303 {
    padding: 0;
}
#module303 {
    border: medium none;
}

#module303 .formMiddle303 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#module303 .formMiddle303 {
    padding: 0;
}
#module303 .formMiddle303 {
    border: medium none;
}
.form .formMiddle {
    margin-top: 0rem;
    overflow: hidden;
}
.formMiddle {
    border-spacing: 0;
    table-layout: fixed;
}
.formMiddle {
    width: 100%;
}

#module303 .formMiddleContent303 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.form .moduleContent {
    color: #333;
}


.cubeNavigationArea {
    min-height: 0.5rem;
    overflow: hidden;
    padding-top: 1.5%;
}

/*1111111*/
.cubeNavigationArea8 .cubeLink:nth-child(12n+1) {
    clear: left;
    height: 7.5rem;
    width: 50%;
}
.cubeNavigationArea8 .cubeLink {
    box-sizing: border-box;
    color: #fff;
}
.cubeNavigationArea .cubeLink {
    float: left;
    padding-bottom: 1.5%;
    padding-left: 1.5%;
}


.cubeNavigationArea8 .cubeLink:nth-child(12n+2) {
    width: 25%;
}
.cubeNavigationArea8 .cubeLink {
    box-sizing: border-box;
    color: #fff;
    height: 3.75rem;
}


.cubeNavigationArea8 .cubeLink:nth-child(12n+3) {
    padding-right: 1.5%;
    width: 25%;
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+4) {
    width: 25%;
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+5) {
    padding-right: 1.5%;
    width: 25%;
}



.cubeNavigationArea .cubeLink .cubeLink_a {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}


.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #0180e1;
}
.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_bg {
    height: 100%;
    position: absolute;
    width: 100%;
}

.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_curtain {
    height: 100%;
    position: absolute;
    width: 100%;
}


.cubeNavigationArea8 .cubeLink:nth-child(12n+1) .icon-cube::before {
    content: url("/eportal/uiFramework/commonResource/image/2017022216542175065.png ");
}
.cubeNavigationArea8 .cubeLink:nth-child(12n+1) .cubeLink_a .cubeLink_ico {
    top: 23%;
}
.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    right: 0;
}
.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_ico {
    background-size: 40px 40px;
    height: 2.1rem;
    margin: auto;
    position: absolute;
    width: 2rem;
}
.cubeNavigationArea .icon-cube {
    color: #fff;
    font-size: 2rem;
}


.cubeNavigationArea8 .cubeLink:nth-child(12n+1) .cubeLink_a .cubeLink_text {
    bottom: 36%;
}
.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text {
    position: absolute;
    table-layout: fixed;
    width: 100%;
}
.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: hidden;
    white-space: nowrap;
}
.cubeNavigationArea .cubeLink_text_p {
    font-size: 0.6rem;
}

/*222222*/


.cubeNavigationArea8 .cubeLink:nth-child(12n+2) .icon-cube::before {
    content:url("/eportal/uiFramework/commonResource/image/2017022216545392661.png");
}
.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    right: 0;
    top: 10%;
}


.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 1%;
    color: #fff;
    font-size: 14px;
    text-align: center;
}


/*3333*/

.cubeNavigationArea8 .cubeLink:nth-child(12n+3) .icon-cube::before {
    content: url("/eportal/uiFramework/commonResource/image/2017022216550110145.png");
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+4) .icon-cube::before {
    content: url("/eportal/uiFramework/commonResource/image/2017022216544577180.png ");
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+5) .icon-cube::before {
    content: url("/eportal/uiFramework/commonResource/image/2017022216543721283.png ");
}


/*新闻动态*/

.form .formBannerTitle {
    font-size: 0.8rem;
    font-weight: 500;
    width: 100%;
}

.form .titleCenter {
    background: #f2f2f2 none repeat scroll 0 0;
    height: 3rem;
    line-height: 3rem;
    padding: 0;
    position: relative;
}


.form .formBannerTitle .titleText {
    color: #000;
    text-indent: 0rem;
}
.form .formBannerTitle .titleText {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    width: 78%;
}



.formBannerTitle .titleTextIcon {
    float: left;
    line-height: inherit;
}


.form .formBannerTitle .textContent {
    width: 30%;
}
.form .formBannerTitle .textContent {
    float: left;
    overflow: hidden;
    width: 30%;
    white-space: nowrap;
    font-size: 18px;
    height: 3rem;
    line-height: 3rem !important;
    display: block;
}

/*.form .formBannerMore .icon-titleMore::before {
    color: #0657a9;
    content: url("/eportal/uiFramework/commonResource/image/2017021716595790595.png");
    font-size: 1rem;
    margin-left: -0.3rem;
}
.form .formBannerMore .icon-titleMore::before {
    left: 0.05rem;
    position: absolute;
    top: 30%;
}
.form .formBannerMore .titleMoreIcon {
    background-size: 1.2rem auto;
    border-left: medium none;
    box-shadow: none;
    display: block;
    height: 2rem;
    padding: 0rem;
    width: 1.3rem;
}*/
.form .formBannerMore .titleMoreIcon {
    float: right;
    width: 20px;
    height: 27px;
    margin: 10px 5px 0 0;
    background: url("/eportal/uiFramework/commonResource/image/2017021716595790595.png") no-repeat;
    /*position: relative;
    text-align: center;*/
}

.form .formMiddle {
    background: #fff none repeat scroll 0 0;
    margin-top: 0rem;
    overflow: hidden;
    padding-bottom: 0rem;
}
.formMiddle {
    border-spacing: 0;
    table-layout: fixed;
}
.formMiddle {
    width: 100%;
}


/*首页导航矢量图*/
@font-face {
  font-family: 'iconfont';  /* project id 249887 */
  src: url('//at.alicdn.com/t/font_1ucvro5b73h7u8fr.eot');
  src: url('//at.alicdn.com/t/font_1ucvro5b73h7u8fr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1ucvro5b73h7u8fr.woff') format('woff'),
  url('//at.alicdn.com/t/font_1ucvro5b73h7u8fr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1ucvro5b73h7u8fr.svg#iconfont') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-size:30px;
  font-style:normal;
  margin:0 15px 0 5px;
  vertical-align:middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'iconfont1';  /* project id 288795 */
  src: url('//at.alicdn.com/t/font_8z2lb23wmjyh9f6r.eot');
  src: url('//at.alicdn.com/t/font_8z2lb23wmjyh9f6r.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_8z2lb23wmjyh9f6r.woff') format('woff'),
  url('//at.alicdn.com/t/font_8z2lb23wmjyh9f6r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_8z2lb23wmjyh9f6r.svg#iconfont') format('svg');
}

.iconfont1 {
  font-family:"iconfont1" !important;
  font-size:30px;
  font-style:normal;
  vertical-align:middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main-center { width: 96%; margin: 0 auto 20px; }
.main-center ul .list { box-sizing: border-box; float: left; width: 25%; height: 90px; border-left: 1px solid #fff; text-align: center; }
.main-center ul .list:nth-child(1) { border: 0; background: #3ec1d3; }
.main-center ul .list:nth-child(2) { background: #ff9a00; }
.main-center ul .list:nth-child(3) { background: #2ab6a6; }
.main-center ul .list:nth-child(4) { background: #ec6941; }
.main-center ul .list a { color: #fff; }
.main-center ul .list .icon { margin-top: 18%; }
.main-center ul .list .text { margin-top: 10px; }
.main-center ul .list:nth-child(2) .icon { font-weight: bold; }
.join-us { position: relative; border-top: 1px solid #fff; }
.join-us .icon { position: absolute; top: 50%; left: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; background: none; }
.join-us .text { position: absolute; top: 50%; left: 50%; height: 20px; margin: -10px 0 0 -27px; font-size: 18px; color: #fff; }