@charset "utf-8";
/*声明 WebFont*/
@font-face {
  font-family: 'Open Sans';
  src: url('font/OPENSANS-REGULAR_4.TTF');
  src: url('font/OPENSANS-REGULAR_4.TTF?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/OPENSANS-REGULAR_4.TTF') format('woff'), /* Modern Browsers */
       url('font/OPENSANS-REGULAR_4.TTF')  format('truetype'), /* Safari, Android, iOS */
       url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

*{padding: 0; margin: 0;}
img{border: 0;}

a,
input{outline: none;}

body,
input,
select,
textarea,
button{font-family: "Open Sans","Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif !important;}

body{background:#f6f6f6 repeat; font-size:12.847619047619048px !important;/* 全站字体基于该值计算比例, Chrome中文版默认限制最小字体为12px, 最好不要低于该值 */}

.clear{clear: both;}

.maxAuto{
    width: 100%;
    margin:0 auto;
    padding-bottom: 20px;
}

.navbar-storm { /*width: 1200px;*/ margin: 0 auto; }

.page{width: 100%; max-width: 1280px; float: none;margin:0 auto;}

    @media screen and (max-width: 1024px){
        .page{width: 100%; float: none;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .page{width: 100%; float: none;}
    }

.nav{height: 0; background-color: #fff; position: relative;}
.nav .left{width: 70%; padding: 0;}
.nav .left .mobileNav{display: none;float:left;margin-top:2%; vertical-align: middle; width: 60px;}
.nav .left .mobileNav i{display: block; width: 30px; height: 6px; overflow: hidden; background: #a1a1a1; border-radius: 3px; margin: 4px auto;}
.nav .left .logo{display: block; height: 0; width: 15%; padding-bottom: 6%; background: url(../images/logo.png) no-repeat center; background-size: contain; margin: 0 3%; overflow: hidden; text-indent: -1000px;}
.nav .left .logoEn{display: none; height: 0; width: 12%; padding-bottom: 6%; background: url(../images/logoEn.png) no-repeat center; background-size: contain; margin: 0 3%; overflow: hidden; text-indent: -1000px;}
.nav .left .mobileIcon{position: absolute; right: 0; top: 20px; display: none;}
.nav .left .mobileIcon .icon{display: block; float: left; width: 20px; height: 20px; margin-right: 26px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.nav .left .mobileIcon .search{background-image: url(../images/iconSearch.png);}
.nav .left .mobileIcon .login{background-image: url(../images/iconLogin.png);}


.nav .mobileNav .logoEn{display: none; width: 130px;height:60px; background: url(../images/logoEn.png) no-repeat center; background-size: 110px 43px; overflow: hidden; text-indent: -1000px;}
.nav .mobileIcon{display: none;}
.nav .mobileNav .iconsmall{margin-top:16px;}
.nav .mobileNav i{display: block; width: 30px; height: 6px; overflow: hidden; background: #a1a1a1; border-radius: 3px; margin: 4px auto;}
.nav .mobileIcon .gobtn{display:block;margin-top:13px;}
.nav .mobileIcon .gobtn a,.nav .mobileIcon .gobtn a:link{display:block;width:90px;height:30px;line-height:30px;border-radius:4px;color: #fff;background-color: #00a2de;font-size:14px; text-align:center;text-decoration: none;}
.nav .mobileIcon .gobtn a:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}




.nav .left .menu{padding: 1% 3%; display: table; position: relative;}
.nav .left .menu .cell{display: table-cell; width: 50%; white-space: nowrap;}
.nav .left .menu .cell.l{text-align: left;}
.nav .left .menu .cell.l a{color: #444;border-bottom:3px solid #fff}
.nav .left .menu .cell.l a.active{color: #444;border-bottom:3px solid #00a3ec;padding-bottom:13px;}
.nav .left .menu .cell.l a.hoveractive{color: #444;border-bottom:3px solid #00a3ec;padding-bottom:13px;}
.nav .left .menu .cell.l a:hover{color: #444;border-bottom:3px solid #00a3ec}
.nav .left .menu-en .cell.l a{margin-right: 2.5em;padding-bottom:0;}
.nav .left .menu .cell.r{text-align: left;}
.nav .left .menu .cell.r a{color: #000; padding-left: 1em;}
.nav .left .menu-en .cell.r a{padding-left: 1.5em;}
.nav .left .menu a{text-decoration: none; padding-bottom: 0;}
.nav .left .menu a:hover,
.nav .left .menu a.active{color: #00a2de !important;}
.nav .left .menu a i{display: inline-block; width: 0; height: 0; border-width: .3em .3em 0; border-style: solid; border-color: #d0d0d0 transparent transparent; vertical-align: middle; margin-left: .5em; margin-bottom: .1em;}
.nav .subMenu{position: absolute; left: 0; top: 70%; padding-top:1.8%;width: 150px; z-index: 999; display: none;}
.nav .subMenu .item{overflow: hidden; margin: 3%; font-weight: normal;}
.nav .subMenu .item .c{width: 15%; float: left; border-left: 2px solid #00a2de; color: #444; line-height: 1; padding-left: 1%;}
.nav .subMenu .item .l{width: 80%; float: left; line-height: 1;}
.nav .subMenu .item .l a{color: #999; text-decoration: none; display: inline-block; margin: 0 5% 2% 0; padding: 0;}
.nav .subMenu .item .l a:hover{color: #00a2de;}
.nav .subMenu .item .l i{display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle; margin-bottom: .2em; margin-right: .3em; background-position: center; background-size: contain; background-repeat: no-repeat;}
.nav .subMenu .item .l a i.i1{background-image: url(../images/iconPro01.png);}
.nav .subMenu .item .l a i.i2{background-image: url(../images/iconPro02.png);}
.nav .subMenu .item .l a i.i3{background-image: url(../images/iconPro03.png);}
.nav .subMenu .item .l a i.i4{background-image: url(../images/iconPro04.png);}
.nav .subMenu .item .l a i.i5{background-image: url(../images/iconPro05.png);}
.nav .subMenu .item .l a i.i6{background-image: url(../images/iconPro06.png);}
.nav .subMenu .item .l a i.i7{background-image: url(../images/iconPro07.png);}

.nav .subMenu .newsub{background-color: #f0efed; width: 400px; border-top: 1px solid #d7d7d7; overflow: hidden;font-weight: normal;}
.nav .subMenu .newsub .show{width: 100%; float: left;}
.nav .subMenu .newsub .show a,.nav .subMenu .newsub .show a{color: #999;font-size:14px; width:100%;height:20px;line-height:20px;text-decoration: none; display: inline-block; margin: 3% 0 3% 12%; padding: 0;}
.nav .subMenu .newsub .show a:hover{color: #00a2de;}

/*add by wangjp*/
.nav .subMenu .newsub .show{
    /*display:none;
    visibility:hidden;
    opacity:0;
    position:absolute;*/
    top:2.2em;
    right:-250%;
    border-radius:2px;
    padding:2em;
    background:#f0efed;
    -moz-transition:all,.2s;
    -o-transition:all,.2s;
    -webkit-transition:all,.2s;
    transition:all,.2s
}

.nav .subMenu .newsub .show>ul>li:last-child{
    margin:0
}
.nav .subMenu .newsub .show>ul h4{
    margin:0 0 1em;
    font-weight: 400;
    color: #333;
}
.nav .subMenu .newsub .show>ul h4 a{
    display:block;
    font-size:.9em;
    font-weight:700;
    color:#333
}
.nav .subMenu .newsub .show>ul h4 a:hover{
    text-decoration:none;
    color:#00a9e0
}
.nav .subMenu .newsub .show>ul li{
    list-style: none;
    /*margin:0 0 .5em;*/
    width:50%;
    float:left
}
.nav .subMenu .newsub .show>ul li a:hover{
    color:#00a9e0;
    text-decoration:none
}


.nav .left .menu ul{display: none; position: absolute; background-color: #fff; list-style: none; border: 1px solid #ddd; box-shadow: 1px 1px 2px rgba(0,0,0,.05); left: 0; z-index: 99;}
.nav .left .menu ul li{padding: .5em 1em;}
.nav .right{display:none;width: 20%; position: absolute; top: 0; right: 0;height: 60%}
.nav .right .bar{height: 0; background-color: #424242; position: relative;}
.nav .right .bar .light,
.nav .right .bar .dark{float: left; width: 100%; text-align: center;}
.nav .right .bar .dark a{display: inline-block; width: 9%; padding-bottom: 9%; overflow: hidden; height: 0; text-indent: -1000px; margin: 3.75%; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer;}
.nav .right .bar .dark .tmall{background-image: url(../images/iconTmall.png);}
.nav .right .bar .dark .jd{background-image: url(../images/iconJD.png);}
.nav .right .bar .dark .dang{background-image: url(../images/iconDangdang.png);}
.nav .right .bar .dark .paypal{background-image: url(../images/paypal.png);}
.nav .right .bar .dark .ebuy{background-image: url(../images/ebuy.png);}
.nav .right .bar .dark .ymx{background-image: url(../images/ymx.png);}
.nav .right .bar .light{width: 150%; margin-left: -70%; text-align:right; white-space: nowrap;}
.nav .right .bar .light .item{font-size: 100%; display: inline-block; color: #999; margin: 4% 2.5%; cursor: default; position: relative;}
.nav .right .bar .light .item i{width: 0; height: 0; border-style: solid; border-width: .3em .3em 0; border-color: #999 transparent transparent transparent; display: inline-block; vertical-align: middle; margin-left: .5em; margin-bottom: .2em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.nav .right .bar .light .item .popup{position: absolute; display: none; right: 0; background-color: #fff; border: 1px solid #ddd; padding: .4em .8em; z-index: 10; box-shadow: 2px 2px 0 rgba(0,0,0,.08);}
.nav .right .bar .light .item .popup a{color: #999; text-decoration: none;}
.nav .right .bar .light .item .popup a:hover{color: #444;}
.nav .right .bar .light .item .popup .b{display: block; line-height: 2; font-weight: normal;}
.nav .right .bar .light .item:hover i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.nav .right .bar .light .item:hover .popup{display: block;}
.nav .right .bar .light .search{
    padding-right: 10px;
}
.nav .right .bar .light .search select{
    outline:none; min-width: 7em; padding-right: 2em;  border: 0; font-size: 14px; height: 2.4em; color: #999; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(../images/iconSelect.png) no-repeat right center; background-size: auto 100%; border-radius: 0; vertical-align:middle;
}
.nav .right .bar .light .search select::-ms-expand{display: none;}
.nav .right .bar .light .language .popup{width: 4.4em; left: 50%; right: auto; margin-left: -3em; text-align: center;}
.nav .right .bar .light .login{margin-right: 5%;}
.nav .right .bar .light .login .popup{text-align: left; padding: .4em 2em;}
.nav .right .bar .light .login .popup h3{font-size: 112.5%; padding: .6em 0 1em; color: #444;}
.nav .right .bar .light .login .popup .input{border-bottom: 1px solid #ddd; margin-bottom: .8em; white-space: nowrap;}
.nav .right .bar .light .login .popup .input input{line-height: 2; font-size: 87.5%; border: 0; width: 14em; vertical-align: middle; background-color: transparent;}
.nav .right .bar .light .login .popup .input .icon{display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle; margin-right: .4em; background-repeat: no-repeat; background-size: contain;}
.nav .right .bar .light .login .popup .input .user{background-image: url(../images/iconUser.png);}
.nav .right .bar .light .login .popup .input .password{background-image: url(../images/iconPassword.png);}
.nav .right .bar .light .login .popup .input .code{background-image: url(../images/iconCode.png);}
.nav .right .bar .light .login .popup .input .img{display: inline-block; vertical-align: middle; height: 1.4em; overflow: hidden; margin-bottom: .3em; border: 1px solid #ddd;}
.nav .right .bar .light .login .popup .input .img img{height: 100%;}
.nav .right .bar .light .login .popup .button{padding: 1em 0;}
.nav .right .bar .light .login .popup .button button{background-color: #0061ab; height: 2.4em; line-height: 2.5; border-radius: 1.6em; text-align: center; display: block; width: 100%;  border: 0; font-size: 100%; color: #fff; font-weight: bold; cursor: pointer;}
.nav .right .bar .light .search .icon{display: inline-block; font-size: 14px; width: 2.4em; height: 2.4em; background: #eee; vertical-align: middle; margin-bottom: .2em; background: url(../images/iconSearch.png) no-repeat center; background-size: 1.3em 1.3em; cursor: pointer;}
.nav .right .bar .light .input input{border: 0; height: 2.4em; font-size: 14px; background-color: transparent; text-indent: 1em; width: 60% !important; vertical-align:middle;}
.nav .right .bar .light .input input[type="submit"]{display: none;}
.nav .right .bar .line{position: absolute; height: 1px; width: 135%; left: -135%; bottom: 0; background: #d6d6d6;}
.nav .left .mobileMenu .cn-en{display: none;}
    @media screen and (max-width: 1024px){
        .nav{padding-bottom: 0; height: 60px;}
        .nav .left{width: auto; padding: 0; height: 100%; position: relative;}
        .nav .left .mobileMenu{position: absolute; top: 100%; background: #fff; z-index: 999; width: 100%; padding: 0; border-top: 1px solid #eee; border-bottom: 1px solid #aaa; box-shadow: 0 5px 5px rgba(0,0,0,.25);}
        .nav .left .mobileMenu .cell{display: block; width: 100%;}
        .nav .left .mobileMenu .cell a{display: block; text-align: center; margin: 0 !important; font-size: 14px; padding: 8px 0;}
        .nav .left .mobileMenu,
        .nav .right{display: none;}
        .nav .left .mobileNav{display: inline-block;}
        .nav .mobileIcon{display: block;float:right;}
        .nav .left .logo{padding-bottom: 0; height: 100%; background-size: auto 60%; background-position: left center; display: inline-block; width: 40%; vertical-align: middle; margin: 0;}
        .nav .left .logoEn{margin-top:1%;}
        .nav .mobileNav .logoEn{display:block;margin-top:0;}
        .nav .left .menu .subMenu{display: none !important;}
        .nav .left .menu .cell.l a{padding-right: 0;}
        .nav .left .menu .cell.r a{padding-left: 0;}
        .nav .left .mobileMenu .cell.l a i{display: none;}
        .nav .left .mobileMenu .prsub{background-color: #fafafa; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; font-size: 12px;}
        .nav .left .mobileMenu .cn-en{display: block; font-size: 0; border-top: 1px solid #f0f0f0;}
        .nav .left .mobileMenu .cn-en a{display: inline-block; width: 50%; text-align: center; background-color: #fafafa; padding-bottom: 0; line-height: 40px; color: #666; font-size: 12px; box-sizing: border-box;}
        .nav .left .mobileMenu .cn-en a:first-child{border-right: 1px solid #f0f0f0;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .nav{padding-bottom: 0; height: 60px;}
        .nav .left{width: auto; padding: 0; height: 100%; position: relative;}
        .nav .left .newshow .mobileMenu{position: absolute; top: 100%; background: #fff; z-index: 999; width: 100%; padding: 0; border-top: 1px solid #eee; border-bottom: 1px solid #aaa; box-shadow: 0 5px 5px rgba(0,0,0,.25);}
        .nav .left .newshow .mobileMenu .cell{display: block; width: 100%;}
        .nav .left .newshow .mobileMenu .cell a{display: block; text-align: center; margin: 0 !important; font-size: 14px; padding: 8px 0;}
        .nav .left .newshow .mobileMenu,
        .nav .right{display: none;}       
        .nav .left .mobileIcon{display: block;}
        .nav .left .logo{padding-bottom: 0; height: 100%; background-size: auto 60%; background-position: left center; display: inline-block; width: 40%; vertical-align: middle; margin: 0;}
        .nav .left .logoEn{margin-top:1%;}
        .nav .left .menu .subMenu{display: none !important;}
        .nav .left .menu .cell.l a{padding-right: 0;}
        .nav .left .menu .cell.r a{padding-left: 0;}
        .nav .left .newshow .mobileMenu .cell.l a i{display: none;}
        .nav .left .newshow .mobileMenu .prsub{background-color: #fafafa; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; font-size: 12px;}
        .nav .left .newshow .mobileMenu .cn-en{display: block; font-size: 0; border-top: 1px solid #f0f0f0;}
        .nav .left .newshow .mobileMenu .cn-en a{display: inline-block; width: 50%; text-align: center; background-color: #fafafa; padding-bottom: 0; line-height: 40px; color: #666; font-size: 12px; box-sizing: border-box;}
        .nav .left .newshow .mobileMenu .cn-en a:first-child{border-right: 1px solid #f0f0f0;}
	}
    @media screen and (max-width: 600px){
		.nav .left .newshow .mobileMenu .cn-en a{float:left;}
    }


.footer{margin-top: 6%; background-color: #424242; border-top: 2px solid #333;}
.footer .inner{width: 84%; float: right; padding: 3% 0;}
.footer .left{float: left; width: 30%;}
.footer .right .item{text-align: left; display: inline-block; padding-right: 6%; vertical-align: top; color: #fff;}
.footer .right .item strong{font-size: 112.5%;}
.footer .right .item ul{list-style: none; padding: 30px 0 0; font-size: 87.5%; line-height: 2.4;}
.footer .right .item li{white-space: nowrap;}
.footer .right .item a{color: #fff; text-decoration: none; opacity: .8;}
.footer .right .item a:hover{opacity: 1;}
.footer .share{padding-bottom: 5%;}
.footer .share .icon{display: inline-block; width: 10%; height: 0; padding-bottom: 10%; vertical-align: middle; text-indent: -1000px; overflow: hidden; background-repeat: no-repeat; background-size: contain; margin: 0 5% 0 0;}
.footer .share .weibo{background-image: url(../images/iconWeibo.png);}
.footer .share .t{background-image: url(../images/iconTqq.png);}
.footer .share .wechat{background-image: url(../images/iconWechat.png);}
.footer .share span.weixin{position:relative;}
.footer .share span.weixin .wx{position:absolute; display:none;}
.footer .share span.weixin:hover .wx{display:block;}
.footer .share .in{background-image: url(../images/iconIn.png);}
.footer .share .fb{background-image: url(../images/iconFb.png);}
.footer .share .tw{background-image: url(../images/iconTw.png);}
.footer .tel{padding-bottom: 2.5%;}
.footer .tel .icon{display: inline-block; vertical-align: middle; width: 10%; padding-bottom: 10%; height: 0; margin-right: 2.5%; background: url(../images/iconPhone.png) no-repeat; background-size: contain;}
.footer .tel .text{display: inline-block; vertical-align: middle; font-size: 312.5%; color: #fff;}
.footer .copyright{color: #fff; padding-left: 12.5%; font-size: 100%; line-height: 1.6;}
.footer .bottom{background-color: #303030; overflow: hidden; color: #fff; font-size: 87.5%;}
.footer .bottom .inner{padding: 1% 0;}
.footer .bottom .left{float: left; width: 60%; white-space: nowrap; }
.footer .bottom .right{float: left; width: 40%; text-align: right;}
.footer .bottom .right i{display: inline-block; width: 1px; height: 0; padding-bottom: 2%; vertical-align: middle; background-color: #595959; overflow: auto;}
.footer .bottom .right a{margin: 0 2%; display: inline-block; vertical-align: middle;}
.footer .bottom a{color: #fff; text-decoration: none;}
.footer .bottom a:hover{text-decoration: underline;}


    @media screen and (max-width: 1928px){
        .footer .left{ width: 20%; }
        .footer .tel .text{ font-size: 200%; }
    }

    @media screen and (max-width: 1024px){
        .footer{font-size: 16px;}
    .footer .inner{width: 100%; float: none; margin: 0 auto;}
        .footer .left,
        .footer .bottom .left,
        .footer .right,
        .footer .bottom .right{float: none; width: 100%;}
        .footer .right{text-align: center; padding-top: 10%;}
        .footer .right .item{height:140px; /*border-top:1px solid #666;*/ float:left; padding: 0; text-align: center; padding-bottom: 5%; padding-top:30px; box-sizing: border-box;}
    .footer .right .item:last-child{/*width: 100%;*/}
    .footer .right .item:nth-child(2),
    .footer .right .item:nth-child(4){/*border-left:1px solid #666;*/ box-sizing:border-box;}
    .footer .right .item:nth-child(1),
        .footer .right .item:nth-child(2){height:300px;}
    .footer .right .item:nth-child(3),
        .footer .right .item:nth-child(4){height:200px;}
        .footer .right .item strong{font-size: 16px;}
        .footer .right .item ul{font-size: 12px; padding: 10px 0 0;}
        .footer .share{text-align: center;}
        .footer .share .icon{width: 30px; height: 30px; padding: 0; margin: 0 1%;}
        .footer .tel{text-align: center;}
        .footer .tel .icon{width: 24px; height: 24px; padding: 0;}
        .footer .tel .text{font-size: 30px;}
        .footer .copyright{text-align: center; font-size: 12px; padding: 0;}
        .footer .bottom{text-align: center;}
        .footer .bottom .left,
        .footer .bottom .right{width: 100%; text-align: center; padding: 5px 0; font-size: 12px;}
    }
  @media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .footer{font-size: 16px;}
    .footer .inner{width: 100%; float: none; margin: 0 auto;}
        .footer .left,
        .footer .bottom .left,
        .footer .right,
        .footer .bottom .right{float: none; width: 100%;}
        .footer .right{text-align: center; padding-top: 10%;}
        .footer .right .item{width: 50%; height:140px; border-top:1px solid #666; float:left; padding: 0; text-align: center; padding-bottom: 5%; padding-top:30px; box-sizing: border-box;}
    .footer .right .item:last-child{width: 100%;}
    .footer .right .item:nth-child(2),
    .footer .right .item:nth-child(4){border-left:1px solid #666; box-sizing:border-box;}
    .footer .right .item:nth-child(1),
        .footer .right .item:nth-child(2){height:300px;}
    .footer .right .item:nth-child(3),
        .footer .right .item:nth-child(4){height:200px;}
        .footer .right .item strong{font-size: 16px;}
        .footer .right .item ul{font-size: 12px; padding: 10px 0 0;}
        .footer .share{text-align: center;}
        .footer .share .icon{width: 30px; height: 30px; padding: 0; margin: 0 1%;}
        .footer .tel{text-align: center;}
        .footer .tel .icon{width: 24px; height: 24px; padding: 0;}
        .footer .tel .text{font-size: 30px;}
        .footer .copyright{text-align: center; font-size: 12px; padding: 0;}
        .footer .bottom{text-align: center;}
        .footer .bottom .left,
        .footer .bottom .right{width: 100%; text-align: center; padding: 5px 0; font-size: 12px;}
  }


.footindex .nfooter{margin-top: 0;}

.nfooter{margin-top: 2%; background-color: #2b2b2b; border-top: 2px solid #333;color:#fff;display: none;}
.nfooter .inner{width: 70%; margin:0 auto;padding:30px 10px;}
.nfooter .inner .newitem{padding:10px 15px;min-height:150px;}
.nfooter .inner strong{font-size:16px;}
.nfooter .inner ul,.nfooter .inner ul li{list-style: none;}
.nfooter .inner ul{margin-top:20px;}
.nfooter .inner ul li{height:25px;line-height:25px;}
.nfooter .inner a{color: #fff; text-decoration: none;}
.nfooter .inner a:hover{color:#00a0de;text-decoration: underline;}
.nfooter .inner .showicons{margin-top:15px;height: 150px;text-align:right;}
.nfooter .inner .showicons .sublogo {margin-top:30px;}

    @media screen and (max-width: 1024px){
       .nfooter .inner{width: 90%; margin:0 auto;padding:30px 10px;}
    }

    @media screen and (max-width: 600px){
        .nfooter .inner .newitem{padding:10px 15px;}
        .nfooter .inner .newitem:nth-child(1),.nfooter .inner .newitem:nth-child(3){border-right:1px solid #666;}
        .nfooter .inner .newitem:nth-child(1),.nfooter .inner .newitem:nth-child(2){border-bottom:1px solid #666;}
        .nfooter .inner .showicons{margin-top:25px;height: 130px;text-align:center;}
        .nfooter .inner .showicons .sublogo {margin-top:30px;}        
    }

.fixedNav{width: 100%; height: 60px; position: fixed; top: 0; display: block; z-index: 999; display: none !important;}
 @media screen and (max-width: 1280px){
   .fixedNav{width: 100%; position: fixed; right: 0; top: 0; display: block; z-index: 999; box-shadow: 0 1px 6px rgba(0,0,0,.25);}
  }
.fixedNav .nav .left .logoEn{display: block;float: left; margin-left:5%;margin-top:0.5%;}
.fixedNav .logo{float: left;}
.fixedNav .logoEn{float: left;}
.fixedNav .left{width: 85%;}
.fixedNav .left .menu{float:left; font-size: 100%; width: 72%; margin-top: 1.5%;margin-left:2%; display: block;}
.fixedNav .nav .left .menu .cell{width:100%;}
.fixedNav .left .menu a{padding-bottom: 0;}
.fixedNav .nav .left .menu a{font-size:16px;font-weight:bold;}
.fixedNav .nav .right{display:block;background-color: #fff; width: 15%;}
.fixedNav .nav .right .login .btn{display: block; background-color: #0061ab; color: #fff; margin: 18% 5%; font-size: 100%; line-height: 1; padding: 1em; border-radius: 0.5em; font-weight: bold; text-align: center; white-space: nowrap;}
.fixedNav .nav .right .login .gobtn{display:block;margin-top:23%;}
.fixedNav .nav .right .login .gobtn a,.fixedNav .nav .right .login .gobtn a:link{display:block;width:90px;height:30px;line-height:30px;border-radius:4px;color: #fff;background-color: #00a2de;font-size:14px; text-align:center;text-decoration: none;}
.fixedNav .nav .right .login .gobtn a:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}
.fixedNav .nav .right .login .popup{position: absolute; display: none; right: 0; top: 80%; background-color: #fff; border: 1px solid #ddd; padding: .4em .8em; z-index: 10; box-shadow: 2px 2px 0 rgba(0,0,0,.08);}
.fixedNav .nav .right .login .popup a{color: #999; text-decoration: none;}
.fixedNav .nav .right .login .popup a:hover{color: #444;}
.fixedNav .nav .right .login .popup .b{display: block; line-height: 2; font-weight: normal;}
.fixedNav .nav .right .login{height: 100%; float: left; width: 50%;}
.fixedNav .nav .right .login:hover .popup{display: block;}
.fixedNav .nav .right .login .popup{text-align: left; padding: .4em 2em;}
.fixedNav .nav .right .login .popup h3{font-size: 112.5%; padding: .6em 0 1em; color: #444;}
.fixedNav .nav .right .login .popup .input{border-bottom: 1px solid #ddd; margin-bottom: .8em; white-space: nowrap;}
.fixedNav .nav .right .login .popup .input input{line-height: 2; font-size: 87.5%; border: 0; width: 14em; vertical-align: middle; background-color: transparent;}
.fixedNav .nav .right .login .popup .input .icon{display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle; margin-right: .4em; background-repeat: no-repeat; background-size: contain;}
.fixedNav .nav .right .login .popup .input .user{background-image: url(../images/iconUser.png);}
.fixedNav .nav .right .login .popup .input .password{background-image: url(../images/iconPassword.png);}
.fixedNav .nav .right .login .popup .input .code{background-image: url(../images/iconCode.png);}
.fixedNav .nav .right .login .popup .input .img{display: inline-block; vertical-align: middle; height: 1.4em; overflow: hidden; margin-bottom: .3em; border: 1px solid #ddd;}
.fixedNav .nav .right .login .popup .input .img img{height: 100%;}
.fixedNav .nav .right .login .popup .button{padding: 1em 0;}
.fixedNav .nav .right .login .popup .button button{background-color: #0061ab; height: 2.4em; line-height: 2.5; border-radius: 1.6em; text-align: center; display: block; width: 100%;  border: 0; font-size: 100%; color: #fff; font-weight: bold; cursor: pointer;}
.fixedNav .nav .right .language{font-size: 100%; display: inline-block; font-weight: normal; color: #999; margin: 15% 12%; cursor: default; position: relative;}
.fixedNav .nav .right .language i{width: 0; height: 0; border-style: solid; border-width: .3em .3em 0; border-color: #999 transparent transparent transparent; display: inline-block; vertical-align: middle; margin-left: .5em; margin-bottom: .2em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.fixedNav .nav .right .language .popup{position: absolute; display: none; right: 0; background-color: #fff; border: 1px solid #ddd; padding: .4em .8em; z-index: 10; box-shadow: 2px 2px 0 rgba(0,0,0,.08);}
.fixedNav .nav .right .language .popup a{color: #999; text-decoration: none;}
.fixedNav .nav .right .language .popup a:hover{color: #444;}
.fixedNav .nav .right .language .popup .b{display: block; line-height: 2; font-weight: normal;}
.fixedNav .nav .right .language:hover i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.fixedNav .nav .right .language:hover .popup{display: block;}
.fixedNav .nav .right .language .popup{width: 4.4em; left: 50%; right: auto; margin-left: -3em; text-align: center;}
    @media screen and (max-width: 1024px){
        .fixedNav{width: 100%;}
        .fixedNav{display: none !important;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .fixedNav{width: 100%;}
        .fixedNav{display: none !important;}
	}


.onlineService{display: block; width: 6%; height: 0; padding-bottom: 6%; background: #0061ab url(../images/online.png) no-repeat center; background-size: contain; position: fixed; left: 0; top: 47%;}

    @media screen and (max-width: 1024px){
        .onlineService{display: none !important;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .onlineService{display: none !important;}
	}

#scrollUp{width: 4%; height: 0; padding-bottom: 4%; background: #0061ab url(../images/top.png) no-repeat center; background-size: contain; right: 0; bottom: 20%; overflow: hidden; text-indent: -1000px;}

    @media screen and (max-width: 1024px){
        #scrollUp{display: none !important;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        #scrollUp{display: none !important;}
	}


.ui-dialog{ overflow:visible; border:0; background:#fff; border-radius:10px; }
.ui-dialog .ui-dialog-titlebar{ padding:0; height:0; border:0; }
.ui-dialog .ui-dialog-title{ display:none; }
.ui-dialog .ui-dialog-content{padding: 20px; width: auto;}
.ui-dialog .ui-dialog-titlebar-close{ margin:0; right: 10px; top: 10px; width:30px; height:30px; background: url(../images/close.png) no-repeat; text-indent: -1000px; overflow: hidden; position: absolute; border:0; }
.ui-icon-closethick{ display:none; }
.ui-widget-overlay{ background:#444; opacity:.9; filter:Alpha(Opacity=90); position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
.ui-front{ z-index:1999; }

.icon3fixed .dx{ margin: 1px 0; font-size:0; background-color:#0067a9 !important; }

    @media screen and (max-width: 600px){
        .icon3fixed{width:10% !important;}
    }
	
	
.a_wh{color:#999; text-decoration:none;}
.a_wh:hover{color:#fff;}

.popup {
box-sizing: content-box;
}


/*add 2017-07-25*/
.topline{ 
        display: none;
        width: 100%;
        border-top:3px solid #eae9e6
    }
    .nav .newshow{display:none;}
.nav .newshow .left{width: 100%;}

.footer .bottom .inner .left .right{float: right;width: 140px}
@media screen and (max-width: 760px){
    .nav .newshow{display:block;}
    .topline{
        display: none;
    }
    .nav .newshow .left .try{display: none;}
    .footer .bottom .inner .left{width: 100%}
    .footer .bottom .inner .left .right{float: right;width: 100%}
}
@media screen and (max-width: 1024px){
    .nav .newshow{display:block;}
    .nav .newshow .left .menu-en{display: none;}
     .nav .newshow .left .try{display: none;}
}


#navbar-abloomy{background:#fff;height: 60px;}
#navbar-abloomy .logoEn{margin-left:40px;margin-right:60px;display:block; width: 130px;height:60px; background: url(../images/logoEn.png) no-repeat center; background-size: 110px 43px; overflow: hidden; text-indent: -1000px;}
#navbar-abloomy .rightgobtn .gobtn{display:block;margin-top:18px;}
#navbar-abloomy .rightgobtn .gobtn a,#navbar-abloomy .rightgobtn .gobtn a:link{display:block;width:46px;height:24px;line-height:24px;border-radius:4px;color: #fff;background-color: #00a2de;font-size:14px; text-align:center;text-decoration: none;}
#navbar-abloomy .rightgobtn .gobtn a:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}

#navbar-abloomy .thisgobtn{display:none;margin-top:22px;margin-right:35px;}
#navbar-abloomy .thisgobtn a,#navbar-abloomy .thisgobtn a:link{display:block;width:90px;height:30px;line-height:30px;border-radius:4px;color: #fff;background-color: #00a2de;font-size:14px; text-align:center;text-decoration: none;}
#navbar-abloomy .thisgobtn a:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}
#navbar-abloomy .rightgobtn .buybtn{display:block;border:1px solid #00a2de;width:80px;height:30px;line-height:30px;text-align:center;margin-top:15px;background-color:#00a2de;border-radius: 4px;font-size: 14px;color:#fff;text-decoration: none;padding:0}
#navbar-abloomy .rightgobtn .buybtn:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}


#navbar-abloomy .hasnavsub {padding: 15px 35px;}
#navbar-abloomy .warpa {width: 520px;}
#navbar-abloomy .warpb { width: 830px;}
#navbar-abloomy .navbar-collapse { height: 350px; background: #fff; }

#navbar-abloomy .hasnavsub .divheight div{height:30px;}
#navbar-abloomy .hasnavsub .row h4{/*font-size:14px;margin-bottom:25px;*/
    margin:0 0 1em;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-transform:uppercase;

  }
#navbar-abloomy .hasnavsub .row h4 a{
    display:block;
    font-size:.9em;
    font-weight:700;
    color:#333
}
#navbar-abloomy .hasnavsub .row h4 a:hover{
    text-decoration:none;
    color:#00a9e0
}
#navbar-abloomy .hasnavsub .divheight div a{color: #999;font-size:14px;text-decoration: none;}
#navbar-abloomy .hasnavsub .divheight div a:hover{color: #337ab7;}
#navbar-abloomy .abnav a.nava{padding:20px 18px;font-size:18px;font-weight: bold;}

#navbar-abloomy .navbar-nav .open a, #navbar-abloomy .navbar-nav .open a:focus, #navbar-abloomy .navbar-nav .open a:hover {
    color: #00a2de;background-color: #fff;
}
#navbar-abloomy .navbar-nav .active{color: #00a2de;}

@media screen and (max-width: 1160px){
  #navbar-abloomy .abnav a.nava{padding:27px 13px;font-size:16px;font-weight: bold;}
}
@media screen and (max-width: 1024px){
  #navbar-abloomy .abnav a.nava{padding:27px 8px;font-size:16px;font-weight: bold;}
  #navbar-abloomy .hasnavsub {padding: 5px 35px;}
  #navbar-abloomy .hasnavsub .divheight div{height:25px;}
  #navbar-abloomy .hasnavsub h4{font-size:14px;margin-bottom:10px;}
}
@media screen and (max-width: 965px){ 
  #navbar-abloomy .logoEn{margin-left:20px;margin-right:20px;}
  #navbar-abloomy .rightgobtn .gobtn{margin-right:10px;}
  #navbar-abloomy .abnav a.nava{padding:27px 8px;}
}
@media screen and (max-width: 920px){
  #navbar-abloomy .logoEn{margin-left:10px;margin-right:10px;}
  #navbar-abloomy .rightgobtn .gobtn{margin-right:5px;}
  #navbar-abloomy .abnav a.nava{padding:27px 7px;}
}
@media screen and (max-width: 850px){
  #navbar-abloomy .logoEn{margin-left:2px;margin-right:5px;}
  #navbar-abloomy .rightgobtn .gobtn{margin-right:5px;}
  #navbar-abloomy .abnav a.nava{padding:27px 6px;}
}
@media screen and (max-width: 820px){
  #navbar-abloomy .logoEn{margin-left:1px;margin-right:2px;}
  #navbar-abloomy .rightgobtn .gobtn{margin-right:2px;}
  #navbar-abloomy .abnav a.nava{padding:27px 3px;}
}
@media screen and (max-width: 767px){
  #navbar-abloomy .rightgobtn{display:none;}
  #navbar-abloomy .thisgobtn{display:block;float:right;margin-top:12px;margin-left:25px;}
  #navbar-abloomy{height:60px;}
  #navbar-abloomy .logoEn{margin-top:0px;margin-left:20px;margin-right:0;}
  #navbar-abloomy .abnav{border-bottom:1px solid #f4f4f4}
  #navbar-abloomy .abnav a.nava{padding:10px 10px;}
  #navbar-abloomy .warpa {width: 100%;}
  #navbar-abloomy .warpb {width: 100%;}
}