@charset "utf-8";
/* CSS Document */
*{ margin:0;
   padding:0;
   list-style:none;}
html{ margin:0; padding:0; overflow-x:hidden;}
body{ background:#080041;width:100%;font-size:14px; font-family:"微软雅黑", "思源黑体 CN Normal", "思源黑体 CN Regular"} 
a{text-decoration:none; color:white;}
header{ width:100%;height:60px;background:#2b303b; min-width:1200px;}   
   
header ul{ width:1200px; height:60px; margin:0 auto;}
header ul li{ float:right;font-size:14px; line-height:60px;color:white;}
header ul li a{ padding:0 10px;}
header ul li:first-child{ float:left; height:60px}
header ul li:nth-child(2){padding:0 20px; background:#fd5e51; height:40px; margin:10px 0 0 10px; line-height:40px;}
header ul li a:hover{ color:#fd5e51;text-decoration:none;}
header ul li:first-child:hover{background:#2e303f;}

.banner{ width:100%; min-width:1200px; height:600px; background:url(./banner-shal.png) center no-repeat;}
.banner .inset{ width:1200px; margin:0 auto; padding-top:240px; text-align:center; color:white; font-size:24px; line-height:50px;}
.banner span{ font-size:36px; color:#fe3dfc;}
.banner .title-hot{ width:650px; background:#fd5150; border-radius:10px; margin:20px auto 0;}
.banner button,.main5 button{ width:200px; height:40px;background:-webkit-linear-gradient(90deg, #fb9a54, #fd5150);background:-o-linear-gradient(90deg, #fb9a54, #fd5150);background:-moz-linear-gradient(90deg, #fb9a54, #fd5150);background:linear-gradient(90deg, #fb9a54, #fd5150);border:none; outline:none; color:white; font-size:18px; display:block; margin:30px auto; cursor:pointer;}
 aside{ width:100%; min-width:1200px; height:60px; background:#1441e6; text-align:center; font-size:24px; color:white; line-height:60px;}
 
 
.nav{ width:1200px; margin:0 auto; padding:80px 0; height:60px;}
.nav li{ width:285px; height:120px;float:left; margin-right:20px; background:#1441e6}

.nav .four{ margin-right:0px;}
.nav li p{ padding:15px 20px 0;font-size:24px; color:white; font-weight:bold; text-align:left; margin:0 }
.nav li .p1{ background:none; font-size:14px; font-weight:normal; margin-top:0;line-height:25px; padding-top:10px;  }


.main1{ width:100%; min-width:1200px; padding:60px 0; clear:both; }
.main1-inside{ width:1200px; margin:0px auto;height:500px;}
h1{ margin:10px auto; text-align:center; color:white; font-size:48px;}
.p2{ color:white; text-align:center; line-height:40px;}

.main1 ul{ margin-top:50px;}
.main1 span,.main2 span,.main3 span,.main4 span{ font-size:18px; font-weight:bold; line-height:40px;}
.main1 .title,.main2 .title{ background:#1354fe; height:70px; padding:0 25px 20px; color:white;}
.main1 .title .left{ float:left; padding-top:10px;}
.main1 .hot{ float:right; background:#fd5e51;}
.main1 .title .end{ clear:both;} 
.main1 li,.main2 li,.main3 li{ width:230px; height:380px; float:left; margin-right:1%; background:#0d2299;}
.main1 li:last-child,.main3 li:last-child,.main5 li:last-child{ margin-right:0;}

.main1 .mid,.main2 .mid{ margin:20px 0;line-height:30px; height:120px; padding:0px 25px; }


.main1 .price{ clear:both; font-size:30px; color:#ffa442; padding:0 20px;}



.main1 .mid p,.main3 .mid p{ color:white;}



.main1 button,.main2 button,.main3 button,.main4 button{ display:block; width:140px; height:35px; background:-webkit-linear-gradient(90deg, #fb9a54, #fd5150);background:-o-linear-gradient(90deg, #fb9a54, #fd5150);background:-moz-linear-gradient(90deg, #fb9a54, #fd5150);background:linear-gradient(90deg, #fb9a54, #fd5150);text-align:center; margin:35px auto; line-height:35px; color:white; border:none; outline:none; cursor:pointer; clear:both;}

.main1 button{ margin-top:20px}




.main2{ padding-top:50px; width:1200px;height:700px; margin:0 auto; clear:both; margin-top:50px;}
.main2 .title{height:80px; padding:20px}
.main2 .mid{ margin:10px auto; height:100px;}
.main2 .zhe{ padding:0 20px;}
.main2 e{ background:#fd5e51; padding:5px;}
.main2 .price{ padding:20px;}
.main2 .sheng{padding:0px 20px;}
.main2 .sheng e{ padding:0 10px;}
.main2 h1{ margin-bottom:20px;}
.main2 ul{ padding:60px 0; width:1200px; margin:0 auto;}
.main2 li{ width:290px; height:460px; color:white;}
.main2 li:last-child{ margin-right:0;}
.main2 .price span{ font-size:30px; color:#fd5e51}



.main3{ margin-top:80px; background:#090854; padding:50px 0; height:550px;}
.main3 ul{ padding-top:40px;}



h3{ font-size:20px; font-weight:normal; text-align:center;line-height:50px;color:white; }

.main4{width:1200px;height:650px;margin:0 auto; clear:both; margin-top:100px;}
.main4 ul{ width:1190px; margin:50px auto; padding-left:10px;}
.main3 li,.main4 li{ width:510px; height:130px; margin:10px; padding:15px 30px; float:left; border:1px solid #0d2299; background:none;}
.main3 li img,.main4 li img{ display:block; float:left; margin-top:10px;}
.main3 li p,.main4 li p{ float:left; margin:15px 30px ; width:320px;color:white;}
.main4 li{ background:#0d2299;}
.main3 li img{ float:right;}
.main4 li p{margin:0px 0 0 30px;width:350px; float:left;}
.main4 button{ margin-top:20px; margin-left:0}




.main5{ width:100%; min-width:1200px; height:400px; background:url(./bg-end-shal.png) no-repeat center;}
.main5 h1{padding-top:70px;}
.main5 p{ text-align:center;color:white; font-size:20px; line-height:50px;}
.main5 p span{ font-size:36px; color:#e5d202}
.main5 button{ width:200px; height:40px; margin-top:30px; }


footer{ width:100%; min-width:1200px;
        height:80px;
		background:#222222;
		margin:0px auto;
		padding-top:25px;}
.p8{ font-size:14px;
     text-align:center;
	 line-height:25px;
	 color:white;}	
footer a{ color:white; }