@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.page-header{
    position: fixed;
    width:100%;
    left:0;
    top:0;
    z-index:10;
    color:#fff;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    z-index:100;
}
.page-header .top{
    height:70px;
    text-align: right;
    transition: height 250ms ease-in-out;
    -webkit-transition: height 250ms ease-in-out;
    overflow:hidden;
}
.page-header-down .top{
    height:0;
}
.page-header .top .language{
    display:inline-block;
    padding-right:30px;
    position: relative;
    vertical-align: middle;
}
.page-header .top .loginRegister{
    display:inline-block;
    padding-right:30px;
    position: relative;
    vertical-align: middle;
}
.page-header .top .language:after,.page-header .top .loginRegister:after{
    content:"";
    width:1px;
    height:10px;
    background-color:#345179;
    position: absolute;
    right:15px;
    top:50%;
    margin-top:-5px;
}
.page-header .top .search-wrap{
    display:inline-block;
    vertical-align: middle;
    position: relative;
    /* width:134px; */
    width:28px;
    height:28px;
    /* background-color:rgba(255,255,255,0.15); */
    padding-right:28px;
    box-sizing: border-box;
}
.page-header .top .search-wrap .goSearch{
    position: absolute;
    width:28px;
    height:100%;
    right:0;
    top:0;
    background:url(../images/search.png) no-repeat center center;
    cursor: pointer;
}
.page-header .top .search-wrap .searchClose{
    position: absolute;
    width:28px;
    height:100%;
    right:0;
    top:0;
    display:none;
    background:url(../images/close.png) no-repeat center center;
    cursor: pointer;
}
.page-header .top .search-wrap .form{
    display:block;
    width:600px;
    height:100%;
    padding-left:33px;
    position: absolute;
    right:33px;
    display:none;
}
.page-header .top .search-wrap input{
    display:block;
    padding:0;
    margin:0;
    border:none;
    width:100%;
    height:28px;
    background:transparent;
    outline:none;
    box-sizing: border-box;
    color:#fff;
}
.page-header .top .search-wrap .button{
    display:block;
    position: absolute;
    width:28px;
    height: 28px;
    left:0;
    top:0;
    background:url(../images/search.png) no-repeat center center;
    cursor: pointer;
}
.page-header .bottom {
    height:70px;
}
.page-header .bottom .logo{
    float:left;
    margin-top:-10px;
    transition:all ease 300ms;
}
.page-header .bottom .logo a{
    display:block;
}
.page-header .bottom .logo .blue{
    display:none;
}
.page-header .bottom .logo img{
	height:50px;
	margin-top:10px;
}
.page-header .bottom .navigation{
    float:right;
}
.page-header .bottom .navigation ul{
    font-size:0;
    line-height:0;
}
.page-header .bottom .navigation ul li{
    display:inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left:30px;
}
.page-header .bottom .navigation ul li.relative{
    position: relative;
}
.page-header .bottom .navigation ul li a{
    display:block;
    font-size:18px;
    font-weight:bold;
    line-height: 20px;
    padding:25px 5px;
    position: relative;
}
.page-header .bottom .navigation ul li.overView > a{
    padding-left:35px;
    background:url(../images/nav.png) no-repeat 5px center;
}
.page-header .bottom .navigation ul li.hover > a:after{
    content:"";
    width:100%;
    height:2px;
    background-color:#1e2c5c;
    position: absolute;
    left:0;
    bottom:-1px;
    z-index:10;
}

.page-header-white,.page-header-hover,.page-header-search {
    background-color:#fff;
    color:#000;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.page-header-white .top .search-wrap,.page-header-hover .top .search-wrap{
    /* background-color:rgba(30,44,92,0.15) */
}
.page-header-white .top .search-wrap input,.page-header-hover .top .search-wrap input,.page-header-search .top .search-wrap input{
    color:#000;
}
.page-header-white .top .search-wrap .button,
.page-header-hover .top .search-wrap .button,
.page-header-search .top .search-wrap .button,
.page-header-white .top .search-wrap .goSearch,
.page-header-hover .top .search-wrap .goSearch,
.page-header-search .top .search-wrap .goSearch{
    background:url(../images/search2.png) no-repeat center center;
}
.page-header-white .bottom .logo .blue,.page-header-hover .bottom .logo .blue,.page-header-search .bottom .logo .blue{
    display:block;
}
.page-header-white .bottom .logo .white,.page-header-hover .bottom .logo .white,.page-header-search .bottom .logo .white{
    display:none;
}
.page-header-search .top .language,.page-header-search .top .loginRegister{
    display:none;
}
.page-header-search .top .search-wrap .form{
    display:block;
}
.page-header-search  .top .search-wrap .goSearch{
    display:none;
}
.page-header-search  .top .search-wrap .searchClose{
    display:block;
}
.page-header-search .slideInRight{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.page-header .dropdown{
    border-top:1px solid #efefef;
	box-shadow: 10px 10px 20px 0 rgba(32, 45, 89, 0.5);
}
.page-header .dropdown{
    position: absolute;
    width:250px;
    top:70px;
    left:50%;
    margin-left:-125px;
    background-color:#fff;
    padding:80px 0;
    display:none;
}
.page-header .overView-box{
    position: absolute;
    width:100%;
    left:0;
    top:140px;
    margin-left:0;
}
.page-header-down .overView-box{
    position: absolute;
    width:100%;
    left:0;
    top:70px;
    margin-left:0;
}
.page-header-down .bottom .logo{
    margin-top:0;
}
.page-header .bottom .navigation ul li .dropdown .layer-wrapper{
    text-align:justify;
    text-align-last: justify;
    text-justify:distribute-all-lines;
}
.page-header .bottom .navigation ul li .dropdown .layer-wrapper:after{
    content:'.';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}
.page-header .bottom .navigation ul li .dropdown .list{
    text-align:center;
}
.page-header .bottom .navigation ul li .dropdown .list .link{
	text-align:left;
	padding-left:40px;
}
.page-header .bottom .navigation ul li .dropdown .list img{
    display:block;
    margin:0 auto;
    width:218px;
    height:136px;
}
.page-header .bottom .navigation ul li .dropdown .layer-wrapper .list{
    display:inline-block;
    vertical-align: top;
    text-align-last: center;
    padding:0 10px;
}
.page-header .bottom .navigation ul li .dropdown .layer-wrapper .list .link{
	padding-left:20px;
    text-align: left;
    text-align-last: left;
}
.page-header .bottom .navigation ul li .dropdown .list + .list{
    border-left:1px solid #efefef;
}
.page-header .bottom .navigation ul li .dropdown .list a{
    font-weight:normal;
    font-size:16px;
    color:#202d59;
    padding:8px 0;
}
.page-header .bottom .navigation ul li .dropdown .list .title{
    font-size:20px;
    color:#202d59;
    line-height:1;
    font-weight:normal;
    margin-bottom:20px;
}
.page-header .bottom .navigation ul li .dropdown .list .title a{
	font-size:20px;
}
/* .page-header .bottom .navigation ul li:hover .overView-box{
    display:block;
} */

/* 侧边 */
.fixed-slide{
    position: fixed;
    right:10px;
    bottom:100px;
}
.fixed-slide ul li{
    width:66px;
    height:75px;
    margin-top:5px;
    position:relative;
}
.fixed-slide ul li span{
    font-size:12px;
}
.fixed-slide ul li em{
    display:block;
    width:30px;
    height:30px;
    margin:0 auto;
}
.fixed-slide ul li.submit{
    background-color:#055ea2;
}
.fixed-slide ul li.submit em{
    background:url(../images/icon_03.png) no-repeat center center;
}
.fixed-slide ul li.customer{
    background-color:#055ea2;
}
.fixed-slide ul li.customer em{
    background:url(../images/icon_04.png) no-repeat center center;
}
.fixed-slide ul li.telphone{
    background-color:#202d59;
}
.fixed-slide ul li.telphone em{
    background:url(../images/icon_05.png) no-repeat center center;
}
.fixed-slide ul li.gotop{
    background-color:#888888;
}
.fixed-slide ul li.gotop em{
    background:url(../images/icon_06.png) no-repeat center center;
}
.fixed-slide ul li.telphone .context{
    position: absolute;
    top:0;
    right:71px;
    height:100%;
    background-color:#202d59;
    padding:0 15px;
    text-align: left;
    display:none;
}
.fixed-slide ul li.telphone .context .mod-table{
    width:auto;
}
.fixed-slide ul li.telphone .context a{
    display:block;
}
.fixed-slide ul li.telphone .context .mod-table .mod-td{
    font-size:16px;
}
/* .fixed-slide ul li.telphone:hover .context{
    display:block;
} */