body{background-color:#fff;color:#666;font-size:14px;font-family:microsoft yahei,"微软雅黑";margin:0;padding:0;}
body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6{padding:0px;margin:0px;}
li{list-style-type:none;}
table{border-collapse:collapse;}
table.tb1 td{padding:10px;border:1px solid #cccccc;}
img{border:0;}
ul{margin:0;padding:0;}
a{color:#333333;text-decoration:none;}
a:hover{text-decoration:none;color:#006DB8;}
a:active{text-decoration:none;}
em{font-style:normal;}
.fl{float:left}
.fr{float:right}
.container{width:1200px;margin:auto; }

.header{width:100%;height:146px;background:url(../images/headbg.jpg); }
.head_zi{line-height:46px;height:46px;color:#E5E5E5;overflow:hidden}
.head_logo{width:300px;height:100px;}
.head_logo img{ height:70px; margin-top:15px; display:block}
.head_nav{width:900px;height:100px;}
.head_nav ul li{width:128px;float:left;text-align:center;}
.head_nav ul li:hover a{background:#006abe;color:#ffffff;line-height:100px;background:#006abe;}
.head_nav ul li a{color:#222222;font-size:16px;width:128px;float:left;line-height:100px;background:url(../images/navbg1.jpg);text-align:center}
.head_nav ul li a.active{background:#006abe;color:#ffffff;line-height:100px;background:#006abe;}
/*�ַ�ͼ*/
.banner{width:100%;overflow:hidden;position:relative;}
.banner_btn{width:100%;height:16px;position:absolute;left:0;bottom:20px;z-index:3;text-align:center}
.banner_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;filter:alpha(opacity=40);opacity:.4;width:12px;height:12px;border:2px solid #fff;border-radius:8px;margin:0 8px;transition:opacity .2s,background .2s;outline:none}
.banner_btn a.in,.banner_btn a:hover{filter:alpha(opacity=100);opacity:1;background:#fff}
 
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.f_bottom{height:115px;background:#8b8b8b;padding:26px 0 26px 0;}
.f_bottom a{float:left;width:398px;height:43px;padding-top:70px;text-align:center;border:1px solid #A9ACAB;margin-right:-1px;font-size:16px;color:#ffffff;}
.f_bottom a.f_a1{background:url(../images/f_tel.png) no-repeat 182px 25px;cursor:default;}
.f_bottom a.f_a2{background:url(../images/f_mail.png) no-repeat 182px 25px;}
.f_bottom a.f_a3{background:url(../images/f_talk.png) no-repeat 182px 25px;}

.footer{height:315px;overflow:hidden;background:#006abe;}
.f_top{padding:30px 0 20px 0;overflow:hidden;}
.f_top .f_ul01{padding-top:8px;width:299px;border-left:1px dotted #DDE1DF;float:left;height:230px;text-align:center;}
.f_top .f_ul01:first-child{border-left:none;}
.f_top .f_ul01 span{line-height:46px;font-size:15px;text-align:center;color:#ffffff;width:299px;}
.f_top .f_ul01 li a{color:#DDE1DF;line-height:34px;text-align:center;font-size:15px;}
.f_top .f_ul01 li:first-child{line-height:0;}
.f_top .f_ul01 li:first-child a{font-size:20px;color:#fff;}
.f_adress{height:60px;background:#005fab;text-align:center;color:#ffffff;line-height:60px;}
.f_adress a{color:#ffffff;font-size:14px;}
.datiyan_banner img{ display: block;}
.title{overflow:hidden;width:100%;text-align:center;margin-top:38px;background:url("../images/titlebg.png") no-repeat 0 50px;}
.title2{overflow:hidden;width:100%;text-align:center;margin-top:38px;}
.title3{overflow:hidden;width:100%;text-align:center;margin-top:36px;margin-bottom:36px;}
.title4{overflow:hidden;width:100%;text-align:center;background:url("../images/titlebg2.png") no-repeat 0 50px;height:78px;}
.title5{overflow:hidden;width:100%;text-align:center;background:url("../images/titlebg3.png") no-repeat 0 50px;height:88px;}
.title2 h2{font-size:36px;color:#006abe;font-weight:normal}
.title3 h2{font-size:36px;color:#ffffff;font-weight:normal}
.title4 h2{font-size:36px;color:#006abe;font-weight:normal}
.title5 h2{font-size:36px;color:#006abe;font-weight:normal}
.title h2{font-size:36px;color:#006abe;font-weight:normal}
.title h2 a{color:#006abe;}
.title p{font-size:15px;color:#666666;margin-top:18px}
.title strong{color:#ffae00;}
.liuyan{width: 500px; margin: 50px auto;}
.liuyan li{ width:100%; margin-bottom:20px;}
.liuyan .datiyan_kuang{ width: 100%; height: 50px; border:1px solid #ddd; padding: 0 10px; box-sizing: border-box; font-size: 14px;}
.liuyan textarea{ width: 100%; height: 100px; border:1px solid #ddd; padding: 10px; box-sizing: border-box; display: block;}
.liuyan #ab_tj{ width: 100%; height: 50px; border:0; color:#fff; background: #006abe; cursor: pointer; font-size: 16px;;}
.Service{overflow:hidden;width:100%;padding-top:30px;padding-bottom:28px;}
.Service_l{width:245px;}
.Service_l p{width:100%;height:78px;background:#006abe;padding-top:22px}
.Service_l p span{font-size:27px}
.Service_l p i,.Service_l p span{text-align:center;display:block;color:#fff}
.Service_l p i{font-size:12px;font-style:normal;line-height:200%}
.Service_l ul{width:243px;border:1px solid #006abe;overflow:hidden;}
.Service_l ul span{height:40px;}
.Service_l ul span a{height:40px;padding-left:20px;line-height:40px;}
.Service_l ul li {height:55px;background: url(../images/cplbbg.jpg);}
.Service_l ul li a{padding-left:42px;font-size:15px;line-height:55px;}
.Service_l ul li:hover{background: url(../images/cplbbg2.jpg);line-height:55px;font-size:15px;}
.Service_l ul li.on{background: url(../images/cplbbg2.jpg);line-height:55px;font-size:15px;}
.Service_l .contact{width:100%;height:168px;background:url(../images/footerbg.jpg);padding-top:30px}
.Service_l .contact img{width:65px;display:block;margin:0 auto}
.Service_l .contact h3{font-size:19px;text-align:center;color:#fff;line-height:40px}
.Service_R{width:950px;}
.Service_R-dl{float:left;border:1px solid #cdcdcd;width:288px;height:297px;background-color:#fff;margin-left:25px;margin-bottom:25px;}
.Service_R-dl dt img{width:282px;height:197px;padding:3px;}
.Service_R-dl dd h3{font-size:15px;font-weight:normal;padding-left:12px;padding-right:12px;line-height:30px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
.Service_R-dl dd h3 a{color:#006abe}
.Service_R-dl dd p{font-size:14px;line-height:20px;color:#666666;padding-left:12px;padding-right:12px;line-height:26px;}
.Service_R-dl dd a.more{float:right;color:#006abe;}
.Service_R-dl:hover{background-color:#006abe}
.Service_R-dl:hover h3 a,.Service_R-dl:hover dd p,.Service_R-dl:hover dd a.more{color:#fff}


.datiyan_com img{ max-width:100% !important; height:auto !important;display:inline-block;}
.datiyan_com p{text-wrap: inherit !important;}
.datiyan_com p span{text-wrap: inherit !important;}






.x1{ float:right; margin-top:12px;}
      
        /* 语言切换按钮容器 */
        .language-switcher {
            position: relative;
            display: inline-block;
			
        }

        /* 语言切换按钮 */
        .language-btn {
            display: flex;
            border-radius: 4px;
            cursor: pointer;
            gap: 5px;
            font-size: 14px;
            color: #fff;
        }

        .language-btn .globe-icon {
            font-size: 16px;
        }

        .language-btn .arrow-icon {
            margin-left: 5px;
            transition: transform 0.3s;
        }
		.language-list .hidden{ display:none}

        /* 下拉框容器 */
        .language-dropdown {
            position: absolute;
            top: calc(100% + 5px);
            right: 0;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: none;
            z-index: 1000;
			width:400px;
        }

        /* 语言列表 */
        .language-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 5px;
            padding: 10px;
            max-height: 230px;
            overflow-y: auto;
        }

        /* 语言选项 */
        .language-item {
            display: flex;
            align-items: center;
            padding: 6px 8px;
            cursor: pointer;
            border-radius: 4px;
            gap: 5px;
            font-size: 13px;
            color: #333;
			    height: 30px
        }

        .language-item:hover {
            background: #f5f5f5;
        }

        .language-item img {
            width: 16px;
            height: 12px;
            object-fit: cover;
        }

        /* More Language按钮 */
        .more-languages {
            text-align: center;
            padding: 8px;
            border-top: 1px solid #eee;
            cursor: pointer;
            color: #666;
            font-size: 13px;
            height: 40px;
            line-height: 40px;
        }

        .more-languages:hover {
            color: #333;
            background: #f5f5f5;
        }

        /* 展开状态 */
         .language-dropdown.active {
            display: block;
            background: white;
        }

        .language-list.show-all {
            max-height: 400px;
        }

        /* 滚动条样式 */
        .language-list::-webkit-scrollbar {
            width: 6px;
        }

        .language-list::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .language-list::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 3px;
        }

        .language-list::-webkit-scrollbar-thumb:hover {
            background: #999;
        }