/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
body{ font-size:12px; font-family:Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;color:#444;/* background:url(../images/index_bg.jpg) no-repeat;*/}
body{ color:#4C4C4C;}
a{color:#4C4C4C;text-decoration:none;}
a:hover{color:#FF0000;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input:focus,textarea:focus,select:focus{ outline:none;}
input[type="text"],select{ height:30px; line-height:30px; color:#999; border:1px solid #ddd;}


tr {padding: 0px; margin: 0px;list-style-type: none;}
h2,h3,h4{padding:0px; font-size:14px; font-weight:normal;}
i,em{ font-style:normal;}
.w1015{ width:1015px; overflow:hidden;}
.clear{ height:0px; clear:both; overflow:hidden;}
.blank10{ height:10px !important; overflow:hidden;}
.blank20{ height:20px; overflow:hidden;}
.clearfloat {clear:both;height:0; overflow:hidden;}
.clear{clear:both;height:0px;overflow:hidden}
.clearfix{display:block;*zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.mainbox{ width:1180px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}



/*top*/
.header1 { height: 38px; line-height: 38px; border-bottom: 1px solid #ebebeb;width: 100%; padding-left: 2.5%; }
.header1 .right { text-align: right; }
.header1 .right .wx { display: inline-block;  *display: inline;position: relative; z-index: 100000; }
.header1 .right .wx a{color: #787878;}
.header1 .right .wx i { background-position: 0 0; width: 14px; height: 14px; margin-right: 5px; margin-bottom: 5px; }
.header1 .right .wx img { position: absolute; top: 50px; left: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; width: 197px; height: 0; z-index:100001; }
.header1 .right .wx .wx_a:hover img { opacity: 1; filter: alpha(opacity=100);  top: 39px; height: 197px; }
.header1 .right .tel { display: inline-block; margin-left: 20px;  *display: inline;font-size: 22px; font-weight: bold; color: #0a3d99;}
.header1 .right .tel i { width: 14px; height: 14px; margin-right: 5px; background-position: -21px 0; margin-bottom:5px; }
.hea .p_MatteIcon .iconfont:before {
    content: '\e602';
}
.hea >div {
    animation-fill-mode: both;
}
.hea .clear {
    clear: both;
}
.hea ::placeholder {
font-size:36px;
color:#515151;
}
.hea .f-cb {
    min-width: 1280px;
    margin: 0 auto;
    width: 90%;
}
.hea .f-cb:after {
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.hea .scroll {
    overflow-y: unset !important;
    display: unset important;
}
.hea .header1 {
    z-index: 100;
    height: 100px;
    position: fixed;
    background: none;
	height: 130px;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    padding: 0 30px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff;
}
.hea .header1.active {
    background-color: #fff;box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);
}
.hea .header1.scroll {
    height: 70px;
}
.hea .header1:hover {
    background-color: #fff;
}
.hea .wel_top {
    z-index: 9;
    height: 40px;
    position: fixed;
    background: #004e94;
    top: 0px;
    width: 100%;
    padding: 0 30px;
    overflow: hidden;
}
.hea .wel_top .top_tel {
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
}
.hea .wel_top .top_tel .iconfont {
    line-height: 40px;
    height: 40px;
    width: 30px;
    display: inline-block;
}
.hea .wel_top .top_tel .iconfont:before {
    content: '\e628';
    color: #fff;
    font-size: 20px;
}
.hea .wel_top .top_link {
    color: #fff;
    line-height: 40px;
}
.hea .wel_top .top_link a {
    color: #fff;
    display: inline-block;
}
.hea .wel_top .clear {
    clear: both;
}
.hea .header1 h1 {
    width: 500px;
    height: 110px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.hea .header1 h1 img {
    max-width: 500px;
    position: absolute;
    left: 0px;
    top: 0px;   
    -webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
}

.hea .header1.scroll h1 {
    height: 70px;
    width: 261px;
}
.hea .header1 nav {
    float: right;
    height: 90px;
    line-height: 90px;
    width: auto;
    position: relative;
    right: 50px;
    top: 0px;
    margin-left: 0px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.hea .header1.scroll nav {
    height: 70px;
    line-height: 70px;
}
.hea .header1 nav li {
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    margin: 0 20px;
}
.hea .header1.scroll nav li {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s;
}
.hea .header1 nav li:last-child {
    margin-right: 0px;
}
.hea .js-m.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hea .js-m.js-m-2 {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.hea .js-m.js-m-2.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hea .hvr-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #0a3d99;
    left: 0%;
    right: 0px;
    width: 0%;
    bottom: 0px;
    height: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.hea .hvr-left:hover:before {
    width: 100%;
}
.hea .hvr-left.cur:before {
    width: 100%;
}
.hea .hvr-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}
.hea .header1 nav li > a {
    color: #000;
    display: block;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.hea .header1:hover nav li > a {
    color: #000;
}
.hea .header1.active nav li > a {
    color: #000;
}
.hea .header1 .nav-sub {
    width: 170px;
    background: #fff;
    position: absolute;
    top: 90px;
    left: 0px;
    height: auto;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
}
.hea .header1 .nav-sub.active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.hea .header1 .nav-sub.active .n-nav-sub {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .2s .3s;
    transition: all .2s .3s;
}
.hea .header1.scroll .nav-sub {
    top: 70px;
}
.hea .header1 .nav-sub .n-nav-sub {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.hea .header1 .nav-sub a {
    height: 45px;
    line-height: 45px;
    display: block;
    padding: 0 20px;
    text-align: left;
    color: #333;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
.hea .header1 .nav-sub a:hover {
    background-color: #0a3d99;
    color: #fff;
}
.hea .header1 .nav-sub .nav-arrow {
    position: absolute;
    top: 11px;
    right: 18px;
    width: 16px;
    height: 16px;
    opacity: 0;
    -webkit-transform: rotate(0deg) translate(-20px, 0px);
    -ms-transform: rotate(0deg) translate(-20px, 0px);
    transform: rotate(0deg) translate(-20px, 0px);
}
.hea .header1 .nav-sub a:hover .nav-arrow {
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
    transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
    opacity: 1;
    -webkit-transform: rotate(0deg) translate(0px, 0px);
    -ms-transform: rotate(0deg) translate(0px, 0px);
    transform: rotate(0deg) translate(0px, 0px);
}
/*.hea .icon-up:before {
    content: '\e6a7';
}*/
.hea .header1 .nav-sub .nav-arrow img{width: 20px;display: block;}
.hea .header1 .nav-sub .nav-arrow:before {
    font-size: 16px;
    color: #fff;
}
.hea .header1 .header-right {
    width: 60px;
    display: none;
    position: absolute;
    right: .5rem;
    top: 0px;
    z-index: 10;
}
.hea .header1 .header-right .search-btn {
    width: 60px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    display: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.hea .header1.scroll .header-right .search-btn {
    height: 70px;
    line-height: 70px;
}
.hea .icon-search1:before {
    content: '\e661';
}
.hea .header1 .header-right .search-btn:before {
    font-size: 25px;
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.hea .header1:hover .header-right .search-btn:before {
    color: #000;
}
.hea .header1.active .header-right .search-btn:before {
    color: #000;
}

.hea .header1:hover .header-right .search-btn:hover:before {
    color: #004e94;
}
.hea .header1.active .header-right .search-btn:hover:before {
    color: #004e94;
}

.hea .js-m-3 {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.hea .js-m-3.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.hea .search-bg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: #f5f5f5;
    display: none;
}
.hea .search-alert {
    position: fixed;
    z-index: 100;
    background-color: #222;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .5s;
    transition: transform .3s .5s;
}
.hea .search-alert .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    text-shadow: none;
    opacity: 1;
    float: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}