﻿@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;background: #fdfefe}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.content{width:1440px;}



/*1029626114@qq.com*/
@charset "utf-8";
html{color:#000;background:#fff; }
body { color:#666;font-size:12px;min-width: 1260px; width: 100%;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}



/* -- 页面整体布局 -- */
.header{ width:1440px; margin:0 auto; font-family:"Microsoft Yahei";}




        .topWrap{height: 110px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background:url(../images/t_bj.jpg) repeat-x;background-size:100% 7.4rem;overflow:hidden;}
        .header{width:100%;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";box-sizing: border-box;}
        .t_nd{padding:0rem 10.98%;height:2.0rem;line-height:2.0rem;font-size:0.7rem;color: #fff;}
        .t_nd strong a{margin-left:3rem;font-size:14px;color:#fff;}
        .t_nd strong b{font-size:0.8rem;font-weight:normal;}
        .t_nd p{float: right;}
        .t_nd p span{padding-left:1.0rem;background: url(../images/t_tel.png) no-repeat left center;background-size: 0.65rem 0.7rem}
        .t_nd p span em{font-size:1rem;}
        .t_nd p i{padding:0 8px 0 4.15rem;background: url(../images/t_ico1.png) no-repeat right;display: inline-block;background-size: 0.25rem 0.15rem;font-size:0.8rem;}
        .t_top{position: relative;padding: 0.45rem 10.98% 0;}
        .logo{float:left;width:18.75vw;}
        .nav {height:2.6rem;position: relative;text-align: right;float:right;width:74%;z-index: 2;padding-top:0.45rem;}
        .nav li {height:2.6rem;width:auto!important;position: relative;z-index:9;box-sizing: border-box;display: inline-block;margin-right: 3.9%;}
        .nav li a{font-size:0.9rem;color:#333333;display:block;height:2.6rem;line-height:2.6rem;position: relative;z-index: 2;}
        /*.nav li:after{content: "";display: block;width:0%;height:0.15rem;background: #0086e3;position: absolute;left:50%;bottom:0;transition: all 0.5s}
        .nav li:hover:after,.nav .cur:after{width:100%;left:0;} */
        .nav li:hover a,.nav .cur a {color: #0c3f87;font-weight: bold;background: url(../images/nav_hv.png) no-repeat center bottom;background-size: 0.6rem 0.25rem; }
        .nav li:last-child{padding:0;margin:0;}
        em,i{font-style: normal;}
        @media screen and (max-width:1440px) and (min-width:1280px) {
            html {font-size:14px;}
            .topWrap{height:108px;}
        }
        @media screen and (max-width:1600px) and (min-width:1441px){
            html {font-size:16px;}
            .topWrap{height:126px;}
        }
        @media screen and (max-width:1920px) and (min-width:1601px)  {
            html {font-size:20px;}
        }
        
  \


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }