@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}
			a{text-decoration:none; font-size:16px; color:#000;}
			a:hover{text-decoration:underline; color:#039;}
			.h1-a{font-size:23px;}
			
			.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; 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:99%; margin:auto; max-width:1900px; height:auto; min-height:500px;  overflow:hidden; margin-top:50px; border: solid 0px #0033CC;}	
		   #position{width:100%; max-width:1900px; height:auto; min-height:50px;  overflow:hidden; padding:0px; list-style:none;}
		   #position p{ margin-left:160px;}
		   #position a{text-decoration:none; color:#000;}
		    .title{ margin:auto;  border: solid 0px #FF0000; padding-top:20px; list-style:none; }
		   
.pages{ line-height:24px; font-size:12px; color:#343434;}
.pages p{ line-height:24px; font-size:12px; color:#343434;}
.pages p a{ line-height:24px; font-size:12px; color:#343434;}
.pages p a:hover{ color:#0951a9;}
.pages p1{ line-height:24px; font-size:12px; color:#343434;}
.pages p1 a{ line-height:24px; font-size:12px; color:#343434;}
.pages p1 a:hover{ color:#343434;}
div.jogger{padding-top:20px;margin:7px; margin-left:30px;font-family:"lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif;}
div.jogger li{float: left;}
div.jogger a{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#ff7101;text-decoration:none;}
div.jogger a:hover{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#de1818;}
div.jogger a:active{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#de1818;}
div.jogger span.current{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#6d643c;background-color:#f6efcc;}
div.jogger span.disabled{display:none;}
			
			 .box1-left1{
				border: 0px solid #f40;
				width: calc(60% - 4px);
				height:auto;
				margin: 0px;
				margin-top:10px;
				margin-left: 0px;
				float: left;
				overflow:auto;
				padding:0px;
				
			}
		
			 .box1-right1{
				border: 0px solid #f40;
				width: calc(40% - 4px);
				height:auto;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
				overflow:auto;
			}
			
			.box1-right1 li{list-style:none; line-height:30px; padding:0px; font-size:14px; margin-left:20px;}
			.box1-right1 aboutli{list-style:none;  padding:5px; font-size:14px; margin:auto; text-align:center;}
			.abouttitle{list-style:none; line-height:30px; padding:0px; font-size:14px; margin:auto; text-align:center; width:320px;}
			
			.box1-list1{ width:90%;max-width:800px; margin:auto; margin-top:5px;border-bottom: 0px 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:90%; max-width:1900px; height:50px; border-bottom: solid 1px #E7E7E7; border-top:2px  solid #BEBEBE;}
			  .lanmutiaoabout{width:400px; 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: 90%;
				
				margin-left: 0px;
				float: left;
				padding:10px;
			}
			 .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; padding-left:20px; line-height:25px; padding:5px;}

		.imgleft2{width:100%; height:200px; }	
		.imgabout{width:300px; height:300px; padding:10px;border-radius:20px; }
		 .leftright22 li{width:100%; font-size:14px; list-style:none; padding:5px; padding-left::20px; line-height:25px; }	
      
			
			
			.xuxian{ border-bottom:1px dotted #CCCCCC;}
			.xuxianabout{ border-bottom:1px dotted #CCCCCC; width:320px;}
			.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:170px; width:100%;}
.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;}
			.h1-a{font-size:23px;}
			.title-a{ color:#000; text-decoration:none; line-height:30px;}
			.des-a{color:#000; text-decoration:none; font-size:14px;}
			.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; z-index:-1; }	
		   .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;}
        .lanmutiao h1{font-size:22px;margin-left:20px;}
			
			 .left2{
				border: 0px solid #f40;
				width: calc(100% - 34px);
				height: auto;
				margin: 10px;
				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: 100%;
				height:auto;
				overflow:auto;
				
			}
		
		   .leftright22{
				border: 0px solid #f40;
				width: 100%;
				height:auto;
				overflow:auto;
				
			}
			
			
			 .leftleft23{
				border: 0px solid #f40;
				width: 100%;
				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:0px; height:auto;}
			.leftright22 li{list-style:none;  padding-left:10px;}
			.des{line-height:25px; padding-left:20px; padding-right:10px;}
			.h1{font-size:18px; padding-left:0px;}
			.imgleft2{width:100%; height:auto;}
			
			.daohang{display:none;}
			
			
			 .box1-left1{
				border: 0px solid #f40;
				width: 100%;
				height:auto;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
				overflow:auto;
				padding:10px;
				z-index:-1;
				
				
			}
		
			 .box1-right1{
				border: 0px solid #f40;
				width: 100%;
				height:auto;
				margin: 0px 0;
				margin-left: 0px;
				float: left;
				overflow:auto;
				
			}
			
			.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: 20px; margin-bottom:20px; z-index:1; }
            .imgurl0{padding:0px; margin:0px; width:100%;}
			
			#position{width:100%; max-width:600px; height:auto; min-height:50px;  overflow:hidden; padding-top:80px;}
		   #position p{ margin-left:20px;}
		   #position a{text-decoration:none; color:#000;}
		   

div.jogger{padding-top:0px;margin:7px; width:90%; margin:auto; overflow:auto; margin-left:10px;font-family:"lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif;}
div.jogger li{float: left;}
div.jogger a{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#ff7101;text-decoration:none; float:left;}
div.jogger a:hover{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#de1818;}
div.jogger a:active{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#de1818;}
div.jogger span.current{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#6d643c;background-color:#f6efcc;}
div.jogger span.disabled{display:none;}
				
			
			
			
			
        }


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