/* by Adon , CSS Document */



.design-banner{ background:url(../img/enter.jpg) no-repeat center #099de0; float:left; width:100%; height:1200px;}
.design-des{ float:left; width:100%; margin:10% 0 5%;}
.design-des span{ font-size:30px; color:#191919; width:40%; margin-top:70px;}
.design-des p{ font-size:16px; color:#0d0d0d; max-width:960px; width:50%; line-height:30px;}
.design-title{ font-size:30px; float:left; width:100%; margin-top:5%;}
.design-title .container{ overflow:hidden; border-top:solid 1px #474747; padding:5% 0;}
.design-title font{line-height:65px; margin-left:25px;}
.design-title span{ padding:10px 50px;background:#009fe3;}
.design-list1 li { float:left; width:32.33%; margin-right:1.5%; height:600px; margin-top:2.5%;margin-bottom:2.5%;}
.design-list1 li.clear{ margin-right:0;}
.design-list1 li span{ display:block; color:#000000; font-size:30px; margin:20px 0;}
.design-list1 li span font{ font-size:26px; display:inline; font-weight:normal;}
.design-list1 li p{ font-size:16px; color:#454545; background:url(../img/p.jpg) no-repeat left; padding-left:25px; line-height:35px;}
.design-list2 li { float:left; width:24%; margin-right:1.1%;background:url(../img/p.jpg) no-repeat left 15px;padding-left:2%;}
.design-list2 li.clear{ margin-right:0;}
.design-list2 li span{ display:block; color:#000000; font-size:30px;}
.design-list2 li p{ display:block; color:#000000; font-size:16px; line-height:30px; margin-top:25px;}
.design-list2 ul,.design-list3 ul{ overflow:hidden; padding:2.5% 0; clear:both;}
.design-list3 li { float:left; width:30.33%; margin-right:1.5%;background:url(../img/p.jpg) no-repeat left 15px; padding-left:2%; margin-bottom:5%;}
.design-list3 li.clear{ margin-right:0;}
.design-list3 li span{ display:block; color:#000000; font-size:30px; text-indent:-20px;}
.design-list3 li p{ font-size:16px; color:#454545;line-height:35px; margin:25px 0 0 0;}
.design-down .p{ text-align:center; border-top:solid 1px #474747; padding:5% 0;font-size:30px; }
.design-down ul{ width:100%;max-width:970px; margin:0 auto 10% auto; overflow:hidden;}
.design-down ul li{ float:left; width:36%; margin:0 7%;}
.design-down ul li span{ display:block; line-height:100px;text-align:center; color:#fff; background:#009fe3; font-size:30px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.design-down ul li p{ font-size:16px; color:#000; margin-top:25px;}

@media (max-width:1366px){
.design-list1 li p{ font-size:15px;}
}
@media (max-width:1024px){
.design-banner{ height:auto; padding:50% 0; background-size:75%;}
.design-list1 li{ height:700px;}
.design-list1 li img{ width:80%}
.design-list1 li span{ font-size:24px;}
.design-list1 li span font{ font-size:20px;}
.design-list2 li{ background-position:left 7px;}
.design-list2 li span{ font-size:20px;}
.design-list3 li span{ font-size:24px; text-indent:-10px;}
.design-list2 li p,.design-list2 li p{ font-size:14px;}
}
@media (max-width:768px){
.design-des span{width:100%; margin-top:0}
.design-des p{ width:100%; float:left; margin-top:5%;}
.design-list1 li{ width:48%; margin-left:1% !important; margin-right:1% !important; height:650px;}
.design-title,.design-down .p{ font-size:26px;}
.design-list1 li p{ font-size:13px;}
.design-list2 li,.design-list3 li{ width:50%; margin-right:0 !important; height:200px;}
.design-down ul li span{ font-size:20px; line-height:70px;}
}
@media (max-width:480px){
.design-title{ font-size:18px;}
.design-title font{ margin-left:15px;line-height:49px;} 
.design-title span{ padding:10px 30px;}
.design-title span img{ width:100px !important;}	
.design-des span{ font-size:24px;}
.design-des p{ font-size:14px; line-height:28px;}	
.design-list1 li{ height:auto; width:100%; margin-left:0 !important; margin-right:0 !important; margin-bottom:5%;}
.design-list1 li img{ width:60%;}
.design-list1 li p{ font-size:13px; line-height:30px;}
.design-list2 li,.design-list3 li{ width:100%; height:auto; margin-bottom:10%; padding-left:5%;}
.design-list2 li p, .design-list2 li p,.design-list3 li p{ font-size:13px; margin-top:15px;}
.design-list2 li span,.design-list3 li span{ font-size:18px;}
.design-list3 li span{ font-size:18px;}
.design-list3 li{ background-position:left 7px;}
.design-title,.design-down .p{ font-size:20px;}
.design-title .container,.design-down .p{ padding:10% 0;}
.design-down ul li span{ font-size:15px; line-height:50px;}
.design-down ul li p{ font-size:13px;}
}