html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#1339a8;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{
}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.clearfix li p{
    /* margin-top: 80px; */
}
.fenye{
    overflow:  hidden;
    float: right;
}
.fenye a{color: #1339a8;}
.fenye li{
    width: 60px;
    float:  left;
    border: 1px #ccc solid;
    text-align:  center;
    margin-left: 7px;
}
.fenye li a{
    text-align:  center;
    color: #1339a8;
}

h1,h2,h3,h4{font-size:14px;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.wrap1 {
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.wrap2{padding: 0 3%;}
.wrap3{
    padding:0 3% ;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.di {
    _display: inline;
}
.fwn {
    font-weight: normal;
}

.toux {
    line-height: 38px;
    color: #333;
    border-bottom: 1px solid #f1f1f1;
}
.toux a {
    color: #333;
}
.toux a p{
    float:  left;
    font-size: 18px;
    width: 62px;
}
.toux a b{
    float:  left;
    font-weight:100;
    margin-left: 24px;
}
.toux_l {
	/*width: 840px;*/
}
.toux_r {
	text-align:right;
}
@media (max-width: 1200px){
    .toux{
        display: none;
    }
}
.header {
	
}
.logo img{
    width: 150px;
}
.logo{
    float: left;
}
.wenzi{
    margin-left: 20px;
    margin-top: 15px;
}
.wenzi span {
	font-size: 26px;
	color: #1e76cf;
	font-weight: 700;
	letter-spacing: 1px;
}
.wenzi p {
	font-size: 16px;
	position:  relative;
	color: #222;
	letter-spacing: 2px;
	margin-top: 8px;
}
.tel {
    height: 38px;
    width: 400px;
}
.tel_in {
   
}
.tel_in .dianhua{
    float: left;
}
.tel_in .dianhua img{width: 25px;height: 25px;}
.tel_in span{font-size: 23px;letter-spacing: 2px;margin-left: 10px;}
.tel_in p {
    color: #1e76cf;
    float: left;
    margin-left: 10px;
}
.language{
    float: left;
    margin-right: 50px;
    cursor: pointer;
}
.language a:hover{color: #1e76cf;}



p {}
.nav {
    height: 100px;
    line-height: 100px;
    float: right;
}
.nav li {
	text-align: center;
	float: left;
	background: url(../images/su.png) no-repeat left 50%;
	width: 140px;
	height: 100px;
}
.nav li a:hover{color:#1e76cf;}
.nav li a {
	display: block;
	color: inherit;
	font-size: 20px;
	/* padding: 0px 53px; */
}
.nav li a.cur {
	background: #1339a8;
}
.nav .menu{float:left;background:#fff;box-shadow:0 3px 3px #ddd;z-index: 9999999999999999999999;position: relative;display: none;/* width: 240px; */height: auto;}
.nav .menu dd{
    line-height: 60px;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    width: 140px;
    height: 60px;
    text-align: center;
}
.nav .menu dd a{
    width: 140px;
    font-size: 14px;
    color: #333;
}
.nav .menu dd a:hover{color:#1e76cf;}
.nav .menu .arrow{position:absolute;left:50%;top:-13px;margin-left:-8px;content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #96cc3d;}
.nav .menu ul{}
.nav .menu ul h2{
    font-size: 17px;
    font-weight: bold;
}
.nav .menu ul li{padding:0;border-bottom:1px dotted #ddd;}
.nav .menu ul li a{position:relative;display:block;text-align:left;line-height:38px;height:38px;overflow:hidden;color:#444;padding-left:17px;white-space:nowrap;text-overflow:ellipsis;}
.nav .menu ul li a i{background-position:0 -53px;height:10px;left:0;margin-top:-5px;position:absolute;top:50%;width:4px;}
.nav .menu ul li:last-child{border-bottom:0;}

/* 移动端头部导航（导航关闭时显示，打开时被遮罩覆盖） */
.mobile-header {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    height: 60px;
    z-index: 9999; /* 导航关闭时在最上方 */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3%;
    display: none;
}
.mobile-logo{
    float: left;
}
.mobile-logo img {
    height: 60px;
    display: block;
    float: left;
}
.mobile-logo .wenzi{
    float: left;
    margin-top: auto;
}
.mobile-logo .wenzi span{
    font-size: 20px;
}
.mobile-logo .wenzi p{
    font-size: 12px;
}
/* 汉堡菜单按钮（导航关闭时可见，打开时被遮罩覆盖） */
.menu-btn {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999; /* 层级低于遮罩层，导航打开时被覆盖 */
    display: none;
    float: right;
    margin-top: 12px;
}
.menu-btn span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #333;
    margin: 6px 0;
    transition: all 0.3s ease;
}

/* 黑色半透明遮罩层（全屏覆盖，导航打开时显示，覆盖汉堡菜单） */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7); /* 黑色半透明，透明度可调整 */
    z-index: 99998; /* 层级高于汉堡菜单和头部，低于导航 */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.overlay.active {
    opacity: 1;
    visibility: visible;
}

/* 左侧弹出导航菜单（不铺满屏幕，仅左侧显示，层级最高） */
.mobile-nav {
    position: fixed;
    top: 0; /* 从顶部开始，与屏幕齐平 */
    left: -280px; /* 初始隐藏在左侧（宽度=280px） */
    width: 280px; /* 固定宽度，左侧部分弹出 */
    height: 100vh; /* 全屏高度 */
    background-color: #fff; /* 导航背景为白色，不透明 */
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.3); /* 右侧阴影，增强层次感 */
    z-index: 99999; /* 绝对最高层级，仅导航可见 */
    transition: left 0.3s ease;
    overflow-y: auto;
    padding-top: 70px; /* 顶部内边距，优化菜单位置 */
}
.mobile-nav.active {
    left: 0; /* 激活时从左侧滑出 */
}

/* 导航菜单项样式 */
.mobile-nav-list > li {
    border-bottom: 1px solid #f5f5f5;
}
.mobile-nav-list > li:last-child {
    border-bottom: none;
}
.mobile-nav-list > li > a {
    display: block;
    padding: 15px 25px; /* 增大点击区域 */
    font-size: 18px; /* 放大字体，提升可读性 */
    color: #333;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-nav-list > li.current > a,
.mobile-nav-list > li > a:hover {
    color: #1e76cf;
    background-color: #f8f9fa;
}
.mobile_language{padding: 15px 25px;}
/* 下拉箭头图标（放大优化） */
.arrow-icon {
    width: 18px;
    height: 18px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}
.mobile-nav-list > li.active .arrow-icon {
    transform: rotate(-135deg);
}

/* 二级下拉菜单 */
.mobile-submenu {
    background-color: #fafafa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.mobile-nav-list > li.active .mobile-submenu {
    max-height: 800px; /* 适配更多子菜单 */
}
.mobile-submenu > li > a {
    display: block;
    padding: 15px 35px; /* 增大内边距，提升点击体验 */
    font-size: 16px;
    color: #666;
}
.mobile-submenu > li > a:hover {
    color: #1e76cf;
    background-color: #f0f5ff;
    padding-left: 40px;
}

/* 主内容区域 */
.main-content {
    padding-top: 70px; /* 预留头部空间 */
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    min-height: 100vh;
}


@media (min-width: 1200px) and (max-width: 1598px) {
    .nav li a{
        font-size: 16px;
    }
    .nav li{
        width: 100px;
    }
    .wenzi span{
        font-size:24px;
    }
    .wenzi p{
        font-size:16px;
    }
}
@media (max-width: 1200px){
    .header {
        display: none;
    }
    .mobile-header, .menu-btn, .overlay {
        display: block;
    }
    .main-content {
        padding-top: 0;
    }
    .toux{
        display: none;
    }
    .mobile-header{
        height: 80px; 
        display: flex;
    }
}
@media (max-width: 500px){
    .mobile-logo .wenzi p{
        display:none;
    }
    .mobile-logo .wenzi span{
        display:none;
    }
    
}


.footer{overflow: hidden;background: #373737;}
.footer .container{padding-top: 20px;padding-bottom: 45px;overflow: hidden;}
.footer .ftmenu{ overflow: hidden;display: flex;flex-wrap: wrap;}
.footer .ftmenu li{text-align:center;width:14%;}
.footer .ftmenu li.mglelt{ margin-left: 3px;}
.footer .ftmenu li img{display: inline-block;}
.footer .ftmenu li p{height: 30px; line-height: 30px;}
.footer .ftmenu li p a{font-size: 14px; color: #bebebe;}
.footer .ftmenu li:hover a{color: #1e76cf;}
.footer .ftmenu li span{display: inline-block; width: 48px; height: 48px;}
.footer .ftmenu li.fmn1 span{background: url(Img/Common/ftmnimg1.png) no-repeat;}
.footer .ftmenu li.fmn2 span{background: url(Img/Common/ftmnimg2.png) no-repeat;}
.footer .ftmenu li.fmn3 span{background: url(Img/Common/ftmnimg3.png) no-repeat;}
.footer .ftmenu li.fmn4 span{background: url(Img/Common/ftmnimg4.png) no-repeat;}
.footer .ftmenu li.fmn5 span{background: url(Img/Common/ftmnimg5.png) no-repeat;}
.footer .ftmenu li.fmn6 span{background: url(Img/Common/ftmnimg6.png) no-repeat;}
.footer .ftmenu li.fmn7 span{background: url(Img/Common/ftmnimg7.png) no-repeat;}
.footer .ftmenu li.fmn8 span{background: url(Img/Common/ftmnimg8.png) no-repeat;}
.footer .ftmenu li.fmn9 span{background: url(Img/Common/ftmnimg9.png) no-repeat;}
.footer .ftmenu li.fmn10 span{background: url(Img/Common/ftmnimg10.png) no-repeat;}
.footer .ftmenu li.fmn1:hover span{background: url(Img/Common/ftmnimg1_h.png) no-repeat;}
.footer .ftmenu li.fmn2:hover span{background: url(Img/Common/ftmnimg2_h.png) no-repeat;}
.footer .ftmenu li.fmn3:hover span{background: url(Img/Common/ftmnimg3_h.png) no-repeat;}
.footer .ftmenu li.fmn4:hover span{background: url(Img/Common/ftmnimg4_h.png) no-repeat;}
.footer .ftmenu li.fmn5:hover span{background: url(Img/Common/ftmnimg5_h.png) no-repeat;}
.footer .ftmenu li.fmn6:hover span{background: url(Img/Common/ftmnimg6_h.png) no-repeat;}
.footer .ftmenu li.fmn7:hover span{background: url(Img/Common/ftmnimg7_h.png) no-repeat;}
.footer .ftmenu li.fmn8:hover span{background: url(Img/Common/ftmnimg8_h.png) no-repeat;}
.footer .ftmenu li.fmn9:hover span{background: url(Img/Common/ftmnimg9_h.png) no-repeat;}
.footer .ftmenu li.fmn10:hover span{background: url(Img/Common/ftmnimg10_h.png) no-repeat;}
.footer .ftmenu li:hover span{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both}
.zsbd{ width: 100%;height: 0px; border-top: 1px solid #525252; margin-top: 18px; border-bottom: 1px solid #272727;}
.ftdown{}
.ftdown dl{float: left;margin-left:1px;margin-top: 30px;width: 100%;}
.ftdown dl dt{ float: left;}
.ftdown dl dt img{display: block;margin-top: -12px;}
.ftdown dl dd{float:  left; width: 60%;}
.ftdown dl dd p{line-height: 32px;font-size: 14px;color: #a7a7a7;}
.ftdown dl dd p *{display: inline-block; font-size: 13px; color: #a7a7a7;}
.ftdown dl dd p em{ width: 5px; height: 2px;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.7) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.7) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}
.ftdown .ewm{float: right;/* margin-top: 22px; */overflow: hidden;}
.ftdown .ewm span{display: block; width: 140px; float: left; text-align: center; margin-left: 8px; height: 141px; background: url(Img/Common/ewmbox.png) no-repeat;}
.ftdown .ewm span img{display: inline-block; margin-top: 9px;}
@media (max-width: 768px){
    .ftdown dl dd {
        width: 100%;
        text-align: center;
    }
    .ftdown .ewm{
        width: 100%;
        text-align: center;
    }
    .ftdown .ewm span{
        display: inline-block;
        float: none;
    }
    .ftdown dl dd p{
        padding:0 10px;
    }
}
@media (max-width: 576px){
    .footer .ftmenu li {
        width: 30%;
    }
}
/*footer_end*/

.ban{position:relative;width:1000px;height: 500px;margin:0px auto;}
.banPa{left:-460px; position:absolute;}
#foucsBox {margin: 0 auto;padding: 0;width: 1920px;height: 500px;overflow: hidden;zoom: 1;position: relative;}
#foucsBox .imgCon {width: 1920px;height: 500px;margin: 0;padding: 0;position: relative;list-style: none;}
#foucsBox .imgCon li {float: left;width: 1920px;height: 500px;}
#foucsBox .imgCon li img {width: 1920px;height: 500px;}
#foucsBox .foucs {width: 1920px;height: 8px;position: absolute;bottom: 15px;text-align: center;z-index: 3;}
#foucsBox .foucs span { width: 72px; height: 8px;background:#fff;display:inline-block;margin:0px 5px;}
#foucsBox .foucs span.f {/* background: #0099ff; */background-color: #1e76cf;}

/* 新版banner样式*/
.carousel-wrapper {
    width: 100%;
    margin: 0 auto;
}
.carousel {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}
.carousel-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-item {
    min-width: 100%;
    height: 100%;
    position: relative;
}
.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}
.carousel-indicator {
    width: 20px;
    height: 8px;
    border-radius: 4px;
    background-color: #f1f1f1;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    padding: 0;
}
.carousel-indicator.active {
    background-color: #165DFF;
    width: 40px;
    height: 8px;
}
.carousel-indicator:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
    .carousel-indicators {
        bottom: 24px;
        gap: 12px;
    }

    .carousel-indicator {
        width: 24px;
        height: 8px;
    }

    .carousel-indicator.active {
        width: 48px;
    }
}

@media (min-width: 1024px) {
    .carousel-indicator {
        height: 8px;
    }
}
@media (max-width: 768px) {
    .carousel-item img {
        height: 40vh;
        object-fit: cover;
    }
}
@media (max-width: 576px) {
    .carousel-item img {
        height: 30vh;
        object-fit: cover;
    }
}


.my-kefu{position: fixed;right: 0px;top:80%;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background: #1e76cf;margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;}
.my-kefu li i{  background:url(../images/20171220175102_1029219638.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#1e76cf;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
#QQ{ width:110px;}
#q{ padding-top:165px;}
#qq{ width:130px; height:20px;}
div#floatTips{
    font-weight:bold;
    position:fixed;
    left:30px;
    z-index:999;
    width:130px;
    top:280px;
}
#qq_top{    width: 130px;
    height: auto;
    line-height: 20px;
    background: #ff8903;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 5px 0;}
#qq_top a{ color:#fff; font-size:12px;}
#qq_top a:hover{ color:#fff; font-size:12px; text-decoration:underline;}
#qq_center{width:110px;}
#qq_bottom{width:110px; text-align:right; line-height:25px; font-size:12px;}
#qq_bottom a{text-decoration: none; color: #484848;}
#qq_bottom a:hover{text-decoration: none; color: #ff6600;}