@charset "utf-8";
/* CSS Document */
body,html{ width:100%; font-size:10px; color:#333333; font-family:"微软雅黑","宋体", "新宋体", Arial; background:#ffffff; float:left; padding: 0; margin: 0; overflow-x: hidden;}
html, body, figure, dl, dd, dt, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
    margin: 0;
    padding: 0;
    border: 0;
}
img{ border:0px;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0px; padding:0px;}
em,i{ font-style:normal;}
input,button,select,textarea{ outline:none;}
input,button,select,textarea{ resize:none;}
*:focus{outline: none;}
a{color:#333333; text-decoration:none;}
a:link,a:visited{ color:#3c3c3c; text-decoration:none;}
a:hover,a:active{ color:#01bcb4; text-decoration:none;}
.none{ display: none;}
.font12{font-size:12px;}
.font14{font-size:12px;}
.font18{font-size:18px;}
.left{float:left;}
.right{float:right;}

#top{ width: 100%; height: auto; float: left; padding-top: 26px; position:fixed; z-index: 9000000;}
#top .topL{ width: 136px; height: 40px; float: left; margin-left: 50px; background: url("../bn_images/logoLeft_1.png") no-repeat left center; position: relative;}
#top .topL a{ width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0;}
#top .topR{ width: auto; height: auto; float: right; margin-right: 27px;}
/*导航栏*/
#top .topR ul{ width: 100%; height: auto; float:left;}
#top .topR li{ width: auto; height: auto; float:left;}
#top .topR li a{ width: auto; height: 38px; float: left; font-size: 16px; color:rgba(255,255,255,1); padding: 0px 23px; padding-bottom: 20px; cursor: pointer;}
#top .topR li a:hover,#top .topR li a:active{ color:#f14e54;}
#top .topR li span{ width: auto; height: auto; float: left; color:rgba(255,255,255,1);}
#top .topR li.user{ margin-left: 20px;}
#top .topR li.user a{ padding: 0px 5px;}
#top .topR li.user em{ width: auto; height: auto; float: left; color:rgba(255,255,255,1);}
/*下拉*/
/*覆盖上面的#nav li*/
#top .topR li dl { left: -9999px; position: absolute; width:196px; right: -65px; margin-top: 38px; text-align: center; z-index: 99999; padding-bottom: 20px;}
#top .topR li dl dt{ content: ''; width: 0; height: 0; border: 6px solid #fff; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-color: transparent transparent #fff; margin-left: 53px; position: relative; left: 5px; top: 1px;}
#top .topR li dl dd{ width: 100%; height: auto; float: left; background-color: rgba(255, 255, 255, 1); overflow: hidden;}
#top .topR li dl dd a{ width:auto; height:auto; float: left; line-height:30px; padding: 0px; margin: 0px; margin-top: 10px; margin-left: 35px; color: #666666; text-align: left; font-size: 14px;}
#top .topR li dl dd.ddT a{ }
#top .topR li dl dd.ddB{ height: 22px;}
/*覆盖上面的#nav li a*/
#top .topR li.sfhover dl { width: 196px; height: auto; left: auto;}
#top .topR li.sfhover dd a{ color:#666666;}
#top .topR li.sfhover span{ color:#f14e54;}
#top .topR li.sfhover dd a:hover{ color: #666666; background: url("../bn_images/topNavBg.png") no-repeat center bottom;}

/*下滑后的样式*/
#top.colorful { box-shadow: 0 8px 27px 0 rgba(41, 41, 41, .07); background-color: #fff;}
#top.colorful .topL{ background: url("../bn_images/logoLeft_2.png") no-repeat left center;}
#top.colorful .topR li a{ color: #333333;}
#top.colorful .topR li a span{ color: #333333;}
#top.colorful .topR li.user em{ color: #333333;}
#top.colorful .topR li a:hover,#top.colorful .topR li a:active{ color:#f14e54;}
#top.colorful .topR li.sfhover span{ color:#f14e54;}
#top.colorful .topR li.sfhover dd a:hover{ color:#f14e54;}

/*移动端样式*/
.topN2R{ display: none; width: 2rem; height: 1.6rem; float: right; margin-top: 0.25rem; background:url("../bn_images/gbN3.png") no-repeat center; background-size: 100% 100%;}
.topN2RIn{ display: none; width: 0; height: 0; float: left; position: fixed; top: 0; left: 0; overflow: hidden;}
.topN2RLayer{ width: 100%; height: 100%; background-color: #000000; opacity: 0; position: absolute; top: 0; left: 0;}
.topN2Content{ width: 71.4%; height: 100%; float: left; background-color: #F7F9FB; position: absolute; right: -71.4%; top: 0; z-index: 2;}
.topN2RT{ width: 100%; height: auto; float: left; text-align: center; margin: 3.2rem 0;}
.topN2RT img{ width: 6rem; height: 6rem; border-radius: 50%; object-fit: cover;}
.topN2RT span{ width: 100%; height: auto; display: inline-block; margin-top: 1.6rem; font-size: 1.7rem; line-height: 1.7rem; font-weight: bold; color: #252B3B;}
.topN2RB{ width: 100%; height: auto; float: left;}
.topN2RB dd{ width: 100%; height: auto; float: left;}
.topN2RB dd ul{ width: 100%; height: auto; float: left;}
.topN2RB dd ul li{  width: calc(100% - 2rem); height: auto; float: left; margin-left: 2rem;}
.topN2RB dd span{ width: calc(100% - 4rem); height: 5.5rem; float: left; margin-left: 2rem; line-height: 5.5rem; border-bottom: 1px solid #D3D6DE; background-image: url("../bn_images/gbN5.png"); background-repeat: no-repeat; background-position: center right; background-size: 0.8rem 1.5rem; position: relative; display: flex; align-items: center;}
.topN2RB dd span i{ width: 0.2rem; height: 0.2rem; float: left; margin-right: 0.8rem; background-color: #626A7E; border-radius: 50%;}
.topN2RB dd span a{ width: auto; height: auto; float: left; font-size: 1.7rem; color: #626A7E; flex: 1;}
.topN2RB dd span.cur{ background-image: url("../bn_images/gbN2.png");}
.topN2RB dd span.cur a{ color: #DE0428; font-weight: bold; }
.topN2RB dd span.cur:before{ content: ''; width: 0.5rem; height: 1.5rem; background: red; position: absolute; top: 50%; left: -2rem; margin-top: -0.75rem;}
.topN2RB dd span.nobd{ border-bottom: none;}
.topN2RB dd span.bdT{ border-top: 1px solid #D3D6DE;}
.topN2RB dd span.nobg{ background: none;}
@media(max-width: 1100px){
    #top{ width: 92%; padding: 1.5rem 4% 1.15rem;}
    #top.colorful { box-shadow: none; background: #191D28;}
    #top .topL{ width: 7.35rem; height: 2.1rem; margin-left: 0; background:url("../bn_images/gbN4.png") no-repeat center !important; background-size: 100% 100% !important;}
    #top .topR{ display: none;}
    .topN2R{ display: block;}
    .topN2RIn{ display: block;}
}


#end{ width: 100%; height: 431px; float: left; background: url("../bn_images/endBg.jpg") repeat-x center bottom; background-size: 100% 100%; margin-top: 120px;}
#end .endIn{ width: 1200px; height: auto; margin: 0 auto;}
#end .endL{ width: 720px; height: 380px; float: left; background: #1d242b;}
#end .endLN1{ width: 520px; height: auto; float: left; margin-left: 40px;}
#end .endLN1 span{ width: 100%; height: auto; float: left; font-size: 18px; color: #ffffff; margin-top: 20px;}
#end .endLN1 em{ display: none;}
#end .endLN1 ul{ width: 100%; height: auto; float: left; margin-top: 20px;}
#end .endLN1 ul li{ width: 100%; height: auto; float: left; line-height: 25px; font-size: 14px; color: #ffffff;}
#end .endLN2{ width: 126px; height: auto; float: right; margin-right: 30px;}
#end .endLN2 span{ width: 100%; height: auto; float: left; margin-top: 22px;}
#end .endLN2 span img{ width: 100%;}
#end .endLN2 p{ width: 100%; height: auto; float: left; font-size: 14px; color: #ffffff; filter:alpha(opacity=50); opacity:0.5;-moz-opacity:0.5; text-align: center; margin-top: 8px;}
#end .endR{ width: 395px; height: auto; float: right;}
#end .endR span{ width: 100%; height: auto; float: left; font-size: 18px; color: #ffffff; margin-top: 114px;}
#end .endR p{ width: 100%; height: auto; float: left; margin-top: 15px;}
#end .endR p a{ font-size: 22px; color: #ffffff;}
#end .endR ul{ width: 100%; height: auto; float: left; margin-top: 40px;}
#end .endR ul li{ width: auto; height: auto; float: left; margin-left: 38px;}
#end .endR ul li.left{ margin-left: 0px;}
#end .endR ul li a{ width: auto; height: auto; float: left; font-size: 14px; color: #ffffff; filter:alpha(opacity=80); opacity:0.8;-moz-opacity:0.8;}
#end .endB{ display: none;}
#end .foot-beian{
    display: flex; align-items: center; justify-content: center; height:30px; padding-top:15px; background:rgb(17,24,32); clear: both;}
#end .foot-beian span{ color: #ffffff; margin-right: 10px; }
#end .foot-beian a{ color: #fff; }
#end .foot-beian a:hover{ color: #ff6a00!important; }
@media(max-width: 1100px){
    #end{ height: auto; background: none; margin-top: 0;}
    #end .endIn{ width: 100%}
    #end .endL{ width: 100%; height: auto; background: #F7F9FB; padding: 4.5rem 4%; display: flex; flex-direction: row-reverse; align-items: center;}
    #end .endLN1{ margin-left: 0; flex: 1;}
    #end .endLN1 span{ font-size: 2rem; line-height: 2rem; font-weight: bold; color: #191D28; margin-top: 0;}
    #end .endLN1 em{ display: block; width: 100%; height: auto; float: left; margin-top: 1rem; font-size: 1rem; line-height: 1rem; color: #191D28;}
    #end .endLN1 ul{ margin-top: 2rem;}
    #end .endLN1 ul li{ font-size: 1.3rem; line-height: 2.1rem; color: #191D28;}
    #end .endLN1 ul li.address{ display: none;}
    #end .endLN2{ width: 10rem; float: left; margin-right: 2.5rem; background: #191D28;}
    #end .endLN2 span{ margin-top: 0.5rem; text-align: center;}
    #end .endLN2 span img{ width: 9rem;}
    #end .endLN2 p{ font-size: 0.9rem; line-height: 1.9rem; filter: none; opacity: 1;-moz-opacity: 1; margin-top: 0;}
    #end .endR{ display: none;}
    #end .endB{ display: block; width: 92%; height: auto; float: left; background: #191D28; padding: 1.15rem 4% 1.4rem; font-size: 1.1rem; line-height: 1.8rem; color: #ffffff;}
    #end .foot-beian{ display: none;}
}

/*公共样式*/
#IScroll{ width: 100%; height: auto; float: left; position: relative; overflow: hidden;}
.IScrollIn{ width: 100%; height: auto; overflow: hidden;}
@media(max-width: 1100px){
    /*.IScrollIn{ position: absolute; top: 0; left: 0;}*/
}

.header-arrow { display: none; width: 33px; position: absolute; bottom: 5px; left: 50%; margin-left: -22.5px; cursor: pointer;}
.header-arrow .arrow { width: 33px; height: 33px; display: inline-block; background: url("../bn_images/index_arrow.png") -6px -2px no-repeat transparent;
    -webkit-animation: breath 2s infinite;
    -moz-animation: breath 2s infinite;
    -o-animation: breath 2s infinite;
    animation: breath 2s infinite
}
.header-arrow .dot { width: 33px; height: 100px; display: inline-block; background: url("../bn_images/index_arrow.png") -6px -49px no-repeat transparent;}
@keyframes breath {
    from {
        transform: scale(0.8);
        opacity: .8
    }
    50% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(0.8);
        opacity: .8
    }
}

@-moz-keyframes breath {
    from {
        -moz-transform: scale(0.8);
        opacity: .8
    }
    50% {
        -moz-transform: scale(1);
        opacity: 1
    }
    to {
        -moz-transform: scale(0.8);
        opacity: .8
    }
}

@-webkit-keyframes breath {
    from {
        -webkit-transform: scale(0.8);
        opacity: .8
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.8);
        opacity: .8
    }
}

@-o-keyframes breath {
    from {
        -o-transform: scale(0.8);
        opacity: .8
    }
    50% {
        -o-transform: scale(1);
        opacity: 1
    }
    to {
        -o-transform: scale(0.8);
        opacity: .8
    }
}
@media(max-width: 1100px){
    .header-arrow{ bottom: 0; transform: translateX(-50%) translateY(50%); margin-left: 0;}
    .header-arrow .arrow{ width: 30px; height: 30px; background: url("../bn_images/index_arrowN2.png") 0 0 no-repeat transparent;}
    .header-arrow .dot{ width: 30px; height: 76px; background: url("../bn_images/index_arrowN2.png") 0 -35px no-repeat transparent;}
}

#commonN2{ width: 100%; height: auto; float: left; background: #ffffff; padding: 135px 0 100px;}
.commonN2In{ width: 1200px; height: auto; margin: 0 auto;}
.commonN2T{ width: 100%; height: auto; float: left; text-align: center;}
.commonN2T .imgN2{ display: none;}
.commonN2B,.commonN2BN2{ width: 100%; height: auto; float: left; font-size: 14px; color: #666666; text-align: center; line-height: 35px; margin-top: 58px;}
@media(max-width: 1100px){
    #commonN2{ margin-top: -1px; padding: 7rem 0 6rem; background: #191D28;}
    .commonN2In{ width: 84%;}
    .commonN2T .imgN1{ display: none;}
    .commonN2T .imgN2{ width: 8.1rem; display: inline-block;}
    .commonN2B{ font-size: 1.3rem; color: #c2c6c7; margin-top: 2.8rem; line-height: 2.1rem; text-align: left;}
}