@charset "utf-8";
/*css reset*/
*{padding: 0;margin: 0;outline: 0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; border:0px;}
body,button,input,select,textarea{font-family:'Microsoft YaHei','宋体';}
body{font-size:14px;height:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol,li{list-style:none;}
i,em,b{font-style:normal; display:block; line-height:20px;}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active {text-decoration: none;cursor: pointer;}
fieldset,img{border:0;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
body{min-width: 1006px;}
.foot{background: #003F91;border-top: 10px solid #00357C;height:175px;padding: 40px 0;font-size: 16px;color:#BACEE7;}
.container{width:1280px;margin: auto;}
.share{padding-right: 70px;border-right: 1px solid #1B5DB2;height:175px;margin-left: 150px;}
.weixin{background: url("../images/icons/weixin.png") no-repeat left center;padding-left: 50px;padding-top: 10px;padding-bottom: 10px;margin-bottom: 30px;}
.tongji{background: url("../images/icons/tjicon.png") no-repeat left center;padding-left: 50px;padding-top: 10px;padding-bottom: 10px;}
.lianxi{line-height:40px;padding: 0 40px;border-right: 1px solid #1B5DB2;height:175px;}
.copy{line-height: 40px;padding-left: 40px;position: relative;z-index: 14}
.foot .container{position: relative}
.footlogo{position: absolute;background: url("../images/footlogo1.jpg") no-repeat;width:204px;height:202px;right:0;top:-15px;}
.nav-wrapper {
    width: 100%;
    height: 82px;
    background:url("../images/navbg1.png") no-repeat top center;
    position: relative;
    top:0;
    left:0;
    z-index: 10;
    background-size: 100% 100%;
}
.logo {
    width: 177px;
    height: 0;
    position: relative;
    z-index: 99992;
    top: -65px;
    margin: 0 auto;
    transition: all 0.3s ease;
    left:-19px;
    background: url("../images/logo1.png") no-repeat;
}
.logo img{width: 100%}
.nav {
    width: 1280px;
    margin: 0 auto;
    z-index: 9992;
}
.nav_lf {
    width: 43%;
    float: left;
    margin-left: -35px;
}
.nav_rt {
    width: 43%;
    float: right;
    margin-left: -40px;
}

.nav ul li {
    float: left;
    height: 118px;
    padding-top: 10px;
    transition: all 0.3s ease;
    position: relative;
    margin-left: 40px;
}
.nav ul li > a {
    padding-right: 15px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #646464;
    font-size: 18px;
    transition: all 0.3s ease;
    background: url("../images/icons/navxlicon2.png") no-repeat right center;
}
.subNav {
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
}
.subNav {
    width: 110px;
    background:url("../images/erjibg.png") repeat;;
    padding: 10px;
}
.subNav a {
    color: #fff;
    padding: 15px 8px;
    display: block;
    border-bottom: 1px dashed #6D6D6C;
}
.subNav a:hover{color:#FAD308;}
.nav ul li.on > a{color: #646464;}
.nav ul li.on{height:57px; }
.nav ul li.on .subNav{display: block;}
.header.currents {
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.header {
    width: 100%;
    min-width: 300px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
.serbtn{cursor: pointer;padding-right: 10px;}
.header.fix{position: fixed;top:0;left:0;z-index: 100}
/*.black_bg01{position: fixed;background-color:#000;opacity: 0.7;width:100%;height:100%;display: none;filter: alpha(opacity=70)}*/
.flipInY  {
    -webkit-animation-name: flipInY ;
    animation-name: flipInY ;
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
    display: block;
}

li.search{position: relative}
li.search .searchBox{background:#fff;position: absolute;height: 24px;width: 348px;top:0px;right:0;border: 1px solid #DDEBFF;border-radius: 30px;display: none;}
li.search input.motion_1 {
    height: 24px;
    line-height: 24px;
    color: #666666;
    width:80%;
    border: 0;outline: 0;background: transparent;padding: 0 10px;position: relative;
    top: -3px;
}
.serbtn2{width:18px;position: absolute;right: 13px;  top: 2px;}
@keyframes flipInY  {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@media screen and (max-width: 1340px){
    .container{width:1006px;margin: auto;}
    .nav {
        width: 1006px;
        margin: 0 auto;
        z-index: 9992;
    }
    .nav_lf {
        width: 410px;
        float: left;
        margin-left:-20px;
    }
    .nav_rt {
        width: 410px;
        float: right;
        margin-left:-20px;
    }
    .nav ul li{margin-left:20px;}
    .nav ul li > a {
        font-size: 16px;
    }
    .logo{left: -4px;}
    .logo img{width:100%}
    .lianxi {
        padding: 0 40px;
    }
    .share {
        padding-right: 50px;
        margin-left: 0;
    }
}

.share{position: relative}
.chartBox{width:154px;height:157px;background: url("../images/chartbg.png") no-repeat;position: absolute;right:-110px;top:0;}
.chartBox p{text-align: center;color:#fff;font-size: 14px;margin-top: 10px;}
.chartimg{background: #fff;padding: 10px;width:90px;height:90px;margin-top: 8px;margin-left: 28px;}
.chartimg img{width: 100%;}
.tjBox{width:168px;height:129px;background: url("../images/tongjibg.png") no-repeat;position: absolute;top:-8px;right:-160px;padding: 20px;}
.zfwl i{width:31px;height:31px;background: url("../images/zfwlicon.png") no-repeat;padding-right: 10px;border-right: 1px solid #6D8DB6;}
.zfwl p{padding-left: 10px;}
.zfwl p span{font-size: 18px;color:#fff;}
.zfwl p b{font-size: 14px;color:#fff;font-weight: normal}
.zfwl{padding-bottom: 10px;border-bottom: 1px dashed #9CB1CE;}
.yxts{padding-top: 20px;}
.yxts i{width:32px;height:32px;background: url("../images/fwlicon2.png") no-repeat;padding-right: 10px;border-right: 1px solid #6D8DB6;}
.yxts p{padding-left: 10px;}
.yxts p span{font-size: 18px;color:#fff;}
.yxts p b{font-size: 14px;color:#fff;font-weight: normal}