@charset "utf-8";
/* CSS Document */




@media (max-width:1430px){

	
}

@media (max-width:1300px){



	
}






@media (max-width:1200px){
.center{ margin:0 1%;}
.main-ul ul li {
    width: 24.3%;
    margin-right: .6%;}
.ly-l span { width:20%;}
.ly-b span { width:10%;}
.c-left {
    width: 14%;
}
.c-right {
    width: 84%;
}
}


@media (max-width:1100px){
.nav ul.yi-ul li a{ font-size:14px;}
.logo { margin-top:2%;}
.nav ul.yi-ul>li { width:17.2%;}
.footer-link span.sp1{ width:12%;}
.footer-link span.sp2{ width:86%;}
}


@media (max-width:1000px){
.form { margin-top:2%; width:14%;}
.nav { width:47%; margin-left:1%;}
.nav ul.yi-ul li a{ font-size:13px;}
.cp-l-h h1 span { font-size:20px;width:70%;}
.ly-l span { width:22%;}
.ly-b span { width:11%;}
.ly-l input { width:68%;}
.ly-b textarea { width:84%;}
.tdjs-right ul li { line-height:2.5em;}	
.c-left {
    width: 16%;
}
.c-right {
    width: 81%;
}
}


@media (max-width:900px){
.logo { width:30%; margin-top:3%;}
.nav { width:52%;}
.nav ul.yi-ul>li { width:17.2%;}
.form { margin-top:2.5%; margin-right:10px;}
.search{ height:28px;}
.submit{ height:28px;}

.ly-l span { width:26%;}
.ly-b span { width:13%;}
.tdjs-right ul li { line-height:2em;}	
.left-nav-h h1 {
    font-size: 22px;
}
.right-content-h span { font-size:18px;}


.right-content {
    width: 80%;
}
.left-nav {
    width: 17%;
}


}






@media (max-width:800px){
.header-bg{ max-height:45px;}
.menu-btn,.hide-menu{ display:block;}
.logo { width:50%; margin-top:1%;}
.nav { display:none;}
.form { width:30%; float:left; margin-left:2%;margin-top:1%;}
.footer-link span.sp1{ width:15%;}
.footer-link span.sp2{ width:85%;}
.cp-l-h h1 span { font-size:16px; width:80%;}

.ly-l span { width:36%;}
.ly-b span { width:18%;}
.ly-l input { width:50%;}
.ly-b textarea { width:74.5%; height:100px;}
.tdjs-right ul li { line-height:2em; font-size:14px; text-indent:9%;}
.c-left {
    width: 20%;
}
.c-right {
    width: 76%;
}	
.table{ font-size:12px;}
}

@media (max-width:700px){
.logo { width:50%; margin-top:1.5%;}
.footer-l {  width: 78%;}
.footer-r {width: 21%;}

.main-ul ul li { margin:0 2.6%;width: 44.2%; margin-bottom:2%;}
	
.nav_img{margin:0 auto; display: block;}	
.cp-l{ display:none;}	
.yc_nav{ display:block;}
.cp-r{ width:100%;} 	
.tdjs-right ul li { font-size:14px; text-indent:10%; background-size:20px 20px;}	
.left-nav-ul ol li { font-size:12px;}	
}

@media (max-width:600px){
	
.logo { width:50%; margin-top:2%;}
.main-ul ul li a h3{ font-size:16px; }
.main-ul ul li a h4{ font-size:12px; }
.cp-l-ul ul li dl dd{ line-height:2em; }
.table{ overflow-x: auto;}
.tdjs-right ul li { font-size:14px; text-indent:10%; background-size:18px 18px; line-height:1.5em;}
.gswh p{ font-size:12px;}
.right-content {
    width: 75%;
}
.left-nav {
    width: 20%;
}
.zljk-ul {
    width: 100%;
    margin-right: 0%; margin-bottom:2%;
}
.c-left {
    width: 24%;
}
.c-right {
    width: 72%;
}
}

@media (max-width:500px){
	.logo { width:40%; margin-top:3%;}
	
	.callbacks_tabs.callbacks1_tabs li a { width:10px; height:10px;}
	.callbacks_tabs.callbacks1_tabs li {width: 10px;height: 10px;}
	.callbacks_tabs.callbacks1_tabs {margin-top: -25px;}
	.form {
    width: 30%;
    float: left;
    margin-left: 3%;
    margin-top: 1.5%;
}
.main-ul ul li a h3{ font-size:14px; }
.main-ul ul li a h4{ font-size:10px; }
.cp-l-ul ul li dl dd a{ font-size:12px;}
.cp-l-h h1 span { font-size:15px; width:85%;}
.cp-tab-nav ul li a{ font-size:12px;}
.liuyan span{ font-size:12px;}
.ly-l{ width:100%;}
.ly-l input {    width: 70%;}
.ly-l span,.ly-b span{width: 22%;}
.ly-b textarea {    width: 69.5%;    height: 80px;}
.tdjs-right ul li { font-size:12px; text-indent:10%; background-size:16px 16px; line-height:1.3em;}
.left-nav {
    width: 26.5%;
}
.right-content {
    width: 70%;
}
.left-nav-h h1 {
    font-size: 18px;
}
.right-content-h span {
    font-size: 16px;
}
.left-nav-ul ol li.active {
    color: #006666;
    background: url(../images/3c_07.jpg) no-repeat 103% 50%;
}
.left-nav-ul ol li:hover {
    color: #006666;
    background: url(../images/3c_07.jpg) no-repeat 103% 50%;
}
.c-left {
	font-size:10px;
    width: 33%;
}
.c-right {
    width: 65%;
}
}





@media (max-width:400px){
.main-ul ul li { margin:0 16.6%; width: 67.2%; margin-bottom:2%;}
.logo { width:40%; margin-top:4%;}
.main-ul ul li a h3{ font-size:16px; }
.main-ul ul li a h4{ font-size:12px; }
.footer{ font-size:12px;}	
.ly-l input {
    width: 68%;
}
.ly-l span,.ly-b span{width: 25%;}
		
}




