@charset "utf-8";
/* CSS Document */

        /* 当页面宽度大于1200px*/
        @media screen and (min-width:1200px) {
			* {
				padding: 0;
				margin: 0;
			}
			#body{width:100%; max-width:1900px; margin:auto; top:0px; bottom:0px; left:0px; right:0px;l}
			.client-a {
				height: 100%;
				min-width: 1000px;
				width: 100%;
				border: 0px solid aquamarine;
				padding-top:10px;
				
				overflow: hidden; //外边距塌陷,给父元素添加overflow 
				
			}
			.client-b {
				border: 0px solid #f40;
				width: calc(20% - 30px);
				height: 190px;
				overflow:hidden;
				margin: 10px 0;
				margin-left: 20px;
				float: left;
			
			}
			.client-b:nth-child(3n+1) {
				margin-left: 20px;
			}
			.client-b:nth-child(3n) {
				margin-left: 20px;
			}
			
			
			.client-c {
				border: 0px solid #f40;
				width: calc(33.3% - 30px);
				height: auto;
				margin: 10px 0;
				margin-left: 20px;
				float: left;
				overflow:auto;
			}
			.client-c:nth-child(6n+1) {
				margin-left: 20px;
			}
			.client-c:nth-child(6n) {
				margin-left: 20px;
			}
			
		   .client-c li{float:left; width:95%; list-style:none; padding:5px; font-size:16px;}	
			
			
		   #footer{width:100%; max-width:1900px; height:200px; background:#FFF; border-top:1px solid #CCCCCC; background-color:#F9F9F9;}
		   #footer ul{width:100%; text-align:center; margin-top:10px;}
		   #footer li{line-height:30px; font-size:14px;}
		   #footer li a{color:#000000; text-decoration:none; font-size:14px;}
		   
		   #box1{width:1400px; max-width:100%; height:auto; min-height:500px; margin:auto;  overflow:hidden; margin-top:50px; border: solid 0px #000000;}	
		   .position{width:100%; max-width:1900px; height:auto; min-height:20px;  overflow:hidden; padding:0px;  margin-left:0px; font-size:14px;}
		   .position a{text-decoration:none; color:#000; font-size:14px;}
		   
		   .riqi{width:100%; height:auto; overflow:hidden; padding:0px; padding-top:30px; font-size:14px;}
		   
		   #biaoti{ width:100%;border: solid 0px #000000; margin-bottom:20px; background:#FCFCFC; border-bottom: solid 1px #F3F3F3; height:180px;}
		   .title{ margin:auto;  border: solid 0px #FF0000; padding-top:20px; }
		   #biaoti h1{font-size:30px;}
		   #biaoti ul{max-width:100%; width:900px; float:left; margin-left:12%;}
		   #biaoti ul li{list-style:none; width:800px; max-width:90%; margin-left:0px;}
		   
		   .article{width:800px; max-width:90%; margin:auto; border: solid 0px  #0099CC; list-style:none; padding:10px; line-height:30px; text-align:left; font-size:16px;}
		   .article-ul{width:800px;max-width:100%; border-right: solid 0px #F3F3F3; min-height:300px; height:auto; overflow:auto;}
		   .img{width:100%;}
			 .box1-left1{
				border: 0px solid #f40;
				width: calc(60% - 4px);
				max-width:900px;
				height:auto;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
				overflow:auto;
				padding:10px;
			
				
			}
		
			 .box1-right1{
				border: 0px solid #f40;
				width: calc(40% - 4px);
				max-width:500px;
				height:auto;
				
				float: left;
				overflow:auto;
				margin-left:0px;
			}
			
			.box1-right1 li{list-style:none; line-height:25px; padding:5px; font-size:14px; margin-left:20px;}
			.box1-right1 li a{text-decoration:none; font-size:14px; color:#000;}
			.box1-right1 li a:hover{text-decoration:underline; color:#039;}
			.box1-list1{ width:100%;max-width:800px; margin:auto;border-bottom: 1px solid #D8D8D8; height:auto; position:relative; overflow:auto; background:#FFF;box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);border-radius: 30px; margin-bottom:20px;}
            .lanmutiao{width:100%;  height:50px; border-bottom: solid 1px #E7E7E7; border-top:2px  solid #BEBEBE;}
			.lanmutiao h1{font-size:22px;margin-left:20px;}
           
	 
	 
			
			 .left22{
				border: 0px solid #f40;
				width: 100%;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
				padding:15px;
			}
			 .leftleft22{
				border: 0px solid #f40;
				width: calc(40% - 4px);
				
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
		
		   .leftright22{
				border: 0px solid #f40;
				width: calc(60% - 4px);
				
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
		 .leftright22 ul{width:100%; font-size:16px; margin-left:20px; line-height:25px; padding:5px;}
		.imgleft2{width:100%; }	
		 .leftright22 li{width:100%; font-size:14px; list-style:none; padding:5px; margin-left:20px; line-height:25px; }	
      
			
			
			.xuxian{ border-bottom:1px dotted #CCCCCC;}
			
			.lanmutiao{width:100%; max-width:1900px; height:50px; border-bottom: solid 1px #E7E7E7; border-top:2px  solid #BEBEBE;}
			.h1{font-size:18px;}
			
		
			
			
	
.daohang{ width:100%;max-width:1900px; margin:auto;border-bottom: 1px solid #D8D8D8; height:150px; position:fixed; z-index:99; background:#F8F8F9;box-shadow: 0 0 6px 4px rgba(0,0,0,0.1);}
.daohang li{display:inline-block;zoom:1; list-style:none; margin-top:40px; margin:8px; }
.daohang li a{ text-decoration:none; color:#000;}


.daohangbiaoti{ width:100%; margin:auto; border-bottom: 1px solid #D8D8D8; height:250px;background:#F8F8F9; vertical-align:middle;}
.daohangbiaoti ul{ width:100%; margin:auto;  height:250px;  }
.daohangbiaoti li{ width:80%; float:left; line-height:30px;  margin-left:200px; margin-top:50px; }
.daohangbiaoti h1{font-size:32px; color:#000;}

.logo{ float:left; margin-top:20px;  margin-left:130px;  }
.toppic{ width:1500px; margin:auto; height:305px; }

.topmid{position:absolute;height:300px;overflow:hidden; float:left; width:365px; margin-left:7px; border:0px solid #F00; background-color:#FFF;display:inline; }

.topright{position:absolute;height:300px;overflow:hidden; float:left; width:365px; margin-left:383px; border:0px solid #F00; background-color:#FFF;display:inline; }

.daohang2{ width:100%; margin:auto; background-color:#fff;}
.daohanglist2{ width:1500px; margin:auto; height:160px; background-color:#fff; }
.daohangtitle{font-size:18px; color:#000; text-decoration:none;}
.daohangtitle a{ font-size:18px; color:#000; text-decoration:none;}
.daohanglist2 li{ line-height:15px;  border: 0px solid #F00;}

.daohangtitle2{font-size:16px; color:#000; text-decoration:none;}
.daohangtitle2 a{ font-size:16px; color:#000; text-decoration:none;}

.nav{ width:100%; margin-top:20px;}



.fengxi{height:150px; width:100%;}
.fengxi2{display:none;}
.htmleaf-container{display:none;}
			
        } 


        /* 当页面宽度大于960px小于1200px */
        @media screen and (min-width:960px) and (max-width:1200px){
            body{
                background:yellow;
            }
        }

          /* 当页面宽度大于600px小于960px */
          @media screen and (min-width:600px) and (max-width:960px){
            body{
                background:darkmagenta;
            }
        }


         /* 当页面宽度大于300px小于600px */
         @media screen and (min-width:300px) and (max-width:600px){
          * {
				padding: 0;
				margin: 0;
			}
			a{text-decoration:none; font-size:16px; color:#000;}
			a:hover{text-decoration:underline; color:#039;}
			.client-a {
				height:auto;
				max-width: 600px;
				width: 100%;
				border: 0px solid aquamarine;
				overflow:auto;
			}
			.client-b {
				border: 0px solid #f40;
				width: 46%;
				height:130px;
				margin: 5px 0;
				margin-left: 10px;
				float: left;
			}
			.client-b:nth-child(3n+1) {
				margin-left: 10px;
			}
			.client-b:nth-child(3n) {
				margin-left: 10px;
			}
			
			
			
			
			
			.client-c {
				border: 0px solid #f40;
				width: 100%;
				height: auto;
				margin: 10px 0;
				margin-left: 10px;
				float: left;
				overflow:auto;
			}
			.client-c:nth-child(3n+1) {
				margin-left: 10px;
			}
			.client-c:nth-child(3n) {
				margin-left: 10px;
			}
			.client-c li{list-style:none; width:100%; height:30px; padding:5px;}
			
			
			
			#header{width:100%; max-width:600px; height:300px; background:#0CF;}
		   
		   #footer{width:100%; max-width:1900px; height:200px; background:#FFF; border-top:1px solid #CCCCCC; background-color:#F9F9F9; margin-top:20px;}
		   #footer ul{width:100%; text-align:center; margin-top:10px;}
		   #footer li{line-height:30px; font-size:14px;}
		   #footer li a{color:#000000; text-decoration:none; font-size:14px;}
		   
			
			 #box1{width:100%; max-width:600px; height:auto; overflow:auto; margin-top:60px; }	
		   
		    .position{width:100%; max-width:600px; height:auto; min-height:0px;  overflow:hidden; padding:0px; font-size:14px;  margin-left:0px;}
		   .position  li{ width:100%; padding-left:25px; list-style:none; font-size:14px; border: solid 0px #000000;}
		   .position a{text-decoration:none; color:#000; font-size:14px;}
		   
		   .riqi{width:100%; max-width:600px; height:auto; overflow:hidden; padding:5px; padding-top:30px; font-size:14px; }
		   .riqi  li{ list-style:none; font-size:14px; padding-left:20px;}
		   #biaoti{border: solid 0px #000000; margin-bottom:20px; background:#FCFCFC; border-bottom: solid 1px #F3F3F3; height:230px;}
		   .title{ border: solid 0px #FF0000; padding-top:80px; text-align:center;}
		   #biaoti h1{font-size:30px;}
		   #biaoti ul{width:100%;}
		   #biaoti ul li{ margin-left:0px; list-style:none;}
		   
		   .article{width:95%; max-width:600px; margin:auto; border: solid 0px  #0099CC; list-style:none; padding:10px; line-height:30px; text-align:left; font-size:18px;}
		   .article-ul{width:100%;max-width:600px; min-height:300px; height:auto; overflow:auto;}
		   
			 .box1-left1{
				border: 0px solid #f40;
				width: 100%;
				max-width:600px;
				height:auto;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
				overflow:auto;
				padding:0px;
			
				
			}
		
			 .box1-right1{
				border: 0px solid #f40;
				width: 100%;
				max-width:600px;
				height:auto;
				
				float: left;
				overflow:auto;
				margin-left:0px;
				margin-top:50px;
			}
			
			.box1-right1 li{list-style:none; line-height:25px; padding:5px; font-size:14px; margin-left:0px;}
			.box1-list1{ width:100%;max-width:600px; margin:auto;border-bottom: 1px solid #D8D8D8; height:auto; position:relative; overflow:auto; background:#FFF;box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);border-radius: 30px; margin-bottom:20px;}
            .lanmutiao{width:100%;  height:50px; border-bottom: solid 1px #E7E7E7; border-top:2px  solid #BEBEBE;}
			.lanmutiao h1{font-size:22px;margin-left:20px;}
           
	 
		   
		   
		   
		   
		   
		   
		   
		   .left1{
				border: 0px solid #f40;
				width: calc(100% - 34px);
				height:auto;
				margin: 10px 0;
				margin-left: 16px;
				float: left;
				overflow:auto;
			}
			
			.left1 li{ list-style:none; padding:5px;}
		
		   .right1{
				border: 0px solid #f40;
				width: calc(100% - 34px);
				height: auto;
				margin: 10px 0;
				margin-left: 16px;
				float: left;
				overflow:auto;
			}
			
		    .tuijianci{width:100%; height:auto;display:table;margin-left:auto;margin-right:auto;  overflow:auto; }
			.tuijianci li{ float:left;display: table-cell;vertical-align: middle; text-align:center; width:43%; height:80px; background:#6e91c6; font-size:16px; color:#FFF; padding:5px; margin:5px;}
			.biaotilan{height:50px; width:100%; background-color:#fff; padding-top:20px; border-top: solid 1px  #E2E4FE; }
			.biaotilan2{height:50px; width:100%; background-color:#fff; padding-top:20px; border-bottom: solid 1px #E2E4FE; }
			.imgul{width:100%; height:auto;}
			.img { width:100%;} 
			.imgtitle{top:-40px; width:100%; position:relative; z-index:1; text-align:left; height:30px;  color:#FFF; font-size:16px; background:#000; opacity:0.5; padding:0px;}
			
			.right11{width:100%; height:auto; overflow:auto;}
			.rightleft11{
				border: 0px solid #f40;
				width: calc(100% - 34px);
				height:auto;
				margin: 10px 0;
				margin-left: 16px;
				float: left;
				
			}
			.rightleft11 li{ width:100%; font-size:16px; list-style:none; padding:5px; height:240px; }
			
			 .rightright11{
				border: 0px solid #f40;
				width: calc(100% - 34px);
				height:auto;
				margin: 10px 0;
				margin-left: 16px;
				float: left;

			}
			
			.rightright11 li{ width:100%; font-size:16px; list-style:none; padding:5px;}
			
			.rightright11 ul{ width:100%;}
			.xuxian{ border-bottom:1px dotted #CCCCCC;}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			#box2{width:100%; max-width:600px; 	overflow: auto;}
		.lanmutiao{width:100%; max-width:600px;  height:50px; border-bottom: solid 1px #E7E7E7; border-top:2px  solid #BEBEBE; background:#F9F9F9;}
        .lanmutiao h1{font-size:22px;margin-left:20px;}
			
			 .left2{
				border: 0px solid #f40;
				width: calc(100% - 34px);
				height: auto;
				margin: 10px 0;
				margin-left: 16px;
				float: left;
				overflow:auto;
			}
		
		   .right2{
				border:0px solid #f40;
				width: calc(100% - 34px);
				height: auto;
				margin: 10px 0;
				margin-left: 16px;
				float: left;
				overflow:auto;
			}
			
			
			.right2 li{float:left; width:100%; list-style:none; padding:5px; font-size:16px;}
			
				
		 .left22{
				border: 0px solid #f40;
				width: 100%;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
			 .leftleft22{
				border: 0px solid #f40;
				width: calc(100% - 4px);
				
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
		
		   .leftright22{
				border: 0px solid #f40;
				width: calc(100% - 4px);
				
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
			
			
			 .leftleft23{
				border: 0px solid #f40;
				width: calc(50% - 4px);
				height:130px;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
		
			 .leftright23{
				border: 0px solid #f40;
				width: calc(50% - 4px);
				height:130px;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
			}
			
			
			
			.leftright22 ul{width:100%; font-size:16px; margin-left:5px; line-height:25px;}
			
			.h1{font-size:18px;}
			.imgleft2{width:100%; }
			
			.daohang{display:none;}
			
			
			
			
			
				
			
			
			
			
        }


          /* 当页面宽度小于300px*/
        @media screen and (max-width:300px) {
            body{
                background:salmon;
            }
        }