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

body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
a:hover{}
ul,ol{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{clear:both;}
#container-top{width:100%;background:#fff;}	
#hearder{width:1020px;margin:0 auto;overflow:hidden;}
#hearder img{float:left;}
#hearder img.t1{margin-top:25px;}
#hearder img.t2{margin-top:38px;}
#navmainbg{width:100%;background:url(../images/indexnewnavbg.jpg) repeat-x;}	
#nav{width:1020px;margin:0 auto; font-family:"宋体";background:url(../images/indexnewnavbg.jpg) repeat-x;}
#navmain{width:979px;height:26px;padding-top:10px;padding-left:41px;background:url(../images/indexnew28navbg_03x.jpg) no-repeat;}
#navmain a{color:#FFF;}
#navmain li{margin-right:33px;}		
#navsub{width:979px;height:24px;padding-left:41px;padding-top:10px;background:url(../images/indexnew28navbg_05x.jpg) no-repeat;}
#navsub a{ color:#3f3f3f;}	
#navsub h3{font-size:12px;font-weight:normal;}
#navsub li{width:57px;text-align:left;border-right:1px solid #3f3f3f;margin-right:9px;}
#navsub li.t3{width:62px;border:0 none;}	
#navmain li,#navsub li{float:left;display:inline;}
#navsub a.t4{color:#d00d0b;}
#footer{width:980px; text-align:center; margin:0 auto; margin-top:20px;font-size:12px; color:#666; font-family:"宋体"; line-height:24px;}

#banner{ width:100%; background:url(../images/ZBrushmodel_01.jpg) top center no-repeat #0d0d0d;}
#banner-1{ width:1180px; margin:0 auto;}
#banner-xys{ width:100%; margin:0 auto; display:none;}
#main1,.biaoti,#main2,#main4{ width:1180px; margin:0 auto;}
.biaoti{ padding:100px 0 60px 0;}
.biaoti h4{ font-size:38px; color:#333333; text-align:center; margin-bottom:30px;}
.biaoti p{ font-size:16px; color:#333333; text-align:center; line-height:32px;}
.biaoti p.iphone{ display:none;}
#main1 ul li{ float:left; margin-right:50px; margin-bottom:40px;}
#main1 ul li:nth-of-type(2n+2){ margin-right:0;}
#main2{ margin-top:-40px;}
#main2 ul li{ float:left; margin-right:63px;}
#main2 ul li:nth-of-type(3n+3){ margin-right:0;}
#main2 ul li p{ font-size:16px; color:#333333; text-align:center; line-height:30px; margin-top:10px;}
#main3{ width:100%;}
.main3-1{ width:100%; background:url(../images/ZBrushmodel_22.jpg) top center no-repeat;}
.main3-2{ width:100%; background:url(../images/ZBrushmodel_25.jpg) top center no-repeat;}
.main3-3{ width:100%; background:url(../images/ZBrushmodel_28.jpg) top center no-repeat;}
.main3-4{ width:100%; background:url(../images/ZBrushmodel_31.jpg) top center no-repeat;}
.main3-1-a{ width:1180px; margin:0 auto; height:545px;}
.main3-right{width:530px; float:right; padding:90px 0 0 60px}
.main3-left{width:530px; float:left; padding:90px 0 0 60px}
.main3-right h4,.main3-left h4{ font-size:30px; color:#fff;}
.main3-right p,.main3-left p{ font-size:16px; line-height:40px; color:#fff; float:left; margin:40px 40px 40px 0;}
.main3-right span a,.main3-left span a{ font-size:16px;color:#2eecfd;}
.kcxys{ display:none;}
#main4 ul li{ float:left; margin:0 20px 20px 0;}
#main4 ul li:nth-of-type(3n+3){ margin-right:0;}
#overbk{ width:100%; background:#2d2d2d; margin-top:50px;}
#overbk-1{ width:1130px; margin:0 auto; background:url(../images/ZBrushmodel_49.jpg) top right no-repeat; height:350px; padding:100px 0 0 50px;}
#overbk-1 h4{ font-size:60px;color:#fff; margin-bottom:35px;}
#overbk-1 p{ font-size:28px; color:#fff; margin-bottom:40px;}
#overbk-xf{ width:267px; height:80px; float:left; background-color:#ea5347; font-size:28px; line-height:80px; text-align:center;}
#overbk-xf b{ color:#f4f33c;}
#overbk-xe{ width:205px; height:80px; float:left; background-color:#fff; color:#333; font-size:28px; line-height:80px; text-align:center;}
#overbk-xf a{color:#fff; display:block;  width:267px; height:80px;}
#overbk-xe a{color:#333; display:block; width:205px; height:80px;}

@media only screen and (min-width: 768px) and (max-width: 1024px){
#banner{ width:100%; background:#0d0d0d;}
#banner-1{ display: none;}
#banner-xys{ display: block;}
#banner-xys img{ width:100%; height:inherit;}
#main1,.biaoti,#main2,#main4{ width:100%;}
#main1 ul li{ float:left; width:47.5%; margin-right:5%; margin-bottom:40px;}
#main1 ul li img{ width:100%; height:inherit;}
#main1 ul li:nth-of-type(2n+2){ margin-right:0;}
#main2 ul li{ width:30%; margin-right:5%;}
#main2 ul li img{ width:100%; height:inherit;}
.main3-1,.main3-2,.main3-3,.main3-4{ display:none;}
.kcxys{ display: block; width:80%; margin-left:10%;}
.kcxys img{ width:100%; height:inherit; margin-bottom:20px;}
.kcxys h4{ font-size:30px; color:#333;}
.kcxys p{ font-size:16px; color:#666;line-height:40px; float:left; margin:20px 40px 40px 0;}
#main4 ul li{ width:30%;  margin-right:5%;}
#main4 ul li img{ width:100%; height:inherit;}
#main4 ul li:nth-of-type(3n+3){ margin-right:0;}
#main4 .biaoti{ padding-top:30px;}
#overbk-1{ width:100%;}
}

@media only screen and (min-width: 320px) and (max-width: 767px){
#banner{ width:100%; background:#0d0d0d;}
#banner-1{ display: none;}
#banner-xys{ display: block;}
#banner-xys img{ width:100%; height:inherit;}
#main1,#main2,#main4{ width:100%;}
.biaoti{ width:100%; padding:15% 0 10% 0;}
.biaoti h4{ font-size:23px; font-weight:normal; color:#333333;margin-bottom:15px;}
.biaoti p{ font-size:14px; color:#666666; display:none;}
.biaoti p.iphone{ display: block;}
#main1 ul li,#main2 ul li{ float:left; width:80%; margin-bottom:20px; margin-left:10%;}
#main1 ul li img{ width:100%; height:inherit;}
#main1 ul li:nth-of-type(2n+2){ margin-right:0;}
#main2 ul li img{ width:100%; height:inherit;}
#main2 ul li p{ font-size:14px; color:#666666;}
.main3-1,.main3-2,.main3-3,.main3-4{ display:none;}
.kcxys{ display: block; width:90%; margin-left:5%;}
.kcxys img{ width:100%; height:inherit; margin-bottom:20px;}
.kcxys h4{ font-size:23px; font-weight:normal; }
.kcxys p{ font-size:14px; color:#666;line-height:40px; float:left; margin:20px 50px 20px 0;}
.kcxys p:nth-of-type(2n+2){ margin-right:0;}
.kcxys p:nth-of-type(3n+3){ display:none;}
#main4 ul li{ width:47.5%;  margin-right:5%;}
#main4 ul li img{ width:100%; height:inherit;}
#main4 ul li:nth-of-type(3n+3){ margin-right:5%;}
#main4 ul li:nth-of-type(2n+2){ margin-right:0;}
#main4 .biaoti{ padding-top:30px;}
#overbk-1{ width:100%; padding:120px 0 0 0; height:inherit; text-align:center; background: url(../images/ZBrushmodel_49.jpg) top center no-repeat;}
#overbk-1 h4{ font-size:28px;}
#overbk-1 p{ font-size:16px;}
#overbk-xf{ width:40%; height:50px; font-size:16px; margin-left:10%; margin-bottom:100px;}
#overbk-xe{ width:40%; height:50px; font-size:16px;}
#overbk-xf a{width:100%; height:50px; line-height:50px;}
#overbk-xe a{width:100%; height:50px; line-height:50px;}
}