@font-face {font-family: 'DINCond-Mediumcff915e7c3bc5';src: url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118');src: url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.gif?r=53148925118?#iefix') format('embedded-opentype'),     url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.bmp?r=53148925118') format('woff'),     url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.jpg?r=53148925118') format('truetype'),     url('//cdn.webfont.youziku.com/webfonts/nomal/15301/47606/59b0be7cf629d811e4fdabdd.png#DINCond-Medium') format('svg');   }.csscff915e7c3bc5{font-family: 'DINCond-Mediumcff915e7c3bc5';}
@font-face {
  font-family: 'iconfont';  /* project id 520338 */
  src: url('../fonts/font_520338_6z35szs7ttny7gb9.eot');
  src: url('../fonts/font_520338_6z35szs7ttny7gb9.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.woff') format('woff'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.ttf') format('truetype'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.svg') format('svg');
}
.iconfont{ color: inherit; font-family: 'iconfont'; font-size: inherit;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}

body{ font-family:arial, "Microsoft YaHei";font-size: 14px;color: #333; background-color:#f1f2f3; line-height: 1.6;overflow-x: hidden; position: relative;} 
body.on{ position: fixed; left: 0;right: 0;}
body.on:before{ position: fixed; left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(97,166,14,.8);z-index: 10;}
.autowidth{ width: 1366px; margin: auto;}
.colorRed{ color: #d21313;}
.head{font-size: 14px; position: relative;z-index: 10;background: #dddfdf;}
.headTop{position: relative;z-index: 55; line-height: 36px; border-bottom: 1px solid #f1f1f1; }
.headTop .fr .bd{ display: block; float: left;}
.headTop .fr a.bd{height: 36px; width: 55px; position: relative;border-left: 1px solid #F1F1F1;}
.headTop .fr a.bd img{max-width: 100px;padding: 2px;background: #0257b1; position: absolute; left: 0;top: 100%;display: none;}
.headTop .fr a.bd:before{ position: absolute; left: 0;top: 0;right: 0;bottom: 0;content: '';border: 2px solid transparent; border-bottom: 0;}
.headTop .fr .txt{border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;padding: 0 20px;}
.headerBottom{ line-height: 70px;height: 70px; position: relative;background: #f1f2f3;z-index: 50;box-shadow: 0 5px 10px -8px rgba(0,0,0,.4);}
.head.on .headerBottom{ position: fixed; left: 0;right: 0; top: 0; animation: dhs .5s linear both; -webkit-animation: dhs .5s linear both;}
.headerDL .pd{float: right;}
.headDL dd{ float: left; position: relative;}
.headDL dd:hover .headerOL{ display: block;}
.headDL dd .oneA{ display: block;margin: 0 18px; position: relative; font-size: 16px;color: #666;}
.frSearch input{line-height: 26px;height: 26px;padding: 5px 0;display: block; width: 100%;border: 0;vertical-align: text-bottom;}
.frSearch{padding:0 30px 0 10px; width:150px; position:relative;background: #f4f4f4;}
.frSearch button{ position: absolute;right: 0;top: 0;bottom: 0;width: 30px;background: url(../images/sc.png) no-repeat center;border: 0;cursor: pointer;}

.searchpt{font-size: 13px;margin: 20px 0 0 10px; display:none; width: 10%; position: relative;background: #f4f4f4;border-radius: 16px;line-height: 30px; padding:0 30px 0 10px;}
.searchpt button{ position: absolute;right: 0;top: 0;bottom: 0;width: 30px;background: url(../images/sc.png) no-repeat center;}
.searchpt input{line-height: 20px;height: 20px;padding: 5px 0;display: block; width: 100%;border: 0;vertical-align: text-bottom;}
.language{font-size: 13px;margin: 20px 0 0 10px;  position: relative;background: #f4f4f4;border-radius: 16px;line-height: 30px; padding: 0 10px 0 10px;}
.language .headerOL{ padding-top: 20px;}
.language:hover .headerOL{ display: block;}
.language>a{ display: block;text-transform: uppercase; color: #666;}
.language>a:hover{color: #0257b1;}
.language>a i{ font-size: 20px; padding-right: 6px; display: inline-block; vertical-align: top;}
.headerOL{display: none; position: absolute; left: 0;right: 0;top: 100%; line-height: 2;background: #fff;}
.headerOL li>a{ display: block; font-size: 14px; color: #888; line-height: 2.5; text-align: center;}
.language>a:hover{color: #0257b1;}
.logo img{ float:left}
.navMenu{ display: none;}
.minHeight{ min-height: calc(100vh - 500px); overflow: hidden; position: relative;z-index: 2;}
.colorGreen{color: #0257b1;}

.newsDL{ padding: 0 6%;}
.newsDL dd{ float: left; width: 23%; margin:0% 1% 2% 1%; position: relative;}
.newsDL dd.newIcon a:before{z-index: 3; position: absolute; left: 10px;top: 0;width: 45px;height: 70px;background: url(../images/new.png) no-repeat center top;background-size: contain;content: '';}
.newsDL dd .txt{ padding:13px 18px 18px 18px;}
.newsDL dd .txt .color888{ height: 45px; overflow: hidden; margin-top: 5px;}
.newsDL dd h6{ font-weight: bold;}
.newsDL dd a{ display: block; position: relative;}
.newsDL dd a:hover{color: #0257b1;box-shadow: 0 0 25px -5px #ccc;}

.footerTop{background: #3c3c3c;font-size: 14px; padding: 4% 0 3% 0;color: #666; position: relative; border-top: 5px solid #0257b1;}
.footerTop .scrollToTop{right: auto;bottom:auto;background-color: #0257b1;z-index: 1; position: absolute; left: 50%;margin-left: -16px;top: 0;}
.footerTop .floatLeft{ width: 50%;}
.footerTop .wxwb{ color: #ccc; position: relative; min-height: 111px;margin-bottom: 20px;}
.footerTop .wxwb .xp img{ vertical-align: sub;}
.footerTop .wxwb .xp{line-height: 1; margin-bottom: 16px;}
.footerTop .fontFFF{color: #fff; display: inline-block;font-family: Arial, Helvetica, sans-serif;vertical-align: middle; }
.footerTop .attetion{ position: absolute;right: 0;top: 0; text-align: center;}
.footerTop .attetion img{ width: 85px;padding: 0 5px 3px 5px;}
.footerTop .dizhi{background: #212121; padding: 20px;color: #999;}
.footerTop .dizhi p{ padding-top: 8px;}
.footerTop .floatRight{ width: 34%; padding-left: 8%; border-left: 1px solid #505050;}
.formMsg .dd{background: #212121;color: #888;padding: 0 10px; line-height: 34px; margin-top: 10px;}
.formMsg .dd label{ float: left;}
.formMsg .dd input,.formMsg .dd textarea{color: #fff; overflow: hidden; width: 100%;background: transparent;border: 0;line-height: 24px;display: block;padding: 5px 0; font-family: inherit;}
.footerTop input.submits{margin-top: 30px; display: block; width: 100%;line-height: 40px;color: #fff;background: #0257b1;color: #fff;}
.formMsg .dd textarea{ min-height: 72px;}
.footerBottom{background: #212121;color: #666;/* padding: 2%; */text-align: center;font-size: 14px;}
.footerBottom .link a{font-size: 16px; margin-bottom: 10px; display: inline-block;line-height: 1; border-left: 1px solid #4d4d4d;color: #aaa;padding: 0 10px;}
.footerBottom .link a:nth-child(1){border: 0;}
.footerBottom .copy{ padding: 10px 0 10px 0;}
.shareBtn .shareA{ display: inline-block; width: 36px;height: 36px;margin: 0 2px;background-color: #4e4e4e;}
.shareBtn .shareA:hover{background-color: #0257b1 !important;}
.footerBottom .link a:hover{color: #0257b1;}

.shareBtn .bdsharebuttonbox p{ display: inline-block; *display: inline;*zoom: 1; vertical-align: top; position: relative;margin-left: 10px;}
.shareBtn .bdsharebuttonbox a{display: block; position: relative;z-index: 2; width: 34px !important;; height: 34px !important; padding: 0 !important; margin: 0 !important;   background: transparent !important;color: #fff; text-align: center; }
.shareBtn .bdsharebuttonbox p i{ font-size: 22px; position: absolute; left: 0;right: 0;top: 0;bottom: 0; text-align: center; line-height: 34px;color: #a7a7a7;background: #4e4e4e; transition: .4s; -webkit-transition: .4s;}
.shareBtn .bdsharebuttonbox p:hover i{color: #fff;  background: #0257b1 !important;}



.plyr--ready{ position: absolute; left: 0;right: 0;top: 0;bottom: 0;}
.video{ position: relative; overflow: hidden;}
.chooseVideo{ position: absolute;color: #fff;z-index: 6; padding: 0 40px; width: 720px; bottom: 5%;left: 50%;margin-left: -380px; text-align: center;}
.videoOpen{position: relative; z-index: 3; background: #000;padding-top: 39.5%; }
.videoOpen video{margin: auto;display: block;width: 100%; height: 100%; background: #000;}
.videoOpen iframe,.videoOpen object{ position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.chooseVideo .imgs{ margin: 5px 10px; position: relative; background: #000;}
.chooseVideo .imgs i{display: none;z-index: 6; position: absolute; left: 0;right: 0; top: 50%; line-height: 1; margin-top: -16px;color: #fff; font-size: 32px;}
.chooseVideo .imgs:before{border: 2px solid #fff; position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';transition: .5s;-webkit-transition: .5s;z-index: 5;}
.chooseVideo .imgs:after{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';transition: .5s;-webkit-transition: .5s;z-index: 5;background: #0257b1; opacity: 0; -webkit-opacity: 0;}
/*.chooseVideo .imgs img{ opacity: .5; -webkit-opacity: .5;transition: .5s;-webkit-transition: .5s;}*/
/*.chooseVideo .swiper-slide.on .imgs img{opacity: 1; -webkit-opacity: 1;}*/
.chooseVideo .swiper-slide.on .imgs i{ display: block;}
.chooseVideo .swiper-slide.on .imgs:after{opacity: .5; -webkit-opacity:.5;}
.chooseVideo .swiper-slide{cursor: pointer;}
.plyr__video-wrapper{ height: 100%;}
.videoOpen video{ opacity: 0.5;-webkit-opacity: 0.5;}
.videoOpen.on video{ opacity: 1;-webkit-opacity: 1;}
.plyr .plyr__play-large:hover{ cursor: pointer;}
.closeIframe{ position: absolute; right: 10px;top: 10px;width: 40px;height: 40px;z-index: 10;background: #0257b1 url(../images/close.png) no-repeat center;}

.footerTop input.submits:hover{ background: #70c609;}
.layui-layer .layui-layer-btn .layui-layer-btn0{background-color: #0257b1;border-color: #0257b1;}
.plyr--stopped .plyr__controls{opacity: 0;}

.rightMenu{ position: fixed; right: 0; top: 50%; margin-top: -100px;z-index: 9;}
.rightMenu dd{position: relative; margin-bottom: 1px; }
.rightMenu dd>a{text-align: center; display: block;width:50px; line-height: 50px;color: #fff;font-size: 24px; background: #000;background: rgba(0,0,0,.6);}
.ewmDD{ position: absolute; top: 0;right: 100%; display: none; width: 120px;}
.rightMenu dd:hover .ewmDD{ display: block;}

.about-contents-box{
	width: 100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;box-sizing: border-box;
}
.about-page-left{width: 40%;height: auto;}
.about-page-left img{width: 100%}
.about-page-right{
	width: 55%;padding: 50px 10px 10px 10px;
}
.about-page-right p{line-height: 50px;font-size: 18px}
.about-page-right p span{font-size: 26px;color: #0257b1;font-weight: 600}
.service-scope{
	width: 100%;display: flex;justify-content: start;height: auto;overflow: hidden;box-sizing: border-box;
}
.service-items{
	width: 33%;box-sizing: border-box;padding: 10px 10px;
}
.service-items h2{font-weight: 550;font-size: 20px;margin-top: 15px}
.service-items p{background: url(../images/dian.jpg) no-repeat left center;padding-left: 28px;margin-top: 10px}
.width100-center-box{
	width: 100%;height: auto;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;
}
.switch-box{border: 1px solid #CFCFCF;display: flex;justify-content: start;align-items: center;height: auto;overflow: hidden;transition: all 0.3s ease;}
.switch-items{border-left: 1px solid #CFCFCF;text-align: center;width: 150px;padding: 10px 10px;cursor: pointer;}
.switch-items:first-child {
    border-left: none;
}
.switch-active{background-color: #262626;color: #fff}
.switch-continer {
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: height 0.4s ease; /* 添加高度过渡效果 */
}
.content-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 20px;
}

.content-active {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}
.about-ability-items{
	width: calc(50% - 10px);box-sizing: border-box;padding: 30px;
}
.about-ability-items img{width: 100%}
.about-ability-items p{color: #262626;font-size: 20px;font-weight: 500;text-align: center;margin-top: 10px;}
.zizhi-box{width: 100%;box-sizing: border-box;background-color: #2E54A1;padding: 30px;display: flex;justify-content: center;height: auto;overflow: hidden;}
.zizhi-center-box{
	width: 1366px;height: auto;overflow: hidden;position: relative;
}
.zizhi-scroll-container {
    display: flex;
    animation: scrollLoop 30s linear infinite;
    width: max-content; /* 确保容器宽度足够容纳所有项目 */
}
.zizhi-items {
    flex-shrink: 0; /* 防止项目被压缩 */
    width: 250px; /* 根据实际情况调整 */
    margin-right: 40px; /* 项目间距 */
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 20px;
    color: white;
    text-align: center;
}

/* 图片样式示例 */
.zizhi-items img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* 标题样式示例 */
.zizhi-items h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

@keyframes slideInFromRight {
    from {
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottom {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
    .service-product-items{
    position: relative;font-size: 18px;background-repeat: no-repeat !important;background-size: cover !important;background-position:center center !important;overflow: hidden;
}
.service-product-items.pro-items-1{
    background: #010101;
}
.service-product-items.pro-items-2{
    background: #eff1f2;
}
.contain-include{
    width: 1200px;margin: 0 auto;position: relative;
}
.service-product-items.pro-items-1 .contain-include{
    padding: 0.4rem 0 0.8rem;
}
.service-product-items.pro-items-2 .contain-include{
    padding: 0.7rem 0 0.8rem;
}
.service-product-items .srv-box{
    width: 530px;position: relative;z-index: 2;opacity: 0;animation: slideInFromRight 0.8s ease-out 0.3s forwards;
}
.f-right{float: right;}
.f-left{float: left;}
.srv-box h2{
    color: #fff;font-size: 35px;margin-bottom: 30px;
}
.srv-box-items1{
    margin-bottom: 20px;
}
.srv-box-items1 p{
    color: #fff;font-size: 18px;
}
.srv-box-items2{
    margin-bottom: 70px;
}
.srv-box-items2 p{color: #fff;font-size: 16px;margin-bottom: 15px}
.srv-bg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    position: absolute;top: 0;left: 0;
    opacity: 0; /* 初始隐藏 */
    animation: slideInFromBottom 1s ease-out forwards; /* 从下进入 */
}
/* 如果需要不同的延迟时间，可以给两个模块分别设置 */
.service-product-items.pro-items-1 .srv-box {
    animation-delay: 0.3s;
}

.service-product-items.pro-items-1 .srv-bg {
    animation-delay: 0.1s;
}

.service-product-items.pro-items-2 .srv-box {
    animation-delay: 0.4s;
}

.service-product-items.pro-items-2 .srv-bg {
    animation-delay: 0.2s;
}
.service-model2-box{
    width: 100%;height: auto;display: flex;justify-content: start;align-items: center;
}
.service-model2-items{
    width: 33%;height: auto;
}
.service-model2-items p{font-size: 22px;color: #000;margin-bottom: 15px}

/* 关键帧动画：从左到右滚动 */
@keyframes scrollLoop {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* 可选：鼠标悬停时暂停动画 */
.zizhi-center-box:hover .zizhi-scroll-container {
    animation-play-state: paused;
}


@media only screen and (max-width:1400px ) {
	.autowidth{ width: 96%;}
	.headDL dd .oneA{ font-size: 15px;}
}
@media only screen and (max-width:1280px ) {
	.headDL dd .oneA{margin: 0 10px; font-size: 14px;}
}
@media only screen and (min-width:1280px ) {
	.headDL dd:before{ position: absolute; left: 50%;width: 0;bottom: 0;height: 3px;background: #0257b1;content: '';transition: .5s;-webkit-transition: .5s;}
	.headDL dd:hover:before,.headDL dd.on:before{ width: 100%;left: 0;}
	.headDL dd:hover .oneA,.headDL dd.on .oneA{ color: #0257b1;}
	.headerOL li>a:hover{background: #eee;color: #0257b1;}
	.rightMenu dd:hover>a{background: #0257b1;}
	.headerOL{ box-shadow: 0 5px 15px -4px rgba(0,0,0,.3);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;animation: ulDH 0.2s ease both; -webkit-animation: ulDH 0.2s ease both;}
	.headTop .fr a.bd:hover:before{ border-color: #60A511;}
}

@media only screen and (max-width:1200px ) {
	.navMenu{ display: block;}
	.headerBottom{ line-height: 60px;height: 60px;}
	.headerDL{ padding-top:10px; bottom: 0;box-shadow: -5px 6px 15px -10px #666; -webkit-overflow-scrolling: touch; overflow-y: auto;transition: .5s; -webkit-transition: .5s; transform: translate(100%,0); -webkit-transform: translate(100%,0); position: fixed;width: 300px;right: 0; min-height: 560px; height: calc(100vh - 97px); top: 97px;z-index: 66;background: #f9f9f9;}
	.head.on .headerDL{height: calc(100vh - 60px); top: 60px;}
	
	.minHeight{ transition: .5s;-webkit-transition: .5s;}
	.minHeight.on{transform: translate(-300px,0);-webkit-transform: translate(-300px,0);}
	.headerDL.on{transform: translate(0,0); -webkit-transform: translate(0,0); }
	.headerDL .pd{ float: none; }
	.headDL {border-top: 10px solid #fff;background: #fff;}
	.searchpt{ width: auto;margin: 0 10px 10px 10px;background: #eee;}
	.language{ display: inline-block; margin: 0 10px 10px 10px;background: #eee;}
	.headDL dd{border-bottom: 1px solid #b7c8a2; cursor: pointer; float: none; line-height: 34px;}
	.headDL dd:before{ position: absolute;right: 16px; top: 11px; width: 8px; height: 8px; border-left: 1px solid #0257b1; border-top: 1px solid #0257b1; content: '';transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    .headDL dd.on:before{ opacity: 0;}
    .headDL dd .oneA{  font-size: 15px; color: #0257b1; display: block;}
    .headerOL{ position: static; padding:0 0 6px 0;}
    .headerOL li{ padding: 0 10px; display: inline-block;}
    .headerOL li >a{ color: #888; line-height: 2; text-align: left;}
    .footerTop .floatLeft{ width: 62%;}
    .footerTop .floatRight{ padding-left: 2%;}
    .headerOL{ display: block;}
    .language>a{ display: inline-block;}
    .language .headerOL{ display: inline-block !important;background: transparent; padding: 0;}
}

@media only screen and (min-width:960px ) {
	.headTop .fr a.bd:hover img{ display: block;}
	.scrollToTop{  display: none !important; }
		@-webkit-keyframes dhs{
		from{transform: translate(0,-100%); -webkit-transform: translate(0,-100%);}
		to{transform: translate(0,0); -webkit-transform: translate(0,0);}
	}
	@keyframes dhs{
		from{transform: translate(0,-100%); -webkit-transform: translate(0,-100%);}
		to{transform: translate(0,0); -webkit-transform: translate(0,0);}
	}

}

@media only screen and (max-width:960px ) {
	.footerTop .floatLeft{ float: none; width: auto;}
	.footerTop .floatRight{ float: none; width:auto; padding: 0 0 20px 0; border: 0;}
	.footerTop{ padding: 40px 0 2.5% 0;}
	.chooseVideo .swiper-slide.on .imgs:before{ border-color: #0257b1; border-width: 2px;}
	.rightMenu{ display: none;}
	.frSearch{ display:none;}
	.searchpt{ display:block;}
}


@media only screen and (max-width:767px ) {
	.newsDL dd{ width: 48%;}
	.newsDL{ padding: 0 1%;}
	.newsDL dd a{box-shadow: 0 0 25px -5px #ccc;}
	.newsDL dd .txt{ padding: 7px 13px 13px 13px;}
	.newsDL dd.newIcon a:before{ width: 35px;}
}


@media only screen and (max-width:640px ) {
	.headTop .fl,.headTop .fr a.bd{ display: none;}
	.headTop .fr .txt{ border: 0; padding: 0;}
	/*.head{ position: fixed;background: #fff;z-index: 110;left: 0;right: 0;top: 0;box-shadow: 0 5px 5px -6px rgba(0,0,0,.4);}*/
	.logo img{ height: 50px;}
	.headTop{ line-height: 29px;}
	.headerBottom{ height: 50px;line-height: 50px;}
	.headerDL{ top: 50px;width: auto; left: 0; padding-top:10px}
	body.on:before{ display: none;}
	.newsDL dd.newIcon a:before{ width: 25px;}
	.footerBottom{ padding: 20px 10px;}
	.footerBottom .link { display: flex; display: -webkit-flex; flex-wrap: wrap;}
	.footerBottom .link a{ width: 25%;box-sizing: border-box;-webkit-box-sizing:border-box; padding: 0;}
	.footerBottom .link a:nth-child(5){border: 0;}
	
	.headerDL{height: calc(100vh - 80px); top: 50px; padding-top:10px}
	.head.on .headerDL{height: calc(100vh - 50px); top: 50px;}
	
	.about-contents-box{display: block;}
	.about-page-left{width: 100%}
	.about-page-right{width: 100%}
	.about-page-right p{line-height: 30px;font-size: 16px}
	.service-scope{display: block;}
	.service-items{width: 100%}
	.content-item{padding: 5px}
	.about-ability-items{padding: 5px}
	.about-ability-items p{font-size: 14px}
	.switch-box{width: 90%}
	.switch-items{width: 30%}

    .service-product-items .srv-box{width: 100%;box-sizing: border-box;padding: 10px 20px}
    .srv-box-items1 p{font-size: 16px;}
    .srv-box-items2 p{font-size: 14px}
    .f-left{float: none}
    .f-right{float: none}
    .contain-include{width: 100%;}
    .service-model2-box{display: block;}
    .service-model2-items{width: 100%}
    .service-model2-items{text-align: center;}
    .service-model2-items p{font-size: 16px;margin-bottom: 5px}
}


@media only screen and (max-width:480px ) {
	.footerTop .wxwb{ text-align: center;}
	.footerTop .attetion{ position: static;}
	.footerBottom .link a{ font-size: 12px;}
}


@keyframes ulDH{
	from{transform: scaleY(0);}
	to{transform: scaleY(1);}
}
@-webkit-keyframes ulDH{
	from{-webkit-transform: scaleY(0);}
	to{-webkit-transform: scaleY(1);}
}

.float_img{position:fixed;right:50px;top:50%;margin-top:-100px;display:none;z-index:10;}
.float_img img{width:200px;}
.float_img .btnClose{position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images/close_1.png) no-repeat center center;}

.downloadList{
    margin-bottom:50px;
}
.downloadList .table {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    color:#666;
}
.downloadList .table td, .downloadList .table th{
    border:none;
    padding:8px;
    vertical-align:middle;
}
.downloadList .table tbody tr:nth-of-type(2n){
    background:#f4f4f4;
}
.downloadList .table thead th{
    background:#0257b1;
    color:#fff;
}
.downloadList .table .btn{
    text-align:center;
}
    .downloadList .table .btn a:hover,
    .downloadList .table .title a:hover {
        color: #0257b1;
    }

.welcome{
    margin-bottom:15px;
}
.welcome a{
    color:#0257b1;
    display:inline-block;
    padding:0 5px;
}
.loginPannel{
    margin-bottom:50px;
    border:1px solid #EEE;
}
.LoginL {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 50px 0;
    border-right: 1px solid #eee;
}
.LoginR {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 50px 0;
}
.loginPannel .wrap{
    max-width:300px;
    padding:0 30px;
    margin:0 auto;
}
.loginPannel h2,
.PasswordPannel h2 {
    color: #0257b1;
    font-size: 18px;
    text-align: center;
}
.loginPannel .cont{
    margin-top:20px;
    font-size:14px;
}
.LoginR .wrap{
    text-align:center;
}
.LoginL #txt_UserName,
.LoginL #txt_Password{
    border:1px solid #ddd;
    margin-bottom:15px;
    width:100%;
    padding:6px 12px;
    box-sizing:border-box;
}
.LoginL #btn_Login,
.PasswordPannel #btn_Login {
    background: #0257b1;
    color: #fff;
    width: 100%;
    padding: 6px 12px;
    box-sizing: border-box;
}

.PasswordPannel{
    padding-bottom:50px;
}
.PasswordPannel .txt1{
    border:1px solid #eee;
    padding:6px 12px;
    margin-bottom:15px;
    width:100%;
    box-sizing:border-box;
}

.PasswordPannel .wrap {
    max-width: 300px;
    padding: 0 30px;
    margin: 0 auto;
}
    .PasswordPannel .cont{
        margin-top:30px;
    }


@media (max-width:768px ) {
    .LoginL,.LoginR {
        width: 100%;
        border:none;
        padding:30px 0;
    }
}