@charset "utf-8";
/* CSS Document */
 .about1{ max-width:1260px; margin:auto;}
 .about1 .about1top{ width:100%; display:block; background-color:#2e5caa; max-height:430px; color:#FFF}
 .about1 .about1top li{float:left; width:50%; display:block; max-height:430px;}
 .about1 .about1top li img{width:100%; max-height:430px;}

 .about1 .about1main{display:block; margin-top:30px;}
 .about1 .about1main li{float:left; width:32%; margin-right:2%; margin-bottom:20px;}
 .about1 .about1main li img{width:100%;}
 .about1 .about1main li:nth-child(3){ margin-right:0%;}
 .about1 .about1main li:nth-child(6){ margin-right:0%;}
 .lia1{font-size:26px; padding-top:280px; padding-left:50px; line-height:36px;}
 .lia2{font-size:26px; padding-top:260px; padding-right:50px; text-align:right; line-height:36px;}
 .lia3{font-size:26px; padding-top:280px; padding-left:50px; line-height:36px;}
 .lia4{font-size:26px; padding-top:280px; padding-right:50px; text-align:right; line-height:36px;}
 .lia5{font-size:26px; padding-top:280px; padding-left:50px; line-height:36px;}
 
 .aboutptbg{}
 .aboutptbg .aboutpt{ max-width:1360px; margin:auto; padding:100px;}
 .aboutptbg .aboutpt .ptleft{float: left; width:55%; padding:0 8%;}
 .aboutptbg .aboutpt .ptright{float: right; width:45%; }
 .aboutptbg .aboutpt .ptright img{width:95%;}
 
 .aboutptabg{ background-color:#f7f8fc;}
 .aboutptabg .aboutpta{ max-width:1360px; margin:auto; padding:100px;}
 .aboutptabg .aboutpta .ptaleft{float: left; width:45%; }
 .aboutptabg .aboutpta .ptaleft img{width:95%;}
 .aboutptabg .aboutpta .ptaright{float: right; width:55%; padding:0 8%; margin-top:0px;}
 
 .abouttixi{ max-width:1200px; margin:auto; text-align:center;}
 .abouttixi img{width:100%;}
 
 .aboutywbg{background: url(../images/hwbg.jpg) no-repeat center; height:815px; color:#e9e9e9;}
 .aboutywbg .aboutpt{ max-width:1360px; margin:auto; padding:100px;}
 .aboutywbg .aboutpt .ptleft{float: left; width:55%; padding:8%;}
 .aboutywbg .aboutpt .ptright{float: right; width:45%; }
 .aboutywbg .aboutpt .ptright img{width:95%;}
 
 .productbg{}
 .productbg .productpt{ max-width:1360px; margin:auto; padding:100px;}
 .productbg .productpt .ptleft{float: left; width:55%; padding:0 2%;}
 .productbg .productpt .ptright{float: right; width:45%; }
 .productbg .productpt .ptright img{width:95%;}
 .productbg .productimg{ max-width:1360px; margin:auto; padding:0 50px;}
 .index-abtips{padding-top:80px;}
 .contacttop{margin-top:60px;}
 
@media (max-width: 1024px) {
 .aboutptbg{}
 .aboutptbg .aboutpt{ max-width:1024px; margin:auto; padding:20px;}
 .aboutptbg .aboutpt .ptleft{float: none; width:100%; padding:0%; margin-bottom:15px;}
 .aboutptbg .aboutpt .ptright{float: none; width:100%; padding:0%; }
 .aboutptbg .aboutpt .ptright img{width:100%;}
 .contacttop{margin-top:0px;}
 
 .aboutptabg{ background-color:#f7f8fc;}
 .aboutptabg .aboutpta{ max-width:1024px; margin:auto; padding:20px;}
 .aboutptabg .aboutpta .ptaleft{float:none; width:100%; }
 .aboutptabg .aboutpta .ptaleft img{width:100%;}
 .aboutptabg .aboutpta .ptaright{float:none; width:100%; padding:0%; margin-top:30px;}
 
 .aboutywbg{background: url(../images/hwbg.jpg) no-repeat center; height:415px; color:#e9e9e9;}
 .aboutywbg .aboutpt{ max-width:1024px; margin:auto; padding:40px 20px;}
 .aboutywbg .aboutpt .ptleft{float:none; width:100%; padding:0%;}
 .aboutywbg .aboutpt .ptright{float: none; width:100%; }
 .aboutywbg .aboutpt .ptright img{width:100%;}
 
 .about1{ max-width:1024px; margin:auto;}
 .about1 .about1top{ width:100%; display:block; background-color:#2e5caa; max-height:230px; color:#FFF}
 .about1 .about1top li{float:left; width:50%; display:block; max-height:230px;}
 .about1 .about1top li img{width:100%; max-height:230px;}

 .about1 .about1main{display:block; margin-top:30px;}
 .about1 .about1main li{float:left; width:47%; margin-right:0%; margin-left:2%; margin-bottom:20px;}
 .about1 .about1main li img{width:100%;}
 .about1 .about1main li:nth-child(3){ margin-right:0%;}
 .about1 .about1main li:nth-child(6){ margin-right:0%;}
 .lia1{font-size:16px; padding-top:100px; padding-left:20px; line-height:22px;}
 .lia2{font-size:16px; padding-top:80px; padding-right:20px; text-align:right; line-height:22px;}
 .lia3{font-size:16px; padding-top:100px; padding-left:20px; line-height:22px;}
 .lia4{font-size:16px; padding-top:100px; padding-right:20px; text-align:right; line-height:22px;}
 .lia5{font-size:16px; padding-top:100px; padding-left:20px; line-height:22px;}
 
 .productbg{}
 .productbg .productpt{ max-width:1024px; margin:auto; padding:30px;}
 .productbg .productpt .ptleft{float: none; width:100%; padding:0;}
 .productbg .productpt .ptright{float:none; width:100%; }
 .productbg .productpt .ptright img{width:95%;}
 .productbg .productpt .ptleft img{width:95%;}
 .productbg .productimg{ max-width:1024px; margin:auto; padding:0 30px;}
 .index-abtips{padding-top:50px;}
 .contacttop{margin-top:30px;}
 
}

@media (max-width: 768px) {
 .aboutptbg{}
 .aboutptbg .aboutpt{ max-width:1024px; margin:auto; padding:20px;}
 .aboutptbg .aboutpt .ptleft{float: none; width:100%; padding:0%; margin-bottom:15px;}
 .aboutptbg .aboutpt .ptright{float: none; width:100%; padding:0%; }
 .aboutptbg .aboutpt .ptright img{width:100%;}
 .aboutptbg .aboutpt .ptleft img{width:100%;}
 .contacttop{margin-top:0px;}
 
 .aboutptabg{ background-color:#f7f8fc;}
 .aboutptabg .aboutpta{ max-width:1024px; margin:auto; padding:20px;}
 .aboutptabg .aboutpta .ptaleft{float:none; width:100%; }
 .aboutptabg .aboutpta .ptaleft img{width:100%;}
 .aboutptabg .aboutpta .ptaright{float:none; width:100%; padding:0%; margin-top:30px;}
 .aboutptabg .aboutpta .ptaright img{width:100%;}
 
 .aboutywbg{background: url(../images/hwbg.jpg) no-repeat center; height:415px; color:#e9e9e9;}
 .aboutywbg .aboutpt{ max-width:1024px; margin:auto; padding:40px 20px;}
 .aboutywbg .aboutpt .ptleft{float:none; width:100%; padding:0%;}
 .aboutywbg .aboutpt .ptright{float: none; width:100%; }
 .aboutywbg .aboutpt .ptright img{width:100%;}
 
 .about1{ max-width:1024px; margin:auto;}
 .about1 .about1top{ width:100%; display:block; background-color:#2e5caa; max-height:230px; color:#FFF}
 .about1 .about1top li{float:left; width:50%; display:block; max-height:230px;}
 .about1 .about1top li img{width:100%; max-height:230px;}

 .about1 .about1main{display:block; margin-top:30px;}
 .about1 .about1main li{float:left; width:47%; margin-right:0%; margin-left:2%; margin-bottom:20px;}
 .about1 .about1main li img{width:100%;}
 .about1 .about1main li:nth-child(3){ margin-right:0%;}
 .about1 .about1main li:nth-child(6){ margin-right:0%;}
 .lia1{font-size:16px; padding-top:80px; padding-left:15px; line-height:20px;}
 .lia2{font-size:16px; padding-top:60px; padding-right:15px; text-align:right; line-height:20px;}
 .lia3{font-size:16px; padding-top:80px; padding-left:15px; line-height:20px;}
 .lia4{font-size:16px; padding-top:80px; padding-right:15px; text-align:right; line-height:20px;}
 .lia5{font-size:16px; padding-top:80px; padding-left:15px; line-height:20px;}
 .index-abword img{width:100%;}
 .image{margin-top:0;}
}