@charset "utf-8";
/* CSS Document */ 
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important;outline:none !important;}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCover{ background-position: 50% 50%; background-size: cover; }
.sizeCover1{background-position: 50% 50%; background-size: contain;background-repeat: no-repeat;}
.sizeCover2{background-position: 50% 50%; background-size: 75% 75%;background-repeat: no-repeat;}
.dock {top: 450px !important;}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
.min{padding: 50px 0 49px 0;}




/* 头部样式*/
header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:80px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:#2aacff;line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px;padding: 0 !important;}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:#f7f7f7;color:#000000;}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:30px;right:20px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#2aacff;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#2aacff;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


header{ width: 100%; height:100px;border-bottom:1px solid #95b8df;position:absolute;left:0;top:0;}
header .logo{font-size: 0;width: 30%;line-height: 100px;}
header .right{width: 70%;padding-left:300px;}
header .right .ul1 .li1{ position: relative;width:25%;height:100px;}
header .right .ul1 .li1 .lian{text-align:center;display: block; color: #fff;font-size: 16px;position: relative;line-height: 100px;}
header .right .ul1 .li1 .lian:hover:before{content:"";width:82px;height:4px;background:#2aacff;position:absolute;bottom:0;left:50%;margin-left:-41px;}
header .right .ul1 .li1 .ul5{position:absolute;display:none;left:0;top:80px;z-index:100;width:100%; }
header .right .ul1 .li1 .ul5 li{float:none;margin-bottom:3px;width:100%;line-height:40px;border:none;color: black;}
header .right .ul1 .li1 .ul5 li a{color: white;text-align: center;background: white;line-height:30px;display: block;font-size: 14px;color: #000000;}
header .right .ul1 .li1 .ul5 li:hover a{color: white;background:#cc0000;}
header .right .ul1 .li1.active .lian:before{content:"";width:82px;height:4px;background:#2aacff;position:absolute;bottom:0;left:50%;margin-left:-41px;}
header .right .ul1 .li1:hover .lian{color:#fbb700;}


/*banner轮播*/
.banner{position:relative;}

.title1{text-align:center;}
.title1 h1{font-size:50px;font-weight:bold;color:#fff;}
.title1 span{font-family:Arial;font-size:20px;color:#fff;margin-top:13px;display:block;}



/*公积金代办咨询*/
.db{background:url(../images/bei.jpg) no-repeat center center/cover;padding:36px 0 80px 0;}
.db .title{background:url(../images/kuan.png) no-repeat left top;width:auto;height:169px;display:flex; flex-direction:column; justify-content:center;padding-left:25px;}
.db .title h1{font-size:25px;color:#666666;line-height:22px;}
.db .title span{font-size:52px;color:#2aacff;font-family:arial;}
.db .tou{position:relative;}
.db .tou .text{position:absolute;left:330px;top:50px;}
.db .tou .text h2{font-size:34px;color:#333333}
.db .tou .text h2 b{font-weight:normal;color:#43b2ff;}
.db .tou .text h2 b a{font-weight:normal;color:#43b2ff;}
.db .tou .text h3{font-size:24px;color:#43b2ff;margin-top:10px;}
.db .tou .textjia{text-align:center;display:none;}
.db .tou .textjia h2{font-size:34px;color:#333333}
.db .tou .textjia h2 b{font-weight:normal;color:#43b2ff;}
.db .tou .textjia h3{font-size:24px;color:#43b2ff;margin-top:10px;}

.db .text1{font-size:16px;line-height:30px;color:#666666;height:150px;overflow:hidden;margin-top:28px;}
.db .text1 b{color:#43b2ff;}
.db h4{font-size:54px;color:#2aacff;font-weight:bold;text-align:center;margin:55px 0 30px 0;}
.db h5{font-size:40px;color:#000000;text-align:center;margin-bottom:40px;}
.db .zuo{position:relative;}
.db .zuo1{font-size:20px;color:#000000;line-height:40px;position:absolute;right:0;top:0;}
.db .you{font-size:20px;color:#000000;line-height:40px;}
.db .juli{margin:0 -25px !important;}
.db .juli .col-md-6{padding:0 25px !important;}
.db .fuwu{position:relative;margin-top:35px;cursor:pointer;}
.db .fuwu:before{content:"";background:#ae7f00;width:404px;height:20px;position:absolute;left:50%;bottom:-4px;border-radius:5px;margin-left:-202px;}
.db .fuwu1{width:404px;height:52px;background:#fbb700;color:#fff;font-size:31px;text-align:center;margin:0 auto;border-radius:5px;position:relative;z-index:2;}


/*服务范围*/
.db1{background:url(../images/bei1.png) no-repeat center center/cover;padding:48px 0 100px 0;}
.db1 .swiper1{position:relative;margin:45px 0 0 0;}
.db1 .swiper1 .box{display:block;margin:0 3px 3px 3px;}
.db1 .swiper1 .box .imgbox{overflow:hidden;}
.db1 .swiper1 .box .imgbox span{font-size:0;display:block;}
.db1 .swiper1 .box .imgbox span img{max-width:100%;}
.db1 .text{padding:20px 30px;background:#7eb5e6;box-shadow:0.5px 3px 6px rgba(0,0,0,0.5);}
.db1 .text h2{font-size:20px;font-weight:bold;color:#2aacff;}
.db1 .text .text1{line-height:25px;color:#666666;height:50px;overflow:hidden;margin-top:18px;}



/*住房公积金提取流程*/
.db2{}
.db2 .title1 h1{color:#333333;}
.db2 .title1 span{color:#2aacff;}
.db2 .juli{margin-top:60px;}
.db2 .box{display:block;margin-bottom:45px;text-align:center;padding:0 60px;}
.db2 .box .xia h2{font-size:20px;color:#333333;margin:15px 0;}
.db2 .box .xia .text{line-height:25px;height:75px;overflow:hidden;color:#666666;}
.db2 .box .tu{min-height:150px;transition:0.6s;}


/*服务案例*/
.db3{background:url(../images/bei2.png) no-repeat center center/cover;padding:60px 0 100px 0;}
.db3 .swiper2{position:relative;margin-top:40px;}
.db3 .swiper2 .box{display:block;padding:10px 10px 20px 10px;background:#fff;}
.db3 .swiper2 .box .chao{}
.db3 .swiper2 .box .chao1{}
.db3 .swiper2 .box .imgbox{overflow:hidden;}
.db3 .swiper2 .box .imgbox span{display:block;font-size:0;}
.db3 .swiper2 .box .text{margin-top:20px;}
.db3 .swiper2 .box .text1{position:relative;padding-bottom:16px;border-bottom:1px solid #dfdfdf;}
.db3 .swiper2 .box .text1 h2{font-size:16px;color:#666666;width:80%;}
.db3 .swiper2 .box .text1 h3{position:absolute;right:0;top:2px;font-size:14px;color:#666666;}
.db3 .swiper2 .box .text2{line-height:25px;color:#666666;height:125px;overflow:hidden;margin-top:12px;}
.db3 .swiper2 .swiper-button.swiper-button-prev{left: -70px;background: url(../images/zuo.png) no-repeat;background-size: cover;cursor: pointer;}
.db3 .swiper2 .swiper-button.swiper-button-next{right: -70px;background: url(../images/you.png) no-repeat;background-size: cover;cursor: pointer;}
.db3 .swiper2 .swiper-button{width: 52px !important;height:52px;top: 50%;}
.db3 .swiper2 .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.db3 .swiper2 .swiper-button-next.swiper-button-disabled {opacity: 1;}


/*更多的客户选择了我们*/
.db4{background:url(../images/bei3.png) no-repeat center center/cover;padding:36px 0 0px 0;}
.db4 .title2{text-align:center;font-size:50px;color:#fff;}
.db4 .table1{width:100%; margin-bottom:10px;margin-top: 20px;}
.db4 table th{font-size:14px;text-align:center; color:#333333;border-bottom:1px solid #dbdbdb;padding-bottom:12px;position:relative;}
.db4 table th:before{content:"";background:#29adff;width:119px;height:2px;position:absolute;left:50%;bottom:-1px;margin-left:-59.5px;}
/*文字向上不间断滚动 table*/
.myscroll {width:100%; height: 370px; margin: 0 auto;overflow: hidden;}
.myscroll table{width:100%;table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ text-align:center}
.myscroll table tr{height: 36px; overflow:hidden;transition:all 0.3s;}
.myscroll table td{font-size:16px;line-height:36px;padding:0 5px;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一 起使用。*/}
.myscroll table tr:hover{color:#2aacff; font-weight:bold;cursor: pointer;}
.db4 .juli{margin:-120px 0 0 0;background:#fff;padding:20px 15px;border-radius:5px;position:relative;top:160px;}
.db4 .juli .col-md-8{padding:0;}
.db4 .juli .col-md-4{padding:0;}
.db4 .yan{padding-left:35px;}
.db4 .yan1{padding:30px 25px 18px 25px;background:#29adff;border-radius:10px;}
.db4 .yan1 .tou{padding-bottom:16px;border-bottom:1px solid #67c5ff;}
.db4 .yan1 .tou h3{font-size:20px;color:#fff;font-weight:bold;}
.db4 .yan1 .tou h4{font-size:14px;color:#fff;margin-top:14px;}
.db4 .yan1 .hang{position:relative;padding-left:70px;margin-bottom:18px;}
.db4 .yan1 .hang span{position:absolute;left:0;top:10px;font-size:14px;color:#fff;}
.db4 .yan1 .hang input{width:100%;border:1px solid #74caff;background:none;line-height:39px;padding-left:10px;color:#fff;}
.db4 .yan1 form{margin-top:28px;}
.db4 .yan1 .hang textarea{width:100%;border:1px solid #74caff;background:none;height:118px;resize:none;padding-left:10px;padding-top:10px;color:#fff;}
.db4 .yan1 .ti{padding-left:70px;}
.db4 .yan1 button{width:100%;background:#f2c31e;line-height:39px;border:none;color:#fff;border:1px solid #f2c31e;}



/*底部*/
footer{background:url(../images/bei4.png) no-repeat center center/cover;padding:185px 0 0px 0;}
footer .wei{position:relative;}
footer .wei .wei1 img{width:159px;height:159px;}
footer .wei .text{position:absolute;left:178px;top:40px;font-size:20px;font-weight:bold;color:#fff;line-height:35px;}
footer .logo2{padding-top:40px;}
footer .logo2 img{max-width:100%;}
footer ul li{margin-bottom:18px;} 
footer ul li span{font-size:17px;color:#fff;margin-left:18px;} 
footer ul{padding-top:20px;}
footer .dian{height:2px;background:url(../images/dian.jpg) repeat-x;}
footer .xia{margin-top:20px;}
footer .xia1{padding:14px 0;text-align:center;color:#fff;}




/*底部热点*/
	#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
	#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px;}
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) rgba(14, 15, 15); background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0;}
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px;}
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}


@-webkit-keyframes bounce {
		0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
			40% {-webkit-transform: translateY(-30px);}
			60% {-webkit-transform: translateY(-15px);}
			
		}

		@-moz-keyframes bounce {
			0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
			40% {-moz-transform: translateY(-30px);}
			60% {-moz-transform: translateY(-15px);}
		
		}

		@-ms-keyframes bounce {
			0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
			40% {-ms-transform: translateY(-30px);}
			60% {-ms-transform: translateY(-15px);}
		}

		@keyframes bounce {
			0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
			40% {transform: translateY(-30px);}
			60% {transform: translateY(-15px);}
		
		}
		
		.ceshi {

			
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

			-webkit-animation-duration: 1s;
			-webkit-animation-delay: .2s;
			-webkit-animation-timing-function: ease;
			-webkit-animation-fill-mode: both;

			-moz-animation-duration: 1s;
			-moz-animation-delay: .2s;
			-moz-animation-timing-function: ease;
			-moz-animation-fill-mode: both;

			-ms-animation-duration: 1s;
			-ms-animation-delay: .2s;
			-ms-animation-timing-function: ease;
			-ms-animation-fill-mode: both;

			animation-duration: 1s;
			animation-delay: .2s;
			animation-timing-function: ease;
			animation-fill-mode: both;
		}
		
		.ceshi.bounce {
			-webkit-animation-name: bounce;
			-moz-animation-name: bounce;
			-ms-animation-name: bounce;
			animation-name: bounce;
		}



@media (max-width:1370px){
.swiper2 .swiper-button{ display: none; }



}



@media (max-width:1349px){

}

@media (max-width:1340px){



}

@media (max-width:1220px){




}


@media (max-width:1199px){
.db .juli{margin:0 -15px !important;}
.db .juli .col-md-6{padding:0 15px !important;}



}
@media (min-width:992px){
.db4 .yan1 button:hover{border:1px solid #74caff;background:none;}
.db3 .swiper2 .box:hover .imgbox span{transform:scale(1.1);}
.db3 .swiper2 .box:hover .text1 h2{color:#2aacff;}
.db2 .box:hover .tu{transform:rotateY(360deg);}
.db2 .box:hover .xia h2{color:#2aacff;}
.db1 .swiper1 .box:hover span{transform:scale(1.1);}


}


@media (max-width:991px){
header .logo {line-height: 80px;}
header {height: 80px;}
header .ydd_btn {top: 30px;}
header .sjdnav {top: 80px;}
.db .tou .text h2 {font-size: 25px;}
.db .tou .text h3 {font-size: 18px;}
.db4 .yan {padding-left: 0px;margin-top:20px;}
.db h4 {font-size: 30px;margin: 30px 0 20px 0;}
.db h5 {font-size: 30px;margin-bottom: 30px;}
.db {padding: 36px 0 50px 0;}
header .logo {width: 40%;}
.db .zuo1{position:relative;}
.db1 .swiper1 {margin: 20px 0 0 0;}
.db1 .text {padding: 10px 10px;}
.db2 .box {padding: 0 0px;}
.db2 .juli {margin-top: 20px;}
.db3 .swiper2 {margin-top: 20px;}
.db4 .title2 {font-size: 40px;}



}

@media (max-width:767px){
header .logo {line-height: 70px;}
header {height: 70px;}
header .ydd_btn {top: 25px;}
header .sjdnav {top: 70px;}
header .logo img{width: 300px;height: auto;}
.db .title span {font-size: 50px;}
.db .tou .text h2 {font-size: 20px;}
.db .tou .text h3 {font-size: 14px;}
.db .tou .text {left: 300px;top: 50px;}
.db h4 {font-size: 25px;margin: 30px 0 20px 0;}
.db h5 {font-size: 25px;margin-bottom: 30px;}
.title1 h1 {font-size: 30px;}
.title1 span {font-size: 18px;margin-top: 8px;}
.db1 .text h2 {font-size: 16px;}
.db1 .text .text1 {margin-top: 10px;font-size:12px;}
.db2 .box .tu {min-height: 100px;}
.db2 .box .tu img{width:100px;height:100px;}
.db2 .box .xia h2 {font-size: 17px;margin: 10px 0;}
.db2 .box {margin-bottom: 20px;}
.db4 .title2 {font-size: 30px;}
.db4 table th::before {content: "";width: 100px;margin-left: -50px;}
.myscroll table td{font-size:13px;}

}
@media (max-width:600px){
header .logo {line-height: 60px;}
header {height: 60px;}
header .ydd_btn {top: 20px;width: 35px;}
header .sjdnav {top: 60px;}
header .logo img{width: 280px;height: auto;}
.db h4 {font-size: 20px;margin: 30px 0 20px 0;}
.db h5 {font-size: 20px;margin-bottom: 30px;}
.db .you {font-size: 14px;}
.db .zuo1 {font-size: 14px;}
.db .title{background:url(../images/kuan1.png) no-repeat left top;height:119px;}
.db .title span {font-size: 33px;}
.db .tou .text {left: 220px;top: 40px;}
.db .tou .text h2 {font-size: 17px;}
.db .tou .text h3 {font-size: 12px;margin-top: 5px;}
.db .fuwu1 {width:100%;height: 40px;font-size: 25px;line-height:40px;}
.title1 h1 {font-size: 25px;}
.title1 span {font-size: 16px;}
.db4 .title2 {font-size: 22px;}
.db4 table th::before {content: "";width: 60px;margin-left: -30px;}
.db .fuwu::before {width:100%;margin:0;left:0;}


}
@media (max-width:479px){
header .logo {line-height: 40px;}
header {height: 40px;}
header .ydd_btn {top: 10px;width: 30px;}
header .sjdnav {top: 40px;}
header .logo img{width: 240px;height: auto;}
.db .title{background:none;text-align:center;height:auto;}
.db .text1 {font-size: 14px;margin-top: 15px;}
.db .tou .textjia{display:block;}
.db .tou .text{display:none;}
.db .title span {font-size: 24px;}
.db .tou .textjia {display: block;margin-top:5px;}
.db .tou .textjia h2 {font-size: 20px;}
.db .tou .textjia h3 { font-size: 18px;}
.db h5 {font-size: 16px;}
.db h5 {margin-bottom: 20px;}
.db .zuo {text-align:center;}
.db .you {text-align:center;}
.db .fuwu1 {width:100%;height: 40px;font-size: 18px;line-height:40px;}
.db3 .swiper2 .box .text1 h2{font-size:16px;color:#666666;width:40%;}
.myscroll table td{font-size:12px;}
footer .wei .wei1 img{width:120px;height:120px;}
footer .wei .text {left: 140px;top: 40px;font-size: 17px;line-height:25px;}
footer ul li span {font-size: 15px;}
.db .title{padding:0;}

}

@media (max-width:400px){
.db .tou .textjia h2 {font-size: 18px;}
.db .tou .textjia h3 { font-size: 16px;}
.title1 h1 {font-size: 22px;}
.db4 table th::before {content: "";width: 40px;margin-left: -20px;}

}

@media (max-width:380px){





}

@media (max-width:350px){


}
@media (max-width:300px){





}